@charset "UTF-8";
body,html{margin:0;padding:0;border:0}
.font12{font-size:12px;}
.font14{font-size:14px;}
.orange{color:#FE6800}
.orange:hover{color:#FA9957}
.head_conter{width:1800px;}
.current-location{color:#7d7d7d;width:1800px;margin:0px auto;padding:20px 0;display: flex;align-items: center;}
.current-location .navigation{margin-right:auto;}
@media screen and (max-width:1800px){
	.current-location{width:1500px;}
	.head_conter{width:1500px;}
}
@media screen and (max-width:1500px){
	.current-location{width:1200px;}
	.head_conter{width:1200px;}
}
.current-location a{font-size:12px;color:#7d7d7d;}
.current-location a:hover{color:#fe6400;}
.current-location .navStyle{height: 22px;font-size: 12px;color: #fe6400;border: 1px dashed #fe6400;padding-left: 6px;padding-right:20px;line-height: 20px;text-align: center;position: relative;}
.current-location .navStyle a{color:#7D7D7D}
.current-location .navStyle i{width:15px;height:15px;background:url(../images/close.png) no-repeat;display: inline-block;position: absolute;top: 1px;margin-left: 2px;}
.current-location .navStyle i:hover{background:url(../images/close1.png) no-repeat;background-color:#fe6400}
.i{background:url(../images/bg.png) no-repeat; display:inline-block;}
.jt{background-position:0 -149px; width:20px; height:20px; position:relative; top:3px;}
.jt_up{background-position:-50px -149px; width:20px; height:20px; position:relative; top:3px;}
.d_upload{height:80px; line-height:68px; background-color:#f7a828; margin:20px 0; display:inline-block; width:100%; text-align:center;}
.d_upload_btn{width:190px; height:45px; position:relative; top:9px; color:#fff; font-size:18px; font-weight:bold; line-height:45px;}

@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-check:before{content: "\f00c";}

/*分类导航*/
.sort-wrapper{width: 1800px;margin:5px auto;background: #FFF;}
.sort-wrapper .sort-filter-box{border-top: 1px dotted #ddd;display:flex;}
.sort-wrapper .sort-filter-box:first-child{border-top:0;}
.sort-wrapper .sort-filter-box .sort_tags_span{display: block;padding-top: 16px;width: 52px;font-size: 15px;color: #86909C;font-weight: 800;}
.sort-wrapper .sort-filter-box .sort-filter{width: 100%;margin: 8px 0;line-height: 30px;}
.sort-wrapper .sort-filter-box .sort-filter li{float:left;position: relative;padding: 4px 6px;}
.sort-wrapper .sort-filter-box .sort-filter li .sortmenu{display:none}
.sort-wrapper .sort-filter-box .sort-filter li .sortmenu{position:absolute;width:200px;top:36px;left:-50px;z-index:1;background: #fff;padding:6px 6px;border:solid 1px #ddd;box-shadow:0 2px 4px rgba(0,0,0,.2);line-height:24px;border-radius: 10px;}
.sort-wrapper .sort-filter-box .sort-filter li:hover .sortmenu{display:block;}
.sort-wrapper .sort-filter-box .sort-filter li .sortmenu:after{position:absolute;top:-6px;left:37%;display:inline-block;margin-left:-8px;width:0;height:0;border-right:8px solid transparent;border-bottom:8px dashed #fff;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}
.sort-wrapper .sort-filter-box .sort-filter li .sortmenu:before{position:absolute;top:-8px;left:37%;display:inline-block;margin-left:-8px;width:0;height:0;border-right:8px solid transparent;border-bottom:8px dashed #ddd;border-bottom:8px solid #ddd;border-left:8px solid transparent;content:'';}
.sort-wrapper .sort-filter-box .sort-filter li .sortmenu dl dd{display:block;float:left;padding-top:5px;padding-left:10px;line-height: 24px;height: 24px;max-width: 100px;min-width: 84px;}
.sort-wrapper .sort-filter-box .sort-filter li .sortmenu dl dd a{margin:0;padding:0;}
.sort-wrapper .sort-filter-box .sort-filter li a{cursor: pointer;color: #1D2129;display: inline-block;font-size: 14px;height: 24px;line-height: 24px;padding: 0 10px;}
.sort-wrapper .sort-style{border-top: 1px dotted #ddd;}
.sort-wrapper .sort-style,.sort-wrapper .sort-tags{display:flex;border-top: 1px dotted #ddd;}
.sort-wrapper .sort-style .sort_tags_span, .sort-wrapper .sort-tags .sort_tags_span{display: block;padding-top: 18px;width: 52px;font-size: 15px;color: #86909C;font-weight: 800;}
.sort-wrapper .sort-style .sort-filter,.sort-wrapper .sort-tags .sort-filter{margin: 10px 0;width: 100%;line-height: 30px;overflow: hidden;}
.sort-wrapper .sort-style .sort-filter li{float:left;padding: 4px 6px;}
.sort-wrapper .sort-tags .sort-filter li{float:left;padding: 4px 14px;}
.sort-wrapper .sort-tags .sort-filter li a{color:#A8A8A8;display: inline-block;}
.sort-wrapper .sort-style .sort-filter li a{cursor: pointer;color: #1D2129;display: inline-block;font-size: 14px;height: 24px;line-height: 24px;padding: 0 10px;}
.sort-wrapper .sort-filter li a:hover{color:#fe6400}
.sort-wrapper .sort-filter li a.action{background:#fe6400;color:#fff;border-radius: 20px;}
.sort-wrapper1{width: 1800px;background: #ffffff;margin: 15px auto;z-index:2;}
.sort-wrapper1 ul li{position:relative;display:inline-block;height:50px;line-height:50px;padding-right: 30px}
.sort-wrapper1 ul li .sort-txt{font-size: 15px;color: #86909C;font-weight: 800;}
.sort-wrapper1 ul li a{padding: 2px 12px;margin: 0 3px;border-radius: 16px;position: relative;border: 1px solid #F2F3F5;background: #F2F3F5;color: #4E5969;}
.sort-wrapper1 ul li a:hover,.select_type ul li a.on{color:#fe6400;}
.sort-wrapper1 ul li a>i.icon-hot{background: url(../images/icon-hot.gif) no-repeat;width: 22px;height: 11px;position: absolute;top: -10px;right: -8px;}
.sort-wrapper1 ul li.info{color:#fe6400;border:0}
.sort-wrapper1 ul li.info a{background: #fe6400;color: #fff;border-radius: 3px;padding: 2px 10px;}
.sort-wrapper1 ul li:last-child{padding-right: 0;float:right;}
.sort-wrapper1 ul li:last-child span{line-height: 14px;margin-left: 20px;cursor: pointer;color:#888888;}
.sort-wrapper1 ul li:last-child span i{color: transparent;display: inline-block;width: 14px;height: 14px;border: solid 1px #999;border-radius: 1px;text-align: center;}
.sort-wrapper1 ul li:last-child span.active,.select_type ul li:last-child span:hover{color: #fe6400;}
.sort-wrapper1 ul li:last-child span.active i{color: #fe6400;border-color: #fe6400;}
.sort-wrapper1.sorption-fixed{position: fixed;margin:0 auto;top: 0;left: 0;background: #fff;width: 100%;box-shadow: 0px 2px 6px 0px rgba(4,0,0,0.08);}
.sort-wrapper1.sorption-fixed ul{margin: 0 auto;max-width:1800px;}
.sort-wrapper1 .search-form{display: none;}
.sort-wrapper1 .search-form .search-form-input{margin-top: 4px;}
.sort-wrapper1.sorption-fixed .search-form{display: block;}
@media screen and (max-width:1800px){
	.sort-wrapper{width: 1500px;}
	.sort-wrapper .sort-filter-box .sort-filter{width: 1380px;}
	.sort-wrapper1{width: 1500px;}
	.sort-wrapper1 ul li{padding: 0 13px;}
	.sort-wrapper .sort-style .sort-filter,.sort-wrapper .sort-tags .sort-filter{width: 1380px;}
	.sort-wrapper1.sorption-fixed ul{max-width:1500px;}
}
@media screen and (max-width:1500px){
	.sort-wrapper{width: 1200px;}
	.sort-wrapper .sort-filter-box .sort-filter{width: 1080px;}
	.sort-wrapper1{width: 1200px;font-size:12px;}
	.sort-wrapper1 ul li{padding: 0 7px;}
	.sort-wrapper .sort-style .sort-filter,.sort-wrapper .sort-tags .sort-filter{width: 1080px;}
	.sort-wrapper1.sorption-fixed ul{max-width:1200px;}
}
.px_type{display:inline-block;margin:0 10px;}
.px_type a{padding:0 12px;}
.px_type a:hover{color:#fe6400;}
.px_type a.curr{color:#fe6400;background: #FFF5EF;border: 1px solid #fe6400;}
.px_type a.curr:hover{color:#fe6400;}
.sort-wrapper1 dt{cursor:pointer;font-size: 15px;}
.sort-wrapper1 ul li dd{display:none;position:absolute;top:50px;width: 100%;border-radius: 5px;background-color:#fff;z-index:100;left:-5px;border:1px solid #eee;}
.sort-wrapper1 ul li .sub_list{}
.sort-wrapper1 ul li .sub_list a{padding: 0;border: 0;margin: 0;border-radius: 0;background: none;}
.sort-wrapper1 ul li .sub_list li{display:block;border-right:0;float:none;text-align:center;line-height:30px;height:30px;cursor:pointer;}
.sort-wrapper1 ul li .sub_list li:hover{color:#fe6400;background-color:#eee;}
.sort-wrapper1 ul li.year:hover>dd{display:block}
.sort-wrapper1 ul li.max:hover>dd{display:block}
.sort-wrapper1 ul li.soft-xz{border:0;padding:0;height:30px;margin-left:30px;}
.sort-wrapper1 ul li.soft-xz a{display: flex;background: none;border: 0;}
.sort-wrapper1 ul li.soft-xz span{display: block;height: 30px;text-align: center;line-height: 30px;border-radius: 5px;font-size: 16px;color: #fff;background: #FB8E45;width: 100px;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.15);}
.sort-wrapper1 ul li.soft-xz span:hover{background: #fe6400;}
.all_page{display: inline-block;margin-left: 20px;}
.all_page a{color: #fe6400!important;background: #FFF5EF!important;border: 1px solid #fe6400!important;border-radius: 16px;padding: 2px 12px;}

.needs-form{margin-top: 8px;background: #fe6400;color: #fff;line-height: 40px;margin-left: 20px;padding: 0px 15px;cursor: pointer;border-radius: 5px;}
.needs-form:hover{background:#E60012;}

/*弹出支付页面窗口*/
.none{display:none}
.rechareg-showbox {margin: 30px 40px; position: relative;}
.rechareg-showbox .title { width: 100%; display: table;font-size: 14px;}
.rechareg-showbox .title-hh{width: 100%; display: table;font-size: 14px;margin-top:15px;}
.rechareg-showbox .kefu-fw{font-size:12px;right: 0;top: 0;position: absolute;color:#6A6A74;}
.rechareg-showbox .kefu-fw i{font-size:16px;color:#1AA094;font-style: normal;}
.rechareg-showbox .pay-prices{margin: 18px 0;padding-top: 15px;font-size: 14px;border-top: 1px solid #EDEDED;}
.rechareg-showbox .pay-prices span{color: #ff0000;font-size: 16px;}
.rechareg-showbox h4 {margin: 6px 8px 0 0;font-weight: normal;font-size: 14px;float:left;}
.rechareg-showbox .pay-way { width: 100%; display: table;}
.rechareg-showbox .pay-way ul li {display: flex; margin-right: 15px; border: 1px solid #d1d1d1; padding: 2px 8px; width: 120px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; cursor: pointer; float: left; justify-content: center; align-items: center;}
.rechareg-showbox .pay-way ul li .icon { width:30px; height: 30px; display: inline-block;  }
.icon-zfb {background: url(../images/icon-zfb.png) no-repeat;}
.icon-wx {background: url(../images/icon-wx.png) no-repeat;}
.rechareg-showbox .pay-way ul li span {display: inline-block;  }
.rechareg-showbox .pay-way ul li.active {border-color: #e70; background: url(../images/xuan_icon-selected.png) right bottom no-repeat}

.rechareg-showbox .pay-way1 {width: 100%; display: inline-block; margin-top:10px;position: relative;}
.rechareg-showbox .pay-way1 ul li{display: flex; margin-right: 15px; border: 1px solid #d1d1d1; padding: 5px 24px 5px 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; cursor: pointer; float: left; justify-content: center; align-items: center;}
.rechareg-showbox .pay-way1 ul li span {display: inline-block;width: 36px;}
.rechareg-showbox .pay-way1 ul li.active {border-color: #e70; background: url(../images/xuan_icon-selected.png) right bottom no-repeat}

.rechareg-showbox .wayinfo{font-size: 12px;background:#FF3838;color: #fff;padding: 4px 10px;position:absolute;right:40px;top:4px;cursor: pointer;border-radius: 15px;}
.rechareg-showbox .wayinfo-hh{font-size: 12px;background:#FF3838;color: #fff;padding: 4px 10px;position:absolute;right:18px;top:4px;cursor: pointer;border-radius: 15px;}

.rechareg-showbox .info{font-size:12px;color:#ff0000;text-align:center}
.rechareg-showbox .qqkf{text-align:center;font-size:12px;color:#fe6400;line-height:40px;}
.rechareg-showbox .qqkf a{color:#fe6400;}
.rechareg-showbox .qqkf a:hover{color:#ff0000;}
.showbox-btn-cz { width: 100%; display: table; text-align: center; margin: 20px 0 5px 0;}
.btn{-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;display: inline-block;color: #fff;line-height: 35px;height: 35px;width: 200px;font-size: 14px;margin: 0 auto;background: #FFAA00;cursor: pointer;border-radius: 20px;}
.btn:hover{background:#fe6400;color:#fff}

/*模型栏目列表*/
.class-search{background-color: #fff;margin-top:1px;}
.nav-container{border-bottom: 1px solid #eee;width: 1800px;min-width: 1800px;margin: 0px auto;}
@media screen and (max-width:1800px){
	.nav-container{width: 1500px;min-width: 1500px;}
}
@media screen and (max-width:1500px){
	.nav-container{width: 1200px;min-width: 1200px;}
}
.nav-container ul{height: 55px;line-height:55px;}
.nav-container ul .qh-span{float: left;color: #999999;font-size: 16px;}
.nav-container ul li{font-size: 16px;float: left;margin: 0 12px;}
.nav-container ul li a{height: 45px;line-height: 40px;color: #333;padding: 4px 10px;}
.nav-container ul li:hover a, .nav-container ul li.selected a {color: #fe6400;color: #fff;background: #fe6000;border-radius: 30px;}
.search-form .search-form-input{position: relative;width: 360px;height: 40px;background-color: rgba(255, 255, 255, 0.89);border-radius: 4px;font-size: 14px;margin-top:8px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.search-form .search-form-input > label{width: 359px;display: inline-block;}
.search-form .search-form-input .ss-keyword{width: 100%;height: 40px;font-size: 14px;border: 1px solid #eeeeee;border-radius: 5px;box-sizing: border-box;padding-left: 12px;padding-right: 100px;background-color: transparent;}
.search-form .search-form-input .icon-item{display: inline-block;font-size: 0;font-size: 0;position: absolute;top: 43%;margin-top: -7px;right: 20px;}
.search-form .search-form-input .soutu-btn{cursor: pointer;width: 25px;height: 20px;display: inline-block;margin-right: 50px;background: url(../../images/icon-camera.png) 0px 0px;}
.search-form .search-form-input .soutu-btn:hover{background: url(../../images/icon-camera.png) 0px 21px;}
.search-form .search-form-input .search-btn-bg{cursor: pointer;position: absolute;width: 60px;height: 100%;right: 1px;top: 0;border-radius: 0 5px 5px 0;text-align: center;background-color: #fe6400;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
.search-form .search-form-input .search-btn-bg .search-white-btn{display: inline-block;vertical-align: middle;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 15px;height: 15px;margin: auto;cursor: pointer;background: url(../../images/icon-white-search.png);}
.search-form .search-form-input .soutu-btn:hover .sotu-title{display: block;}
.search-form .search-form-input .soutu-btn .sotu-title{width:70px;height:24px;line-height:22px;background:rgba(0,0,0,0.55);border-radius: 2px;text-align: center;color: #fff;position: absolute;top:30px;left: -22px;z-index: 100;font-size:12px;font-style: normal;display:none;}
@media screen and (max-width:1500px){
	.nav-container ul li{margin-right: 35px;}
	.nav-container ul li a{line-height: 38px;}
}

/*模型列表*/
.class-model-main{width: 1800px;margin: 0px auto;}
.class-model-main .list{float:left;width:344px;margin-right:20px;position:relative;overflow:hidden;background:#fff;margin-bottom:30px;transition: all 0.2s linear;top: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.class-model-main .list:nth-of-type(5n){margin-right:0;}
.class-model-main .list:hover{transform: translate3d(0, -2px, 0);-webkit-transform: translate3d(0, -2px, 0);-ms-transform: translate3d(0, -2px, 0);-o-transform: translate3d(0, -2px, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.class-model-main .list .model-pic{width:100%;height:344px;position: relative;}
.class-model-main .list .model-pic .vip_free{position: absolute;top: 0;left: 0;width: 60px;height: 24px;font-style: initial;font-size: 12px;color: #865B24;line-height: 24px;border-radius: 0 0px 5px 0px;text-align: center;background: linear-gradient(270deg, #E9AC5A 0%, #EEB466 0%, #FFDDBD 100%);}
.class-model-main .list .model-pic a{width:344px;height:344px;line-height:342px;display:inline-block;text-align:center;}
.class-model-main .list .model-pic a img{max-width:100%;max-height:100%;display:inline-block;vertical-align: middle;}
.class-model-main .list .model-pic .full-look-icon{position: absolute;right: 0;bottom: 0;display: none;cursor: pointer;width: 30px;height: 30px;}
.class-model-main .list .model-pic:hover .full-look-icon{display: block;}
.class-model-main .list .details{padding:10px;background: #FAFAFA;}
.class-model-main .list .details h4{width:190px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;float: left}
.class-model-main .list .details h4 a{color:#666;font-size:14px;transition:all 300ms;}
.class-model-main .list .details h4 a:hover{color:#FF6800;}
.class-model-main .list .details h4 a b{color:#fe6400;}
.class-model-main .list .details h4 a em{color: #fe6400;font-style: normal;}
.class-model-main .list .details .details_id{float: right;color: #999;line-height:22px;}
.class-model-main .list .details .info{width:100%;display:inline-block;color:#999;margin-top:12px;}
.class-model-main .list .details .info span{font-size:12px;}
.class-model-main .list .details .info span.look{background: url(../images/icon-fire-anli.png) left center no-repeat;padding-left:18px;}
.class-model-main .list .details .info .model-cr{border:1px solid #84CE4A;color:#84CE4A;border-radius:4px;padding:0 5px;margin-right:5px;}
.class-model-main .list .details .info .model-vr{border:1px solid #FB924C;color:#FB924C;border-radius:4px;padding:0 5px;margin-right:5px;}
.class-model-main .list .details .info .details-fr span{color:#999;display:inline-block;}
.class-model-main .list .details .info .details-fr span.nomargin{width:10px;}
.class-model-main .list .details .info .details-fr .details-fr1{margin-right: 20px;cursor: pointer}
.class-model-main .list .details .info .details-fr .details-fr1 i{display:inline-block;width:14px;height:14px;margin-right:2px;background:url(../images/collection03.png);position: relative;top: 1.5px}
.class-model-main .list .details .info .details-fr .details-fr1:hover i{background:url(../images/collection04.png)}
.class-model-main .list .details .info .details-fr .details-fr1:hover span{color: #fe6400}
.class-model-main .list .details .info .details-fr .details-fr2{cursor: pointer}
.class-model-main .list .details .info .details-fr .details-fr2 i{display:inline-block;width:14px;height:14px;margin-right:4px;background:url(../images/download02.png);position: relative;top: 1.5px}
.class-model-main .list .details .info .details-fr .details-fr2:hover i{background:url(../images/download03.png)}
.class-model-main .list .details .info .details-fr .details-fr2:hover span{color: #fe6400}
.class-model-main.placeholder-goods{margin-top: 75px;}
@media screen and (max-width:1800px){
	.class-model-main{width: 1500px;}
	.class-model-main .list{width:288px;margin-right:15px;margin-bottom:20px;}
	.class-model-main .list .model-pic{height:288px;}
	.class-model-main .list .model-pic a{width:288px;height:288px;line-height:286px;}
}
@media screen and (max-width:1500px){
	.class-model-main{width: 1200px;}
	.class-model-main .list{width:288px;margin-right:16px;}
	.class-model-main .list .model-pic{height:288px;}
	.class-model-main .list .model-pic a{width:288px;height:288px;line-height:286px;}
	.class-model-main .list:nth-of-type(5n){margin-right:16px;}
	.class-model-main .list:nth-of-type(4n){margin-right:0;}
}

.class-model-main .list .new-detail{padding: 10px;font-size: 12px;display: inline-block;width: 344px;}
.class-model-main .list .new-detail h4{width: 240px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;float: left;}
.class-model-main .list .new-detail h4 a{color: #666;transition: all 300ms;}
.class-model-main .list .new-detail h4 a:hover{color:#FF6800;}
.class-model-main .list .new-detail h4 a b{color:#fe6400;}
.class-model-main .list .new-detail h4 a em{color: #fe6400;font-style: normal;}
.class-model-main .list .new-detail h4 .model-cr{color:#84CE4A;border-radius:.3rem;padding:0 2px;margin-right:3px;}
.class-model-main .list .new-detail h4 .model-vr{color:#FB924C;border-radius:.3rem;padding:0 2px;margin-right:3px;}
.class-model-main .list .new-detail .details_id{float: right;color: #999;line-height: 22px;}

@media screen and (max-width:1800px){
	.class-model-main .list .new-detail{width: 268px;}
	.class-model-main .list .new-detail h4{width: 198px;}
}

.model-contrast{position: absolute;right: 16px;top: 16px;z-index: 1;}
.model-contrast .js_popup{left: 20px;}
.model-contrast .sopic_jsclick{left: 40px;}
.model-contrast .collect_jsclick,.model-contrast .sopic_jsclick{display: block;width: 24px!important;height: 24px!important;background: rgba(0,0,0,.6);border-radius: 6px;margin-bottom: 8px;color: #fff;font-size: 24px;line-height: 22px;opacity: 0;cursor: pointer;-webkit-transition: left .5s,opacity .2s;transition: left .5s,opacity .2s;position: relative;}
.class-model-main .list:hover .model-contrast .sopic_jsclick, .class-model-main .list:hover .model-contrast .collect_jsclick{opacity: 1;left: 0;}
.model-contrast .icon{width: 1em;height: 1em;vertical-align: -.15em;fill: currentColor;overflow: hidden;}
.model-contrast .icon:hover{color:#ff9800;}
.model-contrast .balloon-tips{padding: 0 6px;height: 24px;line-height: 24px;background: rgba(29,33,41,0.6);border-radius: 2px 2px 2px 2px;opacity: 1;font-size: 12px;font-weight: 400;color: #FFFFFF;position: absolute;right: 12px;top: 0;transition: all .1s;-webkit-transition: all .1s;transform: scale(0.8);white-space: nowrap;visibility: hidden;}
.model-contrast .collect_jsclick:hover .balloon-tips,.model-contrast .sopic_jsclick:hover .balloon-tips{opacity: 1;right: 32px;background: rgba(29,33,41,.9);-webkit-transform: scale(1);transform: scale(1);visibility: visible;}
.class-model-main .grid-item:hover .model-contrast .sopic_jsclick, .class-model-main .grid-item:hover .model-contrast .collect_jsclick{opacity: 1;left: 0;}

/* 常用软件 */
.soft-sort{float: left; width: 280px; background: #f9f9f9; box-sizing: border-box;}
.fr{float: right;}
.fl{float: left;}
.hide{display: none;}
.soft-sort h2{background:linear-gradient(to right, #FB924C, #fe6400) !important; text-align: center; font-weight: normal; font-size: 16px; color: #fff; line-height: 40px; background:#fe6400;}
.soft-sort h2 .iconfont{font-size: 20px; margin-right: 5px; vertical-align: -2px;}
.soft-sort li{width: 100%;}
.soft-sort li a{display: block; box-sizing: border-box; width: 100%; line-height: 60px; color: #333; padding-left: 20px; border-bottom: 1px solid #f3f3f3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.soft-sort li a:hover{color: #fff; border-color: #FA9D60; background: #FA9D60;}
.soft-sort li a.current{color: #FFF; background: #FA9D60;border-left: 2px solid #fe6400;border-bottom: 0;padding-left: 18px;}
.soft-sort li a img{width: 40px;height: 40px;display: inline-block;margin-right: 10px;vertical-align: middle;border-radius: 10px;overflow: hidden;}
.soft-list,.soft-info{float: right; width: 1450px; min-height: 1000px; box-sizing: border-box; background: #fff;}
.soft-list .title{line-height: 40px; padding-left: 16px; border-left: 4px solid #FB924C; background: #e2e2e2;}
.soft-list .title h1{float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; font-size: 14px;}
.soft-list .title span{float: right; padding-right:20px;}
.soft-list .title a{color: #666; margin-left: 20px;}
.soft-list .title a:hover{color: #333;}
.soft-list .title a.current{color: #FB924C;}
.soft-list .title a.bgcolor{background-color: #FF6800;color:#fff;border-radius:8px;padding:4px 15px;font-size:12px;}
.soft-list dl{padding: 20px 0; border-bottom: dashed 1px #ddd;}
.soft-list dt{float: left; margin-right: 20px;}
.soft-list dt a{display: block; width: 150px; height: 150px;}
.soft-list dt img{width: 150px; height: 150px;}
.soft-list dd{float: left; width: 1230px;}
.soft-list dd strong{font-weight: normal;}
.soft-list dd > strong > a{display: block; font-size: 16px; color: #333; line-height: 20px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.soft-list dd > strong > a b{color:#fe6400}
.soft-list dd > strong > a em{color: #fe6400;font-style: normal;}
.soft-list dd a:hover{color: #FB924C;}
.soft-list dd p{color: #666; margin-top: 11px; line-height: 24px; word-wrap: break-word;}
.soft-list dd p.tag{color: #999; line-height: 14px;}
.soft-list dd p.tag span{margin-right: 20px;}
.soft-list dd p.tag a{color: #FB924C;}
.soft-list dd p.tag a:hover{color: #CC7623;}
/*软件详情*/
.soft-info .detail .synopsis{padding: 12px; border-bottom: 1px solid #EAEAEA; padding-bottom: 38px;}
.soft-info .detail .synopsis:after{content: ''; display: block; clear: both;}
.soft-info .detail .synopsis > p{float: left; width: 300px; height: 300px; background: #F2F2F2; line-height: 300px; text-align: center;}
.soft-info .detail .synopsis > p > img{max-height: 100%; max-width: 100%;}
.soft-info .detail .synopsis > div{float: left; margin-left: 28px; margin-right: 15px; padding-top: 15px; width: 1050px;}
.soft-info .detail .synopsis > div h1{color: #000; font-size: 20px; margin-bottom: 25px;}
.soft-info .detail .synopsis > div ul{font-size: 14px;position:relative;}
.soft-info .detail .synopsis > div ul li{line-height: 26px;}
.soft-info .detail .synopsis > div ul li a{color: #FE6400; text-decoration: underline;}
.soft-info .detail .synopsis > div ul .down{position:absolute;right: 0;font-size: 16px;bottom: 0px;}
.soft-info .detail .synopsis > div ul .down span{font-weight: 700;font-size: 18px;color: #FF0000;}
.soft-info .detail .synopsis > div > div{margin-top: 26px;}
.soft-info .detail .synopsis > div > div .downsoft{display: inline-block; width: 135px; height: 42px; line-height: 42px; color: #fff; font-size: 16px; background: #FE6400; border-radius: 2px; box-sizing: border-box; padding-left: 48px; position: relative; transition: all 0.123s linear; overflow: hidden;}
.soft-info .detail .synopsis > div > div .downsoft.xunlei{background: #0878CA;}
.soft-info .detail .synopsis > div > div .downsoft.xunlei:before{width: 20px;height: 18px;top: 12px;background: url('../images/xunlei_icons.png') no-repeat;}
.soft-info .detail .synopsis > div > div .downsoft.xunlei:hover{padding-left: 35px; font-weight: bold; background: #0990D0;}
.soft-info .detail .synopsis > div > div .downsoft:before{content: ''; display: inline-block; width: 18px; height: 14px; background: url('../images/deatil_icons.png') no-repeat 0 -25px; position: absolute; top: 14px; left: 20px; transition: all 0.123s linear;}
.soft-info .detail .synopsis > div > div .downsoft:hover{padding-left: 35px; font-weight: bold; background: #FE6400;}
.soft-info .detail .synopsis > div > div .downsoft:hover:before{left: -20px;}
.soft-info .detail .synopsis > div > div .jsdownsoft{display: inline-block; height: 42px; line-height: 42px; color: #fff; font-size: 16px; background: #FE6400; border-radius: 2px; box-sizing: border-box; padding:0 30px 0 50px; position: relative; transition: all 0.123s linear; overflow: hidden;}
.soft-info .detail .synopsis > div > div .jsdownsoft.xunlei{background: #0878CA;}
.soft-info .detail .synopsis > div > div .jsdownsoft.xunlei:before{width: 20px;height: 18px;top: 12px;background: url('../images/xunlei_icons.png') no-repeat;}
.soft-info .detail .synopsis > div > div .jsdownsoft.xunlei:hover{padding:0 40px; font-weight: bold; background: #0990D0;}
.soft-info .detail .synopsis > div > div .jsdownsoft:before{content: ''; display: inline-block; width: 18px; height: 14px; background: url('../images/deatil_icons.png') no-repeat 0 -25px; position: absolute; top: 14px; left: 20px; transition: all 0.123s linear;}
.soft-info .detail .synopsis > div > div .jsdownsoft:hover{padding:0 40px; font-weight: bold; background: #FE6400;}
.soft-info .detail .synopsis > div > div .jsdownsoft:hover:before{left: -20px;}
.soft-info .detail .synopsis > div > div .paydownsoft{display: inline-block; width: 135px; height: 42px; color: #fff; font-size: 16px; border-radius: 2px; box-sizing: border-box; text-align:center; position: relative; transition: all 0.123s linear; overflow: hidden;background: #994500;}
.soft-info .detail .synopsis > div > div .paydownsoft:before{}
.soft-info .detail .synopsis > div > div .paydownsoft:hover{background: #D43737;}
.soft-info .detail .synopsis > div > div .paydownsoft .t1{display: inline-block;font-size: 14px;font-weight: bold;padding-top: 3px;}
.soft-info .detail .synopsis > div > div .paydownsoft .t2{display: block;font-size: 12px;color: #f8f8f8;}
.soft-info .detail .synopsis > div > div > div{cursor: default; float: right; font-size: 14px; line-height: 42px; position: relative;}
.soft-info .detail .synopsis > div > div > div:hover span{display: block;}
.soft-info .detail .synopsis > div > div > div:after{content: ''; display: inline-block; width: 18px; height: 18px; background: url('../images/deatil_icons.png') no-repeat 0 -3px; margin-left: 5px; position: relative; top: 3px;}
.soft-info .detail .synopsis > div > div > div span{position: absolute; width: 376px; height: auto; box-sizing: border-box; color: #FE6400; background: #FFECED; border: 1px solid #FE6400; line-height: 26px; padding: 10px; right: -25px; top: 42px; display: none; z-index: 1;}
.soft-info .detail .synopsis > div > div > div span:after{position: absolute; content: ''; width: 9px; height: 9px; border-top: 1px solid #FE6400; border-right: 1px solid #FE6400; top: -6px; right: 7.5%; background: #FFECED; transform: rotate(-45deg);}
.soft-info .detail .synopsis > div .tixing{color:#666;}
.soft-info .detail .synopsis > div .tixing:hover{color:#ff0000;}
.soft-info .detail .synopsis .soft-pay{display: inline-block;margin-left: 10px;width: 110px;height: 42px;line-height: 42px;color: #fff;font-size: 16px;background: #FB8E45;border-radius: 42px;box-sizing: border-box;padding-left: 23px;position: relative;transition: all 0.123s linear;overflow: hidden;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.15);}
.soft-info .detail .synopsis .soft-pay:hover{background: #fe6400;}
.soft-info .detail .synopsis .soft-code{margin: 10px 0;font-size: 13px;background: #E0E0E0;display: inline-block;padding: 5px 20px;border-radius: 20px;}
.soft-info .detail .synopsis .soft-code span{font-size: 16px;}
.soft-info .detail .synopsis .soft-code a{margin-left: 10px;text-decoration: revert;}
.soft-info .detail .introduce{padding-bottom: 10px;}
.soft-info .detail .introduce > p{font-size: 18px; color: #333; padding-left: 15px; padding-top: 28px;}
.soft-info .detail .introduce > p i{margin-right: 8px;}
.soft-info .detail .introduce > div{padding: 25px 40px; font-size: 14px;line-height: 28px;}
.soft-info .detail .introduce > div > p{word-break: break-all;word-wrap: break-word;overflow: hidden;padding:3px 0;}
.soft-info .detail .introduce img{max-width:1200px;display: inline-block;}
.soft-info .detail .introduce > div pre{white-space: inherit;}
.soft-info .recommend{background: #fff; margin-top: 15px; padding-bottom: 15px;}
.soft-info .recommend > p{line-height: 58px; font-size: 18px; color: #333; padding-left: 21px; border-bottom: 1px solid #EAEAEA;}
.soft-info .recommend > p i{margin-right: 8px;}
.soft-info .recommend > ul{padding: 15px 25px; counter-reset:sectioncounter;}
.soft-info .recommend > ul li{line-height: 34px;}
.soft-info .recommend > ul li a{color: #333; font-size: 14px;}
.soft-info .recommend > ul li a:hover{color: #FE6400;}
.soft-info .recommend > ul li:before{content:counter(sectioncounter) ""; counter-increment:sectioncounter;background: #C8C8C8;border-radius: 3px;color: #fff;width: 20px;height: 20px;display: inline-block;text-align: center;line-height: 20px;margin-right: 12px;}
@media screen and (max-width:1800px){
	.soft-info .detail .synopsis > div{width: 800px;}
	.soft-info .detail .introduce img{max-width:1000px;}
	.soft-info .detail .synopsis > div > div .downsoft{width: 110px;padding-left: 32px;}
	.soft-info .detail .synopsis > div > div .downsoft:before{left: 6px;}
	.soft-info .detail .synopsis > div > div .downsoft.xunlei:hover{padding-left: 25px;}
	.soft-list,.soft-info{width:1200px}
	.soft-list dd{width:980px}
}
@media screen and (max-width:1500px){
	.soft-info .detail .synopsis > div{width: 550px;}
	.soft-info .detail .introduce img{max-width:800px;}
	.soft-info .detail .synopsis > div > div .downsoft{width: 110px;padding-left: 32px;}
	.soft-info .detail .synopsis > div > div .downsoft:before{left: 6px;}
	.soft-info .detail .synopsis > div > div .downsoft.xunlei:hover{padding-left: 25px;}
	.soft-list,.soft-info{width:900px}
	.soft-list dd{width:730px}
}
/*安装详情步骤*/
.setup{margin-top: 10px; padding-top: 20px; border-top: dashed 1px #F2F2F2;}
.setup a{color: #FE6A0A;}
.setup a:hover{color: #3f9465;}
.setup .tip{width: 770px; height: auto; margin: 0 auto; line-height: 24px; padding: 10px 20px; background: #f2f2f2; border: dotted 1px #F2F2F2;}
.setup fieldset{border: solid 1px #DDD; margin: 20px 0 0 0; padding: 15px 0 25px 0;}
.setup legend{padding: 0 10px; font-size: 16px; margin-left: 10px;}
.setup legend span{display: inline-block; margin-right: 5px; padding: 0 8px; background: #FE6A0A; color: #fff;}
.setup fieldset img{border: dotted 1px #F2F2F2; max-width: 100% !important; margin: 0 auto;}
.setup fieldset dt{text-align: center; margin-bottom: 15px;}
.btn-success{padding: 8px 30px;background: #FE6500; color: #fff; border-radius: 3px; font-size: 14px; border:0px;}
.btn-success:hover{color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); background-color: #FB924C; border-color: #FB924C;}

.softversion ul:after{position:absolute;top:-6px;left:45px;display:inline-block;margin-left:-6px;width:0;height:0;border-right:6px solid transparent;border-bottom:6px dashed #fff;border-bottom:6px solid #fff;border-left:6px solid transparent;content:'';}
.softversion ul:before{position:absolute;top:-8px;left:45px;display:inline-block;margin-left:-8px;width:0;height:0;border-right:8px solid transparent;border-bottom:8px dashed #ddd;border-bottom:8px solid #ddd;border-left:8px solid transparent;content:'';}
.softversion ul{position: absolute;width: 90px;top: 28px;right:-20px;padding: 6px 6px;border: solid 1px #ddd;box-shadow: 0 2px 4px rgba(0,0,0,.2);line-height: 24px;z-index: 9;display: none;background: #fff;white-space: nowrap;}
.softversion:hover ul{display:block;}

/*空分类*/
.model-results{margin: 10px auto 30px;padding: 80px 0;background: #fff;overflow: hidden;text-align: center;}
.model-results .icon{width: 200px;height: 240px;display: block;margin: 0 auto;}
.icon-error-bg2{background: url(../../images/shuiyin.png) no-repeat;}
.model-results .error-stxts{width: 100%;text-align: center;color: #999;font-size: 16px;}
.model-results img.wx-kefu{margin:18px auto;width:200px;height:200px;box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.06);}
.model-results .gap-txt{text-align: center;color: #999;font-size: 16px;margin-bottom: 60px;line-height:32px;}
.model-results .gap-txt span{font-size:14px;}
.model-results p{color: #666;font-size: 12px;margin-top: 20px;}

/*推荐样式*/
.panel-head{margin-top:16px;margin-bottom:16px;}
.panel-width{width:48%}
.panel-head h3{float:left;font-size:20px;line-height:20px;}
.panel-head i{width:30px; height:30px;}
.panel-head a{float:right;margin-top:2px;margin-left:15px;color:#999; line-height:40px;}
.panel-head a:hover{color:#fe6400;}
.panel-head .sub_s{float:left; margin-left:30px;}
.panel-head .sub_s a{float:left;font-size:16px;line-height:40px;}

.panel-head .refresh-btn{width:80px;height:25px;border-radius:5px;margin-top: 10px;border:1px #ddd solid;transition:all .2s;line-height:22px;background:#fff;color:#666;text-align:center;cursor:pointer}
.panel-head .refresh-btn i{display:inline-block;width:13px;height:15px;margin-right:4px;background:url(../images/recharge/icon-refresh.png) -1px -44px;vertical-align:-2px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.panel-head .refresh-btn:hover{background:#FBB84F;border-color:#FBB84F;color:#756E64}
.panel-head .refresh-btn:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
/*相关推荐*/
.productmodel-same{width: 100%; display: table; margin-bottom: 20px}
.productmodel-same ul{display: table;}
.productmodel-same ul li{float: left; width: 280px; margin:12px 12px 0 0;-webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.productmodel-same ul li:nth-of-type(6n){margin-right:0px;}
.productmodel-same ul li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);transform: translate3d(0, -2px, 0);-webkit-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0);}
.productmodel-same ul li .pic{width: 280px; height: 280px;}
.productmodel-same ul li .pic a{width: 100%; height: 100%; display: block;}
.productmodel-same ul li .pic a img{width: 100%; height: 100%}
.productmodel-same h3{background: #f5f5f5; width: 260px; padding: 8px 10px;}
.productmodel-same h3 a{width: 260px; display: block; font: normal 14px/24px "Microsoft YaHei"; text-align: center;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (max-width:1800px){
	.productmodel-same ul li{width: 240px;margin:12px 12px 0 0;}
	.productmodel-same ul li .pic{width: 232px; height: 232px;}
	.productmodel-same h3{width: 212px;}
	.productmodel-same h3 a{width: 212px;}
}
@media screen and (max-width:1500px){
	.productmodel-same ul li{width: 232px;margin:10px 10px 0 0;}
	.productmodel-same ul li:nth-of-type(6n){margin-right:10px;}
	.productmodel-same ul li:nth-of-type(5n){margin-right:0px;}
	.productmodel-same ul li:nth-of-type(11){display: none;}
	.productmodel-same ul li:last-child{display: none;}
	.productmodel-same ul li .pic{width: 232px; height: 232px;}
	.productmodel-same h3{width: 212px;}
	.productmodel-same h3 a{width: 212px;}
}

/*贴图列表样式*/
.grid-item{width: 283.3333px;background: #fff;margin-bottom: 15px;padding-bottom: 5px;float: left;transition: all 0.2s linear;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;}
.grid-item:hover{transform: translate3d(0, -2px, 0);-webkit-transform: translate3d(0, -2px, 0);-ms-transform: translate3d(0, -2px, 0);-o-transform: translate3d(0, -2px, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.grid-item .box-img{transition: all 0.2s linear;border-radius: 10px;overflow: hidden;display: flex;justify-content: center;position: relative;transform: translateZ(0);}
.grid-item:hover .box-img{border-radius: 0;}
.grid-item .box-img img{width: 100%;height: 100%;-webkit-transition: all 1s ease;transition: all 1s ease;}
.grid-item:hover .box-img img{-webkit-transform: scale(1.08);transform: scale(1.08);}
/* .grid-item .box-img:before{transition: background-color .2s ease-in-out;}
.grid-item .box-img:after,.grid-item .box-img:before{content: " ";position: absolute;width: 100%;height: 100%;pointer-events: none;}
.grid-item:hover .box-img:after,.grid-item:hover .box-img:before{background-color: rgba(28,31,35,.25);} */
.grid-item .box-txt{font-size: 12px;color: rgba(30,32,35,.45);line-height: 20px;white-space: nowrap;margin-top: 5px;margin-left:5px;}
.grid-item .box-txt b{color:#fe6400;}
.grid-item .box-txt em{color: #fe6400;font-style: normal;}
.grid-item .pic-info{position: relative;}
.grid-item .pic-info .full-look-icon{transition: all .2s linear;position: absolute;overflow: hidden;right: 5px;bottom: 5px;border-radius: 10px;display: none;cursor: pointer;width: 30px;height: 30px;}
.grid-item .pic-info:hover .full-look-icon{display: block;}
.grid-item .pic-info .full-look-icon a{width: 100%;height: 100%;display: inline-block;text-align: center;}
@media screen and (max-width:1800px){
	.grid-item{width: 284px;}
}
@media screen and (max-width:1500px){
	.grid-item{width: 285px;}
}

/*模型列表显示大图*/
.js-follow{padding: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: .3rem;}
.js-follow img{max-width: 600px; max-height: 500px;}
.pretxt{color: #666; margin: -2px 0 5px 0;}
.pretxt h3{float: left;display: flex;font-weight: normal;font-size: 12px;max-width: 70%; white-space: normal; text-overflow: ellipsis; overflow: hidden;}
.pretxt h3 span{color: #f90;margin-right: 5px;}
.pretxt h3 span.model-cr{color: #84CE4A;}
.pretxt h3 span.model-vr{color: #FB924C;}
.pretxt p{float: right;font-size: 12px;}
.pretxt p span{margin-left: 20px;}

/*列表分页*/
.listjump{clear:both;height: 42px;padding: 25px 0;text-align:center;overflow:hidden;box-sizing: initial;}
.listjump span,.listjump a{padding:0 17px;line-height:42px;height:42px;display:inline-block;font-size:16px; vertical-align:middle; margin-right:5px;}
.listjump span{color:#777;}
.listjump a{color:#444;}
.listjump span.unpage{background:#fe6400;color:#fff; border-radius:5px;}
.listjump a:hover{line-height:42px; height:42px; text-decoration:none;color:#fe6400;}
.listjump a.cur,.page a.cur:hover{background:#fe6400; height:32px; line-height:32px; color:#fff;}
.listjump .pagination{display: inline-block; padding-left: 0;}
.listjump .pagination li{display: inline;}
.listjump .pagination li a,.pagination li span{position: relative; font-size:14px; float: left; color: #393D49; background: #fff; margin: 0 0 0 4px; border: 1px solid #eee; margin-right:5px; border-radius:5px;}
.listjump .pagination li a:hover{color: #fff;background: #fe6400;}
.listjump .pagination .active span{background: #fe6400;color: #fff;}
.listjump .pagination li.disabled span{pointer-events: none;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.listjump .pagination li.disabled span:hover{background: #e2e2e2; border-color: #ddd; color: #666; cursor: not-allowed;}

/*模糊检索*/
.autocomplete-suggestions{background: #fff; border: solid 1px #ddd;}
.autocomplete-suggestion{padding: 0 10px; font-size: 14px; color: #666; line-height: 30px; height: 30px; cursor: pointer;}
.autocomplete-suggestion:hover{background: #f2f2f2;}
.autocomplete-selected{background: #f2f2f2;}