/** member.css **/
.layui-input-block{
    margin-left: 120px!important;
}
.layui-input-inline{
    margin-left: 0px!important;
}
.layui-layout-right .iconfont{
    font-size: 20px;
}
.layui-layout-right span.xiaoxi-dot{
    margin-top: -13px;
    right: 13px;
}
.layui-bg-gray{
    color: #ccc!important;
    cursor: unset!important;
}
.layui-btn-group .layui-bg-gray:first-child {
    border-left: 1px #ddd solid;
    border-top:1px #ddd solid;
    border-bottom: 1px #ddd solid;
    border-right: unset;
    background-color:#fafafa!important;
}
.side-nav{
    float: left;
    display: block;
}
.main-content{
    display: block;
    margin-left: 15px;
}
.layui-nav-tree{
    width: 175px;
    overflow: hidden;
}
.layui-table .status{
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
}
.layui-form-item .site-input-inline{
    width: auto;
}
.member-login{
    min-height: 500px;
    margin: 25px auto 25px;
}
.member-login .layui-form{
    padding: 26px 10px 0px;
    max-width: 300px;
}
.member-login .forget{
    display: block;
    margin: 20px auto 0;
}
.member-login .layui-form-item{
    margin-bottom: 25px;
}
.member-login .layui-form-pane .layui-form-label{
    width: 70px!important;
}
.member-login .layui-form-pane .layui-input-block {
    margin-left: 70px!important;
}
.member-body{
    min-height: 322px;
}
.member-oauth{
    position: relative;
    margin: 0 -20px -20px;
    text-align: center;
    border-top: 8px #f2f2f2 solid;
    padding: 15px 0;
}
.member-oauth a{
    border-radius: 5px;
    margin:0 3px;
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
}
.member-oauth .iconfont{
    font-size: 25px;
}

.captcha-blood{
    position: absolute;
    top: 1px;
    right: 2px;
    border-left: 1px #e6e6e6 solid;
}
.captcha-blood img{
    height: 36px;
    cursor: pointer;
}

.site-add-data .layui-form-label{
    width: 90px!important;
}
.layui-form-pane .layui-form-text{
    position: relative;
}
.layui-form-pane .layui-input-block {
    margin-left: 90px!important;
    left: -1px;
}
.layui-form-pane .layui-input-inline{
    margin-left: unset!important;
    left: -1px;
}
.claim{
    display: none;
}
.claim-text button{
    position: relative;
    margin-top: 30px;
    left: 35%;
    padding: 0 20px;
}
.claim-text em{
    font-style: normal;
    color: #FF5722;
}
.claim-text a{
    color: #01AAED;
}
.claim-text i.iconfont{
    margin-left: 10px;
    color: #5FB878;
}
.img-banner img{
    width: 100%;
}
.site-list-new{
    padding: 15px 25px;
    overflow: hidden;
}
.site-list-new li{
    width: 50%;
    float: left;
    line-height: 30px;
}
.site-list-new li span{
    float: right;
    padding-right: 25px;
    font-size: 12px;
    color: #777;
}
.email_captcha{
    height: 36px;
    line-height: 36px;
    border-radius: 0 3px 3px 0;
}
.forget_step{
    padding: 0px 10px 10px;
    max-width: 300px;
    margin: 0 auto;
    overflow: hidden;
}
.forget_step:before{
    content: " ";
    width: 45px;
    height: 1px;
    position: absolute;
    top: 34px;
    left: 50%;
    margin-left: -73px;
    background-color: #dedede;
}
.forget_step:after{
    content: " ";
    width: 45px;
    height: 1px;
    position: absolute;
    top: 34px;
    left: 50%;
    margin-left: 28px;
    background-color: #dedede;
}
.forget_step li{
    position: relative;
    width: 33.3%;
    text-align: center;
    float: left;
    z-index: 1;
}

.forget_step li em{
    font-style: normal;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #666;
    background-color: #dedede;
}
.forget_step li p{
    font-size: 12px;
    padding-top: 6px;
}
.forget_step li.hover em{
    color: #fff;
    background-color: #009688;
}
.forget_step li.hover p{
    color: #009688;
}
.member-user-info,.member-user-info div{
    overflow: hidden;
}
.member-user-info .user-avatar{
    float: left;
    width: 90px;
    height: 90px;
}
.member-user-info .user-avatar img{
    width: 100%;
    border-radius: 5px;
}
.member-user-info .user-info{
    margin-left: 20px;
    float: left;
}
.member-user-info .user-info p{
    line-height: 1.1;
    font-size: 12px;
    padding-bottom: 13px;
    color: #999;
}
.member-user-info .user-info p span{
    color: #555;
    padding: 0 6px;
}
.member-user-info .user-info p:nth-child(4){
    padding-bottom: 0;
}
.member-user-info .user-info p.username span{
    font-size: 16px;
}
.member-user-info .user-info p i{
    font-size: 18px;
    vertical-align: middle;
    background-color: #2F4056;
    color: #fff;
    margin: 0 5px;
    padding: 3px;
    border-radius: 3px;
}
.member-user-info .user-info p i.hover{
    background-color: #5FB878;
}
.member-user-info .user-info p em{
    font-style: normal;
    font-size:12px;
    padding-left: 15px;
    color: #888;
}
.user-conut{
    padding: 15px;
}
.user-conut ul li{
    width: 33%;
    float: left;
    text-align: center;
}
.user-conut ul li em{
    font-style: normal;
    color: #FF5722;
}
.user-conut ul li p{
    padding-top: 5px;
    color: #999;
}

.article-list-new{
    padding: 0;
    overflow: hidden;
}
.article-list-new ul{

}
.article-list-new ul li{
    position: relative;
    padding: 0 20px;
    line-height: 53px;
    height: 53px;
    border-bottom: 1px #efefef solid;
    white-space: nowrap;
}
.article-list-new ul li a{
    padding-left: 15px;
}
.article-list-new ul li:before{
    content: " ";
    width: 5px;
    height: 5px;
    border-radius: 0;
    top: 50%;
    margin-top: -4px;
    background-color: #000;
    position: absolute;
}
.article-list-new ul li span{
    position: absolute;
    right: 0px;
    padding-right: 15px;
    top: 0px;
    padding-left: 20px;
    background-color: #fff;
    font-size: 12px;
    color: #888;
}
.site-info-new{
    padding: 0;
    overflow: hidden;
}
.site-list{
    padding: 20px 15px;
    border-bottom: 1px solid #eeeeee;
    zoom: 1;
    overflow: hidden;
}
.site-list .siteImg{
    float: left;
}
.site-list .siteImg img{
    width: 110px;
    height: 110px;
    border: 1px solid #eeeeee;
}
.site-list .siteContent{
    position: absolute;
    overflow: hidden;
    margin-left: 125px;
    margin-right: 15px;
    font-size: 12px;
}
.site-list .siteContent h3.title{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.site-list .siteContent h3.title a{
    padding-right: 10px;
    font-size: 14px;
}
.site-list .siteContent h3.title span{
    color: #999;
}
.site-list .siteContent .siteData{
    overflow: hidden;
}
.site-list .siteContent .siteData p{
    height: 30px;
    line-height: 30px;
    display: inline-block;
    float: left;
    padding-right: 15px;
    padding-bottom: 3px;
    color: #999999;
}
.site-list .siteContent .siteData p b{
    font-weight: normal;
}
.site-list .siteContent .siteData p span{
    position: relative;
    display: inline-block;
    width: 45px;
}
.site-list .siteContent .siteData p span img{
    width: 100%;
    position: relative;
    top: -2px;
}
.site-list .siteContent .siteData p span em{
    position: absolute;
    display: block;
    top: 0px;
    right: 0;
    color: #fff;
    font-style: normal;
    font-size: 14px;
    width: 23px;
    z-index: 10;
    text-align: center;
}
.site-list .siteContent p.description{
    line-height: 24px;
    color: #999999;
}
.site-list .r-views{
    float: right;
    margin-top: 25px;
    width: 88px;
    height: 72px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    background-color: #FFF;
    text-align: center;
}
.site-list .r-views strong{
    margin-top: 13px;
    display: inline-block;
    font-weight: normal;
    color: #f60;
    font-size: 14px;
}
.site-list .r-views span{
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #999;
}
.upload-input{
    position: relative;
    float: left;
    width: 150px;
    margin-right: 15px;
}
.upload-input:nth-child(2){
    margin-right: 0;
}
.app-qrcode-btn,.app-icon-btn{
    max-width: 150px;
    background-color: rgba(0,0,0,.7);
    border-radius: 0 0 3px 3px;
    height: unset;
    line-height: 16px;
    padding: 5px 0;
}
.app-qrcode-btn em,.app-icon-btn em{
    font-size: 12px;
    font-style: normal;
}
.app-qrcode-img,.app-icon-img{
    height: 150px;
    width: 150px;
}
.add-del{
    position: absolute;
    background-color: #FF5E52;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    z-index: 10;
    color: #fff;
    opacity: 0;
    cursor: pointer;
    padding: 1px 5px;
}
.del-all{
    opacity: 1;
    line-height: 1.6;
}
.del-all i{
    font-size: 16px!important;
}
.app-all-img{
    position: relative;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 152px;
    height: 250px;
    line-height: 240px;
    text-align: center;
    border:1px #dedede dashed;
    cursor: pointer;
    margin-right: 15px;
}
#app-all-img{
    margin-right: 15px;
    float: left;
}
.app-all-img img{
    width: 100%;
    height: 100%;
}
#app-all-img-btn{
    margin-right: 0;
}
.app-all-img:last-child{
    margin-right: unset;
}
.app-all-img i{
    font-size: 30px;
}

.app-member-list{
}
.app-member-list .siteImg img{
    width: 75.5px;
    height: 75.5px;
}
.app-member-list .siteContent{
    margin-left: 95px;
}

.app-member-list .siteContent h3 span{
    float: right;
    font-size: 12px;
}

@media screen and (max-width: 768px){
    .site-add-data .layui-form-item {
        margin-bottom: 10px;
        clear: both;
    }
    .layui-form-item .site-input-inline{
        margin-left: 0;
        margin-bottom: 0;
        float: left;
    }
    .site-input-inline .layui-form-checkbox{
        margin-left: 4px;
    }
    .layui-form-item .site-input-inline+.layui-form-mid{
        margin-left: 10px;
        padding: 13px 0 0!important;
    }
    .member-login{
        min-height: unset;
        margin: 20px auto 10px;
    }
    .member-login .layui-col-space20{
        margin: 0;
    }
    .member-login .layui-form{
        max-width: unset;
    }
    .layui-input-inline{
        margin-left: 120px!important;
    }
    .layui-form-pane .layui-form-item .layui-input-inline {
        margin-left: 90px!important;
    }

    .member-user-info{
        padding: 15px 0px 0;
    }
    .member-user-info .user-avatar{
        width: 85px;
        height: 85px;
        margin-left: 15px;
    }
    .member-user-info .user-info{
        float: left;
        margin-left: 15px;
    }
    .member-user-info .user-info p span{
        padding: 0 3px;
    }
    .user-conut{
        border-top: 10px #efefef solid;
        margin-top: 15px;
    }
    .user-conut ul li{
        text-align: left;
        width: 110px;
    }
    .user-conut ul li p{
        padding-top: 0;
        padding-right: 10px;
        float: left;
    }
    .upload-input{
        margin-right: 0;
        width: 115px;
    }
    .upload-input:nth-child(2){
        float: right;
    }
    .app-qrcode-btn,.app-icon-btn{
        max-width: 115px;
        font-size: 12px;
    }
    .app-qrcode-img,.app-icon-img{
        height: 115px;
        width: 115px;
    }
}