@CHARSET "UTF-8";
body{
	font-family: Arial,"微软雅黑";
	font-size:13px;
	color: #333;
    user-select:none;
}
ol, ul, li, h1, h2, h3, h4, h5, form, body, p {margin: 0px;padding: 0px;}
a {color: #000;text-decoration: none;}
li {list-style-type: none;}
.m10{margin-top: 10px;}
.m15{margin-top: 15px;}
.m20{margin-top: 20px;}
.t_center{text-align: center;}

/* clearFix*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.clearfix {
    display: inline-block
}
/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
.hidden{display:none;}

.left{float: left;}
.right{float: right;}
input:disabled{color: #ccc;}
input[type=submit]:disabled,input[type=button]:disabled{color: #fff; background: #ccc;}
.no_line{font-size:0;}

a,input,label{-webkit-tap-highlight-color:rgba(255,0,0,0);} 
.red{color: #f00;}
.blue{color: #0055AA;}
.hui{color: #9e9f9f;}
.delline{text-decoration:line-through;}
.block{display: block;}

.code_img{pointer-events:none;}

.win_bg{background: #000; position: fixed; width: 100%; height: 100%; z-index: 100; top: 0;opacity: 0.7;}
.win_cns{position: fixed; z-index: 101;}
.win_close{text-align: center; margin: 10px auto;}


.bang_dom{width: 90%; margin: 0 auto; border:1px solid #cc362e; border-radius: 30px; height: 40px; line-height: 40px;}
.bang_dom a{display: block; width: 50%; font-size: 16px; float: left; text-align: center; border-radius: 30px; }
.bang_dom a.on{background: #cc362e; color: #fff}

.bang_list{width: 90%; margin: 6px auto 0 auto;}
.bang_list li {padding-top:6px;}
.bang_list li div{height: 34px; line-height: 34px;}
.bang_list_id{width: 16px; float: left; text-align: center;}
.bang_list_img{width: 50px; text-align: center; float: left;}
.bang_list_name{float: left;}
.bang_list_score{float: right;text-align: right;}

/*Alert*/
.win { display: none; width: 80%;}
.mask-layer { position: fixed; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: black; z-index: 99998; top: 0px; left: 0px; }
.window-panel { position: fixed; z-index: 99999; top: 50%; left: 50%; background-color: white; border-radius: 10px; }
.window-panel .title-panel { position: absolute; height: 36px; width: 100%; border-radius: 10px 10px 0 0; }
.window-panel .title { position: absolute; height: 36px; width: 100%; text-align: center; border-radius: 10px 10px 0 0; line-height: 36px; vertical-align: middle; background-color: whitesmoke; /*标题背景色*/ border-bottom: 1px solid rgb(233, 233, 233); z-index: 1; }
.window-panel h3 { font-size: 16px; margin: 0; }
.window-panel .close-btn { display: block; text-align: center; vertical-align: middle; position: absolute; width: 36px; height: 36px; line-height: 36px; right: 0px; text-decoration: none; font-size: 24px; color: black; background-color: #DBDBDB; border-radius: 2px; z-index: 1; }
.window-panel .body-panel {position: absolute; width: 100%; top: 36px; border-radius: 0 0 10px 10px; z-index: 1;background: #fff;background-image: url(/static/img/wenli.png); padding: 12px 0;}
.window-panel .body-panel.toast-panel{ position: absolute;color:#fff;background:rgba(0,0,0,0.7); }
.window-panel .content, .window-panel .btns { text-align: center; }
.window-panel .content { padding: 10px 10px 0px 10px; font-size: 16px; min-height: 40px; line-height: 22px; }
.window-panel .content.toast-content{padding:0;min-height:0;}
.window-panel .w-btn {display: inline-block; width: 20%; min-width: 120px; height: 40px; line-height: 40px; background-color: #f33534; color: white; cursor: pointer; text-align: center; border-radius: 6px; text-decoration: none; margin: 0 10px 0px 10px; border: none; }
.window-panel .w-btn:focus { outline: 0 none; }

/* //弹性布局 */
.flex{
    display: flex;
}

/* //弹性布局左右上下居中 */
.flex-cen{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* //弹性布局左右居中 */
.flex-justify-cen{
    display: flex;
    justify-content: center;
}

/* //弹性布局上下居中 */
.flex-align-cen{
    display: flex;
    align-items: center;
}

/* //弹性布局上下居中左右分布 */
.flex-space{
    display: flex;
    justify-content: space-between;
}

/* //弹性布局上下居中左右分布 */
.flex-align-space{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.img{
    width: 100%;
    display: block;
}

.cover-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}