.login{
    width: 3.2rem;
    /* overflow: auto; */
    margin: .7rem auto;
}
.login .login-action{
    width: 2.89rem;
    /* overflow: auto; */
    margin: auto;
}
.login .login-action .login-input li{
    margin-top: .3rem;
}
.login .login-action .login-input li:nth-of-type(1) img{
    width: .32rem;
    height: .32rem;
    vertical-align: middle;
}
.login .login-action .login-input li:nth-of-type(2) img{
    width: .31rem;
    height: .31rem;
    vertical-align: middle;
}
.login .login-action .login-input li input[type=text],.login .login-action .login-input li input[type=password]{
    width: 2.3rem;
    height: .3rem;
    border:none;
    border-bottom: 2px solid #90b4e9;
    margin: -.05rem 0 0 .1rem;
    font-size: .16rem;
    text-indent: .1rem;
    color: #686868;
}
.login .login-1{
    width: 100%;
    margin-top: .4rem;
}
.login .login-1 a{
    width: 100%;
    height: .39rem;
    display: inline-block;
    text-align: center;
    line-height: .39rem;
    border-radius: .18rem;
}
.login .login-1 a:nth-of-type(1){
    background: #2269d4;
    color: white;
    font-size: .18rem;
   
}
.login .login-1 a:nth-of-type(2){
    border: 1px solid #90b4e9;
    color: #2269d4;
    font-size: .18rem;
    margin-top: .1rem;
}
.login .login-pas{
    text-align: center;
    margin-top: .13rem;
}
.login .login-pas img{
    width: .165rem;
    height: .165rem;
    vertical-align: middle;
    margin-left: .1rem;
}
.login .login-pas a{
    font-size: .13rem;
    color: #658edd;
    display: inline-block;
}
.login .login-2{
    width: 100%;
    text-align: center;
    font-size: .16rem;
    color: #2269d4;
    margin-top: .615rem;
}
.login .login-img{
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-top: .2rem;
}
.login .login-img li:nth-of-type(1) img{
    width: .36rem;
    height: .385rem;
}
.login .login-img li:nth-of-type(2) img{
    width: .44rem;
    height: .37rem;
}
.login .login-img li:nth-of-type(3) img{
    width: .455rem;
    height: .365rem;
}
.register{
    width: 3.2rem; 
    margin: .4rem auto;
}
.register ul{
    width: 2.92rem;
    margin: auto;
}
.register ul li{
    width: 100%;
    border-bottom: 2px solid #90b4e9;
    padding: .27rem 0 .11rem 0;
    text-indent: .05rem;
}
.register ul li img{
    vertical-align: middle;
}
.register ul li:nth-of-type(1) img{
    width: .105rem;
    height:.17rem; 
}
.register ul li:nth-of-type(2) img{
    width: .125rem;
    height: .125rem;
}
.register ul li:nth-of-type(3) img,.register ul li:nth-of-type(4) img{
    width: .125rem;
    height: .135rem;
}
.register ul li input[type=text],.register ul li input[type=password]{
    width: 1.8rem;
    height: .3rem;
    margin-left: .1rem;
    text-indent: .05rem;
    font-size: .16rem;
    color: #808080;
    border: none;
}
.register ul li:nth-of-type(2) span{
    width: .79rem;
    height: .2rem;
    display: inline-block;
    font-size: .13rem;
    color: white;
 }  
.time{
	 background: #79c6e6;

}
.register>div{
    margin: .78rem auto;
    width: 2.92rem;
}
.register>div a{
    width: 100%;
    height: .39rem;
    display: inline-block;
    text-align: center;
    line-height: .39rem;
    border-radius: .18rem;
    background: #2269d4;
    color: white;
    font-size: .18rem; 
}
.register>p{
    width: 2.92rem;
    margin: -.6rem auto;
    font-size: .13rem;
    color: #666666;
    text-align: center;
    font-weight: bold;
}
.register>p a{
    font-size: .13rem;
    color: #69c2ff;
}
.blhj{
    width: 3.2rem;
    margin: .8rem auto;
}
.blhj h1{
    text-align: center;
    font-size: .16rem;
    color: #4a4a4a;
}
.blhj dl{
    text-align: center;
    margin-top: .41rem;
    font-size: .13rem;
    line-height: .2rem;
    font-weight: bold;
}
.blhj dl dt{
    color: black;
}
.blhj dl dt dd{
    color: #6e6e6e;
}
.blhj .date{
    text-align: center;
    margin-top: .27rem;
    font-size: .13rem;
    font-weight: bold;
    line-height: .2rem;
}
.blhj .date >p{
    color: black
}
.blhj .date >span{
    color: #6e6e6e;
}
/*.blhj>p{
    color: red;
    text-align: center;
    margin-top: .28rem;
    font-size: .13rem;
    font-weight: bold;
}*/
.yjbl{
    width: 3.2rem;
    margin:.2rem auto;
}
.yjbl .bt{
    font-size: .16rem;
    color: #4a4a4a;
    text-align: center;
    font-weight: bold;
}
.yjbl textarea{
    width: 3.16rem;
    height: 1.07rem;
    margin-top: .16rem;
    resize: none;
    font-size: .13rem;
    font-family: "微软雅黑";
    text-indent: .145rem;
    color: #c2c4c4;
    padding-top: .1rem;
    background: #e9eeef;
    border: none;
    border-radius: .02rem;
    overflow: auto;
}
.yjbl dl dt{
    color: #4a4a4a;
    font-size: .13rem;
}
.yjbl dl dd{
    font-size: .13rem;
    color: #c5c4c4;
}
.yjbl dl dd input[type=text]{
    width: 99%;
    height: .285rem;
    border: 1px solid #c5c4c4;
    text-indent: .06rem;
    margin-top: .06rem;
}
.yjbl dl dt img{
    width: .05rem;
    height: .05rem;
    vertical-align: top;
    margin-top: .04rem;
}
.yjbl dl dt:nth-of-type(2){
    margin-top: .2rem;
}
.yjbl .name{
    margin-top: .17rem;
}
.yjbl .name img{
    vertical-align: middle;
}
.yjbl .name>span:nth-of-type(1) img{
    width: .29rem;
    height: .29rem;
    border-radius: 50%;
}
.yjbl .name>span:nth-of-type(1){
    font-size: .13rem;
    color: #0083df;
}
.yjbl .name>span:nth-of-type(2) img{
    width: .14rem;
    height: .14rem;
}
.yjbl .name>span:nth-of-type(2){
    float: right;
    font-size: .12rem;
    color: #3c3c3c;
    position: relative;
    left: -.06rem;
}
.yjbl .button{
    width: 100%;
    background: #00b4ff;
    color: white;
    font-size: .18rem;
    width: 100%;
    height: .39rem;
    display: inline-block;
    text-align: center;
    line-height: .39rem;
    border-radius: .18rem;
    border: none;
    margin-top: .24rem;
}
#section{
    width: 100%;
    height: 5rem;
    overflow: auto;
	margin-top:.5rem;
	padding: 0 0 .7rem 0;
}
.yjbl .gz{
    margin-top: .25rem;
    display: flex;
    justify-content: space-around;
}
.yjbl .gz li a{
    display: inline-block;
    font-size: .14rem;
    color: #888888;
}
.roster{
    width: 100%;
    height: 5.4rem;
    overflow: auto;
	margin-top: .5rem;
	
}
.roster>div{
    width: 3.2rem;
    margin: auto;
}
.roster>div h1{
    text-align: center;
    font-size: .16rem;
    color: #4a4a4a;
    padding: .24rem 0 .18rem 0;
}
.roster .title{
    width: 100%;
    height: .26rem;
    background: black;
    display: flex;
    font-size: .13rem;
    color: white;
    justify-content: space-between; 
    line-height: .26rem;
}
.roster .title li{
    padding: 0 .2rem 0 .1rem;
}
.roster .roster-name li{
    padding-top: .14rem;
    font-size: .13rem;
	display: flex;
    justify-content: space-around;
}
.roster .roster-name li span img{
    width: .29rem;
    height: .29rem;
    border-radius: 50%;
    vertical-align: middle; 
}
.roster .roster-name>li>span:nth-of-type(1){
    color: #0083df;
}
.roster .roster-name>li>span:nth-of-type(2){
    margin-left: .27rem;
    color: #626262;
}
.roster .roster-name>li>span:nth-of-type(3){
    margin-left: .45rem;
    color: #626262;
}
.contribute{
    width: 100%;
    height: 5.4rem;
    overflow: auto;
    background: #f7f7f7;
}
.contribute .contribute-title{
    width: 100%;
    height: .325rem;
    background: white;
}
.contribute .contribute-title>div{
    width: 3.2rem;
    margin: auto;
}
.contribute .contribute-title>div>ul{
    width: 3.03rem;
    height: 100%;
    line-height: .325rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    
}
.contribute .contribute-title ul li a{
    display: inline-block;
    font-size: .14rem;
    color: black;
}
.contribute .contribute-title>div .contribute-bt{
    width: 100%;
    height: 3.25rem;
    overflow: hidden;
    background: white;
    margin-top: .1rem;
    overflow: auto;
}
.contribute .contribute-title>div .contribute-bt>div{
    width: 3.03rem;
    margin: auto;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;opacity:1;
}

.contribute .contribute-title>div .contribute-bt>div> input:-ms-input-placeholder{
    color: #000;opacity:1;
}
.contribute .contribute-title>div .contribute-bt>div> input::-webkit-input-placeholder{
    color: #000;opacity:1;
}
.contribute .contribute-title>div .contribute-bt>div>input[type=text]{
    padding: .2rem 0 .07rem 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #cecece;
    font-size: .16rem;
}
.contribute .contribute-title>div .contribute-bt>div textarea{
    width: 99%;
    height: 1.76rem;
    resize: none;
    border: none;
    overflow: auto;
    margin-top: .2rem;
    font-family: "微软雅黑";
    font-size: .13rem;
    /* color: black; */
}
.contribute .contribute-title>div .empower{
    width: 100%;
    height: 2.86rem;
    background: white;
    margin-top: .1rem;
}
.contribute .contribute-title>div .empower>div{
    width: 3.03rem;
    margin: auto;
}
.contribute .contribute-title>div .empower>div h1{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #cecece;
    padding: .2rem 0 .07rem 0;
    font-size: .13rem;
    font-family: "微软雅黑";
}
.contribute .contribute-title>div .empower>div>p{
    font-size: .13rem;
    margin-top: .2rem;
}
.contribute .contribute-title>div .empower>div>p .img{
    margin-top: -.03rem;
}
.contribute .contribute-title>div .empower>div>p .img-1{
    margin-top: -.36rem;
}
.contribute .contribute-title>div .empower>div>p .img-2,.contribute .contribute-title>div .empower>div>p .img-3{
    margin-top: -.02rem;
}
.contribute .contribute-title>div .empower>div>p .color-1{
    color: #b1b1b3;
}
.contribute .contribute-title>div .empower>div>p .color{
    color: #0070bd;
}
.contribute .contribute-title>div .empower>div>p>span:nth-of-type(1){
    width: .3rem;
    display: inline-block;
}
.contribute .contribute-title>div .empower>div>p>span:nth-of-type(1) img{
    width: .14rem;
    height: .14rem;
    vertical-align: middle;
}
.contribute .contribute-title>div .empower>div>p>span:nth-of-type(2){
    width: 2.5rem;
    display: inline-block;
}
.contribute .contribute-title>div .fb{
    width: 100%;
    margin-top: .1rem;
}
.contribute .contribute-title>div .fb a{
    width: 1.56rem;
    height: .32rem;
    display: inline-block;
    text-align: center;
    line-height: .32rem;
    background: #b0afb4;
    color: white;
    font-size: .14rem;
    letter-spacing: .07rem;
    border-radius: .015rem;
}
.contribute .contribute-title>div .fb>a:nth-of-type(2){
    float: right;
    background: #0481f7;
}
.contribute .contribute-title>div .declare>div{
    width: 3.03rem;
    color: #6c6c6c;
    margin: .25rem auto;
}
.contribute .contribute-title>div .declare>div>h1{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding-bottom: .085rem;
    font-size: .13rem;
}
.contribute .contribute-title>div .declare>div>p{
    font-size: .12rem;
    text-indent: .25rem;
    padding: .1rem 0 .3rem 0;
}

