/*
html,body{margin:0; min-height: 100%;}
body{color:#333; font:14px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
    -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }
h1,h2,h3,ul,li,p,i{margin: 0; padding: 0;}
a{outline:none;color:#049cdb;text-decoration:none;cursor:pointer}
input{outline:none;}
ul{list-style: none;}
*/
.left{float: left;}
.right{float: right;}
.bk{display: block; height: 100%;}
.clearfix:before,.clearfix:after{content:''; display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.textover{overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
a:hover{text-decoration: none;color: #57b7ff;}
.hide{display: none;}
.block{display: block;}
h2{font-size: 16px;}
.img-small{width: 40px;height: 40px;border-radius: 50%;margin-top: 10px;}
/*
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;font-weight: normal;}
.t-table{width: 100%; text-align: left; line-height: 24px;}
.t-table th{font-weight: normal;}
.t-table th,.t-table td{ border: 1px #ccc solid; padding-left: 10px;}

.t-table tfoot td{border-bottom: 0; padding-top: 20px;}
.t-table tbody tr:nth-child(odd) {background: #fff}
.t-table tbody tr:nth-child(even) {background: #f9f9f9}
*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset!important;}
.scroll::-webkit-scrollbar{ width: 3px; height: 9px;}
.scroll::-webkit-scrollbar-button:vertical, .scroll::-webkit-scrollbar-button:horizontal{ display: none;}
.scroll::-webkit-scrollbar-track-piece{ background: #f0f0f0;}
.scroll::-webkit-scrollbar-thumb:vertical, .scroll::-webkit-scrollbar-thumb:horizontal{ background-color: #b0b0b0; border-radius: 5px;}
.scroll::-webkit-scrollbar-thumb:vertical, .scroll::-webkit-scrollbar-thumb:horizontal:hover{ background-color: #999;}

.loading{height: 100%; overflow: hidden;}
.loading-box{ display: none; position: fixed; z-index: 21000; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background: #fcf8f5;height: 200%;overflow:hidden;}
.loading-anim{background: url('../images/loading.gif') no-repeat center center; width: 55px;height: 55px; margin: 200px auto 0 auto;}
.loading .loading-box{display: block;}
.waiting{ text-align: center; font-size: 16px; color: #333; margin-top: 30px;}
.loading-f{height: 100%; overflow: hidden;}
.loading-f .loading-fail-box{display: block;}
.loading-fail{background: url('./images/fail.png') no-repeat center center; background-size: 100% 100%; width: 1.5rem;height: 1.5rem; margin:auto;margin-top:4.5rem;margin-bottom: 1rem;}
.loading-fail-box{ display: none; position: fixed; z-index: 21000; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background: #fcf8f5;height: 200%;overflow:hidden;}

.header{height: 50px; background: #3b5ba0; color: #fff; opacity: 0.6; font-size: 18px;}
.header h1{font-size: 18px; font-weight: normal; line-height: 50px; margin-left: 20px;}
.header .btn{color: #fff; line-height: 50px; margin-right: 50px;}
.sidebar{width: 152px; background: #f0f3f5; border-right: 1px #ccc solid; position: absolute; top: 0; bottom: 0; left: 0;}
.sidebar .s-icon{height: 38px; line-height: 38px; border-top: 1px #dce0e7 solid; display: block; padding-left: 57px; color: #333; background: url('../images/menu-icon.png') no-repeat 0 0;}
.sidebar .s-icon:hover{color: #3b5ba0; background-color: #fff;}
.sidebar .active{color: #3b5ba0; border-right: 3px #3b5ba0 solid; background-color: #fff;}
.sidebar .s-icon-gift{background-position: 27px 12px;}
.sidebar .s-icon-stat{background-position: 27px -28px;}
.sidebar .s-icon-setting{background-position: 27px -67px;}
.sidebar .s-icon-gift:hover{background-position: 27px -117px;}
.sidebar .s-icon-stat:hover{background-position: 27px -156px;}
.sidebar .s-icon-setting:hover{background-position: 27px -195px;}
.sidebar .s-icon-gift.active{background-position: 27px -248px;}
.sidebar .s-icon-stat.active{background-position: 27px -286px;}
.sidebar .s-icon-setting.active{background-position: 27px -325px;}

.wrapper{position: relative;}
.wrapper-content{margin-left: 0px; margin-right: 16px; min-height: 300px;}

.body-room{height: 100%; /*overflow: hidden;*/}
.page-room .wrapper{position: relative; min-height: 100%;}
.page-room .stat{line-height: 39px;}
.page-room .table-ib{border:0px #ccc solid; position: relative;}
.page-room .table-ib .t-bable-b{ overflow-y: auto;}
.page-room .table-box{font-size: 12px; color: #666;}
.page-room .table-box .left{width: 60%;}
.page-room .table-box .right{width: 39%;}
.page-room .table-box .t{line-height: 28px; padding-left: 16px; color: #333;}
.page-room .box-body{margin-top: 0px;}
.page-room .table-box th{color: #333; border-top: 0;}
.page-room .table-box tr td:first-child, .page-room .table-box tr th:first-child{border-left: 0;}
.page-room .table-box tr td:last-child, .page-room .table-box tr th:last-child{border-right: 0;}
.page-room .t-table tbody .trananim{-webkit-transition: background-color 500ms ease-out; -moz-transition: background-color 500ms ease-out; -o-transition: background-color 500ms ease-out; transition: background-color 500ms ease-out; background-color: #fff;}
.page-room .t-table tbody .tranbg{ background-color: #f55b5b; color: #fff;}
.page-room .unreadmsg-box{display: none; height: 26px; line-height: 26px; background: #fff17e; color: #333; bottom: 0; left: 0; right: 0; text-align: center;margin-top: -25px;position: relative;}
.page-room .unreadmsg-box a{color: #333;}
.page-room td{max-width: 30%;word-wrap:break-word;word-break: break-all;line-height: 11px !important;}

.page-room tbody tr:hover{background: #eee;}
.page-room .context-menu-item{border-bottom: 1px #ccc solid;}
.page-room .context-menu-item:last-child{border-bottom: 0;}
.page-room tbody .rclick{background: #fae052;}
.page-room .socketdesc{margin: 5px 0 6px;font-size: 12px; color: #4da3f5;}
.page-room .socketdesc span{color: #999;}

.page-stat .title{line-height: 40px; margin-left: 20px;}
.page-stat .t-table{width: 600px; margin-left: 20px; border-left: 1px #ccc solid; border-right: 1px #ccc solid;}
.page-stat .t-table th{background: #ececec; line-height: 41px; color: #333;}
.page-stat .t-table td{line-height: 37px; color: #666; font-size: 12px;}
.page-stat .t-table td,.page-stat .t-table th{padding-left: 10px; border-left: 0; border-right: 0;}
.page-stat .stat-info{margin-top: 25px; line-height: 28px; margin-left: 20px;}

.page-setting .title{line-height: 40px; margin-left: 20px;}
.page-setting .col-md-1{width: 70px;}
.page-setting .form-control{height: 21px;}
.page-setting .btn-box{margin-left: -10px;}
.page-setting .rightdiv{padding-left: 3px;}
.page-setting .control-label{padding-left: 0px;}
.page-setting .image-box{width: 96px;height: 96px;}
.page-setting .image-box img{width: 96px;height: 96px;border-radius: 50%;border: 1px solid #eee;}
.page-setting .image-uploadbox{margin-top: 14px;width: 96px;text-align: center;}
.page-setting .image-uploadbox a{color: #2b93f7;}
.page-setting .form-box{margin:20px 0 0 20px;}
.page-setting .item{margin-bottom: 25px; line-height: 28px; height: 28px;}
.page-setting .item .inp{border:1px #ccc solid; border-radius: 2px; line-height: 28px; height: 28px; width: 295px; padding-left: 10px;margin-left: -15px;}
.page-setting .item .inp:focus{border-color: #2b93f7;}
.page-setting .item .label{width: 72px;}
.page-setting .btn{width: 90px; height: 35px; background: #2b93f7; color: #fff; border:0; border-radius: 3px;margin-left: 5px;}
.img-body .img-btnbox{margin-top: 10px;margin-left: 20px;width: 360px;font-size: 8px;color: #666;}
.img-body .img-btnbox .imgbtn{
	font-size: 12px;width: 70px;height: 26px;padding: 0 5px;
	background:inherit;border: 1px solid #d9d9d9;border-radius: 2px;color: #2b93f7;
}
.img-body .img-box{height: 360px;padding: 23px 40px 0 20px;color:#666;font-size: 12px; }
.img-body .img-btnbox{height: 30px;}
.img-body .img-btnbox .imgbtn:hover{background:#2b93f7;color: #fff;}
.img-body .img-left{width: 360px;background-color: #F2f5f5;text-align: center;height: 100%}
.img-body .img-right{width: 132px;background-color: #F2f5f5;text-align: center;height: 100%}
.img-body .img-scan{margin-top: 14px;margin-bottom: 10px;}
.img-body .img-title{margin-top: 8px;margin-bottom: 30px;}
.img-body .img1{width: 100px;height: 100px;margin:0 auto;overflow: hidden;}
.img-body .img2{width: 50px;height: 50px;margin-top: 25px;margin:0 auto;overflow: hidden;}
.img-body .img3{width: 30px;height: 30px;margin-top: 25px;margin:0 auto;overflow: hidden;}

/* Override Cropper's styles */
.cropper-view-box,
.cropper-face {
  /*border-radius: 50%;*/
}
.cropper .img-container{max-height: 360px;margin-bottom: 0px;min-height:360px;max-width: 360px; }
@media(min-width: 768px){
.cropper .img-container{max-height: 360px;min-width: 360px;margin-bottom: 0px;}
}

.fileinput-button {
position: relative;
display: inline-block;
overflow: hidden;
width: 60px !important;
height: 24px !important;
}
.fileinput-button input{
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
width: 70px;
height: 24px;
-ms-filter: 'alpha(opacity=0)';
}
.fileinput-button span{
	margin: 4px 0px 0px 6px;
	font-size: 12px;
	position: absolute;
}

.body-login{height: 100%;}
.body-login .header, .body-login .sidebar{display: none;}
.body-login .wrapper-content{margin-left: 0; margin-right: 0;}
.page-login{background: url('../images/bg.jpg') no-repeat center 0; background-size: 100%; min-height: 800px;}
.page-login{height: 100%; position: relative;z-index: 200;}
.page-login .lheader{height: 70px; line-height: 70px; letter-spacing: 19px; font-size: 18px; background: #fff;}
.page-login .mbox{width: 820px; padding-left: 380px; margin: 0 auto; }
.page-login .inner{background: url('../images/logo.png') 120px center no-repeat;height: 70px;}
.page-login .login-box{width: 410px; height: 480px; border-radius: 5px; box-shadow: 0 0 8px 0 #999; background: rgba(255,255,255,.8); margin: 100px 22px 0 0;}
.page-login .login-box .title{line-height: 55px; font-size: 20px; color: #666; text-align: center; margin-top: 40px;}
.page-login .login-box .inp{height: 42px; line-height: 42px; border:1px #ccc solid; border-radius: 2px; width: 238px; padding-left: 52px; background-color: #fff;}
.page-login .login-box .inp:focus{border-color: #2b93f7;}
.page-login .login-box .item{margin-top: 23px; margin-left: 60px; position: relative;}
.page-login .login-box .icon{width: 35px; height: 35px; position: absolute; top: 5px; left: 7px; background: url('../images/login-icon.png') no-repeat 0 0;}
.page-login .login-box .area{width: 35px; height: 35px; position: absolute; top: 12px; left: 15px; background: url('../images/area.png') no-repeat 0 0;}
.page-login .login-box .icon-appid{background-position: 0 6px;}
.page-login .login-box .icon-uname{background-position: 0 -63px;}
.page-login .login-box .icon-upwd{background-position: 0 -132px;}
.page-login .login-box .info{line-height: 47px; margin-left: 60px; color: #666; font-size: 12px}
.page-login .login-box .checkbox{border-color: #a5a5a5; background: #ddd; vertical-align: middle; margin-right: 5px}
.page-login .login-box .btn-box{text-align: center;}
.page-login .login-box .btn{width: 292px; height: 45px; color: #fff; background: #2b93f7; border:0; font-size: 18px;}
.page-login .login-box .btn:hover{background: #50a7fa;}
.page-login .login-box .btn:active{background: #1d7bd6;}
.page-login .login-box .disable,.page-login .login-box .disable:hover{background: #bbb; color: #fff;}
.page-login .lfooter{background: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 23px 0; text-align: center; line-height: 22px; color: #999;}

.page-login .changpwd-box{width: 410px; height: 410px;}
.page-login .changpwd-box .btn-box{padding-top: 45px;}
.btn-div{border-top: 1px solid #eee;}