/* 弹出搜索 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:#0D0A20;opacity:0.9;}
.searchBar-m a {color:#EAEAEB;display:block;position:absolute;right:40px;top:20px;font-size:36px;z-index:9999;}
.searchBar-m a:hover{color:#4650FF}
.searchBar-m .form-group {width:80%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}
.searchBar-m .input{background:#000;width:90%;height:52px;line-height:50px;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;border-radius: 0 30px 30px 0}
.searchBar-m .button i{color:#EAEAEB;line-height:50px;}
/* 弹出搜索 end */

/* 顶头搜索 */
.searchBar-pc{margin-top:18px;}
.searchBar-pc .input {background-color:#FFFFFF;color:#555555;height:44px;padding:0 0 0 20px;border-radius:30px 0 0 30px;}
.searchBar-pc .input-group .addbtn {padding:0px;}
.searchBar-pc .button {background-color:#000;height:44px;width:50px;border-radius:0 30px 30px 0;padding:0;font-size: 16px}
.searchBar-pc .button:hover i{color:#FF6600;}
/* PC导航 background-image:url(../images/icon-header-dark.png);background-repeat:no-repeat;background-position:center 50%;*/
#pc-header{position:relative;}
#pc-header .nav li{display: inline-block;}
#pc-header .nav li a{line-height:80px; color:#D1D1E1;position:relative;padding:0;margin-left:20px;font-size:15px;font-weight:400}
#pc-header .nav li a:hover,#pc-header .nav li.active a{color:#FFFFFF}
#pc-header .nav li.active ul li a{color:#626066}
#pc-header .nav li:hover a.first-level{color:#8076E6}

#pc-header .tool-bar {float:right;display: inline-block;margin:0 15px}
#pc-header .tool-bar .searchBar{display: block;}
#pc-header .tool-bar .searchBar a.search-ico i{font-size:20px;line-height:30px;}

#pc-header .tool-bar a.vippay{font-weight:300;line-height:30px;height:30px;margin:25px 0;display: block;position:relative;border-radius:20px;padding:0 15px;background: -webkit-gradient(linear,left top,right top,from(#6e30ce),to(#d026fe));background: linear-gradient(90deg,#666666,#222222);}
#pc-header .tool-bar a.vippay i{vertical-align: middle;width:16px;display:inline-block;margin:2px 5px 5px 0;}
/*background: url(../images/douchuai.png) no-repeat left / 80%;*/


#pc-header .tool-bar a.upload{display: block;position:relative;line-height:80px; }
#pc-header .tool-bar a.upload i{font-size:20px;color:#D1D1E1; line-height:32px;}
#pc-header .tool-bar a.upload span{border-radius: 8px 8px 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;}
#pc-header .tool-bar a.message i{font-size:24px;color:#D1D1E1;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{color:#626066;}

#pc-header .tool-bar .anticon .toolbox{display:none;padding-top:30px;}
#pc-header .tool-bar .anticon:hover .toolbox{position:absolute;display:block;top:40px;right:0;min-width:220px;}
#pc-header .tool-bar .anticon .toolbox .tool{position:relative;background: #fff;padding:8px 15px;box-shadow: 0 10px 20px rgba(0,0,0,.1);z-index: 9;}
/*#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:#FE2C55;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:8px}
#pc-header .tool-bar .anticon .toolbox .tool .media:hover{background:#F5F7FC;}
#pc-header .tool-bar .anticon .toolbox .tool .media.media-x strong{font-weight: 600;margin:-3px 0 0 0}
#pc-header .tool-bar .anticon .toolbox .tool .media.media-x img{max-width:50px;}

#pc-header .log-bar{display: block;margin-left:10px;margin-top:22px;float:right;z-index: 9;position:relative;}
#pc-header .log-bar .drop .menubox{display:none;padding-top:30px;}
#pc-header .log-bar .drop:hover .menubox{position:absolute;display:block;top:17px;right:-10px;width:250px;z-index: 3;animation:fadein .3s}
#pc-header .log-bar .drop .menubox .userinfo{position:relative;background: #312C55;padding:30px;border-radius:12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
#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 #312C55;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: #FCE100;padding:8px 15px;font-weight: 400;color:#333;}
#pc-header .log-bar .drop .menubox .userinfo .userlevel .vip_1{vertical-align: middle;width:16px;height:16px;display:inline-block;background: url(/template/black/pc/skin/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(/template/black/pc/skin/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(/template/black/pc/skin/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:#fff;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:#8076E6;}
#pc-header .log-bar .drop .menubox .userinfo a.logout{display: inline-block;border:1px solid #4A4A4B;font-weight: 400;padding:8px 40px;color:#fff;}
#pc-header .log-bar .drop .menubox .userinfo a.logout:hover{background: #312C55;border:1px solid #8076E6;color:#8076E6;}

#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:36px;width:36px;line-height:32px;display:block;color:#D1CEED;}
#pc-header .log-bar a.user-ico:hover{background:#2f2f31;color:#fff;}
#pc-header .log-bar a.user-ico i{font-size:20px;line-height:36px; color:#DDD;}
#pc-header .log-bar a.user-ico:hover i{color:#fff}

/* 注册登录切换 */
.register{ overflow:hidden;}
.register-l{position:relative;float:left;width:340px;}
.register-l img{border-radius: 5px 0 0 5px}
.register-r{position:relative;float:right;width:380px;height:425px}
.register-r .padding-large{padding:40px;}
.register-r .title li{margin-bottom:30px;color:#626066;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:10px 0;}
.register-r .bnt-login a{display:inline-block;color:#EAEAEB;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:#EAEAEB;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:#EAEAEB;background:#5ea8ff;}

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

/*手机版导航 begin */
#m-wrap{overflow-x: hidden;}
#m-mask{background-image: linear-gradient(to bottom, #333333 0%, #222222 4%, #333333 100%);position: relative;z-index:3;overflow-x: hidden;}
.offcanvas-visible #m-mask{-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);-o-transform: translateX(-275px);transform: translateX(-275px);}
#m-nav{background:linear-gradient(146.22deg, #333 0.93%, #444 85.13%);display: none;height: 100%;right: 0;top:0;overflow-y: auto;position: fixed;z-index: 1;width: 275px;padding:0; border:0;}
#m-nav ul li{position:static; width:100%;}
#m-nav ul li:hover,#m-nav ul li.current{}
#m-nav ul li a{line-height:30px;padding:10px 0 10px 60px;font-size:18px; display:block;position:relative;;outline: none}
#m-nav ul li a span{font-size: 12px;opacity:0}
#m-nav ul li a:hover,#m-nav ul li.current a{color: #fff;}
#m-nav ul li a::after{position:absolute;content:''; left:0px;bottom:0;right:0;height:1px;}
#m-nav ul li ul{display:none;z-index:1999; position:relative ;width:100%;border:0;}
#m-nav ul li ul li{display:block;border:none;}
#m-nav ul li ul li a,#m-nav ul li.current ul li a{display:block;font-size:16px;padding:5px 0 5px 90px;}
#m-nav ul li ul li a:hover{color:#fff;}
#m-nav ul li ul li a.cur{color:#0F0957;} /*点击第二个分类变色*/
/*#m-nav ul li ul li a::before,#m-nav ul li ul li a::after{ background:none; height:0; padding:0}*/
#m-nav ul li ul li ul{top:0}


.nav-toggle{position:absolute;top:14px; right:15px;z-index:9999;display: none;cursor: pointer;}
.nav-toggle.cur i::before, .nav-toggle.cur i::after{background: #fff;}
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:cur{outline: none;border-bottom: none !important;}
.nav-toggle i{position: relative;display: -moz-inline-stack;width:24px;height: 3px;display: inline-block;background:#EAEAEB;zoom: 1;*display: inline;color: #EAEAEB;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;transition: all .2s ease-out;}
.nav-toggle i::before, .nav-toggle i::after{content: '';width:24px;height: 3px;background:#EAEAEB;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.nav-toggle i::before{top: -9px;}
.nav-toggle i::after{bottom: -9px;}
.nav-toggle:hover i::before{top: -9px;}
.nav-toggle:hover i::after{bottom: -9px;}
.nav-toggle.cur i{background: transparent;}
.nav-toggle.cur i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.nav-toggle.cur i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
/*手机版导航 end */

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

#pc-header .nav li a{color:#fff;}
#pc-header{height:60px;position:fixed;left:120px;top:0;right:50px;z-index:999;background: none}
#pc-header .tool-bar {margin:15px 0}
#pc-header .log-bar{margin-top:14px;}
#pc-header .log-bar .drop:hover .menubox{right:-10px;}
#pc-header .log-bar a.user-ico{height:32px;width:32px;line-height:30px;}
#pc-header .log-bar a.user-ico i{font-size:20px;line-height:32px;}

.register-r .padding-large{padding:30px;}
.register-r{float:none;width:100%;height:auto;}
.register-r .bnt-login{margin: 20px 0 40px 0;}
.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}
.register-r .link-login{position:relative;line-height: 50px;width:100%;}
}