body,html{-ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/}
a{color:#333333;text-decoration:none;outline:medium none;}
a:link,a:visited{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none; color:#d81e16}
img{max-width:100%}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*{margin:0;padding:0}
html *,html *:before,html *:after {box-sizing: border-box;}
ul{list-style-type:none}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h3,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,td,th,input{font-size:14px;line-height:1.5;font-family:Arial,"Helvetica Neue", Helvetica, Tahoma, sans-serif;}
em{color:#d81e16;font-style:initial;}
input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{outline: none;}
::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #999;
}

.container{width:1200px;}
.fl{float:left;}
.fr{float:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.none{text-align:center;}
.invalid{position:relative;}
.invalid:before{content:"";position:absolute;width:100%;height:1px;background-color:red;top:50%;}

@font-face {
  font-family: 'iconfont';  /* Project id 1557575 */
  src: url('//at.alicdn.com/t/font_1557575_cgdnr7gh7dg.woff2?t=1621319997200') format('woff2'),
       url('//at.alicdn.com/t/font_1557575_cgdnr7gh7dg.woff?t=1621319997200') format('woff'),
       url('//at.alicdn.com/t/font_1557575_cgdnr7gh7dg.ttf?t=1621319997200') format('truetype');
}
.iconfont{font-family:'iconfont';font-style:inherit!important;}


header{padding-top:12px;}
header .top span{color:#666;margin-right:12px;position:relative;}
header .top a{color:#666;}
header .top a:hover{color:#d81e16;}
header .top span:after{content:"";width:2px;height:14px;background-color:#666;display:inline-block;right:-9px;top:1px;position:absolute;}
header .top .fl i.iconfont{margin-right:3px;}
header .top .fr i.iconfont{margin-left:3px;}
header .main{padding-top:18px;padding-bottom:18px;display:flex;justify-content:space-between;}
header .main .logo{flex:1;}
header .main .search{flex:2;}
header .main .search .top_search{width:470px;margin:0 auto;border:1px solid #a9afb7;border-radius:4px;display:flex;}
header .main .search .top_search #btnScope{border:none;background-color:#ddd;text-align:center;width:60px;height:40px;line-height:40px;cursor:pointer;}
header .main .search .top_search #btnScope>i{margin-left:3px;}
header .main .search .top_search #btnScope:hover{background-color:#ccc;}
header .main .search .top_search #textSearch{width:370px;padding-left:10px;border-left:1px solid #a9afb7;border-right:1px solid #a9afb7;border-top:none;border-bottom:none;color:#666;}
header .main .search .top_search #btnSearch{border:none;background-color:#0070bb;text-align:center;width:40px;height:40px;line-height:40px;font-size:20px;color:#ffffff;cursor:pointer;}
header .main .search .top_search #btnSearch:hover{background-color:#1561a9;}
header .main .info{padding-top:7px;flex:1;}
header .main .info>a{display:inline-block;width:38px;height:38px;line-height:38px;margin-left:10px;text-align:center;font-size:24px;background-color:#0070bb;color:#ffffff;overflow:hidden;}
header .main .info > .btnMemu{display:none;}

header .menu{background-color:#0070bb;transition: all 0.3s;}
header .menu ul.main_nav>li{float:left;position:relative;}
header .menu ul.main_nav>li>a{color:#ffffff;padding:13px 30px 13px 0;display:inline-block;line-height:24px;font-size:16px;}
header .menu ul.main_nav>li.active:before{content:"";position:absolute;bottom:0;left:calc(50% - 30px);border-width:10px;border-style:solid;border-color:transparent transparent #ffffff;}
header .menu .fr a{color:#ffffff;padding:13px 0;display:inline-block;line-height:24px;font-size:16px;}
/*************首页*************/
#frame1{}
#frame1 .container{background-color:#f5f5f5;}
#frame1 .intro{width:30%;padding:80px 30px 80px 25px;}
#frame1 .intro h2{font-size:24px;line-height:36px;color:#0070bb;}
#frame1 .intro p{font-size:16px;line-height:32px;color:#757575;margin-top:30px;}
#frame1 .banner{width:70%;}
#frame1 .banner .owl-controls {position:absolute;bottom:10%;width:100%;}
#frame1 .banner .owl-theme .owl-controls .owl-page span{width:28px;height:4px;opacity:0.3;border-radius:0;background-color:#fff;}
#frame1 .banner .owl-theme .owl-controls .owl-page.active span{opacity:1;}

#frame2{margin-top:50px;background: url(../image/bg2.jpg) no-repeat top center,url(../image/bg1.jpg) no-repeat left bottom;}
#frame2 .box{padding:50px 25px 0;background:rgba(245,245,245,0.5);margin-bottom:50px;}
#frame2 .box .title{overflow:hidden;}
#frame2 .box .title h2{font-size:24px;line-height:36px;color:#0070bb;font-weight:normal;text-transform:uppercase;display:inline-block;float:left;}
#frame2 .box .title a.more{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;border:1px solid #ddd;background-color:#fff;margin-top:9px;margin-left:10px;}
#frame2 .box .proList{overflow:hidden;margin:30px -15px 0;}
#frame2 .box .proList .item{float:left;width:138px;margin:0 15px 20px;}
#frame2 .box .proList .item:nth-child(7n+1){clear:left;}
#frame2 .box .proList .item .img{border:1px solid #ddd;background-color:#fff;}
#frame2 .box .proList .item .txt{padding-top:10px;}
#frame2 .box .proList .item .txt h3{text-align:center;font-weight:normal;line-height:20px;height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*************首页结束*************/

footer{background:url(../image/footbg.jpg) no-repeat;}
footer>div.foot{padding-top:50px;padding-bottom:50px;}
footer dl{padding-right:40px;}
footer dl>dt{font-size:24px;line-height:30px;color:#ffffff;font-weight:bold;margin-bottom:25px;}
footer dl>dd{font-size:14px;line-height:24px;padding:6px 0;color:#ffffff;}
footer dl>dd a{font-size:14px;line-height:24px;color:#ffffff;}
footer dl>dd a:hover{color:#d81e16;}
footer dl>dd.address{padding-left:50px;background:url(../image/ico.png) no-repeat 10px -100px;font-size:14px;margin-top:10px;}
footer dl>dd.skype{padding-left:35px;background:url(../image/ico.png) no-repeat 0px 7px;}
footer dl>dd.wechat{padding-left:35px;background:url(../image/ico.png) no-repeat 0px -30px;}
footer dl>dd.whatsapp{padding-left:35px;background:url(../image/ico.png) no-repeat 0px -140px;}
footer dl>dd.email{padding-left:35px;background:url(../image/ico.png) no-repeat 0px -65px;}
footer dl>dd.qq{padding-left:35px;background:url(../image/qq.png) no-repeat;}
footer #f1{float:left;width:30%;}
footer #f2{float:left;width:30%;}
footer #f2 dl{}
footer #f2 dl>dt{}
footer #f3{float:left;width:22%;}
footer #f4{float:left;width:18%;}
footer #f4 dl{padding-right:60px;}
footer #f4 dl>dd>a{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin:0 5px 10px 0;border:1px solid #3898d6;border-radius:4px;font-size:22px;}

footer>div.copyright{border-top:1px solid #579ac7;padding-top:15px;padding-bottom:15px;}
footer>div.copyright .langlist{display:flex;justify-content:space-between;}
footer>div.copyright .langlist>a{color:#ffffff;font-size:12px;}
footer>div.copyright .langlist>a:hover{color:#d81e16;}
footer>div.copyright .langlist>a>img{margin-right:5px;}
footer #copy{margin-top:15px;color:#ffffff;text-transform:uppercase;}
footer #copy a{color:#ffffff;}
footer #copy a:hover{color:#d81e16;}

#float{position:fixed;left:0;top:40%;background-color:#0070bb;}
#float dd{border-bottom:1px solid #fff;}
#float dd a{text-align:center;display:block;color:#fff;padding:5px 15px;}
#float dd i.skype{display:block;width:30px;height:30px;margin-bottom:3px;background:url(../image/ico.png) no-repeat 4px 7px;}
#float dd i.wechat{display:block;width:30px;height:30px;margin-bottom:3px;background:url(../image/ico.png) no-repeat 3px -30px;}
#float dd i.email{display:block;width:30px;height:30px;margin-bottom:3px;background:url(../image/ico.png) no-repeat 2px -65px;}
#float dd i.qq{display:block;width:30px;height:30px;margin-bottom:3px;background:url(../image/qq.png) no-repeat 3px 0;}
#float dd i.whatsapp{display:block;width:30px;height:30px;margin-bottom:3px;background:url(../image/ico.png) no-repeat 3px -140px;}
#float dd.wechat{position:relative;}
#float dd.wechat .img{position:absolute;display:none;left:100%;top:0;width:130px;height:130px;border:1px solid #ddd;}
#float dd.wechat:hover .img{display:block;}


/*************面包屑*************/
#Location{padding:10px;background-color:#f5f5f5;line-height:24px;}
#Location a{display:inline-block;font-size:14px;color:#0070bb;}
#Location a:hover{text-decoration:underline;}
#Location i{margin:0 8px;}

.ntframe{padding-top:30px;padding-bottom:30px;}

/*************产品列表*************/
#ntframe .condition{overflow:hidden;padding:13px 25px;background-color:#0070bb;}
#ntframe .condition .catelist{float:left;}
#ntframe .condition .catelist select{height:24px;padding:0 20px;margin-right:15px;}
#ntframe .condition .page-count{display:inline-block;color:#ffffff;line-height:24px;}
#ntframe .condition .page-count select{height:24px;padding:0 15px 0 10px;}

#ProductList{margin-top:30px;padding-bottom:30px;}
#ProductList .left_nav{width:270px;float:left;}
#ProductList .left_nav dl{position:relative;z-index:1;}
#ProductList .left_nav dl>dt{background-color:#0070bb;font-size:16px;line-height:24px;color:#ffffff;padding:13px 15px;}
#ProductList .left_nav dl>dt>i{font-size:20px;margin-right:6px;}
#ProductList .left_nav dl>dd{position:relative;padding:10px 10px 10px 40px;border-bottom:1px solid #dadada;}
#ProductList .left_nav dl>dd>a{display:block;}
#ProductList .left_nav dl>dd>a:hover,#ProductList .left_nav dl>dd.active>a{color:#0070bb;}
#ProductList .left_nav dl>dd>a>i{float:right;}
#ProductList .left_nav dl>dd .childCate{position:absolute;left:100%;top:0;padding:15px 80px 15px 25px;border:1px solid #ddd;width:450px;min-height:250px;display:none;}
#ProductList .left_nav dl>dd .childCate:before{content:"";background:linear-gradient(to bottom right,#fff 60%,#0070bb);position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1;}
#ProductList .left_nav dl>dd:hover{z-index:2;}
#ProductList .left_nav dl>dd:hover .childCate{display:block;}
#ProductList .left_nav dl>dd .childCate h3{font-size:18px;font-weight:bold;margin-bottom:15px;}
#ProductList .left_nav dl>dd .childCate a{display:inline-block;min-width:150px;font-size:14px;line-height:24px;}
#ProductList .left_nav dl>dd .childCate a:hover{color:#0070bb;}
#ProductList .left_nav dl>dd .childCate a.active{color:#0070bb;text-decoration:underline;}
#ProductList .left_nav .taglist{margin-top:30px;}
#ProductList .left_nav .taglist>h2{background-color:#0070bb;font-size:16px;line-height:24px;color:#ffffff;padding:13px 15px;font-weight:normal;}
#ProductList .left_nav .taglist>h2>i{font-size:20px;margin-right:6px;}
#ProductList .left_nav .taglist>.list{margin-top:10px;}
#ProductList .left_nav .taglist>.list>a{display:inline-flex;justify-content: flex-start;padding:4px 15px;background-color:#f5f5f5;margin-top:5px;margin-right:5px;}
#ProductList .left_nav .taglist>.list>a.active,#ProductList .left_nav .taglist>.list>a:hover{background-color:#0070bb;color:#ffffff;}
#ProductList .right_nav{width:880px;float:right;}
#ProductList .right_nav .prolist .item{border-bottom:2px solid #f5f5f5;overflow:hidden;padding:20px 0;}
#ProductList .right_nav .prolist .item .img{width:142px;height:142px;border:1px solid #dcdcdc;float:left;}
#ProductList .right_nav .prolist .item .txt{width:450px;float:left;padding-left:30px;}
#ProductList .right_nav .prolist .item .txt p{font-size:14px;line-height:24px;}
#ProductList .right_nav .prolist .item .txt span{display:inline-block;width:120px;}
#ProductList .right_nav .prolist .item .txt div.num{display:inline-block;padding:5px 0;}
#ProductList .right_nav .prolist .item .txt div.num .txtNum{width:140px;height:24px;border:1px solid #c8c8c8;padding-left:10px;border-radius:2px 0 0 2px}
#ProductList .right_nav .prolist .item .txt div.num .btnShoppingCart{width:45px;height:24px;border:none;background-color:#0070bb;text-align:center;color:#ffffff;cursor:pointer;border-radius:0 2px 2px 0}
#ProductList .right_nav .prolist .item .txt div.num .btnShoppingCart.check{background-color:#d0d0d0;}
#ProductList .right_nav .prolist .item .pricelist{width:250px;float:right;}
#ProductList .right_nav .prolist .item .pricelist h3{font-size:16px;line-height:24px;}
#ProductList .right_nav .prolist .item .pricelist .table_price{width:100%;text-align:right;border-collapse:collapse;margin-top:5px;font-size:12px;}
#ProductList .right_nav .prolist .item .pricelist .table_price tr{border-top:1px solid #ddd;}
#ProductList .right_nav .prolist .item .pricelist .table_price thead th{background-color:#e0e4e9;padding-right:5px;line-height:24px;}
#ProductList .right_nav .prolist .item .pricelist .table_price tbody th{background-color:#f5f5f5;padding-right:5px;line-height:20px;font-size:12px;color:#0070bb;}
#ProductList .right_nav .prolist .item .pricelist .table_price tbody td{padding-right:5px;font-size:12px;line-height:20px;}
#ProductList .right_nav .prolist .item .pricelist .btnFavorite{margin-top:10px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;float:right;color:#ffffff;background-color:#0070bb;}
#ProductList .right_nav .prolist .item .pricelist .btnFavorite.check{background-color:#d0d0d0;}
.Pagination{margin-top:20px;}
.Pagination .page-count{display:inline-block;line-height:24px;}
.Pagination .page-count select{height:24px;padding:0 15px 0 10px;}
.Pagination .pager{float:right;display:flex;align-items:center;gap:6px;}
.Pagination .pager .page-numbers{background-color:#0070bb;color:#ffffff;display:inline-block;min-width:30px;height:30px;line-height:30px;text-align:center;padding:0 10px;}
.Pagination .pager .page-numbers.current{background-color:#e0e4e9;color:#0070bb;border:1px solid #0070bb;}
.Pagination .pager .page-numbers.prev,
.Pagination .pager .page-numbers.next{padding:0;display:inline-flex;align-items:center;justify-content:center;}
.Pagination .pager .page-numbers.dots{background:none;color:#666666;min-width:auto;width:auto;height:auto;line-height:30px;padding:0 4px;}

/*************产品详情*************/
#ProductDetail .info{display:flex;align-items:stretch}
#ProductDetail .info .left{width:760px;border:1px solid #d0d0d0;border-radius:5px;margin-left:0;}
#ProductDetail .info .left .title{background-color:#e0e4e9;padding:15px 25px;border-bottom:1px solid #d0d0d0;}
#ProductDetail .info .left .title>h1{font-size:20px;font-weight:normal;line-height:24px;}
#ProductDetail .info .left .context{display:flex;height:calc(100% - 55px);}
#ProductDetail .info .left .context .pic{width:270px;border-right:1px solid #d0d0d0;padding:25px;}
#ProductDetail .info .left .context .pic img{border:1px solid #d0d0d0;width:100%;}
#ProductDetail .info .left .context .pic .gallery-thumbs{margin-top:10px;}
#ProductDetail .info .left .context .pic .gallery-thumbs .swiper-slide{margin:0;}
#ProductDetail .info .left .context .pic .gallery-thumbs .swiper-slide-thumb-active img{border-color:#d81e16;}
#ProductDetail .info .left .context .pic .gallery-thumbs .swiper-slide-thumb-active:before{content:"";position:absolute;left:calc(50% - 6px);top:-12px;border-width:6px;border-style:solid;border-color:transparent transparent #d81e16 transparent;}
#ProductDetail .info .left .context .pic p{font-size:12px;color:#8e8e8e;margin-top:15px;}
#ProductDetail .info .left .context .text{width:490px;}
#ProductDetail .info .param{padding:15px 25px;border-bottom:1px solid #d0d0d0;}
#ProductDetail .info .param label{display:inline-block;width:130px;}
#ProductDetail .info .right{width:420px;border:1px solid #d0d0d0;border-radius:5px;margin-right:0;}
#ProductDetail .info .right .title{background-color:#e0e4e9;padding:15px 25px;border-bottom:1px solid #d0d0d0;}
#ProductDetail .info .right .title>h3{font-size:20px;font-weight:normal;line-height:24px;}
#ProductDetail .info .param .quabtity{display:inline-block;}
#ProductDetail .info .param .quabtity>input{float:left;width:120px;height:24px;padding-left:5px;}
#ProductDetail .info .param .quabtity>a{display:inline-block;width:45px;height:24px;background-color:#0070bb;color:#ffffff;text-align:center;margin-right:5px;}
#ProductDetail .info .param .quabtity>a.check{background-color:#d0d0d0;}
#ProductDetail .info .param .tjPrice{margin-top:10px;display:none;}
#ProductDetail .info .right .price{padding:15px 25px;}
#ProductDetail .info .right .price h3{font-size:20px;line-height:24px;font-weight:normal;}
#ProductDetail .info .right .price .table_price{width:100%;text-align:right;border-collapse:collapse;margin-top:10px;font-size:12px;}
#ProductDetail .info .right .price .table_price tr{border-bottom:1px solid #ddd;}
#ProductDetail .info .right .price .table_price thead th{background-color:#e0e4e9;padding-right:5px;line-height:24px;}
#ProductDetail .info .right .price .table_price tbody th{background-color:#f5f5f5;padding-right:5px;line-height:20px;font-size:12px;color:#0070bb;}
#ProductDetail .info .right .price .table_price tbody td{padding-right:5px;font-size:12px;line-height:20px;}

#ProductDetail .detail{border:1px solid #d0d0d0;border-radius:5px;margin-top:35px;padding-bottom:20px;}
#ProductDetail .detail .title{background-color:#e0e4e9;padding:15px 25px;border-bottom:1px solid #d0d0d0;}
#ProductDetail .detail .title>h3{font-size:20px;font-weight:normal;line-height:24px;}
#ProductDetail .detail .context{padding:15px;}
#ProductDetail .relatePro{border:1px solid #d0d0d0;border-radius:5px;margin-top:35px;padding-bottom:20px;}
#ProductDetail .relatePro .title{background-color:#e0e4e9;padding:15px 25px;border-bottom:1px solid #d0d0d0;}
#ProductDetail .relatePro .title>h3{font-size:20px;font-weight:normal;line-height:24px;}
#ProductDetail .relatePro .prolist{overflow:hidden;display: flex;flex-wrap: wrap;margin-top:20px;}
#ProductDetail .relatePro .prolist .item{padding:0 10px;width:14.28%;float:left;}
#ProductDetail .relatePro .prolist .item:not(:nth-last-child(-n+7)){margin-bottom:20px;}
#ProductDetail .relatePro .prolist .item .img{border:1px solid #d0d0d0;}
#ProductDetail .relatePro .prolist .item .txt{background-color:#f5f5f5;padding:5px 10px;}
#ProductDetail .relatePro .prolist .item .txt h4{font-size:14px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;}
#ProductDetail .relatePro .prolist .item .txt p{font-size:14px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#d81e16}
#ProductDetail .relatePro .prolist .item .operate{display:flex;justify-content:space-between;}
#ProductDetail .relatePro .prolist .item .operate>a{background-color:#0070bb;display:inline-block;height:20px;line-height:20px;color:#ffffff;width:20px;text-align:center;}
#ProductDetail .relatePro .prolist .item .operate>a.buy{width:108px;font-size:12px;}
#ProductDetail .relatePro .prolist .item .operate>a.check{background-color:#d0d0d0;}

/*************联系我们*************/
#ContactPage{}
#ContactPage .title {padding:20px 0;border-bottom:2px solid #d5d5d5;}
#ContactPage .title h2{font-size:20px;line-height:24px;text-transform:uppercase;font-weight:normal;}
#allmap{height:450px;margin-top:30px;}
#ContactPage .contactList{overflow:hidden;}
#ContactPage .contactList dl{padding-right:40px;width:50%;float:left;margin-top:30px;}
#ContactPage .contactList dl>dt{width:50%;float:left;padding-top:6px;}
#ContactPage .contactList dl>dt img{border:1px solid #dadada;}
#ContactPage .contactList dl>dd{font-size:14px;line-height:24px;padding:6px 0;width:50%;float:right;}
#ContactPage .contactList dl>dd.name{font-size:16px;line-height:24px;}
#ContactPage .contactList dl>dd a{font-size:14px;line-height:24px;}
#ContactPage .contactList dl>dd a:hover{color:#d81e16;}
#ContactPage .contactList dl>dd.address{padding-left:50px;background:url(../image/ico.png) no-repeat 10px -100px;font-size:14px;margin-top:10px;}
#ContactPage .contactList dl>dd.skype{padding-left:35px;background:url(../image/ico.png) no-repeat 0px 7px;}
#ContactPage .contactList dl>dd.wechat{padding-left:75px;background:url(../image/ico.png) no-repeat 0px -30px;}
#ContactPage .contactList dl>dd.email{padding-left:35px;background:url(../image/ico.png) no-repeat 0px -65px;}
#ContactPage .contactList dl>dd.qq{padding-left:35px;background:url(../image/qq.png) no-repeat 0px 0;}
#ContactPage .feed_show{margin-top:30px;overflow:hidden;}
#ContactPage .feed_show .form-group{width:50%;margin-bottom:15px;}
#ContactPage .feed_show .form-group.fl{padding-right:40px;}
#ContactPage .feed_show .form-group.fr{padding-left:40px;}
#ContactPage .feed_show .form-group>label{display:block;font-size:16px;line-height:24px;margin-bottom:10px;}
#ContactPage .feed_show .form-group>label>em{display:inline-block;width:20px;text-align:center;}
#ContactPage .feed_show .form-group>input{display:block;height:32px;border:1px solid #ebebeb;background-color:#f8f8f8;border-radius:5px;width:100%;padding:0 10px;}
#ContactPage .feed_show .form-group>textarea{display:block;height:115px;border:1px solid #ebebeb;background-color:#f8f8f8;border-radius:5px;width:100%;padding:5px 10px;resize:none;}
#ContactPage .feed_show p{font-size:16px;color:#b4b4b4;text-align:center;padding:10px 0;}
#btnSend{height:48px;width:100%;display:block;padding:11px 0;font-size:18px;line-height:24px;background-color:#0070bb;color:#ffffff;text-align:center;border:none;margin-top:10px;text-transform:uppercase;cursor:pointer;border:1px solid #0070bb;}
#btnSend:hover{background-color:#ffffff;color:#0070bb;}

/*************新闻页面*************/
.newslist{margin-top:30px;}
.newslist .item{display:block;border-bottom:1px solid #eee;padding:10px 0;}
.newslist .item .txt{display:flex;justify-content:space-between;flex-wrap:wrap;}
.newslist .item .txt h3{margin:0;width:80%;line-height:24px;}
.newslist .item .txt span{display:block;line-height:24px;}


/*************注册--登录--忘记密码*************/
.form-control{border:1px solid #e2e2e2;background:#f5f5f5;border-radius:5px;padding:30px 100px 30px 30px;}
.form-control p{font-size:12px;line-height:20px;margin-top:15px;color:#7f7f7f;}
.form-control .form-group{margin-top:10px;}
.form-control .form-group>label{display:block;font-size:13px;line-height:24px;font-weight:bold;margin-bottom:8px;}
.form-control .form-group>input[type='text'],.form-control .form-group>input[type='password']{display:block;height:32px;border:1px solid #c6c6c6;background-color:#fff;border-radius:5px;width:100%;padding:0 10px;}
.form-control .form-group input[type='checkbox']{float:left;margin-top:5px;margin-right:5px;}
.form-control .form-group select{padding:6px;background-color:#fff;width:100%;}
.btnlist>a.btn{display:inline-block;width:120px;height:34px;line-height:34px;text-align:center;}
.btnlist>a.btn-default{background-color:#ddd;}
.btnlist>a.btn-primary{background-color:#0070bb;color:#ffffff;}
.btnlist>a.btn-default:hover{background-color:#ccc;color:#0070bb;}
.btnlist>a.btn-primary:hover{background-color:#005899;}
.btnlist>a.btn:not(:last-child){margin-right:20px;}

#Register{}
#Register .title {padding:20px 0;border-bottom:2px solid #d5d5d5;}
#Register .title h2{font-size:20px;line-height:24px;text-transform:uppercase;font-weight:bold;}
#Register .register{margin-top:30px;overflow:hidden;}
#Register .register .left{width:50%;float:left;height:auto;}
#Register .register .left h3{font-size:13px;}
#btnRegister,#btnLogin,#btnForgetPassword{display:inline-block;height:37px;line-height:37px;padding:0 50px;text-align:center;color:#ffffff;border-radius:5px;background:linear-gradient(to bottom,#43a2e1 20%,#0171bc);border:none;font-weight:bold;cursor:pointer;}
#Register .forgetPassword{display:block;margin-top:15px;font-weight:bold;}
#Register .register .right{width:50%;float:left;height:auto;padding:0 20px 30px 40px;}
#Register .register .right h3{font-size:18px;line-height:30px;}
#Register .register .right p{font-size:14px;line-height:24px;margin-top:10px;}
#Register .register .right h4{font-size:14px;line-height:24px;margin-top:20px;}
#Register .register .right ul{list-style:inside;margin-top:10px;}
#Register .register .right ul li{font-size:12px;line-height:20px;}
#Register .form-control .form-group a.link{color:#0070bb;}
#Register .form-control .form-group a.link:hover{text-decoration:underline;}

/*************用户后台*************/
#Account .left_nav{float:left;width:250px;background-color:#f8f8f8;padding:15px;}
#Account .left_nav dl dt{padding:8px 15px;font-weight:bold;font-size:16px;line-height:24px;}
#Account .left_nav dl dd>a{display:block;padding:4px 15px;line-height:24px;color:#888;}
#Account .left_nav dl dd.active>a,#Account .left_nav dl dd:hover>a{background-color:#0070bb;color:#ffffff;}
#Account .right_nav{float:right;width:900px;}
#Account .right_nav .title{padding:0 0 15px 0;border-bottom:1px solid #f5f5f5;}
#Account .right_nav .title h3{font-size:24px;line-height:36px;font-weight:normal;}
/*****会员主页*****/
#Account .right_nav .shortcuts{}
#Account .right_nav .shortcuts .tab_title{overflow:hidden;border-left:6px solid #0070bb;background-color:#f8f8f8;}
#Account .right_nav .shortcuts .tab_title>h3{padding:8px 20px;line-height:24px;font-weight:normal;}
#Account .right_nav .shortcuts .tab_title>h3>a{margin-left:5px;display:inline-block;}
#Account .right_nav .shortcuts .tab_title>h3>a>i{margin-right:3px;}
#Account .right_nav .shortcuts .count{margin-top:30px;background-color:#f8f8f8;overflow:hidden;padding:35px 0;}
#Account .right_nav .shortcuts .count ul>li{float:left;width:20%;text-align:center;}
#Account .right_nav .shortcuts .count ul>li+li{border-left:1px solid #d0d0d0;}
#Account .right_nav .shortcuts .count ul>li p{font-size:24px;color:#0070bb;}
#Account .right_nav .shortcuts .count ul>li h4{font-size:14px;line-height:24px;font-weight:normal;}
/*****地址管理*****/
#Account .right_nav .addresslist{overflow:hidden;margin:20px -10px 0;}
#Account .right_nav .addresslist .item{float:left;width:33.33%;padding:0 10px;}
#Account .right_nav .addresslist .item:nth-child(3n+1){clear:left;}
#Account .right_nav .addresslist .item .txt{background-color:#f8f8f8;padding:14px 25px;position:relative;height:150px;}
#Account .right_nav .addresslist .item .txt span.default{position:absolute;right:0;top:0;padding:0 8px;background-color:#0070bb;color:#ffffff;font-size:14px;line-height:24px;}
#Account .right_nav .addresslist .item .txt p{margin-top:5px;}
#Account .right_nav .addresslist .item .txt p.address{height:40px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#Account .right_nav .addresslist .item .btnlist{text-align:center;padding:5px 0 15px;}
#Account .right_nav .addresslist .item .btnlist>a{font-size:12px;line-height:14px;display:inline-block;padding:0 10px;color:#0070bb;}
#Account .right_nav .addresslist .item .btnlist>a+a{border-left:2px solid #7a7a7a;}
#Account .right_nav .addresslist .item .add_address{text-align:center;}
#Account .right_nav .addresslist .item .add_address a.add{width:60px;height:60px;line-height:60px;font-size:36px;color:#d4d4d4;display:block;margin:20px auto 0;}
#Account .right_nav .addedit{width:60%;margin:20px 0;padding:20px 30px 30px;}
#Account .right_nav .addedit .area{width:50%;float:left;}
#Account .right_nav .addedit .area1{padding-right:10px;}
#Account .right_nav .addedit .area2{padding-left:10px;}
/*****订单管理*****/
#Account .right_nav .myorder .tab_status{overflow:hidden;border-left:6px solid #0070bb;background-color:#f8f8f8;}
#Account .right_nav .myorder .tab_status>a{display:inline-block;padding:8px 20px;line-height:24px;color:#8b8b8b;}
#Account .right_nav .myorder .tab_status>a:hover,#Account .right_nav .myorder .tab_status>a.active{color:#0070bb;}
#Account .right_nav .myorder .search_mod{overflow:hidden;margin-top:10px;}
#Account .right_nav .myorder .search_mod .search_item{display:inline-block;margin:20px 30px 0 0;}
#Account .right_nav .myorder .search_mod .search_item span{font-size:14px;line-height:24px;color:#8b8b8b;}
#Account .right_nav .myorder .search_mod .search_item input[type='text']{height:24px;padding:0 5px;border:1px solid #d3d3d3;}
#Account .right_nav .myorder .search_mod .search_item select{height:24px;padding:0 5px;border:1px solid #d3d3d3;color:#8b8b8b;}
#Account .right_nav .myorder .search_mod .search_item a.btnSearch{font-size:13px;line-height:24px;display:inline-block;padding:0 30px;text-align:center;color:#ffffff;background-color:#0070bb;text-transform:uppercase;}
#Account .right_nav .orderlist{padding-bottom:30px;border-bottom:7px solid #0070bb;}
#Account .right_nav .orderlist .thead{width:100%;margin-top:30px;background-color:#e0e4e9;}
#Account .right_nav .orderlist .thead td{border-bottom:none;}
#Account .right_nav .orderlist table td{padding:7px 10px;font-size:14px;line-height:24px;border-bottom:1px solid #d3d3d3;}
#Account .right_nav .orderlist table td+td{border-left:1px solid #d3d3d3;}
#Account .right_nav .orderlist .td1{width:420px;}
#Account .right_nav .orderlist .td2{width:170px;text-align:center;}
#Account .right_nav .orderlist .td3{width:150px;text-align:center;}
#Account .right_nav .orderlist .td4{width:145px;text-align:center;}
#Account .right_nav .orderlist .tbody{width:100%;}
#Account .right_nav .orderlist .tbody.table_closed{background-color:#f7f7f7;}
#Account .right_nav .orderlist .tbody .viewdetail{color:#0070bb;display:inline-block;margin-left:20px;}
#Account .right_nav .orderlist .tbody .viewdetail:hover{color:#d81e16;}
#Account .right_nav .orderlist .tbody .order_type{color:#8b8b8b;}
#Account .right_nav .orderlist .tbody .td1{padding:0;}
#Account .right_nav .orderlist .tbody .td1 .prolist{overflow:hidden;}
#Account .right_nav .orderlist .tbody .td1 .prolist .item{padding:10px 10px;overflow:hidden;}
#Account .right_nav .orderlist .tbody .td1 .prolist .item+.item{border-top:1px solid #d3d3d3;}
#Account .right_nav .orderlist .tbody .td1 .prolist .item .img{width:60px;height:60px;float:left;border:1px solid #d3d3d3;}
#Account .right_nav .orderlist .tbody .td1 .prolist .item .txt{padding-left:70px;}
#Account .right_nav .orderlist .tbody .td1 .prolist .item .txt h4{font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#Account .right_nav .orderlist .tbody .td1 .prolist .item .txt p{margin-top:3px;}
#Account .right_nav .orderlist .tbody .td1 .prolist .item .txt a.iconfont{color:#0070bb;display:inline-block;margin-right:5px;font-size:18px;}
#Account .right_nav .orderlist .tbody .td3 span{font-weight:bold;}
#Account .right_nav .orderlist .tbody .td3 span.price{display:block;color:#0070bb;}
#Account .right_nav .orderlist .tbody .td3 span.freight{font-size:13px;color:#888;font-weight:normal;}
#Account .right_nav .orderlist .btnlist>a{margin:15px 0 0;height:24px;line-height:24px;border-radius:5px;}
#Account .right_nav .orderlist .btnlist>a.btn-default{}
#Account .right_nav .orderdetail{padding-top:20px;}
#Account .right_nav .orderdetail h3{font-size:18px;line-height:24px;font-weight:normal;color:#333;}
#Account .right_nav .orderdetail .orderStatus{margin-top:30px;background-color:#f8f8f8;padding-top:50px;}
#Account .right_nav .orderdetail .status_mod{padding:0 5% 30px;border-bottom:1px solid #e9e9e9;}
#Account .right_nav .orderdetail .status_mod .line{width:100%;height:20px;background-color:#eaeaea;border-radius:20px;overflow:hidden;}
#Account .right_nav .orderdetail .status_mod .line p{background-color:#0070bb;height:20px;margin:0;width:0}
#Account .right_nav .orderdetail .status_mod .status{margin-top:15px;overflow:hidden;}
#Account .right_nav .orderdetail .status_mod .status span{display:inline-block;width:25%;float:left;text-align:center;color:#aaa;}
#Account .right_nav .orderdetail .status_mod1{padding:20px 5% 30px;}
#Account .right_nav .orderdetail .status_mod1 p{margin-top:5px;color:#aaa;}
#Account .right_nav .orderdetail .status_mod1 p>label{font-weight:bold;color:#333;}
#Account .right_nav .orderdetail .status_mod1 .btnlist{margin-top:15px;}
#Account .right_nav .orderdetail .status_mod1 .btnlist .btn{border-radius:5px;line-height:30px;height:30px;}
#Account .right_nav .orderdetail .box2{margin-top:30px;}
#Account .right_nav .orderdetail .box2>h3{font-size:24px;}
#Account .right_nav .orderdetail .orderInfo{background-color:#f8f8f8;padding:30px 5%;margin-top:15px;}
#Account .right_nav .orderdetail .orderInfo p{padding:5px 0;font-size:14px;line-height:24px;}
#Account .right_nav .orderdetail .orderInfo p>label{width:150px;padding-right:30px;display:inline-block;text-align:right;color:#9a9a9a;}
#Account .right_nav .orderdetail .orderInfo p>span{display:inline-block;}
#Account .right_nav .orderdetail .box3{margin-top:30px;}
#Account .right_nav .orderdetail .box3 table{width:100%;}
#Account .right_nav .orderdetail .box3 table>thead{background-color:#e0e4e9;}
#Account .right_nav .orderdetail .box3 table td{padding:10px 10px;border-bottom:1px solid #d3d3d3;}
#Account .right_nav .orderdetail .box3 table td.td_address{border-left:1px solid #d3d3d3;}
#Account .right_nav .orderdetail .box3 table .order_type{color:#8b8b8b;}
#Account .right_nav .orderdetail .box3 table .td1 .item{overflow:hidden;}
#Account .right_nav .orderdetail .box3 table .td1 .item .img{width:60px;height:60px;float:left;border:1px solid #d3d3d3;}
#Account .right_nav .orderdetail .box3 table .td1 .item .txt{padding-left:70px;}
#Account .right_nav .orderdetail .box3 table .td1 .item .txt h4{font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#Account .right_nav .orderdetail .box3 table .td1 .item .txt p{margin-top:3px;}
#Account .right_nav .orderdetail .box3 table .td1 .item .txt a.iconfont{color:#0070bb;display:inline-block;margin-right:5px;font-size:18px;}
#Account .right_nav .orderdetail .priceList{text-align:right;background-color:#f6f6f6;border-bottom:1px solid #d3d3d3;}
#Account .right_nav .orderdetail .priceList>span{text-align:center;display:inline-block;padding:10px 20px;}
#Account .right_nav .orderdetail .priceList>span>label{display:block;}
#Account .right_nav .orderdetail .priceList>span>label.price{color:#d81e16;margin-top:8px;}
/*****浏览记录*****/
#Account .right_nav .viewed{margin-top:20px;}
#Account .right_nav .viewed .tab_date{overflow:hidden;border-left:6px solid #0070bb;background-color:#f8f8f8;}
#Account .right_nav .viewed .tab_date>h3{padding:8px 20px;line-height:24px;font-weight:normal;}
#Account .right_nav .viewed .tab_date>h3>span{color:#8b8b8b;font-size:12px;display:inline-block;margin-left:5px;}
#Account .right_nav .viewed .prolist{margin:0 -10px;overflow:hidden;padding:0 0 20px;}
#Account .right_nav .viewed .prolist .item{width:20%;float:left;padding:0 10px;margin-top:20px;}
#Account .right_nav .viewed .prolist .item:nth-child(5n+1){clear:left;}
#Account .right_nav .viewed .prolist .item .img{border:1px solid #d0d0d0;position:relative;}
#Account .right_nav .viewed .prolist .item .img .collect{position:absolute;top:0;left:0;width:24px;height:24px;line-height:24px;text-align:center;color:#ffffff;background-color:#0070bb;}
#Account .right_nav .viewed .prolist .item .txt{background-color:#f5f5f5;padding:8px 10px;}
#Account .right_nav .viewed .prolist .item .txt h4{font-size:14px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;}
#Account .right_nav .viewed .prolist .item .txt p{font-size:14px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#d81e16}
#Account .right_nav .viewed .prolist .item .operate{background-color:#f1efef;text-align:center;padding:3px 0;}
#Account .right_nav .viewed .prolist .item .operate>a{display:block;margin:0 20px;}
/*****我的收藏*****/
#Account .right_nav .wishlist .prolist{margin:0 -10px;overflow:hidden;padding:0 0 20px;}
#Account .right_nav .wishlist .prolist .item{width:20%;float:left;padding:0 10px;margin-top:20px;}
#Account .right_nav .wishlist .prolist .item:nth-child(5n+1){clear:left;}
#Account .right_nav .wishlist .prolist .item .img{border:1px solid #d0d0d0;position:relative;}
#Account .right_nav .wishlist .prolist .item .img .collect{position:absolute;top:0;left:0;width:24px;height:24px;line-height:24px;text-align:center;color:#ffffff;background-color:#0070bb;}
#Account .right_nav .wishlist .prolist .item .txt{background-color:#f5f5f5;padding:8px 10px;}
#Account .right_nav .wishlist .prolist .item .txt h4{font-size:14px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;}
#Account .right_nav .wishlist .prolist .item .txt p{font-size:14px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#d81e16}
#Account .right_nav .wishlist .prolist .item .txt span{font-size:12px;color:#888;display:inline-block;}
#Account .right_nav .wishlist .prolist .item .operate{background-color:#f1efef;text-align:center;padding:3px 0;}
#Account .right_nav .wishlist .prolist .item .operate>a{display:block;margin:0 20px;}
/*****消息列表*****/
#Account .right_nav .messagecenter .messagelist{margin-top:20px;}
#Account .right_nav .messagecenter .messagelist ul>li{margin-bottom:15px;}
#Account .right_nav .messagecenter .messagelist ul>li span{float:left;width:150px;text-align:center;line-height:24px;}
#Account .right_nav .messagecenter .messagelist ul>li p{padding-left:150px;border-bottom:1px solid #f5f5f5;padding-bottom:10px;line-height:24px;}
#Account .right_nav .messagecenter .messagelist ul>li div.detail{padding-left:150px;line-height:24px;margin-top:10px;padding-bottom:10px;display:none;}
#Account .right_nav .messagecenter .messagelist ul>li div.detail a.btnclose{display:block;margin-top:10px;width:80px;background-color:#0070bb;color:#ffffff;text-align:center;}
#Account .right_nav .messagecenter .messagelist ul>li.unread a.btnOpen:hover span,#Account .right_nav .messagecenter .messagelist ul>li.unread a.btnOpen:hover p{color:#d81e16;}
#Account .right_nav .messagecenter .messagelist ul>li.unread span{color:#afafaf;}
#Account .right_nav .messagecenter .messagelist ul>li.unread p{color:#afafaf;}
#Account .right_nav .messagecenter .messagelist ul>li.unread div.detail{color:#afafaf;}
/*****账户设置*****/
#Account .right_nav .accountsettings{}
#Account .right_nav .accountsettings .box{margin-top:30px;border-bottom:1px solid #f0f0f0;padding-bottom:20px;}
#Account .right_nav .accountsettings .box label{float:left;width:200px;}
#Account .right_nav .accountsettings .box .txt{padding-left:200px;}
#Account .right_nav .accountsettings .input-group {margin-bottom:15px;}
#Account .right_nav .accountsettings .input-group.name1{float:left;width:50%;padding-right:10px;}
#Account .right_nav .accountsettings .input-group.name2{float:right;width:50%;padding-left:10px;}
#Account .right_nav .accountsettings .input-group input{height:42px;border:1px solid #d0d0d0;border-radius:6px;width:100%;padding:5px 10px;}
#Account .right_nav .accountsettings .btnlist{}
/*****购物车*****/
#ShoppingCart{}
#ShoppingCart .title{padding:0 0 15px 0;border-bottom:2px solid #d0d0d0;}
#ShoppingCart .title h3{font-size:24px;line-height:36px;font-weight:normal;text-transform:uppercase;}
#ShoppingCart .title h3>i{color:#0070bb;display:inline-block;margin-right:10px;}
#ShoppingCart .action{padding:15px 10px;background-color:#e0e4e9;margin-top:20px;text-align:right;}
#ShoppingCart .action>a{color:#0070bb;font-size:14px;line-height:24px;margin-left:20px;display:inline-block;}
#ShoppingCart .action>a>i{font-size:18px;margin-right:5px;float:left;}
#ShoppingCart .prolist{margin-top:20px;}
#ShoppingCart .prolist table{width:100%;border-top:8px solid #0070bb;}
#ShoppingCart .prolist table th{background-color:#e0e4e9;text-align:left;font-weight:normal;padding:15px;}
#ShoppingCart .prolist table td{padding:15px;}
#ShoppingCart .prolist table .cart_tr_remark td{border-bottom:2px solid #f5f5f5;padding-top:0;}
#ShoppingCart .prolist table .cart_tr_remark textarea{width:100%;padding:5px 10px;resize:none;border:1px solid #d0d0d0;font-family:Arial,"Helvetica Neue", Helvetica, Tahoma, sans-serif;}
#ShoppingCart .prolist table .proname{}
#ShoppingCart .prolist table .proname img{width:60px;margin-right:10px;float:left;border:1px solid #d0d0d0}
#ShoppingCart .prolist table .proname h4{font-weight:normal;}
#ShoppingCart .prolist table .num{border:1px solid #cdcdcd;width:106px;height:24px;margin:0;}
#ShoppingCart .prolist table .num>a{width:22px;height:22px;text-align:center;line-height:22px;float:left;color:#888;}
#ShoppingCart .prolist table .num>input{float:left;width:60px;height:22px;border:none;text-align:center;color:#888;}
#ShoppingCart .prolist table td.operate{text-align:center;}
#ShoppingCart .prolist table td.operate>a{display:inline-block;font-size:18px;color:#0070bb;margin:0 auto;}
#ShoppingCart .prolist table .extPrice{font-weight:bold;}
#ShoppingCart .prolist table div.morePrice{position:relative;display:inline-block;margin-left:10px;}
#ShoppingCart .prolist table div.morePrice:hover table.table_price{display:table;}
#ShoppingCart .prolist table.table_price{text-align:right;border-collapse:collapse;font-size:12px;position:absolute;width:200px;background-color:#fff;top:0;left:30px;margin-top:0;border:1px solid #ddd;display:none;}
#ShoppingCart .prolist table.table_price tr{border-bottom:1px solid #ddd;}
#ShoppingCart .prolist table.table_price thead th{background-color:#e0e4e9;padding:5px;line-height:24px;text-align:right;}
#ShoppingCart .prolist table.table_price tbody th{background-color:#f5f5f5;padding:5px;line-height:20px;font-size:12px;color:#0070bb;text-align:right;}
#ShoppingCart .prolist table.table_price tbody td{padding:5px;font-size:12px;line-height:20px;}
#ShoppingCart .shippingMethod{margin-top:30px;}
#ShoppingCart .shippingMethod .tit{border-top:8px solid #0070bb;background-color:#e0e4e9;padding:15px;}
#ShoppingCart .shippingMethod .list{overflow:hidden;}
#ShoppingCart .shippingMethod .list .item{margin:20px 20px 0 0;float:left;border:1px solid #d0d0d0;padding:15px 20px;position:relative;cursor:pointer;}
#ShoppingCart .shippingMethod .list .item.active{border:1px solid #c4e0f0;background-color:#e8f3f9;}
#ShoppingCart .shippingMethod .list .item.active:before{content:"\e6d8";font-family:iconfont;position:absolute;top:0;right:0;color:#f00;font-size:30px;line-height:30px;}
#ShoppingCart .shippingMethod .list .item .method{float:left;padding-right:15px;border-right:1px solid #d0d0d0;}
#ShoppingCart .shippingMethod .list .item .shippingPrice{float:right;padding-left:15px;line-height:42px;}
#ShoppingCart .settlement{margin-top:30px;}
#ShoppingCart .settlement .tit{border-top:8px solid #0070bb;background-color:#e0e4e9;padding:15px;}
#ShoppingCart .settlement .calculation{overflow:hidden;margin-top:30px;}
#ShoppingCart .settlement .calculation .left{width:50%;float:left;background-color:#f5f5f5;padding:30px 30px 60px 30px;}
#ShoppingCart .settlement .calculation .left>p{line-height:30px;}
#ShoppingCart .settlement .calculation .left>a{margin-top:40px;display:inline-block;}
#ShoppingCart .settlement .calculation .right{width:50%;float:right;padding:0 0 0 60px;}
#ShoppingCart .settlement .calculation .right label{display:inline-block;width:200px;text-align:right;}
#ShoppingCart .settlement .calculation .right span{width:300px;text-align:right;display:inline-block;font-weight:bold;}
#ShoppingCart .settlement .calculation .right>div{margin-top:15px;}
#ShoppingCart .settlement .calculation .right .proTotal{font-size:20px;}
#ShoppingCart .settlement .calculation .right .shippingTotal{font-size:16px;}
#ShoppingCart .settlement .calculation .right .subTotal{padding-top:15px;border-top:2px solid #ececec;font-size:20px;color:#0070bb;}
#ShoppingCart .settlement .calculation .right .btnSubmit{float:right;width:260px;margin-top:30px;text-align:center;background:linear-gradient(to bottom,#90c040 20%,#55870a);height:32px;line-height:32px;color:#ffffff;font-weight:bold;}
#ShoppingCart .settlement .calculation .right .btnSubmit:hover{opacity:0.9}

/*****支付部分*****/
#Process {padding:10px 0;}
#Process .back{color:#0070bb;font-weight:bold;}
#Process .back:hover{text-decoration:underline;}
#Process .process{float:right;text-align:right;}
#Process .process span{margin-left:20px;}
#Process .process span>i{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%;background-color:#666;color:#ffffff;font-style:initial;margin-right:10px;}
#Process .process span.active>i{background-color:#0070bb;}

/*****选择地址*****/
#Payment{overflow:hidden;}
#Payment .left{width:780px;float:left;padding-bottom:40px;}
#Payment .left .title{padding:15px 0;border-bottom:2px solid #d5d5d5;}
#Payment .left .title h2{font-size:20px;line-height:36px;font-weight:normal;overflow:hidden;}
#Payment .left .title h2>i{color:#0070bb;font-size:30px;margin-right:15px;font-weight:bold;float:left;}
#Payment .left .address{padding:30px 50px;border-bottom:2px solid #d5d5d5;}
#Payment .left .address .tit h3{font-size:24px;color:#0070bb;line-height:36px;font-weight:normal;display:inline-block;}
#Payment .left .address .tit h3>i{font-size:30px;float:left;margin-right:15px;line-height:36px;}
#Payment .left .address .tit .edit{float:right;line-height:36px;}
#Payment .left .address .checkAddress{padding:30px 50px 10px;}
#Payment .left .address p{word-wrap: break-word;}
#Payment .left .bottom{overflow:hidden;padding-top:30px;}
#Payment .left .bottom .next{padding:3px 30px;color:#ffffff;background:linear-gradient(to bottom,#90c040 20%,#55870a);float:right;border-radius:5px;}
#Payment .right{width:380px;float:right;background-color:#e0e4e9;padding:20px 15px;margin-top:65px;margin-bottom:20px;}
#Payment .right>h2{font-weight:normal;}
#Payment .right .box{text-align:right;background-color:#ffffff;padding:5px 15px 15px;margin-top:15px;}
#Payment .right .box label{display:inline-block;width:200px;text-align:right;font-size:18px;}
#Payment .right .box span{width:120px;text-align:right;display:inline-block;font-weight:bold;font-size:18px;}
#Payment .right .box>div{margin-top:15px;}
#Payment .right .box .proTotal{font-size:20px;}
#Payment .right .box .shippingTotal{font-size:16px;}
#Payment .right .box .subTotal{padding-top:15px;border-top:2px solid #ececec;font-size:20px;color:#0070bb;}
#Payment .right .btnSubmit{width:100%;display:block;margin-top:30px;text-align:center;background:linear-gradient(to bottom,#90c040 20%,#55870a);height:32px;line-height:32px;color:#ffffff;font-weight:bold;}
#Payment .right .btnSubmit:hover{opacity:0.9}
/*****地址列表*****/
#AddList{display:none;}
.bg{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;}
#AddList .context{overflow:hidden;width:900px;position:fixed;top:20%;left:calc(50% - 400px);background-color:#fff;}
#AddList .context .title{background-color:#e0e4e9;padding:10px 25px;}
#AddList .list{height:360px;overflow-y:auto;padding:15px;}
#AddList .foot{padding:15px 25px;background-color:#e0e4e9;}
#AddList .foot a.confirm{background:linear-gradient(to bottom,#90c040 20%,#55870a);padding:5px 25px;display:block;margin:0 auto;width:150px;text-align:center;color:#fff;}
#AddList .foot a.confirm:hover{opacity:0.8;}
#AddList .item{float:left;width:50%;padding:0 10px;cursor:pointer;position:relative;margin-bottom:20px;}
#AddList .item.active:before{content:"\e6d8";font-family:iconfont;position:absolute;top:1px;right:11px;color:#f00;font-size:30px;line-height:30px;z-index:1;}
#AddList .item:nth-child(2n+1){clear:left;}
#AddList .item .txt{background-color:#f8f8f8;padding:14px 25px;position:relative;height:150px;border:1px solid #f8f8f8;}
#AddList .item.active .txt{border:1px solid #f00;overflow:hidden;}
#AddList .item .txt span.default{position:absolute;right:0;top:0;padding:0 8px;background-color:#0070bb;color:#ffffff;font-size:14px;line-height:24px;}
#AddList .item .txt p{margin-top:5px;word-wrap: break-word;}
#AddList .item .txt p.address{height:40px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#AddList .item1{float:left;width:50%;padding:0 10px;}
#AddList .item1 .txt{background-color:#f8f8f8;padding:14px 25px;position:relative;height:150px;border:1px solid #f8f8f8;}
#AddList .item1 .add_address{text-align:center;}
#AddList .item1 .add_address a.add{width:60px;height:60px;line-height:60px;font-size:36px;color:#d4d4d4;display:block;margin:20px auto 0;}

#AddAddress{width:540px;position:absolute;top:10%;left:calc(50% - 270px);display:none;}
#AddAddress .title{background-color:#e0e4e9;padding:10px 30px;}
#AddAddress .addedit{padding:10px 30px 30px;border-radius:0;background-color:#fff;}
#AddAddress .addedit .area{width:50%;float:left;}
#AddAddress .addedit .area1{padding-right:10px;}
#AddAddress .addedit .area2{padding-left:10px;}

#Payment .PaymentMethod{border-bottom:2px solid #d5d5d5;padding-top:20px;}
#Payment .PaymentMethod .item{background-color:#f5f5f5;padding:15px 20px;}
#Payment .PaymentMethod .item label{overflow:hidden;cursor:pointer;}
#Payment .PaymentMethod .item label>input{float:left;margin:6px 8px 0 0 ;}
#Payment .PaymentMethod .item img{height:25px;margin-left:10px;}

#Payment .left .box{padding:15px 0;border-bottom:2px solid #d5d5d5;}
#Payment .left .box .tit h3{font-size:20px;line-height:36px;font-weight:normal;display:inline-block;}
#Payment .left .box .tit h3>i{font-size:30px;float:left;margin-right:15px;width:30px;float:left;}
#Payment .left .box .tit .edit{float:right;line-height:36px;}
#Payment .left .box .context{padding:15px 45px 10px;}
#Payment .left .box .context>label{width:250px;display:inline-block;}

#Payment .left .CartList table{width:100%;}
#Payment .left .CartList table th{background-color:#e0e4e9;text-align:left;font-weight:normal;padding:8px;}
#Payment .left .CartList table td{padding:8px;border-bottom:2px solid #f5f5f5;}


#PaymentInfo {padding-top:50px;padding-bottom:50px;}
#PaymentInfo .info{text-align:center;}
#PaymentInfo .info>i{font-size:72px;}
#PaymentInfo .info>h3{font-size:22px;font-weight:normal;margin-bottom:30px;}
#PaymentInfo .info>a{padding:10px 20px;background-color:#0070bb;color:#ffffff;margin:0 auto;border:1px solid #0070bb;}
#PaymentInfo .info>a:hover{background-color:#ffffff;color:#0070bb;}

.ntext{font-size:14px;line-height:2;padding-top:20px;}


/*感谢页面*/
#thk_nav{padding:40px 0 30px;line-height:2;}
#thk_nav h2{margin-bottom:20px;font-weight:bold;text-align:center;}
#thk_nav>p{line-height:28px;font-size:14px;}
.btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #0056A7;color:#ffffff;background-color:#0056A7;}
.btnthank:hover{background-color: #ffffff;color: #0056A7;}

/*网站地图*/
#sitemapnav{ width:100%; position:relative;overflow:hidden;}
#sitemapnav li.bigli{line-height:35px;font-size:24px;}
#sitemapnav li.line{height:2px; border-bottom:solid 1px #d2d2d2;margin-bottom:15px;}
#sitemapnav li.cateli{font-size:16px;}
#sitemapnav li.cateli_1{padding-left:20px;}
#sitemapnav li.cateli_2{padding-left:40px;}
#sitemapnav li.cateli_3{padding-left:60px;}
#sitemapnav li.cateli_4{padding-left:80px;}
#sitemapnav li.cateli_5{padding-left:100px;}


#feedbacklist .item{padding-bottom:15px;border-bottom:1px solid #d0d0d0;margin-bottom:15px;}
#feedbacklist .item .orderinfo{float:left;width:60%;}
#feedbacklist .item .orderinfo{line-height:1.5;}
#feedbacklist .item .star{float:right;width:40%;text-align:right;}
#feedbacklist .item .star>a{font-size:24px;color:#d81e16;line-height:36px;}
#feedbacklist .item .remark{clear:left;padding-top:10px;}


@media (max-width:767px) {
    body, td, th, input{font-size:13px;}
    .container{width:100%;}

    header{padding-top:0;}
    header .top{display:none;}
    header .main{display:block;padding:10px;position:relative;padding-bottom:60px;}
    header .main .logo{width:50%;float:left;}
    header .main .search{display:block;position:absolute;left:15px;bottom:10px;right:15px;}
    header .main .search .top_search{width:100%;}
    header .main .search .top_search #textSearch{width:calc(100% - 100px);}
    header .main .info{width:50%;float:right;}
    header .main .info > a{margin-left:5px;width:30px;height:30px;line-height:30px;font-size:20px;}
    header .main .info > .btnMemu{display:inline-block;}
    header .main .info > .btnMemu:before{content:"\e634";font-family:iconfont;}
    header .main .info > .btnMemu.show:before{content:"\e611";}

    header .menu{width:50%;position:fixed;left:-50%;top:0;bottom:0;padding:0 15px;}
    header .menu.show{left:0;}
    header .menu ul.main_nav > li{display:block;float:none;}
    header .menu ul.main_nav > li > a{font-size:14px;padding:6px 0;}
    header .menu .fr{float:none;}
    header .menu .fr a{font-size:14px;padding:6px 0;}
    header .menu ul.main_nav > li.active::before{display:none;}

    #frame1 .intro{width:100%;padding:20px 15px;}
    #frame1 .intro h2{font-size:18px;line-height:24px;}
    #frame1 .intro p{font-size:13px;line-height:18px;margin-top:10px;}
    #frame1 .banner{width:100%;}

    #frame2 .box{padding:15px;margin-bottom:0;}
    #frame2 .box .title h2{font-size:18px;line-height:24px;}
    #frame2 .box .title a.more{margin:0;}
    #frame2 .box .proList .item{width:48%;float:left;margin:0 1% 15px;}
    #frame2 .box .proList .item .txt h3{font-size:13px;line-height:18px;height:36px;}
    #frame2 .box .proList .item:nth-child(7n+1){clear:none;}
    #frame2 .box .proList .item:nth-child(2n+1){clear:left;}


    footer > div.foot{display:none;}
    footer > div.copyright .langlist{display:none;}    
    footer #copy .fl{float:none;text-align:center;font-size:12px;}
    footer #copy .fr{float:none;text-align:center;font-size:12px;}

    #float{}
    #float dd a{padding:3px 10px;font-size:12px;}

    #ntframe .condition{padding:10px 15px;display:none;}
    #ProductList{padding:0 15px;margin-top:0;}
    #ProductList .left_nav{width:100%;float:none;}
    #ProductList .left_nav dl > dt{padding:10px 15px;}
    #ProductList .left_nav .taglist > h2{padding:10px 15px;}
    #ProductList .left_nav dl > dd{padding:10px 15px;}
    #ProductList .left_nav dl > dd.active .childCate{display:block;}
    #ProductList .left_nav dl > dd .childCate{background:none!important;position:relative;left:0;top:0;width:100%;border:none;padding:5px 15px 0;min-height:initial;}
    #ProductList .left_nav dl > dd .childCate::before {content:"";background:none;}
    #ProductList .left_nav dl > dd .childCate h3{display:none;}
    #ProductList .left_nav dl > dd .childCate a{display:block;}

    #ProductList .right_nav{width:100%;}
    #ProductList .right_nav .prolist .item .img{width:30%;height:auto;}
    #ProductList .right_nav .prolist .item .txt{width:70%;padding-left:15px;}
    #ProductList .right_nav .prolist .item .txt p{font-size:12px;line-height:18px;}
    #ProductList .right_nav .prolist .item .txt span{width:100px;font-size:12px;line-height:18px;}
    #ProductList .right_nav .prolist .item .pricelist{display:none;}

    .Pagination{text-align:center;}
    .Pagination .pager{width:100%;justify-content:center;margin-top:10px;float:none;flex-wrap:wrap;}
    .Pagination .pager .page-numbers{min-width:25px;height:25px;line-height:25px;padding:0 8px;overflow:hidden;}
    .Pagination .pager .page-numbers.prev,
    .Pagination .pager .page-numbers.next{width:25px;padding:0;}
    .Pagination .pager .page-numbers>.iconfont{display:block;}

    #ProductDetail{padding:15px;}
    #ProductDetail .info{display:block;}
    #ProductDetail .info .left{width:100%;margin-bottom:15px;}
    #ProductDetail .info .left .title{padding:5px 10px;}
    #ProductDetail .info .left .title > h1{font-size:16px;}
    #ProductDetail .info .left .context{display:block;height:auto;}
    #ProductDetail .info .left .context .pic{width:100%;padding:15px;border-right:none;}
    #ProductDetail .info .left .context .text{width:100%;}
    #ProductDetail .info .param{padding:5px 10px;font-size:13px;line-height:18px;}
    #ProductDetail .info .param label{font-size:13px;line-height:18px;width:auto;margin-right:15px;}

    #ProductDetail .info .right{width:100%;}
    #ProductDetail .info .right .title{padding:5px 10px;}
    #ProductDetail .info .right .title > h3{font-size:16px;}
    #ProductDetail .info .right .price{padding:10px 15px;}
    #ProductDetail .info .param .quabtity > a{float:left;}
    #ProductDetail .info .right .price h3{font-size:16px;}

    #ProductDetail .detail{}
    #ProductDetail .detail .title{padding:5px 10px;}
    #ProductDetail .detail .title > h3{font-size:16px;}
    #ProductDetail .detail .context{font-size:13px; word-break: break-all;}

    #ProductDetail .relatePro{padding-bottom:0;}
    #ProductDetail .relatePro .title{padding:5px 10px;}
    #ProductDetail .relatePro .title > h3{font-size:16px;}
    #ProductDetail .relatePro .prolist .item{width:50%;margin-bottom:15px;}
    #ProductDetail .relatePro .prolist .item:nth-child(7){display:none;}

    #ContactPage{padding:0 15px 15px;}
    .ntext{font-size:13px;line-height:18px;}

    #ContactPage .contactList dl{width:100%;}
    #ContactPage .contactList dl > dt{width:100%;}
    #ContactPage .contactList dl > dd{width:100%;}

    #ContactPage .title{padding:15px 0;}
    #ContactPage .feed_show .form-group{width:100%; }
    #ContactPage .feed_show .form-group.fl{padding-right:0;}
    #ContactPage .feed_show .form-group.fr{padding-left:0;}
    #ContactPage .feed_show .form-group > label{font-size:13px;}
    #ContactPage .feed_show p{font-size:13px;}
    #btnSend{padding:6px;font-size:14px;height:36px;}

    #Register{padding:0 15px;}
    #Register .register .left{width:100%;}
    .form-control{padding:15px;}
    #Register .register .right{width:100%;padding:15px;}

    #ShoppingCart{padding:10px 15px;}
    #ShoppingCart .action{display:none;}
    #ShoppingCart .prolist table{border-collapse:collapse;}
    #ShoppingCart .prolist table>thead{display:none;}
    #ShoppingCart .prolist table>tbody tr{border-bottom:1px solid #ddd;}
    #ShoppingCart .prolist table>tbody tr>td{float:left;border-bottom:none;padding:10px;}
    #ShoppingCart .prolist table>tbody tr>td:nth-child(1){width:15%;}
    #ShoppingCart .prolist table>tbody tr>td:nth-child(2){width:85%;}
    #ShoppingCart .prolist table>tbody tr>td:nth-child(3){clear:both;width:40%;}
    #ShoppingCart .prolist table>tbody tr>td:nth-child(4),#ShoppingCart .prolist table>tbody tr>td:nth-child(6){display:none;}    
    #ShoppingCart .prolist table>tbody tr>td:nth-child(5){text-align:center;width:40%;}
    #ShoppingCart .prolist table>tbody tr>td:nth-child(7){width:20%;}

    #ShoppingCart .settlement .calculation .left{width:100%;padding:15px;}
    #ShoppingCart .settlement .calculation .left > p{line-height:20px;font-size:13px;}
    #ShoppingCart .settlement .calculation .right{width:100%;padding:10px 15px;}
    #ShoppingCart .settlement .calculation .right .proTotal{font-size:16px;}
    #ShoppingCart .settlement .calculation .right .subTotal{font-size:16px;}
    #ShoppingCart .settlement .calculation .right label{width:150px;}
    #ShoppingCart .settlement .calculation .right span{width:150px;}

    #Process{padding:10px 15px;}
    #Process .back{margin-bottom:5px;display:block;}
    #Process .process{text-align:left;float:none;}
    #Process .process span{margin:0 10px 0 0;}
    #Payment{padding:0 15px;}
    #Payment .left{width:100%;padding-bottom:20px;}
    #Payment .left .address{padding:15px 0;}
    #Payment .left .address .tit h3{font-size:16px;}
    #Payment .left .address .checkAddress{padding:10px 10px;}
    #Payment .left .title{padding:10px;}
    #Payment .left .title h2{font-size:16px;}
    .spmethod .item{margin:10px 0 0 0!important;padding:10px!important;font-size:13px;}

    #Payment .right{width:100%;margin-top:0;padding:15px;}
    #Payment .right > h2{font-size:18px;}
    #Payment .right .box{padding:5px 10px;}
    #Payment .right .box label{font-size:14px;}
    #Payment .right .box span{font-size:14px;}
    #Payment .right .box > div{margin-top:8px;}
    #Payment .right .box .subTotal{padding-top:5px;}

    #Payment .left .box .context{padding:10px 15px;}
    #Payment .left .box .tit h3{font-size:16px;}

    #AddList .context{width:96%;left:2%;right:2%;}
    #AddList .list{padding:10px 5px;}
    #AddList .item{width:100%;}
    #AddList .item .txt{padding:10px;}

    #AddAddress{width:96%;left:2%;}
    #AddAddress .addedit{padding:10px 15px 30px;}

    #Account{padding:15px;}
    #Account .left_nav{float:none;width:100%;margin-bottom:15px;}
    #Account .right_nav{float:none;width:100%;}
    #Account .right_nav .shortcuts .count{margin-top:10px;padding:15px;}
    #Account .right_nav .shortcuts .count ul > li{width:50%;border-bottom:1px solid #d0d0d0;padding:10px 0;}
    #Account .right_nav .shortcuts .count ul > li + li{border-left:0;}
    #Account .right_nav .shortcuts .count ul > li:nth-child(2n+1){border-right:1px solid #d0d0d0;}
    #Account .right_nav .shortcuts .count ul > li:nth-child(5){border-bottom:none;}

    #Account .right_nav .myorder .tab_status > a{padding:5px 15px;}
    #Account .right_nav .myorder .search_mod .search_item{margin:10px 20px 0 0;}
    #Account .right_nav .myorder .search_mod .search_item input[type="text"]{width:100px;}
    #Account .right_nav .orderlist table td{font-size:12px;line-height:18px;}
    #Account .right_nav .orderlist .thead{display:none;}
    #Account .right_nav .orderlist .tbody .viewdetail{display:block;margin-left:0;}
    #Account .right_nav .orderlist .tbody{margin-bottom:15px;margin-top:15px;}
    #Account .right_nav .orderlist .tbody td{float:left;width:100%;}    
    #Account .right_nav .orderlist .tbody .td1 .prolist .item{padding:5px;}
    #Account .right_nav .orderlist .tbody .td1{}
    #Account .right_nav .orderlist .tbody .td2{width:50%;border:none;}
    #Account .right_nav .orderlist .tbody .td3{width:50%;border:none;}
    #Account .right_nav .orderlist .tbody .td4{border:none;}
    #Account .right_nav .orderlist .btnlist > a{margin:0 5px;}
    #Account .right_nav .orderlist{padding-bottom:0;}

    #Account .right_nav .title h3{font-size:18px;line-height:24px;}
    #Account .right_nav .orderdetail h3{font-size:16px;}
    #Account .right_nav .orderdetail h3 .fr{float:left;font-size:14px;}
    #Account .right_nav .orderdetail .orderInfo{padding:15px 10px;}
    #Account .right_nav .orderdetail .orderInfo p{padding:3px 0;font-size:13px;line-height:20xp;}
    #Account .right_nav .orderdetail .orderInfo p > label{width:auto;padding-right:15px;}

    #Account .right_nav .orderdetail .box3 table > thead{display:none;}
    #Account .right_nav .orderdetail .box3 table tr{margin-bottom:15px;display:block;overflow:hidden;}
    #Account .right_nav .orderdetail .box3 table td{float:left;width:100%;}
    #Account .right_nav .orderdetail .box3 table td:nth-child(2),#Account .right_nav .orderdetail .box3 table td:nth-child(5){display:none;}
    #Account .right_nav .orderdetail .box3 table td:nth-child(3){width:40%;text-align:center;}
    #Account .right_nav .orderdetail .box3 table td:nth-child(4){width:60%;text-align:center;}

    #Account .right_nav .messagecenter .messagelist ul > li span{display:block;width:auto;text-align:left;float:none;}
    #Account .right_nav .messagecenter .messagelist ul > li p{padding-left:0;display:block;}
    #Account .right_nav .messagecenter .messagelist ul > li div.detail{padding-left:0;}

    #Account .right_nav .viewed .prolist .item{width:50%;}
    #Account .right_nav .viewed .prolist .item:nth-child(5n+1){clear:none;}
    #Account .right_nav .viewed .prolist .item:nth-child(2n+1){clear:left;}

    #Account .right_nav .wishlist .prolist .item{width:50%;}
    #Account .right_nav .wishlist .prolist .item:nth-child(5n+1){clear:none;}
    #Account .right_nav .wishlist .prolist .item:nth-child(2n+1){clear:left;}
    #Account .right_nav .addresslist .item{width:100%;}
    #Account .right_nav .addresslist .item .txt{padding:10px 15px;height:auto;}
    #Account .right_nav .addedit{width:100%;padding:15px;}
    #Account .right_nav .addedit .area{width:100%;padding:0;}
    #Account .right_nav .accountsettings .box label{float:none;display:block;width:100%;}
    #Account .right_nav .accountsettings .box .txt{padding:0;margin-top:10px;}
    #Account .right_nav .accountsettings .input-group input{height:32px;}
    
    #feedbacklist .item .star>a{font-size:18px;line-height:24px;}
}