/* 弹出搜索 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:#4650FF}
.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:#111;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:#111;border-radius: 0 30px 30px 0}
.searchBar-m .button i{color:#fff;line-height:50px;}
/* 弹出搜索 end */

/* 顶头搜索 */
.searchBar-pc{margin-top:20px;}
.searchBar-pc .form-group{border-radius:20px;padding:0}
.searchBar-pc .input {height:40px;background:#fff;color:#9DA3AC;padding:0 0 0 20px;border-radius:10px 0 0 10px;}
.searchBar-pc .input-group .addbtn {padding:0px;}
.searchBar-pc .button {height:40px;width:50px;background:#FFF;color:#999;border-radius:0 10px 10px 0;padding:0;font-size: 18px}

/* PC导航 */
#pc-header{height:80px;position:relative;}
#pc-header .tool-bar {height: 30px;line-height:30px;margin:25px;float:right;display: block;}
#pc-header .tool-bar .searchBar{display: block;}
#pc-header .tool-bar .searchBar a.search-ico i{font-size:24px;color:#999;line-height:32px;}

/*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(../images/vip.svg) no-repeat left / 100%;}
#pc-header .tool-bar a.vippay span{border-radius: 12px 12px 12px 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:20px;color:#fff;line-height:30px;}
/*购物车*/

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

#pc-header .log-bar{display: block;margin-left:10px;margin-top:22px;float:right}
#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: #fff;padding:30px;border-radius:5px; 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 #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,#00F2B2 0%, #008BFF 100%);padding:8px 15px;font-weight: 400;color:#FFF;}
#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:#666;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:#008BFF;}
#pc-header .log-bar .drop .menubox .userinfo a.logout{display: inline-block;border:1px solid #EBEBEB;font-weight: 400;padding:8px 40px;color:#999;}
#pc-header .log-bar .drop .menubox .userinfo a.logout:hover{background: #fff;border:1px solid #ccc;color:#999;}

#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:#FFF;border:2px solid #008BFF;display:block;color:#008BFF;font-size:15px;margin-top:1px;}
#pc-header .log-bar a.user-ico:hover{background:#008BFF;color:#fff;}
#pc-header .log-bar a.user-ico i{font-size:18px;line-height:36px;}

/* 注册登录切换 */
.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:#666;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:#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: 40px;width:100%;}
.register-r .link-login a{cursor:pointer}
.register-r .link-login a.cur{color:#999}
.register-r .link-login span.cur a{color:#999}
.register-r .link-login span.cur a:hover{color:#666;}
/* 注册登录切换 end*/

/*手机版导航 begin */
#m-wrap{overflow-x: hidden;}
#m-mask{position: relative;z-index:2;overflow-x: hidden;background:#F5F5FB;}
#m-nav, .nav-toggle, #m-mask{position: relative;}
.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{display: none;height: 100%;right: 0;top:0;overflow-y: auto;position: fixed;z-index: 1;width: 275px;background:#008BFF ;padding:0; border:0;}
#m-nav ul li{position:static; width:100%;}
#m-nav ul li:hover,#m-nav ul li.current{background: #33A2FF }
#m-nav ul li a{padding:0 0 0 60px;font-size:16px;color: #FFF;text-decoration: none !important; display:block;position:relative; line-height:50px;;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{background:#33A2FF; position:absolute;content:''; left:0px;bottom:0;right:0;height:1px;}
#m-nav ul li ul{display:none;margin:0;padding:0;z-index:1999; position:relative ;width:100%;border:0;}
#m-nav ul li ul li{margin:0;padding:0;display:block;border:none;line-height:36px;}
#m-nav ul li ul li a,#m-nav ul li.current ul li a{background:#008BFF;color:#fff;display:block;font-size:14px;line-height:20px;padding:8px 0 8px 90px;}
#m-nav ul li ul li a:hover{color:#fff;}
#m-nav ul li ul li a.cur{color:#FFF;} /*点击第二个分类变色*/
#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:16px; right:15px;z-index:9999;display: none;cursor: pointer;}
.nav-toggle.cur i::before, .nav-toggle.cur i::after{background: #333;}
.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:#666;zoom: 1;*display: inline;color: #fff;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:#666;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{height:60px;position:fixed;left:100px;top:0;right:50px;z-index:999;}
#pc-header .log-bar{margin-top:12px;}
#pc-header .log-bar .drop:hover .menubox{right:-10px;}
#pc-header .tool-bar {margin:15px;}

.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}
.register-r .link-login{position:relative;line-height: 50px;width:100%;}
}