body {
    font-size: 14px;
    /*position: relative;*/
    /*overflow: hidden;*/
    min-width: 1024px;
    /*overflow-x: auto;*/
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    background: #03AACD;
    z-index: 100;
}

#header.no-header {
    display: none;
}

#header.no-header + #bodyer {
    top: 0;
}

#header .header-con {
    width: 80%;
    height: 40px;
    margin: 0 auto;
    color: white;
}

#header .header-con .title {
    display: inline-block;
    float: left;
    height: 100%;
    line-height: 40px;
    cursor: pointer;
}

#header .header-con .header-right .closeVideo,
#header .header-con .header-right .changePasswordBtn {
    color: white;
    margin-right: 10px;
}

#header .header-con .header-right {
    display: inline-block;
    float: right;
    height: 100%;
    line-height: 40px;
}

#bodyer {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: auto;
    background-color: #E7EEF0;
}

.no-header {
    top: 0 !important;
    bottom: 0 !important;
}

#bodyer.overHide {
    overflow: hidden;
}

#bodyer-left {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    background: #3A3F43;
}

#bodyer-right {
    position: absolute;
    top: 0;
    left: 200px;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#bodyer-right iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

#footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    background: #3A3F43;
    z-index: 100;
}

#footer .footer-con {
    width: 100%;
    text-align: center;
}

#footer .footer-con .txt {
    font-size: 14px;
    color: #FFFFFF;
}

.g-pc-home {
    /*margin: 40px;*/
    padding: 10px;
    /*background-color: white;*/
}

.g-pc-home > .table-box {
    background-color: white;
    padding: 20px;
}

/*提示信息*/

.g-prompt {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    user-select: none;
}

.g-prompt-box {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    text-align: center;
}

.g-prompt-box-txt {
    display: inline-block;
    padding: 16px 30px;
    font-size: 18px;
    color: white;
    position: relative;
}

.g-prompt-box-txt:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    z-index: -1;
    border-radius: 4px;
}

.g-top {
    width: 100%;
    height: 300px;
    background: url('../images/Bitmap.png') top left no-repeat;
    background-size: 100% 100%;
}

.g-top-noBG {
    background: none;
}

.g-top-bg-white {
    background: white;
}

.g-top-logo {
    width: 70%;
    min-width: 800px;
    padding-top: 50px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 300px;
}

.g-top-logo img {
    float: left;
    width: 110px;
    height: 75px;
}

.g-top-logo .title {
    float: left;
    display: block;
    height: 75px;
    line-height: 75px;
    padding-left: 20px;
    font-size: 30px;
    color: white;
}

/*证书下拉*/
.drop-down {
    background-size: 20px 10px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

/*table*/

.table {
    text-align: center;
    font-size: 14px;
}

.table > dl > dd {
    background: #03AACD;
    color: white;
    font-size: 16px;
}

.table ul > li.c {
    padding: 10px 0;
    border-bottom: 1px solid #F3F3F3;
}

.table li .check-one {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    background-image: url('../images/choose.png');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    user-select: none;
}

.table li li input:checked + label.check-one {
    background-image: url('../images/choosed.png');
    background-color: #03AACD;
    border-color: #03AACD;
}

.table li .check-all {
    color: #c0c0c0;
    user-select: none;
}

.table li .table dd input:checked + label.check-all {
    color: white;
}

.table-cert-box {
    width: 126px;
    height: 32px;
    line-height: 32px;
    position: relative;
    border: 1px solid #777777;
    margin: 0 auto;
}

.table-cert-lab {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/down-icon.png');
    background-size: 20px 10px;
    background-position: 100px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.table-cert-box:hover .table-cert-lab {
    background-image: url('../images/up-icon.png');
}

.table-cert-options {
    min-width: 600px;
    max-height: 6em;
    overflow: auto;
    position: absolute;
    top: 30px;
    right: -1px;
    text-align: left;
    background-color: white;
    border: 1px solid #777777;
    padding-left: 2em;
    display: none;
    z-index: 10;
}

.table-cert-box:hover .table-cert-options {
    display: table;
}

.table-cert-options li {
    height: 2em;
    line-height: 2em;
    border-bottom: 1px solid #F3F3F3;
}

.table-cert-options .val {
    color: #111111;
    margin-right: 10px;
}

.table-cert-options .tip {
    color: #E93B3B;
    margin-right: 10px;
}

.table-cert-options .lab {
    color: #777777;
    margin-right: 10px;
}

.table {
    text-align: center;
    font-size: 14px;
}

.table > dl > dd {
    background: #03AACD;
    color: white;
    font-size: 16px;
}

.table ul > li.c {
    padding: 10px 0;
    border-bottom: 1px solid #F3F3F3;
}

.table li .check-one {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    background-image: url('../images/choose.png');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    user-select: none;
}

.table li input:checked + label.check-one {
    background-image: url('../images/choosed.png');
    background-color: #03AACD;
    border-color: #03AACD;
}

.table dd .check-all {
    color: #c0c0c0;
    user-select: none;
}

.table dd input:checked + label.check-all {
    color: white;
}

.table-cert-box {
    width: 126px;
    height: 32px;
    line-height: 32px;
    position: relative;
    border: 1px solid #777777;
    margin: 0 auto;
}

.table-cert-lab {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/down-icon.png');
    background-size: 20px 10px;
    background-position: 100px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.table-cert-box:hover .table-cert-lab {
    background-image: url('../images/up-icon.png');
}

.table-cert-options {
    min-width: 600px;
    max-height: 6em;
    overflow: auto;
    position: absolute;
    top: 30px;
    right: -1px;
    text-align: left;
    background-color: white;
    border: 1px solid #777777;
    padding-left: 2em;
    display: none;
    z-index: 10;
}

.table-cert-options li {
    height: 2em;
    line-height: 2em;
    border-bottom: 1px solid #F3F3F3;
}

.table-cert-options .val {
    color: #111111;
    margin-right: 10px;
}

.table-cert-options .tip {
    color: #E93B3B;
    margin-right: 10px;
}

.table-cert-options .lab {
    color: #777777;
    margin-right: 10px;
}

.hide-check {
    display: inline-block;
    width: 0;
    height: 0;
}

.c-check {
    user-select: none;
}

.c-btn {
    cursor: pointer;
    user-select: none;
    font-size: 14px;
}

.c-del {
    color: #E93B3B;
    cursor: pointer;
}

.c-del:hover {
    text-decoration: underline;
}

.c-pass {
    color: #03A1C2;
}

.c-refuse {
    color: #E93B3B;
}

.c-see {
    color: #03AACD;
}

/*xitingye*/
.g-change-content {
    text-align: left;
    font-size: 18px;
}

.g-change-content .title {
    margin-bottom: 20px;
}

.g-change-form {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

.g-change-form li {
    overflow: hidden;
    margin-bottom: 10px;
}

.g-change-form span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    float: left;
    width: 100px;
}

.g-change-form input {
    display: inline-block;
    height: 40px;
    float: left;
    width: 400px;
    border: 1px solid #C0C0C0;
    padding-left: 10px;
}

.g-change-form .btn-box {
    padding-top: 50px;
    text-align: center;
}

.g-change-form .btn-box .btn {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #03A1C2;
    color: white;
}

.g-change-form li .choose-img-box {
    width: 100px;
    height: 120px;
    float: left;
    position: relative;
}

.g-change-form li .choose-img-box .form-file-btn {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
}

.g-change-form li .choose-img-box .choose-img {
    width: 100%;
    height: 100%;
}

/*弹框外层*/
.g-model-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
}

.g-model-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.5;
    -ms-filter: Alpha(Opacity=50);
    filter: Alpha(Opacity=50);
    z-index: -1;
}

.g-model {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
    background-color: white;
}

.g-model-close-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/model-close-icon.png') center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.g-model-con {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 80px;
    overflow-x: hidden;
    overflow-y: auto;
}

.g-model-btn-box {
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    padding-top: 10px;
}

.g-model-btn-box .btn {
    width: 160px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    background-color: gray;
    color: white;
}

.g-model-btn-box .btn:nth-child(2) {
    margin-left: 20px;
}

/*通知*/

.g-notice-box {
    margin: 20px auto;
    /*background-color: white;*/
    /*padding: 20px 40px;*/
}

.g-notice-item-a {
    display: block;
    border-bottom: #e2e2e2 solid 1px;
}

.g-notice-list li {
    padding-top: 20px;
}

.g-notice-icon {
    background-image: url('../images/notice.png');
}

.g-notice-title-box {
    line-height: 24px;
    overflow: hidden;
}

.g-notice-title {
    float: left;
    font-size: 14px;
    color: #E93B3B;
}

.g-notice-time {
    float: right;
    font-size: 14px;
    color: #777777;
}

.g-notice-detail {
    font-size: 14px;
    color: #E93B3B;
    letter-spacing: 0;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.g-notice-more {
    font-size: 14px;
    color: #777777;
    text-align: right;
    padding-right: 12px;
    background: url('../images/more.png') right center no-repeat;
    background-size: 8px 12px;
    cursor: pointer;
    margin-top: 20px;
}

/*返回*/

.g-title {
    overflow: hidden;
}

.g-title-txt {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #777777;
    float: left;
    cursor: pointer;
}

.g-title-txt:hover {
    color: #03AACD;
}

.g-title-txt-now a,
.g-title-txt-now {
    color: #03AACD;
    cursor: auto;
    user-select: none;
}
.g-title-txt-now a:hover{
    cursor: pointer;
    text-decoration: underline;
}

.g-title-icon {
    width: 20px;
    height: 40px;
    float: left;
    display: inline-block;
    font-size: 18px;
    color: #777777;
    background: url('../images/tab.png') center no-repeat;
    background-size: 16px 17px;
    margin: 0 8px 0 2px;
}

.g-tab-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../images/tab.png') center no-repeat;
    background-size: 16px 17px;
}

/*首页用户*/
.g-user-box {
    position: relative;
    min-height: 180px;
    background-color: white;
    padding: 20px 40px;
}

.g-user-logo {
    width: 120px;
    height: 140px;
    position: absolute;
    top: 20px;
    left: 40px;
    text-align: center;
}

.g-user-logo img {
    display: inline-block;
    width: 120px;
    height: 140px;
}

.g-user-info {
    width: 100%;
    padding-left: 200px;
    display: table;
}

.g-user-info .lab {
    font-size: 14px;
    color: #777777;
}

.g-user-info .val {
    font-size: 14px;
    color: #111111;
}

.g-user-info ul {
    display: table-row;
    width: 100%;
}

.g-user-info ul li.c {
    display: table-cell;
    padding: 10px 0;
    font-size: 14px;
}

.g-user-info ul li.c:nth-child(2n-1) {
    width: 6em;
}

.g-user-info ul li.c:nth-child(2n) {
    text-align: left;
    padding-right: 10px;
}

/*退出登录*/
.g-model-wrap.ExitLoginModel .g-model {
    width: 500px;
    height: 240px;
}

.g-model-wrap.ExitLoginModel .txt {
    font-size: 24px;
    text-align: center;
}

.g-model-wrap.ExitLoginModel .ExitLoginModel-cancel {
    background-color: #03A1C2;
}

.g-model-wrap.ExitLoginModel .ExitLoginModel-sure {
    background-color: red;
}

/*首页*/
.bodyer-bgWhite {
    background-color: white !important;
}

.index .content {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.index .content .content-box {
    width: 48%;
    float: left;
    border: 1px solid #e2e2e2;
    margin: 40px 0;
}

.index .content .content-box2 {
    float: right;
}

.index .content .content-box .box-item {
    padding-top: 20px;
    margin: 0 30px;
    border-bottom: 1px solid #f3f3f3;
}

.index .content .content-box .title {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
    letter-spacing: 0.2em;
    padding-bottom: 10px;
    color: white;
    background-color: #03A1C2;
}

.index .content .content-box .txt {
    color: #111;
    max-height: 3em;
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index .content .content-box .title:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 24px;
    left: 12px;
    background-color: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg);

}

.index .content .item-list li:last-child {
    border-bottom: none;
    margin-bottom: 40px;
}

.index .content .content-box .time {
    color: #b9b9b9;
    font-size: 14px;
    text-align: right;
    margin: 10px 0;
}

.index .g-top {
    height: 380px;
    position: relative;
}

.index .tab-box-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.index .tab-box {
    width: 80%;
    min-width: 500px;
    margin: 0 auto;
    overflow: hidden;
}

.index .tab-box li {
    width: 120px;
    height: 100px;
    line-height: 145px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-right: 10px;
    position: relative;
    z-index: 10;
}

.index .tab-box li:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    filter: Alpha(opacity=20);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.index .tab-box li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    background-position: center 20px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
}

.index .tab-box li:hover {
    background-color: #03A1C2;
}

.index .tab-box .tab-1 {
    background-image: url(../images/home-icon1_02.png);
}

.index .tab-box .tab-2 {
    background-image: url(../images/home-icon2_02.png);
}

.index .tab-box .tab-3 {
    background-image: url(../images/home-icon3_02.png);
}

.index .tab-box .tab-4 {
    background-image: url(../images/home-icon4.png);
}

.index .tab-box .tab-5 {
    background-image: url(../images/indexSignUp.png);
}

/*首页2*/
/*.index .content {
    !*width: 1200px;*!
    min-width: 900px;
    width: 80%;
    margin: -50px auto 60px;
    background-color: white;
    border-radius: 2px;
    box-shadow: 2px 4px 8px 0px rgba(141, 141, 141, 0.5);
    position: relative;
    padding-bottom: 40px;
}

.index .content .content-box {
    margin-right: 100px;
    padding-top: 20px;
}

.index .content .content-box {
    margin-right: 200px;
    padding-left: 50px;
}

.index .content .content-box .box-item {
    padding-top: 20px;
    border-bottom: 1px solid #f3f3f3;
}

.index .content .content-box .title {
    color: #03aacd;
    font-size: 24px;
    padding-top: 40px;
    margin-bottom: 20px;
}

.index .content .content-box .txt {
    color: #111;
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    position: relative;
}

.index .content .content-box .txt:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 8px;
    left: -20px;
    background-color: #03aacd;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); !* IE 9 *!
    -moz-transform: rotate(45deg); !* Firefox *!
    -webkit-transform: rotate(45deg); !* Safari 和 Chrome *!
    -o-transform: rotate(45deg);

}

.index .content .content-box .time {
    color: #b9b9b9;
    font-size: 14px;
    text-align: right;
    margin: 10px 0;
}

.index .content .tab-box {
    width: 200px;
    position: absolute;
    right: 0;
    top: 106px;
}

.index .content .tab-box li {
    width: 120px;
    height: 120px;
    background-color: #f3f3f3;
    margin: 0 auto 30px;
    text-align: center;
    color: #c0c0c0;
    font-size: 18px;
}

.index .content .tab-box li.tab-item-sign {
    width: 120px;
    height: 60px;
    background-color: transparent;
    line-height: 60px;
}

.index .content .tab-box li.tab-item-sign a {
    display: inline-block;
    width: 100px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid gray;
}

.index .content .tab-box li.tab-item-sign:hover {
    background-color: transparent;
}

.index .content .tab-box li.tab-item-sign:hover a {
    color: #03aacd;
    border-color: #03aacd;
}

.index .content .tab-box li {
    width: 120px;
    height: 120px;
    line-height: 165px;
    background-color: gray;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 18px;
}

.index .content .tab-box li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #c0c0c0;
    background-position: center 25px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
}

.index .content .tab-box li:hover {
    background-color: #03aacd;
}

.index .content .tab-box li:hover a {
    color: white;
}

.index .content .tab-box .tab-1 {
    background-image: url(../images/home-icon1_02.png);
}

.index .content .tab-box .tab-2 {
    background-image: url(../images/home-icon2_02.png);
}

.index .content .tab-box .tab-3 {
    background-image: url(../images/home-icon3_02.png);
}

.index .content .tab-box .tab-4 {
    background-image: url(../images/home-icon4.png);
}*/

/*登录页*/
.login-bodyer {
    background: url('../images/loginBG.png') center no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.login {
    width: 100%;
    height: 100%;
}

.login .login-form-box {
    width: 320px;
    margin: 100px auto 50px;
    padding: 0 40px 40px;
    background-color: white;
    box-shadow: 0 0 6px #2291a7;
}

.login .login-form-box .login-title {
    text-align: center;
    padding: 30px 0 10px;
}

.login .login-form-box .login-ipt-box {
    margin: 20px auto 0;
    border-bottom: 1px solid #d9d9d9;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    position: relative;
    box-sizing: content-box;
}

.login .login-form-box .login-ipt-box input {
    width: 170px;
    height: 100%;
    background-color: transparent;
}

.login .login-form-box .login-ipt-box .see-password-btn {
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-position: center center;
    background-size: 21px 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.login .login-form-box .login-ipt-box .see-password-btn.close {
    background-image: url('../images/eyeclose.png');
}

.login .login-form-box .login-ipt-box .see-password-btn.open {
    background-image: url('../images/eyeopen.png');
}

.login .login-form-box .login-forget-password {
    text-align: right;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}

.login .login-form-box .login-btn-box {
    margin: 20px auto 0;
}

.login .login-form-box .login-forget-password a {
    color: #03aacd;
}

.login .login-form-box .login-btn {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: white;
    background-color: #03aacd;
}

/*学员首页*/
.studentHome {
    padding-top: 20px;
}

.studentHome .box-item {
    width: 1200px;
    padding: 20px 30px;
    background-color: white;
    margin: 0 auto;
}

.studentHome .icon-item {
    font-size: 18px;
    color: #03AACD;
    padding-left: 30px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

.studentHome .user-box {
    margin: 0 auto;
    padding: 30px;
}

.studentHome .user-logo {
    float: left;
    width: 120px;
    height: 140px;
    overflow: hidden;
}

.studentHome .user-logo img {
    float: left;
    width: 120px;
    height: 140px;
}

.studentHome .user-info {
    float: right;
    width: 1000px;
    height: 140px;
}

.studentHome .user-info-item {
    display: inline-block;
    line-height: 2;
}

.studentHome .user-info-item .lab {
    font-size: 18px;
    color: #777777;
}

.studentHome .user-info-item .val {
    font-size: 18px;
    color: #111111;
    margin-right: 1em;
}

.studentHome .certify-box {
    display: inline-block;
    padding-right: 50px;
    position: relative;
    margin-top: 10px;
}

.studentHome .certify-box .certifyToggle {
    width: 50px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #777777;
    border-left: none;
}

.studentHome .certify-box .drop-down {
    background-image: url('../images/down-icon.png');
}

.studentHome .certify-box:hover .drop-down {
    background-image: url('../images/up-icon.png');
}

.studentHome .certify-box:hover .certify-options {
    display: block;
}

.studentHome .certify-show {
    border: 1px solid #777777;
    height: 40px;
    line-height: 40px;
    padding: 0 1em;
}

.studentHome .certify-item {
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
}

.studentHome .certify-options {
    display: none;
    background-color: white;
    border-left: 1px solid #777777;
    border-right: 1px solid #777777;
}

.studentHome .certify-item {
    padding: 0 1em;
    border-bottom: 1px solid #777777;
}

.studentHome .certify-box .val {
    font-size: 18px;
    color: #111111;
    margin-right: 10px;
}

.studentHome .certify-box .tip {
    font-size: 14px;
    color: #E93B3B;
    margin-right: 10px;
}

.studentHome .certify-box .lab {
    font-size: 18px;
    color: #777777;
    margin-right: 10px;
}

.studentHome .history-table {
    text-align: center;
    margin: 20px 0;
}

.studentHome .history-table > dl > dd {
    background: #03AACD;
    color: white;
    width: 25%;
}

.studentHome .history-table ul li {
    border-bottom: 1px solid #F3F3F3;
}

.studentHome .information-box {
    margin-top: 20px;
}

.studentHome .information-icon {
    background-image: url('../images/information-icon.png');
}

.studentHome .video-icon {
    background-image: url('../images/video-icon.png');
}

.studentHome .information-ipt-box {
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
}

.studentHome .information-ipt {
    display: inline-block;
    width: 800px;
    height: 40px;
    float: left;
    border: 1px solid #979797;
    line-height: 40px;
    font-size: 14px;
    padding-left: 2em;
    color: #333;
}

.studentHome .information-ipt::placeholder {
    color: #777777;
}

.studentHome .information-btn {
    display: inline-block;
    width: 160px;
    height: 40px;
    float: right;
    line-height: 40px;
    background: #03AACD;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

.studentHome .g-video-box {
    margin: 20px auto 40px;
}

.studentHome .simulation-box {
    margin: 20px auto 40px;
}

.studentHome .simulation-icon {
    background-image: url('../images/simulation.png');
}

.studentHome .simulation-btn {
    width: 320px;
    height: 40px;
    background: #03AACD;
    line-height: 40px;
    text-align: center;
    color: white;
    font-size: 18px;
    margin: 20px auto;
}

/*end*/
/*消息列表页*/
.notice {
}

.notice .icon-item {
    background-repeat: no-repeat;
    padding-left: 40px;
}

/*消息详情页*/
.noticeDetail {
    width: 1200px;
    margin: 20px auto 40px;
    background-color: white;
    padding: 20px 40px 40px;
}

.noticeDetail .title {
    text-align: center;
}

.noticeDetail .tips {
    margin: 20px auto;
    color: #777777;
    line-height: 20px;
    text-align: center;
}

/*查询页*/

.searchInfo {
    padding-top: 40px;
}

.searchInfo .title {
    font-size: 24px;
    color: #121212;
    width: 636px;
    margin: 0 auto;
}

.searchInfo .info-box {
    width: 636px;
    margin: 20px auto 40px;
    padding: 50px 0;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.19);
}

.searchInfo .info-logo {
    display: inline-block;
    width: 120px;
    height: 140px;
    margin-bottom: 20px;
}

.searchInfo .info-item {
    margin-top: 20px;
}

.searchInfo .info-item .lab {
    font-size: 18px;
    color: #777777;
}

.searchInfo .info-item .val {
    font-size: 18px;
    color: #111111;
}

/*考试页*/
.battle {
    width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
}

.battle .info-box {
    background: #FFFFFF;
    border: 1px solid #03AACD;
    padding: 30px;
}

.battle .info-user span {
    font-size: 18px;
    color: #777777;
    margin-right: 1em;
}

.battle .info-user var {
    font-size: 18px;
    color: #111111;
    margin-right: 4em;
}

.battle .info-bar {
    margin-top: 20px;
    height: 24px;
    line-height: 24px;
    padding-left: 50px;
    background: url('../images/bar-icon.png') left center no-repeat;
    background-size: 40px 6px;
    font-size: 18px;
    color: #03AACD;
}

.battle .info-progress {
    background: #FFFFFF;
    height: 40px;
    margin-top: 20px;
    border: 2px solid #03AACD;
    position: relative;
}

.battle .info-progress-now {
    height: 100%;
    color: white;
    background-image: url('../images/progress-right_02.png');
    background-size: 22px 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #03AACD;
    overflow: hidden;
}

.battle .info-progress-now.rate100 {
    background-image: url('../images/progress_right_100.png');
}

.battle .info-progress-now-txt {
    width: 300px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    float: right;
}

.battle .now-icon {
    width: 40px;
    height: 100%;
    background: url('../images/progress-now_02.png') left top no-repeat;
    background-size: 100% 100%;
    z-index: 20;
}

.battle .now-25 {
    position: absolute;
    top: 0;
    right: 75%;
}

.battle .now-50 {
    position: absolute;
    top: 0;
    right: 50%;
}

.battle .now-75 {
    position: absolute;
    top: 0;
    right: 25%;
}

.battle .now-100 {
    position: absolute;
    top: 0;
    right: 0%;
}

.battle .topic-box {
    margin: 20px auto 0;
    background-color: white;
    padding: 30px;
}

.battle .topic-item-title {
    font-size: 18px;
    color: #0D0D0D;
    line-height: 31px;
}

.battle .topic-item-options {
    padding-top: 10px;
    margin-bottom: 20px;
}

.battle .topic-item-options li {
    margin-bottom: 10px;
    padding-left: 1em;
}

.battle .topic-item-options li input {
    display: inline-block;
    width: 0;
    height: 0;
    opacity: 0;
}

.battle .topic-item-options li input:checked + label {
    background-color: #03AACD;
    color: white;
}

.battle .topic-item-options li label {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #03AACD;
    cursor: pointer;
}

.battle .btn-box {
    padding: 50px 0;
    border-top: 1px solid #C0C0C0;
    background-color: white;
    margin-bottom: 50px;
}

.battle .submit-btn {
    width: 320px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #FFFFFF;
    margin: 0 auto;
    background: #03AACD;
}

/*结果页*/

.battleResult {
    padding-top: 40px;
}

.battleResult .result-img {
    width: 380px;
    height: 380px;
    display: block;
    margin: 0 auto;
}

.battleResult .info-box {
    margin: 20px auto 0;
    width: 920px;
    padding: 20px 80px;
    background-color: white;
}

.battleResult .info-box .info-item {
    line-height: 40px;
}

.battleResult .info-box .info-item span {
    font-size: 18px;
    color: #777777;
    margin-right: 1em;
}

.battleResult .info-box .info-item var {
    font-size: 18px;
    color: #111111;
    margin-right: 4em;
}

.battleResult .btn-box {
    margin: 40px auto 100px;
    text-align: center;
}

.battleResult .btn {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.battleResult .see-btn {
    width: 240px;
    height: 64px;
    line-height: 60px;
    border: 4px solid #F5A921;
    font-size: 18px;
    color: #F5A921;
}

.battleResult .go-btn {
    width: 240px;
    height: 64px;
    line-height: 64px;
    background: #F5A921;
    font-size: 18px;
    color: white;
}

.battleResult .print-btn {
    width: 125px;
    height: 64px;
    line-height: 64px;
    background: #03AACD;
    font-size: 18px;
    color: white;
}

/*查看错题*/

.battleError {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}

.battleError .tab-box {
    padding-left: 2em;
}

.battleError .tab-icon {
    margin-right: 0.5em;
}

.battleError .tab-item {
    height: 20px;
    font-size: 18px;
    color: #777777;
    vertical-align: middle;
    cursor: pointer;
}

.battleError .tab-now {
    color: #03AACD;
}

.battleError .topic-box {
    margin: 20px auto 60px;
    background-color: white;
    padding: 30px;
}

.battleError .topic-item-title {
    font-size: 18px;
    color: #0D0D0D;
    line-height: 31px;
}

.battleError .topic-item-options {
    padding-top: 10px;
    margin-bottom: 20px;
}

.battleError .topic-item-options li {
    margin-bottom: 10px;
    padding-left: 1em;
}

.battleError .topic-item-options li span.answer {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #03AACD;
}

.battleError .topic-item-options li span.error {
    background-color: #f94257;
    border-color: #f94257;
    color: white;
    user-select: none;
}

.battleError .topic-item-answer {
    margin-top: 20px;
}

/*cohome*/
.coHome {
}

.coHome .icon-item {
    font-size: 18px;
    color: #03AACD;
    padding-left: 30px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

.coHome .notice-icon {
    background-image: url('../images/notice.png');
}

.coHome .notice-title-box {
    line-height: 60px;
    overflow: hidden;
}

.coHome .notice-title {
    float: left;
    font-size: 14px;
    color: #E93B3B;
}

.coHome .notice-time {
    float: right;
    font-size: 14px;
    color: #777777;
}

.coHome .notice-detail {
    font-size: 14px;
    color: #E93B3B;
    letter-spacing: 0;
    line-height: 24px;
}

.coHome .notice-more {
    display: block;
    font-size: 14px;
    color: #777777;
    text-align: right;
    padding-right: 12px;
    background: url('../images/more.png') right center no-repeat;
    background-size: 8px 12px;
    cursor: pointer;
}

.coHome .history-box {

}

.coHome .history-icon {
    background-image: url('../images/history-icon.png');
}

.coHome .history-table {
    text-align: center;
    margin: 20px 0;
}

.coHome .history-table > dl > dd {
    background: #03AACD;
    color: white;
}

.coHome .history-table ul li {
    border-bottom: 1px solid #F3F3F3;
}

.coHome .information-box {
    margin-bottom: 60px;
    padding: 20px 40px;
}

.coHome .information-icon {
    background-image: url('../images/information-icon.png');
}

.coHome .information-ipt-box {
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
}

.coHome .information-ipt {
    display: inline-block;
    width: 720px;
    height: 40px;
    float: left;
    border: 1px solid #979797;
    line-height: 40px;
    font-size: 14px;
    padding-left: 2em;
    color: #333;
}

.coHome .information-ipt::placeholder {
    color: #777777;
}

.coHome .information-btn {
    display: inline-block;
    width: 160px;
    height: 40px;
    float: right;
    line-height: 40px;
    background: #F5A921;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

.coHome .simulation-box {
    margin: 20px auto 40px;
}

.coHome .simulation-icon {
    background-image: url('../images/simulation.png');
}

.coHome .simulation-btn {
    width: 320px;
    height: 40px;
    background: #03AACD;
    line-height: 40px;
    text-align: center;
    color: white;
    font-size: 18px;
    margin: 20px auto;
}

/*copeople*/
.coPeople .search-ipt {
    width: 400px;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
}

.coPeople .btn-add {
    min-width: 60px;
    height: 40px;
    line-height: 40px;
    color: white;
    background: #F5A921;
    float: right;
    padding: 0 20px;
}

.coPeople .btn-box {
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.coPeople .btn-del {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #E93B3B;
    color: white;
    display: inline-block;
    margin-right: 20px;
}

.coPeopleAddModel {
    display: none;
}

.coPeopleAddModel .g-model {
    width: 550px;
    max-height: 600px;
}

.coPeopleAddModel .model-add-form {
    width: 450px;
    margin: 0 auto;
    padding: 50px 0;
}

.coPeopleAddModel .model-add-form {
    width: 450px;
    margin: 0 auto;
    padding: 50px 0;
}

.coPeopleAddModel .li-name {
    overflow: hidden;
}

.coPeopleAddModel .li-left {
    float: left;
    width: 220px;
}

.coPeopleAddModel .li-right {
    float: right;
    width: 74px;
    height: 74px;
    margin-left: 20px;
    position: relative;
}

.coPeopleAddModel .form-file-btn {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
}

.coPeopleAddModel .choose-img {
    width: 100%;
    height: 100%;
}

.coPeopleAddModel .form-item {
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
}

.coPeopleAddModel .lab-2 {
    letter-spacing: 2em;
    margin-right: -2em;
}

.coPeopleAddModel .form-item span {
    display: inline-block;
    float: left;
}

.coPeopleAddModel .form-item input {
    width: 353px;
    display: inline-block;
    height: 100%;
    border: 1px solid #C0C0C0;
    float: right;
    margin-left: 1em;
    padding-left: 1em;
}

.coPeopleAddModel .form-item input {
}

.coPeopleAddModel .li-name input {
    width: 123px;
}

.coPeopleAddModel .li-zheng input.zheng-name {
    width: 160px;
}

.coPeopleAddModel .li-zheng input.zheng-type {
    width: 180px;
}

.coPeopleAddModel .form-item-line {
    width: 100%;
    height: 10px;
    border-bottom: 1px dashed #c0c0c0;
    margin-bottom: 20px;
}

.coPeopleAddModel .btn-add-cery {
    float: right;
    display: inline-block;
    background: #F5A921;
    height: 32px;
    color: #fff;
    padding: 0 10px;
    line-height: 32px;
}

.coPeopleAddModel .form-item-cery-box {
    padding-bottom: 20px;
    font-size: 14px;
}

.coPeopleAddModel .form-item-cery-box .type {
    color: #EB5151;
    margin-left: 1em;
}

.coPeopleAddModel .form-item-cery-box .number {
    margin-left: 1em;
}

.coPeopleAddModel .form-item-cery-box .time {
    margin-left: 1em;
}

.coPeopleAddModel .btn-add-cery-box {
    overflow: hidden;
}

.coPeopleAddModel .btn-add-info {
    width: 300px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    background: #F5A921;
    margin: 20px auto;
}

.coPeopleAddModel .cery-list li {
    height: 40px;
    line-height: 40px;
    position: relative;
    border: 1px solid #C0C0C0;
    padding-right: 40px;
    overflow: hidden;
    margin-top: 5px;
    padding-left: 1em;
}

.coPeopleAddModel .cery-list li p {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coPeopleAddModel .dery-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    background: url('../images/delete-cery-icon.png') center no-repeat;
    background-size: 50% 50%;
}

/*--------*/

.coCertificate .btn-box {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}

.coCertificate .btn {
    display: inline-block;
    float: left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-right: 20px;
    border: 1px solid #C0C0C0;
    color: #777777;
}

.coCertificate .btn-focus {
    background: #F5A921;
    color: white;
    border: 1px solid #F5A921;
}

.coCertificate .search-ipt {
    display: inline-block;
    float: right;
    width: 282px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
    background-color: #F2F2F2;
}

/*------*/

.coTest .search-ipt {
    width: 250px;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
    margin-right: 20px;
}

.coTest .btn-box {
    overflow: hidden;
}

.coTest .tab-box {
    overflow: hidden;
    display: inline-block;
    float: left;
}

.coTest .operation-box {
    overflow: hidden;
    display: inline-block;
    float: right;
}

.coTest .tab-box .btn {
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-right: 20px;
    padding: 0 25px;
    border: 1px solid #C0C0C0;
    color: #777777;
}

.coTest .tab-box .btn-focus {
    background: #F5A921;
    color: white;
    border: 1px solid #F5A921;
}

.coTest .btn-add {
    height: 40px;
    line-height: 40px;
    color: white;
    background: #F5A921;
    float: right;
    padding: 0 25px;
}

.coTest .btn-del {
    height: 40px;
    line-height: 40px;
    background-color: #E93B3B;
    color: white;
    display: inline-block;
    margin-right: 20px;
    padding: 0 25px;
}

.coTest .student-table {
    margin-top: 20px;
}

.coTestPass {
    display: none;
}

.coTestPass .g-model {
    width: 500px;
    height: 80%;
}

.coTestPass .model-title {
    line-height: 40px;
    padding-left: 20px;
    font-size: 20px;
    color: #111111;
    position: absolute;
    top: 10px;
    left: 0;
}

.coTestPass .model-con-info-list {
    padding-top: 50px;
    margin: 0 80px;
    text-align: center;
    min-height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.coTestPass .model-con-info-list li:last-child {
    border-bottom: none;
}

.coTestPass .model-con-info-item {
    display: inline-block;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.coTestPass .model-con-info-item p {
    padding-left: 2em;
    font-size: 18px;
    text-align: left;
}

.coTestPass .model-con-info-item p span {
    color: #777777;
}

.coTestPass .model-con-info-item p span.lab-2 {
    letter-spacing: 2em;
    margin-right: -2em;
}

.coTestPass .model-con-info-item p var {
    color: #111111;
    margin-left: 2em;
}

.coTestPass .g-model-btn-box .model-cancel {
    background: #D8D8D8;
    color: #444444;
}

.coTestPass .g-model-btn-box .model-sure {
    background: #F5A921;
    color: #fff;
    margin-left: 20px;
}

.coTestPass-sure {
    background-color: #F5A921 !important;
}

/*企业统计*/
.coStatic .box {
    overflow: hidden;
    text-align: center;
    background-color: white;
    padding-top: 40px;
}

.coStatic .box .char-box {
    width: 400px;
    height: 400px;
    float: left;
    background-color: white;
    margin-bottom: 40px;
    margin-left: 60px;
    padding: 20px;
}

.coStatic .btn-down {
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #03AACD;
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    right: 60px;
    top: 60px;
}

.coStatic .table-box {
    background-color: white;
    padding: 40px;
}

.coStatic .search-ipt {
    width: 574px;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
}

.coStatic .btn-add {
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: white;
    background: #F5A921;
    float: right;
}

.coStatic .btn-box {
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.coStatic .btn-del {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #E93B3B;
    color: white;
    display: inline-block;
}

/*oghome*/
.ogHome .box-item {
    padding: 20px 30px;
    background-color: white;
    margin: 0 auto;
}

.ogHome .icon-item {
    font-size: 18px;
    color: #03AACD;
    padding-left: 30px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

.ogHome .user-box {
    margin: 0 auto 0;
    padding: 30px;
    position: relative;
}

.ogHome .user-box:after {
    content: '';
    display: inline-block;
    width: 956px;
    height: 1px;
    background: #F3F3F3;
    position: absolute;
    bottom: 0;
    left: 30px;
}

.ogHome .user-logo {
    float: left;
    width: 120px;
    height: 140px;
    overflow: hidden;
}

.ogHome .user-logo img {
    float: left;
    width: 120px;
    height: 140px;
}

.ogHome .user-info {
    float: right;
    width: 800px;
    height: 140px;
}

.ogHome .user-info-item {
    width: 46%;
    display: inline-block;
    line-height: 2;
    box-sizing: border-box;
}

.ogHome .user-info-item .lab {
    font-size: 18px;
    color: #777777;
}

.ogHome .user-info-item .val {
    font-size: 18px;
    color: #111111;
    margin-right: 1em;
}

.ogHome .notice-box {
    margin: 0 auto;
}

.ogHome .notice-icon {
    background-image: url('../images/notice.png');
}

.ogHome .notice-title-box {
    line-height: 60px;
    overflow: hidden;
}

.ogHome .notice-title {
    float: left;
    font-size: 14px;
    color: #E93B3B;
}

.ogHome .notice-time {
    float: right;
    font-size: 14px;
    color: #777777;
}

.ogHome .notice-detail {
    font-size: 14px;
    color: #E93B3B;
    letter-spacing: 0;
    line-height: 24px;
}

.ogHome .notice-more {
    font-size: 14px;
    color: #777777;
    text-align: right;
    padding-right: 12px;
    background: url('../images/more.png') right center no-repeat;
    background-size: 8px 12px;
    cursor: pointer;
}

.ogHome .history-box {

}

.ogHome .history-icon {
    background-image: url('../images/history-icon.png');
}

.ogHome .history-table {
    text-align: center;
    margin: 20px 0;
}

.ogHome .history-table > dl > dd {
    background: #03AACD;
    color: white;
}

.ogHome .history-table ul li {
    border-bottom: 1px solid #F3F3F3;
}

.ogHome .information-box {
    margin-bottom: 60px;
}

.ogHome .information-icon {
    background-image: url('../images/information-icon.png');
}

.ogHome .information-ipt-box {
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
}

.ogHome .information-ipt {
    display: inline-block;
    width: 720px;
    height: 40px;
    float: left;
    border: 1px solid #979797;
    line-height: 40px;
    font-size: 14px;
    padding-left: 2em;
    color: #333;
}

.ogHome .information-ipt::placeholder {
    color: #777777;
}

.ogHome .information-btn {
    display: inline-block;
    width: 160px;
    height: 40px;
    float: right;
    line-height: 40px;
    background: #F5A921;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

.ogHome .simulation-box {
    margin: 20px auto 40px;
}

.ogHome .simulation-icon {
    background-image: url('../images/simulation.png');
}

.ogHome .simulation-btn {
    width: 320px;
    height: 40px;
    background: #03AACD;
    line-height: 40px;
    text-align: center;
    color: white;
    font-size: 18px;
    margin: 20px auto;
}

/*ogStudeng*/
.ogStudent .search-box {
    padding-bottom: 30px;
}

.ogStudent .search-ipt {
    width: 574px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
}

.ogStudent .btn-box {
    text-align: right;
    padding: 40px;
}

.ogStudent .btn-del {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #E93B3B;
    color: white;
    display: inline-block;
    margin-right: 20px;
}

.ogStudent .btn-send {
    width: 295px;
    height: 40px;
    line-height: 40px;
    background: #F5A921;
    color: white;
    display: inline-block;
    margin-left: 20px;
}

/*---*/
.ogStudent-webMsg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    display: none;
}

.ogStudent-webMsg:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: -1;
}

.ogStudent-webMsg .phoneMsg-box {
    width: 600px;
    height: 400px;
    padding: 20px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.ogStudent-webMsg .phoneMsg-head {
    font-size: 18px;
    color: #03AACD;
}

.ogStudent-webMsg .btn-box {
    padding-top: 10px;
}

.ogStudent-webMsg .area-box {
    width: 560px;
    height: 200px;
    position: relative;
    margin: 10px 0;
}

.ogStudent-webMsg .check-hide {
    display: inline-block;
    width: 0;
    height: 0;
}

.ogStudent-webMsg .ipt-area {
    width: 100%;
    height: 100%;
    resize: none;
    background: #F6F6F6;
    border: 1px solid #CBCBCB;
    border-radius: 1px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 1.6;
    outline: none;
    padding: 0.2em 10px;
}

.ogStudent-webMsg .btn-box {
    overflow: hidden;
}

.ogStudent-webMsg .check-box {
    user-select: none;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    float: left;
    line-height: 40px;
}

.ogStudent-webMsg .tips-txt {
    display: inline-block;
    font-size: 18px;
    color: #626262;
    position: absolute;
    bottom: 0.2em;
    right: 0.5em;
}

.ogStudent-webMsg .check-box .lab {
    position: relative;
    padding-left: 26px;
    font-size: 18px;
    color: #666666;
}

.ogStudent-webMsg .check-box .lab:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 2px;
    left: 0;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    background-image: url('../images/choose.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    user-select: none;
}

.ogStudent-webMsg .check-box input:checked + label.lab:after {
    background-image: url('../images/choosed.png');
    background-color: #03AACD;
    border-color: #03AACD;
}

.ogStudent-webMsg .btn-sendMsg {
    width: 185px;
    height: 40px;
    display: inline-block;
    float: right;
    background: #F5A921;
    color: white;
    font-size: 18px;
    line-height: 40px;
}

.ogStudent-webMsg .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url('../images/close-send.png') center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.ogStudent-webMsg .area-title-box {
    margin-top: 20px;
}

.ogStudent-webMsg .area-title {
    display: block;
    background: #F6F6F6;
    border: 1px solid #CBCBCB;
    border-radius: 1px;
    width: 400px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 14px;
}

/*----*/
.ogStudent-phoneMsg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    display: none;
}

.ogStudent-phoneMsg:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: -1;
}

.ogStudent-phoneMsg .phoneMsg-box {
    width: 600px;
    height: 400px;
    padding: 20px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.ogStudent-phoneMsg .phoneMsg-head {
    font-size: 18px;
    color: #03AACD;
}

.ogStudent-phoneMsg .area-box {
    width: 560px;
    height: 200px;
    position: relative;
    margin: 20px 0;
}

.ogStudent-phoneMsg .check-hide {
    display: inline-block;
    width: 0;
    height: 0;
}

.ogStudent-phoneMsg .ipt-area {
    width: 100%;
    height: 100%;
    resize: none;
    background: #F6F6F6;
    border: 1px solid #CBCBCB;
    border-radius: 1px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 1.6;
    outline: none;
    padding: 0.2em 10px;
}

.ogStudent-phoneMsg .btn-box {
    overflow: hidden;
}

.ogStudent-phoneMsg .check-box {
    user-select: none;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    float: left;
    line-height: 40px;
}

.ogStudent-phoneMsg .tips-txt {
    display: inline-block;
    font-size: 18px;
    color: #626262;
    position: absolute;
    bottom: 0.2em;
    right: 0.5em;
}

.ogStudent-phoneMsg .check-box .lab {
    position: relative;
    padding-left: 26px;
    font-size: 18px;
    color: #666666;
}

.ogStudent-phoneMsg .check-box .lab:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 2px;
    left: 0;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    background-image: url('../images/choose.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    user-select: none;
}

.ogStudent-phoneMsg .check-box input:checked + label.lab:after {
    background-image: url('../images/choosed.png');
    background-color: #03AACD;
    border-color: #03AACD;
}

.ogStudent-phoneMsg .btn-sendMsg {
    width: 185px;
    height: 40px;
    display: inline-block;
    float: right;
    background: #F5A921;
    color: white;
    font-size: 18px;
    line-height: 40px;
}

.ogStudent-phoneMsg .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url('../images/close-send.png') center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

/*-------*/

.ogCertificate .btn-box {
    padding-bottom: 30px;
    overflow: hidden;
}

.ogCertificate .btn {
    display: inline-block;
    float: left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-right: 20px;
    border: 1px solid #C0C0C0;
    color: #777777;
}

.ogCertificate .btn-focus {
    background: #F5A921;
    color: white;
    border: 1px solid #F5A921;
}

.ogCertificate .search-ipt {
    display: inline-block;
    float: right;
    width: 282px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
    background-color: #F2F2F2;
}

/*-------*/

.ogTest {
    background-color: #E7EEF0;
}

.ogTest .TAB-con {
    padding-top: 50px;
}

.ogTest .into-mn {
    width: 720px;
    height: 240px;
    background: #03AACD;
    color: white;
    font-size: 48px;
    text-align: center;
    line-height: 240px;
    margin: 0 auto;
    cursor: pointer;
    user-select: none;
}

.ogTest .into-test {
    width: 720px;
    height: 240px;
    background: #FFFFFF;
    text-align: center;
    margin: 50px auto;
    cursor: pointer;
    user-select: none;
}

.ogTest .into-test-txt {
    font-size: 48px;
    color: #03AACD;
    padding: 1.5em 0 0.2em;
}

.ogTest .into-test-tips {
    font-size: 14px;
    color: #E93B3B;
}

/*--------*/

.ogStatic {
    background-color: #E7EEF0;
}

.ogStatic .TAB-con {
}

.ogStatic .box {
    overflow: hidden;
    text-align: center;
    background-color: white;
    padding-top: 40px;
    position: relative;
}

.ogStatic .box .char-box {
    width: 400px;
    height: 400px;
    float: left;
    background-color: white;
    margin-bottom: 40px;
    margin-left: 60px;
    padding: 20px;
}

.ogStatic .btn-down {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #03AACD;
    font-size: 18px;
    color: #FFFFFF;
}

.ogStatic .table-box {
    background-color: white;
    padding: 40px;
}

.ogStatic .search-ipt {
    width: 574px;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
}

.ogStatic .btn-add {
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: white;
    background: #F5A921;
    float: right;
}

.ogStatic .btn-box {
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.ogStatic .btn-del {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #E93B3B;
    color: white;
    display: inline-block;
}

/*_--------*/

.suHome {
    background-color: #E7EEF0;
}

.suHome .box-item {
    padding: 20px 30px;
    background-color: white;
    margin: 0 auto;
}

.suHome .icon-item {
    font-size: 18px;
    color: #03AACD;
    width: 240px;
    height: 40px;
    line-height: 40px;
    padding-left: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 20px 0 20px;
}

.suHome .user-box {
    margin: 0 auto 0;
    padding: 30px;
    position: relative;
}

.suHome .user-box:after {
    content: '';
    display: inline-block;
    width: 956px;
    height: 1px;
    background: #F3F3F3;
    position: absolute;
    bottom: 0;
    left: 30px;
}

.suHome .user-logo {
    float: left;
    width: 120px;
    height: 140px;
    overflow: hidden;
}

.suHome .user-logo img {
    float: left;
    width: 120px;
    height: 140px;
}

.suHome .user-info {
    float: right;
    width: 800px;
    height: 140px;
}

.suHome .user-info-item {
    width: 46%;
    display: inline-block;
    line-height: 2.5;
    box-sizing: border-box;
}

.suHome .user-info-item .lab {
    font-size: 18px;
    color: #777777;
}

.suHome .user-info-item .val {
    font-size: 18px;
    color: #111111;
    margin-right: 1em;
}

.suHome .notice-box {
    margin: 0 auto;
}

.suHome .notice-icon {
    background-image: url('../images/daiban.png');
}

.suHome .notice-list {
    margin-bottom: 20px;
}

.suHome .notice-list li {
    margin-bottom: 20px;
}

.suHome .notice-list .notice-time {
    font-size: 14px;
    color: #777777;
    text-align: right;
    line-height: 2;
}

 .notice-item {
    background-color: white;
    min-height: 120px;
    padding: 30px 100px 20px 30px;
    position: relative;
}

 .notice-item-num {
    width: 64px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: url('../images/inco_daiban.png') center no-repeat;
    background-size: 100% 100%;
    color: white;
    font-size: 14px;
    position: absolute;
    top: -5px;
    left: 30px;
}

 .notice-item-num-tit {
    width: 110px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: white;
    font-size: 14px;
    position: absolute;
    top: -5px;
    left: 30px;
}

 .notice-item-num-tit h4 {
    display: inline-block;
    background: #03aacd;
    position: absolute;
    left: 10px;
    right: 10px;
    height: inherit;
    font-weight: normal
}

.notice-item-num-tit::before,
 .notice-item-num-tit::after {
    background-size: 100% 100%;
    content: '';
    text-align: center;
    line-height: 24px;
    width: 10px;
    height: 24px;
    color: white;
    font-size: 14px;
    position: absolute;
    display: inline-block;
    background: url('../images/inco_daiban.png') no-repeat;
}
.notice-item-num-tit::before {
    top: 0;
    left: 0;
    display: inline-block;
    background-position: 0 0;
}

.notice-item-num-tit::after {
    top: 0;
    right: 0;
    background-position: -54px 0;
}

 .notice-btn-box {
    width: 60px;
    position: absolute;
    top: 30px;
    right: 10px;
    font-size: 14px;
    color: #FFFFFF;
}

 .notice-txt {
    font-size: 14px;
    color: #111111;
    letter-spacing: 0;
    line-height: 24px;
}

 .notice-btn-box .tips {
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: #03AACD;

}

 .notice-btn-box .btn {
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: #F5A921;
    margin-top: 20px;
}

.suHome .sendMsg-box .area-box {
    width: 100%;
    height: 200px;
    position: relative;
    margin: 20px 0;
}

.suHome .sendMsg-box .check-hide {
    display: inline-block;
    width: 0;
    height: 0;
}

.suHome .sendMsg-box .ipt-area {
    width: 100%;
    height: 100%;
    resize: none;
    background: #F6F6F6;
    border: 1px solid #CBCBCB;
    border-radius: 1px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 1.6;
    outline: none;
    padding: 0.2em 10px;
}

.suHome .sendMsg-box .btn-box {
    overflow: hidden;
}

.suHome .sendMsg-box .check-box {
    user-select: none;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    float: left;
    line-height: 40px;
}

.suHome .sendMsg-box .tips-txt {
    display: inline-block;
    font-size: 18px;
    color: #626262;
    position: absolute;
    bottom: 0.2em;
    right: 0.5em;
}

.suHome .sendMsg-box .check-box .lab {
    position: relative;
    padding-left: 26px;
    font-size: 18px;
    color: #666666;
}

.suHome .sendMsg-box .check-box .lab:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    background-image: url('../images/choose.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    user-select: none;
}

.suHome .sendMsg-box .check-box input:checked + label.lab:after {
    background-image: url('../images/choosed.png');
    background-color: #03AACD;
    border-color: #03AACD;
}

.suHome .sendMsg-box .btn-sendMsg {
    width: 185px;
    height: 40px;
    display: inline-block;
    float: right;
    background: #F5A921;
    color: white;
    font-size: 18px;
    line-height: 40px;
}

/*-----*/

.suStatic {
    background-color: #E7EEF0;
}

.suStatic .char-box {
    background-color: white;
    padding: 40px;
}

.suStatic .btn-box-dowm {
    overflow: hidden;
}

.suStatic .btn-box-dowm .btn {
    font-size: 18px;
    color: #777777;
    width: 160px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #777;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.suStatic .btn-box-dowm .btn.actived {
    color: white;
    background: #F5A921;
    border-color: #F5A921;
}

.suStatic .btn-box-dowm .btn-down {
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #03AACD;
    font-size: 18px;
    color: #FFFFFF;
    float: right;
    border-color: #03AACD;
}

.suStatic .eChar-item {
    margin: 20px auto;
}

.suStatic .Tab2-chars {
    display: none;
}

.suStatic .eChar-item-txt-box {
    text-align: center;
    margin-bottom: 100px;
}

.suStatic .eChar-item-txt {
    display: inline-block;
    text-align: left;
}

.suStatic .eChar-item-txt p {
    font-size: 30px;
    color: #111111;
    padding-left: 30px;
    position: relative;
}

.suStatic .eChar-item-txt p:first-child {
    font-size: 24px;
    margin-bottom: 10px;
}

.suStatic .eChar-before1:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    left: 0;
    background: #33B06E;
    border-radius: 50%;
}

.suStatic .eChar-before2:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    left: 0;
    background: red;
    border-radius: 50%;
}

.suStatic .eChar-before3:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    left: 0;
    background: url('../images/char1-icon.png') center no-repeat;
    background-size: 20px 10px;
}

.suStatic .eChar-before4:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    left: 0;
    background: url('../images/char2-icon.png') center no-repeat;
    background-size: 20px 10px;
}

.suStatic .table-box {
    background-color: white;
    padding: 40px;
    margin-top: 50px;
}

.suStatic .table-box .btn-box {
    text-align: right;
    margin-bottom: 20px;
    overflow: hidden;
}

.suStatic .search-ipt {
    width: 574px;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
}

.suStatic .c-see {
    font-size: 14px;
    color: #E93B3B;
    cursor: pointer;
    user-select: none;
}

/*-----*/

.suCheck .table-box .btn-box {
    text-align: right;
    margin-bottom: 20px;
    overflow: hidden;
}

.suCheck .search-ipt {
    width: 574px;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
}

.suCheck .c-see {
    font-size: 14px;
    color: #E93B3B;
    cursor: pointer;
    user-select: none;
}

/*---------*/

.suCompany {
    background-color: #E7EEF0;
}

.suCompany .table-box {
    background-color: white;
    padding: 20px;
}

.suCompany .search-ipt {
    width: 574px;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
}

.suCompany .btn-add {
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: white;
    background: #F5A921;
    float: right;
}

.suCompany .btn-box {
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.suCompany .btn-del {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #E93B3B;
    color: white;
    display: inline-block;
    margin-right: 20px;
}

.suCompanyAddModel {
    display: none;
}

.suCompanyAddModel .g-model {
    width: 600px;
    height: 60%;
    max-height: 500px;
}

.suCompanyAddModel .model-add-form {
    width: 450px;
    margin: 0 auto;
    padding: 50px 0 20px;
}

.suCompanyAddModel .li-name {
    overflow: hidden;
}

.suCompanyAddModel .li-left {
    float: left;
    width: 350px;
}

.suCompanyAddModel .li-right {
    float: right;
    width: 74px;
    height: 74px;
    margin-left: 20px;
    position: relative;
}

.suCompanyAddModel .form-file-btn {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
}

.suCompanyAddModel .choose-img {
    width: 100%;
    height: 100%;
}

.suCompanyAddModel .form-item {
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
}

.suCompanyAddModel .lab-2 {
    letter-spacing: 2em;
    margin-right: -2em;
}

.suCompanyAddModel .form-item span {
    display: inline-block;
    float: left;
}

.suCompanyAddModel .form-item input {
    width: 353px;
    display: inline-block;
    height: 100%;
    border: 1px solid #C0C0C0;
    float: right;
    margin-left: 1em;
    padding-left: 1em;
}

.suCompanyAddModel .form-item select {
    width: 353px;
    display: inline-block;
    height: 100%;
    border: 1px solid #C0C0C0;
    float: right;
    margin-left: 1em;
    padding-left: 1em;
}

.suCompanyAddModel .li-name select {
    width: 253px;
}

.suCompanyAddModel .li-name input {
    width: 253px;
}

.suCompanyAddModel .form-item-state {
    width: 353px;
    float: right;
}

.suCompanyAddModel .form-item-state input {
    display: inline-block;
    width: 0;
    height: 0;
}

.suCompanyAddModel .form-item-state label {
    position: relative;
    padding-left: 25px;
    margin-right: 20px;
    display: inline-block;
    height: 32px;
    user-select: none;
    cursor: pointer;
}

.suCompanyAddModel .form-item-state label:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 6px;
    vertical-align: middle;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    background-image: url('../images/choose.png');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    user-select: none;
}

.suCompanyAddModel .form-item-state input:checked + label:after {
    background-image: url('../images/choosed.png');
    background-color: #03AACD;
    border-color: #03AACD;
}

.suCompanyAddModel .form-btn {
    padding: 40px 0;
}

.suCompanyAddModel .btn-add-info {
    width: 160px;
    height: 32px;
    background: #F5A921;
    color: white;
    line-height: 32px;
    margin: 0 auto;
}

.suCompany .c-see {
    font-size: 14px;
    color: #03AACD;
    cursor: pointer;
}

.suCompany .c-edit {
    font-size: 14px;
    color: #03AACD;
    cursor: pointer;
}

/*------*/

.suStudent .search-ipt {
    width: 574px;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 1px solid #C0C0C0;
    padding-left: 40px;
    background: url('../images/inco_search.png') 10px center no-repeat;
    background-size: 19px 19px;
}

.suStudent .btn-box {
    padding-bottom: 40px;
    overflow: hidden;
}

/*------*/

.suTest .erWeiMa-box {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.suTest .erWeiMa-tips {
    font-size: 24px;
    color: #E93B3B;
    padding-top: 20px;
}

/*----*/

.changePassword .body {
    margin: 50px auto;
    overflow: hidden;
}

.changePassword .g-top {
    height: 160px;
}

.changePassword .g-top-logo {
    background-color: white;
}

.changePassword .g-top-logo .title {
    color: #111111;
    font-size: 30px;
}

.changePassword .logo-box {
    display: inline-block;
    float: left;
    height: 100%;
    line-height: 160px;
}

.changePassword .logo-img {
    display: inline-block;
    width: 120px;
    height: 75px;
    vertical-align: middle;
}

.changePassword .title-box {
    display: inline-block;
    float: left;
    height: 100%;
    line-height: 160px;
    margin-left: 10px;
}

.changePassword .title-txt {
    font-family: STKaiti;
    font-size: 30px;
    color: #111111;
    letter-spacing: 0;
    font-weight: normal;
}

.changePassword .body {
    margin: 50px auto;
    overflow: hidden;
}

.changePassword .form-wrap {
    width: 560px;
    margin: 0 auto;
    position: relative;
    padding-top: 13px;
    box-sizing: content-box;
}

.changePassword .form-find {
    width: 100%;
    background-color: white;
    overflow: visible;
    padding: 80px 0 50px;
    box-sizing: content-box;
}

.changePassword .form-logo {
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/chanepass.png') center center no-repeat;
    background-size: 180px 80px;
    z-index: 1;
}

.changePassword .form-item {
    width: 320px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 40px;
}

.changePassword .tips-box {
    margin-bottom: 0;
    color: #E93B3B;
    font-size: 14px;
}

.changePassword .form-item input {
    width: 100%;
    height: 100%;
    background: #F3F3F3;
    padding-left: 1em;
}

.changePassword .btn-submit {
    text-align: center;
    line-height: 40px;
    background: #03AACD;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-top: 40px;
}

.changePassword .success-model {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 100;
    display: none;
}

.changePassword .success-model::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: -1;
    background-color: black;
    opacity: 0.5;
}

.changePassword .success-con {
    width: 720px;
    height: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -360px;
    margin-top: -160px;
    background-color: white;
    overflow: hidden;
    text-align: center;
    line-height: 320px;
}

.changePassword .success-icon {
    display: inline-block;
    width: 154px;
    height: 154px;
    vertical-align: middle;
}

.changePassword .success-txt {
    display: inline-block;
    height: 154px;
    line-height: 154px;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 24px;
    color: #111111;
}

.g-signUp {
    display: inline-block;
    width: 180px;
    height: 60px;
    background-color: #03AACD;
    float: right;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    color: white;
    user-select: none;
    cursor: pointer;
}

.changePassword .form-code {
    overflow: hidden;
}

.changePassword .form-code input {
    width: 200px;
    float: left;
}

.changePassword .form-code #v-code {
    width: 120px;
    float: right;
}

/*--------*/
.findPassword .body {
    margin: 50px auto;
    overflow: hidden;
}

.findPassword .g-top {
    height: 160px;
}

.findPassword .g-top-logo {
    /*background-color: white;*/
}

.findPassword .g-top-logo .title {
    color: white;
    font-size: 30px;
}

.findPassword .form-wrap {
    width: 560px;
    margin: 0 auto;
    position: relative;
    padding-top: 13px;
    box-sizing: content-box;
}

.findPassword .form-find {
    width: 100%;
    background-color: white;
    overflow: visible;
    padding: 80px 0 50px;
    box-sizing: content-box;
}

.findPassword .form-logo {
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/findpass.png') center center no-repeat;
    background-size: 180px 80px;
    z-index: 1;
}

.findPassword .form-item {
    width: 320px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 40px;
}

.findPassword .tips-box {
    margin-bottom: 0;
    color: #E93B3B;
    font-size: 14px;
}

.findPassword .form-item input {
    width: 100%;
    height: 100%;
    background: #F3F3F3;
    padding-left: 1em;
}

.findPassword .btn-submit {
    text-align: center;
    line-height: 40px;
    background: #03AACD;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.findPassword .form-code {
    overflow: hidden;
}

.findPassword .form-code input {
    width: 180px;
    float: left;
}

.findPassword .form-code #v-code {
    width: 120px;
    float: right;
    text-align: center;
    color: #03A1C2;
    cursor: pointer;
    user-select: none;
}

/*--------*/

.signUp .g-top {
    height: 160px;
}

.signUp .g-top .title {
    color: #111;
}

.signUp .body {
    margin: 100px auto;
    overflow: hidden;
}

.signUp .form-wrap {
    width: 560px;
    margin: 0 auto;
    position: relative;
    padding-top: 13px;
    box-sizing: content-box;
}

.signUp .form-signUp {
    width: 100%;
    background-color: white;
    overflow: visible;
    padding: 80px 0 50px;
    box-sizing: content-box;
}

.signUp .form-logo {
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/signUp.png') center center no-repeat;
    background-size: 180px 80px;
    z-index: 1;
}

.signUp .form-item {
    width: 400px;
    margin: 0 auto;
    height: 32px;
    margin-bottom: 15px;
    line-height: 32px;
}

.signUp .form-item2 {
    width: 250px;
    margin: 0 auto;
    height: 32px;
    margin-bottom: 15px;
    line-height: 32px;
}

.signUp .form-over {
    width: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.signUp .form-item-left .form-item {
    width: 200px;
    height: 32px;
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 32px;
}

.signUp .form-item-left {
    float: left;
}

.signUp .form-item-right {
    width: 80px;
    height: 80px;
    float: right;
    background: #C0C0C0;
    position: relative;
}

.signUp .form-file-btn {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
}

.signUp .choose-img {
    width: 100%;
    height: 100%;
}

.signUp .form-item .form-phone-box {
    width: 250px;
    height: 100%;
    float: left;
}

.signUp .form-item .form-phone-box input {
    width: 170px;
}

.signUp .form-item .form-code {
    width: 100px;
    height: 100%;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: white;
    background: #F5A921;
    float: right;
}

.signUp .form-lab {
    font-size: 14px;
    color: #777777;
}

.signUp .form-lab.lab-2 {
    letter-spacing: 2em;
    margin-right: -2em;
}

.signUp .form-lab.lab-3 {
    letter-spacing: .33em;
    margin-right: -.33em;
}

.signUp .form-item span {
    display: inline-block;
    width: 4em;
    height: 100%;
    float: left;
}

.signUp .form-item input {
    display: inline-block;
    float: right;
    width: 320px;
    height: 100%;
    padding-left: 1em;
    border: 1px solid #C0C0C0;
    background-color: transparent;
}

.signUp .form-item2 span {
    display: inline-block;
    height: 100%;
    float: left;
}

.select,
.signUp .form-item2 input {
    float: right;
    width: 170px;
    height: 100%;
    padding-left: 1em;
    display: inline-block;
    border: 1px solid #C0C0C0;
    background-color: transparent;
}

.signUp .form-signUp input {
}

.signUp .tips-box {
    margin-bottom: 0;
    margin-top: -15px;
    color: #E93B3B;
    font-size: 14px;
}

.signUp .tips-txt {
    width: 320px;
    float: right;
    padding-left: 1em;
}

.signUp .btn-signUp {
    width: 160px;
    height: 32px;
    background: #F5A921;
    font-size: 18px;
    color: #FFFFFF;
    margin: 0 auto;
    margin-top: 20px;
}

/*------*/

.suSeeCompany {
    background-color: #E7EEF0;
    position: relative;
}

.suSeeCompany .title-box {
    width: 100%;
    min-width: 1200px;
    height: 60px;
    padding: 10px 0;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 100;
}

.suSeeCompany .g-title {
    width: 1200px;
    margin: 0 auto;
}

.suSeeCompany .con {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-top: 60px solid transparent;
    border-bottom: 40px solid transparent;
}

.suSeeCompany .con-box {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white;
    text-align: center;
}

.suSeeCompany .info-box {
    display: inline-block;
    font-size: 24px;
    color: #777777;
    padding: 50px 0;
}

.suSeeCompany .info-box li {
    overflow: hidden;
    line-height: 1.5;
    padding: 5px 0;
}

.suSeeCompany .lab-2 {
    letter-spacing: 2em;
    margin-right: -2em;
}

.suSeeCompany .info-box li span {
    display: inline-block;
    float: left;
}

.suSeeCompany .info-box li var {
    float: left;
    margin-left: 2em;
    color: #111;
}

.suSeeCompany .info-box li img {
    float: left;
    max-width: 500px;
    height: auto;
}

/*-------*/

.suSeeName {
    background-color: #E7EEF0;
    position: relative;
}

.suSeeName .title-box {
    width: 100%;
    min-width: 1200px;
    height: 60px;
    padding: 10px 0;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 100;
}

.suSeeName .g-title {
    width: 1200px;
    margin: 0 auto;
}

.suSeeName .con {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    border-top: 60px solid transparent;
    border-bottom: 40px solid transparent;
}

.suSeeName .table-box {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white;
}

/*消息列表页*/
.indexNotice .title-box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e2e2e2;
}

.indexNotice .notice-box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 40px;
}

.indexNotice .icon-item {
    background-repeat: no-repeat;
    font-size: 28px;
}

.indexNotice .g-notice-detail {
    color: #333;
}

.indexNotice .g-notice-detail h4,
.indexNotice .g-notice-detail h4 a {
    color: #333;
    font-size: 16px;
}
.indexNotice .g-notice-detail h4:hover {
    text-decoration: underline;
}

/*--------*/

/*消息详情页*/
.indexNoticeDetail .title-box {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e2e2e2;
}

.indexNoticeDetail .notice-box {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0 40px;
}

.indexNoticeDetail .detail {
    margin-top: 20px;
    line-height: 2;
}

.indexNoticeDetail .tips {
    margin: 20px auto;
    color: #777777;
    line-height: 20px;
    text-align: right;
}

/*7.8*/
html, body {
    font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu !important;
}

#footer {
    background-color: #3A3F43;
}

.studentHome .g-notice-box {
    margin-top: 20px;
}

.studentHome .history-box {
    margin-top: 20px;
}

.studentHome .history-icon {
    background-image: url(../images/history-icon.png);
}

.ogHome .information-box {
    margin-bottom: 0px;
}

.coHome .notice-box-coHome {
    margin-top: 20px;
}

.su-home .notice-box .notice-icon {
    margin-bottom: 0px;
}

.suStatic .table-box {
    margin-top: 20px;
}

/******/

/*首页*/
.index {
    position: relative;
}

.index .g-top {
    position: relative;
}

.index .top-btn-box-wrap {
    width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    text-align: right;
}

.index .top-btn-box-wrap .btn-signUp {
    display: inline-block;
    width: 119px;
    height: 32px;
    line-height: 32px;
    color: rgba(51, 51, 51, 1);
    background: rgba(255, 255, 255, 0.83);
    border: 1px solid rgba(3, 170, 205, 1);
    margin-right: 35px;
}

.index .top-btn-box-wrap .co-resign {
    display: inline-block;
    width: 119px;
    height: 32px;
    line-height: 32px;
    color: white;
    background: rgba(3, 170, 205, 0.77);
    border: 1px solid rgba(3, 170, 205, 1);
}

.index .content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}

.index .content-left {
    float: left;
    width: 915px;
    height: 680px;
    position: relative;
    background: rgba(255, 255, 255, 1);
    box-shadow: 2px 4px 8px 0px rgba(141, 141, 141, 1);
}

.index .content-right {
    float: left;
    width: 265px;
    height: 680px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 2px 4px 8px 0px rgba(141, 141, 141, 0.5);
}

.index .content-left .box-head {
    width: 100%;
    height: 90px;
    font-size: 24px;
    padding-left: 28px;
    color: rgba(51, 51, 51, 1);
    line-height: 90px;
}

.index .content-left .lun-box {
    width: 870px;
    height: 555px;
    background-color: gray;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.index .content-left .lun-list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s linear;
    position: absolute;
    top: 0;
    left: 0;
}

.index .content-left .lun-list li {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.index .content-left .lun-list li img {
    width: 100%;
    height: 100%;
    float: left;
}

.index .content-left .lun-btn {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -50px;
    overflow: hidden;
}

.index .content-left .lun-btn > div:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.index .content-left .lun-btn .lun-pre {
    width: 60px;
    height: 100px;
    float: left;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(../images/lun-pre.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    cursor: pointer;
}

.index .content-left .lun-btn .lun-next {
    width: 60px;
    height: 100px;
    float: right;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(../images/lun-next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    cursor: pointer;
}

.index .content-left .lun-bottom {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.index .content-left .lun-bottom-left {
    max-width: 550px;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    padding-left: 20px;
}

.index .content-left .lun-bottom-right {
    display: inline-block;
    float: right;
    width: 300px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}

.index .content-left .lun-bottom-right:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.index .content-left .lun-bottom-right li {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 1);
    opacity: 0.5;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 5px;
}

.index .content-left .lun-bottom-right li.lun-now {
    background: rgba(3, 170, 205, 1);
}

.index .content-right .box-head {
    width: 100%;
    height: 80px;
    text-align: center;
    font-size: 24px;
    line-height: 80px;
    color: rgba(51, 51, 51, 1);
}

.index .content-right .port-list {
    width: 194px;
    margin: 0 auto;
}

.index .content-right .port-list-item {
    width: 194px;
    height: 96px;
    background: rgba(243, 243, 243, 1);
    margin-bottom: 50px;
}

.index .content-right .port-list-item:hover span {
    color: #2DB8D6;
}

.index .content-right .port-list-item-a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 96px;
    text-align: center;
}

.index .content-right .port-list-item-a img {
    vertical-align: middle;
    display: inline-block;
    width: 32px;
    height: 32px;
}

.index .content-right .port-list-item-a span {
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    color: rgba(192, 192, 192, 1);
    margin-left: 20px;
}

.index .bottom {
    width: 100%;
    min-height: 300px;
    margin-top: 20px;
    background: rgba(231, 238, 240, 1);
}

.index .bottom-notice {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.index .bottom-notice-item {
    float: left;
    width: 25%;
    margin: 0 auto;
    padding-top: 30px;
}

.index .bottom-notice-item.two {
    width: 50%;
}

.index .bottom-notice-item.three {
    width: 33.333%;
}

.index .bottom-notice-item .box-head {
    width: 80%;
    height: 40px;
    line-height: 40px;
}

.index .bottom-notice-list {
    width: 80%;
    max-height: 160px;
    overflow: hidden;
}

.index .bottom-notice-item .box-head .title {
    display: inline-block;
    font-size: 24px;
    color: rgba(51, 51, 51, 1);
}

.index .bottom-notice-item .box-head .more {
    height: 40px;
    float: right;
    display: inline-block;
    font-size: 14px;
    color: rgba(3, 170, 205, 1);
    vertical-align: middle;
    line-height: 40px;
    background: url(../images/home_more.png) right center no-repeat;
    background-size: 10px 10px;
    padding-right: 10px;
}

.index .bottom-notice-item .bottom-notice-list-item {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.index .bottom-notice-item .bottom-notice-list-item .detail {
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    line-height: 30px;
}

.index .bottom-notice-item .bottom-notice-list-item .time {
    float: right;
    line-height: 30px;
    font-size: 14px;
    color: rgba(153, 153, 153, 1);
}

/*index列表页*/
.indexNoticeList {
    position: relative;
    padding-bottom: 60px;
    min-height: 100%;
}

.indexNoticeList .content {
    width: 1000px;
    margin: -50px auto 50px;
    padding: 20px 0;
    background-color: white;
    box-shadow: 2px 4px 8px 0px rgba(141, 141, 141, 1);
}

.indexNoticeList .content .box-head {
    font-size: 18px;
    line-height: 40px;
    padding-left: 40px;
}

.indexNoticeList .content .box-head > a {
    color: #111;
}

.indexNoticeList .content .box-head > .now {
    color: #03A1C2;
}

.indexNoticeList .content .box-head > span.lab {
    color: #555;
}

.indexNoticeList .content .box-head > a:hover {
    color: #03A1C2;
}

.indexNoticeList .notice-list {
    margin: 20px 40px;
}

.indexNoticeList .notice-list-item a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    color: #111;
    border-bottom: 1px solid #e2e2e2;
}

.indexNoticeList .notice-list-item .detail {
    font-size: 14px;
    width: 100%;
    line-height: 2em;
    max-height: 4em;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.indexNoticeList .notice-list-item .time {
    text-align: right;
    font-size: 14px;
    line-height: 2em;
    color: #888;
}

.indexNoticeList .pagination-box {
    text-align: center;
    margin: 10px auto;
}

.indexNoticeList .pagination-box .btn {
    display: inline-block;
    vertical-align: middle;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #D1D1D1;
}

.indexNoticeList .pagination-box .page-now {
    background-color: #03A1C2;
    color: white;
    border-color: #03A1C2;
}

/*index列表页*/
.indexNoticeDetail {
    position: relative;
    padding-bottom: 60px;
    min-height: 100%;
}

.indexNoticeDetail .top-wrap {
    width: 100%;
    height: 40px;
    background: rgba(3, 170, 205, 1);
}

.indexNoticeDetail .top-wrap .top {
    width: 1200px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.indexNoticeDetail .top-wrap .top .home-link {
    float: left;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
}

.indexNoticeDetail .top-wrap .top .btn-sign {
    display: inline-block;
    width: 119px;
    height: 28px;
    line-height: 28px;
    color: rgba(51, 51, 51, 1);
    background: rgba(255, 255, 255, 0.83);
    border: 1px solid rgba(3, 170, 205, 1);
    margin-right: 35px;
}

.indexNoticeDetail .top-wrap .top .btn-resign {
    display: inline-block;
    width: 119px;
    height: 28px;
    line-height: 28px;
    color: white;
    border: 1px solid white;
}

.indexNoticeDetail .content {
    width: 1200px;
    margin: 10px auto 50px;
    padding: 20px 0;
    background-color: white;
    box-shadow: 2px 4px 8px 0px rgba(141, 141, 141, 1);
}

.indexNoticeDetail .box-head {
    width: 1200px;
    margin: 20px auto;
    font-size: 18px;
    line-height: 40px;
}

.indexNoticeDetail .box-head > a {
    color: #111;
}

.indexNoticeDetail .box-head > .now {
    color: #03A1C2;
}

.indexNoticeDetail .box-head > span.lab {
    color: #555;
}

.indexNoticeDetail .box-head > a:hover {
    color: #03A1C2;
}

.indexNoticeDetail .content .title-box {
    width: 1000px;
    margin: 0 auto;
    padding: 15px 0;
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}

.indexNoticeDetail .content .title-box .title {
    height: 40px;
    font-size: 28px;
    font-family: PingFangSC-Regular;
    color: rgba(51, 51, 51, 1);
    line-height: 40px;
    font-weight: 400;
}

.indexNoticeDetail .content .title-box .labs {
    margin-top: 5px;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    color: rgba(102, 102, 102, 1);
    line-height: 22px;
}

.indexNoticeDetail .content .title-box .labs span {
    margin-right: 5px;
}

.indexNoticeDetail .content .title-box .labs var {
    margin-right: 20px;
}

.indexNoticeDetail .content .detail-box {
    width: 1000px;
    margin: 25px auto;
    line-height: 1.5;
}

.more-detail,
.indexNoticeDetail .content .more-detail {
    width: 100%;
    max-width: 1200px;
    margin: 25px auto;
    line-height: 1.5;
    text-align: right;
}

.more-detail a,
.indexNoticeDetail .content .more-detail a {
    display: inline-block;
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #03A1C2;
}

.more-detail a.pre-detail,
.indexNoticeDetail .content .more-detail a.pre-detail {
    float: left;
    padding-left: 20px;
    background: url(../images/more_pre.png) left center no-repeat;
    background-size: 8px 14px;
}
.more-detail a.next-detail:hover,
.indexNoticeDetail .content .more-detail a.next-detail:hover,
.more-detail a.pre-detail:hover,
.indexNoticeDetail .content .more-detail a.pre-detail:hover {
     text-decoration: underline;
 }

.more-detail a.next-detail,
.indexNoticeDetail .content .more-detail a.next-detail {
    padding-right: 20px;
    background: url(../images/more.png) right center no-repeat;
    background-size: 8px 14px;
}

/*qiyezhuce*/

/*--------*/

.coSignUp .g-top {
    height: 160px;
}

.coSignUp .g-top .title {
    color: #111;
}

.coSignUp .body {
    margin: 100px auto 40px;
    overflow: hidden;
}

.coSignUp .form-wrap {
    width: 560px;
    margin: 0 auto;
    position: relative;
    padding-top: 13px;
    box-sizing: content-box;
}

.coSignUp .form-signUp {
    width: 100%;
    background-color: white;
    overflow: visible;
    padding: 80px 0 50px;
    box-sizing: content-box;
}

.coSignUp .form-logo {
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/coSignUp.png') center center no-repeat;
    background-size: 180px 80px;
    z-index: 1;
}

.coSignUp .form-item {
    width: 400px;
    margin: 0 auto;
    height: 32px;
    margin-bottom: 15px;
    line-height: 32px;
}

.coSignUp .form-item2 {
    width: 250px;
    margin: 0 auto;
    height: 32px;
    margin-bottom: 15px;
    line-height: 32px;
}

.coSignUp .form-over {
    width: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.coSignUp .form-item-left .form-item {
    width: 200px;
    height: 32px;
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 32px;
}

.coSignUp .form-item-left {
    float: left;
}

.coSignUp .form-item-right {
    width: 80px;
    height: 80px;
    float: right;
    background: #C0C0C0;
    position: relative;
}

.coSignUp .form-file-btn {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
}

.coSignUp .choose-img {
    width: 100%;
    height: 100%;
}

.coSignUp .form-item .form-phone-box {
    width: 250px;
    height: 100%;
    float: left;
}

.coSignUp .form-item .form-phone-box input {
    width: 170px;
}

.coSignUp .form-item .form-code {
    width: 100px;
    height: 100%;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: white;
    background: #F5A921;
    float: right;
}

.coSignUp .form-lab {
    font-size: 14px;
    color: #777777;
}

.coSignUp .form-lab.lab-2 {
    letter-spacing: 2em;
    margin-right: -2em;
}

.coSignUp .form-lab.lab-3 {
    letter-spacing: 0.5em;
    margin-right: -0.5em;
}

.coSignUp .form-item span {
    display: inline-block;
    height: 100%;
    float: left;
}

.coSignUp .form-item input, .coSignUp .form-item select {
    display: inline-block;
    float: right;
    width: 320px;
    height: 100%;
    padding-left: 1em;
    border: 1px solid #C0C0C0;
    background-color: transparent;
}

.coSignUp .form-item2 span {
    display: inline-block;
    height: 100%;
    float: left;
}

.coSignUp .form-item2 input {
    float: right;
    width: 170px;
    height: 100%;
    padding-left: 1em;
    display: inline-block;
    border: 1px solid #C0C0C0;
    background-color: transparent;
}

.coSignUp .form-signUp input {
}

.coSignUp .tips-box {
    margin-bottom: 0;
    margin-top: -15px;
    color: #E93B3B;
    font-size: 14px;
}

.coSignUp .tips-txt {
    width: 320px;
    float: right;
    padding-left: 1em;
}

.coSignUp .btn-signUp {
    width: 160px;
    height: 32px;
    background: #F5A921;
    font-size: 18px;
    color: #FFFFFF;
    margin: 0 auto;
    margin-top: 20px;
}

/*---*/
.g-system-table {
    margin: 0 40px;
    width: calc(100% - 80px);
}

.g-btn-add-admin {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background-color: #F5A921;
    color: white;
    font-size: 16px;
    margin: 40px;
}

.g-btn-change-info {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background-color: #E93B3B;
    color: white;
    font-size: 16px;
}

.g-model-input-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    white-space: nowrap;
    text-align: center;
}

.g-model-input-mask:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.4;
    filter: Alpha(opacity=40);
    z-index: -1;
}

.g-model-input-mask:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.g-model-input {
    display: inline-block;
    vertical-align: middle;
    padding: 40px 0px 60px;
    min-width: 300px;
    min-height: 160px;
    background-color: white;
    position: relative;
}

.g-model-input-header {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    text-align: left;
    overflow: hidden;
    font-size: 18px;
    background-color: white;
}

.g-model-input-footer {
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 60px;
    overflow: hidden;
    text-align: center;
}

.g-model-input-title {
    padding-left: 10px;
}

.g-model-input-content {
    padding: 10px 40px;
}

.g-model-input-close {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    user-select: none;
    float: right;
    background: url(../images/close-send.png) center no-repeat;
    background-size: 18px 18px;
}

.g-model-input-btn {
    display: inline-block;
    padding: 0px 20px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    min-width: 100px;
    background-color: #03A1C2;
    color: white;
    cursor: pointer;
}

.g-model-add-form li {
    height: 40px;
    line-height: 40px;
}

.g-model-add-form li input, .g-model-add-form li select {
    width: 200px;
    border-bottom: 1px solid #e2e2e2;
}

.g-change-content-absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: white;
    width: 100%;
    height: 100%;
    display: none;
}

.g-change-content-back {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
}

.g-change-content-back span {
    padding-left: 40px;
    cursor: pointer;
}