@charset "UTF-8";
/***** index-css reset ****/
*{margin:0;padding:0;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }  /*让这些的标签内外边距都是0*/
fieldset, img {  border:none;  }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0;
	font-family: pingfang,'Microsoft YaHei',微软雅黑,\9ed1\4f53,\5b8b\4f53,'Microsoft JhengHei',华文细黑,STHeiti,MingLiu;}
select, input { vertical-align:middle;}  /*图片居中  */
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
img{vertical-align: middle;border:0 none;}
body {color:#000;font:12px '微软雅黑'; /* 设置全局的文字 颜色 字号  字体  */}
a{color:#515151;text-decoration:none;}

html.no-scroll {
    overflow-y: scroll !important;
    overflow: hidden !important;
    height: 100% !important;
}
.pa{position: absolute;}
body{width:100%;height:100%;}
.Full{width: 100%;height: 100%;background:background:linear-gradient(to right,#ef6054,#feb9a1);position: absolute;left:0;top:0;overflow: hidden;}

/*公共头部样式*/
.header{width: 100%;height: 70px;background:#fff;position: relative;}
.header_logo{width: 30%;height: 37px;top:17px;left: 20px;}
/*头部倒计时样式*/
.header_time{width:320px;height:60px;background:rgba(255,255,255,.8);border:1px solid #d8504a;left:50%;top:-1px;transform:translateX(-50%);z-index:99;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.header_time_move{width:280px;height:30px;padding:15px 20px;box-sizing:content-box;cursor: move;}
.header_time p{display:inline-block;float:left;width:180px;height:30px;text-align:center;
	font:normal normal 16px/30px "微软雅黑"; color: #d24c4b;}
.header_time p span{color: #000;padding:0 5px;}
.header_time button{float:right;width:100px;height:30px;background: #d8504a;border:none;border-radius: 5px;font:normal normal 16px/30px "微软雅黑";color:#fff;cursor: pointer;}
.header_time button:hover{background:#ef645e;}
/*头部头像及账号*/
.header_user{width:170px;height: 70px;right:110px;top:0;cursor: pointer;text-align: center;}
.user_photo{float:left;width: 50px;height: 50px;border-radius: 50%;margin:10px;line-height: 50px;text-align: center;overflow: hidden;}
.user_photo img{width: 100%;vertical-align: top;    border-radius: 50%;}
.user_account{float:left;min-width:100px;height:40px;margin:15px 0;font:normal normal 18px/40px "";color:#222;text-align: center;}
/*头部浮窗*/
.header_float{width: 220px;padding:10px;box-sizing: content-box;background:#8dc0f7;border-radius: 3px;box-shadow:0 0 5px #8dc0f7;left:calc(50% - 115px);top:70px;
	text-align: center;z-index: 99;display:none;}
.header_float:before{width:0;height:0;content: '';display: block;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid  #8dc0f7;position: absolute; top:-10px;left: 50%;margin-left: -10px;}
.hfloat_top{width: 100%;height: 75px;border-bottom: 1px solid #e5e5e5;cursor: default;}
.hfloat_photo{float:left;width:50px;height: 50px;margin-right:5px;border-radius: 10px;overflow: hidden;}
.hfloat_photo img{width: 100%;    border-radius: 50%;}
.hfloat_name,.hfloat_class,.hfloat_level{float:left;width:135px;height:30px;color:#333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    font-size: 18px;
    color: #fff;}
.hfloat_list{margin-top:15px;cursor: default;}
.hfloat_list>ul>li{    width: 150px;
    height: 32px;margin:0 auto;background:linear-gradient(to bottom,#fff,#fff);margin-bottom: 10px;border-radius: 5px;box-shadow: 0 0 2px #fff;}
.hfloat_list>ul>li:hover{background:linear-gradient(to bottom,#94e5fe,#63b2fd);box-shadow: 0 0 2px #94e5fe;}
.hfloat_list>ul>li a{display:inline-block;width:100%;height:100%;font:normal normal 16px/30px "";color: #333;}
.header_user:hover .header_float{display: block;}
.hfloat_level a{color:#0f97f3;font-size: 18px;line-height: 25px;margin-left: 5px;}
.hfloat_level a:hover{color: #f00;}
/*退出*/
.header_logout{    width: 70px;
    height: 39px;
    background: #2e83e0;
    color: #fff;
    border-radius: 8px;
    top: 17px;
    right: 20px;
    font: normal normal 14px/40px "微软雅黑";
    text-align: center;
    cursor: pointer;}
.header_logout i{line-height:40px;font-size: 24px;color:#fff;}
.header_logout:hover{background:#81b1f4;}