/* 弹出搜索 begin */
.searchBar-m {display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:9999;text-align:center}
.searchBar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.9;}
.searchBar-m a {color:#fff;display:block;position:absolute;right:40px;top:20px;font-size:36px;z-index:9999;}
.searchBar-m a:hover{color:#FFEA00}
.searchBar-m .form-group {width:80%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}
.searchBar-m .input{width:90%;height:52px;line-height:50px;background:#050000;border:2px solid rgba(255,255,255,.6);border-right:0;color:rgba(255,255,255,.6);float:left;padding:0;text-indent:20px;border-radius: 30px 0 0 30px}
.searchBar-m .button {width:10%;padding:0;height:52px;border:2px solid rgba(255,255,255,.6);font-size:20px;border-left:0;display:block;float:left;background:#050000;border-radius: 0 30px 30px 0}
.searchBar-m .button i{color:#FFEA00;line-height:50px;}
/* 弹出搜索 end */

/* 顶头搜索 */
.searchBar-pc{margin-top:12px;}
.searchBar-pc .form-group{border-radius:30px;padding:0}
.searchBar-pc .input {height:44px;background:#f5f5f5;color:#878787;padding:0 10px 0 20px;border-radius:30px 0 0 30px;box-shadow:0}
.searchBar-pc .input-group .addbtn {padding:0px;}
.searchBar-pc .button {height:44px;width:50px;background:#f5f5f5;color:#878787;border-radius:0 30px 30px 0;padding:0;font-size:18px;}

/* PC导航 */
#pc-header .logo{height:36px;margin:16px 0;display:block;outline:none;}
#pc-header .navbar{background:#FFF;-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.03); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.03);z-index:9999}
#pc-header .nav{margin-left:-60px;}
#pc-header .nav li:hover a.first-level{color:#050200}
#pc-header .nav li a{line-height:68px;color:#1F1F1F;position:relative;padding:0;margin:0 15px;font-size:16px;font-weight:600}
#pc-header .nav li.active a{color:#1F1F1F;position:relative;}
#pc-header .nav li.active a:before{content: ''; position: absolute;bottom:0px;left:0;width:100%;height:3px;background:#1F1F1F; }
#pc-header .nav li.active ul li a{color:#606060;}
#pc-header .nav li.active ul li a:before{height:0}

#pc-header .nav li ul{top:68px;padding:10px 0;background:#FFF;border-radius:12px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;box-shadow: 0 0 30px rgba(0,0,0,.1);border: 1px solid var(--line_regular);}
/*#pc-header .nav li ul:after{position: absolute;top: -8px;left:18px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content: ''; }*/
#pc-header .nav li ul li a{font-size:15px;line-height:32px;margin:5px 10px;padding:5px 10px;display: block;background:#fff;color:#1F1F1F;font-weight:normal;text-align:left;border-radius:12px}
#pc-header .nav li ul li a:hover{background:#F5F5F5;}
/*#pc-header .nav li ul li img{width:32px;height: 32px;margin-right:5px;border:0;padding:0 ;}*/
/*#pc-header .nav li ul li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}
#pc-header .nav li ul li:last-child a{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}*/

/*功能图标*/
#pc-header .tool-bar {height: 30px;line-height:30px;margin:19px 12px;float:right;display: block;}
#pc-header .tool-bar .searchBar{display: block;border-radius: 20px;text-align: center}
/*#pc-header .tool-bar .searchBar:hover{background:rgba(31,31,31,1)}*/
/*#pc-header .tool-bar .searchBar a.search-ico{color:#878787;}*/
#pc-header .tool-bar .searchBar a.search-ico i{font-size:18px;line-height:34px;}
/*#pc-header .tool-bar .searchBar:hover a.search-ico{color:#FFEA00;}*/

/*VIP充值*/
#pc-header .tool-bar a.vippay{display: block;position:relative;}
#pc-header .tool-bar a.vippay i{vertical-align: middle;width:30px;height:30px;display:block;background: url(../fonts/vip.svg) no-repeat left / 100%;}
#pc-header .tool-bar a.vippay span{border-radius:12px 10px 10px 0; display: block;width:36px;position:absolute;right:-12px;top:-10px;line-height: 20px;padding:0 5px;}
/*VIP充值*/

/*购物车*/
#pc-header .tool-bar a.cart i{font-size:22px;line-height:32px;}
/*购物车*/

#pc-header .tool-bar a.upload{display: block;position:relative;}
#pc-header .tool-bar a.upload i{font-size:22px; line-height:32px;}
#pc-header .tool-bar a.upload span{border-radius:12px 10px 10px 0; display: block;width:36px;position:absolute;right:-12px;top:-10px;line-height: 20px;padding:0 5px;}

#pc-header .tool-bar .msgBar{display: block;text-align: center;}
#pc-header .tool-bar a.message i{font-size:22px;line-height:32px;}

/*#pc-header .tool-bar a.cart:hover i,#pc-header .tool-bar a.message i:hover,#pc-header .tool-bar a.upload i:hover,#pc-header .tool-bar a.search-ico i:hover{color:#606060;}*/

#pc-header .log-bar{display: block;margin-left:35px;margin-top:16px;float:right}
#pc-header .log-bar .drop .menubox{display:none;padding-top:15px;}
#pc-header .log-bar .drop:hover .menubox{position:absolute;display:block;top:36px;right:-10px;width:250px;z-index: 3;}
#pc-header .log-bar .drop .menubox .userinfo{position:relative;background: #fff;padding:30px;border-radius:12px;box-shadow: 0 0 30px rgba(0,0,0,.1);border: 1px solid var(--line_regular);}
#pc-header .log-bar .drop .menubox .userinfo:after{position:absolute;top:-10px;right:20px;display:inline-block;border-left:10px solid transparent;border-bottom:10px solid #fff;border-right:10px solid transparent;content:''}
#pc-header .log-bar .drop .menubox .userinfo .userlevel .user-img{width:48px;height: 48px;display: block}
#pc-header .log-bar .drop .menubox .userinfo .userlevel .button{background: linear-gradient( 45deg,#F5E9B2 0%, #E8B959 100%);padding:8px 15px;font-weight: 400;color:#573b13;}
#pc-header .log-bar .drop .menubox .userinfo .userlevel .vip_1{vertical-align: middle;width:16px;height:16px;display:inline-block;background: url(../images/vip_1.png) no-repeat center / 100%;margin-right: 2px;margin-top:-3px;}
#pc-header .log-bar .drop .menubox .userinfo .userlevel .vip_2{vertical-align: middle;width:16px;height:16px;display:inline-block;background: url(../images/vip_2.png) no-repeat center / 100%;margin-right: 2px;margin-top:-3px;}
#pc-header .log-bar .drop .menubox .userinfo .userlevel .vip_3{vertical-align: middle;width:16px;height:16px;display:inline-block;background: url(../images/vip_3.png) no-repeat center / 100%;margin-right: 2px;margin-top:-3px;}
#pc-header .log-bar .drop .menubox .userinfo .userlevel .media .media-body p{font-weight: 400}
#pc-header .log-bar .drop .menubox .userinfo ul li{line-height:34px;height:34px;display:block;width:50%;float:left;}
#pc-header .log-bar .drop .menubox .userinfo ul li a{color:#606060;font-weight: 400;font-size: 15px}
#pc-header .log-bar .drop .menubox .userinfo ul li:nth-child(2n){padding-left:10px;}
#pc-header .log-bar .drop .menubox .userinfo ul li a:hover{color:#FFEA00;}
#pc-header .log-bar .drop .menubox .userinfo a.logout{display: inline-block;border:1px solid #EBEBEB;font-weight: 400;padding:8px 40px;color:#878787;}
#pc-header .log-bar .drop .menubox .userinfo a.logout:hover{background: #fff;border:1px solid #ccc;color:#878787;}

#pc-header .log-bar .drop .user-img{position:relative;}
#pc-header .log-bar .drop .user-img img{width:36px;height:36px;}
#pc-header .log-bar a.user-ico{height:32px;line-height:28px;background:#FFEA00;padding:0 12px; border:2px solid #1F1F1F;display:block;color:#1F1F1F;font-size:15px;margin-top:1px;}
#pc-header .log-bar a.user-ico:hover{background:#FFEA00;color:#1F1F1F;}
#pc-header .log-bar a.user-ico i{font-size:18px;line-height:36px;}

#pc-header .tool-bar .anticon .toolbox{display:none;padding-top:29px;}
#pc-header .tool-bar .anticon:hover .toolbox{position:absolute;display:block;top:39px;left:10px;min-width:200px;z-index: 3;}
#pc-header .tool-bar .anticon .toolbox .tool{position:relative;background: #fff;padding:10px;border-radius:12px;box-shadow: 0 0 30px rgba(0,0,0,.1);border: 1px solid var(--line_regular);}
/*#pc-header .tool-bar .anticon .toolbox .tool:after{position:absolute;top:-10px;right:40px;display:inline-block;border-left:10px solid transparent;border-bottom:10px solid #fff;border-right:10px solid transparent;content:''}*/
#pc-header .tool-bar .anticon a.anticon-ico i{font-size:20px;line-height:32px;}
#pc-header .tool-bar .anticon a.anticon-ico{position:relative;}
#pc-header .tool-bar .anticon a.anticon-ico:before{content:'';position:absolute;top:-4px;left:14px;background:#ff5c64;width:8px;height:8px;border-radius:50%}
#pc-header .tool-bar .anticon .toolbox .tool .media{margin:5px 0;padding:10px;display: block;font-weight:normal;text-align:left;border-radius:12px}
#pc-header .tool-bar .anticon .toolbox .tool .media:hover{background:#F5F5F5;}
#pc-header .tool-bar .anticon .toolbox .tool .media.media-x strong{font-weight: 600;margin:-3px 0 0 0}

/* 注册登录切换 */
.register{ overflow:hidden;}
.register-l{position:relative;float:left;width:320px;}
.register-l img{border-radius:12px 0 0 12px}
.register-r{position:relative;float:right;width:400px;height:450px}
.register-r .padding-large{padding:40px;}
.register-r .title li{margin-bottom:30px;color:#606060;display:inline-block;position:relative;font-size:20px;width:auto;font-weight: 600}
.register-r .line{margin:0px;padding:0;position: relative; text-align: center;}
.register-r .line span{display: inline-block; padding: 0 20px; position: relative; z-index: 200;}
.register-r .line hr{background:#E4EBF5;-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #E2E2E2 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; margin-top:12px; position: absolute; top:0; width: 100%;}

.register-r .bnt-login{text-align:center;margin:20px 0;}
.register-r .bnt-login a{display:inline-block;color:#fff;font-size:24px;width:46px;height:46px;line-height:46px;text-align:center;margin:0 15px;border-radius:50%}
.register-r .bnt-login a:hover{opacity:0.8}
.register-r .bnt-login a.weixin{background:#6ccd10}
.register-r .bnt-login a.qq{background:#5ea8ff}

.register-r .bd-login{padding:30px 0;text-align:center;}
.register-r .bd-login .bd-bnt{display:inline-block;width:90px;margin:0 20px;}
.register-r .bd-login .bd-bnt a{display:block;font-size:48px;height:90px;line-height:86px;border-radius:50%;margin-bottom: 10px}
.register-r .bd-login .bd-bnt a.weixin{color:#6ccd10;border:2px solid #6ccd10;}
.register-r .bd-login .bd-bnt a:hover.weixin{color:#FFF;background:#6ccd10;}
.register-r .bd-login .bd-bnt a.qq{color:#5ea8ff;border:2px solid #5ea8ff}
.register-r .bd-login .bd-bnt a:hover.qq{color:#FFF;background:#5ea8ff;}

.register-r .link-login{position:absolute;right:0;bottom:0;line-height: 50px;width:100%;}
.register-r .link-login a{cursor:pointer}
.register-r .link-login a.cur{color:#878787}
.register-r .link-login span.cur a{color:#878787}
.register-r .link-login span.cur a:hover{color:#606060;}
/* 注册登录切换 end*/

/*手机导航 begin */
#mobile-mask {position:relative;z-index:1;overflow-x:hidden;overflow-y:hidden;}
.offcanvas-visible #mobile-mask {-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);-o-transform:translateX(-275px);transform:translateX(-275px);}
#mobile-header {background:#393939;display:none;height:100%;right:0;overflow-y:auto;position:relative;position:fixed;top:0;width:275px;border:0;}
#mobile-header ul li{width:100%;margin:0}
#mobile-header ul li:hover,#mobile-header ul li.current {background:#393939}
#mobile-header ul li a {line-height:49px;border-bottom:1px solid #454545;font-size:18px;color:#ECEFF5;font-weight:normal;display:block;position:relative;padding-left:50px;margin:0;text-align:left;}
#mobile-header ul li a:hover,#mobile-header ul li.current a {color:#ECEFF5;}
#mobile-header ul li ul {padding:0;z-index:1999;position:relative;width:100%;}
#mobile-header ul li ul li a,#mobile-header ul li.current ul li a {background:#393939;color:#606060;font-size:16px;line-height:36px;padding:5px 50px;display:block;}
#mobile-header ul li ul li a:hover {background:#454545;}
#mobile-header ul li ul li a::before,#mobile-header ul li ul li a::after {background:none;height:0;padding:0}

/* 手机导航面包ico begin */
.mobile-toggle {position:relative;cursor:pointer;text-decoration:none;position:absolute;top:50%;right:20px;z-index:99999;display:block;margin:-11px auto 0;display:none;cursor:pointer;}
.mobile-toggle.active i::before,.mobile-toggle.active i::after {}
.mobile-toggle:hover,.mobile-toggle:focus,.mobile-toggle:active {outline:none;border-bottom:none !important;}
.mobile-toggle i{position:relative;top:0;display:-moz-inline-stack;width:22px;height:3px;display:inline-block;zoom:1;*display:inline;color:#fff;text-transform:uppercase;text-indent:-55px;transition:all .3s ease-out;}
.mobile-toggle i::before,.mobile-toggle i::after {content:'';width:22px;height:3px;position:absolute;left:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.mobile-toggle i::before {top:-9px;}
.mobile-toggle i::after {bottom:-9px;}
.mobile-toggle.active i {background:transparent;}
.mobile-toggle.active i::before {top:0;-webkit-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.mobile-toggle.active i::after {bottom:0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.mobile-toggle i,.mobile-toggle i::before, .mobile-toggle i::after,.mobile-toggle.active i::before, .mobile-toggle.active i::after{background: #818181;}
/*手机导航面包ico end */

@media screen and (max-width:768px) {
.searchBar-m a{right:20px;top:10px;font-size:32px;}
.searchBar-m .input{width:80%;}
.searchBar-m .button {width:20%;}

.register-r{float:none;width:100%;height:auto;}
.register-r .bnt-login{margin: 20px 0 40px 0;}
.register-r .padding-large{padding:30px;}
.register-r .bd-login{padding: 20px 0}
.register-r .bd-login .bd-bnt{width:80px;margin:0 20px;}
.register-r .bd-login .bd-bnt a{font-size:40px;height:80px;line-height:76px;margin-bottom:5px}

.nav-navicon {display:none}
.mobile-toggle,#mobile-header,#mobile-header .nav {display:block;border:none}
#mobile-mask {background:#FFF;}

#pc-header .logo{height:32px;margin:14px 0;}
#pc-header .log-bar{margin-right:45px;margin-top:15px;;margin-left:20px;}
#pc-header .log-bar .drop .menubox{padding-top:15px;}
#pc-header .log-bar .drop:hover .menubox{position:absolute;display:block;top:30px;right:-50px;}
#pc-header .log-bar .drop .menubox ul:after{margin-left:-15px;}

#pc-header .log-bar .drop .user-img img{width:30px;height:30px;}
#pc-header .log-bar a.user-ico{height:30px;line-height:27px;margin-top:0;}
#pc-header .log-bar a.user-ico i{font-size:18px;line-height:30px;}

#pc-header .tool-bar {margin:15px 2px;}
#pc-header .tool-bar .searchBar{width:34px;padding:0;margin-right:10px;background:#F2F4F7}
#pc-header .tool-bar .searchBar:hover{background:#E4EBF5}
#pc-header .tool-bar .searchBar a.search-ico{color:#878787;}
}