@charset "utf-8";
/* CSS Document */
*
{
	font-family: sans-serif,Arial, Helvetica !important;
}
html,body
{
	height:100%;
}
.warp
{
	min-height:100%;
	margin:0 auto;
	width:100%;
	max-width:640px;
	position:relative;
	background:url(../images/default/bg.jpg) no-repeat left top #0096ff;
	background-size:100% auto;
	padding-bottom:0px;
}
.wa
{
	width:100%;
}
.mc
{
	margin:0 auto;
}
.ac
{
	text-align:center;
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.cl
{
	clear:both;
}
form
{
	width:80%;
	margin:0 auto;
}
form ul
{
	display:block;
}
form ul li
{
	display:block;
	height:32px;
	line-height:32px;
	font-size:14px;
	margin-bottom:15px;
}
form ul li label
{
	display:block;
	float:left;
	width:18%;
	margin-right:2%;
	color:#005096;
	font-weight:bold;
	text-align:left;
}
form ul li div.px
{
	float:left;
	width:78%;
	height:32px;
	line-height:32px;
	position:relative;
	background:#fff;
	border-left:2px solid #006496;
	border-top:2px solid #006496;
}
form ul li div.px.select
{
	float:none;
	width:100%;
	position:relative;
}
form ul li div.px.select span
{
	width:30px;
	height:96%;
	top:2%;
	position:absolute;
	z-index:9999;
	right:2px;
	background:url(../images/default/select.png) no-repeat left top;
	background-size:100% 100%;
}
div.px select
{
	border:none;
	width:100%;
	height:100%;
	background:none;
}
div.px input
{
	width:90%;
	height:100%;
	margin:0 auto;
	border:none;
	display:block;
	padding:0px;
}
.copyright
{
	display:block;
	left:10%;
	width:80%;
	position:absolute;
	bottom:20px;
	text-align:center;
}
.copyright img
{
	width:100%
}
.logo
{
	padding-top:5%;
	width:100px;
	margin:0px auto;
	text-align:center;
	/*border-radius:50px;*/
	overflow:hidden;
	
}
.logo img
{
	margin-left:0%;
	border-radius:50px;
	
}
.title
{
	margin-top:15px;
}
.title img
{
	margin-left:15%;
}
/*index*/
#index_logo img
{
	width:100%;
}
#msgbar
{
	position:absolute;
	bottom:0px;
	width:100%;
	background:url(../images/default/line.png) no-repeat left top #005096;
	background-size:100% auto;
	height:32px;
	line-height:32px;
}
#msgbar #leftm,#msgbar #rightm
{
	height:32px;
	width:25%;
	position:absolute;
	z-index:9999;
	top:0px;
}
#leftm
{
	left:0px;
	background:url(../images/default/index_meng_left.png) no-repeat;
}
#rightm
{
	right:0px;
	background:url(../images/default/index_meng_right.png) no-repeat;
}
#msgbar ul
{
	display:block;
	width:100%;
}
#msgbar ul li
{
	display:block;
	width:25%;
	float:left;
	height:32px;
	line-height:32px;
	text-align:center;
}
#msgbar ul li a
{
	color:#44aeea;
	font-size:12px;
}
/*login*/
form#login
{
	display:block;
	margin-top:20%;
}
#btn .fl,#btn .fr
{
	width:40%;
}
#btn .fl img,#btn .fr img
{
	width:100%;
}
/*reg*/
#reg .title
{
	position:relative;
}
#reg #upload,#reg #head_icon
{
	position:absolute;
	z-index:9999;
	margin-left:0px;
}
#reg #upload
{
	top:0px;
	left:49%;
	width:19%;
}
#reg #upload img
{
	width:100%;
	margin-left:0px;
}
#reg #upload input
{
	display:block;
	opacity:0;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}
#reg #head_icon
{
	top:-25%;
	width:25%;
	left:70%;
}
.warp #reg
{
	margin-top:5%;
}
/*news*/
.news
{
	width:90%;
	margin:0 auto;
	margin-top:10%;
}
.news ul li
{
	border-left:2px solid #006496;
	border-top:2px solid #006496;
	display:block;
	margin-bottom:20px;
}
.news ul li .content
{
	min-height:25px;
	line-height:25px;
	padding:5px;
	background:#ffffc8;
}
.news ul li .btmbg
{
	position:relative;
	height:18px;
}
.news ul li .btmbg span
{
	display:block;
	height:18px;
	top:0px;
	left:0px;
	right:17px;
	position:absolute;
	background:#ffffc8;
}
.news ul li .btmbg b
{
	display:block;
	position:absolute;
	height:18px;
	right:0px;
	top:0px;
	width:17px;
	background:url(../images/default/news_item_bg.png) right bottom no-repeat;
}
/*person*/
#person
{
	padding-top:20%;
}
#head
{
	text-align:center;
}
#head #head_icon
{
	background:#fff;
	width:80px;
	height:80px;
	margin:0 auto;
	border-radius:50px;
}
#head #name
{
	font-size:14px;
	font-weight:bold;
	color:#005096;
	margin-top:10px;
}
#head #head_icon img
{
	width:100%;
	height:100%;
	border-radius:40px;
}
#person #item
{
	width:90%;
	margin:0 auto;
}
#person #item li
{
	display:block;
	margin-top:10px;
}
#person #item li span
{
	background:#8cdcff;
	display:block;
	height:18px;
	font-size:12px;
	line-height:18px;
	padding:0 9px;
	border-radius:9px;
	width:40%;
	color:#005096;
	border:1px solid #fff68b;
}
.progress
{
	width:90%;
	margin:0 auto;
	position:relative;
	height:26px;
}
.progress .bg
{
	z-index:9999;
	right:0px;
	width:20%;
}
.progress .bg,.progress .fg
{
	background:#fff;
	position:absolute;
	top:7px;
	height:12px;
}
.progress .fg
{
	left:0px;
	height:26px;
	top:0px;
	background:none;
	z-index:9998;
	width:100%;
}
.progress .fg .num
{
	width:100%;
	position:absolute;
	top:7px;
	height:12px;
	overflow:hidden;
}
.progress .fg .num img
{
	height:100%;
	width:100%;
}
.progress .bg .light
{
	position:absolute;
	z-index:9999;
	left:-13px;
	height:26px;
	top:-7px;
}
.score
{
	width:90%;
	margin:0 auto;
	background:url(../images/default/line.png) no-repeat left top;
	padding:3px 10px;
	background-size:100% 3px;
}
.score .bg
{
	background:#0587e3;
}
.score .ac.bg img
{
	margin-top:10px;
}
.list
{
	background:#0587e3;
	padding-top:10px;
}
.list ul
{
	display:block;
}
.list ul li
{
	display:block;
	float:left;
	width:100%;
}
.list ul li table tr td
{
	text-align:center;
	padding:10px;
	position:relative;
}
.list ul li table tr span
{
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	line-height:50px;
	text-align:center;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.list ul li table tr td img
{
	width:60%;
}
.list .tips
{
	padding-top:10px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	font-size:12px;
	background:url(../images/default/line.png) no-repeat center bottom;
	background-size:150% 3px;
}
.nextlevel
{
	color:#005096;
	font-size:12px;
	padding-bottom:10px;
	width:90%;
	margin:0 auto;
	text-align:right;
}
.dot
{
	padding-top:10px;
	width:90%;
	margin:0 auto;
	text-align:center;
}
.dot ul li
{
	display:inline-block;
	background:url(../images/default/dot.png) no-repeat -14px top;
	width:15px;
	height:9px;
}
.dot ul li.cur
{
	background:url(../images/default/dot.png) no-repeat 0px top;
}
/*弹出框*/
#mobile_box
{
	background:rgba(0,0,0,0.4);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#mobile_box .content_box
{
	position:absolute;
	top:50%;
	left:5%;
	right:5%;
	margin-top:-100px;
	background:rgba(0,0,0,0.8);
	border-radius:10px;
	color:#fff;
	padding:15px 15px;
}
#mobile_box .content_box h4
{
	display:block;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#mobile_box .content_box p
{
	padding:10px 0;
	font-size:12px;
	line-height:25px;
}
#mobile_box .content_box .btn a
{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#ff7800;
}
#mobile_box .content_box .btn a #time
{
	padding:0 5px;
	margin-right:-15px;
	font-size:12px;
}