body{background:#f7f7f7}.hidden{display:none !important}#container{width:100%}#container .cont-aside{width:301px;background:#fff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}#container .cont-aside .aside-box1{border-bottom:1px solid #e1e1e1}#container .cont-aside .aside-box1 .box1-p{height:45px;line-height:45px}#container .cont-aside .aside-box1 .active{background:#f63435;border-radius:6px;color:#fff}#container .cont-aside .aside-box1 ul{margin:0px 18px}#container .cont-aside .aside-box1 ul li button{cursor:pointer;width:125px;height:35px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#535353;background:#ffffff;border:none;outline:none;border:1px solid #e1e1e1;border-radius:6px;margin-bottom:10px}#container .cont-aside .aside-box2{position:relative;height:75px;border-bottom:1px solid #e1e1e1}#container .cont-aside .aside-box2 input{padding-left:20px;width:234px;height:35px;border:1px solid #e1e1e1;border-radius:6px;margin-top:20px;margin-left:17px;font-size:15px}#container .cont-aside .aside-box2 ::-webkit-input-placeholder{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#9b9b9b}#container .cont-aside .aside-box2 ::-moz-placeholder{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#9b9b9b}#container .cont-aside .aside-box2 :-ms-input-placeholder{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#9b9b9b}#container .cont-aside .aside-box2 :-moz-placeholder{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#9b9b9b}#container .cont-aside .aside-box2 button{position:absolute;top:28px;right:61px;background:none;outline:none;border:none}#container .cont-aside .aside-box3 .content-title{padding:19px 0px 0px 19px}#container .cont-aside .aside-box3 h2{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#262626}#container .cont-aside .aside-box3 h3{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#7b7b7b}#container .cont-aside .aside-box3 h1{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#f63435}#container .cont-section{background:#fff;flex:1}#container .cont-section .cont-title{height:79px;line-height:79px;border:1px solid #e1e1e1}#container .cont-section .cont-title h5{padding-left:37px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333}#container .cont-section .cont-title #color-select{position:relative}#container .cont-section .cont-title #color-select li div{width:39px;height:28px}#container .cont-section .cont-title #color-select li div img{display:none}#container .cont-section .cont-title #color-select li.active img{display:block}#container .cont-section .cont-title #color-select li:nth-of-type(n+2){padding-top:2px}#container .cont-section .cont-title #color-select li{margin:0px 15px}#container .cont-section .cont-title #color-select li:nth-child(2) div{background:#c00}#container .cont-section .cont-title #color-select li:nth-child(3) div{background:#c0c}#container .cont-section .cont-title #color-select li:nth-child(4) div{background:#03c}#container .cont-section .cont-title #color-select li:nth-child(5) div{background:#0cc}#container .cont-section .cont-title #color-select li:nth-child(6) div{background:#0c3}#container .cont-section .cont-title #color-select li:nth-child(7) div{background:#fc0}#container .cont-section .cont-title #color-select li:nth-child(8) div{background:#f60}#container .cont-section .cont-title #color-select li:nth-child(9) div{background:#999}#container .cont-section .cont-title #color-select li:nth-child(10) div{background:#000}#container .cont-section .cont-title #color-select li:nth-child(11) div{background:#dae6e6}#container .cont-section .cont-main{padding:29px 30px;border:1px solid #e1e1e1}#container .cont-section .cont-main .main-box{width:351px;height:366px;margin-right:25px;margin-bottom:29px;background:#fff;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1)}#container .cont-section .cont-main .main-box .box-top{background-color:#000;width:351px;height:226px;position:relative}#container .cont-section .cont-main .main-box .box-top .adsolute-botton{position:absolute;top:41%;left:20%;display:none}#container .cont-section .cont-main .main-box .box-top .adsolute-botton button{width:98px;height:38px;background:#fff;border:2px solid #fff;border-radius:8px}#container .cont-section .cont-main .main-box .box-top .adsolute-botton button img{padding-right:11px;margin-top:-3px}#container .cont-section .cont-main .main-box .box-top .adsolute-botton button a{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#f63435}#container .cont-section .cont-main .main-box .box-top:hover .img-opacity{opacity:0.6;filter:alpha(opacity=60)}#container .cont-section .cont-main .main-box .box-top:hover .adsolute-botton{display:block}#container .cont-section .cont-main .main-box .box-bottom .bottom-left{padding:32px 0px 0px 34px}#container .cont-section .cont-main .main-box .box-bottom .bottom-left h2 a{font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#333}#container .cont-section .cont-main .main-box .box-bottom .bottom-left p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#7b7b7b}#container .cont-section .cont-main .main-box .box-bottom .bottom-right button{width:80px;height:34px;border-radius:17px;outline:none;border:none;border:1px solid #f63435;background:#fff}#container .cont-section .cont-main .main-box .box-bottom .bottom-right button a{color:#f63435}#container .cont-section .cont-main .main-box .box-bottom .bottom-right button:hover{background:#f63435}#container .cont-section .cont-main .main-box .box-bottom .bottom-right button:hover a{color:#fff}#container .cont-section #pager-main{width:100%;justify-content:space-around;display:flex}#container .cont-section #pager-main span{padding:5px;margin-right:5px;border:1px solid #d4d6dd;border-radius:2px;display:inline-block}#details .details{background:#fff;padding-top:1px}#details .details-content{margin:30px}#details .details-content .content-text{padding-left:29px}#details .details-content .content-text h3{font-size:28px;font-family:Microsoft YaHei;font-weight:400;color:#535353}#details .details-content .content-text h4{padding-top:12px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#7B7B7B}#details .details-content .content-text hr{border:1px solid #ebebeb;margin:16px 0px 22px 0px}#details .details-content .content-text p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#7b7b7b;line-height:30px}#details .details-content .content-text p img{padding-right:8px}#details .details-content .content-text .btn{display:inline-block;padding:0px 20px;height:46px;border:1px solid #d6d6d6;border-radius:4px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#535353;font-family:Microsoft YaHei;font-weight:400;line-height:46px}#details .details-content .content-text .btn:hover{background:#f53931;color:#fff}#tab_btns-click li{width:164px;height:47px;background:#e8e8e8;line-height:47px;text-align:center;margin-right:8px}#tab_btns-click li a{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#333}#tab_btns-click .active{background:#fff}#tab_btns-click .active a{color:#f53931}#content-body{background:#fff}#content-body .width-1000{overflow:hidden}#content-body .plate{width:4000px}#content-body .plate>div{width:1000px;float:left}#content-body .plate .tem-items{width:1000px;float:left;padding:68px 0px}#content-body .plate .tem-items .box-title{width:100px;height:100px;border-radius:50%;margin:0 auto}#content-body .plate .tem-items h2{padding-top:24px;font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#535353}#content-body .plate .tem-items p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#969696}#content-body .plate .items-box:nth-child(1) .box-title{background:#0089f1}#content-body .plate .items-box:nth-child(2) .box-title{background:#ff5a7a}#content-body .plate .items-box:nth-child(3) .box-title{background:#0dc496}#content-body .plate .img-show{padding-bottom:90px}#content-body .plate .img-show img{width:100%}#content-body .plate .issue{padding-bottom:110px}#content-body .plate .issue h3{font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#333}#content-body .plate .issue p{padding:18px 0px 28px 42px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666}#content-body .plate .issue>div{border-bottom:1px solid #d9d9d9}#content-body .plate .issue>div:last-child{border:none}#content-body .plate .purchase .purchase-img{width:112px;height:112px;background:#f5f5f5;border-radius:50%}#content-body .plate .purchase .purchase-text{padding-left:22px}#content-body .plate .purchase>div{border-bottom:1px solid #ebebeb}#content-body .plate .purchase>div:last-child{border:none}#content-body .plate .purchase>div:first-child .purchase-img{flex-basis:170px}#comparison .comparison-title{font-size:30px;font-family:Microsoft YaHei;font-weight:400;color:#535353}#install{background:#fff;padding-bottom:110px}#install .install-title{font-size:30px;font-family:Microsoft YaHei;font-weight:400;color:#535353}#install .install-body .items-box .box-title{margin:0 auto;width:99px;height:99px;border-radius:50%}#install .install-body .items-box h2{padding-top:20px;font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#535353}#install .install-body .items-box p{padding-top:12px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#9c9c9c}#install .install-body .items-box:nth-child(1) .box-title{background:#40bb49}#install .install-body .items-box:nth-child(2) .box-title{background:#ed4141}#install .install-body .items-box:nth-child(3) .box-title{background:#039fe9}#install .install-body .items-box:nth-child(4) .box-title{background:#f38901}