body{max-width:1920px;margin:0;padding:0;background-color:#f4f4f4;font-family:'Microsoft YaHei','Source Sans Pro',sans-serif}
#header{background-color:#3f8dbf;float:left;width:100%;height:50px;color:#fff;line-height:50px;position:fixed;left:0;top:0;z-index:1}
#header a{color:#fff;text-decoration:none;display:block;font-size:15px}
#header-left{float:left;height:50px}
#header-left:hover #header-left-icon{background-color:#3f8dbf}
#header-left:hover #header-left-text{background-color:#599bc8}
#header-left-icon{float:left;height:50px;width:50px;text-align:center;background-color:#35759f;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#header-left-icon a{font-size:25px}
#header-left-text{float:left;height:50px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#header-left-text a{padding-left:20px;padding-right:20px}
#header-right{float:right;height:50px}
#header-right:hover #header-right-icon{background-color:#3f8dbf}
#header-right:hover #header-right-text{background-color:#599bc8}
#header-right-icon{float:right;height:50px;width:50px;text-align:center;background-color:#35759f;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#header-right-text{float:right;height:50px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#header-right-text a{padding-right:20px;padding-left:20px}
.wrapper{width:100%;float:left}
.wrapper-inner{width:100%;margin-right:auto;margin-left:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.wrapper-inner-buttons{width:100%;float:left;margin-top:50px;text-align:center}
.wrapper-inner-buttons a{background-color:#3f8dbf;line-height:35px;padding-right:15px;padding-left:15px;margin:10px;display:inline-block;text-align:center;text-decoration:none;color:#fff;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s;border-radius:calc(35px / 2)}
.wrapper-inner-buttons a.current{background-color:#f5d76e;color:#d35400}
.wrapper-inner-buttons a:hover{background-color:#35759f;color:#fff}
.mobile{width:100%;position:fixed;top:0;left:0;z-index:999;min-width:320px;max-width:720px}
.mobile-inner{width:100%;background-color:#fafafa}
.mobile-inner p{color:#676767;line-height:25px;font-size:16px;margin:0}
.mobile-inner-header{background-color:#fff;width:100%;height:58px}
.mobile-inner-header-icon{color:#fff;height:58px;font-size:25px;text-align:center;float:right;width:50px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s;position:absolute;right:0}
.mobile-inner-header-icon:hover{background-color:rgba(255,255,255,.2);cursor:pointer}
.mobile-inner-header-icon span{position:absolute;left:calc((100% - 25px)/ 2);top:calc((100% - 1px)/ 2);width:25px;height:1px;background-color:#000}
.mobile-inner-header-icon span:first-child{transform:translateY(4px) rotate(0)}
.mobile-inner-header-icon span:nth-child(2){transform:translateY(-4px) rotate(0)}
.mobile-inner-header-icon-click span:first-child{animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}
@keyframes clickfirst{0%{transform:translateY(4px) rotate(0)}
100%{transform:translateY(0) rotate(45deg)}
}
@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0)}
100%{transform:translateY(0) rotate(-45deg)}
}
.mobile-inner-header-icon-out span:first-child{animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}
@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}
100%{transform:translateY(-4px) rotate(0)}
}
@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}
100%{transform:translateY(4px) rotate(0)}
}
/* .mobile-inner-nav{background-color:rgba(0,0,0,.9);width:100%;position:absolute;top:58px;left:0;padding-top:30px;display:none;min-height:calc(100vh - 58px);z-index:1000}
.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff!important;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}
.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.htmleaf-container{height:58px} */


.mobile-inner-nav{background-color:rgba(0,0,0,.9);width:100%;position:absolute;top:58px;left:0;padding-top:30px;display:none;min-height:calc(100vh - 58px);z-index:1000}
.main-category-wrap{display:inline-block;line-height:50px;text-decoration:none;width:90%;margin-left:5%;color:#fff!important;border-bottom:solid 1px rgba(255,255,255,.3);font-weight:300}
.two-level-category{display:block;height:50px;line-height:50px;text-decoration:none;width:100%;margin-left:0;color:#fff!important;border-top:solid 1px rgba(255,255,255,.3);font-size:14px;font-weight:300;overflow: hidden;}
.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.htmleaf-container{height:58px}
.main-category-wrap .main-category{ justify-content: space-between; align-items: center;} 
.main-category-wrap .down-icon{display: flex;}