@charset "utf-8";
.mall-index{margin-top: 0;}
/*模块介绍*/
.ihbannertit{color: #fff;}
.ihbannertit .title_wrap{text-align: center;}
.ihbannerimgs{width: 1200px;height: 300px;margin: 0 auto;position: relative;}
.ihbannerimg1{width: 540px; height: 218px; position: absolute; z-index: 1; left: 30px; bottom: 0;}
.ihbannerimg2{width: 530px; height: 262px; position: absolute; z-index: 2; left: 330px; bottom: 0; margin: 0;}
.ihbannerimg3{width: 540px; height: 218px; position: absolute; z-index: 1; right: 12px; bottom: 0;}
.ihbannertit.spe1{}
.ihbannertit{}
.ihbannertit h5{line-height: 64px; font-size: 30px; padding-top: 66px;}
.ihbannertit.spe1 h5{color: #fff;}
.m_uc_position{position: relative;}
.ihbannertit p{font-size: 20px; line-height: 52px;}
.ihbannertit.spe1 p{color: #fff;}
.ihbannerimg1{margin-top: 2px;}
.ihbannerimgs img{vertical-align: top;}
.ihbannerimg2{margin: 0 13px; margin-top: 15px;}
/*首页商品分类*/
.mall-cat{padding-top:20px;}
/*筛选*/
.so-muban{padding-bottom: 20px;padding-top: 20px;background: #ffffff;}
.nav-container{display: table;margin: 0 auto;padding: 0 30px;height: 48px;line-height: 48px;overflow: hidden;}
.mc{float:left;width: 58px;line-height:44px;font-weight: bold;position: relative;}
.mc:after{content: ""; position: absolute; right: 12px; top: 20px; border: 1px solid #333; border-width: 0 1px 1px 0; width: 4px; height: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
/*按价格*/
.sxuan{width:1070px;color:#999999;float:left;line-height:40px;margin-left:10px;border-bottom: 1px dotted #e0e0e0;}
.sxuan a{color: #8d8d91;font-size: 14px;line-height: 14px;height: 14px;float: left;border-right:1px solid #e0e0e0;padding: 0 18px;margin: 14px 0;}
.sxuan a:last-child{border-right: 0 none;}
.sxuan a:hover{color:#D80A1C}
.sxuan a.active{color:#D80A1C}
/*按颜色找模板*/
/*颜色列表*/
.sim{height: 48px;line-height: 48px;margin-left: 10px;overflow: hidden;float: left;width: 1070px;}
.temp-color-list{font-size: 0px;height: 48px;line-height: 48px;padding-left:6px;margin: 0 auto;}
.temp-color-list.s{border-top: 0;width: 700px;float: left;}
.temp-color-list span{display: inline-block;cursor: pointer;border-radius: 5px;overflow: hidden;margin: 0 0px 0 10px;line-height: 0;margin-top: 16px;}
.temp-color-list span em{display: inline-block;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 50px;width: 30px;height: 18px;/* border: 1px solid #FFF; */}
.temp-color-list span.color-9 em{background:linear-gradient(45deg,#ec5f67,#f99157,#fac863,#99c794,#5fb3b3,#6699cc,#c594c5);background-image: url('../image/mall/all_color.png');background-size: 30px 18px;}
.temp-color-list span.color-0 em{background-color:rgb(0 188 212 / 17%);}
.temp-color-list span.color-1 em{background-color: #663300;}
.temp-color-list span.color-2 em{background-color: #FFA200;}
.temp-color-list span.color-3 em{background-color: #F9F;}
.temp-color-list span.color-4 em{background-color: #A800FF;}
.temp-color-list span.color-5 em{background-color: #FF0000;}
.temp-color-list span.color-6 em{background-color: #80D032;}
.temp-color-list span.color-7 em{background-color: #0084FF;}
.temp-color-list span.color-8 em{background-color: #000000;}
.temp-color-list span.color-9 em{background-color: #818181;}
.temp-color-list span.color-10 em{background-color:#ffcc00;}
.temp-color-list span.cur{border-color: #000;}
.temp-color-list.s a.active em{border:2px solid rgba(2, 2, 2, 0.5);}
/*颜色右边搜索*/
.typeahead__container{position: relative;}
.typeahead__cancel-button{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; right: 0; cursor: pointer; line-height: 1.25; padding: 0.5rem 0.75rem; visibility: hidden;}
.search-container{float: right;}
.search-container input{background-color: #F1F1F1;color: #ABABAB;border: 0;width: 260px;height: 38px;line-height: 38px;margin: 10px 0;padding-left: 10px;float: left;border-radius: 3px 0 0 3px;}
.search-container .btn{height: 38px;width: 80px;color: #fff;background-color: #D80A1C;border: 0;border-radius: 1px;line-height: 38px;cursor: pointer;display: block;text-align: center;float: left;padding: 0;margin-top: 10px;padding-left: 0;border-radius: 0 3px 3px 0;}
.border-top{border-top: 1px dashed #EDEDED;}
/*活动*/
.dv{padding: 10px 0 15px;}
.dv .cathuodong{padding:10px;font-size:14px;border-left:#D80A1C 3px solid;color:#D80A1C;background:#f9e6e6;}
.dv .cathuodong:hover{border-left:#0460c4 3px solid;color:#0460c4;background:#e6e7f9;}
/*首页商品列表*/
.page-commonContent{position: relative;padding: 40px 0 0;overflow: hidden;}
.page-commonContent.pt-20{padding-top:20px}
.h-product-item-headline{display: block; width: 100%; color: #192943; font-size: 16px; line-height: 57px; vertical-align: middle; height: 95px; text-align: center; overflow: hidden;}
.h-product-item-title{font-size: 28px; line-height: 28px; letter-spacing: 0; color: #0d203f; margin: 0px auto 11px auto;}
.h-product-item-subheadline{font-size: 16px; line-height: 18px; letter-spacing: 0; color: #b3b8bf;}
.item-list{width: 102%;}
.item-list-li{width: 31.3%;background-color: #ffffff;float: left;margin-right: 2%;margin-bottom: 24px;box-sizing: border-box;background: #ffffff;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.item-list-li .tpl-header{height: 20px; line-height: 20px; background: #EBEDEF; padding-left: 10px; font-size: 0; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.item-list-li .tpl-header .point{width: 6px; height: 6px; border-radius: 100%; vertical-align: middle; display: inline-block; margin-right: 5px;}
.item-list-li .tpl-header .red-point{background: #ea5c6a;}
.item-list-li .tpl-header .yellow-point{background: #ecc468;}
.item-list-li .tpl-header .green-point{background: #2bc950;}
.preview-img{position: relative;border-radius: 10px;padding: 10px 12px 0;overflow:hidden}
.pc-view{width: 100%;/* height: 365px; */position: relative;}
.pc-view .pc-view-img{/* height: 365px; */z-index: 8;}
.pc-view .pc-view-img img{width: 100%;height: 100%;transition: all 0.6s;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.pc-view .cover{width: 100%;height: 100%;position: absolute;z-index: 20;background: rgba(0,0,0,0.5);box-sizing: border-box;text-align: center;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);z-index: 10;}
.pc-view .cover .img_show_ico{margin-top: 28%;}
.pc-view .cover .img_show_ico .ey-iconfont{font-size: 60px;color: #9E9E9E;}
.pc-view .cover .img_show_ico.domeyes .ey-iconfont{font-size: 60px;color: #FFEB3B;}
.item-list-li:hover .cover{display: block;opacity:1;filter:alpha(opacity=100);top: 0;left: 0;}
.preview-img .show_iphone{position: absolute;right: 0px;bottom: -5px;z-index: 9;display: inline-block;overflow: hidden;padding: 14px 9px 52px 9px;width: 98px;height: 150px;background:url('../image/mall/iphone_for.png') no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.preview-img .show_iphone span{display: block; height: 100%; overflow: hidden; position: relative;}
.preview-img .show_iphone img{width: 100%;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}

.case-list{width: 103%;}
.case-list-li{width: 22.8%;/* height: 420px; */background-color: #ffffff;float: left;margin-right: 2%;margin-bottom: 24px;box-sizing: border-box;background: #ffffff;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border-top-left-radius: 4px;border-top-right-radius: 4px;border-radius: 4px;}

.case-list-li .tpl-header{height: 20px;line-height: 20px;background: #EBEDEF;padding-left: 10px;font-size: 0;border-top-left-radius: 4px;border-top-right-radius: 4px;display: none;}
.case-list-li .tpl-header .point{width: 6px; height: 6px; border-radius: 100%; vertical-align: middle; display: inline-block; margin-right: 5px;}
.case-list-li .tpl-header .red-point{background: #ea5c6a;}
.case-list-li .tpl-header .yellow-point{background: #ecc468;}
.case-list-li .tpl-header .green-point{background: #2bc950;}
.case-list-li:hover .cover{display: none;opacity:1;filter:alpha(opacity=100);}
.case-list-li:hover .item-btn-right{zoom: 1;filter: alpha(opacity=100);opacity: 1;transform: scale(1.2);}
.case-list-li:hover{transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.case-list-li:hover .item-btn .item-btn-right{display: table; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1;}


.pc-view .cover .f-pcModelUrl{position: absolute;display: block;line-height: 34px;text-align: center;height: 34px;color: #fff;font-size: 14px;border-radius: 20px;bottom: 15%;z-index: 2;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.pc-view .cover .f-reg{width: 110px;background-color: #D80A1C;left: 60px;}
.pc-view .cover .f-reg-no{width: 110px;background-color: #383838;left: 15px;}
.pc-view .cover .f-show{width: 110px;background-color: #2f82ff;right: 15px;}
.pc-view .cover .f-reg:hover,.pc-view .cover .f-reg-no:hover,.pc-view .cover .f-show:hover{bottom: 15.5%;}
.item-btn{margin: 10px 0 10px;padding: 0 12px;}
.f_left{float: left;}
.f_right{float: right;}
.item-btn .item-btn-left-title{line-height: 25px;font-size: 15px;color: #333;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;margin-bottom: 5px;}
.ziying{color: #ffffff;background: #D80A1C;font-size:12px;height: 20px;line-height: 20px;padding: 1px 3px;border-radius: 3px;}
.item-btn .item-btn-left{width: 100%;line-height: 28px;}
.item-btn .item-btn-left .item-btn-left-end{font-size: 14px;color: #999;height: 28px;line-height: 28px;overflow: hidden;}
.item-btn .item-btn-left .item-btn-left-end span{}
.item-btn .item-btn-left .item-btn-left-end span .f-hist{font-size: 24px;margin-right:1px;color: #999;vertical-align: sub;}
.item-btn .item-btn-right{text-align: right;position: absolute;bottom: 0;width: 60px;height: 60px;right: 10px;display:none;transition: all 200ms ease 0s;min-width: 45px;z-index: 10;filter: alpha(opacity=0);opacity: 0;}
.item-btn .item-btn-right .now-use{display: block;width: 50px;height: 50px;background: #D80A1C;background: rgba(240,58,58,1);background: -moz-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(240,58,58,1)), color-stop(100%, rgba(255,108,85,1)));background: -webkit-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -o-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -ms-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: linear-gradient(135deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03a3a', endColorstr='#ff6c55', GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);border:1px solid #ffffff;font-size: 12px;color: #fff;text-align: center;line-height: 16px;border-radius: 50%;padding-top: 9px;transition: all 200ms ease 0s;}
.item-btn .item-btn-right .now-use:hover{color:#D80A1C;background: #ffffff;border:1px solid #D80A1C;transform: scale(1.1);}
.item-list-li:hover .item-btn-right{zoom: 1;filter: alpha(opacity=100);opacity: 1;transform: scale(1.2);}
.item-list-li:hover{transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.item-list-li:hover .item-btn .item-btn-right{display: table; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1;}
/*自营标识*/
.f-txt{position: absolute;z-index: 11;text-align: center;transition: opacity .3s;top: 10px;left: 10px;}
.f-txt .ziying{color: #ffffff; background: #D80A1C; width: 50px; height: 50px; line-height: 16px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding-top: 8px;}
/*推荐标识*/
.biaozhi{position: absolute;background:#dddddd;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 11;width:40px;height:40px;line-height:40px;left: 0;top: 0;font-size:12px;text-align: center;border: 0;transition: opacity .3s;overflow: hidden;z-index: 9;}
.biaozhi.bzbg1{background:#FF5722;color: #ffffff !important;}
.biaozhi.bzbg2{background:#FF9800;color:#ffffff;width: 40px;border: 0;top: 0;}
.biaozhi.bzbg3{background:#FFC107;color:#ffffff;}
.biaozhi.bzbg4{background: #F44336;color: #ffffff;}
.biaozhi.bzbg5{background:#CDDC39;color:#ffffff}
.biaozhi.bzbg6{background:#8BC34A;color:#ffffff;}
.biaozhi.bzbg7{background:#4CAF50;color:#ffffff}
/*标识上的移动标*/
@keyframes ballRotate{0%{transform:rotate(0);} 100%{transform:rotate(360deg);}}
.pp1{position: absolute;top: 0%;left: 50%;width: 5px;height: 5px;transform-origin: 0 20px;animation: ballRotate 2.5s infinite linear;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);z-index: 9999;background: #ffffff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
/*手机模板区*/
.page-commonContent .f-index-model .f-list-mobi{padding-bottom:10px}
.page-commonContent .f-index-model .f-list-mobi .f-item{height:480px;}
/*手机模板区*/
.f-index-model .f-mobiListWrap{width: 1200px; margin: 0 auto;}
.f-index-model .f-list-mobi{width: 110%;width: 100%;overflow: hidden;padding-bottom: 60px;}
.f-index-model .f-list-mobi .f-item{width: 222px;height: 470px;margin: 0 22px 0 0;float: left;}
.st-caseForm{width: 222px;height: 453px;}
.st-index-mobiArea{width: 220px; height: 452px; position: relative;}
.st-index-mobiPlaceholder{width: 256px;height: 452px;position: absolute;/* left: 50%; *//* top: 50%; *//* margin-left: -110px; *//* margin-top: -226px; */}
.st-index-mobiAreaHover .st-index-mobiPlaceholder{transform-origin: center center; transition: transform .3s;}
.st-index-caseForm .f-screen{position: absolute;width: 198px;height: 354px;left: 11px;top: 40px;overflow: hidden;}
.st-index-caseForm{width: 221px;margin: 0 18px;/* margin-right: 40px; */height: 585px;overflow: hidden;position: relative;}
.st-index-caseForm .f-screen-link{display: block; width: 100%; height: 100%;}
.st-index-caseForm .f-screen-link img{width: 200px;height: 356px;}
.st-index-caseForm .f-screen-img{width: 100%; height: auto; min-height: 100%;}
.st-index-caseForm .f-screenMask{height: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; width: 100%; overflow: hidden;}
.st-index-screenHover .f-screenMask, .st-index-screenUnHover .f-screenMask{opacity: 0; filter: alpha(opacity=0);}
.st-index-screenHover .f-screenMask{transition: opacity .3s;}
.st-index-screenHover:hover .f-screenMask{filter: alpha(opacity=60); opacity: .6; transform: scale(1);}
.st-index-caseForm .f-screen-contentWrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.st-index-mobiPlaceholder .st-index-caseForm{position: absolute;left: -16px;height: 470px;}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi{position: absolute;background:#dddddd;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index:1;width:40px;height:40px;line-height:40px;right: 35px;top:45px;font-size:12px;text-align: center;border: 0;}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.red{font-family: "Microsoft Yahei";background:#D80A1C;color:#ffffff!important}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.new{font-family: "Microsoft Yahei";background:#03A9F4;color:#ffffff}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.hot{font-family: "Microsoft Yahei";background:#9C27B0;color: #ffffff;width: 40px;border: 0;left: auto;}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.tj{background:#FF9800;color:#ffffff;}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.free{font-family: "Microsoft Yahei";background:#0d9204;color:#ffffff}
.st-caseForm .f-phone-template{position: absolute;left: -2px;top: 0;width: 224px;height: 470px;background: url(css/img/home_ico.png) -896px -689px no-repeat;z-index: -1;}
.st-index-caseForm .f-phone-template{z-index: 0;}
.st-index-caseForm .f-qrCode{width: 150px;height: 150px;position: absolute;left: 50%;margin-left: -75px;border: 8px solid #fff;border-radius: 3px;overflow: hidden;outline: 0;background: #fff;}
.st-index-screenHover .f-qrCode, .st-index-screenUnHover .f-qrCode{top: -151px;}
.st-index-screenHover .f-qrCode{transition: top .3s;}
.st-index-screenHover:hover .f-qrCode{top: 55px;}
.st-index-caseForm .text{text-align: center;color: #fff;position: absolute;top: 230px;font-size: 14px;width: 181px;}
.st-index-screenHover .text{left: -191px;transition: left .3s;}
.st-index-screenHover:hover .text{left: 8px;}
.st-index-caseForm .f-btn{display: block;height: 32px;width: 110px;border-radius: 5px;line-height: 30px;margin: 0 auto;padding: 0;background-image: linear-gradient(180deg,#efe827 0,#D80A1C 100%);background-color: #D80A1C;text-align: center;color: #fff;position: absolute;left: 50%;margin-left: -55px;top: 305px;font-size: 14px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.st-index-caseForm .f-btn:hover{border-radius: 50px;}
.st-index-caseForm .f-btn-preview{background: transparent; border-radius: #fff; border: solid #fff 1px; box-sizing: border-box; top: 297px; line-height: 35px;}
.st-index-screenHover .f-btn-preview, .st-index-screenHover .f-btn-free, .st-index-screenUnHover .f-btn-preview, .st-index-screenUnHover .f-btn-free,.st-index-screenHover .text{filter: alpha(opacity=0); opacity: 0;}
.st-index-screenHover .f-btn{}
.st-index-screenHover:hover .f-btn-preview, .st-index-screenHover:hover .f-btn-free, .st-index-screenHover:hover .f-btn,.st-index-screenHover:hover .text{filter: alpha(opacity=100); opacity: 1;}
.fkIcon-preview{display: inline-block; vertical-align: middle; height: 24px; width: 24px; background: url(css/img/home_ico.png) -274px -14px no-repeat; margin-right: 3px;}
/*catmore*/
.catmore{font-size:14px;height: 80px;line-height: 40px;overflow:hidden;border-bottom:1px solid #f5f5f5;padding-bottom:20px;padding-top:20px;margin-bottom:20px;}
.catmore a{background: #CC0000;background: linear-gradient(135deg, #cc0000 0%, rgba(255,108,85,1) 100%);background: -moz-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03a3a', endColorstr='#ff6c55', GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);padding: 10px 30px;border-radius: 50px;color:#ffffff;font-size: 15px;}
.catmore a:hover{background:#CC0000;}
/*模板声明*/
.mall-tishi{padding-top: 5px;padding-bottom: 40px;}
.site-tpl-notice{padding: 10px 20px;background: #fff;border: 1px solid #D80A1C;border-radius: 10px;font-size: 14px;line-height: 26px;color: #666;}
/*列表页*/
.mall-mulu{/* padding-bottom:40px; */background: #FE4820;}
.list-bg{background-image: url('img/mall/list-banner.jpg'); background-repeat: no-repeat; background-position: center center; width: 100%; height: 230px;}
/*MALL-SHOW*/
/*宣传aa*/
.mall-show-aa{padding-top:20px;padding-bottom: 0;height: 110px;}
.mall-show-aa-bg{background:#D80A1C;height:90px;line-height:90px; overflow: hidden;}
.mall-show-aa-bg h5{font-size:30px;color:#ffffff;}
.mall-show-aa-bg h5 i{margin:19px;display: block;float: left;}
.mall-show-aa-bg h5 a{color:#333333;font-size:14px;float:right;height:30px;line-height:30px;width:80px;text-align:center;margin-top:30px;margin-right:30px;}
.mall-show-aa-bg h5 a.mall-show-more{background:#FFEB3B;border-radius:3px}
.mall-show-aa-bg h5 a.mall-show-more:hover{background:#FFC107;}
/*1p*/
.mall-show-one{background:#ffffff;padding: 0 0 20px;margin-bottom: 20px;}
/*PC左侧图片*/
.mall-show-pic{width:500px}
.mall-show-pic .biaozhi{left:30px}
/*PC大图*/
.mall-show-pic .pc_bg{background-image: url('../image/mall/bjb1.jpg'); background-repeat: no-repeat; background-position: center center; width: 490px; height: 347px;}
.mall-show-pic dl{position:relative; float:left; overflow:hidden; top: 24px; left: 59px; width: 372px; height: 268px; z-index: 9;}
.mall-show-pic .scrollpic{overflow:hidden;/*position:relative;*/ height: 268px;}
.mall-show-pic .scrollpic{cursor:pointer;}
.mall-show-pic .scrollpic .pic_2{position:absolute; text-align:center;width:372px;}
.mall-show-pic .scrollpic .pic_2 img{width:372px;border-radius: 6px;}
.mall-show-pic .scrollpic .upscr{position:absolute; top:0; left:0; width:100%; height:50%; z-index:9}
.mall-show-pic .scrollpic .downscr{position:absolute; bottom:0; left:0; width:100%; height:50%; z-index:9}

.mall-show-pic .xiaoimg{margin-top: 30px;width: 477px; height: 150px;}
.mall-show-pic .xiaoimg img{width: 477px; height: 150px;}

.mall-show-pic .xiaotxt{margin-top: 5px;width: 490px;/* height: 150px; */}
.mall-show-pic .xiaotxt .tedian{text-align:center;background:#3F51B5;padding: 20px 0;border-radius: 3px;}
.mall-show-pic .xiaotxt .tedian h3{font-weight: bold;font-size: 18px;color: #ffffff;height: 35px;line-height: 35px;margin-bottom: 5px;}
.mall-show-pic .xiaotxt .tedian p{line-height: 25px;color: #ededed;padding: 0 15px;}
/*左侧wap图片*/
.mall-show-wap{width:500px}
.mall-show-wap .biaozhi{left:95px}
/*wap大图*/
.mall-show-wap .pc_bg{width: 224px; height: 470px; background: url(css/img/home_ico.png) -896px -689px no-repeat; margin-left: 135px;}
.mall-show-wap dl{position:relative; float:left; overflow:hidden; top: 39px; left: 12px; width: 200px; height: 356px; z-index: 2;}
.mall-show-wap dl a{width:200px;display:inline-block}
.mall-show-wap .scrollpic{overflow:hidden;/*position:relative;*/height: 356px;}
.mall-show-wap .scrollpic .pic_2{position:absolute;text-align:center;width: 200px;}
.mall-show-wap .scrollpic .pic_2 img{width:200px;border-radius: 6px;}
.mall-show-wap .scrollpic .upscr{position:absolute; top:0; left:0; width:100%; height:50%; z-index:9}
.mall-show-wap .scrollpic .downscr{position:absolute;bottom:0;left:0;width:100%;height:50%;z-index: 1;}
.mall-show-wap .xiaoimg{margin-top: 30px;width: 490px;height: 150px;border-radius: 3px;}
.mall-show-wap .xiaoimg img{width: 490px;height: 150px;border-radius: 3px;}
/* album */
.mall-show-pic #mid_pos{position:absolute;}
.mall-show-pic #mid_div{width: 452px;height: 452px;cursor:crosshair;/* margin: 5px; */border: #E8E8E8 1px solid;background: #FFF;}
.mall-show-pic #zoomer{border:#333333 1px solid;width:120px;height:90px;background:#FFFFFF url('image/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);}
.mall-show-pic #big_div{width:400px;height:300px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
.mall-show-pic #big_pic{position:absolute;}
.mall-show-pic .tbs{/* width: 452px; */margin-left: 25px;}
.mall-show-pic .tbsm{}
.mall-show-pic .ab_im{width: 56px;height: 56px;}
.mall-show-pic .ab_on{width: 56px;height: 56px;}
.mall-show-pic .ab_zoom{margin: 420px 0 0 -30px;}
.mall-taocan #big_div{width: 400px; height: 400px; border: #CCCCCC 1px solid; background: #FFFFFF; position: absolute; overflow: hidden; z-index: 1;}

/*右侧参数*/
.xprice{position: relative;}
/*喜欢*/
.linemb{height:28px;width:113px;float:right;margin-right:30px;position: absolute;right: 20px;top: 38px;}
.dingmb{height:28px; line-height:28px;}
.dingmb .ding{height:28px;line-height: 26px;width:113px;float:right;overflow:hidden;color: #ffffff;text-align:right;padding-right: 8px;}
.dingmb .ding{background:#D80A1C;}
.dingmb .ding p{height:28px;width: 67px;text-align:center;font-size:14px;color:#888888;overflow:hidden;background: #f9eded;float: left;}
.dingmb:hover .ding p{color:#333333;}
.dingmb .ding p em{font-size:13px; font-weight: lighter ; font-style: normal;}
.dingmb span{color:#D80A1C; position:absolute; left:17px;bottom:0px; font-size:17px; display:none;}

/*评分*/
.linemb_stat{/* height: 55px; */overflow: hidden;width: 77px;position: absolute;right: 20px;top: 0;padding: 15px 0 5px;line-height: initial;text-align: center;}
.linemb_stat span{width:100%;display:inline-block;font-size: 12px;height: 18px;line-height: 18px;}
.linemb_stat em{width:100%;font-size: 24px;height: 28px;line-height: 28px;}
.linemb_stat span.star_pic{height: 15px;line-height: 15px;}

/*版本选择*/
.gw_clear{height: 0px; line-height: 0px; clear: both;}
.mall-show-canshu{width: 685px;}
.mall-show-canshu .title_trade{font-weight: bold;font-size: 20px;margin: 0 0 0px 0;padding: 0 0 8px 0;border-bottom: 0;}
.mall-show-canshu .title_trade .biaozhi{height: 20px;line-height: 20px;border-radius: 3px;float: left;position: static;margin-top: 3px;margin-right: 5px;color: #FFFFFF;}
.mall-show-canshu .title_trade .biaozhi.bzbg1{color: #FFFFFF;}
.mall-show-canshu .title_trade .biaozhi.bzbg2{color: #FFFFFF;}
.mall-show-canshu .title_trade .biaozhi.bzbg3{color: #FFFFFF;}
.mall-show-canshu .title_trade .biaozhi.bzbg4{color: #FFFFFF;}
.mall-show-canshu .title_trade .biaozhi.bzbg5{color: #FFFFFF;}
.mall-show-canshu .title_trade .biaozhi.bzbg6{color: #FFFFFF;}
.mall-show-canshu .title_trade .biaozhi.bzbg7{background: #e7fbe8;color: #4CAF50;}
.mall-show-canshu i.yuanchuang{border: #009688 1px solid;color: #009688;padding: 0 5px;font-size: 13px;float:left;margin-right:10px;border-radius: 3px;display: inline-block;height: 22px;line-height: 22px;margin-top: 9px;}
.mall-show-canshu i.ziying{background-color:#D80A1C;color:#fff;padding:3px 10px;font-size:14px;float:left;margin-right:10px;/* margin-top: 2px; */line-height: 18px;height: 26px;}
.mall-show-canshu i.yuanchuang:nth-of-type(2){border: #D80A1C 1px solid;color: #D80A1C;}
.mall-show-canshu i.yuanchuang:nth-of-type(3){border: #FF5722 1px solid;color: #FF5722;}
.mall-show-canshu i.yuanchuang:nth-of-type(4){border: #FF9800 1px solid;color: #FF9800;}
.mall-show-canshu i.yuanchuang:nth-of-type(5){background-color:#FFC107;}
.mall-show-canshu i.yuanchuang:nth-of-type(6){background-color:#FFEB3B;}
.mall-title-guarantee{margin-bottom: 10px;width:100%;display: inline-block;}
.mall-taocan{}
.plan-get-form-mini {
    box-sizing: border-box;
    width: 100%;
    padding: 168px 20px 30px;
    background: #E8EDF2 url(../image/mall/sell-r-1.png) no-repeat center top;
}
.showallprice{background-image: url('../image/mall/jiabei.png');background-size:100%;padding: 10px;font-size: 15px;}
.showallprice td.f_price{width:100px;}
.xbase_item{width: 100%;min-height: 80px;border-bottom: #eeeeee 1px solid;margin-bottom: 25px;zoom: 1;background-image: url('img/mall/jiabei.png');background-size:100%;overflow: hidden;padding: 10px 0;}
.xbase_item{background-image:url('../image/mall/mall_show_bg.png');}
.xbase_item .xbase_col2{height: 35px; line-height: 35px;}
.tm-price{ font-size: 16px;}
.xbase_item .xbase_col2{height: 35px; line-height: 35px;}
.xprice_val{float: left; display: inline; margin: 0 10px 0 0; font-size: 22px; color: #D80A1C; font-weight: bolder;}
.xprice_val i{font-size:20px}
.tm-yen{vertical-align: middle; color: #D80A1C; font-size: 16px; font-family: Arial; -webkit-font-smoothing: antialiased;font-weight:700}
.xbase_item .xbase_col2 .hpj{background:#FCF2EF;border: 1px solid #f7e2dc;margin-right:5px;margin-bottom: 3px;padding: 2px 5px;overflow:hidden;font-size: 12px;border-radius: 3px;}
/*套餐选择*/
.attr_all_same{margin-bottom: 2px;display: inline-block;width: 100%;}
.attr_all_same .attr_same{width: 84px; float: left; height: 31px; padding-bottom: 1px; line-height: 31px; font-weight: normal; color: #777777;}
.catt{height: auto; padding-bottom: 5px; line-height: 30px; float: left; padding-left: 1px;}
.catt a{}
.catt a img{}
.catt{position:relative;}
.attr_all_same .setmeal{border: 1px solid #D80A1C;padding: 0px 8px 0px;margin-right: 15px;height: 28px;line-height: 26px;cursor: default;color: #fb3546;}
.attr_all_same .setmeal:hover{background:#D80A1C;color:#ffffff}
.attr_all_same .bbqb a{color: #e60000!important; font-weight: bold; font-size: 14px; margin-left: 10px; padding-right: 0; margin-right: 0;}
.ying{display:none}
.attr_all_same .setmeal:hover .ying{display:block}
.attr_all_same .setmeal .setmealcon{position:absolute;top: 27px;left: 1px;width: 450px;background: #D80A1C;color: #ffffff;border: 1px solid #D80A1C;padding: 15px;font-size: 14px;z-index: 10;}
.attr_all_same .setmeal .setmealcon em{font-size:20px;background:#ffffff;border-radius:50px;color:#D80A1C;padding:10px 8px}
.attr_all_same .setmeal .setmealcon i{color:#FFEB3B}
.attr_all_same .bbqb{margin-top:3px}
.attr_all_same .bbqb a{color:#e60000!important;font-weight:bold;font-size: 14px;}
.attr_all_same .spec_name{width: 64px; float: left; height: 31px; padding-bottom: 1px; line-height: 31px; font-weight: normal; color: #777777;}
/*参数li*/
.mall-show-canshu-z{
    overflow: hidden;
}
.mall-show-canshu-li{height: 40px;line-height: 40px;overflow: hidden;}
.mall-show-canshu-li span{width: 84px; float: left; height: 40px; line-height: 40px; color: #777777;}
.mall-show-canshu-li .catt{height:40px;line-height:40px}
.mall-show-canshu-li .catt a{margin-right:8px}
.mall-show-canshu-li .catt i{font-size: 16px;}
.mall-show-canshu-li .catt i.icon-zhifubao{color:#08A1F8}
.mall-show-canshu-li .catt i.icon-weixin2{color:#08BE14}
.mall-show-canshu-li .catt i.icon-yinhangqia{color:#D80A1C}
.mall-show-canshu-li .catt img{margin-top:9px}
.mall-show-canshu-z1{}
.mall-show-canshu-z1 li{float:left;width:50%;}
/*下单区域*/
.sh-order-btn-wa{position: relative;margin-top: 26px;overflow: hidden;}
.sh-order-btn-wa a{position: relative;display: inline-block; *display: inline;*zoom: 1;height: 43px;line-height: 42px;text-align: center;font-size: 14px;border-radius: 3px;}
.sh-order-btn-wa .sh-order-btn{width: 130px;background-color: #D80A1C;color: #fff;margin-right: 10px;}
.sh-order-btn-wa .sh-order-btn i{font-size:20px;margin-right: 8px;vertical-align: bottom;}
.sh-order-btn-wa .sh-order-btn:hover{opacity: .9;filter:alpha(opacity=90);}
.sh-order-btn-wa .sh-order-btn-cart{background:#ff6600}
.sh-order-btn-wa .xx-btn{background:#fff4f4;color:#ee2e2c;border: 1px solid #ee2e2c;}
.sh-order-btn-wa .xx-btn:hover{/* color:#ffffff */}
.sh-order-btn-wa .sh-order-down{width: 155px; background-color: #057b0a; color: #fff; margin-right: 10px}
.sh-order-btn-wa .sh-order-down i{font-size:21px;margin-right: 8px;vertical-align: top;}
.sh-order-btn-wa .sh-order-down:hover{background-color: #18901d}
.sh-order-btn-wa .sh-add-collection{
    position: relative;
    height: 43px;
    border: 1px solid #a0a0a0;
    padding: 0 17px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 43px;
    line-height: 42px;
    border-radius: 3px;
    font-size: 14px;
    border-radius: px;
    cursor: pointer;
}
.sh-order-btn-wa .sh-add-collection b{font-weight:normal;margin-left:3px}

.sh-order-btn-wa .sh-add-collection.moban_fav i{font-size:18px;margin-right: 8px;vertical-align: bottom;}
.sh-order-btn-wa .sh-add-collection:hover,.sh-order-btn-wa .sh-add-collection.ok_red{background:#D80A1C;border: 1px solid #D80A1C;color:#ffffff}
.sh-order-btn-wa .sh-add-liulan{position: relative;width: 130px;height: 43px;background: #FFFFFF;color: #474747;margin-right: 10px;border: #d2d2d2 1px solid;}
.sh-order-btn-wa .sh-add-liulan i{font-size:18px;margin-right: 8px;vertical-align: bottom;}
.sh-order-btn-wa .sh-add-liulan:hover{/* background-color: #383333; */border: 1px solid #D80A1C;color: #D80A1C;}
.sh-order-btn-wa .sh-add-shouhou{width: 120px;border: 1px solid #a0a0a0;margin-right: 10px;}
.sh-order-btn-wa .sh-add-shouhou i{font-size:20px;margin-right: 8px;vertical-align: bottom;}
.sh-order-btn-wa .sh-add-shouhou:hover{border-color: #D80A1C}
/*模板网宗旨*/
.mubanzz{/* border-top: 1px dotted #e3e3e3; */padding-top: 10px;margin-top: 20px;}
.mubanzz .feature{font-size:14px;/* float: left; *//* width: 500px; */height: 60px;line-height: 60px;padding: 0 100px;background: #FDF4ED;}
.mubanzz .feature span{position:relative;white-space:nowrap;_margin-right:33px;*margin-right:33px;color: #2A3457;width: 24%;display: inline-block;}
.mubanzz .feature span i{font-size: 20px;margin-right: 5px;/* color: #D80A1C */}
.mubanzz .feature span.i-1 i{font-size: 27px;color:#333333}
.mubanzz .feature span.i-2 i{font-size: 27px;color:#333333}
.mubanzz .feature span.i-3 i{font-size: 27px;color:#333333}
.mubanzz .feature span.i-4{margin-right:0}
.mubanzz .feature span.i-4 i{font-size: 30px;color:#333333}
.mubanzz .feature span.i-5 i{}
.mubanzz .freedown{background:#057B0A;width: 500px;height: 62px;line-height: 62px;text-align:center;border-radius: 3px;}
.mubanzz .freedown a{font-size: 26px;color:#ffffff;display: block;}
.mubanzz .freedown a i{font-size:32px;vertical-align: top;margin-right: 15px;}
.shengm{width: 490px;padding: 15px;background-color: #f9f5cb;line-height: 20px;font-size: 13px;border-radius: 3px;border: 1px solid #f9f5cb;margin-top: 20px;padding-top:5px}
.shengm p{margin-top:10px}
/*mall-show-r*/
.mt-20 { margin-top: 20px !important; }
.mb-20 {margin-bottom: 20px !important;}
.u-input, .u-select { box-sizing: border-box; width: 360px; height: 40px; padding: 10px 54px 10px 12px; border: 1px solid #E0E6ED; background-color: #ffffff; outline: none; }
/**/
.detail-page-slide {width: 290px;float: right;margin-top: 20px;}
.server-type-ask{box-sizing: border-box;padding: 20px;background-color: #ffffff;}
.server-type-ask img{display: block;width: 100%;height: 250px;}
.server-type-ask p{width: 100%;max-height: 44px;margin-top: 18px;line-height: 22px;font-size: 16px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.server-type-ask p span{margin-left: 8px; color: rgba(104, 111, 136, 0.8);}
.server-type-ask .btn{display: block;height: 38px;line-height: 38px;margin-top: 16px;padding: 0;text-align: center;}
/**/
.m-recommend, .m-recommend-mini, .m-recommend-nano{box-sizing: border-box;width: 100%;margin-left: auto;margin-right: auto;background-color: #ffffff;overflow: hidden;}
.m-recommend .swiper-container, .m-recommend-mini .swiper-container, .m-recommend-nano .swiper-container{padding: 24px 20px 20px;}
.m-recommend .recommend-link-btn-wrap, .m-recommend-mini .recommend-link-btn-wrap, .m-recommend-nano .recommend-link-btn-wrap{padding: 20px;}
.m-recommend .recommend-link-btn-wrap .btn, .m-recommend-mini .recommend-link-btn-wrap .btn, .m-recommend-nano .recommend-link-btn-wrap .btn{padding: 0 26px;}
.m-recommend{width: 1200px;}
.m-recommend .swiper-slide{display: block; box-sizing: border-box; width: 373px; padding-bottom: 20px; border: 1px solid #E8EDF2; overflow: hidden;}
.m-recommend .swiper-slide img{display: block; width: 373px; height: 192px; position: relative; top: -1px; left: -1px;}
.m-recommend .swiper-slide p{height: 44px; margin: 20px 20px 0; color: #293140; font-size: 16px; line-height: 22px; overflow: hidden;}
.m-recommend a.swiper-slide:hover{box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
.m-recommend a.swiper-slide:hover p{color: #E87B2A;}
.m-recommend-mini .swiper-slide{display: block; box-sizing: border-box; width: 270px; padding-bottom: 20px; border: 1px solid #E8EDF2; overflow: hidden;}
.m-recommend-mini .swiper-slide img{display: block; width: 100%; height: 134px;}
.m-recommend-mini .swiper-slide p{height: 22px; margin: 20px 20px 0; color: #293140; font-size: 16px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-recommend-mini .swiper-slide span{display: block; height: 40px; margin: 12px 20px 0; line-height: 20px; color: #9FA3B3; overflow: hidden;}
.m-recommend-mini .swiper-slide .recommed-doings-titile{margin: 15px 20px 0;}
.m-recommend-mini .swiper-slide .recommed-doings-time, .m-recommend-mini .swiper-slide .recommed-doings-address{height: 20px; position: relative;}
.m-recommend-mini .swiper-slide .recommed-doings-time i, .m-recommend-mini .swiper-slide .recommed-doings-address i{margin-right: 8px; color: #9FA3B3; vertical-align: middle;}
.m-recommend-mini .swiper-slide .recommed-doings-time{margin: 21px 20px 0;}
.m-recommend-mini .swiper-slide .recommed-doings-time::before{width: 14px; height: 14px; top: 3px;}
.m-recommend-mini .swiper-slide .recommed-doings-address::before{width: 12px; height: 16px; top: 2px;}
.m-recommend-mini a.swiper-slide:hover p{color: #E87B2A;}
.m-recommend-nano .m-recommend-head{height: 65px; line-height: 65px;}
.m-recommend-nano .m-recommend-head h5{padding-left: 40px; font-size: 18px;}
.m-recommend-nano .m-recommend-head h5::before{height: 16px; left: 20px; top: 25px;}
.m-recommend-nano .m-recommend-head p{margin: 20px 20px 0 0; float: right;}
.m-recommend-nano .m-recommend-head i{display: block; width: 24px; height: 24px; line-height: 22px;}
.m-recommend-nano .swiper-container{box-sizing: border-box; height: 595px; margin: 20px 20px 0; padding: 0; overflow: hidden;}
.m-recommend-nano .swiper-slide a{display: block; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #E0E6ED;}
.m-recommend-nano .swiper-slide img{display: block; width: 100%; height: 128px;}
.m-recommend-nano .swiper-slide p{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%; height: 20px; margin-top: 16px; line-height: 20px; color: #2A3457;}
.m-recommend-nano .swiper-container.alone{height: 320px;}
.m-recommend-nano .swiper-container.alone .swiper-slide img{height: 248px;}
.m-recommend-nano .swiper-container.alone .swiper-slide span{margin-left: 8px; color: #686F88;}
.m-recommend-nano .btn{display: block; width: 248px; margin: 0 auto 20px; padding: 0; text-align: center;}
.m-recommend-head{height: 80px; line-height: 80px; border-bottom: 1px solid #E8EDF2;}
.m-recommend-head h5{padding-left: 44px; font-size: 24px; position: relative; float: left;}
.m-recommend-head h5::before{content: ''; display: block; width: 4px; height: 20px; background-color: #E87B2A; position: absolute; left: 24px; top: 30px;}
.m-recommend-head p{margin: 24px 20px 0 0; float: right;}
.m-recommend-head i{display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; float: left; border: 1px solid #E8EDF2; color: #2A3457; cursor: pointer;}
.m-recommend-head i:last-child{border-left: none;}
.m-recommend-list li{width: 100%; height: 276px;}

.xiaohei_fixed{width:290px}
/*精品模板推荐*/
.mall-show-tuijian{margin-top: 20px;}
.mall-show-tuijian .mall-show-tuijian-s{padding:20px;background: #ffffff;overflow:hidden;}
.mall-show-tuijian .mall-show-tuijian-s h3{font-size: 18px;color: #282828;font-weight: 600;margin: 0;padding-bottom: 8px;margin-bottom: 28px;position: relative;}
.mall-show-tuijian .mall-show-tuijian-s h3:after{content: ""; background-color: #282828; left: 1px; width: 50px; height: 2px; bottom: -2px; position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.mall-show-tuijian .mall-show-tuijian-s:hover h3::after{width: 70px;}
.mall-show-tuijian h3 span{font-size: 14px; font-weight: normal;}
.mall-show-tuijian-ul{overflow: hidden;}
.mall-post{float: left;width: 242px;overflow: hidden;margin-right: 20px;/* border: 1px solid #f5f5f5; */}
.mall-post-img{width: 242px;height: auto;text-align:center;overflow: hidden;}
.mall-post-img img{width: 242px;padding-top:1px;}
.mall-post:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s;}
.mall-post h4{height: 45px;line-height: 45px;text-align:center;background: #f9f9f9;}
.mall-post h4:hover{color: #D80A1C}
.mall-post.no-mr{margin-right:0}
@media screen and (min-width: 1200px) and (max-width: 1399px){
	.mall-post { width: 148px;}
	.mall-post-img, .mall-post img {width: 100%;height: auto;}
}
/*售后说明*/
.shouhou{border-collapse:collapse;border-spacing:0}
.shouhou{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width: 100%;margin:0 auto 20px auto;font-size:14px;line-height: 35px;}
.shouhou th{background-color:#f9f9f9;text-align:center}
.shouhou th,.shouhou td{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:10px 10px}
.shouhou tr:nth-child(even){background-color: #f9f9f9;}
.shouhou th{padding:0}
/*购前须知*/
.Left{float:left}
.Right{float:right}
.mall_c{}
.mall_c .tab_body{padding: 10px 0}
.mall_c .tab_body .icon .ey-iconfont{font-size: 22px;}
.mall_c .tab_body .list_mall_show{border-bottom: 1px dashed #e1e1e1; padding: 10px 20px 20px; overflow:hidden;}
.mall_c .tab_body .list_mall_show .icon{background: #D80A1C; height: 30px; width: 30px; line-height: 30px; color: #ffffff; text-align: center; border-radius: 50%;}
.mall_c .tab_body .list_mall_show .question{height: 50px;line-height: 50px;}
.mall_c .tab_body .list_mall_show .question .icon{margin-top:10px}
.mall_c .tab_body .list_mall_show .answer{color:#888888;font-size:15px;padding-top:5px}
.mall_c .tab_body .list_mall_show .answer .icon{background: #38a03c; margin-top: 0px;}
.mall_c .tab_body .list_mall_show .Right{width: 740px;}
.mall_c .tab_body .list_mall_show .question .Right{line-height: 50px; color: #666666; font-size: 16px;}
.mall_c .tab_body .list_mall_show .answer .Right{line-height: 1.8}
.mall_c .tab_body .list_mall_show .answer .Right a{color:#D80A1C}
/*我们的优势*/
.mall-show-youshi-ul{}
.mall-show-youshi-ul .tuan{/* padding:15px; */overflow: hidden;}
.mall-show-youshi-ul .tuan li{width: 16.6%;float:left;text-align: center;padding-top: 25px;}
.mall-show-youshi-ul .tuan li img{width: 100px;height: 100px;overflow: hidden;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}
.mall-show-youshi-ul .tuan li:hover img{-webkit-transform:rotate(360deg) scale(1.05); -moz-transform:rotate(360deg) scale(1.05); -ms-transform:rotate(360deg) scale(1.05); -o-transform:rotate(360deg) scale(1.05);}
.mall-show-youshi-ul .tuan .tuan02{padding: 5px 30px;text-align: center;}
.mall-show-youshi-ul .tuan .tuan02 h2{font-size: 17px;height: 35px;line-height: 35px;color:#666;font-weight: 600;}
.mall-show-youshi-ul .tuan .tuan02 p{color: #888888;font-size: 13px;line-height: 20px;text-align: center;}
/*fabu xuqiu*/
.fabu_need{width: 100%; height: 207px; display: block; background: #fff}
.fabu_need .post_demand_logo{padding-top: 55px;text-align: center;width: 1200px;margin: 0 auto;}
.fabu_need .post_demand_logo .cti{font-size: 19px;color: #595757;margin-bottom: 30px;}
.fabu_need .post_demand_logo .demand_btn{display: inline-block;width: 284px;height: 41px;line-height: 41px;background: #D80A1C;color: #fff;text-align: center;font-size: 18px;overflow: hidden;cursor: pointer;border-radius: 22px;background: rgba(240,58,58,1);background: -moz-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(240,58,58,1)), color-stop(100%, rgba(255,108,85,1)));background: -webkit-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -o-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -ms-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: linear-gradient(135deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03a3a', endColorstr='#ff6c55', GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);}
.fabu_need .post_demand_logo .demand_btn:hover{-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;-ms-transition: .3s;transition: .3s;background-color: #980916;}
/*old*/
.sell_tip{width:180px;height:70px;background:url('image/sell_tip.gif') no-repeat;overflow:hidden;z-index:1000;position:absolute;}
.sell_tip p{margin:0 0 4px 2px;font-weight:bold;}
.sell_tip div{padding:8px 0 0 10px;}
/*
.tool{padding:8px 0;border-bottom:#DDDDDD 1px solid;}
.tool table{width:100%;}
.tool select{padding:2px;}
.tool-btn{background:url('image/btn_1.gif') no-repeat;height:22px;line-height:22px;width:70px;padding:0 0 0 10px;border:none;cursor:pointer;}
.tool-btn:hover{background:url('image/btn_2.gif') no-repeat;}
*/
.img_list li{height:22px;line-height:22px;overflow:hidden;}
.list_price{color:#808080;width:100px;}
.list_price strong{font-family:Arial;color:#D80A1C;font-weight:bold;font-size:16px;}
.list_count{color:#404040;width:100px;}
.list_count span{color:#808080;text-decoration:underline;}
.mall_tab{width: 100%;height: 54px;background: #ececec;font-size: 16px;margin-top: 20px;z-index: 1;}
.mall_tab_1,.mall_tab_2,.current{float:left;padding: 16px 26px 16px;border-right: #e2e2e2 1px solid; z-index: 1;}
.mall_tab_2,.mall_tab_1:hover ,.current{background:#ffffff;font-weight:bold;border-top: 2px solid #222;/* margin-top: -1px; */height: 54px;}
.tabb{/* margin-top:74px */}
.mall_c{border-top:none;padding: 35px;background: #ffffff;padding-top: 0;}
.mall_c_1{padding-top: 35px;}
.mall_c_1 h3{margin-bottom:10px;font-weight:bold;position:relative;padding-left: 10px;}
.mall_c_1 h3:after {
    content: "";
    background-color: #D80A1C;
    left: 0;
    width: 5px;
    height: 18px;
    top: 2px;
    bottom: 0;
    position: absolute;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
}
.mall_c .content p img{margin-left:0;max-width: 1260px;}
.mall_c .content img{max-width: 1260px;}
.cc_inp{border:#CCCCCC 1px solid;text-align:center;padding: 6px;margin: 0 3px;}

.stat {padding:15px 0 10px 0;}
.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;border-radius: 5px;overflow: hidden;margin-top: 7px;}
.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}
.comment-filter {background:#F3F3F3;padding:12px 16px;overflow: hidden;}
.comment-filter input{display: none;}
.comment-filter label{height: 33px;line-height: 33px;padding: 0 15px;margin-right: 10px;position: relative;text-align: center;border: 1px solid #cacaca;background: #ffffff;cursor: pointer;z-index: 1;border-radius: 3px;display: inline-block;float: left;}
.comment-filter input:checked+label,.comment-filter label:hover{z-index: 2;border-color: #D80A1C;color: #D80A1C;background: #ffffff;}

.comment {padding:16px 0;border-bottom:#EEEEEE 1px solid;overflow:hidden;}
.comment-l {width: 55px;float:left;text-align:center;margin-right:24px;font-size: 12px;}
.comment-l img {width:48px;height:48px;border-radius:50%;margin-bottom:12px;}
.comment-l b {display:block;width:100%;}
.comment-r {float:left;width: 94%;overflow:hidden;}
.comment-r ul {margin-top:12px;overflow:hidden;}
.comment-r li {width:84px;height:84px;float:left;}
.comment-r li img {width:64px;height:64px;border:#EEEEEE 1px solid;padding:2px;cursor:pointer;}
.comment-r p {margin:0;overflow:hidden;clear:both;display:none;}
.comment-r p img {max-width:800px;cursor:pointer;}
.comment-info {padding:0 0 10px 0;}
.comment-info span {float:right;color:#666666;}
.comment-content {font-size:14px;line-height:24px;}
.comment-reply {font-size:14px;line-height:24px;color: #D80A1C;margin-top:10px;/* border-top:#EAEAEA 1px dotted; */padding: 10px;clear:both;background-color: #f7f7f7;}
.comment-reply span {float:right;color:#666666;font-size:12px;}
.comment-empty {padding:128px;text-align:center;color:#666666;font-size:14px;}

.relate_1,.relate_2 {display:inline-block;height:40px;float:left;margin:0 6px 6px 0;border-radius: 3px;}
.relate_1 img,.relate_2 img {width:40px;height:40px;float:left;}
.relate_1 b,.relate_2 b {float:left;display:inline-block;max-width:320px;height:40px;line-height:40px;overflow:hidden;font-weight:normal;padding:0 10px;}
.relate_2 em {}
.relate_1 a:link,.relate_1 a:visited,.relate_1 a:active {display:inline-block;height: 44px;border: #CCCCCC 1px solid;border-radius: 5px;}
.relate_1 a:hover {border:#D80A1C 1px solid;}
.relate_2 a:link,.relate_2 a:visited,.relate_2 a:active,.relate_2 a:hover {display:inline-block;height: 44px;color:#333333;border: #D80A1C 1px solid;background:url('image/relate_on.gif') no-repeat right bottom;border-radius: 3px;}

.step_price{background:#EEEEEE;text-align:center;}
.step_price td{border-right:#DDDDDD 1px solid;}

.promos{float: left;margin-top: 8px;}
.promos span{display: inline-block;float:left;height: 24px;line-height: 24px;font-size: 12px;padding: 0px 6px;margin-right:10px;background:#FFDEDF;color:#DF3033;/* border-left:#DF3033 1px dotted; *//* border-right:#DF3033 1px dotted; *//* border-top:#DF3033 1px solid; *//* border-bottom:#DF3033 1px solid; */}
.promos .cost{position:relative;overflow:hidden;}
.promos .cost .cost_1{background: #F2F9FF;position:absolute;left: -6px;top: 7px;width:10px;height:10px;border-radius:50px;}
.promos .cost .cost_2{background: #F2F9FF;position:absolute;right: -6px;top: 7px;width:10px;height:10px;border-radius:50px;}
.promos span:hover{/* background:#FFFFFF; */font-weight: bold;}

.nv_1,.nv_2,.nv_3{float:left;padding: 5px 12px;margin:0 5px 5px 0;cursor:pointer;line-height: 20px;border-radius: 5px;}
.nv_1{border:#CCCCCC 1px solid;}
.nv_2{border: #D80A1C 1px solid;background:url('image/relate_on.gif') no-repeat right bottom;}
.catt .nv_1:hover,.nv_3{border:#D80A1C 1px solid;}
.cart_info{height:33px;overflow:hidden;border:#DDDDDD 1px solid;background:#F7F7F7 url('image/cart_info.gif') no-repeat 10px center;}
.cart_info div{padding:8px 0 0 40px;}
.mthumb{padding:5px 0 5px 0;}
.mthumb img{margin:3px;}
.mthumb li{height:24px;line-height:24px;overflow:hidden;}

.head-txt{padding:15px 0}
.list-view{background: #ffffff;padding: 20px;padding-left: 0;padding-bottom: 0;padding-right: 0;}
.list-view:after{content:"";display:block;clear:both;}
.list-view div{width: 220px;float:left;background: #fbfbfb;margin-left: 20px;margin-bottom: 20px;padding: 8px;}
.list-view div img{width:100%;height:100%}
.list-view img:hover{/* border-left:#FFFFFF 1px solid; */}
.list-view ul{margin: 6px 0 6px 0;}
.list-view li{height:24px;line-height:24px;overflow:hidden;font-size:14px;}
.list-view i{font-size: 18px;font-family:Verdana;font-weight:100;font-style:normal;color: #ff6600;float:right;display:none;}
.list-view div:hover i{display:inline;}
.list-view-msg{padding:96px;text-align:center;font-size:16px;}
/*模板升级时间戳*/
.main-timeline{overflow: hidden;position: relative;margin: 25px 0;margin-right: 25px;}
.time-axis{margin: 0;padding: 0;position: relative;}
.time-axis:before{content: '';position: absolute;left: 26px;top: 17px;width: 2px;height: 100%;background-color: #E4E4E4;}
.time-axis-item{list-style: none;padding-left: 50px;position: relative;line-height: 45px;font-size: 14px;color: #141414;margin-bottom: 20px;}
.time-axis-achievement{margin: 0;}
.time-axis-date{position: absolute;left: 0;top: 15px;color: #666;}
.time-axis-date span{position: absolute;right: -34px;top: 35%;display: block;width: 13px;height: 13px;border: 1px solid #ccc;border-radius: 100%;background-color: #fff;}
.time-axis-date span:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 7px;height: 7px;margin: auto;background-color: #ccc;border: 1px solid #ccc;border-radius: 100%;}
.time-axis-item.new .time-axis-date span{border-color: #D80A1C;}
.time-axis-item.new .time-axis-date span:after{background-color: #D80A1C;border-color: #D80A1C;}
.time-axis-item.new .time-axis-date{color:#D80A1C}
.time-axis-title{}
.time-axis-title .time-axis-time{font-size:12px;color:#777777}
.time-axis-title .time-axis-txt{
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    color: #303133;
    transition: .3s;
    padding: 10px 15px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.time-axis-title .time-axis-txt .upgrade-title{font-size: 18px;margin-bottom: 0px;line-height: 35px;height: 35px;}
.time-axis-title .time-axis-txt .upgrade-introduce{line-height:23px;color:#666666}

/**/

.btn {display: inline-block;box-sizing: border-box;padding: 0 40px;height: 40px;line-height: 40px;font-size: 14px;width: auto;}
.btn.hide {display: none}
.btn:hover {text-decoration: none;background: #D80A1C;border: 0;}
.btn-gray{background-color: #F1F4F7; color: #686F88;}
.btn-gray:hover{color: #686F88; box-shadow: 0px 6px 18px -9px #cfd9e6;}
.btn-line-orange{border: 1px solid #D80A1C; color: #D80A1C; background-color: #ffffff;}
.btn-line-orange:hover{background-color: #D80A1C; color: #ffffff; box-shadow: 0px 6px 18px -9px #D80A1C;}
.btn-line-gray{border: 1px solid #E0E6ED; background-color: #ffffff; color: #686F88;}
.btn-line-gray:hover{color: #686F88; background-color: #F7F9FA; box-shadow: 0px 6px 18px -9px #CFD9E6;}
.btn-line-white{color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.3);}
.btn-line-white:hover{border-color: #E87B2A; background-color: #E87B2B; box-shadow: 0px 6px 18px -9px #E87B2A; color: #ffffff;}

/**/
.mall-qrcode{position:relative;}
.mall-qrcode .qrcode-txt{height:54px;line-height:54px;width: 130px;text-align:center;}
.mall-qrcode .qrcode-txt i{margin-right: 3px;font-size: 20px;vertical-align:bottom}
.mall-qrcode .qrcode-img{display:none;position:absolute;top:54px;right:0;background: #ffffff;padding: 10px;box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3);-webkit-box-shadow: 0px 8px 20px 0px rgba(0,36,100,0.3);-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border-radius: 0 0 3px 3px;}
.mall-qrcode .qrcode-img 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;
}
.mall-qrcode .qrcode-img p{text-align:center;font-size:14px;margin-top: 4px;}
.mall-qrcode:hover .qrcode-img{display:block}

.section-catid-4 .img {background-image:url(images/4-banner-img.png);margin-top:80px;height: 320px;}
.section-catid-6 .img {background-image:url(images/6-banner-img.png);margin-top:80px;height: 320px;}
.section-catid-7 .img {background-image:url(images/7-banner-img.png);margin-top:80px;height: 320px;}
.section-catid-32 .img {width: 655px;background-image:url(images/dz221/6f-img.png);background-size: cover;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;margin-top:112px;height: 260px;}


/*评论列表*/
.comment-main{width: 100%;background: #FFF;border-bottom: 3px solid #eee;margin-top: 30px;font-size: 12px;color: #666;line-height: 14px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.comment-main:hover{border-bottom: 3px solid #009b4c;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC;}
.comment-title{width: 100%;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC;}
.comment-title span{float: left;height: 50px;font-size: 14px;line-height: 50px;display: block;padding: 0 30px;background: #009b4c;color: #FFF;}
.comment-show-box{margin: 20px 12px}
.comment-show-box .pl-box2{width:100%;padding-top:20px;}
.comment-show-box .pl-box2 dl{float: left;width: 100%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE;}
.comment-show-box .pl-box2 dl dt{float: left;width: 50px;margin-right: 15px;}
.comment-show-box .pl-box2 dl dt img{width: 50px;height: 50px}
.comment-show-box .pl-box2 dl dd{float: right;width: 730px;}
.comment-show-box .pl-box2 dl dd h1{font-weight: 700;font-size: 100%;}
.comment-show-box .pl-box2 dl dd h1 span{color: #656565;font-weight: 400;float: right;}
.comment-show-box .pl-box2 dl dd p{margin-top: 10px;line-height: 20px}
.comment-show-box .pl-box2 dl dd p.xz-fc1{color: #009b4c;}
.comment-show-box .xz-cb{zoom: 1}
.comment-show-box .xz-cb:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."}
.c-more {text-align: center;line-height: normal;}
/* 评论 */
.xz-fl{float: left}
.xz-fr{float: right}
.xz-fc1{color: #C90304}
.xz-fc2{color: #656565}
.xz-cb:after,.xz-cbli li:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."}
.xz-pr,.xz-prz{position: relative}
.pl-box{width: 825px}
.pl-box dl{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE}
.pl-box dl dt{width: 50px;margin-right: 15px}
.pl-box dl dt img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 50px;height: 50px}
.pl-box dl dd{width: 760px}
.pl-box dl dd p{margin-top: 10px;line-height: 20px}
.pl-more{padding: 12px;background: #FAFAFA;border: 1px solid #EEE}
.fb-box{background: #FAFAFA;border: 1px solid #EEE;margin-top: 20px}
.fb-box dl{padding: 12px}
.fb-box dl dt{width: 50px;margin-right: 15px}
.fb-box dl dt img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 50px;height: 50px}
.fb-box dl dd p textarea{width: 708px;height: 120px;line-height: 20px;padding: 12px;border: 1px solid #EEE}
.fb-box-div{margin-top: -1px;background: #FAFAFA;border-radius: 0 0 5px 5px}
.fb-box-div input{-webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;-ms-border-radius: 0 0 5px 0;-o-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;position: absolute;top: -1px;right: -1px;width: 80px;height: 39px;line-height: 39px;background: #AAA;color: #FFF;border: 0}
.fb-box-div input:hover{background: #C90304;color: #FFF}
.fb-box dl dd p textarea:focus{border: 1px solid #C90304;box-shadow: 0 0 10px 0 #C90304}