/* CSS Document */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
.over{overflow: hidden;}
html {
    background: #fff;
}

body {
    font-size: 16px;
    font-family: Microsoft YaHei;
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    height: auto;
    background: #FFF;
    color: #333;
    border-right: 0.5px solid #dddede;
    border-left: 0.5px solid #dddede;
}

ul, li, ol, form {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: none;
}

a img {
    border: 0;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="button"], input {
    -webkit-appearance: none;
}

form input[type=reset] {
    border-radius: 0;
}

button, input, select, textarea, s, i, b {
    font-family: Microsoft YaHei;
    outline: none;
}

button, input {
    outline: none;
    cursor: pointer;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.none {
    display: none;
}

.hide {
    display: none !important;
}

.show {
    display: inline !important;
}
.vhide{
    visibility: hidden;
}


/**应用样式**/
.app_header{
    height: 0.44rem;
    position: relative;
    /*border-bottom: 0.01rem solid #707070;*/
    display: flex;
    justify-content: space-around;
    box-shadow:0px 1px 0px 0px rgba(226,226,226,1);
}
.app_header span{
    line-height: 0.44rem;
    color: #5A5A5A;
    font-size: 0.12rem;
    padding: 0 0.06rem;
}
.app_header .active{
    background: #FFCB00;
    color: #FFF;
}
.hrow{
    padding: 0.2rem 0.2rem 0;
    background: #fff;
}
.content-top{
    /*margin-top: 0.35rem;*/
}
.content-top .top-title{
    font-size: 0.14rem;
}
.content-top .top-hr{
    width: 0.9rem;
    height: 0.04rem;
    background: #416681;
    margin: 0.08rem 0 0.18rem;
}
.main-hr{
    height: 0.1rem;
    background: #F5F5F5;
}
.content-center{
    padding: 0.1px 0;
}
.content-center .item{
    height: 0.6rem;
    background: #ECF5FF;
    border-radius: 0.15rem;
    padding: 0.12rem 0.1rem;
    color: #707070;
    font-size: 0.12rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    margin-bottom: 0.14rem;
    position: relative;
}
.content-center .item .status{
    margin-right: 0.4rem;
}
.content-center .item .goto{
    position: absolute;
    right: 0.12rem;
    top: 0.23rem;
    width: 0.078rem;
}


.app_header .title{
    color: #000;
    font-size: 0.16rem;
}
.app_header .back{
    position: absolute;
    left: 0.16rem;
    width: 0.078rem;
    top: 0.15rem;
}
.app_header .caozuo{
    width:0.6rem;
    height:0.32rem;
    background:rgba(70,127,245,1);
    border-radius:0.04rem;
    position: absolute;
    right: 0.12rem;
    top: 0.06rem;
    text-align: center;
    line-height: 0.32rem;
    color:#fff;
}
.block{
    width: 3.51rem;
    min-height: 2rem;
    margin: 0.12rem auto;
    background:rgba(255,255,255,1);
    border-radius:0.08rem;
    border:0.01rem solid rgba(238,238,238,1);
    font-size: 0.14rem;
    color:#758097;
    padding: 0.16rem 0.16rem 0;
}
.block .title{
    width:0.7rem;
    display: inline-block;
}
.block .title2{
    color:#323F49;
    font-size: 0.14rem;
    margin-left: 0.16rem;
}
.block .inputtext{
    width:2.4rem;
    height:0.34rem;
    background:rgba(255,255,255,1);
    border-radius:0.04rem;
    border:0.01rem solid rgba(238,238,238,1);
    padding-left: 0.16rem;
    font-size: 0.14rem;
}
.block .item{
    margin-bottom: 0.12rem;
}
.block .top{
    width:3.27rem;
    height:0.4rem;
    background:rgba(240,245,254,1);
    border-radius:0.04rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.block .user-item{
    width:3.27rem;
    height:0.4rem;
    background:rgba(247,247,247,1);
    border-radius:0.04rem;
    display: flex;
    align-items: center;
    padding: 0 0.16rem;
    margin-bottom: 0.12rem;
}
.block .user-item>p{
    width: 100%;
}
.block .user-item .name{
    width: 0.6rem;
    display: inline-block;
}
.block .add{
    width:0.8rem;
    height:0.34rem;
    background:rgba(240,245,254,1);
    border-radius:0.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#467FF5;
    margin-bottom: 0.16rem;
}
.block .textarea{
    width:3.27rem;
    height:1.4rem;
    background:rgba(255,255,255,1);
    border-radius:0.06rem;
    border:0.01rem solid rgba(238,238,238,1);
    padding: 0.12rem;
    font-size: 0.14rem;
}
.block .xinxi{
    display: flex;
    margin: 0.19rem 0;
}
.block .xinxi img{
    width: 0.2rem;
    height: 0.2rem;
}
.block a{
    display: flex;
    color:#758097;
    margin-right: 0.42rem;
}
.block .xinxi input[type="radio1"]{
    width: 0.2rem;
    height: 0.2rem;
    -webkit-appearance: none;
    background: #0ff;
}
.block .xinxi input[type="radi1o"]:checked{
    background:#00f;
}
.block .mblock{
    background: #F7F7F7;
    padding-bottom: 0.16rem;
    border-radius:0.04rem;
    margin-bottom: 0.12rem;
}
.block .mblock .fix{
    margin-bottom: 0px;
    width: unset;
}
.rare {
    padding: 0.12rem;
    font-size: 0.14rem;
    color:#323F49;
}
.rare .search{
    width:3.51rem;
    height:0.3rem;
    background:rgba(247,247,247,1);
    border-radius:0.04rem;
    border:0.01rem solid rgba(238,238,238,1);
    padding-left: 0.36rem;
    font-size: 0.14rem;
}
.rare .top{
    height:0.34rem;
    background:rgba(240,245,254,1);
    color:#467FF5;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.rare .item img{
    width: 0.24rem;
}
.rare .item{
    height: 0.44rem;
    display: flex;
    align-items: center;
}
.rare .item .name{
    width: 1.2rem;
    display: inline-block;
}
.rare .item .xuhao{
    width: 1.60rem;
    display: inline-block;
}
.rare .item .caozuo img{
    width: 0.2rem;
}
.rare .hr{
    width: 100%;
    border-bottom: 0.01rem solid #EEEEEE;
}
.rare .item .user{
    width: 0.55rem;
    display: inline-block;
    text-align: center;
    flex-shrink: 0;
}
.content-detail{
    padding: 0.2rem 0.2rem 0;
    background: #fff;
}
.content-detail .item{
    color:#5A5A5A;
    font-size: 0.12rem;
    margin-left: 0.2rem;
    padding-bottom: 0.1rem;
}
.content-detail .item span{
    color: #000;
}
.content-detail .item p{
    margin-bottom: 0.1rem;
}
.btn-foot{
    height: 0.42rem;
    background: #FFCB00;
    border-radius: 0.08rem;
    width: 100%;
    border: 0px;
    color: #fff;
    font-size: 0.16rem;
    
}
.footer-btn{
    margin: 0.18rem 0.2rem 0.295rem;
    overflow: hidden;
}

.footer-btn .edite{
    line-height: 0.22rem;
    background: #133853;
    border-radius: 0.08rem;
    padding: 0 0.12rem;
    font-size: 0.1rem;
    border: 0;
    color: #fff;
    float: right;
}
.user-edite{
    margin: 0 0.2rem;
}

.user-edite .info{
    display: flex;
    align-items: center;
    color:#5A5A5A;
    margin-top: 0.2rem;
}
.user-edite input[type="text"]{
    width: 100%;
    height:0.3rem;
    background:rgba(255,255,255,1);
    border:0.01rem solid rgba(191,191,191,1);
    border-radius:0.08rem;
    padding: 0 0.12rem;
    font-size: 0.12rem;
    color:#5A5A5A;
}
.user-edite input[type="password"]{
    width: 100%;
    height:0.3rem;
    background:rgba(255,255,255,1);
    border:0.01rem solid rgba(191,191,191,1);
    border-radius:0.08rem;
    padding: 0 0.12rem;
    font-size: 0.12rem;
    color:#5A5A5A;
}

.user-edite input[type='radio']{
    -webkit-appearance:radio;
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.08rem;
}
.user-edite .label{
    flex-shrink: 0;
    font-size: 0.14rem;
}
.user-edite .radio{
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    margin-right: 0.4rem;
}
.content-center .flexcenter{
    justify-content: center;
}

.content-users .item{
    height:0.5rem;
    background:rgba(255,255,255,1);
    border:0.01rem solid rgba(255,203,0,1);
    border-radius:0.15rem;
    display: flex;
    position: relative;
    align-items: center;
    padding: 0 0.12rem;
    color: #707070;
    font-size: 0.12rem;
    margin-bottom: 0.16rem;
}

.content-users .item .goto{
    position: absolute;
    right: 0.12rem;
    top:  0.17rem;
    width: 0.078rem;
}

.main-header .avatar{
    width: 1.15rem;
}
.main-header p{
    color: #5A5A5A;
    font-size: 0.12rem;
    margin-bottom: 0.08rem;
}
.user-content{
    color: #707070;
    text-indent:0.2rem;
    font-size: 0.12rem;
}
.user-detail-foot{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
}
.user-detail-foot p{
    font-size: 0.16rem;
    text-align: center;
    width: 1.47rem;
    height: 0.42rem;
    color: #fff;
    background: #FFCB00;
    border-radius:8px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.record-detail{
    font-size: 0.14rem;
}
.record-detail .title{
    color: #000000;
    margin-bottom: 0.1rem;
}
.record-detail .content{
    color:#5A5A5A;
    margin-bottom: 0.2rem;
    padding-left: 0.1rem;
}
.record-detail img{
    width: 100%;
}
.main-header .user-in{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-header .user-in .editpass{
    color: #fff;
    border-radius:0.08rem;
    background: #133853;
    line-height: 0.22rem;
    width: 0.64rem;
    text-align: center;
    margin-top: 0.07rem;
}

.content-center .request{
    height: 0.6rem;
    background: #FFF7E8;
    border-radius: 0.15rem;
    padding: 0.12rem 0.1rem;
    color: #000000;
    font-size: 0.12rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    margin-bottom: 0.14rem;
    position: relative;
}

.content-center .request .font11{
    color: #707070;
    font-size: 0.11rem;
}
.content-center .request .mglft{
    margin-right: 0.16rem;
}
.content-center .request .finish{
    color: #3295DC;
}
.user-edite-desc{
    height:2.6rem;
    background:rgba(255,255,255,1);
    border:0.01rem solid rgba(112,112,112,1);
    border-radius:0.08rem;
    width: 100%;
    padding: 0.1rem;
    color: #707070;
    font-size: 0.12rem;
}
.content-center .yellow{
    background: #FFF7E8;
}
.nofind{
    margin: 0.5rem 0.2rem;
    position: relative;
}
.nofind img{
    width: 100%;
}
.nofind span{
    font-size: 0.14rem;
    color:#5A5A5A;
    position: absolute;
    top: 37%;
    left: 45%;
}

.user-edite .user-title{
    color: #5A5A5A;
    font-size: 0.14rem;
    margin-bottom: 0.1rem;
    margin-top: 0.2rem;
}

.footer-btn .finish{
    line-height: 0.22rem;
    background: #FFCB00;
    border-radius: 0.08rem;
    padding: 0 0.18rem;
    font-size: 0.1rem;
    border: 0;
    color: #fff;
    float: right;
}

.dialog-wrapper{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
    z-index: 1024;
    background: #00000081;
}

.dialog-info{
    font-size: 0.16rem;
    width: 2.9rem;
    background: #fff;
    margin: 40% auto 0.5rem;
    border-radius: 0.08rem;
    border: 0.01rem solid #1D4059;
    padding: 0.33rem;
    box-sizing: border-box;
    color: #000;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.dialog-info .ok{
    font-size: 0.12rem;
    line-height: 0.27rem;
    color: #fff;
    background: #F5C300;
    border-radius: 0.08rem;
    padding: 0 0.28rem;
    display: inline-block;
}
.dialog-info .tips{
    margin-bottom: 0.29rem;
}
.login-content{
    margin-bottom: 0.2rem;
    position: relative;
}

.login-content input{
    font-size: 0.14rem;
    width:100%;
    height:0.4rem;
    background:rgba(247,247,247,1);
    border-radius:0.04rem;
    border: 0px;
    padding: 0 0 0 0.38rem;
}
.login-content img{
    position: absolute;
    left: 0.13rem;
    top: 0.12rem;
    width: 0.14rem;
    height: 0.16rem;
}
.course .title{
    width: 0.52rem;
    display: inline-block;
    text-align: center;
}
.course .middle{
    width: 1.99rem;
    display: inline-block;
    text-align: center;
}
.course .jxnr{
    width: 1.99rem;
    display: inline-block;
    text-align: center;
}
.course .xxhjx{
    width: 0.92rem;
    display: inline-block;
    text-align: center;
}
.course .ydrs{
    width: 0.8rem;
    display: inline-block;
    text-align: center;
}
.course .qxz{
    width: 1.6rem;
    display: inline-block;
    text-align: center;
}
.course .item{
    /*height: 0.44rem;*/
    min-height: 0.44rem;
    border: 0.005rem solid #EEEEEE;
    display: flex;
    align-items: center;
    color: #323F49;
}
.course .end{
    width:0.8rem;
    height:0.26rem;
    background:rgba(70,127,245,1);
    border-radius:0.04rem;
    text-align: center;
    line-height: 0.26rem;
    color: #fff;
    margin-right: 0.1rem;
}
.course .crow{
    border-radius:0px 0px 0.08rem 0.08rem;
}
.renyuan_span{
    padding: 0.01rem 0.02rem;
    border-radius: 0.05rem;
    color: #fff;
    margin-right: 0.05rem;
    margin-top: 0.05rem;
    float: left;
}
.qx_color{
    background:#f90
}
.by_color{
     background: #467ff5;
}
.pp_color{
     background: red;
}