@import url('https://fonts.googleapis.com/css2?family=Baloo+2&family=Poppins:wght@100&display=swap');
html,body{padding: 0px; margin: 0px;font-size: 16px; font-family: 'Baloo 2',cursive,Arial,sans-serif;}
ul,li{margin: 0px;padding: 0px;list-style: none;}
a{text-decoration: none;color: #222;}
a:hover{text-decoration: none;color: #5ADC32;}
form{margin: 0px;padding: 0px;}
h3{padding: 0px;margin: 0px;}
h2{padding: 0px;margin: 0px;}
h1{padding: 0px;margin: 0px;}
/* head头部*/
.caboxin{width: 33%;display: inline-block;box-sizing: border-box;vertical-align: top;}
.Homebanner{height: 80px;background: url(../img/Homebanner.jpg);background-position: center;}
.Homebannertitle{font-size: 24px;line-height: 26px;color:#15B4DC;text-align: center;padding-top: 15px;}
.Homebannerdes{font-size: 18px;line-height: 20px;text-align: center;height: 20px;color: #333333;}
.header{height: 100px;border-top: 1px solid #E6E6E6}
.head{width: 1440px;margin: auto;box-sizing: border-box;}
.headlogo{width: 330px;vertical-align: top;display: inline-block;line-height: 140px}
.headlogo>a>img{max-width: 300px;}
.searchbox{display: inline-block;width:510px;box-sizing: border-box;vertical-align: top;padding-top: 25px;}
.allca{border: 1px solid #E6E6E6;display: inline-block;width: 175px;vertical-align: top;text-align: center;height: 40px;line-height: 40px;cursor: pointer;box-sizing: border-box;}
.allca>svg{vertical-align: middle;}
.allca>a{vertical-align: middle;}
.allca:hover{color:#15B4DC;}
.searchboxin{border: 1px solid #E6E6E6;width: 410px;display: inline-block;vertical-align: top;height: 40px;line-height: 40px;box-sizing: border-box;}
.searchboxin>input{border: none;width: 90%;outline:none;padding: 5px 20px;font-size: 16px;color: #999}
.searchbtn{width: 100px;display: inline-block;vertical-align: top;height: 40px;background: #15B4DC;text-align: center;color: #fff;line-height: 40px;box-sizing: border-box;}
.searchbtn:hover{background: #15B4DC;cursor: pointer;}
.service{display: inline-block;box-sizing: border-box;vertical-align: top;height: 40px;color: #222;padding-left:30px;padding-top: 25px;}
.service>a{color: #666;}
.service>a:hover{color: #15B4DC;}
.icon{font-size: 35px;line-height: 1;font-weight: 400;text-align: center;}
.content{flex:1 1 auto;box-sizing:border-box;display: inline-block;line-height: 20px;}
.title{display:block;font-weight:600;}
.login{display: inline-block;box-sizing: border-box;vertical-align: top;height: 40px;padding-top: 25px;padding-left: 30px;}
.loginbox{padding-left: 20px;border-left: 1px solid #E6E6E6;}
.loginbox>a{color:#333;padding: 13px;position: relative;}
.count{position: absolute;
    min-width: 20px;
    min-height: 20px;
    right:10px;
    bottom: 15px;
    background-color:#15B4DC;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 90px;
    z-index: 1;
    text-decoration: none!important;
}
.loginbox .text{display: inline-block;line-height: 40px;height: 40px;vertical-align: top;padding-left: 10px;}
.loginbox .inheat{color: #15B4DC;}
.loginbox .xie{color:#ccc;font-style:italic;}
.loginbox .xie2{padding-left: 5px;}
.headbar{width: 100%;margin: auto;box-sizing: border-box;height: 50px;position: relative;background: #f0f0f0;border-bottom: 2px solid #15B4DC;}
.headbarbox{max-width: 1440px;margin: auto;}
.categories{width: 100%;vertical-align: top;box-sizing: border-box;position: relative;}
.categories>ul>li{display: inline-block;padding-left: 40px;padding-right: 40px;height: 50px;line-height: 50px;position: relative;text-align: center;}
.categories a{color: #000;font-size: 16px;}
.categories a:hover{color: #15B4DC;}
.smallca_body_right{position: absolute;right: 0px;top:0px;}
.smallca_body a{color: #666;}
.smallca_foot{height: 20px;width: 100%;}
.smallca_title{line-height: 30px;font-size: 16px;font-weight: bold;color: #333;}
.allcalist{display: none;position: absolute;background: #fff;width: 330px;text-align: left;box-sizing: border-box;z-index: 9999;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.allcalist>ul>li{border-bottom: 1px solid #E6E6E6;padding-left: 15px;position: relative;margin-right:20px;display: block;box-sizing: border-box;padding-top: 5px;padding-bottom: 5px;}
.smallca_body{position: relative;box-sizing: border-box;line-height: 25px!important;height: 25px!important;}
.allcalist>ul>li>.smallca{background: #fff;box-shadow: 0 4px 10px rgb(0 0 0 / 20%);overflow: hidden;position:absolute;z-index: 999;top:0px;left: calc(100% - 15px);opacity:0;padding: 10px;min-width: 800px;transform: translateX(15px);transition: all 0.5s ease;visibility:hidden;box-sizing: border-box;}
.allcalist>ul>li:hover .smallca{opacity:1;visibility:visible;}
.alllang{display: none;position: absolute;background: #f0f0f0;width: 120px;text-align: left;padding-left: 15px;box-sizing: border-box;z-index: 9999;}
.alllang>ul>li{line-height: 30px;height: 30px;}
.alllang>ul>li>a>svg{vertical-align: middle;padding-left: 10px;}
.lang:hover .alllang{display:block;}
.lang{box-sizing: border-box;vertical-align: top;height: 40px;line-height: 40px;text-align: center;margin-left: 20px;display: inline-block;}
.lang>a>svg{vertical-align: middle;padding-left: 10px;}
.lang>svg{vertical-align: middle;}
.delang{cursor: pointer;color: #000;}
.smallbox{display: none;background: #f0f0f0;position:absolute;z-index: 9999;min-width: 160px;}
.smallboxli{height: 30px!important;line-height: 30px!important;text-align: left!important;padding-left: 10px;}
.smallbox a{color: #000;}
.smallbox a:hover{color: #15B4DC;}
.categories>ul>li:hover .smallbox{display: block;}

.banner{width: 100%;height: 200px;background-position: center;}
.bodycontent{max-width: 1440px;margin: auto;box-sizing: border-box;padding-top: 80px;}
/* 左侧列表*/
.bodyleft{width: 300px;display:inline-block;box-sizing: border-box;vertical-align: top;padding-right: 20px;}
.bodyright{width:calc(100% - 330px);display:inline-block;box-sizing: border-box;vertical-align: top;}
.bodyleft>h2{font-size: 20px;font-weight:600;}
.cat-item{line-height: 30px;}
/*.cat-item:before{font-family:FontAwesome, sans-serif;content:"\f096";}*/
/*.cat-item:before{font-family:FontAwesome, sans-serif;content:"\f046";}*/
.cat-item>a:before{font-family:FontAwesome, sans-serif;content:"\f096";font-size: 15px;padding-right: 10px;}
.itemchecked>a:before{font-family:FontAwesome, sans-serif;content:"\f046";font-size: 15px;padding-right: 10px;}
.caleft{padding-left: 20px;}
.boxfix{max-height: 300px;overflow-y: auto;}
.boxfix>a{line-height: 30px;display: block;}
.baseline{margin-top: 30px;padding-top: 30px;border-top: 1px solid #E6E6E6;padding-bottom: 20px;}
.boxfix>a>i{display:inline-block;width:14px;height:14px;border-radius: 80px;vertical-align: middle;border: 1px solid #E6E6E6;}
.sactive>i{display:inline-block;width:14px;height:14px;border-radius: 80px;vertical-align: middle;border: 1px solid #222;}
.mactive{border: 1px solid #222!important;}
.cat-taga{display: inline-block;margin-right: 5px;border: 1px solid #E6E6E6;padding-left: 10px;padding-right: 10px;margin-bottom: 10px;}
.cat-tagb{display: inline-block;margin-right: 5px;background: #E6E6E6;padding-left: 10px;padding-right: 10px;margin-bottom: 10px;}
.cat-tagb a:hover{background: #5ADC32;color: #fff}
.cat-tagb:hover{background: #5ADC32;}
.cat-taga a:hover{background: #5ADC32;color: #fff}
.cat-taga:hover{background: #5ADC32;color: #fff}
/*右侧列表*/
.menutop{box-sizing: border-box;padding-bottom: 25px;}
.menutopleft{display: inline-block;box-sizing: border-box;vertical-align: top;width: 50%;padding-left:15px;}
.menutopleft>h1{font-size: 24px;}
.menutopright{display: inline-block;box-sizing: border-box;vertical-align: top;width: 50%;text-align: right;padding-right:15px;}
.showsortby .text{color: #999;}
.showsortby{position: relative;max-width: 230px;float: right;}
.showsortby .sortbybox{display: none;position: absolute;min-width: 230px;line-height: 30px;background: #fff;z-index: 9999;padding-right: 10px;padding-left: 10px;box-sizing:border-box;box-shadow: 0 4px 10px rgb(0 0 0 / 20%);text-align: center;}
.sortbybox>a{line-height: 30px;display: block;border-bottom: 1px solid #e6e6e6;}
.showsortby>a:hover{color: #15B4DC;cursor: pointer;}
.showsortby:hover .sortbybox{display: block;}
.showsortby>svg{vertical-align: middle;}
.probox{
    width: 25%;
    background: #fff;
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 15px;
    vertical-align: top;
    padding-bottom: 30px;
}

.procontent{
    border: 1px solid #E6E6E6;
    width: 100%;
    position: relative;
}
.imgbox{width: 100%;overflow: hidden;}
.imgbox>a>img{max-width: 100%;transition: all 0.4s ease-out 0s;}
.imgbox>a>img:hover{transform: scale(1.3);}
.imgbox .cebian{position: absolute;top:0px;width: 0px;transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);height: 150px;right: 0px;display: none;}
.imgbox:hover .cebian{width: 50px;display: block;}
.cebian>span{width: 25px;height: 25px;background:#5ADC32;color: #fff;padding: 10px;border-radius: 80px;display: block;margin-top: 15px;cursor: pointer;}
.cebian .view:before{font-family:main-icon, sans-serif;content:"\e923";font-size: 25px;display: block;color: #fff;}
.cebian .fav:before{font-family:main-icon, sans-serif;content:"\e90c";font-size: 25px;display: block;color: #fff;}
.cebian .cart:before{font-family:main-icon, sans-serif;content:"\e922";font-size: 25px;display: block;color: #fff;}

.protitle{font-size: 18px;text-align: center;line-height: 40px;height: 40px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.star{background: url(../img/stars.png) repeat-x 0 -100px;
    width: 70px;
    height: 13px;
    display: inline-block;
    margin:0 auto;
    position: absolute;
    left: 0;
    right: 0;
}
.star>span{background: url(../img/stars.png) repeat-x 0 0px;
    display: block;
    height: 13px;
}
.price{font-size: 22px;font-weight: 600;text-align: center;line-height: 40px;height: 40px;margin-top: 20px;}
.menuboot{height: 80px;padding-top: 25px;padding-left: 15px;}
.menuboot>ul>a>li{display: inline-block;vertical-align:top;box-sizing: border-box;padding:10px 15px 10px 15px;text-align: center;background: #F2F2F2;margin-right: 10px;border-radius: 0px 10px 0px 10px;}
.menuboot>ul>a>li:hover{background: #5ADC32;color: #fff;}
.menuboot>ul>a:hover{color: #fff;}
.active{background: #5ADC32!important;color: #fff!important;}
.foot{width: 100%;background: #F7F8FA;margin-top: 50px;}
.footbox{max-width: 1440px;margin: auto;padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #E6E6E6;}
.footboxleft{display: inline-block;box-sizing: border-box;vertical-align: top;width: 50%}
.footboxright{display: inline-block;box-sizing: border-box;vertical-align: top;width: 50%}
.maildes{display: inline-block;vertical-align: top;box-sizing: border-box;}
.maildes>h3{font-size: 24px;line-height: 30px;}
.maildes>span{font-size: 14px;line-height: 20px;}
.mailimg{display: inline-block;vertical-align: top;box-sizing: border-box;min-width: 100px;font-size: 45px;}

.mailboxs{border: 1px solid #E6E6E6;width: 80%;display: inline-block;vertical-align: top;height: 40px;line-height: 40px;box-sizing: border-box;background: #fff;}
.mailboxs>input{border: none;width: 91%;outline:none;padding: 5px 20px;font-size: 16px;color: #999}
.sendmail{width: 13%;height: 40px;line-height: 40px;text-align: center;background: #5ADC32;color: #fff;margin-left: 10px;display: inline-block;box-sizing: border-box;vertical-align: top;cursor: pointer;}
/* foot*/
.footboxboot{max-width: 1440px;margin: auto;padding-top: 30px;padding-bottom: 30px;}
.footboxbootleft{width: 60%;display: inline-block;vertical-align: top;box-sizing: border-box;}
.footboxbootright{width: 40%;display: inline-block;vertical-align: top;box-sizing: border-box;border-left: 1px solid #E6E6E6;}
.footboxbootright img{max-width: 300px;}
.footboxbootleft>ul{display: inline-block;width: 33%;vertical-align: top;}
.footboxbootleft>ul>li{line-height: 30px;}
.footboxbootleft>ul>li>a{color: #666;}
.footboxbootleft>ul>li>a:hover{color: #5ADC32;}
.footcenter{width: 60%;margin: auto;}
.texthiat{font-weight: 600;color: #222;}
.textfoot{line-height: 20px;padding-top: 10px;color: #666;}
.footbase{background: #222;color: #fff;height: 60px;line-height: 60px;}
.footbaseleft{width: 50%;display: inline-block;vertical-align: top;box-sizing: border-box;}
.footbaseright{width: 50%;display: inline-block;vertical-align: top;box-sizing: border-box;text-align: right;}
.footbasbox{width: 1440px;margin: auto;}
.footbaseright>img{vertical-align: middle;}
/* 详情页*/
.detailleft{width: 80%;display: inline-block;box-sizing: border-box;vertical-align: top;}
.detailright{width: 20%;display: inline-block;box-sizing: border-box;vertical-align: top;padding-left: 40px;padding-right: 30px;}
.detailboxleft{width: 50%;display: inline-block;box-sizing: border-box;vertical-align: top;}
.detailboxright{width: 50%;display: inline-block;box-sizing: border-box;vertical-align: top;padding-left: 40px;}
.detailimg{border: 1px solid #E6E6E6;max-height: 600px;width: 100%;overflow: hidden;position: relative;padding-top: 100%;}
.detailimg>img{max-height: 100%;max-width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);cursor: pointer;}
.detailimgmin{width: 80px;display: inline-block;box-sizing: border-box;vertical-align: top;height: 80px;border: 1px solid #E6E6E6;margin-top: 20px;margin-right: 20px;position: relative;}
.detailimgmin>img{max-height: 100%;max-width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);cursor: pointer;}
.detailtitle{line-height: 40px;font-size:32px;padding-bottom:30px;}
.volume{display: inline-block;font-size: 14px;color: #666;width: auto;line-height: 25px;vertical-align: top;}
.detailboxright .star{position: relative;}
.detailsaleprice{display: inline-block;font-size: 36px;color: #222;width: auto;line-height: 50px;vertical-align: top;padding-right: 20px;}
.detaildelprice{display: inline-block;font-size: 25px;color: #666;width: auto;line-height: 50px;vertical-align: top;text-decoration: line-through;padding-right: 10px;}
.savesale{display: inline-block;font-size: 18px;color: #666;width: auto;line-height: 20px;vertical-align: top;background: #72E151;color: #fff;border-radius: 10px;padding: 5px;}
.detaildes{font-size: 16px;color: #666;line-height: 25px;}
.detailnum{height: 50px;line-height: 50px;font-size: 18px;color: #666;}
.quantity{color:red;text-align: center;border-radius: 0px 10px 0px 10px;width: 80px;height: 40px;padding: 10px;box-sizing: border-box;border: 1px solid #E6E6E6;line-height: 40px;font-size: 16px;display: inline-block;vertical-align: top;}
.addtocart{box-sizing: border-box;line-height: 40px;font-size: 16px;display: inline-block;vertical-align: top;color: #fff;background: #5ADC32;text-align: center;border-radius: 0px 10px 0px 10px;min-width: 150px;margin-left: 10px;cursor: pointer;}
.addtocart:hover{background: #72E151;color: #fff;}
.buynow{box-sizing: border-box;line-height: 40px;font-size: 16px;display: inline-block;vertical-align: top;color: #fff;background: #15B4DC;text-align: center;border-radius: 0px 10px 0px 10px;min-width: 150px;margin-left: 10px;cursor: pointer;}
.buynow:hover{background: #22C1EA;color: #fff;}
.Wishlist>a:before{font-family: main-icon, sans-serif;content: "\e90c";line-height: 60px;font-size: 16px;height: 60px;}
.baselinein{border-top: 1px solid #E6E6E6;padding-top: 20px; box-sizing: border-box;}
.promindes>span{color: #666;line-height: 30px;}
.detailcontent{height: 40px;line-height: 40px;border-bottom: 2px solid #E6E6E6;margin-top: 50px;}
.detailcontent>a{font-size: 24px;font-weight: 600;display: inline-block;margin-right: 100px;line-height: 40px;color:#888;}
.detailcontent>a:hover{border-bottom: 2px solid #5ADC32;color: #222;cursor: pointer;}
.detailactive{border-bottom: 2px solid #15B4DC;color: #222!important;}
.descontent{line-height: 30px;padding-top: 30px;box-sizing: border-box;}
.Related{height: 50px;font-size: 22px;font-weight: 600;}
.Relatedlist>a>li{margin-bottom: 20px;}
.Relatedboxleft{display: inline-block;vertical-align: top;box-sizing: border-box;width: 100px;}
.Relatedboxright{display: inline-block;vertical-align: top;box-sizing: border-box;width: calc(100% - 100px);}
.Relatedimg{border: 1px solid #E6E6E6;overflow: hidden;width: 80px;}
.Relatedimg>img{width: 100%}
.Relatedprice{padding-top: 10px;font-weight: 600;}
.size{line-height: 50px;}
.size a{
  display: inline-block;
    border: 1px solid #ccc;
    height: 15px;
    line-height: 15px;
    border-radius: 5px;
    padding: 5px;
    background: #f0f0f0;
    margin-left: 10px;
}
.size>select,input{height: 25px;border: 1px solid #666;border-radius: 3px;padding-top:0px;padding-bottom:0px;}
.size>span{display: inline-block;margin-right: 10px;background: #ccc;border-radius: 5px;height: 20px;line-height: 20px;text-align: center;color: #fff;vertical-align: top;padding: 5px;font-size: 14px;}
.size>span>svg{vertical-align: middle;padding-right: 5px;}
.colorlabel{position: relative;width: 50px;height: 50px;display: inline-block;box-sizing: border-box;background: #ccc;margin: 5px;border: 1px solid #ccc;cursor: pointer;border-radius: 3px;}
.colorlabel:hover{border: 1px solid #E4393C;}
.colorlabel>input{display: none;}
.sizebq{display: inline-block;box-sizing: border-box;background: #fff;margin: 5px;border: 1px solid #ccc;cursor: pointer;border-radius: 3px;padding: 5px;min-width: 40px;position: relative;text-align: center;}
.sizebq:hover{border: 1px solid #E4393C;}
.sizebq>input{display: none;}
.selected>i{position: absolute;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    right: 0px;
    bottom: 0px;
    background: url(../img/sys_item_selected.gif) no-repeat right bottom;
    z-index: 99;}

.selected{border:1px solid #E4393C;}
.addtofav{cursor: pointer;}
.Upsell{height:100px;line-height: 100px;font-size: 30px;font-weight: 600;text-align: center;}
.retail{width: 20%;}
/* 内页banner*/
.bannertitle{box-sizing: border-box;padding-top: 50px;font-size: 36px;font-weight: 600;text-align: center;}
.bannerdes{text-align: center;font-size: 18px;color: #666;}
/* 评论*/
.review{display: none;}
.reviewleft{width: 20%;display: inline-block;box-sizing: border-box;vertical-align: top;padding-right: 30px;}
.reviewright{width: 80%;display: inline-block;box-sizing: border-box;vertical-align: top;border-left: 1px solid #E6E6E6;padding-left: 30px;}
.reviewright>ul>li{padding-top: 20px;}
.reviewstar{line-height: 50px;font-size: 14px;color: #666;}
.reviewstar>span{font-size: 18px;font-weight: 600;color: #EAAF5D}
.reviewleft>ul>li{line-height: 30px;position: relative;}
.reviewleft>ul>li>span{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.procss{position: relative;
    width: 65%;margin:0 5px;box-sizing: border-box;background: #E6E6E6;height: 3px;}
.procss-bar{position: absolute;height: 3px;background: #EAAF5D;
    bottom: 0;
}
.reviewtitle{font-size: 16px; font-weight: 600;line-height: 50px;}
.nicpic{width: 50px;height: 50px;border-radius: 50px;display: inline-block;box-sizing: border-box;vertical-align: top;background-size: 100%!important;}
.reviewcontent{width: calc(100% - 50px);display: inline-block;box-sizing: border-box;vertical-align: top;padding-left: 10px;}
.reviewbox{border: 1px solid #E6E6E6;padding: 10px;}
.auther{line-height: 20px;color: #666;}
.auther>span{color: #222;}
.reviewdes{line-height: 30px;color: #666;}
.addreview{font-size: 18px;font-weight: 600;line-height: 40px;padding-top:10px;box-sizing: border-box; }
.rating{padding-top: 20px;display: inline-block;box-sizing: border-box;vertical-align: top;line-height: 40px;}
.ratingstar{padding-top: 20px;display: inline-block;box-sizing: border-box;vertical-align: top;color: #ccc;line-height: 40px;height: 40px;}
.reviewform{width: 100%;min-height: 150px;border: 1px solid #E6E6E6;outline: none;}
.addreviewleft{display: inline-block;width: 50%;vertical-align: top;box-sizing: border-box;padding-right: 10px;padding-top: 10px;}
.addreviewright{display: inline-block;width: 50%;vertical-align: top;box-sizing: border-box;padding-left: 10px;padding-top: 10px;}
.addreviewinput{width: 100%;min-height: 30px;border: 1px solid #E6E6E6;outline:none;}
.sendreview{padding-top: 20px;}
.sendreview>a{display: block;width: 200px;line-height: 40px;background: #15B4DC;color: #fff;text-align: center;font-weight: 600;}
.sendreview>a:hover{background: #1CC0EA;cursor: pointer;}
.cleanfloat::after{display: block; clear: both; content:""; visibility: hidden; height: 0;}
.ratingstar>ul>li{font-size:16px; margin-left:5px;cursor:pointer;display: inline-block;vertical-align: top;}
.starnumber{display: none;}
.hs,.cs{color:#FF9900;}
/* login*/
.loginleft{width: 50%;display: inline-block;box-sizing: border-box;vertical-align: top;padding-right: 100px;}
.loginleft input{width: 100%;padding: 10px;border: 1px solid #E6E6E6;outline: none;margin-bottom: 20px;}
.loginright{width: 50%;display: inline-block;box-sizing: border-box;vertical-align: top;padding-left: 100px;border-left: 1px solid #E6E6E6;position: relative;}
.loginright input{width: 100%;border: 1px solid #E6E6E6;outline: none;margin-bottom: 20px;padding: 10px;}
.logintitle{font-size: 24px;font-weight: 600;line-height: 30px;padding-bottom: 20px;}
.lostpass{display: inline-block;width: 50%;vertical-align: top;box-sizing: border-box;}
.remenber{display: inline-block;width: 50%;vertical-align: top;box-sizing: border-box;text-align: right;}
.remenber input{width: 12px;height: 12px;}
.loginin{box-sizing: border-box;line-height: 40px;font-size: 16px;display: inline-block;vertical-align: top;color: #fff;background: #5ADC32;text-align: center;border-radius: 0px 10px 0px 10px;min-width: 150px;margin-top: 20px;cursor: pointer;}
.loginin:hover{background: #72E151;color: #fff;}
.midor{width: 50px;height: 50px;position: absolute;left:-25px;vertical-align: middle;background: #E6E6E6;border-radius: 50px;text-align: center;line-height: 50px;font-style:italic;top:calc(50% - 25px);}
.showimgbg{width: 100%;height: 100%;position: fixed;z-index: 999;background: #222;opacity: 0.8;display: none;}
.showimg>img{max-width: 800px;max-height: 800px;position: absolute; top: 0; bottom:0; left: 0; right: 0; margin: auto;z-index: 9999}
.showimg{display: none;width: 100%;height: 100%;text-align: center;position: fixed;z-index: 9998;}
.close{display: block;z-index: 9999;position: absolute;width: 50px;height: 50px;border-radius: 30px;background: #222;text-align: center;top:50px;right: 50px;line-height: 50px;font-size: 32px;color: #fff;cursor: pointer;}
.checkon{border: 1px solid #15B4DC}
.Relatetitle{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.infobar{position: fixed;top:50%;bottom: 50%;margin: auto;text-align: center;font-size: 24px;color: #fff;z-index: 9999;left: 0;right: 0;display: none;}
.infobar>span{background: #5ADC32;padding: 10px;border-radius: 30px;box-shadow: 0 4px 10px rgb(0 0 0 / 20%);line-height: 20px;height: 20px;}
.gototop{background: #222;width: 50px;height: 50px;color: #fff;border-radius: 30px;box-shadow: 0 4px 10px rgb(0 0 0 / 20%);z-index: 9999;text-align: center;line-height: 50px;cursor: pointer;}

/*购物车*/
.cartbartip{font-size: 22px;height: 100px;width: 100%;line-height: 100px;background: #f0f0f0;text-align: center;}
.cartbartip>li{display: inline-block;box-sizing: border-box;width: 20%;line-height: 40px;}
.cartbartip>li>svg{height: 30px;vertical-align: middle;width: 30px}
.emptycart{width: 100%;font-size: 50px;color: #ccc;text-align: center;min-height: 200px;padding-top: 100px;}
.emptycarthome{width: 100%;min-height: 100px;text-align: center;}
.emptycarthome>a{width: 200px;padding: 10px;display: inline-block;box-sizing: border-box;margin: auto;}
.cartdetail{width: 100%;border-radius: 3px;box-sizing: border-box;}
.cartdetail li{border-bottom: 1px #F0F0F0 dotted;box-sizing: border-box;}
.cartdetail li:last-child{border-bottom: 1px #ccc solid;box-sizing: border-box;}
.cartbox{display: inline-block;box-sizing: border-box;padding: 10px;vertical-align: middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size: 14px;line-height: 25px;}
.cartbox>img{max-height: 100px;}
.checkout{margin-top: 30px;}
.checkout>li{display: inline-block;box-sizing: border-box;padding: 10px;text-align: center;font-size: 22px;width: 33.33%;}
.checkout>li>a{color: #fff;display: block;width: 90%;line-height: 50px;text-align: center;margin: auto;border-radius: 5px;background: #ccc;}
.checkout>li>a:hover{background: #15B4DC;}
.checkselect{background: #15B4DC!important;}
/*checkout*/
.checkoutleft{width: 60%;display: inline-block;box-sizing: border-box;vertical-align: top;}
.checkoutright{width: 40%;padding-left: 10px;display: inline-block;box-sizing: border-box;vertical-align: top;}
.cartboxin{border: 1px solid #f0f0f0;}
.cartboxinleft{width: 30%;display: inline-block;box-sizing: border-box;padding: 10px;}
.cartboxinleft>img{width: 100%}
.checkoutbox{width: 60%;}
.cartboxinright{width: 70%;display: inline-block;box-sizing: border-box;padding: 10px;vertical-align: top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 25px;font-size: 14px;}
.checkoutbotton{display: block;line-height: 40px;width: 85%;margin: auto;text-align: center;background: #15B4DC;color: #fff;border-radius: 3px;margin-top: 20px;cursor: pointer;}
.safepay{line-height: 40px;padding: 10px;text-align: center;color: #5CB85C;}
.safepay>svg{width: 22px;height: 22px;vertical-align: middle;padding-right: 10px;}
.safepay>span{display: inline-block;vertical-align: middle;}
.cleftt{display: inline-block;line-height: 30px;width: 20%;padding: 10px;box-sizing: border-box;border-bottom: 1px solid #f0f0f0}
.crightt{display: inline-block;line-height: 30px;width: 80%;padding: 10px;box-sizing: border-box;border-bottom: 1px solid #f0f0f0}
.crightt input{width: 95%;border: 1px solid #ccc;line-height: 25px;}
.paymentbg{position:fixed;width: 100%;height: 100%;opacity: 0.5;background: #000;z-index: 9998;top:0px;display: none;}
.payment_box{position:fixed;width:500px;height: 380px;background: #fff;box-shadow: 0 4px 10px rgb(0 0 0 / 20%);z-index: 9999;margin: auto;top:0px;bottom:0px;left: 0px;right: 0px;margin: auto;border-radius: 5px;display: none;}
.payment_title{height: 40px;line-height: 40px;font-size: 16px;box-sizing: border-box;padding-left: 10px;border-bottom: 1px solid #f0f0f0;}
.pay_close{right: 0px;width: 40px;height: 40px;display: inline-block;text-align: center;cursor: pointer;}
/* 单页*/
.helpleft{display: inline-block;line-height: 40px;width: 20%;box-sizing: border-box;vertical-align: top;}
.helpleft li{padding: 5px;}
.helpleft svg{vertical-align: middle;}
.helpright{display: inline-block;line-height: 40px;width: 80%;box-sizing: border-box;vertical-align: top;border-left: 1px solid #f0f0f0;min-height: 650px;}
.helptitle{min-height: 50px;line-height: 50px;border-bottom: 1px #f0f0f0 solid;font-size: 22px;text-align: center;margin-left: 20px;}
.helpcontent{line-height: 25px;font-size: 16px;margin-left: 20px;padding-top:30px;}
.helpcontent img{max-width:100%;}
/* order*/
.orderbody{border: 1px solid #f0f0f0;}
.orderbody>li>span{display: inline-block;vertical-align: middle;box-sizing: border-box;padding: 5px;width: 20%;font-size: 14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.orderbody>li{border-bottom: 1px solid #f0f0f0;}
.orderbody>li:last-child{border: none;}
.orderhead>li{display: inline-block;box-sizing: border-box;padding: 5px;width: 20%;background: #f0f0f0;font-weight: bold;font-size: 14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.productordered{height: 50px;line-height: 50px;font-weight: bold;}
.Cancelbotton{display: block;line-height: 50px;width: 100%;margin: auto;text-align: center;background: #999;color: #fff;border-radius: 3px;margin-bottom:10px;max-width: 750px;}
.ProductsInfo{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;font-weight: bold;}
/* 分页*/
.pagelist{height: 150px;text-align: center;line-height: 150px;}
.pagebox{border-radius: 4px;}
.pagebox>li{display: inline;}
.pagebox>li>a{padding: 6px 12px;margin-left: -1px;border: 1px solid #ddd;font-size: 14px;}
.pagebox>li>a:hover{background: #ccc}
/* 首页*/
.indextitle{height: 50px;line-height: 50px;text-align: center;font-size: 24px; font-weight: 600;padding-bottom: 50px;}
.serbox{border: 1px solid #e6e6e6;padding: 20px;box-sizing: border-box;margin-top: 50px;}
.serbox>ul>li{display: inline-block;width: 25%;border-right: 1px solid #e6e6e6;box-sizing: border-box;text-align: center;}
.serbox>ul>li:last-child{border-right:none;}
.serbox>ul>li>i{font-size: 42px;color: #DD433F;}
.serboxtitle{font-weight: 600;}
.serboxdes{color: #666}
.navigation-bar{background: #2085E4;box-sizing: border-box;}
.navigation{width: 1440px;height: 50px;margin: auto;box-sizing: border-box;}
.navigation>ul>a>li{display: inline-block;box-sizing: border-box;padding-right: 50px;padding-left: 50px;color: #fff;line-height: 50px;font-size: 20px;}
.navigation>ul>a>li:hover{background:#0C71D0;}
.navigationselected{background: #0C71D0;}
.social>ul>li{display: inline-block;box-sizing: border-box;margin-right: 10px;}
/* feedback*/
.feedback{height:50px;line-height:50px;text-align:center;font-size:38px;font-weight:600;}
.feedbackdes{padding:10px;text-align:center;width:70%;line-height:30px;margin:auto;}
.feedbackbox{display:inline-block;box-sizing:border-box;width:50%;padding:10px;}
.feedbackboxinput{width:100%;border:1px solid #e6e6e6;outline: none;padding:10px;box-sizing:border-box;height:40px;color:#666;}
.kfbox{position:fixed;right: 10px;z-index: 9999;bottom: 50%;z-index: 9999}
.kfbox>ul>a>li{height: 50px;padding-bottom: 10px;position: relative;z-index: 9999;}
.kfbox>ul>a>li>img{width: 50px;height: 50px;z-index: 9999;position: absolute;top:0px;}
.kfbox>ul>a{color: #fff;z-index: 9999}
.kfboxin{width: 250px;transition: all 0.3s;height: 50px;line-height: 50px;background: #7F95D9;position: absolute;top:0px;visibility: hidden;padding-left: 20px;z-index: 99;opacity:0;right: -250px;}
.kfbox>ul>a:hover .kfboxin{visibility: visible;right: 0px;line-height: 50px;border-radius: 50px;opacity:1;right: 0px;}
.art>ul>li{line-height: 40px;height: 40px;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;}
#whatsapppc{display: block;}
#wapppc{display: inline-block;}
#whatsappmt,#wappmt{display: none;}
@media screen and (max-width:1024px) {
html,body{min-width:0px;overflow-x: hidden;}
  .navigation-bar{display:none;}
  .Homebanner{display: none;}
  .head{max-width: 100%;}
  .headlogo{width:40%;padding-left: 10px;box-sizing: border-box;}
  .headlogo>img{width: 100%;}
  .searchbox{width: 100%;display: none;}
  .footbasbox{width: 100%;}
  .footboxboot{width: 100%;}
  .footbox{width: 100%;}
  .bodycontent{width: 100%;padding-top:0px;}
  .headbar{width: 100%;}
  .service{display: none;}
  .login{width: 60%;box-sizing: border-box;}
  .loginbox{border: none;text-align: right;padding-left: 10px;}
  .loginbox>a{padding-left: 5px;padding-right: 5px;}
  .loginbox .text{display: none;}
  .categories{width: 40%;position: unset;}
  .lang{width: 30%;margin-right:0px;}
  .allcalist{width: 100%;box-shadow: 0 4px 10px rgb(0 0 0 / 20%);}
  .allcalist>ul>li{max-width: 100%;}
  .bodyleft{display: none;}
  .bodyright{width: 100%;}
  .probox{width: 50%!important;}
  .footboxleft{width: 100%;padding: 10px;}
  .footboxright{width: 100%;padding: 10px;}
  .mailboxs{width: 70%;}
  .mailboxs>input{width: 60%}
  .sendmail{width: 25%}
  .footboxbootleft{width: 100%}
  .footboxbootright{width: 100%}
  .footboxbootleft>ul{width: 100%;display: block;padding: 10px;}
  .footcenter{width: 100%;padding: 10px;}
  .footbase{height: auto;padding: 10px;line-height: 30px}
  .footbaseleft{width: 100%;text-align: center;}
  .footbaseright{width: 100%;text-align: center;}
  .footboxleft .icon{text-align: left;min-width:20%;}
  .maildes{width: 80%;}
  .detailleft{width: 100%;padding: 10px;}
  .detailboxleft{width: 100%}
  .detailboxright{width: 100%;padding-left: 0px;padding-top: 30px;}
  .addtocart{min-width: 120px;}
  .buynow{min-width: 120px;}
  .detailcontent>a{margin-right: 20px;}
  .reviewleft{width: 100%;}
  .reviewright{width: 100%;border: none;padding-left: 0px;}
  .reviewcontent{width: 100%;padding-left: 0px;}
  .detailright{width: 100%;padding: 10px;}
  .loginleft{width: 100%;padding: 10px;}
  .loginleft input{width: 95%}
  .remenber input{width: 12px;}
  .loginright{width: 100%;padding: 10px;padding-top: 20px;border-top: 1px solid #E6E6E6;margin-top: 20px;}
  .loginright input{width: 95%}
  .midor{display: none;}
  .categoriesbox{padding-left:10px;}
  /*购物车*/
  .cartbartip{font-size: 14px;}
  .cartbartip>li{width: 25%;text-align: center;}
  .cartbartip>li>svg{width: 20px;text-align: center;}
  .cartbartip>li:nth-child(2){width: 40px;!important;min-width:40px!important;}
  .cartbartip>li:nth-child(4){width: 40px;!important;min-width:40px!important;}
  .cartbox:nth-child(1){width: 30%!important;min-width:30%!important; }
  .cartbox:nth-child(2){width: 70%!important;min-width:70%!important; }
  .cartbox:nth-child(3){width: 33%!important;min-width:33%!important; }
  .cartbox:nth-child(4){width: 33%!important;min-width:33%!important;text-align: center!important; }
  .cartbox:nth-child(5){width: 33%!important;min-width:33%!important;text-align: right!important; }
  .checkoutbox{width: 100%;}
  .checkout>li:last-child{width: 100%;}
  .checkout>li{font-size: 14px;width: 50%;}
  .checkout>li>a{width: 100%;}
  .checkoutleft{width: 100%;}
  .checkoutright{width: 100%;}
  .cleftt{width: 100%;border-bottom: none;}
  .crightt{width: 100%;}
  .crightt>input{width: 100%!important;}
  .serbox>ul>li{width: 50%;border: none;}
  .Homebanners{display: none;}
  .helpleft{width: 100%;}
  .helpright{width: 100%;}
  .helpcontent{margin-left: 0px;}
  #whatsapppc,#wapppc{display: none;}
  #whatsappmt{display: block;}
  #wappmt{display: inline-block;}
}