@charset "utf-8";
/* css document */
/* 认证首页banner */
.userbanner1{
    position: relative;
    z-index: 1;
    height: 350px;
    background:  no-repeat center;
    margin-top: 50px;
}
.orgbanner1{
    position: relative;
    z-index: 1;
    height: 350px;
    background:  no-repeat center;
    margin-top: 50px;
}
.banner-stu{
    position: relative;
    z-index: 1;
    height: 450px;
    background:  no-repeat center;
    margin-top: 50px;
}

.verifybun1,
.verifybun2{
    position: absolute;
    top: 260px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 50px;
    border: none;
    border-radius: 5px;
    background: #ffb128;
    box-shadow: 0 3px 1px rgba(0,0,0,0.3);
    color: white;
    font-size: 24px;
    behavior: ;
    cursor: pointer;
}
.verifybun2{background: #b32c43;}



/* 认证流程 */
.verify-process1{
    border-top: solid 1px white;
    border-bottom: solid 1px #eee;
    background: #f8f8f8;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
    behavior: ;
}
.process{
    padding: 20px 0;
    overflow: hidden;
}
.process dt,
.process dd{
    float: left;
    width: 25%;
    font-style: italic;
    color: #666;
}
.process dt{
    padding: 10px 0 0;
    font-size: 18px;
    text-align: center;
}

.process h4{font-size: 18px;}
.process h4 big{font-size: 20px;}

.verify-box1{background: white;}
.verify-box2{background: #f8f8f8;}

.verify-box1 .topic,
.verify-box2 .topic{
    overflow: hidden;
    padding: 20px 0;
    line-height: 20px;
}
.verify-box1 .topic span,
.verify-box2 .topic span{float: right;}

.verify-box1 h3,
.verify-box2 h3{
    float: left;
    font-size: 20px;
}

.verify-box1 .cont,
.verify-box2 .cont{
    padding: 0 0 20px;
}

.verify-guild{padding: 20px 0;}
.verify-guild table{width: 100%;}
.verify-guild table td{
    width: 25%;
    padding: 5px 0 20px;
    text-align: center;
}

.vipstory{
    position: relative;
    border: solid 1px #eee;
    border-radius: 5px;
    margin: 50px 10px 0;
    padding: 50px 0 0;
    behavior: ;
}
.vipstory legend{
    position: absolute;
    z-index: 2;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    padding: 0;
    width: 80px;
    height: 80px;
    border: solid 1px #eee;
    border-radius: 40px;
    background: white;
    line-height: 80px;
    text-align: center;
    behavior: ;
}
.vipstory legend .iconfont{font-size: 48px;}

.vipstory h5{padding: 10px 10px 20px; font-size: 20px;}
.vipstory p {
    background: #f8f8f8;
    padding: 20px 10px;
    font-size: 14px;
    color: #666;
}

/* vip 用户卡 */
.vipshow1{
    position: relative;
    overflow: hidden;
    padding: 10px 5px;
}
.vipshow1 dt{float: left;}
.vipshow1 dt,
.vipshow1 dt img{
    width: 80px;
    height: 80px;
}
.vipshow1 dt img{border-radius: 10px;}
.vipshow1 dt img.org{
    width: 78px;
    height: 78px;
    border: solid 1px #eee;
    border-radius: 0;
}
.vipshow1 dd{
    margin-left: 90px!important;
    margin-left: 87px;
}

.vipshow1 dd h5{font-size: 16px; font-weight: bold;}
.vipshow1 dd h6{font-size: 14px;}
.vipshow1 dd p {
    height: 36px;
    line-height: 18px;
    color: #666;
    overflow: hidden;
}
.vipshow1 dd p.org{height: 54px;}
.vipshow1 dd p a{color: #666;}
.vipshow1 dd p img.typeicon{
    float: left;
    width: 16px;
    height: 16px;
    margin:5px 5px 0 0;
}
.vipshow1 dd.doclist{
    margin-left: 0!important;
    padding: 10px 0 0;
}
.vipshow1 dd.doclist p{
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}


/* vip 用户列表 */
.verify-vips,
.verify-orgs{overflow: hidden;}
.verify-vips li{
    float: left;
    width: 33.333%;
}
.verify-orgs li{
    float: left;
    width: 25%;
}
/* 个人认证--表单 */



.userbanner2{
    position: relative;
    z-index: 1;
    height: 180px;
    background: #30acfc;
    margin-top:50px;
}
.userlogo{
    height: 80px;
    overflow: hidden;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.userlogo img{height: 80px;}
.summary{
    height: 99px;
    border-top: solid 1px #93d4fe;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #59bdfd;
    box-shadow: 0 -1px 1px #2b9be2;
    behavior: ;
}
.summary h2{
    padding: 30px 0 0;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 100%;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    behavior: ;
}
.summary h2 .iconfont{
    margin: 0 15px;
    font-size: 48px;
    color: #f60;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    behavior: ;
}



.userguild{
    border-bottom: dashed 1px #ccc;
    background: #fff;
    padding: 15px 0;
    color: #024;
    font-size: 20px;
    line-height: 100%;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    behavior: ;
}
.userguild table{width: 100%;}
.userguild table td{width: 25%; text-align: center;}
.userguild .iconfont{color: #024; font-size: 24px;}



.formwrap{
    border-bottom: solid 1px #ccc;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #fff;
    margin-bottom: 15px;
    padding: 10px;
}

.verify-table{
    width: 100%;
    margin: 0 0 10px;
}
.verify-table th,
.verify-table td{
    line-height: 100%;
    font-size: 14px;
    color: #666;
}
.verify-table td{padding: 10px 5px;}
.verify-table td.theparent{position: relative;}
.verify-table th h5,
.verify-table th em{
    float: left;
    border-left: solid 5px #00a0e9;
    margin: 15px 0;
    padding: 0 15px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    text-align: left;
}
.verify-table em,
.verify-table th em{
    border: none;
    font-style: normal;
    font-size: 12px;
    color: #999;
}
.verify-table td .analog-radio{
    cursor: pointer;
    float: left;
    line-height: 16px;
    height: 16px;
    display: block;
}
.verify-table td .analog-radio:first-child{margin-right: 10px;}
.verify-name{
    vertical-align: top;
    width: 140px;
    text-align: right;
    line-height: 30px!important;
}
.sample{
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 20px;
    border-left: solid 1px #eee;
    padding-left: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
}
.sample a:hover{text-decoration: none; color: #30acfc;}
.sample .sample-img{width: 128px;}
.sample .sample-img:hover{opacity: .7;}


.verify-upload{overflow: hidden;}
.verify-upload .ulist1 li{padding: 5px 0;}
.verify-upload .upload01{
    float: left;
    width: 200px;
}
.verify-upload .upload02{
    margin-left: 220px;
    padding-top: 5px;
    font-size: 12px;
    color: #999;
}
.verify-upload .upload02 .msg{font-size: 14px; line-height: 25px;}

.photo-templet{
    width: 128px;
    height: 88px;
    margin-bottom: 10px;
}

.verify-table .change{
    padding-left: 20px;
    text-decoration: none;
    font-size: 12px;
}
.verify-table .change:hover{text-decoration: none; color: #00a0e9;}


/* 从 asclass.css 中复制过来的 修改了专用的 编辑头像样式 */
.asmyphoto{position: relative; padding: 10px 0 0;}

.asmyphoto .layout{padding: 10px 0; overflow: hidden;}
.asmyphoto .layout .editbox{
    float: left;
    width: 300px;
}
.asmyphoto .layout .shwobox{
    margin-left: 330px!important;
    margin-left: 327px;
    height: 300px;
    padding: 5px 0 5px 20px;
    border-left: solid 1px #eee;
    color: #666;
    font-size: 12px;
    line-height: 20px;
}
.asmyphoto .layout .shwobox h6{padding-bottom: 20px; font-size: 14px;}
.asmyphoto .upload{
    border: solid 1px #ccc;
    background: white;
    padding: 1px;
    height: 300px;
    background: no-repeat center;
}
.asmyphoto .submitbox{padding: 20px 0;}

.asmyphoto .photos{position: relative;}
.asmyphoto .photos .imgwrap,
.asmyphoto .photos .imgwrap img{
    width: 160px;
    height: 160px;
}

.asmyphoto .photos .imgwrap{
    float: left;
    border: solid 1px #ccc;
    background: white;
    margin-bottom: 5px;
    padding: 1px;
    overflow: hidden;
}
.asmyphoto .photos dt .imgwrap,
.asmyphoto .photos dt img{width: 160px; height: 160px;}
/* end */

/* 从 main.css 中复制过来的 修改了专用的 单列单选 */
/* 模拟select */

.analog-select{
    padding: 0 5px 0 5px;
    border:solid 1px #ccc;
    border-radius:2px;
    font-size:14px;
}
.analog-select em{
    margin: 0 0 0 20px;
    padding: 0;
    float: right;
}
.options-wrap{top: 31px;}

.options-wrap .options ul li{
    height: 30px;
    min-height: 30px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 14px;
}

/* end */
/* 表单成功返回信息 */
.verify-message{
    padding: 80px 0;
    text-align: center;
    line-height: 200%;
}
.verify-message h6{
    padding: 20px 0;
    font-size: 20px;
}
.verify-message h6 .iconfont{
/*    float: left;
    padding-left: 40px;*/
    font-size: 28px;
    vertical-align: bottom;
}
.verify-message p{
    padding: 20px 0;
    font-size: 15px;
    color: #999;
}


/* 表单 */
.verify-text{height: 30px; line-height: 30px;}
.verify-submit{
    padding: 0 0 50px 0;
    text-align: center;
}
.verify-btn1,
.verify-btn2{
    width: 126px;
    height: 33px;
    border:solid 1px #ddd;
    border-radius: 3px;
    background:url(/uploads/image/auimages/gradients-bg1.png) repeat-x top;
    font:14px/100% "微软雅黑","黑体","宋体";
    color:#666;
    cursor:pointer;
    text-align:center;
}
.verify-btn1:hover,
.verify-btn2:hover{
    background: #fff;
    color: #333;
}

a.verify-btn1,
a.verify-btn2{
    display: inline-block;
    line-height: 33px;
}
.verify-agreement1,
.verify-agreement2{
    border: solid 1px #ccc;
    border-radius: 2px;
    padding: 5px;
    line-height: 25px;
    overflow: auto;
}

/*2016-11-9*/
.d-org{
    margin: 20px auto;
}

.org-box{
    padding-right: 275px;
}
.org-con{
    
}
.org-con li{
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.org-intro{
    overflow: hidden;
}
.org-intro .org-pic{
    width: 78px;
    height: 78px;
    border: 1px solid #ddd;
    margin-right: 10px;
    float: left;
}
.org-intro .org-detail{
    font-size: 14px;
}
.org-intro .org-detail h3 a{
    font-size: 18px;
    color: #333;
}
.org-intro .org-detail h3 i{
    color: #00a1e9;
}
.org-intro .org-detail h3 .org-atten{
    padding: 2px 6px;
    background-color: #efefef;
    border-radius: 4px;
    color: #999;
    cursor: pointer;
}
.org-intro .org-detail p a{
    color: #666;
    font-size: 12px;
    overflow: hidden;
    margin-top: 6px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.org-doc{
    font-size: 14px;
    margin: 15px 0;
    font-size: 0;
}
.org-doc a{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 48%;
    *width: 47%;
    padding-right: 2%;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-doc img{
    width: 14px;
    height: 14px;
    float: left;
    margin:5px 5px 0 0;
}
.org-side{
    width: 250px;
    float: right;
}
.org-side-con{
    margin-bottom: 20px;
}
.org-join{
    width: 250px;
    height: 300px;
    cursor: pointer;
}
.org-side-list{
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.org-side-list h3{
    height: 39px;
    line-height: 39px;
    background-color: #f3f3f3;
    font-size: 18px;
    padding-left: 10px;
}
.org-side-list .org-list-con{
    padding: 10px 0;
}
.org-side-list .org-list-con a{
    display: block;
    padding-left: 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
}
.org-side-list .org-list-con a img{
    width: 14px;
    height: 14px;
    float: left;
    margin: 7px 5px 0 0;
}
.paging01.paging01-right{
    text-align: right;
}
.paging01.paging01-right ul{
    display: inline-block;
}

/*vertify-wx*/
.vertify-wx{
    width: 460px;
    margin: 40px auto 50px;
    position: relative;
}
.vertify-wx img{
    width: 110px;
    height: 110px;
    float: left;
    margin-right: 30px;
}
.vertify-wx-tips{
    font-size: 18px;
    color: #f60;
    text-align: left;
    float: left;
}
.vertify-wx-tips p{
    margin: 10px 0 20px 0;
}
.unbound-wx{
    position: absolute;
    bottom: 20px;
    left: 470px;
    width: 100%;
    color: #f60;
    font-size: 14px;
}

/*2020-07-08企业认证*/
.enterprise-banner{
    position: relative;
    z-index: 1;
    height: 300px;
    background: url(/uploads/image/auiverify/banner-enterprise.png) no-repeat center;
}
.certify-nav{
    width: 100%;
    height: 78px;
    line-height: 78px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 261px;
}
.certify-step{color: #999;}
.certify-step.active,
.certify-step.active i{color: #00a1e9;}
.certify-step.active .certify-lines{border-color: #00a1e9;}
.certify-steps{
    
}
.certify-step i{
    vertical-align: middle;
    font-size: 20px;
    margin-right: 10px;
    color: #ccc;
}
.certify-lines{
    display: inline-block;
    width: 50px;
    height: 0;
    border: 1px solid #e7e7e7;
    vertical-align: middle;
    margin: 0 20px;
}

.enterprise-content{
    margin: 59px 0 20px 0;
}
.enterprise-step{
    background: #fff;
    padding: 0 40px 20px;
}
.enterprise-content h3{
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #e7e7e7;
}
.enterprise-content h3 .eline{
    float: left;
    width: 4px;
    height: 16px;
    border-radius: 4px;
    background: #00a1e9;
    margin: 4px 10px 0 0;
}
.enterprise-box{
    padding: 20px 0 0;
}
.eitem-row{
    padding: 10px 0;
    /*line-height: 30px;*/
    font-size: 14px;
}
.eitem-row .eitem-side{
    float: left;
    width: 250px;
    text-align: right;
    vertical-align: text-top;
    line-height: 36px;
}
.eitem-row .eitem-con{
    margin-left: 270px;
    line-height: 36px;
}
.eitem-con:after {
    clear: both;
    content: '';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.etips{
    font-size: 12px;
    color: #999;
    padding-top: 6px;
    line-height: 18px;
}
.inputcss,
.inputcssphone,
.inputcssdate,
.inputcsscode{
    width: 368px;
    height: 36px;
    padding: 0 15px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    outline: none;
    font-family: arial, "microsoft yahei", helvetica, sans-serif;
    float: left;
}
.inputcssphone{width: 160px;}
.inputcssdate{width: 298px;}
.inputcsscode{width: 72px;margin: 0 15px;}
.textareacss{
    width: 368px;
    height: 88px;
    line-height: 22px;
    padding: 10px 15px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    outline: none;
    resize: none;
    font-family: arial, "microsoft yahei", helvetica, sans-serif;
}
.inputerror{border-color: #ff3322;}

.select-box{
    position: relative;
    z-index: 2;
}
.select-box h4{
    width: 368px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}
.select-box h4 i{
    float: right;
    font-size: 12px;
    padding: 0 5px;
    cursor: pointer;
}
.select-list{
    border: 1px solid #e7e7e7;
    width: 398px;
    max-height: 216px;
    overflow-y: auto;
    background: #fff;
    position: absolute;
    top: 40px;
    left: 0;
    display: none;
}
.select-list li{
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    cursor: pointer;
}
.select-list li:hover{
    background: #f6f6f6;
}
.ephone{
    font-size: 0;
}
.ephone-box{
    color: #999;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    float: left;
}
.ephone-box i{vertical-align: middle;margin-right: 10px;}
.ecode{
    position: absolute;
    top: -40px;
    right: -115px;
    width: 100px;
    height: 100px;
}
.ecode img{
    width: 100%;
}
.ecode .loading{
    width: 16px;
    height: 16px;
    margin: 42px auto;
    display: block;
}
.next-btn{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
    background: #00a1e9;
    color: #fff;
    border-radius: 4px;
}
.next-btn:hover{text-decoration: none;}
.certify-error{
    color: #ff3322;
    margin-left: 10px;
}

.enterprise-date{
    position: relative;
}
.enterprise-date i{
    position: absolute;
    left: 302px;
    top: 0;
    color: #999;
}
.enterprise-date .analog-check{
    margin-left: 16px;
}

.enterprise-tips{
    height: 42px;
    line-height: 42px;
    background: #f9f9f9;
    font-size: 14px;
    padding: 0 20px;
    margin: 10px 0;
}
.enterprise-tips .company-name{
    color: #f60;
    display: inline-block;
    max-width: 118px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.enterprise-attestation{
    overflow: hidden;
    margin: 30px 45px;
}
.attest-side{
    float: left;
    width: 218px;
    height: 236px;
    border: 1px solid #f60;
    text-align: center;
    font-size: 14px;
}
.attest-side .eaname{
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #f60;
    background: #fffaf7;
    margin-bottom: 48px;
    font-size: 12px;
}
.attest-side i{
    font-size: 38px;
    color: #d7d7d7;
}
.attest-side p{
    line-height: 22px;
}
.attest-mid{
    float: left;
    width: 140px;
    text-align: center;
    margin: 90px 0 0 33px;
}
.attest-mid p{
    font-size: 14px;
}
.attest-mid .line-arror{
    width: 142px;
    height: 14px;
    background:  no-repeat center center;
}
.attest-content{
    margin-left: 425px;
}

.min-tb{

}
.min-tb-box{
    border: 1px solid #00a1e9;
    border-radius: 4px;
}
.min-tb td{
    border: 1px solid #00a1e9;
    line-height: 1;
    padding: 13px 15px;
    white-space: nowrap;
}
.c1{
    width: 85px;
    background: #f6fcff;
    color: #999;
}
.c2{
    width: 190px;
}
.c3{
    width: 36px;
    color: #00a1e9;
    text-align: center;
    cursor: pointer;
}
.to-account{
    font-size: 12px;
    color: #999;
    margin-top: 14px;
}
.ewin-tips{
    font-size: 14px;
    color: #00a1e9;
    cursor: pointer;
}
.enterprise-result{
    overflow: hidden;
    margin: 60px 45px;
    text-align: center;
}
.enterprise-result h4{
    font-size: 18px;
    line-height: 1;
    margin-top: 20px;
}
.enterprise-result .to-account{
    margin-bottom: 30px;
}
/*上传*/
.ep-upload{
    width: 122px;
    height: 82px;
    overflow: hidden;
    position: relative;
    float: left;
}
.webuploader-container{
    float: left;
    width: 122px;
    height: 82px;
    z-index: 1;
}
.webuploader-pick{
    width: 120px;
    height: 80px;
    background: #fafafa;
    color: #999;
    line-height: 24px;
    font-size: 12px;
    border: 1px dashed #e4e4e4;
    padding: 0;
    float: left;
}
.webuploader-pick .loading{
    width: 16px;
    height: 16px;
    margin: 32px auto;
}
.ep-upload.active .webuploader-container{
    height: 30px;
    width: 120px;
    line-height: 30px;
    color: #eee;
    margin-top: 51px;
    margin-left: 1px;
}
.ep-upload.active:hover .webuploader-container{
    opacity: 1;
}
.ep-upload.active .webuploader-pick{
    width: 120px;
    height: 30px;
    border: none;
    line-height: 30px;
    border-radius: 0;
    position: absolute;
    background: url(/uploads/image/auimages/bgb50.png) repeat center center;
    color: #eee;
}
.ep-upload.active .webuploader-pick i{
    display: none;
}

.webuploader-pick i{
    font-weight: bold;
    display: block;
    font-size: 24px;
    margin: 16px 0 4px 0;
}
.img-con{
    width: 120px;
    height: 80px;
    position: absolute;
    top: 1px;
    left: 1px;
}
.fl{float: left;}
.ep-preview{
    width: 120px;
    height: 80px;
    border: 1px dashed #e4e4e4;
    float: left;
    position: relative;
    margin: 0 30px 0 15px;
    cursor: pointer;
}
.ep-preview-cover{
    position: absolute;
    width: 120px;
    height: 60px;
    padding: 10px 0;
    top: 1px;
    left: 1px;
    background: url(/uploads/image/auimages/bgb50.png) repeat center center;
    color: #fff;
    text-align: center;
}
.ep-preview-cover i{
    font-size: 20px;
}
.ep-preview-cover p{
    line-height: 1;
}
.sfz-back-err,
.sfz-front-err{
    display: inline-block;
    margin-left: 0;
    width: 285px;
}
.dd .divider{border-left: 1px solid #e7e7e7}
.dd {border: 1px solid #e7e7e7;}

.stu-side{
    line-height: 1;
    padding-top: 90px;
    padding-left: 30px;
}
.stu-side h3{
    font-size: 28px;
    font-weight: 700;
    margin: 50px 0 20px 0;
}
.stu-side p{
    line-height: 24px;
    font-size: 14px;
    color: #666
}
a.stu-btn{
    display: block;
    width: 152px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: #0098ff;
    border-radius: 4px;
    margin-top: 26px;
    font-size: 16px;
    text-decoration: none;
}
a.stu-btn:hover{background: #0091f4}
.stu-intro{
    background: #fff;
    padding: 60px 0;
    text-align: center;
    line-height: 1
}
.stu-intro h3{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #00aeff;
}
.stu-intro .stu-text{
    font-size: 14px;
    color: #666
}
.ul-intro{
    margin-top: 60px;
    overflow: hidden;
    margin-right: -2%;
}
.ul-intro li{
    float: left;
    width: 23%;
    background: #f9fafe;
    padding: 50px 2%;
    margin-right: 2%;
    border-radius: 8px;
    box-sizing: border-box;
}
.ul-intro img{
    height: 60px;
}
.ul-intro i{
    font-size: 32px;
    color: #fff;
    background: #00aeff;
    border-radius: 50%;
    padding: 16px;
    line-height: 2;
}
.ul-intro h6{
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0 16px 0;
}
.ul-intro p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.stu-footer{
    min-width: 1200px;
    height: 300px;
    width: 100%;
    background:  no-repeat;
    background-position: center 0;
    background-size: cover;
    position: relative;
    text-align: center;
}
.stu-footer h3{
    font-size: 28px;
    line-height: 1;
    color: #000;
    padding-top: 82px;
    font-weight: 700;
}
.stu-footer p{
    font-size: 14px;
    color: #666;
    margin: 20px auto 30px;
}
.stu-footer a{
    margin: 0 auto;
}


.stu-nav{
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
}
.stu-nav li{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 16px;
}
.stu-nav li i{
    font-size: 24px;
    vertical-align: bottom;
    margin-right: 4px;
    color: #00aeff;
}

.stu-banner {
    position: relative;
    z-index: 1;
    height: 300px;
    background:  no-repeat center;
    margin-top: 50px;
}
.stu-banner h3{
    font-size: 42px;
    color: #fff;
    text-align: center;
    padding: 70px 0 16px 0;
}
.stu-banner p{
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.stu-corpus{
    padding: 60px 0 40px;
    background: #f9fafe;
    line-height: 1;
}
.stu-corpus h3 {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    color: #00aeff;
}
.stu-corpus .stu-text {
    font-size: 14px;
    color: #666;
    text-align: center;
}


.stu-tab{
    font-size: 0;
    margin-top: 60px;
    margin-right: -2%;
}
.stu-tab li{
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(223,227,247,.3);
    *float: left;
}
.stu-tab li:hover{box-shadow: 0 0 10px 0 rgba(223,227,247,.8);}
.stu-tab li a{
    position: relative;
    text-decoration: none;
    font-size: 14px;
    color: #ff6a00;
}
.masked{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    width: 235px;
    height: 128px;
    opacity: 0;
    filter:alpha(opacity=0);
    transition: linear .5s;
    *transition: linear .5s;
}
.masked-cover{
    width: 223px;
    height: 204px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    float: right;
}
.stu-tab li:hover .masked{
    opacity: 1;
    filter:alpha(opacity=1);
}

.masked>span{
    display: block;
    width: 86px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fff;
    color: #fff;
    margin: 54px auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.stu-tab li a img{
    width: 235px;
    height: 128px;
}
.tab-content-1 img {
    width: 100%;
}
.ab-content-title{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 30px 30px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ab-content-cont {
    color: #666;
    height: 72px;
    margin: 0 243px 0 30px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.business-foot {
    width: 100%;
    height: 150px;
    line-height: 150px;
    margin-top: 30px;
    background: #24adf3;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}
.ab-content-foot{
    color: #0098ff;
    padding: 0 30px;
    line-height: 40px;
}
.ab-content-foot i{
    display: inline-block;
    transform: rotate(-90deg);
    font-size: 14px;
    margin-left: 6px;
}

.i-list{
    width: 210px;
    border: solid 1px #ccc;
    margin-top: -1px;
    border-radius: 2px;
    padding: 4px 0;
    position: absolute;
    z-index: 2;
    background: #fff;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}
.i-list li{
    width: 200px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.input-cover{
    position: relative;
    max-width: 820px;
    display: inline-block;
    cursor: pointer;
    background: transparent;
    /*width: 212px;*/
    height: 32px;
}
.input-cover .arror{
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 12px;
    cursor: pointer;
}

.eps-bg{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10000;
    background: rgb(0, 0, 0);
    opacity: 0.2;
    transition: all .3s ease-in;
}
.eps-preview{
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -200px;
}
.eps-preview img{
    width: 600px;
    display: block;
    margin: 0 auto;
}
.eps-preview .iconfont{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
}
.eps-bg{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10000;
    background: rgb(0, 0, 0);
    opacity: 0.2;
    transition: all .3s ease-in;
}
.eps-preview{
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -200px;
}
.eps-preview img{
    width: 600px;
    display: block;
    margin: 0 auto;
}
.eps-preview .iconfont{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
}

/*认证表单微信扫码*/
.qrcode-show {
    display: none;
    position: absolute;
    z-index: 3;
    border: solid 1px #ccc;
    background: #fff;
}
.qrcodelogo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    display: block;
}
.qrcodelogo img {
    width: 39px;
}
.qrcode-show .arrow {
    position: inherit;
    top: 63px;
    left: -13px;
    width: 13px;
    height: 13px;
    background:  no-repeat;
}

/* 模拟单选复选框 */
.analog-check{display: inline;}
.analog-check b,
.analog-radio b{
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(/uploads/image/auimages/analog-check.png) no-repeat;
    vertical-align: middle;
}
.analog-radio b{vertical-align: middle;}
.analog-check b input,
.analog-radio b input{
    position: absolute;
    z-index: 2;
    margin: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.analog-check b{background-position: 0 0; margin-bottom:4px;margin-right:3px;}
.analog-check b:hover{background-position: 0 -16px;}
.analog-check b.check{background-position: 0 -32px;}
.analog-check b.disable{background-position: 0 -48px;}
.analog-check b.check-disable{background-position: 0 -64px;}
.analog-radio b{background-position: -16px 0;}
.analog-radio b:hover{background-position: -16px -16px;}
.analog-radio b.check{background-position: -16px -32px;}
.analog-radio b.disable{background-position: -16px -48px;}
.analog-radio b.check-disable{background-position: -16px -64px;}

/* 文本框样式 text css*/
.textcsss,.textdate,
.textcss1,.textcss2,.textcss3,
.textarea1,.textarea2,.textarea3{
    width:200px;
    height:30px;
    padding:0 5px;
    border:solid 1px #ccc;
    border-radius:2px;
    font-size:14px;
    line-height:30px;
    color:#333;
    outline: none;
}
.textcsss{width:50px; text-align:center;}
.textcss1{width:200px;}
.textcss2{width:250px;}
.textcss3{width:300px;}
.textdate{width:100px;}
.textarea1,.textarea2,.textarea3{margin:0; padding:5px;}
.textarea1{width:98%; height:90px; line-height:30px;}
.textarea2{width:500px; height:60px;}
.textarea3{width:700px; height:90px;}
.textcsss:focus,.textcss1:focus,.textcss2:focus,.textcss3:focus,.textcss5:focus,.textdate:focus,.textcss6:focus,
.textarea1:focus,.textarea2:focus,.textarea3:focus{
    border-color:#00647b;
}
.textsign:focus{background:white;}
.texterror{
    border-color:red;
    box-shadow:0 0 3px red;
}

.btnbig1, .btnbig2 {
    width: 150px;
    height: 45px;
    color: white;
    font-size: 16px;
}
.btnbig2, .btnbig3 {
    background-position: 0 -230px;
    color: #ccc;
    text-shadow: none;
    cursor: default;
}
.btnbig3 {
    margin-left: 10px;
    color: #666;
    cursor: pointer;
}
.btnbig3:hover {
    background-position: -150px -230px;
    color: #333;
}
.btnbig1:hover {
    background-position: -150px -185px;
}
.btnbig1 {
    background-position: 0 -185px;
}
.formtip1 {
    padding: 0 10px;
    color: #999;
}

#upload_sfz, #upload_zj, #upload_yyzz, #upload_xy {
    display: block;
}

#success_sfz, #success_zj, #success_yyzz, #success_xy {
    display: none;
}
/* 翻页样式 */
.paging01{
    padding:10px 0;
    overflow:hidden;
    height: 50px;
    line-height: 50px;
}
.paging01 li{
    float:left;
    margin:5px;
    height:28px;
    border:solid 1px #ddd;
    background:#eee;
    cursor:pointer;
    text-align:center;
    color:#666;
    font-size:14px;
    line-height:28px;
}
.paging01 li.nextpage{width:68px;}
.paging01 li.number{width:38px;text-align: center}
.paging01 li.current,
.paging01 li.current:hover,
.paging01 li.nextpage:active{
    border:solid 1px #00a1e9  !important;
    background:#00a1e9 !important; 
    cursor:auto;
    color:white;
    font-weight:bold;
}
.paging01 li.disable:active{
    border:solid 1px #ddd  !important;
    background:#eee !important; 
    cursor:auto;
    color:#ccc;
    font-weight:bold;
}
.paging01 li:hover{border-color:#999; color:#333;}
.paging01 li.disable{color: #ccc; cursor: default;}
.paging01 li.disable:hover{border-color: #ddd;}
.paging01 li.forward{background: #fff;border: none;}
.paging01 li.forward select{border: 1px solid #ddd;outline: none;height: 28px;margin: 0 5px;}
/* end */