[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important}
ng\:form{display:block}
.keyicon li,.keyicon ul,.spec-main .select-content,.select-carousel{position:relative}
.spec-main{width:1185px;margin:30px auto 90px;color:#262626}
.spec-main .button{font-size:15px;height:40px;padding:0 15px;text-align:center;cursor:pointer;vertical-align:middle;display:table-cell;word-break:break-word;overflow:hidden;line-height:17px}
.keyicon i,.keyicon li{height:28px;line-height:28px}
.ds2-icon--info-i-white::before{top:5px;height:16px;width:16px}
.spec-main .specsAll .ds2-icon:before,.spec-main .specsAll .ds2-icon:after{top:3px;left:-22px}
.spec-legend .tooltip-position{position:relative}
.spec-main .button-blue{background-color:#1c69d4}
.spec-main .button-blue:hover{background-color:#0653b6}
.spec-main .specsheet-head h1,.spec-main .specsheet-head h3{margin-bottom:15px}
.spec-main .specsheet-head p{margin-bottom:15px;font-size:12px}
.spec-main .specsheet-head .action{width:24%;display:table;margin-bottom:45px}
.spec-main .selectModel{border-top:2px solid #e6e6e6;padding-top:15px;background:#fff;width:1185px;z-index:1;clear:both;float:left}
.spec-main .selectModel .row:after{content:'';display:block;height:0;clear:both}
.spec-main .selectModel .row-bottom{margin-top:20px;border-top:2px solid #e6e6e6}
.keyicon:before{content:' ';clear:both}
.keyicon{padding:10px 0;width:100%;clear:both}
.keyicon ul>li{display:inline-block;padding-left:10px}
.keyicon i{margin-right:10px;font-size:20px;float:left;width:20px;text-align:center}
.keyicon .icon-optional,.keyicon .icon-standard{margin-top:-3px;-webkit-margin-before:0}
.keyicon .icon-notavailable{border-top:3px solid #000;float:left;width:14px;margin:13px 13px 0 3px}
.keyicon .icon-asterisk{float:left;font-size:28px;padding-top:5px;display:initial}
.icon-tooltip{width:20px;height:20px;float:left;background-image:url(clientlibs/resources/images/icons-new.png);background-size:210px auto;background-position:-25px -1565px}
.icon-tooltip:hover{background-position:-95px -1565px}
.keyicon .icon-tooltip{background-position:-25px -1561px}
.keyicon .icon-tooltip:hover{background-position:-95px -1561px}
.select-carousel{width:100%;background-color:#fff;float:left;border-bottom:2px solid #e6e6e6}
.select-carousel .tit-carousel{float:left;width:24%;margin-top:7px}
.select-carousel .list-carousel{float:left;width:76%;position:relative}
.select-carousel .tit-carousel b{display:block;font-size:18px;line-height:18px}
.select-carousel .tit-carousel i{position:absolute;margin-left:5px}
.pop-layer{border:2px solid #a0a0a0;position:relative;width:348px;background:#fff;z-index:99999;float:left;padding:14px 14px 25px 15px;top:-220px;left:22.7%;display:none}
.specsAll .specsItem{border-bottom:1px solid #e6e6e6}
.pop-layer h2{text-align:left;line-height:65px}
.pop-layer span{display:block;overflow:auto;height:80px}
.pop-layer .triangle-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #fff;margin-top:20px}
.select-carousel .window-carousel{width:100%;float:left;position:absolute;overflow:hidden}
.select-carousel .window-carousel .ul_carousel{height:250px}
.select-carousel .list-carousel a{display:block;background:#666;width:30px;height:60px;position:absolute;font-size:20px;text-align:center;line-height:60px;z-index:3}
.select-carousel .list-carousel .icon-arrow-left{left:-30px;top:0}
.select-carousel .list-carousel .icon-arrow-right{right:-30px;top:0}
.select-carousel .list-carousel .icon-arrow-left.disabled,.select-carousel .list-carousel .icon-arrow-right.disabled{background:#cdcdcd;cursor:default}
.select-carousel .window-carousel ul{float:left;position:relative;width:1003%}
.select-carousel .window-carousel li{width:3.333333%;float:left;position:relative;text-align:left}
.select-carousel .window-carousel li .detail{margin:0 10px}
.select-carousel .window-carousel li b{display:block;font-size:15px;line-height:18px}
.select-carousel .window-carousel li .price{padding:15px 0;line-height:20px}
.select-carousel .window-carousel li .icon-tooltip{margin-left:5px}
.features-specs-model-fixed{position:fixed;top:0}
.select-carousel .window-carousel .icon-arrow-left-m{position:absolute;left:0;top:25px;display:block;background-position:601px 150px;height:19px;width:14px;background-color:#fff;z-index:3}
.select-carousel .window-carousel .icon-arrow-right-m{position:absolute;right:0;top:25px;display:block;background-position:571px 152px;height:43px;width:14px;background-color:#fff;z-index:3}
.specsAll{width:100%;line-height:20px;clear:both}
.specsAll .specsHeadline{padding:15px 0;height:70px;line-height:40px;font-weight:700}
.specsAll .ng-hide{height:0;opacity:0}
.specsAll .icon-medium,.specsAll .icon-plus{font-size:16px;width:40px;height:40px;background-color:#1c69d4;float:left;text-align:center;cursor:pointer;line-height:40px;margin-right:10px}
-medium{display:none}
.specsAll .icon-medium:hover,.specsAll .icon-plus:hover{background-color:#0653b6}
.specsAll .icon-medium:hover{background-position:-210px -90px}
.specsAll .f-s-Content{width:100%;float:left}
.specsAll .f-s-Content ul{list-style:none;margin:0;padding:0}
.specsAll .f-s-Content li{position:relative;overflow:hidden}
.specsAll .f-s-Content .item-border{border-bottom:1px solid #e6e6e6}
.specsAll .f-s-Content .item-padding{padding:15px 0;min-height:50px}
.specsAll .f-s-Content li .icon-notavailable{border-top:1px solid #000;display:block;width:14px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%);transform:translate(-50%,-50%)}
.specsAll .f-s-Content .f-s-Content-title{float:left;width:24%;display:inline-block}
.specsAll .f-s-Content .f-s-Content-title span{width:325px;display:block}
.specsAll .f-s-Content .f-s-Content-title .span{padding-left:25px;line-height:20px;width:100%;position:relative}
.specsAll .f-s-Content-data{overflow:hidden;display:inline-block;width:76%;float:left}
.specsAll .f-s-Content-data .data-ul{position:relative;width:10000%}
.specsAll .f-s-Content-data .data-ul ul{width:.333333%;float:left}
.specsAll .f-s-Content-data .data-ul li{text-align:center}
.f-s-Content li b,.specsAll .f-s-Content-data .data-ul li b{position:relative;text-overflow:ellipsis;width:100%;display:inline-block}
.data-li-for{height:100%;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sRemarks{margin-top:30px;width:50%}
.sRemarks h2{margin-bottom:15px}
.sRemarks .tips{margin:60px 0;line-height:1.8}
.switch-wheelbase .btn{display:inline-block;border:1px solid #1c69d4}
.switch-wheelbase .btn.active{background-color:#1c69d4;color:white}
.custom-select{position:relative}
.custom-select .default-select-text span{padding-left:4%}
.custom-select .default-select-text{width:100%;height:32px;border:1.5px solid #000;position:relative;line-height:32px}
.custom-select .default-select-text:before{content:'';display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-right:2px solid #fff;position:absolute;right:9px;transform:rotate(45deg);z-index:1}
.custom-select .default-select-text:after{content:'';display:block;position:absolute;width:30px;height:30px;background-color:black;right:-1px}
.custom-select .custom-select-options{z-index:100;background:#fff;max-height:200px;overflow:auto !important;border:1.5px solid #000;width:100% !important;display:none}
.custom-select .custom-select-options li{list-style:none;height:30px;line-height:30px;cursor:pointer;width:100% !important;padding-left:4%}
.custom-select .custom-select-options li.active{background-color:#000;color:#fff}
.custom-select .expand-options{display:block}
.disabled{color:grey}
.hide-same .hide-same-item{color:grey;display:none}
.highlight-diff .highlight-diff-item{color:red}
.highlight-best .highlight-best-item div{color:#1c69d4;font-weight:bold}
.highlight-best .highlight-best-item.hide-same-item div{color:#262626;font-weight:normal}
@media screen and (max-width:1275px){.spec-main{padding:0 45px;width:auto}
.spec-main .selectModel{width:100%}
.spec-main .navFix{width:88%;width:calc(100% - 90px)}
}
.remarks .text p{padding-bottom:5px}
@media screen and (max-width:980px){.spec-main{padding:0 45px}
.spec-main .specsheet-head .action{width:50%}
.sRemarks{width:80%}
.select-carousel .window-carousel ul{width:1002.5%}
.select-carousel .list-carousel,.select-carousel .tit-carousel{width:50%}
.select-carousel .window-carousel li{width:5%}
.specsAll .f-s-Content .f-s-Content-title,.specsAll .f-s-Content-data{width:50%}
.specsAll .f-s-Content-data .data-ul ul{width:.5%}
}
@media screen and (max-width:520px){.spec-main{padding:0 20px}
.spec-main .specsheet-head .action{width:100%}
.spec-main .navFix{width:90%;width:calc(100% - 40px)}
.sRemarks,.select-carousel .list-carousel{width:100%}
.select-carousel .window-carousel{margin-left:0}
.select-carousel .window-carousel ul{width:2005%}
.select-carousel .window-carousel li{width:5%}
.select-carousel .window-carousel li .detail{width:auto;padding-left:45px}
.select-carousel .window-carousel li b{float:left;margin-right:5px}
.select-carousel .window-carousel li .price{clear:both}
.specsAll .f-s-Content-data .data-ul ul{width:1%}
.select-carousel .list-carousel a{width:20px}
.select-carousel .list-carousel .icon-arrow-right{right:-20px;height:45px;line-height:45px}
.select-carousel .list-carousel .icon-arrow-left{left:-20px;height:45px;line-height:45px}
}
.price-disclaimer .ds2-tooltip{margin-left:5px !important;padding:0 !important;display:inline-block !important;vertical-align:middle !important}
.price-disclaimer .ds2-info-icon{padding:0 !important}
.touch .ds2-tooltip-element--close{right:15px !important}
body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,p,pre,ul{margin:0;padding:0;font-weight:400}
h1,h2,h3{font-weight:700}
body{font-size:12px;background-color:#FFF;text-rendering:optimizeLegibility;color:#262626}
ul{list-style:none}
i{font-style:normal}
a{text-decoration:none}
a:focus{outline:0;-moz-outline:0}
h1{font-size:35px}
h2{font-size:25px}
h3{font-size:18px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}
.for-mobile,.for-pad,.hidden{display:none}
*,:after,:before{box-sizing:border-box}
@media screen and (max-width:980px){h1{font-size:25px}
h3{font-size:15px}
.for-pc{display:none}
.for-pad{display:block}
}
@media screen and (max-width:520px){h2{font-size:18px}
.for-pad{display:none}
.for-mobile{display:block}
}
.dialog .icon{width:25px;height:24px;background-image:url(clientlibs/resources/images/icons-new.png);display:inline-block;background-size:105px auto;float:left;margin-right:6px;margin-top:1px}
.hidden{display:none}
.commonLine{background-color:#e6e6e6;width:100%;height:1px;margin-top:30px}
.dialog-bg{background-color:rgba(25,25,25,.5);position:fixed;width:100%;height:100%;z-index:9999;top:0;left:0}
.dialog,.maskLayer{top:0;position:absolute}
.dialog{width:100%;margin:0;font-size:12px;z-index:10000}
.dialogPage{width:874px;background-color:rgba(255,255,255,1);margin:0 auto;padding:45px 30px 50px}
.dialogHeader .specSheetTitle{font-size:35px;color:#252525;font-weight:700;margin-top:-7px}
.dialogHeader .cancelButton{margin-top:-24px;margin-right:-15px;float:right;background-image:url(clientlibs/resources/images/bmw_def_close_20.png);width:20px;height:20px;background-repeat:no-repeat;cursor:pointer}
.dialogHeader .cancelButton:hover{background-image:url(clientlibs/resources/images/bmw_act_close_20.png)}
.dialogContent .all-models{margin-top:25px}
.dialogContent h3{color:#252525;font-weight:700;margin:15px 0;font-size:18px}
.dialogContent .wheelType,.dialogPage .dialogContent .StandardCarType{display:inline-block;height:23px;margin-bottom:15px;margin-right:30px}
.dialogContent .wheelType .newIcon{background-position:-6px -566px}
.dialogContent .wheelType .oldIcon{background-position:-6px -601px}
.dialogContent .selectText{font-weight:400;display:inline-block;height:25px;line-height:25px}
.dialogContent .StandardCarType .C-oldIcon{background-position:-6px -741px}
.dialogContent .StandardCarType .C-newIcon{background-position:-6px -706px}
.dialogFooter button{padding:0;width:273px;height:37px;background-color:#1c69d4;color:#fff;font-size:15px;font-weight:700;margin-top:30px;border:1px solid #1c69d4;cursor:pointer}
.dialogFooter button:hover{background-color:#0653b6}
.maskLayer{width:100%;height:100%;opacity:.5;background-color:#252525;z-index:1}
@media screen and (max-width:980px){.dialog{margin-left:0;margin-top:0}
.dialogPage{width:100%;padding-left:45px;padding-right:45px;margin:0;position:fixed;height:100%;overflow-y:auto}
.dialogHeader .cancelButton{margin-right:-30px}
.dialogHeader .specSheetTitle{font-size:25px}
.dialogContent h3{font-size:15px}
.dialog-bg.isDialogShow,.dialog.isDialogShow+.specsheet-page{display:none}
}
.ds2-specsheet-container .financial-info{position:fixed;width:385px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15),0 8px 15px 0 rgba(0,0,0,.15);border-radius:2px;border-color:#fff;background:#fff;padding:40px 10px 10px 10px;color:#262626;z-index:9}
.ds2-specsheet-container .financial-info .info_icon{content:" ";width:12px;height:12px;position:absolute;top:15px;right:20px;display:block;background:url(../../../../../etc.clientlibs/digitals2/china/components/newDesignNavigation/clientlibs/resources/close-icon.png) no-repeat center center;background-size:12px;cursor:pointer}
.ds2-specsheet-container .financial-info .info_text{height:124px;overflow:scroll;font-size:1rem;font-weight:300;line-height:1.5rem;font-family:BMWTypeNext-Bold,BMWTypeNext !important}
@media screen and (max-width:520px){.dialog{margin-left:0;margin-top:0}
.dialogPage{padding-left:20px;padding-right:20px}
.dialogHeader .specSheetTitle{font-size:25px}
.dialogHeader .cancelButton{margin-right:-10px}
.dialogContent .selectText{position:absolute;width:80%;display:inline-block}
.dialogContent .wheelType,.dialogPage .dialogContent .StandardCarType{height:25px;margin-bottom:13px;margin-top:0;margin-right:6px;width:47%;position:relative}
.dialogContent h3{font-size:15px}
.dialogFooter button{width:100%}
}
html,body{scroll-behavior:smooth}
.selectModel.navFix{box-shadow:0 4px 5px 0 rgba(0,0,0,0.1)}
.spec-main .selectModel{padding-top:0}
.selectModel.navFix:before{left:-100vw;content:'';width:100vw;height:100%;background:inherit;position:absolute;top:-1px;z-index:0;box-shadow:0 4px 5px 0 rgba(0,0,0,0.1)}
.selectModel.navFix:after{right:-100vw;content:'';width:100vw;height:100%;background:inherit;position:absolute;top:-1px;z-index:0;box-shadow:0 4px 5px 0 rgba(0,0,0,0.1)}
.sheet-mark{position:relative;border-bottom:1px solid #cdcdcd;background-color:#fff;z-index:5}
.sheet-mark span{line-height:28px;position:relative}
.sheet-mark span:nth-child(2):before,.sheet-mark span:nth-child(3):before,.sheet-mark span:nth-child(4):before{position:absolute;top:49%;left:0;transform:translateY(-50%)}
.sheet-mark span:nth-child(2):before{content:'■';color:rgba(0,0,0,0);position:absolute;width:6px;height:6px;background-color:#000;border:1px solid rgba(0,0,0,1)}
.sheet-mark span:nth-child(3):before{content:'□';color:rgba(0,0,0,0);position:absolute;width:6px;height:6px;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,1)}
.sheet-mark span:nth-child(4):before{content:'—';color:rgba(0,0,0,0);position:absolute;width:10px;height:2px;background-color:rgba(0,0,0,1)}
.sheet-reset-btn a{color:#262626;border-bottom:1px solid #000}
.sheet-reset-btn a:hover{color:rgba(27,105,213,1);border-bottom:1px solid rgba(27,105,213,1)}
.sheet-download-area a{color:#262626}
.sheet-download-area a:hover{color:rgba(27,105,213,1)}
.sheet-download-area a:last-child:hover{border-bottom:1px solid rgba(27,105,213,1)}
.switch-wheelbase{display:flex;border-bottom:1px solid #cdcdcd;background-color:#fff;position:relative;z-index:5}
.switch-wheelbase span:nth-child(1){padding:6px 20px 6px 0}
.switch-wheelbase .btn{border:1px solid #cdcdcd;text-align:center;box-sizing:border-box;cursor:pointer}
.switch-wheelbase .btn.active{border:1px solid rgba(27,105,213,1)}
.switch-wheelbase .btn:hover{color:rgba(27,105,213,1)}
.switch-wheelbase .btn.active:hover{color:rgba(255,255,255,1)}
.switch-wheelbase .btn span{padding-right:0}
.select-carousel{border-bottom:1px solid #cdcdcd;display:flex;position:relative;z-index:5}
.selectModel.navFix .select-carousel{border-bottom:1px solid rgba(205,205,205,0.5)}
.select-carousel::before{content:" ";position:absolute;height:1px;width:100%;background-color:#cdcdcd;left:0;top:92px}
.select-carousel:after{content:" ";position:absolute;height:1px;width:100%;background-color:#cdcdcd;left:0;top:135px}
.select-carousel.hide-price::before,.select-carousel.hide-price::after{display:none}
.select-carousel.hide-price{padding-bottom:20px}
.select-carousel .tit-carousel{float:none;margin-top:-5px}
.select-carousel .tit-carousel .sheet-filter-choose span{display:block;position:relative;height:20px;padding:8px 0;line-height:22px}
.select-carousel .tit-carousel .sheet-filter-choose span{color:#262626}
.select-carousel .tit-carousel .sheet-filter-choose span:hover{color:rgba(27,105,213,1)}
.select-carousel .tit-carousel .sheet-filter-choose span em{font-style:normal}
.sheet-filter-choose span input[type=checkbox]+label:before{border:1px solid #cdcdcd}
.sheet-filter-choose span input[type=checkbox]+label{width:100%;height:20px;cursor:pointer;position:absolute;top:0;left:0}
.sheet-filter-choose span label:before{content:' ';width:20px;height:20px;cursor:pointer;position:absolute;top:0;left:0;border:1px solid #cdcdcd;z-index:10}
.sheet-filter-choose span label:after{width:20px;height:20px;content:' ';top:0;left:0;color:#999;position:absolute;opacity:0;font-size:20px;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAgMDAwMDBAcFBAQEBAkGBwUHCgkLCwoJCgoMDREODAwQDAoKDhQPEBESExMTCw4UFhQSFhESExL/2wBDAQMDAwQEBAgFBQgSDAoMEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhL/wgARCAAeAB4DAREAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAgBBAYFCf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAPVMCsVzHm4EvGkOWKEOSb0gCQP/xAArEAABAwMEAAUDBQAAAAAAAAABAgMEBQcRAAYTIRAUMTJhCCJREkFSkcL/2gAIAQEAAT8A8Jc1inxHpE15uPHjoU4666sJS2hIypSlHoADvJ1Qa9TtzUeLVKDMjz6fNRyMSGVhSHE/B1v6+O0Labio1F3hUxDm1snj6ymOjvDjpz9iCofpB/PwCQ5NjsQ1y3n2URW2y6p9SwEJRjJUVZxjHedXTuhuH6pt7C3lneRG2mnM1Co9oRIQlXbqz6hkH2p9VnVqLYUq0Gyom3tvKWttpRckSHvdIeV71/GcDAHQGrz2QoF66AYVfb8tUI6SYFUaQOWKr/SCfVB0/sW9ZlNWTeflLo6nOdErsx/JpPu5sZ4AcfYewrAxq0NoaHZvajdI243yOrwudOcSA7Ld/kr8Afsn0SP7OsDWB4//xAAUEQEAAAAAAAAAAAAAAAAAAABA/9oACAECAQE/AAf/xAAUEQEAAAAAAAAAAAAAAAAAAABA/9oACAEDAQE/AAf/2Q==);background-position:center;background-size:95%;background-repeat:no-repeat}
.sheet-filter-choose span input[type=checkbox]{opacity:0}
.sheet-filter-choose span input[type=checkbox]:checked+label:after{opacity:1}
.sheet-price-tit{font-weight:700;position:absolute;font-family:PingFangSC,PingFang SC}
.select-carousel .list-carousel{float:none;width:calc(76% - 33px)}
.select-carousel .list-carousel .icon-arrow-right{right:-33px}
.specsAll .f-s-Content-data{width:calc(76% - 33px)}
.select-carousel .window-carousel{float:none;height:auto;padding-bottom:20%}
.select-carousel .window-carousel .ul_carousel{float:none;height:auto}
.custom-select .custom-select-options{position:relative;border:1px solid #cdcdcd;max-height:207px;z-index:10}
.custom-select .custom-select-options li{height:auto;line-height:18px;padding:8px 0 4px 6px}
.custom-select .custom-select-options li.active{background-color:rgba(0,0,0,0);color:rgba(27,105,213,1)}
.custom-select .default-select-text{border:1px solid #cdcdcd;position:relative;z-index:10;cursor:pointer;height:36px;line-height:36px}
.custom-select .default-select-text span{padding:10px 6px}
.custom-select .default-select-text:after{background-color:#1c69d4;height:36px;width:36px;bottom:0}
.custom-select .default-select-text:before{width:12px;height:12px;right:11px;bottom:13px;border-width:3px}
.select-carousel .window-carousel li .detail{margin:0 6px}
.specsAll{min-height:500px}
.specsAll .specsItem{border-bottom:1px solid #cdcdcd}
.detail>span{display:inline-block;cursor:pointer;border-bottom:1px solid #000}
.detail>span:hover{color:rgba(27,105,213,1);border-bottom:1px solid rgba(27,105,213,1)}
.select-carousel .window-carousel li .price{box-sizing:border-box}
.sheet-download-area{border-bottom:1px solid #cdcdcd;text-align:right}
.sheet-download-area a:first-child{position:relative;padding-left:26px;margin-right:7%}
.sheet-download-area a:first-child:before{background-color:#1c69d4;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"20"%20height%3D"20"%20viewBox%3D"0%200%2020%2020"><g%20fill%3D"%23fff"><path%20d%3D"M13%208l-3%203-3-3h2V5h2v3zM5%2015h10v-4h-2v2H7v-2H5z"%2F><%2Fg><%2Fsvg>');background-repeat:no-repeat;content:' ';position:absolute;width:20px;height:20px;left:0;top:-1px}
.sheet-download-area a:hover:before{background-color:#0653b6}
.sheet-download-area a:last-child{border-bottom:1px solid #000}
.sheet-test-btns{text-align:center}
.sheet-test-btns a{color:#fff}
.sheet-test-btns a:hover{color:#fff}
.sheet-test-btns a:first-child{background-color:#1c69d4}
.sheet-test-btns a:hover:first-child{background-color:#0653b6}
.sheet-test-btns a:last-child{background-color:#666}
.sheet-test-btns a:hover:last-child{background-color:#4d4d4d}
.spec-footer{padding:0;border:0}
.spec-footer div{display:block;padding-left:0}
.spec-footer:before{content:' ';clear:both}
.sRemarks{width:100%}
.sRemarks .tips{margin:10px 0}
@media screen and (min-width:280px) and (max-width:750px){.select-content,.select-content ul,.select-content ol,.select-content dl,.spec-footer a{font-size:12px}
.sheet-mark{padding:10px 0 6px}
.sheet-mark span{padding:0 8% 0 15px}
.sheet-reset-btn{padding-bottom:10px}
.switch-wheelbase .label{width:25%}
.switch-wheelbase .buttons{width:75%}
.switch-wheelbase .btn{padding:6px 10px;width:100%}
.switch-wheelbase{padding:10px 0 10px}
.select-carousel{padding:10px 0 102px}
.select-carousel.hide-price{padding-bottom:40px}
.select-carousel::before{top:106px}
.select-carousel:after{top:140px}
.financial-price-tit{top:148px !important}
.select-carousel .window-carousel li .price.financial-price{top:137px}
.select-carousel .window-carousel li .price.financial-price>span{display:flex;align-items:center}
.select-carousel .window-carousel li .price.financial-price>span::after{content:" ";background-position:center;background:url(../../../../../etc.clientlibs/digitals2-china/components/common/clientlibs/resources/images/i.png) no-repeat center center;background-size:12px;background-color:#fff;width:12px;height:12px;margin-left:4px;align-items:center;display:flex;cursor:pointer;pointer-events:auto}
.select-carousel .tit-carousel .sheet-filter-choose span a{padding-left:25px}
.sheet-reset-btn{padding-bottom:10px}
.select-carousel .tit-carousel .sheet-filter-choose span a:before{width:15px;height:15px}
.select-carousel .tit-carousel .sheet-filter-choose span{padding:5px 0;line-height:18px;margin:3px 0}
.select-carousel .tit-carousel .sheet-filter-choose span a.on em:before{width:8px;height:3px;left:1px;top:14px}
.select-carousel .tit-carousel .sheet-filter-choose span a.on em:after{width:12px;height:3px;left:4px;top:12px}
.sheet-filter-choose span input[type=checkbox]+label{top:6px;height:16px}
.sheet-filter-choose span label:before{width:16px;height:16px}
.sheet-filter-choose span label:after{width:16px;height:16px}
.select-carousel .tit-carousel .sheet-filter-choose span em{padding-left:8px}
.sheet-price-tit{left:25px;top:112px}
.specsAll .f-s-Content .item-padding{padding:10px 0}
.specsAll .specsHeadline{padding:10px 0;height:60px}
.sheet-download-area{margin-top:4px;height:43px;line-height:38px}
.sheet-test-btns{margin-top:20px}
.sheet-test-btns a{display:block;width:100%;padding:10px 0;margin-top:10px;font-size:14px}
.select-carousel .tit-carousel{width:35%;margin-top:11px}
.select-carousel .list-carousel{width:65%}
.select-carousel .window-carousel li .detail{padding-left:0;margin:0 3px}
.specsAll .f-s-Content .f-s-Content-title{width:35%}
.specsAll .f-s-Content-data{width:65%}
.select-carousel .list-carousel .icon-arrow-left{top:16px}
.select-carousel .list-carousel .icon-arrow-right{right:-20px;top:16px}
.select-carousel .window-carousel li{width:2.5%}
.specsAll .f-s-Content-data .data-ul ul{width:.5%}
.custom-select .default-select-text{height:87px;line-height:18px;display:flex;justify-content:center;align-items:center}
.custom-select .default-select-text:before{right:calc(50% - 6px);top:66px}
.custom-select .default-select-text:after{height:22px;width:calc(100% + 2px);top:64px}
.custom-select .custom-select-options li{padding:5px 0 2px 6px}
.custom-select .default-select-text span{display:block;padding-top:0;padding-bottom:13px}
.detail>span{background-color:#cdcdcd;position:absolute;top:0;right:4px;width:20px;height:20px;border:0;z-index:20;text-indent:-999em}
.detail>span:before{content:"\e902";position:absolute;top:2px;left:0;width:100%;height:100%;font-family:icom1 !important;color:#fff;text-indent:0;font-size:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.select-carousel .window-carousel li .price{position:absolute;z-index:2;top:105px;left:13px;padding:0}
.select-carousel .window-carousel{padding-bottom:35%}
}
@media screen and (min-width:520px) and (max-width:750px){.select-content,.select-content ul,.select-content ol,.select-content dl,.spec-footer a{font-size:12px}
.select-carousel .window-carousel li{width:5%}
.select-carousel .tit-carousel{width:30%}
.select-carousel .list-carousel{width:calc(70% - 33px)}
.specsAll .f-s-Content .f-s-Content-title{width:30%}
.specsAll .f-s-Content-data{width:calc(70% - 33px)}
.select-carousel .window-carousel{padding-bottom:25%}
.select-carousel .list-carousel .icon-arrow-right{right:-33px}
.ds2-specsheet-container .financial-info{width:285px}
}
@media screen and (min-width:751px){.select-content,.select-content ul,.select-content ol,.select-content dl,.spec-footer a{font-size:14px}
.sheet-mark{padding:10px 0 10px}
.sheet-mark span{padding:0 60px 0 15px}
.sheet-reset-btn{position:absolute;right:0}
.switch-wheelbase .btn{padding:6px 15px;min-width:150px}
.switch-wheelbase{padding:20px 0 20px}
.select-carousel{padding:20px 0 100px}
.select-carousel .tit-carousel .sheet-filter-choose span{margin-bottom:10px}
.select-carousel .tit-carousel .sheet-filter-choose span a{padding-left:35px}
.select-carousel .tit-carousel .sheet-filter-choose span a:before{width:20px;height:20px}
.select-carousel .tit-carousel .sheet-filter-choose span a.on em:before{width:8px;height:3px;left:2px;top:20px}
.select-carousel .tit-carousel .sheet-filter-choose span a.on em:after{width:15px;height:3px;left:6px;top:18px}
.sheet-filter-choose span input[type=checkbox]+label{width:100%;height:20px;top:8px;left:0}
.select-carousel .tit-carousel .sheet-filter-choose span em{padding-left:15px}
.sheet-price-tit{left:35px;bottom:45px}
.sheet-price-tit.financial-price-tit{bottom:10px}
.detail>span{position:absolute;z-index:5;top:40px;left:13px}
.select-carousel .window-carousel li .price{position:absolute;z-index:2;top:70px;left:13px}
.select-carousel .window-carousel li .price.financial-price{top:110px}
.select-carousel .window-carousel li .price.financial-price>span{display:flex;align-items:center}
.select-carousel .window-carousel li .price.financial-price>span::after{content:" ";background-position:center;background:url(../../../../../etc.clientlibs/digitals2-china/components/common/clientlibs/resources/images/i.png) no-repeat center center;background-size:12px;background-color:#fff;width:12px;height:12px;margin-left:4px;align-items:center;display:flex;cursor:pointer;pointer-events:auto}
.sheet-test-btns{margin-top:30px}
.sheet-test-btns a{display:inline-block;width:28%;margin:0 2%}
.sheet-download-area{margin-top:10px;height:50px;line-height:40px}
.sheet-test-btns a{color:#fff;font-size:16px;padding:10px 0}
}
@media screen and (max-width:1024px) and (min-width:981px){.select-content,.select-content ul,.select-content ol,.select-content dl,.spec-footer a{font-size:12px}
.select-carousel .tit-carousel{width:20%}
.select-carousel .list-carousel{width:calc(80% - 33px)}
.specsAll .f-s-Content .f-s-Content-title{width:20%}
.specsAll .f-s-Content-data{width:calc(80% - 33px)}
}
@media screen and (max-width:980px) and (min-width:751px){.select-content,.select-content ul,.select-content ol,.select-content dl,.spec-footer a{font-size:12px}
.select-carousel .tit-carousel{width:24%}
.select-carousel .list-carousel{width:calc(76% - 33px)}
.specsAll .f-s-Content .f-s-Content-title{width:24%}
.specsAll .f-s-Content-data{width:calc(76% - 33px)}
.select-carousel .window-carousel{padding-bottom:25%}
.sheet-test-btns a{width:35%}
}
@media only screen and (min-width:981px){.selectModel.navFix .sheet-mark{margin-top:20px}
}
.spec-footer .download{border-bottom:1px solid #cdcdcd;text-align:right}
.spec-footer .download .back-to-top{display:inline-block}
.spec-footer .download .back-to-top a{border-bottom:1px solid #000;color:#000}
.spec-footer .download .back-to-top a:hover{color:#1b69d5;border-bottom:1px solid #1b69d5}
.spec-footer .download .downloadlink{display:inline-block}
.spec-footer .download .downloadlink a{position:relative;padding-left:26px;color:#000;margin-right:60px}
.spec-footer .download .downloadlink a:before{background-color:#1c69d4;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"20"%20height%3D"20"%20viewBox%3D"0%200%2020%2020"><g%20fill%3D"%23fff"><path%20d%3D"M13%208l-3%203-3-3h2V5h2v3zM5%2015h10v-4h-2v2H7v-2H5z"%2F><%2Fg><%2Fsvg>');background-repeat:no-repeat;content:' ';position:absolute;width:20px;height:20px;left:0;top:-1px}
.spec-footer .download .downloadlink a:hover{color:#1b69d5}
.spec-footer .download .downloadlink a:hover:before{background-color:#0653b6}
.spec-footer .cta{text-align:center}
.spec-footer .cta .ds2-buttonlist--item{list-style:none}
.spec-footer .cta .ds2-buttonlist--item a{font-size:16px;display:flex;height:auto;margin:0;max-width:none}
.spec-footer .cta .ds2-buttonlist--item a .ds2-button--responsive-line{display:inline-block;text-align:center;vertical-align:middle;padding:0;height:auto;font-size:1em;font-weight:400}
.spec-footer .cta .ds2-buttonlist--item .standard{background-color:#1c69d4}
.spec-footer .cta .ds2-buttonlist--item .standard:hover{background-color:#0653b6}
.spec-footer .cta .ds2-buttonlist--item .secondary{background-color:#666}
.spec-footer .cta .ds2-buttonlist--item .secondary:hover{background-color:#4d4d4d}
@media screen and (min-width:751px){.spec-footer .download{margin-top:10px;height:50px;line-height:40px}
.spec-footer .cta{margin-top:30px}
.spec-footer .cta .ds2-buttonlist--item{display:inline-block;width:28%;margin:0 2%}
.spec-footer .cta .ds2-buttonlist--item a{font-size:16px;padding:10px 0}
}
@media screen and (max-width:1024px) and (min-width:981px){.spec-footer .cta .ds2-buttonlist--item a{font-size:12px;padding:10px 0}
}
@media screen and (max-width:980px) and (min-width:751px){.spec-footer .download .downloadlink a{margin-right:50px}
.spec-footer .cta .ds2-buttonlist--item{width:35%}
.spec-footer .cta .ds2-buttonlist--item a{font-size:12px;padding:10px 0}
}
@media screen and (max-width:750px) and (min-width:280px){.spec-footer .download{margin-top:4px;height:43px;line-height:38px}
.spec-footer .download .downloadlink a{margin-right:10px}
.spec-footer .cta{margin-top:20px}
.spec-footer .cta .ds2-buttonlist--item{display:block;width:100%;margin-top:10px}
.spec-footer .cta .ds2-buttonlist--item a{font-size:14px;padding:10px 0}
}
@media screen and (max-width:750px) and (min-width:520px){.spec-footer .download .downloadlink a{margin-right:30px}
.spec-footer .cta .ds2-buttonlist--item a{font-size:12px}
}
@font-face{font-family:icom1;src:url(clientlibs/resources/fonts/icom1.ttf?j121xa) format('truetype'),url(clientlibs/resources/fonts/icom1.woff?j121xa) format('woff'),url(clientlibs/resources/fonts/icom1.svg?j121xa#icom1) format('svg');font-weight:400;font-style:normal}
[class*=" icon-11"],[class^=icon-11]{font-family:icom1 !important;speak:none;color:#fff;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-11qq:before{content:"\e90c"}
.icon-11uniE909:before{content:"\e909"}
.icon-11uniE90A:before{content:"\e90a"}
.icon-11uniE90B:before{content:"\e90b"}
.icon-11icon1:before{content:"\e900"}
.icon-11icon2-01:before{content:"\e901"}
.icon-11icon3-01:before{content:"\e902"}
.icon-11icon4-01:before{content:"\e903"}
.icon-11icon5-01:before{content:"\e904"}
.icon-11icon6-01:before{content:"\e905"}
.icon-11icon7-01:before{content:"\e906"}
.icon-11icon8-01:before{content:"\e907"}
.icon-11icon9-01:before{content:"\e908"}
.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.clearfix{*zoom:1}
.swiper-container{position:relative;z-index:0;overflow:hidden;margin-right:auto;margin-left:auto}
.swiper-wrapper{position:relative;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:content-box;width:100%;height:100%;-webkit-transition-property:-webkit-transform;transition-property:transform}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-slide{position:relative;width:100%;height:100%;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-transition-property:-webkit-transform,height;transition-property:transform,height;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.swiper-container .swiper-notification{position:absolute;top:0;left:0;z-index:-1000;opacity:0;pointer-events:none}
.swiper-button-next,.swiper-button-prev{position:absolute;background-position:center;background-repeat:no-repeat;cursor:pointer}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-pagination{position:absolute;z-index:1;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{display:inline-block;width:6px;height:6px;border-radius:100%;background:#000;opacity:.8}
button.swiper-pagination-bullet{margin:0;padding:0;border:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{background:#007aff;opacity:1}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:75pc}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{-webkit-transition-property:opacity;transition-property:opacity;pointer-events:none}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-wrapper.disabled{transform:translate3d(0,0,0) !important}
.swiper-button.disabled,.swiper-scrollBar.disabled,.swiper-pagination.disabled{display:none}
.swiper-button-disabled{display:none}
.optiscroll{position:relative;overflow:auto}
.optiscroll.is-enabled{overflow:hidden}
.optiscroll-htrack,.optiscroll-h{display:none}
.optiscroll-content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:scroll;-webkit-overflow-scrolling:touch}
.optiscroll-v{position:absolute;visibility:hidden;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.optiscroll-v{right:0}
.optiscroll.has-vtrack>.optiscroll-v{visibility:visible}
.optiscroll-vtrack{display:block;position:absolute;opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);transition:height .2s ease 0,width .2s ease 0,opacity .2s ease 0;box-sizing:border-box}
.optiscroll-v{top:4px;bottom:0;width:0}
.optiscroll.has-vtrack.has-htrack>.optiscroll-v{bottom:8px}
.optiscroll-vtrack{background:rgba(0,0,0,0.3);border-radius:2px;box-shadow:0 0 1px #FFF;opacity:0}
.optiscroll-vtrack{width:3px;right:4px}
.optiscroll:hover>.optiscroll-v .optiscroll-vtrack{opacity:1}
.optiscroll-content{padding-right:18px}
.optiscroll-vtrack{opacity:1;background:#c2c2c2;width:3px;border-radius:0}
.optiscroll-v{width:1px;left:auto;right:0;background:;margin-left:8px}
body{position:relative}
u.specList{cursor:pointer}
u.specList:hover{color:#1b6ad3}
.featPop{width:100%;height:100%;overflow-x:hidden;z-index:9999}
.featPop.fixed{background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;display:none}
.popArea{position:relative;width:1000px;height:auto;margin:auto;margin-top:10%;min-height:500px;padding:20px 40px;box-sizing:border-box;background:#fff}
.popArea .pClose{width:30px;height:30px;position:absolute;right:0;top:0;background:url('clientlibs/resources/images/close.png') center no-repeat #1c69d3;background-size:74%;cursor:pointer}
.popArea .pInner:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.pMedia{width:50%;float:left}
.pMedia .featPic{margin-bottom:20px}
.featPic,.featVid{position:relative}
.pMedia .swiper-button{z-index:100;cursor:pointer;width:24px;height:24px;position:absolute;left:0;top:50%;margin-top:-12px;background:rgba(0,0,0,0.2) url('clientlibs/resources/images/prev.png') no-repeat center;background-size:contain}
.pMedia .swiper-button:hover{background-color:#aaa}
.pMedia .swiper-next{left:auto;right:0;background-image:url('clientlibs/resources/images/next.png')}
.pMedia .swiper-scrollBar{width:100%;height:4px;overflow:hidden}
.pMedia .swiper-scrollBar span{width:0;height:100%;background:#1c69d3;display:block;transition:transform .4s}
.featVid .swiper-scrollBar,.featPic .swiper-scrollBar{margin-top:1px}
.featVid .swiper-playMask{position:absolute;width:40%;height:40%;left:30%;top:28%;background:rgba(0,0,0,0)}
.featVid .swiper-cover{position:absolute;top:0;left:0}
.featVid .swiper-playBtn{position:absolute;width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px;background:#0553b7 url('clientlibs/resources/images/play.png') no-repeat center;cursor:pointer}
.feature-img,.feature-video{width:100%;height:auto}
.featVid .swiper-slide .video_thumb{display:block;position:relative}
.featVid .swiper-slide-active .video_thumb{display:block}
.featVid .swiper-slide .video_c1{left:-9999px;position:absolute;z-index:1}
.pCopy{width:42%;float:right;margin-top:40px}
.pCopy h2{font-size:28px}
.pCopy h3{font-size:20px;line-height:1.2;margin:12px 0}
.pCopy .copy{font-size:14px;line-height:1.6;height:300px}
.pCopy .copy p{margin-bottom:15px}
.popArea{padding:30px;width:80%;max-width:800px;min-height:auto}
.pCopy{float:left;margin-left:5%;margin-top:0}
.pCopy .copy{height:200px}
.pCopy h2{margin-bottom:12px}
.pCopy h3{margin-top:0}
<!-- 20180313:hide download plugin in chrome -->video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
@media screen and (max-width:1024px){.popArea{width:90%}
}
@media screen and (max-width:768px){.featPop{position:fixed;width:100%;height:100%}
.popArea{width:82%;height:auto;min-height:auto;margin-top:12%;padding:15px 20px}
.popArea .pClose{top:-30px}
.pInner{width:100%;height:100%}
.pMedia{width:100%;float:none}
.pMedia .featPic{margin-bottom:10px}
.featVid .swiper-playBtn{width:40px;height:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px}
.pCopy{width:100%;float:none;margin-top:10px}
.pCopy h2{font-size:22px}
.pCopy h3{font-size:16px;margin:5px 0}
.pCopy .copy{font-size:12px;height:0;min-height:50px;-webkit-overflow-scrolling:touch;overflow-y:scroll}
.popArea{padding:20px}
.pCopy{margin-left:0}
.pCopy h2{margin-top:12px}
}