* {
    margin: 0px;
    padding: 0px;
}

html {
    /*font-size: 62.5%;*/
    /*font-size: 100px;*/
}

body {
    /*background: url(../images/header_bg.png) center top no-repeat;*/
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    font-family: "微软雅黑";
    color: #333;
    min-width: 1200px;
}

div, img, ul, ol, li, dl, dt, dd, p {
    border: none;
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}

h1, h2, h3, h4, h5 {
    font-size: 16px;
    font-weight: normal;
    margin: 0px 0px;
}

.clear {
    clear: both;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.tcenter {
    text-align: center;
}

.tright {
    text-align: right
}

.tleft {
    text-align: left;
}

/*.clearfix {*/
/*    display: block;*/
/*    #zoom: 1; !*ie6-ie7*!*/
/*}*/

.clearfix:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0px;
    margin: 0px;
    padding: 0px;
    clear: both;
    visibility: hidden;
}

a {
    text-decoration: none;
}

.mg_auto {
    margin: 0px auto;
}

/*header*/
.header {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #6aa39f;
}

.header .left {
    width: 20%;
    height: 95px;
    background: url("../images/logo.png") center center no-repeat;
    float: left;
}

.header .mid {
    width: 60%;
    height: 95px;
    float: left;
}

.header .mid ul {
    width: auto;
    height: 95px;
    float: left;
}

.header .mid li {
    width: 70px;
    margin: 0px 15px;
    height: 95px;
    float: left;
    line-height: 95px;
}

.header .mid li a {
    width: 70px;
    height: 95px;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    color: #0e050a;
    text-align: center;
}

.header .mid li.active a {
    font-weight: bold;
    color: #cc241d;
    border-bottom: 2px solid #cc241d;
}

.header .mid li:hover a {
    font-weight: bold;
    color: #cc241d;
    border-bottom: 2px solid #cc241d;
}

.header .right {
    width: 20%;
    height: 95px;
    float: right;
}

.header .right .login-register {
    width: auto;
    max-width: 100%;
    height: 95px;
    display: block;
    float: left;
}

.header .right .login-register a {
    line-height: 95px;
    font-size: 18px;
    color: #5c9b96;
}

/*banner*/
.banner {
    width: 100%;
    position: relative;
}

.banner li {
    /*margin-bottom: -5px;*/
}

.banner img {
    width: 100%;
    min-height: 540px;
    display: block;
}


/*banner*/
.banner-inside {
    width: 100%;
    height: 250px;
    position: relative;
}

.banner-inside li {
    /*margin-bottom: -5px;*/
}

.banner-inside img {
    width: 100%;
    max-height: 250px;
    display: block;
}

/*home-floor*/
.home-floor {
    width: 100%;
}

/*floor1*/
.home-floor.floor-1 {
    background: #ffffff;
    height: auto;
}

.home-floor.floor-2 {
    background: #81cac5;
    height: auto;
}

.home-floor.floor-3 {
    background: #ffffff;
    height: auto;
}

.home-floor.floor-4 {
    background: #81cac5;
    height: auto;
}

.home-floor.floor-5 {
    background: #ffffff;
    height: auto;
}

.main {
    width: 1200px;
}

.home-floor.floor-1 .top {
    width: 1200px;
    height: 182px;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0px;
}

.home-floor.floor-1 .top .title {
    width: 1200px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #0e0509;
    margin: 40px 0px 20px 0px;
}

.home-floor.floor-1 .top .info {
    width: 1200px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
}

.home-floor.floor-1 .bottom {
    width: 1200px;
    height: 380px;
}

.home-floor.floor-1 .bottom .hd {
    position: relative;
    top: 0px;
    left: 0px;
}

.home-floor.floor-1 .bottom .hd .prev {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url("../images/icon_left01.png") center center no-repeat;
    top: 110px;
    left: 0px;
    cursor: pointer;
}

.home-floor.floor-1 .bottom .hd .next {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url("../images/icon_right01.png") center center no-repeat;
    top: 110px;
    right: 0px;
    cursor: pointer;
}

.home-floor.floor-1 .bottom .bd .tempWrap {
    width: 1100px !important;
    height: 313px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    box-sizing: border-box;
    margin: 0px auto;
}

.home-floor.floor-1 .bottom .bd ul {
    width: 1200px;
    height: 313px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
}

.home-floor.floor-1 .bottom .bd li {
    width: 325px;
    height: 131px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    margin: 0px 21px; /*20.8px*/
}

.home-floor.floor-1 .bottom .bd img {
    width: 325px;
    height: 223px;
    display: block;
}


.home-floor.floor-1 .bottom .bd li .info {
    width: 325px;
    height: 90px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    background: url("../images/floor01_pic_bottom.png");
    text-align: center;
}

.home-floor.floor-1 .bottom .bd b {
    width: 325px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 16px;
    color: #040000;
}

.home-floor.floor-1 .bottom .bd span {
    width: 325px;
    height: 60px;
    overflow: hidden;
    line-height: 20px;
    display: block;
    font-size: 14px;
    color: #4d4c4c;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

/*floor2*/
.home-floor.floor-2 .top {
    width: 1200px;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0px;
}

.home-floor.floor-2 .top .title {
    width: 1200px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #ffffff;
    margin: 40px 0px 20px 0px;
}

.home-floor.floor-2 .top .info {
    width: 1200px;
    height: auto;
    line-height: 20px;
    font-size: 16px;
    color: #ffffff;
    box-sizing: border-box;
    padding: 20px 0px;
}

.home-floor.floor-2 .bottom {
    width: 1200px;
    height: auto;
}

.home-floor.floor-2 .bottom .hd {
    position: relative;
    top: 0px;
    left: 0px;
}

.home-floor.floor-2 .bottom .hd .prev {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url("../images/icon_left02.png") center center no-repeat;
    top: 110px;
    left: 0px;
    cursor: pointer;
}

.home-floor.floor-2 .bottom .hd .next {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url("../images/icon_right02.png") center center no-repeat;
    top: 110px;
    right: 0px;
    cursor: pointer;
}

.home-floor.floor-2 .bottom .bd .tempWrap {
    width: 1100px !important;
    height: 260px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    box-sizing: border-box;
    margin: 0px auto;
}

.home-floor.floor-2 .bottom .bd ul {
    width: 1200px;
    height: 313px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
}

.home-floor.floor-2 .bottom .bd li {
    width: 325px;
    height: 131px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    margin: 0px 21px; /*20.8px*/
}

.home-floor.floor-2 .bottom .bd img {
    width: 325px;
    height: 223px;
    display: block;
}


.home-floor.floor-2 .bottom .info {
    width: 1200px;
    height: auto;
    overflow: hidden;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    box-sizing: border-box;
    padding: 20px 0px;
}

.home-floor.floor-2 .bottom .info strong {
    width: 1200px;
    height: 313px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
}


/*floor3*/
.home-floor.floor-3 .top {
    width: 1200px;
    height: 182px;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0px;
}

.home-floor.floor-3 .top .title {
    width: 1200px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #0e0509;
    margin: 40px 0px 20px 0px;
}

.home-floor.floor-3 .top .info {
    width: 1200px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
}

.home-floor.floor-3 .bottom {
    width: 1200px;
    height: 313px;
}

.home-floor.floor-3 .bottom .hd {
    position: relative;
    top: 0px;
    left: 0px;
}

.home-floor.floor-3 .bottom .hd .prev {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url("../images/icon_left01.png") center center no-repeat;
    top: 90px;
    left: 0px;
    cursor: pointer;
}

.home-floor.floor-3 .bottom .hd .next {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url("../images/icon_right01.png") center center no-repeat;
    top: 90px;
    right: 0px;
    cursor: pointer;
}

.home-floor.floor-3 .bottom .bd .tempWrap {
    width: 1100px !important;
    height: 313px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    box-sizing: border-box;
    margin: 0px auto;
}

.home-floor.floor-3 .bottom .bd ul {
    width: 1200px;
    height: 313px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
}

.home-floor.floor-3 .bottom .bd li {
    width: 325px;
    height: 131px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    margin: 0px 21px; /*20.8px*/
}

.home-floor.floor-3 .bottom .bd img {
    width: 325px;
    height: 223px;
    display: block;
}

.home-floor.floor-4 .left {
    width: 600px;
    height: 337px;
    float: right;
}

.home-floor.floor-4 .left .title {
    width: 600px;
    height: auto;
    display: block;
    font-size: 35px;
    line-height: 80px;
    color: #ffffff;
}


.home-floor.floor-4 .left .info {
    width: 600px;
    height: 186px;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    padding: 0px 10px 0px 0px;
}


.home-floor.floor-4 .left .more {
    width: 177px;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    background: #598986;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 10px 0px;
    font-size: 18px;
    color: #ffffff;
}

.home-floor.floor-4 .right {
    width: 50%;
    height: auto;
    float: right;
}

.home-floor.floor-4 .right img {
    width: 100%;
    height: 337px;
    float: right;
}


/*floor5*/

.home-floor.floor-5 .top {
    width: 1200px;
    height: 182px;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0px;
}

.home-floor.floor-5 .top .title {
    width: 1200px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #0e050a;
    margin: 40px 0px 20px 0px;
}

.home-floor.floor-5 .bottom {
    width: 1200px;
    height: auto;
    margin: 0px 0px 40px 0px;
}

.home-floor.floor-5 .bottom .hd {
    position: relative;
    top: 0px;
    left: 0px;
}

.home-floor.floor-5 .bottom .hd .prev {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url("../images/icon_left01.png") center center no-repeat;
    top: 12px;
    left: 0px;
    cursor: pointer;
}

.home-floor.floor-5 .bottom .hd .next {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url("../images/icon_right01.png") center center no-repeat;
    top: 12px;
    right: 0px;
    cursor: pointer;
}

.home-floor.floor-5 .bottom .bd .tempWrap {
    width: 1100px !important;
    height: 72px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    box-sizing: border-box;
    margin: 0px auto;
}

.home-floor.floor-5 .bottom .bd ul {
    width: 1200px;
    height: 72px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
}

.home-floor.floor-5 .bottom .bd li {
    width: 190px;
    height: 72px;
    line-height: 18px;
    font-size: 18px;
    color: #5c9b96;
    margin: 0px 15px;
}

.home-floor.floor-5 .bottom .bd img {
    width: 190px;
    height: 72px;
    display: block;
    box-sizing: border-box;
    border: 2px;
    border: 2px solid #d7d6d6;

}

/*footer*/

.footer {
    width: 100%;
    height: auto;
    margin: 0px auto;
    background: #81cac5;
}

.footer .bottom-menu {
    width: 840px;
    height: auto;
    color: #ffffff;
    font-size: 14px;
    line-height: 36px;
    box-sizing: border-box;
    padding: 10px 0px;
}

.footer .bottom-menu > ul {
}

.footer .bottom-menu > ul > li {
    float: left;
    margin: 0px 30px;
    text-align: center;
}

.footer .bottom-menu > ul > li > a {
    font-size: 18px;
    color: #ffffff;
}

.footer .bottom-menu > ul > li > ul {
}

.footer .bottom-menu > ul > li > ul > li {
}

.footer .bottom-menu > ul > li > ul > li > a {
    font-size: 14px;
    color: #ffffff;
}

.footer .er_code {
    float: right;
    width: 360px;
    height: auto;
    margin: 40px 0px 0px 0px;
}

.footer .er_code .code_img {
    width: 136px;
    height: auto;
    margin: 0px 10px;
    float: left;
    text-align: center;
}

.footer .er_code .code_img img {
    width: 136px;
    height: 134px;
}

.footer .er_code .code_img span {
    width: 136px;
    font-size: 14px;
    color: #ffffff;
}

.footer-info {
    width: 100%;
    height: 66px;
    line-height: 66px;
    font-size: 14px;
    color: #ffffff;
    background: #5c9b96;
    text-align: center;
}

/*登录页*/
.login {
    width: 520px;
    height: 620px;
    background: #ffffff;
    position: absolute;
    top: 50px;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
    transform: translateX(-50%);
    /*transform: translateY(-50%);*/
    box-sizing: border-box;
    padding: 55px 80px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 10px #dcdcdc;
}


.login .login-logo {
    background: url("../images/logo.png") center center no-repeat;
    width: 350px;
    height: 95px;
    margin: 0px auto;
}

.login .login-info {
    width: 350px;
    height: 40px;
    /*margin: 0px auto;*/
    text-align: center;
    font-size: 24px;
    color: #39bfb7;
}

.login form {
    width: 350px;
    height: auto;
    line-height: 60px;
    font-size: 16px;
}

.login form input {
    outline: none;
}

.login form input[type="text"], .login form input[type="password"] {
    width: 350px;
    height: 50px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0px 10px 0px 40px;
    border: 0px;
    border-bottom: 3px solid #f2f2f2;
}

.login form .account {
    background: url("../images/icon_account_input.png") left 10px center no-repeat;
}

.login form .password {
    background: url("../images/icon_password_input.png") left 10px center no-repeat;
}

.login form input[type="submit"], .login form .register-btn {
    width: 155px;
    height: 50px;
    display: block;
    line-height: 50px;
    background: #82cac6;
    float: left;
    margin: 20px 10px 10px 10px;
    box-sizing: border-box;
    border: 0px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.login form .forget-password-button {
    width: 80px;
    height: 40px;
    display: block;
    line-height: 40px;
    float: right;
    font-size: 16px;
    color: #636262;
}

.login .third-party-login {
    width: 350px;
    height: auto;
}

.login .third-party-login .title {
    width: 350px;
    height: 40px;
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: #636262;
    text-align: center;
    position: relative;
}

/*伪元素实现*/

.login .third-party-login .title:before {
    display: inline-block;
    position: absolute;
    top: 19px;
    left: 0px;
    content: "";
    width: 100px;
    height: 0px;
    border: 1px solid #dddada;
}

.login .third-party-login .title:after {
    display: inline-block;
    position: absolute;
    top: 19px;
    right: 0px;
    content: "";
    width: 100px;
    height: 0px;
    border: 1px solid #dddada;
}

.login .third-party-login .login_icon {
    width: 350px;
    height: 40px;
}

.login .third-party-login .login_icon .wx-icon {
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    background: url("../images/icon_wechat.png") center center no-repeat;
    margin: 0px auto;

}

.login .third-party-login .info-tk {
    width: 350px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #636262;
}

.login .third-party-login .info-tk a {
    color: #7dd0cb;
}

.login .third-party-login .info-kf {
    width: 350px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    color: #969cb2;
}

/*全局main内页定位上移*/
/*.main-register {*/
/*    position: absolute;*/
/*    top: 260px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    background: #ffffff;*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/


/*找回密码页*/
.forget-password {
    width: 520px;
    height: 500px;
    background: #ffffff;
    position: absolute;
    top: 50px;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
    transform: translateX(-50%);
    /*transform: translateY(-50%);*/
    box-sizing: border-box;
    padding: 30px 80px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 10px #dcdcdc;
}


.forget-password .forget-password-info {
    width: 350px;
    height: 40px;
    /*margin: 0px auto;*/
    text-align: center;
    font-size: 24px;
    color: #39bfb7;
}

.forget-password form {
    width: 350px;
    height: auto;
    line-height: 60px;
    font-size: 16px;
}

.forget-password form input {
    outline: none;
}

.forget-password form input[type="text"], .forget-password form input[type="password"] {
    width: 350px;
    height: 50px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0px 10px 0px 40px;
    border: 0px;
    border-bottom: 3px solid #f2f2f2;
}

/*.forget-password form .account {
    background: url("../images/icon_account_input.png") left 10px center no-repeat;
}

.forget-password form .password {
    background: url("../images/icon_password_input.png") left 10px center no-repeat;
}*/

.forget-password form input[type="button"], .forget-password form .register-btn {
    width: 155px;
    height: 50px;
    display: block;
    line-height: 50px;
    background: #82cac6;
    float: left;
    margin: 20px 10px 10px 10px;
    box-sizing: border-box;
    border: 0px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.forget-password form input[type="submit"], .forget-password form .register-btn {
    width: 155px;
    height: 50px;
    display: block;
    line-height: 50px;
    background: #82cac6;
    float: left;
    margin: 20px 10px 10px 10px;
    box-sizing: border-box;
    border: 0px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.forget-password form .forget-password {
    width: 80px;
    height: 40px;
    display: block;
    line-height: 40px;
    float: right;
    font-size: 16px;
    color: #636262;
}

.forget-password .third-party-login {
    width: 350px;
    height: auto;
}

.forget-password .third-party-login .title {
    width: 350px;
    height: 40px;
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: #636262;
    text-align: center;
    position: relative;
}

/*伪元素实现*/

.forget-password .third-party-login .title:before {
    display: inline-block;
    position: absolute;
    top: 19px;
    left: 0px;
    content: "";
    width: 100px;
    height: 0px;
    border: 1px solid #dddada;
}

.forget-password .third-party-login .title:after {
    display: inline-block;
    position: absolute;
    top: 19px;
    right: 0px;
    content: "";
    width: 100px;
    height: 0px;
    border: 1px solid #dddada;
}

.forget-password .third-party-login .login_icon {
    width: 350px;
    height: 40px;
}

.forget-password .third-party-login .login_icon .wx-icon {
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    background: url("../images/icon_wechat.png") center center no-repeat;
    margin: 0px auto;

}

.forget-password .third-party-login .info-tk {
    width: 350px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #636262;
}

.forget-password .third-party-login .info-tk a {
    color: #7dd0cb;
}

.forget-password .third-party-login .info-kf {
    width: 350px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    color: #969cb2;
}

/*全局main内页定位上移*/
/*.main-register {*/
/*    position: absolute;*/
/*    top: 260px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    background: #ffffff;*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/

/*面包屑*/

.breadcrumbs {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #6aa39f;
}

.breadcrumbs-box {
    width: 1200px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #3f4141;
    box-sizing: border-box;
    padding: 0px 50px;
}

.breadcrumbs-box a {
    color: #3f4141;
}

/*注册页面*/
.main .register {
    width: 650px;
    height: auto;
    text-align: center;
    font-size: 24px;
    color: #39bfb7;
    margin: 20px auto;
}

.main .register .register-info {
    width: 650px;
    height: 40px;
    font-size: 24px;
    color: #39bfb7;
}

.main .register form {
    width: 650px;
    height: auto;
    line-height: 60px;
    font-size: 16px;
}

.main .register form input {
    outline: none;
}

.main .register form input[type="text"], .main .register form input[type="password"] {
    width: 500px;
    height: 50px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0px 10px 0px 40px;
    border: 0px;
    border-bottom: 3px solid #f2f2f2;
    display: block;
    float: left;
}

.main .register form .account {
    background: url("../images/icon_account_input.png") left 10px center no-repeat;
}

.main .register form .password {
    background: url("../images/icon_password_input.png") left 10px center no-repeat;
}

.main .register form .confirm_password {
    background: url("../images/icon_confirm_password_input.png") left 10px center no-repeat;
}

.main .register form .wechat {
    background: url("../images/icon_wechat_input.png") left 10px center no-repeat;
}

.main .register form .tel {
    background: url("../images/icon_tel_inpuit.png") left 10px center no-repeat;
}

.main .register form .email {
    background: url("../images/icon_email_input.png") left 10px center no-repeat;
}

.main .register form .warning {
    width: 130px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: right;
    font-size: 14px;
    color: #e3011c;
    text-align: left;
}

.main .register form input[type="submit"], .main .register form input[type="reset"] {
    width: 155px;
    height: 50px;
    display: block;
    line-height: 50px;
    background: #82cac6;
    float: left;
    margin: 20px 10px 10px 20px;
    box-sizing: border-box;
    border: 0px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.main .register .er-code {
    width: 500px;
    height: auto;
    margin: 10px 0px;
}

.main .register .er-code img {
    width: 136px;
    height: 134px;
}


.main .register .er-code-info {
    width: 500px;
    height: auto;
    display: block;
    line-height: 20px;
    font-size: 18px;
    color: #b22887;
    text-align: center;
    margin: 10px 0px;
}


/*注册成功页面*/
.main .register-success {
    width: 650px;
    height: auto;
    text-align: center;
    font-size: 24px;
    color: #39bfb7;
    margin: 20px auto;
}

.main .register-success .register-info {
    width: 650px;
    line-height: 40px;
    font-size: 24px;
    color: #39bfb7;
}


.main .register-success .er-code {
    width: 650px;
    height: auto;
    margin: 20px 0px;
}

.main .register-success .er-code img {
    width: 136px;
    height: 134px;
}


.main .register-success .er-code-info {
    width: 650px;
    height: auto;
    display: block;
    line-height: 20px;
    font-size: 18px;
    color: #b22887;
    text-align: center;
    margin: 20px 0px;
}

/*我的首页*/
.my-main {
    width: 1000px;
    height: auto;
}

.my-main li {
    width: 333px;
    height: auto;
    display: block;
    float: left;
    margin: 40px auto 20px auto;
}

.my-main li a {
    width: 86px;
    height: auto;
    display: block;
    margin: 0px auto;
}

.my-main li icon {
    width: 36px;
    height: 36px;
    display: block;
    margin: 0px auto;
}

.my-main li.li-my-advisory icon {
    background: url("../images/icon_hysy_01.png") center center no-repeat;
}

.my-main li.li-my-course icon {
    background: url("../images/icon_hysy_02.png") center center no-repeat;
}

.my-main li.li-my-test icon {
    background: url("../images/icon_hysy_03.png") center center no-repeat;
}

.my-main li.li-my-order icon {
    background: url("../images/icon_hysy_04.png") center center no-repeat;
}

.my-main li.li-my-account icon {
    background: url("../images/icon_hysy_05.png") center center no-repeat;
}

.my-main li.li-my-integral icon {
    background: url("../images/icon_hysy_06.png") center center no-repeat;
}

.my-main li span {
    line-height: 50px;
    display: block;
    margin: 0px auto;
    font-size: 16px;
    color: #0e050a;
    text-align: center
}

/*我的页面tab（面包屑未知）*/
.my-main-tab {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #6aa39f;
}

.my-main-tab-box {
    width: 1200px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #3f4141;
    box-sizing: border-box;
    padding: 0px 50px;
}


.my-main-tab-box a {
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    height: 50px;
    display: block;
    float: left;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #3f4141;
    box-sizing: border-box;
    margin: 0px 10px;
    text-align: center;
}

.my-main-tab-box a.active {
    color: #cc241d;
    border-bottom: 2px solid #cc241d;
}

.my-test {
    margin: 20px auto;
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.my-test .item {
    width: 1000px;
    height: auto;
    box-sizing: border-box;
    border: 10px solid #eeebeb;
    margin-bottom: 30px;
}

.my-test .top {
    width: 980px;
    height: auto;
    box-sizing: border-box;
    padding: 20px 25px;
    border-bottom: 1px solid #f2f3f7;
}

.my-test .top .img {
    float: left;
}

.my-test .top .img img {
    width: 60px;
    height: 60px;
    display: block;
}

.my-test .top .info {
    width: 850px;
    height: 60px;
    float: left;
    margin-left: 10px;
}

.my-test .top .info {

}

.my-test .top .info .title {
    width: 850px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 16px;
    color: #40434c;
}

.my-test .top .info .content {
    width: 850px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 10px;
    color: #6b707f;
}

.my-test .bottom {
    width: auto;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: right;
    margin-right: 30px;
}

.my-test .bottom a {
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    height: 50px;
    border: 2px solid #fe6969;
    font-size: 12px;
    color: #fe6969;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 6px;
}

/*会员信息*/
.main .my-account {
    width: 700px;
    height: auto;
    text-align: center;
    font-size: 24px;
    color: #39bfb7;
    margin: 20px auto;
}

.main .my-account .my-account-info {
    width: 700px;
    height: 40px;
    font-size: 24px;
    color: #39bfb7;
}

.main .my-account form {
    width: 700px;
    height: auto;
    line-height: 60px;
    font-size: 16px;
}

.main .my-account form .form-item {
    width: 700px;
    height: auto;
    line-height: 60px;

    text-align: center;
}

.main .my-account form .form-item:last-child {
    text-align: center;
}

.main .my-account form lable {
    width: 150px;
    height: auto;
    line-height: 60px;
    float: left;
    font-size: 18px;
    color: #302f30;
    text-align: right;
}

.main .my-account form input {
    outline: none;
    line-height: 60px;
    float: left;
}

.main .my-account form input[type="text"], .main .my-account form input[type="password"] {
    width: 450px;
    height: 50px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0px 10px 0px 40px;
    border: 0px;
    border-bottom: 3px solid #f2f2f2;
    display: block;
    float: left;
}

.main .my-account form .warning {
    width: 100px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: right;
    font-size: 14px;
    color: #e3011c;
    text-align: left;
    float: left;
}

.main .my-account form input[type="submit"], .main .my-account form .updateVip {
    width: 100px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    background: #82cac6;
    margin: 20px 60px;
    box-sizing: border-box;
    border: 0px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

/*我的订单*/
.main .my-order, .main .my-order-done {
    margin: 20px 0px;
}

.main .my-order .item, .main .my-order-done .item {
    width: 1200px;
    height: auto;
    border-bottom: 1px solid #e0dfdf;
    margin-bottom: 20px;
}

.main .my-order .item .top, .main .my-order-done .item .top {
    width: 1200px;
    height: 36px;
    line-height: 36px;
    background: #f2f2f2;
}

.main .my-order .item .top input[type="checkbox"] {
    width: 20px;
    height: 36px;
    line-height: 36px;
    display: block;
    float: left;
    margin: 0px 0px 0px 20px;
}

.main .my-order .item .top .order-num, .main .my-order-done .item .top .order-num {
    max-width: 500px;
    height: 36px;
    line-height: 36px;
    float: left;
    font-size: 14px;
    color: #808282;
    margin: 0px 0px 0px 20px;
}

.main .my-order .item .top .state, .main .my-order-done .item .top .state {
    width: 100px;
    height: 36px;
    line-height: 36px;
    float: right;
    font-size: 16px;
    color: #5c8e8b;
}

.main .my-order .item .bottom, .main .my-order-done .item .bottom {
    width: 1200px;
    height: auto;
    line-height: 36px;
    box-sizing: border-box;
    padding: 25px 50px;
}

.main .my-order .item .bottom icon, .main .my-order-done .item .bottom icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: block;
    float: left;
    font-size: 18px;
    color: #ffffff;
    background: #81cac5;
    text-align: center;
    margin-right: 40px;
}

.main .my-order .item .bottom a, .main .my-order-done .item .bottom a {
    width: 1000px;
    height: 60px;
    line-height: 60px;
    display: block;
    float: left;
    font-size: 18px;
    color: #333333;
}

.main .my-order .item .bottom span, .main .my-order-done .item .bottom span {
    width: 1000px;
    height: 60px;
    line-height: 60px;
    display: block;
    float: left;
    font-size: 18px;
    color: #cc241d;
}

.main .order-sum {
    margin-bottom: 20px;
}

.main .order-sum input[type="checkbox"] {
    width: 20px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: left;
    margin: 0px 20px;
}

.main .order-sum label {
    width: 100px;
    height: 50px;
    display: block;
    line-height: 50px;
    float: left;
    font-size: 14px;
    color: #747373;
}

.main .order-sum span {
    max-width: 500px;
    height: 50px;
    display: block;
    line-height: 50px;
    float: right;
    font-size: 14px;
    color: #747373;
}

.main .order-sum span i {
    color: #cc241d;
}


.main .order-sum .do-pay {
    width: 100px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: right;
    background: #d6d6d6;
    color: #747373;
    font-size: 14px;
    text-align: center;
    margin: 0px 20px;
}

/*心里测试*/
.main .psychological-test {
    margin: 20px auto;
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .psychological-test .list-type {
    width: 1000px;
    height: 180px;
    border-bottom: 1px solid #dcdee3;
}

.main .psychological-test .list-type li {
    width: 195px;
    height: auto;
    display: inline-block;
    text-align: center;
    background: url("../images/psychological-test-type-split.png") right center no-repeat;

}

.main .psychological-test .list-type li:last-child {
    background: none;

}

.main .psychological-test .list-type li a {
    width: 195px;
    height: 180px;
    display: block;
    text-align: center;
}

.main .psychological-test .list-type li icon {
    width: 195px;
    height: 110px;
    display: block;
}

.main .psychological-test .list-type li.list-type-00 icon {
    background: url("../images/psychological-test-type-00.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-01 icon {
    background: url("../images/psychological-test-type-01.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-02 icon {
    background: url("../images/psychological-test-type-02.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-03 icon {
    background: url("../images/psychological-test-type-03.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-04 icon {
    background: url("../images/psychological-test-type-04.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-00.on icon {
    background: url("../images/psychological-test-type-00-on.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-01.on icon {
    background: url("../images/psychological-test-type-01-on.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-02.on icon {
    background: url("../images/psychological-test-type-02-on.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-03.on icon {
    background: url("../images/psychological-test-type-03-on.png") center bottom 12px no-repeat
}

.main .psychological-test .list-type li.list-type-04.on icon {
    background: url("../images/psychological-test-type-04-on.png") center bottom 12px no-repeat
}

.main .psychological-test form{
    box-sizing: border-box;
    margin: 20px 0px 0px 0px;
    padding: 0px 20px;
}

.main .psychological-test form input[type='text']{
    height: 24px;
}
.main .psychological-test form input[type='submit']{
    height: 24px;
    background: #81cac5;
    margin-left: 20px;
    width: 50px;
}

.main .psychological-test .list-type li span {
    font-size: 14px;
    color: #464649;
}

.main .psychological-test .list {
    width: 1000px;
    height: auto;
    margin: 20px auto;
    box-sizing: border-box;
}

.main .psychological-test .list li {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
}


.main .psychological-test .list li .left {
    width: 750px;
    height: 120px;
    float: left;
}

.main .psychological-test .list li .left a {
    font-size: 16px;
    line-height: 60px;
    color: #303131;
    display: block;
    width: 850px;
    height: 60px;
    overflow: hidden;
}

.main .psychological-test .list li .left span {
    font-size: 16px;
    line-height: 45px;
    color: #c51e1e;
    border-right: 1px solid #dcdee3;
    padding-right: 10px;
}

.main .psychological-test .list li .left i {
    font-size: 16px;
    line-height: 45px;
    color: #649c98;
    padding-left: 5px;
}


.main .psychological-test .list li .right {
    width: 250px;
    height: 120px;
    float: right;
    text-align: right;
}

.main .psychological-test .list li .right span {
    font-size: 12px;
    color: #aeb1b1;
    display: block;
    float: right;
    margin: 95px 10px 0px 0px;
}

.main .psychological-test .list li .right img {
    width: 100px;
    height: 100px;
    display: block;
    float: right;
    margin: 10px 0px 0px 0px;
}

/*会员充值*/
.main .vip-recharge {
    width: 800px;
    height: auto;
    margin: 20px auto;
}

.main .vip-recharge .vip-recharge-info {
    color: #39bfb7;
    font-size: 24px;
    line-height: 80px;
    text-align: center;
}

.main .vip-recharge .vip-recharge-info form {
}

.main .vip-recharge form .form-item {
    margin: 10px auto;
    text-align: center;
}

.main .vip-recharge form .form-item:nth-child(1) span {
    margin: 0px 20px 0px 5px;
}

.main .vip-recharge form .form-item:nth-child(2) span {
    color: #39bfb7;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
}

.main .vip-recharge form .form-item:nth-child(3) input[type='button'] {
    width: 390px;
    height: 50px;
    border: 0px;
    background: #e3011c;
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}

/*心理测试*/
.main .test-intro {
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .test-intro .test-intro-img img {
    width: 1000px;
    height: 410px;
}

.main .test-intro .top {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #c4c4c4;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 20px 0px;
}

.main .test-intro .top .title {
    line-height: 50px;
    font-size: 18px;
    color: #111111;
    display: block;
}

.main .test-intro .top .title-intro {
    line-height: 30px;
    font-size: 14px;
    color: #565555;
    display: block;
}

.main .test-intro .top .price {
    line-height: 40px;
    font-size: 18px;
    color: #cb241c;
    display: block;
    float: left;
}

.main .test-intro .top .vip-price {
    line-height: 40px;
    font-size: 18px;
    color: #b1adad;
    display: block;
    float: left;
    text-decoration: line-through;
}

.main .test-intro .top .split {
    width: 3px;
    height: 30px;
    background: #c2c2c2;
    display: block;
    float: left;
    margin: 10px 10px 0px 10px;
}

.main .test-intro .top .vip-treatment {
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #5c9b96;
    display: block;
    float: left;
    cursor: pointer;
}

.main .test-intro .top .statistics {
    line-height: 40px;
    font-size: 14px;
    color: #8c8b8b;
    display: block;
    float: right;
}

.main .test-intro .content {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #c4c4c4;
    box-sizing: border-box;
    padding: 20px 0px;
}

.main .test-intro .go {
    width: 1000px;
    height: auto;
    box-sizing: border-box;
    padding: 20px 0px;
}

.main .test-intro .go .btn-box {
    width: 870px;
    height: auto;
    margin: 0px auto;
    background: #fe6969;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

.main .test-intro .go .btn-box span {
    width: 870px;
    height: 16px;
    display: block;
    line-height: 16px;
    font-size: 14px;
    color: #ffffff;
    /*box-sizing: border-box;*/
}

.main .test-intro .go .btn-box span.btn-price {
    padding: 5px 0px 0px 0px;
}

.main .test-intro .go .btn-box span.btn-pay {
    padding: 0px 0px 5px 0px;
}

.main .test-intro .go .btn-box span.is-pay {
    height: 32px;
    line-height: 32px;
    padding: 5px 0px 5px 0px;
}

.main .test-intro .go .btn-box span.btn-vip-pay {
    padding: 5px 0px 5px 0px;
    height: 32px;
    line-height: 32px;
}

/*测试须知*/
.main .test-process {
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
    background: #d9f4f2;
}

.main .test-process .test-step {
    width: 1000px;
    height: 50px;
    line-height: 50px;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
}

.main .test-process .test-step b {
    font-size: 18px;
    color: #cb241c;
}

.main .test-process .test-step i {
    font-size: 14px;
    color: #4c4b4b;
}

/*测试进度*/
.main .test-process .test-progress {
    width: 1000px;
    height: 10px;
    background: #ffffff;
    margin-bottom: 20px;
}

.main .test-process .test-notice {
    height: auto;
    line-height: 46px;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    color: #4c4b4b;
    font-weight: bold;
}

.main .test-process .test-notice span.title {
    text-align: center;
    margin: 0px auto;
    display: block;
    font-size: 24px;
    color: #4c4b4b;
    font-weight: bold;
}


.main .test-process .test-begin, .main .test-process .test-view-result {
    width: 1000px;
    height: 68px;
}

.main .test-process .test-begin a, .main .test-process .test-view-result a {
    width: 1000px;
    height: 48px;
    line-height: 48px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background: #fe6969;
    border-radius: 10px;
    font-weight: bold;
}

.main .test-process .test-content {
    height: auto;
    line-height: 60px;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 20px;
    font-size: 18px;
    color: #4c4b4b;
    font-weight: bold;
}

.main .test-process .test-content span.title {
    line-height: 60px;
    font-size: 24px;
    color: #4c4b4b;
    font-weight: bold;
}

.main .test-process .test-content ul li {
    width: 960px;
    height: auto;
    line-height: 60px;
    border-bottom: 1px solid #d2d2d2;
}

.main .test-process .test-content ul li span {
    width: 860px;
    height: auto;
    line-height: 60px;
    float: left;
}

.main .test-process .test-content ul li input[type='radio'] {
    width: 100px;
    height: 20px;
    float: right;
    margin: 20px 0px;
}

.main .test-process .test-operation {
    width: 1000px;
    height: 80px;
    text-align: center;
}

.main .test-process .test-operation .test-prev, .main .test-process .test-operation .test-next {
    width: auto;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 20px 10px;
    font-size: 18px;
    color: #e3011c;
    cursor: pointer;
}

.main .test-process .test-operation .test-prev:hover, .main .test-process .test-operation .test-next:hover {
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #fe6969;
}

.main .test-process .test-placeholder {
    width: 1000px;
    height: 60px;
}

/*心理测试-测评结果*/

.main .test-result-top {
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
    background: #d9f4f2;
}

.main .test-result-top .test-title-box {
    width: 1000px;
    height: auto;
}

.main .test-result-top .test-title-box i {
    height: auto;
    line-height: 48px;
    font-size: 18px;
    font-weight: bold;
    color: #696969;
    display: block;
    text-align: center;
}

.main .test-result-top .test-title-box span {
    line-height: 48px;
    font-size: 14px;
    color: #696969;
    display: block;
    text-align: center;
}

.main .test-result {
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .test-result .test-score-box {
    text-align: center;
    margin: 20px 0px;
}

.main .test-result .test-score-box .res-score-title {
    width: 1000px;
    height: auto;
    line-height: 60px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #0c2fc6;
}

.main .test-result .test-score-box .icon {
    width: 1000px;
    height: 20px;
    line-height: 60px;
    background: url("../images/test-score-box-icon.png") center center no-repeat;
}

.main .test-result .test-score-box .res-score-title .line {
    font-size: 18px;
    font-weight: bold;
    color: #d2524d;
    margin: 0px 20px;
}

.main .test-result .test-score-box .score {
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #cb251d;
    margin: 0px 20px;
}

.main .test-result .test-score-box .score-content {
    text-align: left;
    line-height: 24px;
    font-size: 18px;
    color: #5d5c5c;
    margin: 0px 20px 20px 20px;
}

.main .test-result .test-score-box .score-content img {
    max-width: 1000px;
}

.main .test-result .test-advice-box {
    text-align: center;
    margin: 20px 0px;
}

.main .test-result .test-advice-box .res-advice-title {
    width: 1000px;
    height: auto;
    line-height: 60px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #0c2fc6;
}

.main .test-result .test-advice-box .icon {
    width: 1000px;
    height: 20px;
    line-height: 60px;
    background: url("../images/test-score-box-icon.png") center center no-repeat;
}

.main .test-result .test-advice-box .res-advice-title .line {
    font-size: 18px;
    font-weight: bold;
    color: #d2524d;
    margin: 0px 20px;
}

.main .test-result .test-advice-box .advice-content {
    text-align: left;
    line-height: 36px;
    font-size: 18px;
    color: #5d5c5c;
    margin: 0px 20px 20px 20px;
}

.main .test-result .test-advice-box .advice-content img {
    max-width: 1000px;
}

/*心理咨询*/
.main .psychological-consult {
    margin: 20px auto;
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .psychological-consult .list-type {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
    padding-bottom: 20px;
}

.main .psychological-consult .list-type li {
    width: auto;
    height: auto;
    float: left;
    margin: 0px 10px;
}

.main .psychological-consult .list-type li:nth-child(1) {
    margin: 0px 10px 0px 0px;
}

.main .psychological-consult .list-type li a {
    width: auto;
    height: 33px;
    line-height: 33px;
    display: inline;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 10px;
}

.main .psychological-consult .list-type li.on a, .main .psychological-consult .list-type li:hover a {
    color: #ffffff;
    background: #81cac5;
}

.main .psychological-consult .list {
    width: 1000px;
    height: auto;
    margin: 20px auto;
    box-sizing: border-box;
}

.main .psychological-consult .list li {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
    margin-bottom: 20px;
}


.main .psychological-consult .list .left {
    float: left;
}

.main .psychological-consult .list li .left img {
    width: 211px;
    height: 144px;
}

.main .psychological-consult .list li .right {
    width: 749px;
    /*height: 144px;*/
    float: right;
}

.main .psychological-consult .list li .right .title {
    font-size: 18px;
    line-height: 38px;
    color: #303131;
    font-weight: bold;
    display: block;
    float: left;
}

.main .psychological-consult .list li .right .jobs {
    font-size: 14px;
    line-height: 38px;
    color: #303131;
    font-weight: bold;
    display: block;
    float: left;
    margin-left: 20px;
}

.main .psychological-consult .list li .right .intro {
    width: 769px;
    height: 78px;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color: #303131;
    float: left;
}

.main .psychological-consult .list li .right .price {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #c51e1e;
    float: left;
}

.main .psychological-consult-detail {
    margin: 20px auto;
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .psychological-consult-detail .top {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
    padding-bottom: 20px;
}

.main .psychological-consult-detail .top > img {
    /*width: 211px;
    height: 144px;*/
    width: 326px;
    height: 224px;
    display: block;
    float: left;
}

.main .psychological-consult-detail .top .right {
    width: 645px;
    height: 224px;
    float: right;
}

.main .psychological-consult-detail .top .right b {
    font-size: 18px;
    font-weight: bold;
    color: #303131;
    display: block;
    line-height: 50px;
}

.main .psychological-consult-detail .top .right i {
    font-size: 14px;
    font-weight: bold;
    color: #303131;
    font-style: normal;
    display: block;
    line-height: 40px;
}

.main .psychological-consult-detail .top .right strong {
    font-size: 14px;
    color: #303131;
    font-style: normal;
    line-height: 40px;
}

.main .psychological-consult-detail .top .right span:nth-child(3) {
    font-size: 16px;
    color: #c51e1e;
}

.main .psychological-consult-detail .top .right button {
    width: 203px;
    height: 45px;
    background: #ff6b6b;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border: 0px;
    border-radius: 10px;
    margin-top: 8px;
}

.main .psychological-consult-detail .grjs, .main .psychological-consult-detail .scfx, .main .psychological-consult-detail .yysj, .main .psychological-consult-detail .zxxz {
    width: 979px;
    padding: 0px 10px;
    height: auto;
    margin: 20px 0px;
}

.main .psychological-consult-detail .grjs .title, .main .psychological-consult-detail .scfx .title, .main .psychological-consult-detail .yysj .title, .main .psychological-consult-detail .zxxz .title {
    font-size: 24px;
    color: #518985;
}

.main .psychological-consult-detail .grjs .content, .main .psychological-consult-detail .scfx .content, .main .psychological-consult-detail .yysj .content, .main .psychological-consult-detail .zxxz .content {
    font-size: 14px;
    line-height: 24px;
}

.main .psychological-consult-detail .grjs .content img, .main .psychological-consult-detail .scfx .content img, .main .psychological-consult-detail .yysj .content img, .main .psychological-consult-detail .zxxz .content img {
    max-width: 100%;
}

.main .psychological-consult-detail .grjs .content table, .main .psychological-consult-detail .scfx .content table, .main .psychological-consult-detail .yysj .content table, .main .psychological-consult-detail .zxxz .content table {
    width: 100%;
    margin: 0px auto;
}

.main .psychological-consult-detail .msg {
    width: 1000px;
    padding: 0px 10px;
    height: auto;
    margin: 20px 0px;
}

.main .psychological-consult-detail .msg b {
    font-size: 18px;
    line-height: 40px;
    color: #188064;
    font-style: normal;
    display: block;
}

.main .psychological-consult-detail .msg span, .main .psychological-consult-detail .msg p {
    font-size: 14px;
    color: #696969;
    line-height: 30px;
    font-style: normal;
    display: block;
}

.main .psychological-consult-detail .msg icon img {
    width: 74px;
    height: 23px;
    line-height: 20px;
    /*display: inline-block;*/
    /*background: url("../images/icon-qqzx.png") center center no-repeat;*/
    cursor: pointer;
}

.main .psychological-consult-detail .msg strong {
    font-style: normal;
}

/*1111*/

/*心理知识*/
.main .psychological-knowledge {
    margin: 20px auto;
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .psychological-knowledge .list-type {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
    padding-bottom: 20px;
}

.main .psychological-knowledge .list-type li {
    width: auto;
    height: auto;
    float: left;
    margin: 0px 10px;
}

.main .psychological-knowledge .list-type li:nth-child(1) {
    margin: 0px 10px 0px 0px;
}

.main .psychological-knowledge .list-type li a {
    width: auto;
    height: 33px;
    line-height: 33px;
    display: inline;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 10px;
}

.main .psychological-knowledge .list-type li.on a, .main .psychological-knowledge .list-type li:hover a {
    color: #ffffff;
    background: #81cac5;
}

.main .psychological-knowledge .list {
    width: 1000px;
    height: auto;
    margin: 20px auto;
    box-sizing: border-box;
}

.main .psychological-knowledge .list li {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
    margin-bottom: 20px;
}


.main .psychological-knowledge .list .left {
    float: left;
}

.main .psychological-knowledge .list li .left img {
    width: 211px;
    height: 144px;
}

.main .psychological-knowledge .list li .right {
    width: 749px;
    /*height: 144px;*/
    float: right;
}

.main .psychological-knowledge .list li .right .title {
    font-size: 18px;
    line-height: 38px;
    color: #303131;
    font-weight: bold;
    display: block;
    float: left;
}

.main .psychological-knowledge .list li .right .jobs {
    font-size: 14px;
    line-height: 38px;
    color: #303131;
    font-weight: bold;
    display: block;
    float: left;
    margin-left: 20px;
}

.main .psychological-knowledge .list li .right .intro {
    width: 769px;
    height: 78px;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color: #303131;
    float: left;
}

.main .psychological-knowledge .list li .right .time {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #9c9c9c;
    float: left;
}

.main .psychological-knowledge-detail {
    margin: 20px auto;
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .psychological-knowledge-detail .top {
    width: 1000px;
    height: auto;
    /*height: 144px;*/
    border-bottom: 1px solid #dcdee3;
    padding-bottom: 20px;
    text-align: center;
}

/*.main .psychological-knowledge-detail .top > img {*/
/*    width: 211px;*/
/*    height: 144px;*/
/*    display: block;*/
/*    float: left;*/
/*}*/


.main .psychological-knowledge-detail .top b {
    font-size: 18px;
    font-weight: bold;
    color: #303131;
    display: block;
    line-height: 30px;
}

.main .psychological-knowledge-detail .top i {
    font-size: 14px;
    font-weight: bold;
    color: #9c9c9c;
    font-style: normal;
    display: block;
    line-height: 22px;
}

.main .psychological-knowledge-detail .top strong {
    font-size: 14px;
    color: #9c9c9c;
    font-style: normal;
    line-height: 22px;
}

.main .psychological-knowledge-detail .top span:nth-child(3) {
    font-size: 16px;
    color: #c51e1e;
}

.main .psychological-knowledge-detail .top button {
    width: 203px;
    height: 45px;
    background: #ff6b6b;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border: 0px;
    border-radius: 10px;
    margin-top: 2px;
    cursor: pointer;
}

.main .psychological-knowledge-detail .content {
    width: 979px;
    padding: 0px 10px;
    height: auto;
    margin: 20px 0px;
    font-size: 14px;
    line-height: 24px;
}

.main .psychological-knowledge-detail .content img {
    max-width: 100%;
}

.main .psychological-knowledge-detail .content table {
    width: 100%;
    margin: 0px auto;
}


/*心理课程*/
.main .psychological-course {

}


.main .psychological-course {
    margin: 20px auto;
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}


.main .psychological-course .list-type {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
    padding-bottom: 20px;
}

.main .psychological-course .list-type li {
    width: auto;
    height: auto;
    float: left;
    margin: 0px 10px;
}

.main .psychological-course .list-type li:nth-child(1) {
    margin: 0px 10px 0px 0px;
}

.main .psychological-course .list-type li a {
    width: auto;
    height: 33px;
    line-height: 33px;
    display: inline;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 10px;
}

.main .psychological-course .list-type li.on a, .main .psychological-course .list-type li:hover a {
    color: #ffffff;
    background: #81cac5;
}


.main .psychological-course .list {
    width: 1000px;
    height: auto;
    margin: 20px auto;
    box-sizing: border-box;
}

.main .psychological-course .list li {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
    margin-bottom: 20px;
}


.main .psychological-course .list .left {
    float: left;
}

.main .psychological-course .list li .left img {
    width: 211px;
    height: 144px;
}

.main .psychological-course .list li .right {
    width: 749px;
    /*height: 144px;*/
    float: right;
}

.main .psychological-course .list li .right .title {
    font-size: 18px;
    line-height: 38px;
    color: #303131;
    font-weight: bold;
    display: block;
    float: left;
}

.main .psychological-course .list li .right .intro {
    width: 769px;
    height: 78px;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color: #303131;
    float: left;
}

.main .psychological-course .list li .right .price {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #c51e1e;
    float: left;
}


/*心理课程详情页*/

.main .course-intro {
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .course-intro .test-intro-img img {
    width: 1000px;
    height: 410px;
}

.main .course-intro .top {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #c4c4c4;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 20px 0px;
}

.main .course-intro .top .title {
    line-height: 50px;
    font-size: 18px;
    color: #111111;
    display: block;
}

.main .course-intro .top .title-intro {
    line-height: 30px;
    font-size: 14px;
    color: #565555;
    display: block;
}

.main .course-intro .top .price {
    line-height: 40px;
    font-size: 18px;
    color: #cb241c;
    display: block;
    float: left;
}

.main .course-intro .top .vip-price {
    line-height: 40px;
    font-size: 18px;
    color: #b1adad;
    display: block;
    float: left;
    text-decoration: line-through;
}

.main .course-intro .top .split {
    width: 3px;
    height: 30px;
    background: #c2c2c2;
    display: block;
    float: left;
    margin: 10px 10px 0px 10px;
}

.main .course-intro .top .vip-treatment {
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #5c9b96;
    display: block;
    float: left;
    cursor: pointer;
}

.main .course-intro .tab {
    width: 1000px;
    height: auto;
    background: #81cac5;
    box-sizing: border-box;
    padding: 20px 0px;
}

.main .course-intro .tab a {
    width: auto;
    height: 44px;
    line-height: 44px;
    color: #111111;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 0px 10px;
    margin: 0px 20px;
    cursor: pointer;
}

.main .course-intro .tab a.on, .main .course-intro .tab a:hover {
    color: #ffffff;
    font-size: 18px;
    border-bottom: 3px solid #cb241c;
}

.main .course-intro .content {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #c4c4c4;
    box-sizing: border-box;
    padding: 20px 0px;
}


.main .course-intro .go {
    width: 1000px;
    height: auto;
    box-sizing: border-box;
    padding: 20px 0px;
}

.main .course-intro .go .btn-box {
    width: 870px;
    height: auto;
    margin: 0px auto;
    background: #fe6969;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

.main .course-intro .go .btn-box span {
    width: 870px;
    height: 16px;
    display: block;
    line-height: 16px;
    font-size: 14px;
    color: #ffffff;
    /*box-sizing: border-box;*/
}

.main .course-intro .go .btn-box span.btn-price {
    padding: 5px 0px 0px 0px;
}

.main .course-intro .go .btn-box span.btn-pay {
    padding: 0px 0px 5px 0px;
}

.main .course-intro .go .btn-box span.btn-vip-pay {
    padding: 5px 0px 5px 0px;
    height: 32px;
    line-height: 32px;
}


.main .course-intro .go .btn-box span.btn-price {
    padding: 5px 0px 0px 0px;
}

.main .course-intro .go .btn-box span.btn-pay {
    padding: 0px 0px 5px 0px;
}

.main .course-intro .go .btn-box span.is-pay {
    height: 32px;
    line-height: 32px;
    padding: 5px 0px 5px 0px;
}


/*心理课程目录*/

.main .course-intro .list {
    width: 1000px;
    height: auto;
    margin: 20px auto;
    box-sizing: border-box;
}

.main .course-intro .list li {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #dcdee3;
    margin-bottom: 20px;
    padding-bottom: 20px;
}


.main .course-intro .list .left {
    float: left;
}

.main .course-intro .list li .left img {
    width: 211px;
    height: 144px;
}

.main .course-intro .list li .right {
    width: 749px;
    /*height: 144px;*/
    float: right;
}

.main .course-intro .list li .right .title {
    font-size: 18px;
    line-height: 38px;
    color: #303131;
    font-weight: bold;
    display: block;
    float: left;
}

.main .course-intro .list li .right .intro {
    width: 769px;
    height: 78px;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color: #303131;
    float: left;
}

.main .course-intro .list li .right .price {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #c51e1e;
    float: left;
}

/*心理课程最终页*/
.main .course-list-intro {

}


.main .course-list-intro {
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .course-list-intro .course-list-intro-audio audio {
    width: 1000px;
}

.main .course-list-intro .course-list-intro-video video {
    width: 1000px;
    height: auto;
}

.main .course-list-intro .top {
    width: 1000px;
    height: auto;
    border-bottom: 1px solid #c4c4c4;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 20px 0px;
}

.main .course-list-intro .top .title {
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #111111;
    display: block;
    text-align: center;
}


.main .course-list-intro .skls, .main .course-list-intro .kczd {
    width: 1000px;
    padding: 0px 10px;
    height: auto;
    margin: 20px 0px;
}

.main .course-list-intro .skls .title, .main .course-list-intro .kczd .title {
    font-size: 24px;
    color: #518985;
}

.main .course-list-intro .skls .content, .main .course-list-intro .kczd .content {
    font-size: 14px;
    line-height: 24px;
}

.main .course-list-intro .skls .content img, .main .course-list-intro .kczd .content img {
    max-width: 100%;
}

.main .course-list-intro .skls .content table, .main .course-list-intro .kczd .content table {
    width: 100%;
    margin: 0px auto;
}

/*详情页上下页*/
.intro-page {
    width: 1000px;
    height: auto;
    text-align: center;
    line-height: 50px;
}

.intro-page span {
    width: auto;
    font-size: 14px;
    font-weight: bold;
    color: #303131;
    margin: 0px 20px;
}

.intro-page a {
    width: auto;
    font-size: 14px;
    color: #5c9b96;
}

/*框架分页*/
.pagination {
    width: 100%;
    text-align: center;
}

.pagination > li {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    border: 0px !important;
    margin: 5px 5px !important;
}

.pagination > li span, .pagination > li a {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    border: 1px solid #81cac5;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 16px;
}

.pagination > li.disabled {
    display: none;
}

.pagination > li.active span {
    border: 1px solid #81cac5;
    font-size: 20px;
}

/*错误信息页面*/
.error-msg {
    width: 100%;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f2dfdf;
    font-size: 20px;
    font-weight: bold;
    color: red;
    /*position: absolute;*/
    /*top: 50px;*/
    /*left: 50%;*/
    /*transform:translate(-50%,-50%);!*水平、垂直都居中,也可以写成下面的方式*!*/
}

/*进度条*/
.goalProgress {
    background: #f7f7f7;
    padding: 5px;
}

div.progressBar {
    background: #5c9b96;
    color: #fff;
    letter-spacing: -1px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    width: 0px;
    max-width: 100%;
    text-align: center;
}

span.goalAmount {
    display: none;
    text-indent: -9999px;
}


/*支付弹出层*/
.user-select-pay-type {
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
}

.user-select-pay-type .price {
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    box-sizing: border-box;
    padding: 10px 0px;
}

.user-select-pay-type .pay-way {
    width: 150px;
    margin: 0px auto;

    box-sizing: border-box;
    padding: 10px 0px;
}

.user-select-pay-type .pay-way span {
    box-sizing: border-box;
    padding: 0px 30px;
    float: left;

}

.user-select-pay-type .pay-way input {
    position: absolute;
    top: 15px;
    right: 0px;
}

.user-select-pay-type .pay-way .alipay, .user-select-pay-type .pay-way .wxpay {
    box-sizing: border-box;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.user-select-pay-type .pay-way .wxpay span {
    background: url("../images/icon_wxpay.png") left center no-repeat;
}

.user-select-pay-type .pay-way .alipay span {
    background: url("../images/icon_alipay.png") left center no-repeat;
}

.user-select-pay-type .btn {
    width: 300px;
    height: 40px;
    line-height: 40px;
    background: #39bfb7;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
    margin: 0px auto;
    border-radius: 5px;
    cursor: pointer;
}

/*微信支付付款码弹出层*/
.wxpay-qrcode {
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
}

.wxpay-qrcode .price {
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    box-sizing: border-box;
    padding: 10px 0px;
}

.wxpay-qrcode .pay-way span {
    box-sizing: border-box;
    padding: 0px 30px;
    float: left;

}


/*文章详情页*/


.main .article-detail {
    margin: 20px auto;
    width: 1100px;
    height: auto;
    box-sizing: border-box;
    padding: 0px 50px;
}

.main .article-detail .top {
    width: 1000px;
    height: auto;
    /*height: 144px;*/
    border-bottom: 1px solid #dcdee3;
    padding-bottom: 20px;
    text-align: center;
}

/*.main .article-detail .top > img {*/
/*    width: 211px;*/
/*    height: 144px;*/
/*    display: block;*/
/*    float: left;*/
/*}*/


.main .article-detail .top b {
    font-size: 18px;
    font-weight: bold;
    color: #303131;
    display: block;
    line-height: 30px;
}

.main .article-detail .top i {
    font-size: 14px;
    font-weight: bold;
    color: #9c9c9c;
    font-style: normal;
    display: block;
    line-height: 22px;
}

.main .article-detail .top strong {
    font-size: 14px;
    color: #9c9c9c;
    font-style: normal;
    line-height: 22px;
}

.main .article-detail .top span:nth-child(3) {
    font-size: 16px;
    color: #c51e1e;
}

.main .article-detail .top button {
    width: 203px;
    height: 45px;
    background: #ff6b6b;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border: 0px;
    border-radius: 10px;
    margin-top: 2px;
    cursor: pointer;
}

.main .article-detail .content {
    width: 979px;
    padding: 0px 10px;
    height: auto;
    margin: 20px 0px;
    font-size: 14px;
    line-height: 24px;
}

.main .article-detail .content img {
    max-width: 100%;
}

.main .article-detail .content table {
    width: 100%;
    margin: 0px auto;
}

.my-integral{

}