@charset "utf-8";

*:before,

*:after,

*{

	margin: 0;

	padding: 0;

	font-family: Microsoft Yahei, arial, SimSun, Tahoma, Helvetica, STHeiti, sans-serif;

	list-style: none;

	line-height: 1;

	transition-property: color, border-color,background-color;

    transition-duration:0.3s;

    transition-timing-function:linear;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}

input[type="button"], 

input[type="submit"], 

input[type="reset"] {

    -webkit-appearance: none;

}

input[type="submit"],

input[type="button"]{

     box-sizing:content-box;

}

input,

select,

textarea {

    width: 100%;

    height: 100%;

    border: none;

    background: none;

}

p{

	line-height: inherit;

}

a {

	text-decoration: none;

	color: #ffffff;

}

body {

	background: #001078;

	/*color: #ffffff;*/

	font-size: 14px;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

th {

	font-weight: 400;

}

img {

	border: 0;

}

textarea,

select,

option,

input {

	outline: none;

}

textarea{

    resize:none;

}

.clearBoth,

.clearboth {

	clear: both;

}

.bordernone {

	border: none!important;

}



.centerBox{

	margin:0 auto;

	/*width:1200px;*/

	width: 62.5%;

}

.centerBox:after{

	content:"";

	display:block;

	clear:both;

}

/*头*/

header{

	

}

/*尾*/

footer{

	

}

.top{

	position: relative;

}

.head{

	background: rgba(0,8,60,0.5);

	position: fixed;

	z-index: 9;

	width: 100%;

	top: 0;

	left: 0;

	padding: 15px 0;

}

.head .logo{

	float: left;

}

.head .logo img{

	display: block;

	height: 40px;

}

.head .nav{

	line-height: 40px;

}

.head .nav .li{

	color: #68dcff;

	margin: 0 1.5%;

	display: block;

	float: right;

	line-height: inherit;

	position: relative;

	font-size: 0.83vw;

}

.head .nav .li.active:after{

	content: '';

	display: block;

	position: absolute;

	height: 10px;

	width: 12px;

	background-image: url(../img/active.png);

	background-repeat: no-repeat;

	background-size: 100%;

	left: 50%;

	margin-left: -6px;

	bottom: -5px;

}

.head .nav .li:hover{

	color: #ffffff;

}

.nav .li img{

	display: block;

	height: 30px;

	margin-top: 5px;

	cursor: pointer;

}

.loginMenu{

	display: block;

	background: url(../img/login2.png) no-repeat top / 100% 100%;

	text-align: center;

	height: auto;

	width: 120px;

	font-size: 14px;

	position: absolute;

	right: -45px;

	top: 100%;

	display: none;

	padding-top: 8px;

}

.loginMenu a{

	display: block;

	height: 36px;

	line-height: 36px;

	color: #56e5ff;

}

.loginMenu a+a{

	border-top: 1px solid #3474eb;

}

.loginMenu a:hover{

	color: #ffffff;

}

.banner{

	height: 35vw;

	background-image: url(../img/banner2.png);

	background-repeat: no-repeat;

	background-size: 100%;

	overflow: hidden;

}

.banner img{

	display: block;

	margin: 0 auto;

	height: 50%;

	margin-top: 9%;

}

/*参赛须知*/

.entry_information{

	background-image: url(../img/bg2.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100%;

	padding: 30px 0;

	overflow: hidden;

}

.currencyTitle{

	

}

.currencyTitle img{

	display: block;

	margin: 0 auto;

	max-height: 52px;

}

.entry_information .content{

	overflow: hidden;

	padding: 50px 0 20px;

}

.entry_information .content .left{

	width: 42%;

	float: left;

}

.entry_information .content .left img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}

.entry_information .content .right{

	width: 49%;

	float: right;

	color: #ffffff;

	line-height: 20px;

	margin-top: 5%;

}

.entry_information .content .right .signUp{

	background-image: url(../img/bg1.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100%;

	width: 160px;

	height: 40px;

	color: #ffffff;

	display: block;

	font-size: 16px;

	line-height: 40px;

	text-align: center;

}

/*新闻风采*/

.news_style{

	padding: 30px 0;

}

.news_style .content{

	padding: 40px 0;

	overflow: hidden;

}

.news_style .content .list{

	width: 48%;

	float: left;

}

.news_style .content .list:nth-child(2n){

	float: right;

}

.news_style .content .list .title{

	border: 1px solid #1f92f0;

	padding: 10px;

	line-height: 1.25vw;

	margin-bottom: 1px;

}

.news_style .content .list .title span{

	font-size: 1vw;

	display: inline-block;

	border-left: 3px solid #1f92f0;

	line-height: inherit;

	padding-left: 15px;

	color: #ffffff;

}

.news_style .content .list .title .more{

	line-height: inherit;

	color: #1f92f0;

	float: right;

}

.news_style .content .list .lis{

	background: #1f92f0;

	padding: 20px;

	height: 250px;

	overflow-y: auto;

}

.news_style .content .list .li{

	position: relative;

	border-bottom: 1px solid #ffffff;

	padding: 10px 0 10px 20px;

	overflow: hidden;

}

.news_style .content .list .li:after{

	display: block;

	content: '';

	width: 8px;

	height: 8px;

	border-radius: 100%;

	background: #46ccf4;

	position: absolute;

	left: 0;

	margin-top: -4px;

	top: 50%;

}

.news_style .content .list .li:hover *{

	color: #000000 !important;

}

.news_style .content .list .li .tit{

	width: 70%;

	float: left;

	line-height: inherit;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	color: #ffffff;

}

.news_style .content .list .li .time{

	float: right;

	line-height: inherit;

	color: #ffffff;

}

/*赛事日程*/

.event_schedule{

	border: 2px solid #46ccf4;

	padding: 30px;

	border-radius: 10px;

	margin-bottom: 3.125vw;;

	overflow: hidden;

}

.event_schedule .content{

	padding: 30px 0;

	overflow: hidden;

}

.event_schedule .content .countDown{

	color: #46ccf4;

	font-size: 18px;

	text-align: center;

	position: relative;

}

.event_schedule .content .countDown:after,

.event_schedule .content .countDown:before{

	position: absolute;

	content: '';

	display: block;

	width: 30%;

	height: 1px;

	background: #46ccf4;

}

.event_schedule .content .countDown:after{

	right: 0;

	top: 12px;

}

.event_schedule .content .countDown:before{

	left: 0;

	top: 12px;

}

.event_schedule .content .countDown span{

	font-size: 1.25vw;

	color: #ffde5d;

}

.event_schedule .content .schedule{

	overflow: hidden;

	padding: 0 4%;

	margin-top: 5%;

}

.event_schedule .content .schedule .li{

	width: 12%;

	margin: 0 4%;

	float: left;

	text-align: center;

}

.event_schedule .content .schedule .li img{

	display: block;

	width: 100%;

}

.event_schedule .content .schedule .li p{

	color: #FFFFFF;

	display: block;

	margin-top: 15px;

	font-size: 0.83vw;

	white-space: nowrap;

}

.event_schedule .content .schedule .li span{

	color: #46ccf4;

	font-size: 12px;

	display: block;

	margin-top: 10px;

	white-space: nowrap;

}

.event_schedule .content .trophy{

	overflow: hidden;

	padding: 0 6%;

}

.event_schedule .content .trophy .li{

	width: 8%;

	margin: 0 6%;

	float: left;

	text-align: center;

}

.event_schedule .content .trophy .li img{

	display: block;

	width: 100%;

}

.event_schedule .content .trophy .li p{

	color: #FFFFFF;

	display: block;

	margin-top: 15px;

}

.event_schedule .content .trophy .li span{

	color: #ffde5d;

	font-size: 1.25vw;

	display: block;

	margin-top: 10px;

}

.event_schedule .content .bonus{

	text-align: center;

	color: #ffffff;

	line-height: 50px;

	margin-top: 30px;

}

.event_schedule .content .bonus span{

	color: #ffde5d;

	font-size: 1.25vw;

}

/*精彩瞬间*/

.marvellous{

	

}

.marvellous .content{

	padding: 3.125vw 0;

	overflow: hidden;

}

.marvellous .content .li{

	display: block;

	float: left;

	width: 32.8%;

	height: 13.8vw;

	margin-right: 0.8%;

	margin-bottom: 0.8%;

}

.marvellous .content .li:nth-child(3n){

	margin-right: 0;

}

.marvellous .content .li img{

	display: block;

	width: 100%;

	height: 100%;

}

/*底部*/

.foot{

	background: #00083c;

	padding: 25px 0;

}

.foot .left{

	float: left;

	margin-left: 11%;

	width: 66%;

}

.foot .left .tel{

	float: right;

	color: #68DCFF;

	border: 2px solid #68DCFF;

	height: 30px;

	line-height: 26px;

	border-radius: 15px;

	/*font-size: 16px;*/

	padding: 0 15px 0 40px;

	background: url(../img/kefu.png) no-repeat left 10px center / auto 20px;

}

.foot .left .link{

	color: #68DCFF;

	margin-top: 10px;

	line-height: 20px;

}

.foot .left .link a{

	color: #68DCFF;

} 

.foot .left .friend{

	color: #68DCFF;

	margin-top: 10px;

	line-height: 24px;

	word-break: keep-all;

}

.foot .left .friend a{

	color: #68DCFF;

}

.foot .left .copyright{

	color: #68DCFF;

	font-size: 12px;

	line-height: 18px;

	margin-top: 10px;

}

.foot .code{

	width: 70px;

	color: #68DCFF;

	float: left;

	margin-left: 8%;

}

.foot .code img{

	display: block;

	margin-bottom: 10px;

}

/*大赛简介*/

.banner.oth{

	height: auto;

}

.banner .big{

	margin: 0;

	width: 100%;

}

.brief_introduction{

	padding: 3.125vw 0;

}

.brief_introduction .content{

	padding-top: 3.125vw;;

	color: #ffffff;

	line-height: 26px;

}

.brief_introduction .content .big{

	font-size: 1vw;

	color: #00f8f8;

	font-weight: bold;

}

.brief_introduction .content .small{

	font-size: 0.8vw;

	color: #00f8f8;

	font-weight: bold;

}

.brief_introduction .content ul li{

	border: 2px solid #00f8f8;

	width: 18%;

	float: left;

	margin-right: 2.5%;

	margin-bottom: 2.5%;

	height: 2.8vw;

	line-height: 2.6vw;

	text-align: center;

	color: #00f8f8;

	font-size: 0.8vw;

}

.brief_introduction .content ul li:nth-child(5n){

	margin-right: 0;

}

/*大赛新闻列表*/

.news_list{

	padding: 3.125vw 0;

}

.news_list .content{

	padding: 3.125vw 0;

	min-height: 1000px;

}

.news_list .content .list{

	padding: 10px;

	background: #1f92f0;

	overflow: hidden;

}

.news_list .content .list:hover{

	background: #2465dc;

}

.news_list .content .list+.list{

	margin-top: 10px;

}

.news_list .content .list .img{

	display: block;

	width: 26%;

	float: left;

}

.news_list .content .list .img img{

	display: block;

	width: 100%;

	height: 8.5vw;

}

.news_list .content .list .right{

	margin-left: 28%;

}

.news_list .content .list .right .tit{

	display: block;

	color: #ffffff;

	font-weight: bold;

	font-size: 1.1vw;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	line-height: 2vw;

}

.news_list .content .list .right .des{

	color: #ffffff;

	line-height: 1.25vw;

	height: 2.5vw;

	overflow: hidden;

	margin-top: 1.2vw;

	display: block;

}

.news_list .content .list .right .oth{

	margin-top: 1.2vw;

	text-align: right;

}

.news_list .content .list .right .oth .txt{

	display: inline-block;

	color: #001078;

	font-size: 12px;

	line-height: 14px;

}

.news_list .content .list .right .oth .txt a{

	color: #001078;

}

.news_list .content .list .right .oth .txt+.txt{

	background: url(../img/icon.png) no-repeat left center / auto 12px;

	padding-left: 20px;

}

/*分页*/

.pages{

	text-align: center;

	background: #2465dc;

	border-radius: 20px;

	height: 40px;

	padding-top: 5px;

}

.pages a{

	height: 30px;

	width: 30px;

	border-radius: 100%;

	display: inline-block;

	border: 1px solid #001078;

	line-height: 28px;

	color: #ffffff;

	font-size: 12px;

	background: #001078;

	margin: 0 10px;

}

.pages span{

	color: #ffffff;

	display: inline-block;

	margin: 0 10px;

}

.pages .active{

	background: #ffffff;

	color: #001078;

}

/*新闻详情*/

.news_detail{

	padding: 3.125vw 0;

}

.news_detail .title{

	background: #125abc;

	text-align: center;

	padding: 2.4vw 20px;

	margin-bottom: 3.125vw;

}

.news_detail .title .big{

	font-size: 1.875vw;

	font-weight: bold;

	line-height: 2vw;

	color: #ffffff;

}

.news_detail .title .small{

	color: #00f8f8;

	margin-top: 1.5vw;

}

.news_detail .content{

	line-height: 1.875vw;

	color: #ffffff;

	min-height: 500px;

}

.news_detail .content .big{

	color: #00f8f8;

	font-size:18px;

}

.news_detail .content img{

	display: block;

	margin: 20px auto;

	max-width: 100%;

}

/*参赛指南*/

.brief_introduction .content img{

	display: block;

	margin: 20px auto;

	max-width: 100%;

}

/*登录注册*/

.hid{

	width: 100%;

	height: 100%;

}

.mainBox{

	width: 100%;

	height: 100%;

	overflow-y: auto;

	background: url(../img/a1.jpg) no-repeat center / 100% 100%;

}

.loginBox{

	background: #FFFFFF;

	width: 45%;

	margin: 0 auto;

	margin-top: 10vw;

	padding: 20px;

	min-height: 32vw;

}

.loginBox .logo{

	margin-bottom: 20px;

}

.loginBox .logo img{

	display: block;

	margin: 0 auto;

	height: 6.8vw;

}

.loginBox .tit{

	font-size: 1.25vw;

	color: #555555;

	text-align: center;

}

.loginBox .form{

	width: 48%;

	margin: 20px auto 0;

}

.loginBox .form .line{

	border: 1px solid #f0f0f0;

	position: relative;

}

.loginBox .form .line:after{

	content: '';

	display: block;

	clear: both;

}

.loginBox .form .line+.line{

	margin-top: 10px;

}

.loginBox .form .line .text{

	height: 2.5vw;

	padding: 0 10px;

}

.loginBox .form .line .pwd{

	background: url(../img/a3.png) no-repeat right 10px center / 20px auto;

	padding-right: 40px;

}

.loginBox .form .line .sub{

	background:url(../img/a4.png) no-repeat center / 100% 100%;

	color: #ffffff;

	padding: 0;

	margin-top: 10px;

}

.loginBox .form .line.noBor{

	border: 0;

}

.loginBox .form .line .tel{

	float: left;

	display: inline-block;

	color: #004098;

}

.loginBox .form .line .regist{

	float: right;

	display: inline-block;

	color: #9d9d9d;

}

.loginBox .form .line .regist a{

	color: #9d9d9d;

}

.mainBox .copyright{

	text-align: center;

	position: absolute;

	bottom: 30px;

	width: 100%;

	left: 0;

	color: #ffffff;

}

.mainBox .copyright img{

	display: inline-block;

	height: 15px;

	margin:0 2px;

}

.loginBox .form .line.name{

	color: #7a7a7a;

}

.loginBox .form .line.name a{

	color: #7a7a7a;

}

.loginBox .form .line .sel{

	width: 30%;

	float: left;

	border: 0;

	height: 2.5vw;

	border-right: 1px solid #f0f0f0;

}

.txtAlign{

	text-align: center;

}

.loginBox .form .line .sel+.text{

	width: 70%;

	border: 0;

}

.loginBox .form .line .code{

	width: 48%;

	float: left;

	border: 1px solid #f0f0f0;

}

.loginBox .form .line .send{

	width: 48%;

	float: right;

	height: 2.5vw;

	background:url(../img/a4.png) no-repeat center / 100% 100%;

	color: #ffffff;

	cursor: pointer;

}

.loginBox .form .line .tips{

	position: absolute;

	top: 110%;

	left: 0;

	text-align: center;

	color: #f20000;

	display: block;

	font-size: 12px;

	width: 100%;

	white-space: nowrap;

}

.loginBox .form .line .img{

	height: 4.6vw;

	display: block;

	margin: 20px auto;

}

.loginBox.success{

	padding-top: 8%;

}

.loginBox.success .form{

	width: 24%;

	text-align: center;

}

.register{

	margin-top: 3.75vw;

	height: 84vh;

}

.register .form{

	width: 60%;

	height: 72%;

    overflow-y: auto;

    overflow-x: hidden;

    padding-right: 10px;

}

.register .form .line .nam{

	display: block;

	float: left;

	color: #7a7a7a;

	text-align: right;

	width: 90px;

	line-height: 2.5vw;

}

.register .form .line .right{

	margin-left: 100px;

	border: 1px solid #ededed;

	overflow: hidden;

}

.register .form .line .sel2{

	border: 0;

	height: 2.5vw;

}

.register .form .line .right.noBor{

	border: 0;

}

.register .form .line .lab{

	color: #7A7A7A;

	/*white-space: nowrap;*/

}

.register .form .line .lab a{

	color: #46CCF4;

}

.register .form .line .ck{

	display: inline-block;

	height: 14px;

	width: 14px;

	vertical-align: middle;

	margin-right: 5px;

	margin-top: -2px;

}

/*滚动条样式*/

::-webkit-scrollbar {

  /*滚动条整体样式*/

  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/

  height: 5px;

  }

::-webkit-scrollbar-thumb {

  /*滚动条里面小方块*/

  border-radius: 5px;

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  background   : #2e93cd;

  }

::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 5px;

  background   : #ECECEC;

  }

  /*答题*/

 .answer{

 	background: #FFFFFF;

    width: 56%;

    margin: 0 auto;

    margin-top: 7vh;

    height: 78vh;

    overflow: hidden;

 }

.answer .logo {

    margin-top: 5vh;

    padding-bottom: 5vh;

    border-bottom: 1px solid #aeaeae;

}

.answer .logo img {

    display: block;

    margin: 0 auto;

    height: 5.5vh;

}

.answer .time{

	font-size: 1vw;

	text-align: right;

	color: #6e6f82;

	padding: 2% 4%;

}

.answer .time span{

	color: red;

	font-weight: bold;

}

.answer .form{

	overflow: hidden;

	padding: 2% 4%;

}

.answer .form .left{

	float: left;

	width: 45%;

}

.answer .form .left .subject{

	border: 1px solid #adaeae;

	padding: 20px;

	padding-right: 0;

	position: relative;

	color: #6e6f82;

	font-size: 0.83vw;

	height: 40vh;

}

.answer .form .left .subject .bt{

	display: block;

	position: absolute;

	background: #ffffff;

	font-size: 0.93vw;

	left: 18px;

	top: -18px;

	padding: 10px;

}

.answer .form .left .subject .tit{

	line-height: 1.25vw;

	margin-bottom: 20px;

}

.answer .form .left .subject img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}

.answer .form .left .subject .choice{

	line-height: 1.5;

}

.answer .form .left .subject .li{

	cursor: pointer;

	display: block;

	position: relative;

	padding-left: 0.2vw;

	word-break: break-all;

	overflow: hidden;

}

.answer .form .left .subject label{

	display: block;

	overflow: hidden;

}

.answer .form .left .subject .li+.li{

	margin-top: 8px;

}

.answer .form .left .subject input{

	display: none;

}

.answer .form .left .subject input+span.s1{

	width: 1.2vw;

	height: 1.2vw;

	border-radius: 4px;

	background: #ffffff;

	display: block;

	float: left;

	line-height: 1.2vw;

}

.answer .form .left .subject input:checked+span.s1{

	border: 1px solid #cccccc;

	background: url(../img/lsk.png) no-repeat center / 100% 100%;

}

.answer .form .left .subject span.s2{

	line-height: 1.5;

	margin-left: 1.5vw;

	word-break: break-all;

	display: block;

}

.answer .form .left .subject span.s2 xmp{
	line-height: 1.5;
	word-break: break-all;
	display: block;
    white-space: normal;
}

.answer .form .left .flip{

	overflow: hidden;

	margin-top: 5vh;

}

.answer .form .left .flip .li{

	display: block;

	float: left;

	height: 34px;

	background: url(../img/flip.png) no-repeat center / 100% 100%;

	color: #FFFFFF;

	font-weight: bold;

	line-height: 34px;

	margin-left: 20px;

	width: 76px;

	text-align: center;

}

.answer .form .right{

	float: right;

	width: 50%;

}

.answer .form .right .topic{

	overflow: hidden;

	color: #6e6f82;

	height: 40vh;

}

.answer .form .right .topic .li{

	display: block;

	float: left;

	width: 7%;

	margin: 0.5% 0.5%;

	height: 1.62vw;

	border-radius: 4px;

	border:1px solid #cccccc;

	color: #6e6f82;

	text-align: center;

	font-weight: bold;

	font-size: 0.7vw;

	line-height: 1.6vw;

}

.answer .form .right .topic .li.finish{

	background: url(../img/lsk.png) no-repeat center / 100% 100%;

	color: #ffffff;

}

.answer .form .right .topic .li.sign{

	background: url(../img/hsk.png) no-repeat center / 100% 100%;

	color: #ffffff;

}

.answer .form .right .flip{

	overflow: hidden;

	color: #6e6f82;

	margin-top: 10px;

}

.answer .form .right .flip .mask{

	overflow: hidden;

}

.answer .form .right .flip .mask .li{

	display: block;

	float: left;

	padding-left: 30px;

	line-height: 22px;

	background: url(../img/d2.jpg) no-repeat left top;

	margin-right: 20px;

}

.answer .form .right .flip .mask .li.a{

	background: url(../img/d1.jpg) no-repeat left top;

}

.answer .form .right .flip .mask .li.m{

	background: url(../img/d3.jpg) no-repeat left top;

}

.answer .form .right .flip .btn{

	overflow: hidden;	

	margin-top: 15px;

}

.answer .form .right .flip .btn .li{

	display: block;

	float: left;

	height: 34px;

	background: url(../img/flip1.png) no-repeat center / 100% 100%;

	color: #FFFFFF;

	font-weight: bold;

	line-height: 34px;

	width: 76px;

	text-align: center;

}

.answer .form .right .flip .btn .li.finish{

	float: right;

	background: url(../img/flip.png) no-repeat center / 100% 100%;

}

/*成绩页面*/

.loginBox .form.width240{

	width: 240px;

}

.loginBox .form.width240 input{

	padding-left: 25% !important;

}

.notice{

	line-height: 1.5vw;

	color: #555555;

	overflow-x: hidden;

	overflow-y: auto;

	height: 14.5vw;

}

.agreeBtn{

	overflow: hidden;

	margin-top: 1.5vw;

}

.agreeBtn .li{

	display: block;

	float: left;

	font-size: 1.25vw;

	color: #555555;

}

.agreeBtn .li+.li{

	float: right;

	color: #1687ca;

}

/*个人中心*/

.person{

	background: url(../img/bg.jpg) no-repeat center / 100% 100%;

	height: 100%;

	width: 100%;

}

.person .center{

	width: 64%;

	margin: 0 auto;

}

.person .center:after{

	content: '';

	display: block;

	clear: both;

}

.personHead{

	padding: 1.8% 0;

	background: #ffffff;

	color: #ffffff;

}

.personHead .logo{

	float: left;

	height: 40px;

}

.personHead .logo img{

	display: block;

	height: 100%;

}

.personHead .link{

	float: right;

	height: 40px;

	line-height: 40px;

	color: #000000;

	font-size: 0.83vw;

}

.personHead .link .li{

	color: #000000;

	margin: 0 20px;

}

.personMain{

	margin-top: 1.5%;

}

.personMain .center{

	height: 70vh;

}

.personMain .left{

	width: 235px;

	background: #FFFFFF;

	float: left;

	height: 100%;

}

.headPortrait{

	margin: 60px;

	height: 115px;

	position: relative;

	background-color: #e8ffb2;

	border-radius: 100%;

	overflow: hidden;

}

.headPortrait img{

	display: block;

	width: 100%;

	height: 100%;

}

.headPortrait .picture{

	width: 100%;

	height: 100%;

	background-size: 100%;

	background-position: center;

	background-repeat: no-repeat;

}

.headPortrait input[type='file']{

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: 9;

	left: 0;

	top: 0;

	opacity: 0;

}

.personMain .left .link{

	padding-left: 50px;

}

.personMain .left .link .tit{

	height: 18px;

	line-height: 18px;

	font-size: 0.88vw;

	color: #094f87;

}

.personMain .left .link .tit img{

	display: inline-block;

	height: 18px;

	vertical-align: middle;

	margin-top: -2px;

	margin-right: 15px;

}

.personMain .left .link .a{

	

}

.personMain .left .link .a .li{

	display: block;

	font-size: 13px;

	color: #7a7a7a;

	line-height: 16px;

	height: 16px;

	margin-top: 20px;

}

.personMain .left .link .a .li img{

	height: 16px;

	vertical-align: middle;

	margin-top: -2px;

	margin-right: 15px;

}

.personMain .left .link .a .li img:first-child{

	display: none;

}

.personMain .left .link .a .li:hover,

.personMain .left .link .a .li.active{

	color: #094f87;

}

.personMain .left .link .a .li:hover img:first-child,

.personMain .left .link .a .li.active img:first-child{

	display: inline-block;

}

.personMain .left .link .a .li:hover img+img,

.personMain .left .link .a .li.active img+img{

	display: none;

}

.personMain .right{

	background: #ffffff;

	margin-left: 250px;

	height: 100%;

}

.personMain .right .title{

	padding: 4%;

	color: #595757;

	font-size: 0.88vw;

	border-bottom: 1px solid #f5f5f5;

}

.personMain .right .title a{

	color: #595757;

}

.personMain .right .title a:hover{

	color: #094f87;

}

.personMain .right .info{

	padding: 3.5% 7%;

	overflow: hidden;

}

.personMain .right .tit{

	height: 18px;

	line-height: 18px;

	font-size: 0.88vw;

	color: #094f87;

	margin-bottom: 4%;

}

.personMain .right .tit img{

	display: inline-block;

	height: 18px;

	vertical-align: middle;

	margin-top: -2px;

	margin-right: 10px;

}

.personMain .right .form{

	padding: 0 4%;

	overflow: hidden;

}

.formHei{

	height: 38vh;

	overflow-y: auto;

	padding-right: 5px;

}

.formSub{

	margin-top: 30px;

	float: right;

	width: 120px;

	height: 40px;

	background: url(../img/baocun.jpg) no-repeat center / 100%;

	color: #ffffff;

}

.formSub *{

	color: #ffffff;

	font-size: 13px;

}

.personMain .right .form .ll{

	float: left;

	width: 115px;

}

.personMain .right .form .headPortrait{

	margin: 0;

	margin-top: 40px;

}

.personMain .right .form p{

	color: #7A7A7A;

	display: block;

	text-align: center;

	margin-top: 10px;

	font-size: 13px;

}

.personMain .right .form .rr{

	margin-left: 150px;

}

.personMain .right .form .rr .line{

	margin-bottom: 10px;

	height: 26px;

}

.personMain .right .form .rr .line:after{

	content: '';

	display: block;

	clear: both;

}

.personMain .right .form .rr .line .p1{

	width: 85px;

	text-align: right;

	float: left;

	line-height: 26px;

	font-size: 13px;

	color: #7a7a7a;

}

.personMain .right .form .rr .line .p2{

	float: left;

	margin-left: 10px;

	width: 60%;

	line-height: 24px;

	border: 1px solid #e8e8e8;

	pointer-events: none;

	position: relative;

}

.personMain .right .form .rr .line .p2.active{

	pointer-events: initial;

}

.personMain .right .form .rr .line .p2 *{

	padding: 0 10px;

	font-size: 13px;

	color: #7a7a7a;

}

.personMain .right .form .rr .line .p2 .txt{

	height: 96px;

	line-height: 24px;

}

.personMain .right .form .rr .line .p2 .sel{

	background: url(../img/sele.png) no-repeat right -3px center / auto 24px;

}

.personMain .right .form .rr .line .p3{

	height: 20px;

	float: right;

	margin-top: 3px;

}

.personMain .right .form .rr .line .p3 img{

	height: 20px;

	display: block;

	cursor: pointer;

}

.personMain .right .form .rr .line .p3 img.on{

	display: none;

}

.personMain .right .form .rr .line .p3:hover .on,

.personMain .right .form .rr .line .p3.active .on{

	display: block;

}

.personMain .right .form .rr .line .p3:hover .close,

.personMain .right .form .rr .line .p3.active .close{

	display: none;

}

.updatePwd{

	border-top: 1px solid #f5f5f5;

	border-bottom: 1px solid #f5f5f5;

	padding: 30px 0;

	overflow: hidden;

}

.updatePwd .rr{

	margin-left: 0 !important;

}

.updatePwd .rr .line .p2{

	pointer-events: initial !important;

	width: 400px !important;

}

.updatePwd .rr .line .p2 .pos{

	position: absolute;

	left: 0;

	top: 100%;

	font-size: 13px;

	margin-top: 0;

	padding: 0 !important;

}

.person .copyright{

	text-align: center;

	position: absolute;

	bottom: 30px;

	width: 100%;

	left: 0;

	color: #ffffff;

}

.person .copyright img{

	display: inline-block;

	height: 15px;

	margin:0 2px;

}

.backList{

	width: 100%;

	text-align: right;

	height: 20px;

	line-height: 20px;

	margin-bottom: 18px;

}

.backList a{

	color: #7A7A7A;

	display: inline-block;

	line-height: inherit;

	font-size: 12px;

}

.backList img{

	display: inline-block;

	height: 20px;

	vertical-align: middle;

	margin-top: -2px;

}

.message{

	border: 1px solid #c6c7c7;

	border-radius: 2px;

	background: #f0f6ff;

	height: 42vh;

	overflow-y: auto;

	padding: 10px;

}

.message .time{

	color: #959595;

	font-size: 12px;

}

.message .conts{

	padding: 10px;

}

.message .conts .tit{

	color: #094f87;

	font-size: 1vw;

	margin-bottom: 20px;

	line-height: 1.5;

}

.message .conts .text{

	color: #094f87;

	font-size: 0.8vw;

	line-height: 2;

	color: #2d2d2d;

}

.message .conts .text .score{

	font-size: 1vw;

	margin-top: 20px;

}

.message .list{

	width: 100%;

	overflow: hidden;

	background: #e0eefc;

	margin-bottom: 5px;

	font-size: 12px;

	padding: 5px 15px 5px 30px;

	line-height: 15px;

}

.message .list:nth-child(2n){

	background: #ffffff;

}

.message .list:nth-child(2n+1){

	border-top: 1px solid #c6c7c7;

	border-bottom: 1px solid #c6c7c7;

}

.message .list .m1{

	color: #959595;

	display: block;

	float: left;

	line-height: inherit;

	width: 70%;

	white-space: nowrap;

	overflow: hidden;

	text-overflow:ellipsis;

}

.message .list .m2{

	color: #959595;

	display: block;

	float: left;

	line-height: inherit;

	margin-left: 10px;

}

.message .list .m3{

	color: #959595;

	display: block;

	float: right;

	line-height: inherit;

}

.message.noPadd{

	padding: 0;

	/*padding-right: 5px;*/

}

.message .list a:hover{

	color: #004098;

}

.message .list.no *{

	color: #004098;

}