/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#666;font:14px/30px arial,"Microsoft Yahei","微软雅黑";background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#666;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#285b52;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;width:1200px;}
.wrap-no{clear:both;display:block;margin:0 auto;width:1200px;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}　　
input:-moz-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}


/*隐藏显示*/
.hide{display:none !important;}
.show{display:block !important;}
.red{color:#ff0036!important;}
.green{color:#85b839!important;}
.ablue{color:#69c!important;}
button{cursor:pointer;}
.layerbox{ padding:30px; width:360px; text-align:center}
/**input**/
input[type=radio] {-webkit-appearance: none;border: 0px;width: 15px;height: 15px;background: url(/skin/images/radio.png) no-repeat -18px 0px;-webkit-transition: 0s;transition: 0s;outline: none;position:relative;top:2px;}
input[type=radio]:checked{background:url(/skin/images/radio.png) no-repeat;}
input[type=radio]:focus{border:0px !important;box-shadow:0 0 0 rgba(36,126,192,0.4) inset;}
input[type=radio]:disabled{background:url(radio.png) no-repeat -35px 0px;}
input[type=checkbox] {-webkit-appearance: none;border: 0px;width: 14px;height: 14px;background: url(/skin/images/check.png) no-repeat -21px 0px;-webkit-transition: 0s;transition: 0s;cursor:pointer;position:relative;top:2px;}
input[type=checkbox]:checked{background:url(/skin/images/check.png) no-repeat;}
input[type=checkbox]:focus{border:0px !important;}
input[type=checkbox]:disabled{background:url(/skin/images/check.png) no-repeat -40px 0px;}

#top{ width:100%; height:30px; background:#f8f8f8}
#top .weicome{ line-height:30px; font-size:14px}
#top .weicome a{ margin:0 5px; color:#285b52}
#top .weicome em{font-size:15px; margin-right:10px;}
#top .right ul li{ float:left; position:relative;padding:0 15px; font-size:12px; background:url(../images/nav_line.png) no-repeat right center;}
#top .right ul li h4 a{ font-weight:normal;font-size:14px}
#top .right ul li .sub_menu{ position:absolute; right:-1px; top:30px; width:150%; z-index:200; background:#fff; padding:10px 20px;; border:1px solid #ddd; display:none}
#top .right ul li .sub_menu a{ display:block; line-height:30px; font-size:12px}
#top .right ul li .sub_menu2{ left:auto; right:0}
#top .right ul li .sub_list{position:absolute;top:30px;right:-1px;background:#fff;z-index:210;display:none;padding:10px 15px;border:1px solid #ddd;}
#top .right ul li .sub_list{width:230px;}
#top .right ul li.show{background:#fff;padding:0 9px;color:#285b52;}
#top .right ul li.show i{transform: rotate(180deg);ms-transform: rotate(180deg);moz-transform: rotate(180deg);webkit-transform: rotate(180deg);o-transform: rotate(180deg);}
#top .right ul li.show .sub_list{display:block;}
#top .right ul li.sub:hover{ border:1px solid #ddd; border-top:0; border-bottom:0; box-sizing:border-box;; background:#fff; padding:0 19px}
#top .right ul li.sub:hover .sub_menu{ display:block}
#top .right ul li.sub:hover:before{content:''; border-bottom:1px solid #fff; position:absolute; left:0; bottom:-1px; z-index:220; width:100%; display:block}
#top .right .tel{ font-size:14px; margin-left:20px; font-weight:700}
#top .right .tel i{ margin-right:5px}
/*顶部浏览记录*/
#browsing .broitem{height:94px;padding:12px 0;border-bottom:1px dashed #e8e8e8;}
#browsing .broitem:last-child{border-bottom:0;}
#browsing .broitem .img{width:65px;height:65px;float:left;border-radius:4px;overflow:hidden; background:#f4f4f4}
#browsing .broitem .img img{width:100%;height:100%;object-fit:cover;}
#browsing .broitem .info{float:right;width:120px;}
#browsing .broitem p{line-height:20px;max-height:40px;overflow:hidden;}
#browsing .broitem p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#browsing .broitem .price{color:#285b52;line-height:20px;margin-top:5px;}
#browsing .broitem .price i:nth-child(1){font-size:12px;}
#browsing .broitem .price i:nth-child(2){font-size:16px;}
#browsing .broitem .price i:nth-child(3){font-size:12px;}

#header{ width:100%; height:120px}
#header .logo{ padding:35px 0 0}
#header .logo img{ height:50px}
#header .search{ padding:40px 0 0; margin-left:110px}
#header .search .key{ border:1px solid #285b52; width:480px; line-height:38px; float:left; text-indent:10px}
#header .search .btn{ border:1px solid #285b52; background:#285b52;color:#fff; width:100px; line-height:40px; height:40px; text-align:center}
#header .buycard{ padding:40px 0 0;}
#header .buycard .card{ border:1px solid #ddd; background:#f8f8f8; display:block; padding:0 40px; line-height:40px; height:40px; text-align:center;}
#header .buycard .card .ci-count{display:inline-block;padding:1px 3px;font-size:12px;line-height:12px;color:#fff;background-color:#285b52;border-radius:7px;min-width:14px;text-align:center;}


#nav{width:100%;height:48px;background:#285b52}
#nav .wrap{position:relative}
#nav .menu ul li{float:left;margin-left:40px;line-height:48px}
#nav .menu ul li a{color:#fff;font-size:16px}
#nav .tel{color:#fff;line-height:48px;}
#nav .tel i{ margin-right:5px}
#nav .cate{width:190px;position:relative}
#nav .cate h2{height:48px;line-height:48px;background:#3a9988;color:#fff;padding:0 20px}
#nav .cate .sub_menu{position:absolute;left:0;top:48px;padding:0 0;background:url(../images/bg_cate.png) no-repeat center center;background-size:cover;width:100%;height:520px;z-index:300}
#nav .cate .sub_menu ul li{padding:4px 20px}
#nav .cate .sub_menu ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
#nav .cate .sub_menu ul li h4 a{color:#fff;font-weight:400;background-repeat:no-repeat;background-position:left center;background-size:16px auto;padding-left:25px}
#nav .cate .sub_menu ul li h4 a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#nav .cate .sub_menu ul li:nth-child(1) h4 a{background-image:url(../images/icon_cate_1.png)}
#nav .cate .sub_menu ul li:nth-child(2) h4 a{background-image:url(../images/icon_cate_2.png)}
#nav .cate .sub_menu ul li:nth-child(3) h4 a{background-image:url(../images/icon_cate_3.png)}
#nav .cate .sub_menu ul li:nth-child(4) h4 a{background-image:url(../images/icon_cate_4.png)}
#nav .cate .sub_menu ul li:nth-child(5) h4 a{background-image:url(../images/icon_cate_5.png)}
#nav .cate .sub_menu ul li:nth-child(6) h4 a{background-image:url(../images/icon_cate_6.png)}
#nav .cate .sub_menu ul li:nth-child(7) h4 a{background-image:url(../images/icon_cate_7.png)}
#nav .cate .sub_menu ul li:nth-child(8) h4 a{background-image:url(../images/icon_cate_8.png)}
#nav .cate .sub_menu ul li:nth-child(9) h4 a{background-image:url(../images/icon_cate_9.png)}
#nav .cate .sub_menu ul li:nth-child(10) h4 a{background-image:url(../images/icon_cate_10.png)}
#nav .cate .sub_menu ul li:nth-child(11) h4 a{background-image:url(../images/icon_cate_11.png)}
#nav .cate .sub_menu ul li:nth-child(12) h4 a{background-image:url(../images/icon_cate_12.png)}
#nav .cate .sub_menu ul li:nth-child(13) h4 a{background-image:url(../images/icon_cate_13.png)}
#nav .cate .sub_menu ul li:hover{background:rgba(0,0,0,.5);padding-left:30px}
#nav .cate .sub_menu ul li .sub{position:absolute;left:190px;top:0;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.2);-moz-box-shadow:2px 0 7px rgba(0,0,0,.2);box-shadow:2px 0 7px rgba(0,0,0,.2);}
#nav .cate .sub_menu ul li .sub{display:none;padding:20px 50px;width:810px;overflow:hidden;background-color:#fff;height:100%;overflow-y: scroll;}
#nav .cate .sub_menu ul li .sub dl{border-bottom:1px dashed #ddd;padding:5px 0}
#nav .cate .sub_menu ul li .sub dl dt{float:left;width:130px;position:relative}
#nav .cate .sub_menu ul li .sub dl dt::before{position:absolute;right:0;line-height:30px;content:'>';margin-right:0;font-weight:bolder;vertical-align:top;color:#333;z-index:99}
#nav .cate .sub_menu ul li .sub dl dt a{font-weight:700}
#nav .cate .sub_menu ul li .sub dl dd{float:right;width:calc(100% - 150px)}
#nav .cate .sub_menu ul li .sub dl dd a{margin-right:20px;font-size:12px;white-space:nowrap}
#nav .cate .sub_menu ul li:hover .sub{display:block}

#nav .cate .sub_menu ul li .sub::-webkit-scrollbar{width:8px;  height:auto;  background-color: #f8f8f8;}
#nav .cate .sub_menu ul li .sub::-webkit-scrollbar-thumb{border-radius:5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #285b52;}
#nav .cate .sub_menu .load{width:100%;text-align:center; padding-top:100px}


#nav .user{ position:absolute; right:0; top:48px; z-index:110; background:#fff; width:210px; height:520px}
#nav .user .user_login{ text-align:center; padding:20px; background:#f8f8f8; border-bottom:1px solid #ddd}
#nav .user .user_login .face img{ width:46px; height:46px; border-radius:100%; overflow:hidden}
#nav .user .user_login .weicome{ margin-top:10px; font-size:12px}
#nav .user .user_login .btn{ margin-top:10px}
#nav .user .user_login .btn a{ border:1px solid #285b52; background:#285b52; width:48%; float:left; color:#fff;font-size:13px;}
#nav .user .user_login .btn a:nth-child(2n){ float:right; background:#fff; color:#333}
#nav .user .notice{ padding:20px; border-bottom:1px solid #ddd}
#nav .user .notice .t{ border-left:2px solid #285b52; padding-left:10px; line-height:14px; font-weight:bold}
#nav .user .notice .list{ margin-top:10px}
#nav .user .notice .list a{ display:block; font-size:12px; line-height:26px}
#nav .user .company{ padding:20px}
#nav .user .company .t{ border-left:2px solid #285b52; padding-left:10px; line-height:14px; font-weight:bold}
#nav .user .company .list{ margin-top:10px}
#nav .user .company .list a{ float:left; width:33.33%; text-align:center; margin-top:10px}
#nav .user .company .list a img{ width:36px}
#nav .user .company .list p{ font-size:12px}

#banner{ width:100%}
#banner .focus{width:100%;position:relative;z-index:10}
#banner .focus .swiper-slide{ background-position:center center; background-repeat:no-repeat; height:520px;}
#banner .focus .swiper-button-next,
#banner .focus .swiper-button-prev{ color:#fff}
#banner .focus .swiper-slide a{ display:block; width:100%; height:100%;}

#company{ width:100%; margin-top:10px}
#company .title{ font-size:20px; font-weight:bold}
#company .list ul li{ float:left; width:calc((100% - 40px) / 3); margin-right:20px; margin-top:20px}
#company .list ul li:nth-child(3n){ margin-right:0}
#company .list ul li img{ width:100%}

#index_list{margin-top:30px}
#index_list .title .t{position:relative;font-size:20px;font-weight:700;padding-left:35px; color:#285b52}
#index_list .title .t::before{content:'';position:absolute;left:0;top:8px;width:25px;height:13px;background:#285b52;overflow:hidden}
#index_list .title .other a{position:relative;padding:0 20px;display:inline-block;text-align:center}
#index_list .title .other a i{position:relative;z-index:99;color:#fff}
#index_list .title .other a:before{content:'/';position:absolute;left:-5px;top:0;color:#979797}
#index_list .title .other a:first-child:before{content:'';height:100%;width:100%;left:0;top:0;position:absolute;z-index:0;transform:skew(-19deg);background-color:#285b52}
#index_list .title .other a:nth-child(2):before{display:none}
#index_list .list{ margin-top:20px}
#index_list .list .left{ width:390px}
#index_list .list .right{ width:calc(100% - 390px)}
#index_list .list .right ul li{ float:left; width:calc((100% - 40px) / 4);margin-left:10px; border:1px solid #eee}
#index_list .list .right ul li:nth-child(n+5){ margin-top:10px}
#index_list .list .right ul li .img{ padding:0 20px; border-bottom:1px solid #eee; height:168px; overflow:hidden;line-height: 168px;text-align: center;}
#index_list .list .right ul li .img img{max-width: 148px;max-height: 148px;vertical-align: middle;}
#index_list .list .right ul li p{ padding:0 15px; height:35px; overflow:hidden; font-size:12px; color:#666; padding-top:5px}
#index_list .list .right ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#index_list .list .right ul li .price{ padding-left:15px;height:35px;padding-bottom:2px;display:block;overflow:hidden;}
#index_list .list .right ul li .price span{color:#cc0000;float:left;}
#index_list .list .right ul li .price i{font-size:18px;}
#index_list .list .right ul li .price small{font-size:12px;}
#index_list .list .right ul li .price del{color:#b0b0b0;margin-left:10px;position:relative;top:2px;}


#adpic{ width:100%; padding:20px 0}
#youshi{ width:100%; background:#3A3B3F;}
#youshi img{ width:100%;}

#footer{ width:100%; background:#3e6b64; padding:45px 0}
#footer .map .qrcode{ text-align:center; width:120px;}
#footer .map .qrcode p{ color:#fff}
#footer .map .qrcode img{width:120px;}
#footer .map .dgtel{ margin-left:60px; margin-right:100px}
#footer .map .dgtel h3{ color:#fff; font-weight:normal}
#footer .map .dgtel p{ color:#babbbd}
#footer .map .item{ width:150px}
#footer .map .item h3{ color:#fff; font-weight:normal}
#footer .map .item p a{ color:#babbbd}
#footer .foot_logo{text-align:center; margin-top:30px;padding-top:20px;border-top:1px solid #555}
#footer .foot_logo img{width:300px}
#footer .copyright{ text-align:center; margin-top:20px;color:#babbbd;}
#footer .copyright a{ color:#babbbd}
#footer .copyright i{ margin:0 8px}
#footer .coppic{ text-align:center; margin-top:10px;}
#footer .coppic img{ margin:0 5px; height:40px}

#fenye{padding:50px 0 0;text-align:center;clear:both;line-height:50px}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#fff}
#fenye .next,#fenye .prev{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#114388;border:1px solid #114388}
#fenye a:hover{background:#114388;color:#fff;border:1px solid #114388}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#fff}

/*登录框*/
#tispbox{padding:20px;text-align:center;}
#tispbox .t{font-size:16px;font-weight:bold;}
#tispbox .tisp{margin-top:10px;}
#tispbox .tisp i{color:#285b52;padding:0 5px;}
#tispbox .tisp em{color:#285b52;padding:0 5px;font-size:18px;}
#tispbox .btn{margin-top:10px;}
#tispbox .btn a{padding:0px 10px;background:#285b52;color:#fff;border-radius:4px;margin:0 5px;display:inline-block;}
#tispbox .btn a.layui-layer-close{position:inherit !important;}
/*位置*/
#location{padding:20px 0;font-size:12px;color:#999; border-top:1px solid #ddd;}
#location a{font-size:12px;color:#999;}
#location i{font-size:12px;padding:0 10px;color:#ccc;}
#location em{ color:#ccc; margin-right:5px}
/*无数据*/
.nodata{text-align:center;padding:40px 0;}
.nodata p{background:url(/skin/images/no-login-icon.png) no-repeat center top;padding-top:150px;}
.nodata a{background:#285b52;color:#fff;padding:5px 20px;border-radius:2px;}


#nav .cate.list .sub_menu{display:none}
#nav .cate.list:hover .sub_menu{display:block}
#prolist .local{padding:20px 0;font-size:12px;color:#777}
#prolist .local a{color:#777}
#prolist .brand{background:#f8f8f8;border:1px solid #ddd;position:relative;height:40px;overflow:hidden}
#prolist .brand .btn{position:absolute;right:15px;top:4px}
#prolist .brand .btn a{line-height:20px;display:inline-block;border:1px solid #eee;padding:0 5px;font-size:12px}
#prolist .brand .btn a.close{display:none}
#prolist .brand .btn a i{margin-left:5px}
#prolist .brand .left{width:160px;line-height:40px;padding-left:15px;color:#888;font-size:12px}
#prolist .brand .right{width:calc(100% - 160px);background:#fff;padding:0 150px 0 20px}
#prolist .brand .right a{display:inline-block;width:12%;line-height:40px;font-size:12px}
#prolist .brand.open{height:auto}
#prolist .brand.open .btn .open{display:none}
#prolist .brand.open .btn .close{display:inline-block}
#prolist .sx{background:#f7f7f7;margin-top:20px}
#prolist .sx .left{padding-left:15px;line-height:40px}
#prolist .sx .left a{float:left;margin-right:30px;position:relative;font-size:12px}
#prolist .sx .left a i{margin-left:5px;opacity:.7}
#prolist .sx .left a.curr::before{content:'';height:3px;width:100%;left:0;bottom:0;position:absolute;z-index:0;background-color:#285b52}
#prolist .sx .right{line-height:40px;padding-right:15px;font-size:12px}
#prolist .list{padding:10px 0 40px}
#prolist .list ul li{float:left;width:calc((100% - 40px)/ 5);margin-right:10px;border:1px solid #eee;padding:15px;margin-top:10px;border-radius:2px}
#prolist .list ul li:nth-child(5n){margin-right:0}
#prolist .list ul li .img{padding:0 20px;height:168px;overflow:hidden;line-height:168px;text-align:center}
#prolist .list ul li .img img{max-width:148px;max-height:148px;vertical-align:middle}
#prolist .list ul li .info .price{color:#f23030;font-size:18px;margin-top:20px}
#prolist .list ul li .info .t{line-height:20px;margin-top:10px;height:40px;overflow:hidden}
#prolist .list ul li .info .no{font-size:12px;color:#999}
#prolist .list ul li .buycard{margin-top:20px;text-align:center;padding-bottom:10px}
#prolist .list ul li .buycard a{border:1px solid #f23030;color:#f23030;display:inline-block;padding:0 20px}
#prolist .list ul li:hover{box-shadow:0 0 12px 0 rgba(0,0,0,.1)}

#proshow .local{ padding:20px 0; font-size:12px; color:#777}
#proshow .local a{ color:#777}
#proshow .pro_info .proimg{ width:400px;overflow:hidden;position:relative;}
#proshow .pro_info .proimg .bigimg{ border:1px solid #eee}
#proshow .pro_info .proimg .bigimg .swiper-slide{width:100%;height:400px;overflow:hidden}
#proshow .pro_info .proimg .bigimg .swiper-slide img{width:100%;height:100%;object-fit:cover;}
#proshow .pro_info .proimg .smallimg{margin-top:10px;}
#proshow .pro_info .proimg .smallimg .swiper-slide{float:left;width:72px;height:72px;overflow:hidden;margin-right:10px;cursor:pointer;opacity:.8;background:#f4f4f4;; border:1px solid #74c4b0}
#proshow .pro_info .proimg .smallimg .swiper-slide.swiper-slide-thumb-active{border:2px solid #11a89d;box-sizing:border-box;opacity:1;}
#proshow .pro_info .proimg .smallimg .swiper-slide img{width:100%;height:100%;object-fit:cover;}
#proshow .pro_info .proimg .smallimg .swiper-slide img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}

#proshow .pro_info .proview{width:calc(100% - 430px)}
#proshow .pro_info .proview h1{ font-size:18px; font-weight:normal}
#proshow .pro_info .proview .item{ padding:5px 0}
#proshow .pro_info .proview .item em{ float:left;width:60px; color:#888;text-align-last:justify;text-align:justify;text-justify:distribute-all-lines}
#proshow .pro_info .proview .item span{ margin-left:30px; float:left}
#proshow .pro_info .proview .priceinfo{ background:url(../images/pro-bg.png) no-repeat center center; padding:20px 15px; margin-top:10px}
#proshow .pro_info .proview .priceinfo .price span{ font-size:30px; font-weight:600; color:#f23030}
#proshow .pro_info .proview .priceinfo .price span i{ font-size:12px}
#proshow .pro_info .proview .buyinfo{ padding:20px 15px}
#proshow .pro_info .proview .buyinfo .num span a{ height:30px; width:30px; display:inline-block; border:1px solid #ddd; text-align:center; float:left; background:#f8f8f8;}
#proshow .pro_info .proview .buyinfo .num span a.jia{border-radius: 0 2px 2px 0}
#proshow .pro_info .proview .buyinfo .num span a.jian{border-radius:2px 0 0 2px}
#proshow .pro_info .proview .buyinfo .num span .n{ height:30px; width:50px; display: inline-block; border:1px solid #ddd; border-left:0; border-right:0; text-align:center; float:left}
#proshow .pro_info .proview .buyinfo .ps{ margin-top:15px; padding-top:20px; border-top:1px dashed #ddd}
#proshow .pro_info .proview .buyinfo .ps span{ border:1px solid #ddd; padding:0 10px; border-radius:2px}
#proshow .pro_info .proview .buyinfo .ps span i{ margin-left:5px; font-size:12px}
#proshow .pro_info .proview .buybtn{padding:20px 15px 20px 105px}
#proshow .pro_info .proview .buybtn a{ display:inline-block; border:1px solid #285b52; border-radius:4px; font-size:16px; line-height:40px; padding:0 20px; margin-right:10px}
#proshow .pro_info .proview .buybtn a:nth-child(2){ background:#285b52; color:#fff}
#proshow .pro_content{ margin-top:40px; margin-bottom:30px}
#proshow .pro_content .hotpro{ border:1px solid #eee; width:190px}
#proshow .pro_content .hotpro .t{ text-align:center; border-bottom:1px solid #eee; line-height:40px}
#proshow .pro_content .hotpro .list{ padding:0 25px}
#proshow .pro_content .hotpro .list ul li{ margin-top:30px}
#proshow .pro_content .hotpro .list ul li .img img{ width:100%}
#proshow .pro_content .hotpro .list ul li p{ line-height:20px; height:40px; overflow:hidden}
#proshow .pro_content .hotpro .list ul li .price{ margin-top:5px;color:#f23030; font-weight:700}
#proshow .pro_content .right{ border:1px solid #eee; width:calc(100% - 210px)}
#proshow .pro_content .right .tabs{ border-bottom:1px solid #eee}
#proshow .pro_content .right .tabs ul li{ float:left; margin-left:30px;position:relative; line-height:40px; margin-right:10px; cursor:pointer}
#proshow .pro_content .right .tabs ul li.active::before{content:'';height:2px;width:100%;left:0;bottom:0;position:absolute;z-index:0;background-color:#285b52}
#proshow .pro_content .right .content{ overflow:hidden}
#proshow .pro_content .right .content .content_cs{ border-bottom:1px solid #eee; padding:30px}
#proshow .pro_content .right .content .content_cs span{ display:inline-block; width:30%; font-size:12px}
#proshow .pro_content .right .content .mycontent{ padding:30px; text-align:center}
#proshow .pro_content .right .content .content_spcs{ padding:30px}

/*无数据*/
.nodata{text-align:center;padding:40px 0 0;}
.nodata p{background:url(/skin/images/no-login-icon.png) no-repeat center top;padding-top:150px;}
.nodata a{background:#285b52;color:#fff;padding:5px 20px;border-radius:2px;}

#com_nav{width:100%;height:48px;background:#285b52}
#com_nav ul li{float:left;margin-right:40px;line-height:48px}
#com_nav ul li a{color:#fff;font-size:16px}
#com_main{ width:100%; padding:20px 0}
#com_main .left{ width:220px}
#com_main .left .com_info{ border:1px solid #eee;}
#com_main .left .com_info h2{ background:#f5f5f5; padding-left:10px; border-bottom:1px solid #eee}
#com_main .left .com_info .info{ padding:10px 10px}
#com_main .left .com_info .info p{ font-size:12px; line-height:26px}
#com_main .left .com_class{ border:1px solid #eee; margin-top:10px}
#com_main .left .com_class h2{ background:#f5f5f5; padding-left:10px; border-bottom:1px solid #eee}
#com_main .left .com_class ul{ padding:10px 10px}
#com_main .left .com_class ul li a{ font-size:12px; line-height:26px}
#com_main .right{ width:calc(100% - 240px); min-height:600px}
#com_main .right h2{ background:#f8f8f8; padding:8px 10px}
#com_main .right .list{padding:10px 0 40px}
#com_main .right .list ul li{float:left;width:calc((100% - 30px)/ 4);margin-right:10px;border:1px solid #eee;padding:15px;margin-top:10px;border-radius:2px}
#com_main .right .list ul li:nth-child(4n){margin-right:0}
#com_main .right .list ul li .img{padding:0 20px;height:168px;overflow:hidden;line-height:168px;text-align:center}
#com_main .right .list ul li .img img{max-width:148px;max-height:148px;vertical-align:middle}
#com_main .right .list ul li .info .price{color:#f23030;font-size:18px;margin-top:20px}
#com_main .right .list ul li .info .t{line-height:20px;margin-top:10px;height:40px;overflow:hidden}
#com_main .right .list ul li .info .no{font-size:12px;color:#999}
#com_main .right .list ul li .buycard{margin-top:20px;text-align:center;padding-bottom:10px}
#com_main .right .list ul li .buycard a{border:1px solid #f23030;color:#f23030;display:inline-block;padding:0 20px}
#com_main .right .list ul li:hover{box-shadow:0 0 12px 0 rgba(0,0,0,.1)}