/* ==========================================================================
   Index Page
   ========================================================================== */
.nbg{ background-color: #f4f4f4; padding: 3rem 0;}

.psub{ background-color: #fff; border: 1px solid #eee; border-top: 3px solid #db261f; padding: 2rem;}
.psub li{ float: left; border-bottom: 1px dashed #eee; padding: 0 1%; line-height: 50px; min-width: 8%;}
.psub a{ font-size: 16px;}
.psub a.atit{ font-weight: bold;}
.psub a:hover,.psub a.active{ text-decoration: revert; color: #db261f;}

.psub-tit{ background-color: #db261f; width: 58px; height: 58px; border-radius: 58px; position: fixed; top: 120px; right: 0; color: #fff; text-align: center; line-height: 20px; font-size: 16px; box-sizing: border-box; padding-top: 10px; display: none; z-index: 1000000;}

.img-box{ margin-bottom: 3rem; position: relative; border-radius: 15px 15px 0 0;     overflow: hidden;} 
.img-box a{ background-color: #fff; padding: 0;position: relative;}
.img-box .icon{ background-color: transparent;border-radius: 15px; border: 3px solid #db261f; }
.img-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.img-box .pdot-hot{ background: url(../img/pdot_b.png) no-repeat 0 0; width: 89px; height: 36px; background-size: 100% auto; position: absolute; bottom: 0px; right: 0px; z-index: 1000; color: #fff; text-align: center; line-height: 27px;}
.img-box .pdot-new{ background: url(../img/pdot_n.png) no-repeat 0 0; width: 89px; height: 36px; background-size: 100% auto; position: absolute; top: 14px; right: 3px; z-index: 1000; color: #fff; text-align: center; line-height: 27px;}
.img-box .ntit{ line-height: 55px; padding:0 2rem;}
.img-box .ntit span{ display: block; font-size: 15px; color: #444; text-align: center;}
.img-box a:hover,.img-box:hover a{ /*background-color: #db261f;*/}
.img-box a:hover .ntit span,.img-box:hover a .ntit span{ /*color: #fff;*/ color: #444;}
.img-box .price{ position: absolute; z-index: 2; cursor: pointer; bottom: 10px; left: 6px; color: #db261f;}
.img-box:hover .price{ color: #fff;}

.cate-tool{ border: 1px solid #eee; background: #fff; padding: 1rem 2rem; font-size: 16px;}
.cate-tool .brow{ line-height: 30px; border-bottom: 1px dotted #ccc; padding: 1.5rem 1rem;}
.cate-tool .brow:last-child{ border-bottom: 0;}
.cate-tool .brow span{ font-weight: bold; color: #fff; background-color: #db261f; border-radius: 5px; line-height: 30px; width: 62px; text-align: center; display: inline-block;}
.cate-tool .brow a{ display: inline-block; color: #7d7d7d; margin: 0 2px; padding: 0 1rem;}
.cate-tool .brow a:hover,.cate-tool .brow a.on{ text-decoration: revert ; color: #db261f;}

.cate-tool2{ border: 1px solid #eee; background: #fff; padding: 1rem 2rem; font-size: 16px;}
.cate-tool2 .brow{ line-height: 30px; padding: 1.5rem 1rem;}
.cate-tool2 .brow a{ color: #db261f; border:1px solid  #db261f; border-radius: 5px; line-height: 30px; text-align: center; display: inline-block; padding: 0 2rem; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;}
.cate-tool2 .brow a.on{color:#fff;background: #db261f}
.login-bk{ width: 1090px; box-sizing: border-box; background-color: #fff; margin: 5rem auto; padding: 4rem;}
.login-bk .brow{ margin-bottom: 20px; line-height: 48px; border: 1px solid #f1eeee; height: 48px; position: relative;}
.login-bk .brow i{ font-size: 26px; color: #fff; background-color: #ccc; display: inline-block; float: left; width: 50px; position: absolute; left: 0; text-align: center;}
.login-bk .brow input.input-text,.login-bk .brow input.input-text2{ border: none; line-height: 48px; background: none; display: inline-block;float: left; width: 100%; font-size: 16px; color: #333; box-sizing: border-box; padding-left: 70px;}
.login-bk .brow input.input-text2{ width: 65%; float: left;}
.login-bk .brow input::-webkit-input-placeholder{ color: #888;}
.login-bk input:-internal-autofill-selected{ background: none!important;}
.login-bk input:focus,.tablist input:selection{ background: none!important;}
.login-bk .brow span{ cursor: pointer;}
.login-btn{ background: #db261f; height:48px; line-height: 48px; border: none;  color: #fff; font-size: 16px; width: 100%; margin-top: 10px;}

.ftool{ border-top: 1px solid #ccc; text-align: center; line-height: 50px;}
.ftool a{ font-size: 16px; color: #888;}
.ftool a:hover{ color: #db261f;}

/* ==========================================================================
   Other Page
   ========================================================================== */

.buy-sp{ background-color: #fff; margin-bottom: 10px; padding: 2rem 4rem;}
.buy-sp .row{ display: flex;}
.buy-sp .s-style1{ color: #db261f; font-size: 16px; font-weight: bold;}
.buy-sp .s-style1 span{ font-size: 24px;}
.buy-sp .sp-img{ text-align: left;}
.buy-sp .sp-img img{ width: 130px; height: 130px; }
.bus-sp .checkbox{ position: relative;}
.box-checkbox{ height: 28px; position: relative;border-radius: 50px;}
.box-checkbox label { width: 26px; height: 26px; position: absolute; top: 1px; left: 1px; cursor: pointer; background:#fff;  border-radius: 50px; border: 1px solid #b7b7b7;}
.box-checkbox label:after{content: ''; width: 9px;  height: 5px; position: absolute; top: 8px; left: 7px; border: 3px solid #fff; border-top: none; border-right: none; background: transparent; opacity: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} 
.box-checkbox label:hover{ background-color: #db261f; border-color: #db261f;}
.box-checkbox label:hover::after{ opacity: 1; } 
.box-checkbox input[type=checkbox]{ opacity: 0; width: 28px; height: 28px; position: relative; z-index: 2; }
.box-checkbox input[type="checkbox"]:checked + label{ background-color: #db261f; border-color: #db261f;}
.box-checkbox input[type="checkbox"]:checked + label:after { opacity: 1;}  
.box-checkbox span{ display: inline-block; vertical-align: super; font-size: 18px;}


.buy-info .stit{ font-weight: bold; font-size: 18px;}
.buy-info p{ background-color: #f9f9fa; line-height: 37px; border-radius: 37px; margin: 1rem 0;}
.buy-info p span{ font-size: 14px; color: #888; margin: 0 2%;}

.pnum span{ margin-right: 5px;}
.pnum input{ border: 1px solid #ddd; background: #fff; width: 60px; height: 40px; line-height: 40px; text-align: center; padding: 0; display: inline-block; vertical-align: middle; font-size: 18px; }
.pnum input[type="button"]{ font-weight: normal; font-size: 20px; height: 42px; font-family: "新宋体"; line-height: 42px; margin: 0 -5px; border-radius: 42px 0 0 42px;}
.pnum input.add{ border-radius: 0 42px 42px 0;}
.pnum a{ display: inline-block; border: 1px solid #ddd; padding: 0 10px; line-height: 36px; cursor: pointer; font-size: 18px; color: #999; vertical-align: middle;}

.snum{ display: inline-block; margin: 0!important; line-height: 36px;border: 1px solid #ddd; padding: 0 20px;font-size: 14px; color: #666; border-left: 0; border-right: 0; vertical-align: middle;}

.buy-tool{ background-color: #fff; margin-bottom: 10px; padding: 2rem 4rem;}
.buy-tool a{ display: inline-block; color: #fff; background-color: #db261f; font-size: 18px; padding: 0 3rem; height: 58px; line-height: 58px; text-align: center; border-radius: 5px; cursor: pointer; margin-left: 10px;}
.buy-tool a i{ font-size: 24px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.buy-tool a.del-car{ background-color: #e5ab37;}

.sect_buy .span-1{ width: 3.333333%;}
.sect_buy .span-2{width: 11.666667%}
.sect_buy .span-9{ width: 80%;}
.sect_buy .span-1.jcent,.sect_buy .span-2.jcent{ align-items: initial; text-align: left; }

.sect_buy table{ width: 100%;}
table td{ padding: 2rem 10px;}
table td .box-checkbox{ padding-left: 2rem;}
table td .box-checkbox label{ left: 2rem;}

.pro-bk{ background: #fff; padding:5rem; border: 1px solid #eee;}
.pro-bk .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.pro-bk .swiper-slide {background-size: cover;background-position: center;}
.pro-bk .swiper-slide .bimg{ height: 99%; border: 1px solid #ddd;}
.pro-bk .swiper-slide .bimg img{ height: 100%;}
.pro-bk .gallery-top {height: 86%;width: 100%;}
.pro-bk .gallery-thumbs {height: 11%;box-sizing: border-box;  width: 88%; margin-top: 3.8%;}
.pro-bk .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4; position: relative;}
.pro-bk .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-bk .gallery-thumbs .swiper-slide-thumb-active::after{ content: ""; display: block; width: 100%; height: 100%; border: 2px solid #db261f; top: 0; left: 0; box-sizing: border-box;}
.pro-thumb{ height: 580px; position: relative;}
.pro-thumb .swiper-button-next,.pro-thumb .swiper-button-prev{ top: auto; bottom: 0; height: 11%; width: 4%; text-align: center; background: #f5f5f5; line-height: 100%;}
.pro-thumb .swiper-button-next{ right: 0;}
.pro-thumb .swiper-button-prev{ left: 0;}
.pro-thumb .swiper-button-next i,.pro-thumb .swiper-button-prev i{ vertical-align: middle; font-size: 2.4rem; color: #666;}
.pro-bk .ptit h3{ font-size: 18px;}
.pro-bk .ptit span{ color: #b4a078;}
.pro-bk .pinfo{ line-height: 30px;}
.pro-bk .pinfo p{ font-size: 18px; border-bottom: 1px solid #eee; padding: 10px 0;}
.pro-bk .pinfo p span{ font-weight: bold; margin-right: 10px;}
.pro-bk .gg-list .brow{ background-color: #f9f9fa; padding: 10px; font-size: 18px; color: #666; margin-bottom: 8px;}
.pro-bk .gg-list input[type="checkbox"]{ width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.pro-bk .gg-list span{ cursor: pointer; margin-left: 5px;}
.pro-bk .gg-list span:hover{ color: #db261f;}

a.cart{ display: inline-block; width: 195px; line-height: 60px; border-radius: 10px; background-color: #ff981e; color: #fff; font-size: 18px; text-align: center;}
a.cart i{ font-size: 28px; display: inline-block; vertical-align: middle; margin-right: 5px;}

.dhk-cx{ position: fixed; width: 100%; height: 100%;background: rgba(0,0,0,0.3); left: 0; top: 0; z-index: 1000000000; display: none;}
.cx-box{ position: fixed; width: 300px; height: 225px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #fff;z-index: 10000000000;}
.cx-tit{padding: 0 20px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; overflow: hidden; background-color: #F8F8F8; border-radius: 2px 2px 0 0;}
.cx-tit i{ float: right; font-size: 28px; cursor: pointer;}
.cx-from{ padding: 3rem;}
.cx-from input{display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 20px;}
.cx-from button{ width: 100%; border: 0; line-height: 36px;}

.pcontent iframe{ margin: 0 auto; display: block;}

.my-auto{ display: flex;}
.my-auto{ margin-bottom: 2rem;}

/*面包屑*/
.place{ color: #999;  position: relative; font-size: 14px;}
.place span{ margin: 0 5px; color: #999;}
.place a{ color: #999; margin: 0 5px;}
.place a:hover{ color: #d80c18;}
.place i{ display: inline-block; background-color: #f1f1f1; padding: 0 1.5rem; margin-right: 1rem; font-size: 2rem; line-height: 62px;}

/*分类样式*/
.module_cate{ background-color: #eee; height: 58px; line-height: 58px; text-align: center; position: relative; z-index: 100;}
.module_cate span{ color: #333; font-size: 2.4rem; font-weight: bold; }
.subCate{ clear: both; overflow: hidden; text-align: right;}
.subCate li{ display: inline-block; margin-left: 8%;}
.subCate li a{ font-size: 18px; position: relative;}
.subCate li:hover a,.subCate li.active a{ color: #d80c18;}


.msg-bk{ }
.m-form .btn{ background-color: #d70c18; border-color: #d70c18; font-size: 18px; font-weight: bold; line-height: 40px; width: 40%; color: #fff;}
.m-form label{ font-size: 18px; margin-bottom: 1rem; display: block;}
.m-form label i{ color: #f00;}
.m-form .form-control{ border: 2px solid #f7f7f7; color: #333; height: 60px; font-size: 16px; }
.m-form .msg-btn .btn:hover{ background-color: #ff8e00; color: #fff; opacity: 1;}
.m-form textarea.form-control{ border: 2px solid #f7f7f7; height: auto;}
.m-form .form-group{ margin-bottom: 1rem;}
/*横排分类*/
.tip{ line-height: 36px; color: #565656; font-size: 16px;}


.title-1{ line-height: 46px; text-align: center; position: relative;}
.title-1 span{ font-size: 3rem; font-weight: bold;}



.content{ line-height: 34px; color: #666; font-size: 16px;}
.content p{ margin: 0 0 10px; font-size: 16px;}

.subtab{background-color: #e6f1ff; line-height: 6rem; font-size: 18px; font-weight: bold; color: #474747; padding-left: 5rem;}
.sub_cont{border: 1px solid #e7e5e5; border-top: 0; }
.sub_cont .subNav{ line-height: 60px; position: relative; font-size: 14px; color: #3d3d3d; padding-left: 5rem; border-top: 1px solid #e7e5e5;}
.sub_cont .subNav:after{ content: "\e608"; float: right;font-family: "iconfont" !important; color: #0070f6; font-size: 14px; position: absolute; right: 3rem; top: 0; width: 30px; height: 30px; line-height: 30px;  border: 1px solid #0070f6; border-radius: 30px; text-align: center; bottom: 0; margin: auto 0; font-weight: bold;}
.sub_cont .subNav.open:after{ content: '\e60d';  color: #0070f6;}
.navContent{ display: none; background: #fff; margin: 0; padding: 3rem 5rem; border-top: 1px solid #e7e5e5;}
.navContent p{ margin: 1rem 0 0; color: #3d3d3d; font-size: 14px; line-height: 30px;}
.navContent span{ font-weight: bold; font-size: 18px;}
.navContent .subtit{ margin-bottom: 2rem;}
.navContent .subtit span{ font-weight: bold; color: #0070f6; font-size: 14px;}


.article{ line-height: 30px; padding:7rem 5rem; background: #fff;}
.news-tit{ font-size: 3.6rem; font-weight: bold; line-height: 4rem; text-align: center;}
.tool{ color: #888; border-bottom: 1px solid #e5e5e5; margin-top: 1rem; line-height: 48px; text-align: center;}
.tool span{ display: inline-block; margin: 0 1%; font-size: 14px;}
.tool .bshare-custom #bshare-shareto{ font-weight: normal; font-size: 14px;color: #888; }
.bshare-custom.icon-medium-plus .bshare-weixin,.bshare-custom.icon-medium-plus .bshare-qqim,.bshare-custom.icon-medium-plus .bshare-sinaminiblog,.bshare-custom.icon-medium-plus .bshare-qzone{ background:none!important; padding-left: 5px!important;}
.bshare-custom.icon-medium-plus i{ color: #888; font-size: 20px;}

.bshare-custom{ padding: 0;}
.article .content,.article .content p{ line-height: 36px; color: #666; font-size: 16px;}
.keys{padding-bottom: 2rem; line-height: 36px;}
.keys span{ color: #333; font-size: 16px;}
.keys a{ color: #666; display: inline-block; background-color: #f3f3f3; border-radius: 36px; padding: 0 20px; margin: 0 1rem 5px;}
.keys a:hover{ background-color: #d8271c; color: #fff;}

.ny-page{ line-height: 85px; font-size: 16px; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;  text-align: center;}
a.aback{ display: block; background-color: #d8271c; color: #fff;}

.pro-page{ line-height: 76px;}
.pro-page .pline{ border-right: 1px solid #dedede;}

/*新闻详情样式2*/
.bshare-custom{ padding: 2rem 0;}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; overflow: hidden; margin: auto auto;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 80%;max-height: 80%;margin:0 auto;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 20px; color: #1863af; width: 30px; height: 30px; line-height: 30px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 30px; background-color: #fff;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: none;}
.big_img .swiper-button-next{ right: 0;}
.big_img .swiper-button-prev{ left: 0;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 4rem; color: #ababaa; display: block; text-align: center;}

.vshare{ background-color: #fbfbfb; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-video .swiper-container2{ width: 80%;}
.big-video .close{ left: auto; color: #fff; font-size: 3rem; background-color: rgba(0,0,0,0.5); right: 12%; top: 12%;}


.fmsg{ width: 70%; margin: 0 auto;}
.ys-msg input{ background: #fff; border: 1px solid #ddd; height: 55px; line-height: 55px; box-sizing: border-box; padding: 0 20px; width: 80%; display: block;float: left; border-radius: 5px; font-size: 16px;}
.ys-msg button{ background: #0e68b0; text-align: center; width: 18%; font-size: 16px; border-radius: 5px; border: 0; float: right; height: 55px; line-height: 55px; color: #fff;}

.msg-from input{ background: #fff; border: 1px solid #ddd; height: 55px; line-height: 55px; box-sizing: border-box; padding: 0 20px; width: 100%; display: block;border-radius: 5px; font-size: 16px;}

.title-2{ text-align: center;}
.title-2 span{ font-size: 26px;}
.title-2 p{ padding: 20px 0;}
.title-2 p span{ font-size: 16px; color: #666; margin: 0 10px;}

.cart-table{ background-color: #fff; padding: 20px; border: 1px solid #efefef;}
.cart-tit{ background-color: #efefef; padding: 20px; box-sizing: border-box; font-weight: bold;}
.cart-tit .span-3,.cart-list .span-3{ width: 20%!important;}
.cart-list{ box-sizing: border-box; border: 1px solid #efefef; line-height: 26px;}
.cart-list .brow{ border-bottom: 2px solid #efefef; padding: 20px;}
.cart-list .sp-img{}
.cart-list .sp-img img{ height: 80px; width: 80px;}
.cart-list span{ word-break: break-word;}