/* 大标题 */
@font-face{
	font-family: Roboto-Bold-3;
	src: url('../../font/newRoboto/Roboto-Bold-3.ttf')
}
/* 新-标题 */
@font-face{
	font-family: Roboto-Bold-title;
	src: url('../../font/roboto/Roboto-Bold-3.ttf')
}
/* 新-描述细体 */
@font-face{
	font-family: Roboto-Light-whiteDesc;
	src: url('../../font/newRoboto/Roboto-Light-10.ttf')
}
/* */
@font-face{
	font-family: Roboto-Medium-12;
	src: url('../../font/roboto/Roboto-Medium-12.ttf')
}
/* 黑背景下 描述 使用常规字体 */
@font-face{
	font-family: Roboto-Regular-blackRule;
	src: url('../../font/roboto/Roboto-Regular-blackRule.ttf')
}

.banner-boxs{
	position: absolute;
	top: 0;
	right:0;
	left:136px;
	bottom:0;
	color: #fff;
	display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    /*animation:fadeOutAnim 2s;*/
   	animation-play-state: paused;
}
@keyframes fadeOutAnim{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
.wiimlogo::before {
	content: "";
	display: inline-block;
	width: 147px;
	height: 48px;
	background-image: url(../../img/brandStory/wiimLogo.svg);
	background-size: 145px;
	background-repeat: no-repeat;
}
.shopBtn{
    background: #FFF;
    width: 214px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #000;
    border-radius: 3px;
    margin-top: 40px;
    font-size: 17px;
    display: block;
    font-family: Roboto-Bold-3;
    display: inline-block;
    margin-right: 30px;
}
.topBananer{

/*	background-image:url(../img/overBan.webp?v=222);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bananer_title{
	font-size: 68px;
	/*padding-top:160px;*/
	line-height: 41px;
	font-weight: bold;
	color: #fff;
	font-family: Roboto-Bold-3;
}
.youtobe{
	width: 214px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 3px;
    margin-top: 40px;
    font-size: 17px;
    display: block;
    font-family: Roboto-Bold-3;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
	cursor: pointer;
}
#dragSpin{
	display: none;
	z-index: 999999;
}
#open-devie{
	cursor: pointer;
}
.barrier-bg{
	width: 100%;
	height:100vh;
	background: #000;
	opacity:0.5;
	position: fixed;
	top: 0;
	z-index: 9999;
}
.barrier-bed{
	width: 100%;
	height:100vh;
	position: fixed;
	top: 0;
	z-index: 999999;
    opacity: 1;
    background: none;
}
.barrier-bed-boxs{
	width: 100%;
	height: 100vh;
	background: #FFFFFF;
	box-shadow: 0px 0px 26px 6px rgba(0,0,0,0.13);
	/*border: 2px solid #F0F0F0;*/
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.barrier-embedded{
	position: relative;
    height: 100%;
}
.barrier-title{
    font-family: Roboto-Medium-12;
    width: 169px;
    height: 78px;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 32px;
    margin: auto;
    padding-top: 45px;
    margin-bottom: 65px;
    text-align: center;
}
#barrier-close{
    position: absolute;
    top: -9px;
    right: -15px;
    box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 20%);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}
.spinner-style{
	height: 420px;
	width: 450px;
	margin: auto;
}
.bananer_describe{
	font-size: 32px;
	line-height: 33px;
	margin-top: 40px;
    font-family: Roboto-Bold-title;
}
.digital-logo{
	margin-top: 170px;
}
.digital{
	width: 80px;
	height: 105px;
	margin-right:30px;
}
.hifi{
	width: 108px;
	margin-right:30px;
}
.ces{
	width: 67px;
	margin-right:30px;
}
.cnet{
	width: 90px;
}
.hi-res{
	position: absolute;
    right: 116px;
    top: 45px;
}
.flexBox-pro{
    display: flex;
    flex-wrap: wrap;
}
.allContents{
	text-align: center;
	width: 163px;
	padding-top: 30px;
}
.allContents>p{
	padding-top:15px;
	font-family: Roboto-Light-whiteDesc;
}
.streamHi{
	position: relative;
	height: 845px;
}

.titleSty{
	font-size: 39px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	font-family: Roboto-Bold-3;
}
.titleSty_desc{
	margin-top:40px;
	font-size: 17px;
	color: #333333;
	text-align: center;
	font-family: Roboto-Light-whiteDesc;
}
/*产品动画*/
.benefits_boxs{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.benefits_boxs_animation{
	animation:mymove 1s infinite;
	animation-iteration-count:1;
	animation-fill-mode: forwards;
	position: absolute !important;
	width: 100%;
}
.benefits_boxs_close{
	animation:myclose 1s infinite;
	animation-iteration-count:1;
	animation-fill-mode: forwards;
	position: relative !important;
}

.benefits_bgcolor{
	background: #F3F3F3;
	text-align: center;
}
.benefits_boxs_left{
	width:614px;
	border-radius: 24px;
	background-image: url(../img/sidebar/PRO.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
}
.benefits_boxs_left .business{
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
    padding: 0px;
}
.benefits_boxs_left p{
	padding:48px 25px 0;
	font-size: 33px;
	font-family: Roboto-Bold-3;;
	font-weight: bold;
	color: #fff;
	line-height: 41px;
	position: relative;
}
.benefits_boxs_right{
	width: 386px;
}
.benefits_boxs_right .right_title{
	font-family: Roboto-Medium-12;
	font-size: 19px;
	font-weight: 500;
	color: #848484;
	line-height: 25px;
}
.benefits_right_boxs{
	padding: 60px 0;
	border-radius: 24px;
	
}
.benefits_boxs_right .right_desc{
	font-weight: 600;
    margin-bottom: 0px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Roboto-Bold-3;
     background-image: linear-gradient(57deg, #F6814F 0%, #E265E7 12%, #61B3EE 38%, #01B28E 100%);
    font-size: 35px;
    line-height: 40px;
    margin-top: 27px;
}
.right_btn_title{
	font-size: 19px;
	font-family: Roboto-Medium-12;
	font-weight: 500;
	color: #333333;
	line-height: 25px;
    padding-top: 180px;
}

.benefits_boxs_right_top{
	
}
.benefits_boxs_right_btm{
	padding: 19px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	border-radius: 24px;
	height: 332px;
}
.benefits_boxs_right_btm .deviceImg{
	position: absolute;
    width: 248px;
    top: 0px;
    right: 0;
    left: 0;
    margin: auto;
}
.aasd{
	position: relative;
	background: #fff;
	transition:transform var(--deep-dive-transition-duration);
}
:root {
    --deep-dive-width: 100vw;
    --deep-dive-padding: 0;
    --deep-dive-transition-duration: 1000ms;
    --deep-dive-actual-width: 100vw;
    --deep-dive-overlap: 10vw;
    --deep-dive-progress: 0.005;
    --deep-dive-progress-min: 0.005;
}
.dddd{
	width: 100%;
	margin: auto;
	display: block;
}
@keyframes mymove{
	from {left:0px;}
	to {
		left:-100%;
	}
}
@keyframes myclose{
	from {left:-100%;}
	to {
		left:0;
	}
}
.animate .w2{
    /*延迟1s*/
    -webkit-animation-delay:1s;
}
.animate .w3{
    -webkit-animation-delay:2s;
}
.animate .w4{
    -webkit-animation-delay:3s;
}
.wave{
    width:215px;
    height:83px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
}
.wave *{
    border:4px solid #00AAE7;
    position:absolute;
    border-radius:50%;
    -webkit-animation:opac 4s infinite;
}

/*h2{
	height: 52px;
	font-size: 39px;
	color: #333333;
	line-height: 52px;
	text-align: center;
}
.displayArea{
	font-size:17px;
	color: #333;
}
.displayArea .textCen{
	text-align: center;
}*/

/*设备*/
.device{
    position: relative;
    margin-top: 15px;
    width: 100%;
    z-index: 2;
}

.iconP{
	margin-top:52px;
}

.iconP .col-md-2>p{
	margin-top: 16px;
	font-size: 17px;
	color: #666666;
}


.siriShow{
	margin-top:30px;
	text-align: center;
	padding-top:73px;
	opacity:1;
    transition: transform 400ms linear, opacity 500ms linear;
}	
/*body[data-h="2551"] .siriShow{
    opacity: 0.5;
    transition: transform 400ms linear, opacity 500ms linear;
}
body[data-h="2378"] .siriShow{
    opacity: 0.000;
    transition: transform 400ms linear, opacity 500ms linear;
}*/

.alexaHide{
	text-align: center;
	padding-top:73px;
	opacity: 0;
    transition: transform 400ms linear, opacity 500ms linear;
}

body[data-div="2449"] .alexaHide{
    opacity: 0.5;
    transition: transform 400ms linear, opacity 500ms linear;
}
body[data-div="2450"] .alexaHide{
    opacity:1;
    transition: transform 400ms linear, opacity 500ms linear;
} 

/*intelligent*/
.intelligent{
	/*height: 1650px;*/
}
.assistant{
	font-size:71px;
	line-height:80px;
}
.intelligent .stickyImg{
	position: sticky;
	top:600px;
	text-align: center;
	background: #fff;
}

.valueStyle{
    font-weight:600;
    margin-bottom:0px;
    background-image:linear-gradient(57deg, #F6814F 0%, #E265E7 12%, #61B3EE 38%, #1CD0B6 70%, #30EFD8 100%);
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
    font-family: Roboto-Bold-3;
}
.works_desc{
	padding:40px 0 48px 0;
	font-size: 17px;
	color: #333;
	font-family: Roboto-Light-whiteDesc;
}
.sound-listen{
    position: relative;
    overflow: hidden;
    padding-top: 0px;
    margin-top: -32px;
    padding-bottom: 38px;
}
.sound-listen-div{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}
.overview-sound-handoff{
    position: relative;
    display: block;
    width: 1506px;
    height: 410px;
    position: relative;
    top: 40px;
    left: 50%;
    margin-left: -1095px;
    transform: translateX(587px);
    margin-bottom: 0px;
}

/*spotify Airplay2 Amazon_Alexa Tidal*/
.hideOpacity{
	cursor: pointer;
	opacity: 0.6;
}

.hideOpacity .imgIcon{
	width:32px;
}
.hideOpacity .deviceDesc{
	width: calc(100% - 50px);
}
.opacityTitle{
	font-size: 27px;
	font-family: Roboto-Bold-3;
}
.opacityDesc{
	padding-top: 20px;
	font-size: 17px;
	color: #fff;
	margin: auto;
	font-family: Roboto-Light-whiteDesc;
}
.black-table .blackUl .showOpacity{
	opacity: 1;
	/*border-bottom: 2px solid #01B28E !important;*/
	border-bottom: 1px solid rgba(204,204,204,0.6);
}
.black-table .blackUl .hideOpacity:hover{
	color: #fff;
	/*border-bottom: 2px solid #01B28E;*/
	opacity: 1;
	border-bottom: 1px solid rgba(204,204,204,0.6);
}
.black-table .blackUl .showOpacity:after{
	content: "";
    display:block;
    position: absolute;
    /*left: calc(100% - 80px);*/
    bottom: -1px;
    width: calc(100% - 20px);
    /*height: 2px;*/
    /*background: #01B28E;*/
   	border-bottom: 2px solid #01B28E;
}
.black-table .blackUl .nexo7:after{
	content: "";
    display:block;
	width: 100% !important;
}
.exao1,.exao2,.exao3{
	display: inline-block;
}
.introduce_text{
	width: calc(100% - 260px);
	padding-right: 100px;
}
.extend-boxs{
	display: flex;
	font-size: 17px;
	color: #fff;
	margin: auto;
	font-family: Roboto-Light-whiteDesc;
}
.extend-desc{
	width: 50%;
	margin: auto;
}
.extend-hide{
	display: none;
}
.extend-show{
	display: block;
}
.introduce_Img{
	width: 50%;
	text-align: center;
}
.introduce_Img img{
	width: 285px;
}
/* black-table */
.black-table{
	padding: 104px 0;
}
.black-table ul{
	font-size: 0px;
}
.black-table ul li{
	font-size: 20px;
	display: inline-block;
	width: 141px;
	color: #fff;
    cursor: pointer;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-right: 20px;
    font-family: Roboto-Bold-3;
}
.black-table ul li img{
    position: relative;
    top: -2px;
}
/*faqs*/
.faqsText{
	width: 418px;
	padding-top: 25px;
}
.faqsText_title{
	font-size: 19px;
	font-weight: bold;
	line-height: 22px;
}
.faqsText_desc{
	font-weight: lighter;
	margin-top: 8px;
	color:#848484;
	font-size: 17px;
}
/*黑色区域*/
.h5Box{
	display: none;
}
/*product is right for you*/
.provided{
	text-align: center;
	height: 81px;
	border-bottom: 1px solid #ccc;
}
.proBor{
	border:0px;
}
.provided .col-xs-3{
	padding: 0 30px;
}
.provided div p{
	display: inline-block;
	font-size: 16px;
	color: #1A1A1A;
	text-align: left;
}
.provided::after{
	content: '';
	display: block;
	clear: both;
}
.col-xs-5{
	width: 40%;
}
.col-xs-5{
	width: 40%;
}
/*Which WiiM Product is right for you?*/
/* .deviceCompare .miniWidth{
	width: 140px;
} */
.deviceCompare .WiiMwidth{
	width: 174px;
}
.audioAmptxt{
	font-size: 12px;
}
.which_three_boxs{
	display: flex;
	padding: 0 15px;
	align-items: center;
	height: 100%;
}
.three_left_text{
	width: 150px;
	text-align: left;
	font-family: Roboto-Bold-title;
}
.three_right_boxs{
	font-family: Roboto-Light-whiteDesc;
	width: calc(100% - 150px);
	height: 100%;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.compareTable{
	text-align: right;
	background: #fff;
	margin-bottom: 30px;
	margin-top:40px
}
.miniTable{
	display: none;
}
.comparisonDevice{
	font-family: Roboto-Bold-title;
}
.productList{
	padding-bottom:0px;
	border: 1px solid #ccc;
}
.bgcolor{
	background-color: #ededed;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
	width: 1020px;
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.sidebar-title{
	font-size: 31px;
	font-family: Roboto-Bold-title;
	font-weight: bold;
	color: #333333;
	line-height: 41px;
    margin-top: 80px;
}
.sidebar-device-boxs{
	display: flex;
	margin-top:45px;
}
.device-boxs{
	text-align: left;
}
.device-desc-width{
	width: 422px;
	padding-right: 0px !important;
}
.device-title{
	font-size: 19px;
	font-family: Roboto-Medium-12;
	font-weight: 500;
	color: #333333;
	line-height: 25px;
}
.device-desc{
	font-size: 17px;
	font-family: Roboto-Light-whiteDesc;
	font-weight: 300;
	color: #333333;
	line-height: 27px;
	margin-top: 12px;
	padding-right: 100px;
}
.device-icon{
	width: 120px;
}
.features-boxs{
	display: flex;
	margin-top: 45px;
}
.features2-boxs{
	display: flex;
	align-items: center;
	margin-top:140px;
}
.features-subarea{
	width: 50%
}
.features-new{
	font-size: 17px;
	font-family: Roboto-Light-whiteDesc;
	font-weight: 300;
	color: #333333;
	line-height: 27px;
	text-align: left;
}
.line-out{
	margin-top: 40px;
	text-align: left;
	font-size: 17px;
	color: #333333;
	line-height: 27px;
	font-family:Roboto-Light-whiteDesc ;
}
.line-out strong{
	font-family:Roboto-Medium-12 ;
}
.sidebar-graph{
	margin-top: 45px;
	width: 100%;
	display:flex;
    justify-content: space-between;
}
.sidebar-graph p{
	font-size: 13px;
	font-weight: 500;
	color: #333333;
	line-height: 17px;
	font-family: Roboto-Medium-12;
	text-align: center;
    margin-top: 5px;
}
.sidebar-graph div{
	width: 288px;
}
.sidebar-graph div img{
	width: 100%;
	height: 142px;
}
#closeIcon{
    width: 39px;
    position: relative;
    top: 0px;
    cursor: pointer;
    padding: 3px;
    transform: rotate(180deg);
}
#business1,#business2,.line-close{
	display: none;
}
.line-close{
	position: fixed;
	top: 240px;
	left: 45px;
    width: 40px;
    /*left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 20;
    bottom: 48px;
    padding: 0px;*/
}
.h5Btn{
	display: none;
}
.pc-video{
	display: block;
}
.h5-video{
	display: none;
}
.allContents img{
	width: 52px;
}
@media (min-width: 768px) and (max-width: 1600px) {
	.intelligent .stickyImg{
		/*position: relative;*/
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.bananer_title{
		/*font-size: 24px;*/
	}

	/*Hi-Res*/
	.animate,.hi-res{
		display: none;
	}
	/*FAQS*/
	.faqsText{
		width: 100%;
	}
}
@media (max-width: 767px) { 
	
	/*Which WiiM Product is right for you*/
	.three_right_boxs{
		width: 100%;
	}
	.three_left_text{
		width: 0px;
	}
	.compareTable{
		display: none;
	}
	.miniTable{
		display: block;
		padding: 0px;
	}
	.mini_three_left_text{
		width: 250px;
		text-align: left;
		font-family: Roboto-Bold-title;
	}
	.titleSty{
		font-size: 26px;
	}
	
	.twoUlPad{
		padding-right:70px;
	} 
	
	.twoHeader ul{
		float:none;
		text-align: center;
	}
	
	/*Intelligent assistant*/
	.assistant{
		font-size: 50px;
    	line-height: 48px;
	}
	.intelligent{
		/*height: 1100px;*/
	}
	.alexaHide{
		opacity: 1;
	}
	.stickyImg,.hi-res{
		display: none;
	}
	/*spotify Airplay2 Amazon_Alexa Tidal*/
	.opacityTitle{
		font-size: 23px;
	}
	.opacityDesc{
		font-size: 15px;
	}
	.introduce_text{
		padding-right: 0px;
	}
	.introduce_Img{
		width: 230px;
	}
	/*Hi-Res*/
	.animate{
		display: none;
	}
	/*FAQS*/
	.faqsText{
		width: 100%;
	}
	.streamHi{
		height: 715px;
	}
}
@media (max-width: 600px) {
	/*.bananer_describe{
		width: 100%;
		margin-top:20px;
	}*/
	.twoUlPad{
		padding-right: 45px;
	} 
	
	.twoHeader ul{
		float:none;
		text-align: center;
	}
	
	/*Intelligent assistant*/
	.assistant{
		font-size: 50px;
    	line-height: 48px;
	}
	
	.alexaHide{
		opacity: 1;
	}
	.stickyImg{
		display: none;
	}
	
		
	/*spotify Airplay2 Amazon_Alexa Tidal*/
	.blackUl{
		display: flex;
	    flex-wrap: nowrap;
	    overflow-y: hidden;
	}
	.hideOpacity{
		opacity: 1;
		margin: 0 6px;
		padding: 0px;
	}
	.hideOpacity .imgIcon{
		display: none;
	}
	.opacityTitle{
		display: block;
		text-align: center;
	}
	.opacityDesc{
		font-size: 13px;
    	line-height: 19px;
	}
	.hideOpacity .deviceDesc{
		width: 100%;
		height: 380px;
		padding: 0px 10px 24px 10px;
		position: absolute;
    	bottom: 0px;
	}
	.deviceDescBox{
	    position: absolute;
    	bottom: 45px;
    	height: 130px;
	}
	.opacityDesc{
		display: block;
	}
	.bg_phone1,.bg_phone2,.bg_phone3,.bg_phone4,.bg_phone5,.bg_phone6,.bg_phone7{
	    flex: 0 0 auto;
	    width: 300px;
	    height: 480px;
	    /*height: 288px;*/
	    position: relative;
        border-radius: 4px;
    	overflow: hidden;
	}
	.blackUl .bg_phone1{
		background: url(../../img/overview/spotify.webp) no-repeat;
		background-size: 140px;
	    background-position: center;
        background-position-y: 21px;
	}
	.blackUl .bg_phone2{
		background: url(../../img/overview/airplay.webp) no-repeat;
		background-size: 140px;
		background-position: center;
	    background-position-y: 21px;
	}
	.blackUl .bg_phone3{
		background: url(../../img/overview/amazonAlexa.webp) no-repeat;
		background-size: 140px;
		background-position: center;
	    background-position-y: 21px;
	}
	.blackUl .bg_phone4{
		background: url(../../img/overview/spotify.webp) no-repeat;
		background-size: 140px;
		background-position: center;
	    background-position-y: 21px;
	}
	.blackUl .bg_phone5{
		background: url(../img/tidal.webp) no-repeat;
		background-size: 140px;
		background-position: center;
	    background-position-y: 21px;
	}
	.blackUl .bg_phone6{
		background: url(../img/dlna.webp) no-repeat;
		background-size: 140px;
		background-position: center;
	    background-position-y: 21px;
	}
	.blackUl .bg_phone7{
		background: url(../img/roon.webp) no-repeat;
		background-size: 140px;
		background-position: center;
	    background-position-y: 21px;
	}
	.bg_phone1 .deviceDesc{
		background: linear-gradient(180deg, rgba(115, 66, 39, 0) 0%, #3F1F11 100%);
	}
	.bg_phone2 .deviceDesc{
		background:  linear-gradient(180deg, rgba(30, 32, 80, 0) 0%, #1E2050 100%);
	}
	.bg_phone3 .deviceDesc{
		background: linear-gradient(180deg, rgba(0, 67, 54, 0) 0%, #004336 100%);
	}
	.bg_phone4 .deviceDesc{
		background: linear-gradient(180deg, rgba(50, 30, 78, 0) 0%, #321E4E 100%);
	}
	.bg_phone5 .deviceDesc{
		background: linear-gradient(180deg, rgba(0, 67, 54, 0) 0%, #004336 100%);
	}
	.bg_phone6 .deviceDesc{
		background: linear-gradient(180deg, rgba(50, 30, 78, 0) 0%, #321E4E 100%);
	}
	.bg_phone7 .deviceDesc{
		background: linear-gradient(180deg, rgba(50, 30, 78, 0) 0%, #321E4E 100%);
	}
	
	
	.introduce_text{
		width: 100%;
	}
	.introduce_Img{
		display: none;
	}
	
	/*黑色区域*/
	.pcBoxs{
		display: none;
	}
	.h5Box{
		display: flex;
	}
}
@media only screen and (max-width: 480px){
	.provided .col-xs-3{
		padding: 0;
	}
	.banner-boxs{
		left: 0;
		text-align: center;
	}
	.deviceCompare .miniWidth,.deviceCompare .WiiMwidth,.col-xs-4,.deviceCompare .col-xs-3{
		width: 100%;
	}
	/*二级导航栏*/
	.twoHeader ul{
		float:none;
		text-align: center;
	}
	.pc-video{
		display: none;
	}
	.h5-video{
		display: block;
		min-height: 500px;
	}
	/*bananer 顶部背景图*/
	.topBananer{
		/*height: 520px;*/
		/*background-image: url(../img/h5Bg.webp?v=222);*/
	}
	.digital-logo{
		text-align: left;
		padding:0px;
	    margin: 279px 30px 0;
	}
	.digital{
	    width: 35px;
    	height: 40px;
		margin-right: 16px;
	}
	.hifi{
		width: 46px;
		margin-right: 16px;
	}
	.ces{
		width: 29px;
		margin-right: 16px;
	}
	.cnet{
		width: 36px;
	}
	.digital-logo .hires{
		width: 38px;
		height: 38px;
	}
	.bananer_title{
		font-size: 32px;
	}
	.bananer_describe{
		font-size: 16px;
		line-height: 21px;
		width: 100%;
		margin-top: 17px;
	}
	.h5-btn-top{
		margin-top: 28px;
	}
	.youtobe{
		width: 106px;
	    height: 30px;
	    font-size: 12px;
	    line-height: 30px;
	    margin-top: 0px;
	}
	/*wiimpro plus*/
	.benefits_boxs{
	    flex-direction: column;
	}
	.right_btn_title{
		font-size: 22px;
		line-height: 32px;
	}
	.benefits_boxs_right .right_desc{
		font-size: 30px;
		line-height: 41px;
	}
	.benefits_boxs_left{
		height: 484px;
		background-image: url(../img/sidebar/PROH5.webp);
	}
	.benefits_boxs_left,.benefits_boxs_right,.features-subarea{
		width: 100%;
	}
	.benefits_boxs_left p{
		font-size: 22px;
		line-height: 32px;
	}
	.benefits_boxs_right{
		margin-top: 20px;
	}
	.sidebar-device-boxs{
		flex-direction: column;	
		margin-top: 20px;
	}
	.sidebar-device-boxs .device-boxs:last-child{
		margin-top: 20px;
	}
	.device-icon-box{
		text-align: center;
		margin-top: 20px;
	}
	.features-boxs{
	    flex-direction: column;
	    margin-top: 0px;
	}
	.features-subarea img{
		margin-top: 40px;
	}
	
	.sidebar-graph,.features2-boxs{
		flex-direction: column;
	}
	.sidebar-graph{
		margin-bottom:50px;
	}
	.features2-boxs{
		margin: 40px 0 80px;
	}
	.sidebar-graph div p{
		text-align: center;
	    padding: 5px 0 20px;
	}
	.sidebar-graph div,.device-desc-width{
		width: 100%;
	}
	.sidebar-graph div img{
		height: 100%;
	}
	#closeIcon{
		display: none;
	}
	.sidebar-title{
		margin-top:25px;
		font-size: 26px;
	}
	.device-title{
		font-size: 16px;
	}
	.device-desc,.features-new{
		font-size: 14px;
		padding-right: 0px;
	}
	.h5Btn{
		display: block;
	}
	#h5Btn{
		width: 103px;
		height: 29px;
		background: #333333;
		box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.46);
		border-radius: 15px;	
		color: #fff;
		font-size: 15px;
		font-family: Roboto-Regular-blackRule;
		margin-top: 25px;
	    text-align: center;
    	line-height: 29px;
    	cursor: pointer;
	    height: 100%;
	    display: none;
	}
	#h5Btn img{
	    position: relative;
	    top: -2px;
	    left: -5px;
	    width: 12px;
	}
	.line-out{
		font-size: 14px;
	}
		
	/**/
	.overview-sound-handoff{
		left: 63%;
	}
	.flexBox-pro{
		justify-content: space-around;
	}
	
	/*all Content*/
	.allContents{
		width: 50%;
	}
	/*Intelligent assistant*/
	.intelligent{
		height: 500px;
	}
	.assistant{
		font-size: 50px;
    	line-height: 48px;
	}
	.alexaHide{
		opacity: 1;
	}
	.stickyImg{
		display: none;
	}
	
	/*Hi-Res*/
	.animate{
		display: none;
	}
	.streamHi{
		height: 715px;
	}
	.hi-res{
		width: 50px;
	    height: 50px;
	    background-size: cover;
        top: 425px;
    	right: 18px;
    	display: block;
	}
	.shopBtn{
	    width: 106px;
		height: 30px;
	    font-size: 12px;
	    line-height: 30px;
		background: #FFFFFF;
	    border-radius: 4px;
	    margin: 0px;
	}
	.wiimlogo::before{
		width: 72px;
	    height: 23px;
	    background-size: 68px;
	}
}