/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 8px;
    }
    /* 滚动槽 */
    ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px;
    }
    /* 滚动条滑块 */
    ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
    }
    ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.1);
    }

/* siteset *****************************************************/
.site-delete{
    width:14px;
    height: 14px;
    position: absolute;
    top:-2px;
    left: 0;
    user-select: none;
    -ms-user-select: none;
    display: none;
}

.site-edit{
    width:14px;
    height: 14px;
    position: absolute;
    top:-2px;
    right:0;
    user-select: none;
    -ms-user-select: none;
    display: none;
}


.add-site-btn-div{
    cursor: pointer;
}

.add-site-btn-li{
    transform:scale(.8);
}

#site-text-span{
    position: absolute;
    color:white;
    left:0;
    top:-50px;
    height:30px;
    width:100%;
    text-align: center;
    text-shadow:1px 1px 3px black;
    font-size:16px;
    display: none;
}

#site-btn-box{
	width:100%;
	position: absolute;
	bottom: -50px;
	left:0;
	font-size: 16px;
	display:none;
    justify-content: center;
    align-items: center;
    text-align: center;
    user-select: none;
    -ms-user-select: none;
}

#deleteAllSite-btn{
    color:white;
    margin-right:20px;
    cursor: pointer;
    text-align:center;
    font-size:14px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

#deleteAllSite-btn:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#site-confirm{
	width: 140px;
	height: 40px;
	cursor: pointer;
	background-color:#4489f6;
	border-radius: 100px;
	color: white;
	line-height: 40px;
	box-shadow:0 4px 10px rgba(0,0,0,.1);
    display: inline-block;

}
#site-confirm:hover{
	background-color:#2c7bf6;
}





/* engine-set-wrap *****************************************************/
.engine-delete{
    width:14px;
    height:14px;
    position: absolute;
    top:-6px;
    right: 30px;
    user-select: none;
    -ms-user-select: none;
    display: none;
    
}

.engine-edit{
    width:14px;
    height:14px;
    position: absolute;
    top:-6px;
    right:10px;
    user-select: none;
    -ms-user-select: none; 
    display: none;   
}

#search-btn-big-box{
	width:100%;
	position: absolute;
	bottom: -50px;
	left:0;
	font-size: 16px;
	display:none;
    justify-content:space-between;
    align-items: center;
    text-align: center;
    user-select: none;
    -ms-user-select: none;
}

#engine-text-span{
    color:white;
    text-align: center;
    text-shadow:1px 1px 3px black;
    font-size:16px;
}

#engine-btn-box{
    display: flex;
    align-items: center;
}

#deleteAllEngine-btn{
    color:white;
    margin-right:20px;
    cursor: pointer;
    text-align:center;
    font-size:14px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

#deleteAllEngine-btn:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#engine-confirm{
	width: 140px;
	height: 40px;
	cursor: pointer;
	background-color:#4489f6;
	border-radius: 100px;
	color: white;
	line-height: 40px;
	box-shadow:0 4px 10px rgba(0,0,0,.1);
    display: inline-block;

}
#engine-confirm:hover{
	background-color:#2c7bf6;
}









/* fixed-btn-wrap *****************************************************/
#fixedBtnBox{
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index:900;
}

.rightBtn{
	width: 24px;
	height: 24px;
	margin-bottom:10px;
	display: block;
	background-repeat: no-repeat;
	cursor: pointer;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
    position: relative;
    transition: all .5s;
}
.rightBtn:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.rightBtn:hover .hidden-text{
    display: block;
}
.rightBtn img{
    width:100%;
    height:100%;
}

.hidden-text{
    position: absolute;
    left:0px;
    top:0;
    transform:translate(-110%,0);
    background: rgba(0,0,0,0.3);
    color: white;
    border-radius:100px;
    padding:5px 10px;
    font-size:12px;
    display: block;
    white-space: nowrap;
    display: none;
    transition: all .5s;
}


/*loginBox*************************************/
#loginBlackBg{
    width: 100%;
    height: 100%;
    position:fixed;
    background-image:url(../../images/blackbg.png);
    z-index: 900;
    left:0;
    top:0;
    display: none;
    user-select: none;
    -ms-user-select: none;
    transition:all .3s;
}
#loginBox{
    width: 480px;height: auto;border-radius: 8px;background-color: white;
    position: absolute;margin-top:-190px;margin-left:-240px;top:50%;left:50%;
    box-shadow:0 4px 10px rgba(0,0,0,.3);font-size: 16px;
    text-align: center;
    padding-bottom: 28px;
}
#loginText{
    height:30px;
    width:100%;
    text-align: center;
    color:#323232;
    font-size:20px;
    margin-top:36px;
}
#loginBtnBox{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    margin-top:28px;
}
#loginBox a{
    display: inline-block;
    margin-top:0;
}
#loginBtn{
    width: 200px;
    height: 50px;
    cursor: pointer;
    background-color:#4489f6;
    border-radius: 100px;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#loginBtn div{
    font-size: 18px;
    margin-left:6px;
}
#loginBox img{
    width:26px;
    height:26px;
}
#loginBtn:hover{
    background-color:#2c7bf6;
}
#wechatLoginBtn{
    width: 200px;
    height: 50px;
    cursor: pointer;
    background-color:#07c160;
    border-radius: 100px;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wechatLoginBtn div{
    font-size: 18px;
    margin-left:6px;
}
#wechatLoginBtn svg{
    width:26px;
    height:26px;
}
#wechatLoginBtn:hover{
    background-color:#06ad56;
}
#noLoginBtn{
    width:80px;
    height:22px;
    margin:10px auto 0 auto;
    font-size:14px;
    cursor: pointer;
    color: #7f7f7f;
}
#noLoginBtn:hover{
    text-decoration: underline;
}



/*Siteset-box-wrap-------------------------------------------------*/
.edit-wrap{
    width: 100%;
    height: 100%;
    position:fixed;
    background-image:url(../../images/blackbg.png);
    z-index: 900;
    display:none;
    left:0;
    top:0;
}
.edit-box{
    width: 500px;
    height: 300px;
    border-radius: 4px;
    background-color: white;
    position: absolute;
    margin-top:-200px;
    margin-left:-250px;
    top:50%;
    left:50%;
    box-shadow:0 4px 10px rgba(0,0,0,.3);font-size: 16px;
}
.edit-box input::-webkit-input-placeholder{ /*WebKit browsers*/
color:#cccccc;
}

.edit-box input::-moz-input-placeholder{ /*Mozilla Firefox*/
color:#cccccc;
}

.edit-box input::-ms-input-placeholder{ /*Internet Explorer*/
color:#cccccc;
}
.edit-list{
    width: 400px;
    height: 49px;
    margin:10px 0 0 50px;
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: space-between;
}
.edit-list-icon{
    display: flex;
}
.edit-list-span{
    display: block;
    margin:5px 0 0 50px;
    color:#666666;
    font-size:12px;

}
.edit-name{
    color: #4d4d4d;
    height: 49px;
    line-height: 47px;
}
.edit-input{
    flex:1;
    font-size:16px;
    padding-left:10px;
    height:47px;
    float: left;
    border:0 none;
    outline:none;
}

.edit-icon-btn-box{
    display:flex;
    justify-content: flex-end;
}
.edit-icon-btn{
    font-size: 14px;
    color: #4d4d4d;
    width:120px;
    height: 30px;
    border-radius: 50px;
    text-align: center;
    border:1px solid #f2f2f2;
    line-height: 30px;
    margin:5px 0px 0 0px;
    cursor: pointer;
    background-color: #f2f2f2;
}
.edit-icon-btn:hover{
    border:1px solid #b3b3b3;
}
.edit-icon-box{
    width:40px;
    height: 40px;
    border-radius: 50px;
    border:1px solid #cccccc;
    margin-left:10px;
}
.edit-icon-file{
    display: none;
}
.edit-icon-box div{
    width: 20px;
    height: 20px;
    border-radius: 4px;
    overflow: hidden;
    margin:10px 0 0 10px;
}
.edit-icon-box div img{
    width: 20px;
}
.edit-btn-box{
    width: 260px;
    height: 40px;
    position: absolute;
    bottom: 26px;
    left: 50%;
    margin-left: -130px;
    font-size: 16px;
}
.edit-confirm-btn{
    width: 120px;
    height: 40px;
    cursor: pointer;
    background-color:#4489f6;
    border-radius: 100px;
    color: white;
    float: left;
    text-align: center;
    line-height: 40px;
    margin-left: 20px;
}
.edit-confirm-btn:hover{
    background-color:#2c7bf6;
}
.edit-cancel-btn{
    width: 118px;
    height: 38px;
    border:1px solid #cccccc;
    cursor: pointer;
    background-color:white;
    border-radius: 100px;
    color: #333333;
    float: left;
    text-align: center;
    line-height: 40px;
}
.edit-cancel-btn:hover{
    border:1px solid #b3b3b3;
}



/*console-wrap-------------------------------------------------*/
#console-wrap{
	width:360px;
	height:100%;
    padding:20px 20px 20px 0;
    box-sizing: border-box;
	background-color:;
	position: fixed;
	right: 0;
    top:0;
	z-index:899;
	display: none;
}

#console-box{
	width:100%;
	height: 100%;
	flex-grow:1;
	background-color:white;
	border-radius:6px;
	box-shadow:0 2px 6px rgba(0,0,0,.2);
	display: flex;
	display:-webkit-flex;
	flex-flow: column wrap;
    box-sizing: border-box;
    padding:0 2px 0 30px;
}

#console-header{
	height:60px;
	border-bottom:1px solid #e6e6e6;
	box-sizing: border-box;
	display: flex;
	justify-content:space-between;
	align-items: center;
    margin-right:28px;
}

#console-title-box{
    cursor:pointer;
    display:flex;   
    align-items: center;
}
.console-title-img{
    width:25px;
    height:25px;
    border-radius:50%;
    margin-right:5px;
}
.console-title{
    font-size:14px;
}

#save-box{
    display:none;
    justify-content: end;
    align-items: center;    
    user-select: none;
    -ms-user-select:none;
}
#console-eye-btn{
    width:25px;
    margin-right:10px;
    cursor: pointer;
}

#console-save-btn{
    font-size:14px;
    display:flex;
    justify-content:center;
    align-items: center;
    background-color: #4486f6;
    color: white;
    height:25px;
    width:80px;
    border-radius:100px;
    margin-right:10px;
    cursor: pointer;
}
.console-save-icon{
    width:13px;
    height:13px;
    margin-right:5px;
}
#console-close-btn{    
    width:18px;
    height:18px;
    background:url(../../images/console/closeicon.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    opacity:0.8;
    transition: all .5s;
}

#console-close-btn:hover{
    rotate: 90deg;
}

#console-menu{
	width:100%;
	height:100px;
	flex-grow:1;
	overflow:auto;
	box-sizing: border-box;
    padding:0 25px 0 0;
	margin:10px 0; 
    display:flex;
    display:none;
    justify-content:space-between;
    align-items: center;
    flex-flow: column wrap;
}

#console-menu-main{
	width:100%;
	height:100px;
	flex-grow:1;
	overflow:auto;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}

#user-box{
    /* background-color: #2c79f61c; */
    margin-bottom:30px;
    display: flex;
    flex-flow:column wrap;
    justify-content: center;
    align-items: center;
}
.user-head{
    width:60px;
    height:60px;
    background-color: #33333311;
    background:url(../../images/console/userhead.svg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius:50%;
    margin-bottom:10px;
    box-shadow:0 1px 3px rgba(0,0,0,.1);    
}
.user-name{
    font-size:14px;
    width:100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.console-menu-btn{
    width:140px;
    height:32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:100px;
    text-align: center;
    border:1px solid rgba(0, 0, 0, 0.01);
    background-color:rgba(0, 0, 0, 0.03);
    margin:6px 0;
    user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    font-size: 13px;
    transition: all .5s;
}
.console-menu-btn:hover{
    border:1px solid rgba(0, 0, 0, 0.1);
    color:#2c7bf6;
}

#signout-btn{
    display: none;
}

#console-bottom-btn-box{
    align-items:flex-end;
    width:100%;
    margin-bottom:5px;
    text-align: center;
}

.console-bottom-ad{
    width:100%;
    margin:5px 0;
    
}
.console-bottom-ad img{
    width:100%;
    border-radius:6px;
    line-height:0;
}

.console-rating{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:10px auto 20px auto;
    font-size:12px;
    color:rgba(0,0,0,.8);
    text-decoration: none;
    display: none;
}
.console-rating img{
    height:14px;
}

.console-bottom-btn{
    display: inline-block;
    font-size:13px;
    color:black;
    text-decoration: none;
    margin:0 5px;
    cursor: pointer;
}

#console-bottom-text{
    margin-bottom:30px;
    font-size:12px;
    color: rgba(0, 0, 0, 0.6);
    
}
#console-beian-btn{
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}
#console-beian-btn:hover{
    color: rgba(0, 0, 0, 1);
}




/************************ 壁纸设置 */
#console-bg-content{
	width:100%;
	height:100px;
	flex-grow:1;
	overflow:auto;
	box-sizing: border-box;
    padding:0 25px 0 0;
	margin:5px 0 10px 0;
    display: none;
}
.bg-title-box{
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    /* background-color: #696969; */
    height:40px;
    margin:5px 29px 0 0;
    display:none;
}
.bg-title-right{
    font-size:16px;
    color:#2c7bf6;
}
.bg-title-left{
    border-radius:100px;
    border:1px solid #666666;
    height:20px;    
    line-height:20px;
    font-size:13px;
    padding:3px 8px;
    color:#666666;
    transition:all .3s;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
}
.bg-title-left:hover{
    border:1px solid #2c7bf6;
    color:#2c7bf6;
}
#bg-category-bar{
    display:none;
    flex-wrap:wrap;
    gap:6px;
    margin:8px 29px 4px 0;
}
.bg-category-chip{
    border-radius:100px;
    border:1px solid #d0d0d0;
    height:22px;
    line-height:22px;
    font-size:12px;
    padding:0 10px;
    color:#666666;
    cursor:pointer;
    user-select:none;
}
.bg-category-chip.active{
    border-color:#2c7bf6;
    color:#2c7bf6;
    background:#f3f7ff;
}
.bg-upload-entry{
    display:block;
    margin:3px 0 8px;
    height:34px;
    line-height:34px;
    text-align:center;
    border-radius:6px;
    border:1px dashed #2c7bf6;
    color:#2c7bf6;
    font-size:13px;
    text-decoration:none;
}
.bg-upload-entry:hover{
    background:#f3f7ff;
}
.bg-category-hint{
    width:100%;
    font-size:12px;
    line-height:18px;
    color:#999999;
}
#nav-category-panel{
    display:none;
    width:100%;
    height:0;
    flex:1 1 auto;
    min-height:0;
    margin:8px 12px 12px 0;
    box-sizing:border-box;
}
#nav-category-list{
    width:76px;
    flex:0 0 76px;
    overflow-y:auto;
    border-right:1px solid #eeeeee;
}
.nav-category-item{
    height:32px;
    line-height:32px;
    padding:0 8px;
    font-size:13px;
    color:#666666;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    user-select:none;
}
.nav-category-item.active{
    color:#2c7bf6;
    background:#f3f7ff;
}
#nav-site-pane{
    flex:1 1 auto;
    min-width:0;
    overflow-y:auto;
    padding:0 8px 0 10px;
}
.nav-site-row{
    display:flex;
    align-items:center;
    gap:8px;
    height:36px;
    color:#333333;
    font-size:13px;
    text-decoration:none;
}
.nav-site-row img{
    width:22px;
    height:22px;
    border-radius:50%;
    object-fit:cover;
    flex:0 0 22px;
    background:#f2f2f2;
}
.nav-site-row span{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#nav-site-status{
    font-size:12px;
    line-height:18px;
    color:#999999;
    padding:8px 0 12px;
}
#bg-pic-wrap{
    display: flex;
    flex-flow:column nowrap;
}
.bg-pic-box{
    /* height:140px; */
    background-color: #e7e7e7;    
    margin:3px 0;
    border-radius:6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
    transition:all .5s;
}
.bg-pic-box:hover > .set-pic-btn{
    display: block;
}
.set-pic-btn{
    position: absolute;
    width:22px;
    height:22px;
    right:10px;
    bottom:10px;
    transition:all .5s;    
    background-image: url('../../images/console/downloadpic.svg');
    background-size: cover;
    display: none;    
}
#bg-load-text{
    margin-top:5px;
    font-size:12px;
    text-align: center;
    color: #c9c9c9;
}



#set-picurl-wrap{
    margin-top:10px;
    height: 300px;
    display: none;
}

#set-picurl-input-box{
    margin-top:30px;
    width:100%;
    height:40px;
    display: flex;
    justify-content: space-between;
}

#set-picurl-input{
    height:100%;
    flex:1;
    margin-right:10px;
    border:1px solid #7f7f7f;
    border-radius:6px;
    padding-left:5px;
    box-sizing: border-box;
    outline:none;
}
#set-picurl-btn{
    height:100%;
    width:40px;
    line-height:40px;
    background-color:#2c7bf6;
    border-radius:6px;
    text-align: center;    
    color: white;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
}
.set-picurl-text1{
    color:#7f7f7f;
    font-size:12px;
    display: inline-block;
    margin:5px 0;
}

.set-picurl-text2{
    color:#292929;
    font-weight: normal;
    font-size:14px;
    display: inline-block;
    margin-top:30px;
}

.picsite-box{
    margin:15px 0; 
}

.picsite-box a{
    color:#7f7f7f;
    background: rgb(247, 247, 247);
    padding: 4px 8px;
    border-radius: 100px;
    font-size:12px;
    margin:0px 10px 0 0;
    transition:all .3s;
    user-select: none;
    
}
.picsite-box a:hover{
    background: rgb(235, 235, 235);
}






#console-content{
	width:100%;
	height:100px;
	flex-grow:1;
	overflow:auto;
	box-sizing: border-box;
    padding:0 25px 0 0;
	margin:10px 0;
    display: none;
}
.console-ui-group{
    border-radius:6px;
    background-color: rgba(0, 0, 0, 0.02);
    margin:15px auto;
    padding:15px 17px 1px 17px;
}

.console-bigTitle{
	width:100%;
	background:;
	text-align: center;
	color:#666666;
	font-size:18px;
	margin-top:0px;
}

#ui-default-box{
    width:100%;
    /* background: rgba(222, 184, 135, 0.151); */
    display: flex;
    justify-content: space-between;
    flex-flow:row wrap;
    margin:10px 0 10px 0;
}
.ui-default-btn{
    white-space:nowrap;
    padding:0 10px;
    width:30%;
    margin:5px 0;
    height:25px;
    box-sizing: border-box;
    line-height:23px;
    text-align:center;
    border-radius:100px;
    font-size:13px;
    border:1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    transition:all .3s;
}
.ui-default-btn:hover{
    border:1px solid #2c7bf6;
    color:#2c7bf6;
}



.ui-adjust{
    margin:30px 0 40px 0;
}

.ui-title-box{
	width:100%;
	margin-top:20px;
	font-size: 16px;
	display: flex;
	display: -webkit-flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items: center;
	-webkit-user-select:none;
   	-moz-user-select:none;
   	-ms-user-select:none;
   	user-select:none;
}
.ui-title{
	color:#1a1a1a;

}
.ui-params{
	color:#2c7bf6;
}
.ui-switch{
    margin:25px 0;
}
.ui-switch-btn{
    border-radius:50px;
    width:36px;
    height:18px;
    cursor: pointer;
    display: flex;    
    align-items: center;   
}
/* 按钮开启状态css */
.ui-switch-btn-1{
    background-color: #2c7bf6;
    border:1px solid #2c7bf6;
    justify-content: flex-end; 
}

/* 按钮关闭状态css */
.ui-switch-btn-0{
    background-color: rgba(0, 0, 0, 0.05);
    border:1px solid  rgba(0, 0, 0, 0.05);
    justify-content: flex-start; 
}
.ui-switch-btn-circular{
    background-color:#ffffff;
    width:12px;
    height:12px;
    margin:3px;
    border-radius:10px;
}
.adjust-box{
	width: 100%;
	height: 2px;
	background-color: rgba(0,0,0,0.04);
	position: relative;
	margin-top:20px;
	border-radius: 10px;
	-webkit-user-select:none;
   	-moz-user-select:none;
   	-ms-user-select:none;
   	user-select:none;
}
.ui-adjust-btn{
	width: 15px;
	height: 15px;
	background-color: white;
	box-sizing: border-box;
	border:3px solid #2c7bf6;
	border-radius: 10px;
	position: absolute;
	cursor:pointer;
	/*left:0px;*/
	top:-7px;
}
.ui-adjust-line{
	width:0px;
	height: 2px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background:rgba(44,123,246,0.3);
	/*background:#2c7bf6;*/
}





@media (min-width:1640px){
    #console-wrap{
        width:420px;
        padding:20px 20px 20px 0;
    }
    .set-pic-btn{
        width:28px;
        height:28px;
    }
    .console-menu-btn {
        width: 150px;
        height: 36px;
        margin: 8px 0;
        font-size: 14px;
    }
    
}
@media (min-width:2000px){
    #console-wrap{
        width:450px;
        padding:25px 25px 25px 0;
    }
    .set-pic-btn{
        width:32px;
        height:32px;
    }
    
    #console-header {
        height: 72px;
        
    }
    .console-title-img {
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }
    .console-title {
        font-size: 16px;
    }
    #console-close-btn {
        width: 22px;
        height: 22px;
    }

    .user-head {
        width: 66px;
        height: 66px;
        margin-bottom: 12px;
    }
    .user-name{
        font-size:16px;
    }
    
    .console-menu-btn {
        width: 160px;
        height: 40px;
        margin: 8px 0;
        font-size: 14px;
    }
    .console-bottom-btn{
        font-size:14px;
    }
    #console-bottom-text{
        font-size: 13px;
    }
    

    #fixedBtnBox {
        position: fixed;
        bottom: 25px;
        right: 16px;
        
    }
    .rightBtn{
    	width: 28px;
    	height: 28px;
    }
    .hidden-text{
        font-size:13px;
        padding: 5px 14px
    }
    
    

    #loginBox{
        width: 560px;height: auto;border-radius: 10px;
        margin-top:-220px;margin-left:-280px;
        padding-bottom: 36px;
    }
    #loginText{
        margin-top:48px;
    }
    #loginBox a{
        margin-top:0;
    }
    #loginBtn, #wechatLoginBtn{
        width: 250px;
        height: 58px;
    }
    #wechatLoginBtn svg{
        width:28px;
        height:28px;
    }
    #loginBtn div{
        font-size: 18px;
        margin-left:6px;
    }
    #loginBox img{
        width:28px;
        height:28px;
    }
    #noLoginBtn{
        margin:14px auto 0 auto;
        font-size:16px;
    }
    
    
    
    
}