.headsearch{margin:10px 0;display: block;}
.headsearch .form-group{border-radius:30px;padding:0;margin:0;}
.headsearch .input{height:42px;background:#FFF; color:#999;padding:0 0 0 15px;border-radius: 10px 0 0 10px;border:1px solid #E9DBF8;border-right:0}
.headsearch .input-group .addbtn {padding:0px;}
.headsearch .button {height:42px;width:40px;background:#FFF;border:1px solid #E9DBF8;border-left:0;border-radius:0 10px 10px 0;padding:0;font-size:16px;}
.headsearch .button i{color:#999}

/* 弹出搜索 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:#fff;opacity:0.9;}
.searchbar-m a {color:#333;display:block;position:absolute;right:40px;top:20px;font-size:36px;z-index:9999;}
.searchbar-m a:hover{color:#8076E6}
.searchbar-m .form-group {width:40%;margin-top:-27px;position:absolute;left:50%;top:50%;transform:translate(-50%,-200%);box-shadow: 0px 5px 15px 0px rgba(0,64,128,.08);border-radius: 30px;padding:0;}
.searchbar-m .input{width:90%;height:54px;line-height:54px;background:#fff;border:2px solid #8076E6;border-right:0;color:#888;float:left;padding:0;text-indent:20px;border-radius:30px 0 0 30px}
.searchbar-m .button {width:10%;padding:0;height:54px;border:2px solid #8076E6;font-size:20px;border-left:0;display:block;float:left;background:#fff;border-radius: 0 30px 30px 0}
.searchbar-m .button i{color:#8076E6;line-height:54px;}
/* 弹出搜索 end */

/*.headbar.nav{margin-left:30px}*/
/* PC导航 */
.headbar{height:64px;}
.headbar .logo{height:32px;margin:16px 0 16px 0;display:block;outline:none;}
.headbar .logo img{height:32px;}
.headbar .navbar{background:#F9F7FC;z-index:9;}
.headbar .nav{text-align:right}
.headbar .nav-pills.nav-inline a{line-height:64px;}
.headbar .nav li{display: inline-block;}
.headbar .nav-inline li a{padding:0 0 0 25px}
/*.headbar .nav li:last-child a:hover{border-radius:0 0 12px 12px;}*/
.headbar .nav li.active a i{color:#7F5FFF}
.headbar .nav li a{color:#3E4049;position:relative;border-radius: 0;font-weight: normal;}
.headbar .nav li a:hover{background-color:rgba(0,0,0,0);color:#8163FD}
.headbar .nav li a i img{width:20px;width:20px;vertical-align: middle;}
/* headbar ---------------------------------------- */

.headbar .toggle .menu-toggle{display:block;height:64px;}
.headbar .tool-bar {height: 30px;line-height:30px;margin:17px 0;float:right;display: block;}
.headbar .tool-bar .searchbar{display: block;margin:0 20px;}
.headbar .tool-bar .searchbar a.search-ico i{font-size:18px;color:#666;line-height:30px;}

/*VIP充值*/
.headbar .tool-bar a.vippay{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,#6e30ce,#d026fe);box-shadow: 0 5px 21px 0 rgba(208, 38, 254, .25);}
.headbar .tool-bar a.vippay:hover{background: -webkit-gradient(linear,left top,right top,from(#8A59D8),to(#D53FFE));background: linear-gradient(90deg,#8A59D8,#D53FFE)}
.headbar .tool-bar a.vippay i{vertical-align: middle;width:24px;height:24px;display:inline-block;background: url(../images/vip.svg) no-repeat left / 80%;}
.headbar .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充值*/

.headbar .log-bar{display: block;margin-left:20px;margin-top:15px;float:right;z-index:9;position:relative;}
.headbar .log-bar .drop .menubox{display:none;padding-top:30px;}
.headbar .log-bar .drop:hover .menubox{position:absolute;display:block;top:17px;right:0;width:210px;z-index: 3;animation:fadein .3s;}
.headbar .log-bar .drop .menubox .userinfo{position:relative;background:#FFF;padding:20px;border-radius:10px;box-shadow: 0 5px 15px 0 rgba(0,0,0,.06);}
.headbar .log-bar .drop .menubox .userinfo:after{position:absolute;top:-8px;right:10px;display:inline-block;border-left:8px solid transparent;border-bottom:8px solid #fff;border-right:8px solid transparent;content:''}
.headbar .log-bar .drop .menubox .userinfo .userlevel .user-img{width:48px;height: 48px;display: block}
.headbar .log-bar .drop .menubox .userinfo .userlevel .button{padding:8px 15px;font-weight: 400;background: linear-gradient(108deg, #8163FD, #FDC163 70%, #AE60E2);color:#fff}
.headbar .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;}
.headbar .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;}
.headbar .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;}
.headbar .log-bar .drop .menubox .userinfo .userlevel .media .media-body p{font-weight: 400}
.headbar .log-bar .drop .menubox .userinfo ul li{line-height:30px;height:30px;display:block;width:50%;float:left;}
.headbar .log-bar .drop .menubox .userinfo ul li a{color:#666;font-weight: 400;}
.headbar .log-bar .drop .menubox .userinfo ul li:nth-child(2n){padding-left:10px;}
.headbar .log-bar .drop .menubox .userinfo ul li a:hover{color:#8163FD;}
.headbar .log-bar .drop .menubox .userinfo a.logout{display: inline-block;border:1px solid #DDD;font-weight: 400;padding:8px 40px;color:#8B8B92;}
.headbar .log-bar .drop .menubox .userinfo a.logout:hover{background: #fff;border:1px solid #8163FD;color:#8163FD;}

.headbar .log-bar .drop .user-img{position:relative;}
.headbar .log-bar .drop .user-img img{width:34px;height:34px;}
.headbar .log-bar a.user-ico{height:34px;width:34px;display:block;color:#8163FD;background:#E6DEFF;transition:all .3s;}
.headbar .log-bar a.user-ico:hover{background:#8163FD;transition:all .3s;}
.headbar .log-bar a.user-ico i{font-size:16px;line-height:32px;transition:all .3s;}
.headbar .log-bar a.user-ico:hover i{color:#fff;transition:all .3s;}

/* 注册登录切换 */
.register{ overflow:hidden;}
.register-l{position:relative;float:left;width:340px;}
.register-l .adimg{position:absolute;left:0;top:0;width:100%;height:100%;}
.register-l .adimg img{border-radius: 8px 0 0 8px}
.register-l .adtxt{position:absolute;left:40px;top:80px;}
.register-l .adtxt h4{font-size:24px;font-weight: 600;display: inline-block;margin-bottom: 10px}
.register-l .adtxt ul{margin-top:30px;}
.register-l .adtxt ul li{padding:0 0 0 15px;position:relative;font-size:15px;line-height: 30px;color:#fff;}
.register-l .adtxt ul li:before{content:'';position:absolute;top:12px;left:0;background:#fff;width:6px;height:6px;border-radius:50%}

.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;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;line-height:46px;}
.register-r .bnt-login a.qq{background:#5ea8ff;line-height:46px;}

.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:#949496}
.register-r .link-login span.cur a{color:#949496}
.register-r .link-login span.cur a:hover{color:#666;}
/* 注册登录切换 end*/

@media screen and (max-width:1300px){

}

@media screen and (max-width:768px){
.dialog .dialog-body{padding:10px 20px 20px 20px;}
.dialog.log{width:100%;}
.dialog.log .dialog-body{padding:0;}
.nav-navicon {display:none}
.headbar{height:60px;}
.headbar .log-bar .drop .menubox .userinfo .userlevel .button{padding:5px 10px;line-height:20px;font-size:12px}
.headbar .log-bar .drop .menubox .userinfo a.logout{padding:5px 20px;line-height:20px;font-size:12px}

.headbar .nav{position:absolute;box-shadow:0 10px 25px -10px rgba(0,0,0,.09);z-index:6;left:0;min-width:125px;top:60px;text-align:left;background: #fff;border-radius: 10px;padding:10px 0}
.headbar .nav:after{position: absolute;top:-8px;left:12px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #FFF;border-left:8px solid transparent;content: ''; }
.headbar .nav-pills.nav-inline a{line-height:40px;}
.headbar .nav li{display: block;margin-left:0}

.headbar .button{font-size:20px;padding:0 15px;line-height:60px;border:0;position: relative;z-index:6;color:#858586;}
.headbar .button:hover, .headbar .button:focus, .headbar .button.bg-white:hover, .headbar .button.bg-white:focus{background-color:rgba(0,0,0,0);color:#8163FD}

.headbar .logo{height:30px;margin:15px 0;}
.headbar .logo img{height:30px;}
.headbar .logo-wiki{height:30px;margin:15px 0 15px 0;}
.headbar .logo-wiki img{height:30px;}
.headbar .log-bar{margin-top:12px;}
.headbar .log-bar .drop:hover .menubox{right:-10px;}

.headbar .tool-bar {margin:15px 0;}
.headbar .tool-bar .searchbar{margin:0;}

.searchbar-m a{right:20px;top:10px;font-size:24px;}
.searchbar-m .input{width:80%;}
.searchbar-m .button {width:20%;}
.searchbar-m .form-group {width:80%;}

.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%;}

}