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:var(--main-color)}
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:var(--main-color);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: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #fff;
}

.container{max-width:1400px;width:100%;padding:0 15px;}
.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%;}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:flex-start;flex-wrap:wrap; flex-direction:column;}
.flex_center{display:flex;align-items:center;}
.flex_vcenter{display:flex;flex-flow:column;justify-content:center;}
@font-face {
  font-family: 'iconfont';  /* Project id 1557575 */
  src: url('//at.alicdn.com/t/c/font_1557575_4g44c7wasgt.woff2?t=1729147604923') format('woff2'),
       url('//at.alicdn.com/t/c/font_1557575_4g44c7wasgt.woff?t=1729147604923') format('woff'),
       url('//at.alicdn.com/t/c/font_1557575_4g44c7wasgt.ttf?t=1729147604923') format('truetype');
}
.iconfont{font-family:'iconfont';font-style:inherit!important;}


header{background-color:#fff;transition: all 0.3s;box-shadow:0 5px 5px #eee;}
header .menu{background:linear-gradient(to right,#eed696 12%,#fff 12%);position: relative;}
header .menu:before{content:"";border-width: 45px 10px;border-color: #eed696 transparent transparent #eed696;border-style: solid;position: absolute;left:12%;top: 0;}
header .menu .info{flex:1;padding-top:5px;}
header .menu .info>a{display:inline-block;height:40px;line-height:40px;margin-left:10px;text-align:center;font-size:16px;overflow:hidden;vertical-align: top;}
header .menu .info>a>i{font-size:24px;display:inline-block;margin-right:5px;vertical-align: top;}
header .menu .info>a:hover{color:var(--main-color);}
header .menu .info>.btnMemu{display:none;}

header .top{background-color:#000;}
header .top .left{margin:0;padding:10px 0;}
header .top .right{margin:0;padding:5px 0;}
header .top .share>a{display:inline-block;line-height:24px;color:#fff;font-size:18px;margin-right:15px;}

header .menu{padding:20px 0;}
header .menu ul.main_nav>li{float:left;position:relative;}
header .menu ul.main_nav>li>a{padding:13px 35px 13px 15px;display:inline-block;line-height:24px;font-size:16px;}
header .menu ul.main_nav>li.active>a{color:var(--main-color);}
header .menu .fr a{padding:13px 0;display:inline-block;line-height:24px;font-size:16px;}

header .menu ul.main_nav>li ul.dropdown-menu{position:absolute;top:100%;background-color:#fff;display:none;z-index:2;min-width:100%;box-shadow:0 10px 15px rgba(0,0,0,0.17);border-bottom:2px solid var(--main-color);}
header .menu ul.main_nav>li ul.dropdown-menu>li{display:block;position:relative;}
header .menu ul.main_nav>li ul.dropdown-menu>li>a{line-height:24px; font-size:16px; padding:10px 30px 10px 20px;display:block;white-space: nowrap;text-align:left;position:relative;}
header .menu ul.main_nav>li ul.dropdown-menu>li>a.icon_right:after{content:"\e8e3";font-family:iconfont;display:inline-block;margin-left:5px;font-size:10px;position:absolute;right:10px;}
header .menu ul.main_nav>li ul.dropdown-menu>li:not(:last-child)>a{border-bottom:1px solid #e5e5e5;}
header .menu ul.main_nav>li ul.dropdown-menu>li>a>i{font-size:14px;line-height:24px;position:absolute;right:10px;top:11px;font-style:initial;}
header .menu ul.main_nav>li ul.dropdown-menu>li.caret{position:relative;}
header .menu ul.main_nav>li ul.dropdown-menu>li.caret:before{content:"\e87c";font-family:iconfont;position:absolute;right:10px;top:10px;}
header .menu ul.main_nav>li ul.dropdown-menu>li:hover>a,#Menu ul>li ul.dropdown-menu>li>a:hover{color:#fff;background-color:var(--main-color);}
header .menu ul.main_nav>li ul.dropdown-menu>li.caret:hover:before{color:#fff;z-index:2}
header .menu ul.main_nav>li:hover ul.dropdown-menu{display:block;}
header .menu ul.main_nav>li ul.dropdown-menu ul.catemenu{left:100%;top:0;border-left:1px solid #fff;display:none;}
header .menu ul.main_nav>li ul.dropdown-menu>li:hover>ul.catemenu{display:block;}
#search{display:block;position:relative;}
#search #sform{height:36px;width:270px;z-index:5;border-bottom:1px solid #fff;overflow:hidden;}
#search #sform #stext{float:left;height:36px;line-height:36px;width:calc(100% - 36px);border:0;background: transparent;color:#fff;}
#search #sform #sbut{border:none;cursor:pointer;float:right;height:36px;width:36px;color:#fff;font-size:18px;background-color:transparent;}

/*************首页*************/
#bframe{position:relative;}
#bframe img{width:100%;}
#bframe .swiper-pagination{bottom:30px;width:100%;z-index:1;}
#bframe .swiper-pagination-bullet{width:12px;height:12px;border:none;margin:0 10px;border-radius:50%;opacity:1;background-color:#fff;}
#bframe .swiper-pagination-bullet-active{background-color:var(--main-color);}
#bframe .btnlist{}
#bframe .btnlist .swbtn{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;position:absolute;color:#fff;top:calc(50% - 25px);background-color:rgba(255,255,255,0.3);z-index:1;border-radius:50%;}
#bframe .btnlist .swbtn>i{font-size:30px;}
#bframe .btnlist .swbtn.btn-prev{left:calc(10px + 5vw);}
#bframe .btnlist .swbtn.btn-next{right:calc(10px + 5vw);transform:rotate(180deg);}
@media (max-width:767px){
    #bframe .btnlist .swbtn{width:36px;height:36px;line-height:36px;}
    #bframe .btnlist .swbtn>i{font-size:24px;}
    #bframe .btnlist .swbtn.btn-prev{left:15px;}
    #bframe .btnlist .swbtn.btn-next{right:15px;}
}


.frame{padding-top:50px;padding-bottom:50px;}
.frame .title{margin-bottom:40px;text-align:center;}
.frame .title h2{font-size:48px;}

#frame1 .list .item{width:calc((100% - 60px)/4);margin:0 20px 20px 0;}
#frame1 .list .item:nth-child(4n){margin-right:0;}
#frame1 .list .item .img{border:1px solid #ddd;background-color:#fff;}
#frame1 .list .item .txt{padding-top:10px;}
#frame1 .list .item .txt h3{font-weight:normal;font-size:16px;margin-bottom:5px;}
#frame1 .list .item .txt .price{color:red;font-size:20px;}

#frame2{}
#frame2 .list .item{width:calc((100% - 60px)/3);margin:0 30px 0 0;}
#frame2 .list .item:nth-child(3n){margin-right:0;}
#frame2 .list .item .img{border:1px solid #ddd;background-color:#fff;}
#frame2 .list .item .img img{width:100%;}
#frame2 .list .item .txt{padding-top:10px;}
#frame2 .list .item .txt h3{font-weight:normal;font-size:16px;margin-bottom:5px;}
#frame2 .list .item .txt .price{color:red;font-size:20px;}


#frame3 .list .item{width:calc((100% - 60px)/4);margin:0 20px 20px 0;}
#frame3 .list .item:nth-child(4n){margin-right:0;}
#frame3 .list .item .img{border:1px solid #ddd;background-color:#fff;}
#frame3 .list .item .txt{padding-top:10px;}
#frame3 .list .item .txt h3{font-weight:normal;font-size:16px;margin-bottom:5px;}
#frame3 .list .item .txt .price{color:red;font-size:20px;}
/*************首页结束*************/

footer{background:#000 url(/dist/image/foot_bg.png) no-repeat left 20% bottom;padding-top:80px;padding-bottom:80px;}
footer .flex_between>div{margin:0;}
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{text-decoration:underline;color:#fff;}
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 -40px -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{position:relative;font-size:24px;color:#fff;}

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{text-decoration:underline;color:#fff;}
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{text-decoration:underline;color:#fff;}

#float{position:fixed;left:0;top:40%;background-color:var(--main-color);}
#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:var(--main-color);}
#Location a:hover{text-decoration:underline;}
#Location i{margin:0 8px;}

.ntframe{padding-top:50px;padding-bottom:50px;}
.ntframe .title{margin-bottom:30px;text-align:center;}
.ntframe .title h2{font-size:30px;}

/*************产品列表*************/
#ntframe .condition{overflow:hidden;padding:13px 25px;background-color:var(--main-color);}
#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{}
#ProductList .prolist .item{width:calc((100% - 60px)/4);margin:0 20px 20px 0;}
#ProductList .prolist .item:nth-child(4n){margin-right:0;}
#ProductList .prolist .item .img{border:1px solid #ddd;background-color:#fff;}
#ProductList .prolist .item .txt{padding-top:10px;}
#ProductList .prolist .item .txt h3{font-weight:normal;font-size:16px;margin-bottom:5px;}
#ProductList .prolist .item .txt .price{color:red;font-size:20px;}

.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;}
.Pagination .pager>a{background-color:var(--main-color);color:#ffffff;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:top;}

/*************产品详情*************/
#ProductDetail .info{display:flex;align-items:stretch;border-radius:5px;overflow:hidden;border:1px solid #d0d0d0;}
#ProductDetail .info .left{width:45%;margin-left:0;}
#ProductDetail .info .left .context{display:flex;height:calc(100% - 55px);}
#ProductDetail .info .left .context .pic{width:100%;border-right:1px solid #d0d0d0;padding:35px;}
#ProductDetail .info .left .context .pic img{border:1px solid #d0d0d0;width:100%;}
#ProductDetail .info .left .context .pic .gallery-top .swiper-slide{margin-bottom:3px;}
#ProductDetail .info .left .context .pic .gallery-thumbs{margin-top:10px;}
#ProductDetail .info .left .context .pic .gallery-thumbs .swiper-slide{margin:0 0 3px;}
#ProductDetail .info .left .context .pic .gallery-thumbs .swiper-slide-thumb-active img{border-color:var(--main-color);}
#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 var(--main-color) transparent;}
#ProductDetail .info .left .context .pic p{font-size:12px;color:#8e8e8e;margin-top:15px;}
#ProductDetail .info .param{padding:15px 25px;border-bottom:1px solid #d0d0d0;}
#ProductDetail .info .param label{display:inline-block;width:130px;font-size:16px;}
#ProductDetail .info .param label.tag{display:inline-block;width:auto;margin:0 5px 5px 0;cursor:pointer;min-width:60px;border:1px solid #ddd;text-align:center;}
#ProductDetail .info .param label.tag.active{border:1px solid red;}
#ProductDetail .info .param label.img{display:inline-block;width:60px;border:1px solid #ddd;margin:0 5px 5px 0;cursor:pointer;}
#ProductDetail .info .param label.img.active{border:1px solid red;position:relative;}
#ProductDetail .info .param label.img.active:before{content:"\e6d8";font-family:iconfont;color:red;position:absolute;right:0;top:0;line-height:1;font-size:20px;}
#ProductDetail .info .param#ColorList,#ProductDetail .info .param#SizeList{display:flex;}
#ProductDetail .info .param#ColorList .list,#ProductDetail .info .param#SizeList .list{flex:1;}
#ProductDetail .info .right{width:55%;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:var(--main-color);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:20px;}
#ProductDetail .info .right .price .table_price tr{border-bottom:1px solid #ddd;}
#ProductDetail .info .right .price .table_price thead th{background-color:#e0e4e9;padding:5px;line-height:24px;}
#ProductDetail .info .right .price .table_price tbody th{background-color:#f5f5f5;padding:5px;line-height:24px;font-size:14px;color:var(--main-color);}
#ProductDetail .info .right .price .table_price tbody td{padding:5px;font-size:14px;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;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:var(--main-color)}
#ProductDetail .relatePro .prolist .item .operate{display:flex;justify-content:space-between;}
#ProductDetail .relatePro .prolist .item .operate>a{background-color:var(--main-color);display:inline-block;height:20px;line-height:20px;color:#ffffff;width:20px;text-align:center;}
#ProductDetail .relatePro .prolist .item .operate>a.buy{flex:1;font-size:12px;margin-right:3px;}
#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:var(--main-color);}
#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:var(--main-color);color:#ffffff;text-align:center;border:none;margin-top:10px;text-transform:uppercase;cursor:pointer;border:1px solid var(--main-color);}
#btnSend:hover{background-color:#ffffff;color:var(--main-color);}

/*************新闻页面*************/
.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:var(--main-color);color:#ffffff;}
.btnlist>a.btn-default:hover{background-color:#ccc;color:var(--main-color);}
.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:var(--main-color);}
#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:var(--main-color);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 var(--main-color);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:var(--main-color);}
#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:var(--main-color);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:var(--main-color);}
#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 var(--main-color);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:var(--main-color);}
#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:var(--main-color);text-transform:uppercase;}
#Account .right_nav .orderlist{padding-bottom:30px;border-bottom:7px solid var(--main-color);}
#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:var(--main-color);display:inline-block;margin-left:20px;}
#Account .right_nav .orderlist .tbody .viewdetail:hover{color:var(--main-color);}
#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:var(--main-color);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:var(--main-color);}
#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:var(--main-color);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:var(--main-color);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:var(--main-color);margin-top:8px;}
/*****浏览记录*****/
#Account .right_nav .viewed{margin-top:20px;}
#Account .right_nav .viewed .tab_date{overflow:hidden;border-left:6px solid var(--main-color);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:var(--main-color);}
#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:var(--main-color)}
#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:var(--main-color);}
#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:var(--main-color)}
#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:var(--main-color);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:var(--main-color);}
#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:var(--main-color);display:inline-block;margin-right:10px;}
#ShoppingCart .action{padding:15px 10px;background-color:#e0e4e9;margin-top:20px;text-align:right;}
#ShoppingCart .action>a{color:var(--main-color);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 var(--main-color);}
#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:var(--main-color);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:var(--main-color);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 var(--main-color);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 var(--main-color);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:var(--main-color);}
#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:var(--main-color);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:var(--main-color);}

/*****选择地址*****/
#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:var(--main-color);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:var(--main-color);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:var(--main-color);}
#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:var(--main-color);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:var(--main-color);color:#ffffff;margin:0 auto;border:1px solid var(--main-color);}
#PaymentInfo .info>a:hover{background-color:#ffffff;color:var(--main-color);}

.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:var(--main-color);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%;text-align:center;margin-top:10px}
    .Pagination .pager > a{width:25px;height:25px;line-height:25px;overflow:hidden;}
    .Pagination .pager > a>.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;}
}