/*头部样式修改*/
header,header:hover{
    background:#3D464D;
}
header:hover .header .nav li>a{
    color:rgba(255,255,255,1);
}
header .header .nav li>a.active{
    border-bottom:none;
}
header:hover .header .nav li>a:hover,header:hover .header .nav li>a.active{
    color:rgba(255,255,255,1);
    border-bottom:none;
}
header:hover .header .operate .register{
    border:1px solid rgba(255,255,255,1);
    color:rgba(255,255,255,1);
}
header:hover .header .operate .register:hover{
    border:1px solid rgba(235,235,235,1);
}
header:hover .header .operate .login{
    background:rgba(255,255,255,1);
    color:rgba(50,135,255,1);
}
header:hover .header .operate .login:hover{
    background:rgba(235,235,235,1);
}
header:hover .alreadyLogin .enterControl{
    color:#3287FF;
}
header:hover .alreadyLogin .user .username{
    color:rgba(255,255,255,1);
}
header .alreadyLogin .user .signout{
    width:110px;
}
/*二级导航*/
nav{
    height:60px;
    background:#fff;
}
nav ul{
    width:1200px;
    margin:0 auto;
    padding-left:225px;
}
nav ul li{
    float:left;
    padding:3px 20px;
}
nav ul li a{
    display: block;
    height:54px;
    line-height: 54px;
    font-size:14px;
    color:rgba(61,70,77,1);
}
nav ul li a:hover, nav ul li a.active{
    border-bottom: 2px solid #3287FF;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(51,134,255,1);
}
/*内容区域*/
.main{
    clear:both;
    overflow: hidden;
    width:1369px;
    margin:0 auto;
}
.main ul{
    width:214px;
    height:543px;
    float:left;
    background:#fff;
    padding-top:32px;
    margin:24px 0;
    border-radius:2px;
}
.main ul li a{
    display:block;
    height:22px;
    line-height: 22px;
    width:100%;
    margin-bottom:32px;
    font-size:16px;
    color:rgba(133,142,149,1);
    opacity: 0.7;
    padding-left:23px;
    border-left:2px solid #fff;
}
.main ul li a:hover{
    border-left:2px solid #3287FF;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(50,135,255,1);
    opacity: 1;
}
.main ul li a.active{
    border-left:2px solid #3287FF;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(50,135,255,1);
    opacity: 1;
}
.main ul li .iconfont{
    margin-right:11px;
}
.main .content{
    width:1129px;
    float:right;
    margin:24px 0;
}
.main .content .top{
    height:170px;
    margin-bottom:22px;
    background:#fff;
    border-radius:2px;
}
.main .content .top .picture{
    float:left;
    height:64px;
    width:64px;
    border-radius: 32px;
    overflow: hidden;
    margin:24px 16px 24px 24px;
}
.main .content .top .picture img{
    height:100%;
    width:100%;
}
.main .content .top .info{
    float:left;
    margin-top:24px;
}
.main .content .top .info .nickname{
    height:28px;
    margin-bottom:4px;
}
.main .content .top .info .nickname h1{
    float:left;
    font-size:20px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    margin-right:8px;
    height:28px;
    line-height: 28px;
}
.main .content .top .info .nickname span{
    float:left;
    height:28px;
    line-height: 28px;
    font-size:12px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,231,108,1);
    padding:0 10px;
    background:url(/website/img/infobg.png) no-repeat center center;
    background-size: 100% 100%;
}
.main .content .top .info #demoInput{
    position:absolute;
    z-index: -100
}
.main .content .top .info p{
    color:rgba(133,142,149,1);
    margin-bottom:16px;
}
.main .content .top .info a{
    display: block;
    width:100px;
    height:34px;
    background:rgba(50,135,255,1);
    border-radius:2px;
    line-height: 34px;
    text-align: center;
    color:rgba(255,255,255,1);
    margin-bottom:8px;
}
.main .content .top .info a:hover{
    background:rgba(30,115,235,1);
}
.main .content .top .info p.tips{
    color:rgba(50,135,255,1);
}
#gorealname{
    display: inline;
    background:#fff;
    color:#3386FF;
    margin-left:10px;
}
.main .content .top .norealname{
    width:100px;
    height:34px;
    background:#ccc;
    border-radius:2px;
    border: none;
    outline: none;
    color:rgba(255,255,255,1);
}
.main .content .center{
    height:163px;
    margin-bottom:23px;
    background:#fff;
    border-radius:2px;
}
.main .content .center h3{
    height:54px;
    line-height: 54px;
    padding-left:24px;
    border-bottom:1px solid #E9E9E9;
    font-size:16px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
}
.main .content .center h3 span{
    font-size:12px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(133,142,149,1);
    margin-left:16px;
}
.main .content .center .reward{
    width:186px;
    height:58px;
    margin:25px 0;
    border-right:1px solid #E8E8E8;
    padding-left:40px;
    float:left;
}
.main .content .center .reward.last{
    border-right:none;
}
.main .content .center .reward p{
    color:rgba(133,142,149,1);
    margin-bottom:8px;
}
.main .content .center .reward span{
    font-size:24px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
}
.main .content .center a{
    display: block;
    float:right;
    height:34px;
    width:114px;
    border-radius:2px;
    border:1px solid rgba(50,135,255,1);
    line-height: 34px;
    text-align: center;
    color:rgba(50,135,255,1);
    margin:37px 24px 0;
}
.main .content .center a:hover{
    border:1px solid rgba(30,115,235,1);
}
.main .content .bottom{
    height:163px;
    background:#fff;
    border-radius:2px;
}
.main .content .bottom h3{
    height:54px;
    line-height: 54px;
    padding-left:24px;
    border-bottom:1px solid #E9E9E9;
    font-size:16px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
}
.main .content .bottom .people{
    width:200px;
    height:58px;
    margin:25px 0;
    border-right:1px solid #E8E8E8;
    padding-left:40px;
    float:left;
}
.main .content .bottom .people.last{
    border-right:none;
}
.main .content .bottom .people p{
    color:rgba(133,142,149,1);
    margin-bottom:8px;
}
.main .content .bottom .people span{
    font-size:24px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
}
.main .content .bottom a{
    display: block;
    float:right;
    height:34px;
    width:114px;
    border-radius:2px;
    border:1px solid rgba(50,135,255,1);
    line-height: 34px;
    text-align: center;
    color:rgba(50,135,255,1);
    margin:37px 24px 0;
}
.main .content .bottom a:hover{
    border:1px solid rgba(30,115,235,1);
}
/*弹窗部分*/
.shade{
    height:100%;
    width:100%;
    background:#000;
    opacity: 0.3;
    position: fixed;
    left:0;
    top:0;
}
.applybox {
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin: auto;
    z-index: 1;
    width:567px;
    height:530px;
    background:rgba(255,255,255,1);
    border-radius:2px;
    padding:32px 0;
}
.applybox h1{
    font-size:20px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    text-align: center;
    margin-bottom: 24px;
}
.applybox .item{
    clear: both;
    overflow: hidden;
    margin-bottom:24px;
}
.applybox .item span{
    float:left;
    width:120px;
    height:40px;
    line-height: 40px;
    text-align: right;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
}
.applybox .item.photo span{
    height:96px;
    line-height: 96px;
}
.applybox .item .right{
    float:left;
    margin-left:16px;
    width:356px;
    height:40px;
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(61,70,77,1);
    padding-left:16px;
    outline: none;
}
.applybox .item ul{
    float:left;
    height:96px;
}
.applybox .agreement{
    float:left;
    margin-left:16px;
}
.applybox .agreement .is_agree{
    display: block;
    width:20px;
    height:21px;
    float:left;
    margin-right:10px;
}
.applybox .agreement a{
    color:rgba(61,70,77,1);
}
.applybox .item ul li{
    float:left;
    margin-left:16px;
    width:170px;
    height:96px;
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    text-align: center;
}
.applybox .item ul li .one,.applybox .item ul li .two{
    height:96px;
    padding-top:22px;
    cursor: pointer;
}
.applybox .item ul li i{
    font-size:34px;
    color:rgba(133,142,149,1);
    margin-right: 0;
}
.applybox .item ul li p{
    font-size:12px;
    color:rgba(133,142,149,1);
    margin-top:8px;
}
.applybox .item ul li .onephoto,.applybox .item ul li .twophoto{
    height:96px;
    position: relative;
}
.applybox .item ul li .onephoto img,.applybox .item ul li .twophoto img{
    display: block;
    width:170px;
    height:96px;
}
.applybox .item ul li .onephoto div,.applybox .item ul li .twophoto div{
    width:170px;
    height:28px;
    line-height: 28px;
    text-align: center;
    background:rgba(0,0,0,0.5);
    cursor: pointer;
    color:rgba(255,255,255,1);
    position: absolute;
    bottom:0;
}
.applybox button{
    display: block;
    width:300px;
    height:45px;
    line-height: 45px;
    border-radius:2px;
    border:none;
    margin:0 auto;
    cursor: pointer;
    outline: none;
    font-size:16px;
    color:rgba(133,142,149,1);
}
.applybox button.confirm{
    margin:0px auto 10px;
    font-size:16px;
    color:rgba(255,255,255,1);
    background:rgba(50,135,255,1);
}
.applybox button.confirm:hover{
    background:rgba(30,115,225,1);
}
.applybox button.cancel{
    background:rgba(255,255,255,1);
}
.applybox button.cancel:hover{
    background:rgba(235,235,235,1);
}
.layui-upload-file{
    display:none;
}