@charset "utf-8";
/* CSS Document */

.gwcgal_bj {
    background: #f9f9f9;
}

.cgal {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.cgal_nav {
    width: 1200px;
    height: 40px;
    line-height: 40px;
}
.cgal .chapter-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px 0;
}
.cgal .chapter-box div {
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
}
.cgal .chapter-box div:hover {
    border-bottom: 1px solid #000;
}
.cgal .chapter-box div a{
    color: #000000;
    cursor: pointer;
}
.cgal_nav p, .cgal_nav a {
    color: #999;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

.cgal_nav p b, .cgal_nav p a, .cgal_nav p span {
    margin-right: 8px;
}

.cgal .left {
    width: 820px;
    float: left;
}

.cgal .right {
    width: 360px;
    float: right;
    position: relative;
}

.left_top {
    width: 820px;
    height: 233px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.gw_xx {
    width: 820px;
    height: 85px;
    background: #f6594e;
    border-bottom: 1px solid #fff;
    padding-top: 30px;
}

.gw_xx2 {
    width: 820px;
    height: 116px;
    border-top: 1px solid #f6594e;
    background: #fff;
}

.gw_xx .top {
    width: 554px;
    height: 85px;
    margin-left: 266px;
}

.gw_xx .top h2 {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
}

.gw_xx .top p {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.gw_xx .top em {
    width: 14px;
    height: 20px;
    background: url(/static/images/expert/gwxx_xb.png) no-repeat;
    display: inline-block;
    margin-right: 22px;
    vertical-align: middle;
}

.gw_xx .top a {
    width: 92px;
    height: 28px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    background: url(/static/images/expert/gwxx_btn.png) no-repeat;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

.gw_xx .top a:hover {
    background: url(/static/images/expert/gwxx_btnh.png) no-repeat;
    color: #f6594e;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease-in 0s;
}

.gwms {
    margin-top: 15px;
}

.gwms i {
    padding: 0 5px 0;
}

.gw_xx2 p {
    color: #333;
    font-size: 14px;
    margin-left: 266px;
    margin-top: 24px;
    width: 530px;
    height: 77px;
    overflow: hidden;
}

.left_top img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.left_top .gw_txtu {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    left: 40px;
}

.t_nav {
    width: 820px;
    height: 50px;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.t_nav p {
    color: #333;
    font-size: 16px;
    padding: 0 28px;
    height: 46px;
    border-bottom: 4px solid #e5e5e5;
    text-align: center;
    line-height: 46px;
    display: inline-block;
    cursor: pointer;
}

.t_nav p span {
    color: #999;
    font-size: 14px;
    padding-left: 4px;
}

.t_nav p a {
    color: #333;
}

.t_nav .active a {
    color: #f6594e;
}

.t_nav .active {
    color: #f6594e;
    border-bottom: 4px solid #f6594e;
}

.t_nav .active span {
    color: #f6594e;
}

.t_content {
    width: 750px;
    background: #fff;
    padding: 40px 30px 40px 40px;
    overflow: hidden;
    padding-bottom: 97px;
}

.t_off {
    width: 238px;
    height: 436px;
    border: 1px solid #eee;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.t_off .top {
    width: 238px;
    height: 339px;
    position: relative;
    overflow: hidden;
}

.t_off .top img {
    transition: all 0.9s;
    width: 238px;
}

.t_off .top img:hover {
    transform: scale(1.1);
}

.t_off .top p .em1 {
    width: 32px;
    height: 28px;
    background: url(/static/images/expert/gwxx_p1.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.t_off .top p span {
    color: #fff;
    font-size: 14px;
    background: url(/static/images/expert/gwxx_p2.png) repeat-x;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 28px;
    line-height: 28px;
}

.t_off .top p .em2 {
    width: 8px;
    height: 28px;
    background: url(/static/images/expert/gwxx_p3.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.t_off .top p {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.t_off .bottom {
    width: 223px;
    height: 71px;
    color: #818181;
    font-size: 16px;
    line-height: 28px;
    border-top: 1px solid #eee;
    padding-left: 15px;
    padding-top: 25px;
}

.t_content .t_off {
    width: 238px;
    height: 436px;
    border: 1px solid #eee;
    float: left;
    background: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.t_content .t_off:hover {
    background: #eee;
    transition: all 0.3s ease-in 0s;
}

.page_tur {
    width: 750px;
    height: 36px;
    text-align: center;
    margin-top: 20px;
    float: left;
}

.page_tur span {
    width: 34px;
    height: 34px;
    color: #333;
    text-align: center;
    line-height: 34px;
    border: 1px solid #efefef;
    display: inline-block;
    cursor: pointer;
}

.page_tur .active {
    background: #f6594e;
    color: #fff;
}

/*gwjs*/
.grjs_ct_content {
    width: 820px;
    background: #fff;
}

.grjs_c {
    width: 820px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.grjs_c a {
    cursor: pointer;
}

.grjs_c a:hover h5 {
    color: #f6594e;
    transition: all 0.3s ease-in 0s;
}

.grjs_c .grjs_cl {
    float: left;
    padding-top: 44px;
    padding-left: 40px;
}

.grjs_c .grjs_cl h4 {
    color: #999;
}

.grjs_c .grjs_cr {
    width: 590px;
    float: left;
    padding-left: 40px;
}

.grjs_c .grjs_cr div {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.grjs_cr_style2 div {
    width: 85%;
    margin: 0 auto;
}

.grjs_cr_style2 div img {
    transition: all 0.9s;
}

.grjs_cr_style2 div img:hover {
    transform: scale(1.1);
}

.grjs_c .grjs_cr div:hover h5 {
    display: block;
}

.grjs_c .grjs_cr div:hover h3 {
    display: block;
}

.grjs_c .grjs_cr div h5 {
    width: 100%;
    height: 40px;
    background: #292425;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}

.grjs_c .grjs_cr div h3 {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    display: none;
}

.grjs_c .grjs_cr p {
    color: #333;
    line-height: 28px;
    padding: 40px 20px 40px 0;
}

.grjs_c .grjs_cr2 {
    width: 650px;
    padding-top: 40px;
}

/*xypj*/
.xypj {
    width: 70px;
    height: 70px;
    background: url(/static/images/expert/xypj_ico.png) no-repeat;
}

.xypj_n {
    color: #333;
    font-weight: bold;
    padding-top: 30px;
}

.grjs_c .grjs_cr .xypj_p {
    padding-top: 18px;
}

/*zjsd*/
.zjsd_t {
    width: 740px;
    height: 41px;
    padding-top: 30px;
}

.zjsd_t h5 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    float: left;
}

.zjsd_t h5:hover {
    color: #f6594e;
    transition: all 220ms;
}

.zjsd_t span {
    float: right;
    color: #999;
    font-size: 14px;
    vertical-align: middle;
}

.zjsd_t span em {
    width: 21px;
    height: 14px;
    background: url(/static/images/expert/zjsd_s.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.zjsd_b {
    width: 740px;
    padding-bottom: 10px;
}

.zjsd_b p {
    color: #818181;
    font-size: 14px;
    line-height: 29px;
    padding-bottom: 23px;
}

.zjsd_b p {
    width: 100%;
    height: 300px;
    position: relative;
    line-height: 20px;
    max-height: 20px;
    overflow: hidden;
}

.zjsd_b p::after {
    content: "...";
    position: absolute;
    bottom: 2px;
    right: 10px;
    padding-left: 4px;
    background: -webkit-linear-gradient(left, transparent, #fff 0%);
    background: -o-linear-gradient(right, transparent, #fff 0%);
    background: -moz-linear-gradient(right, transparent, #fff 0%);
    background: linear-gradient(to right, transparent, #fff 0%);
}

/*grsp*/
.grsp_d {
    width: 358px;
    height: 450px;
    border: 1px solid #eee;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

.grsp_d:hover {
    background: #eee;
    transition: all 0.3s ease-in 0s;
}

.grsp_d .sp {
    width: 358px;
    height: 230px;
    overflow: hidden;
}

.grsp_d .sp img {
    transition: all 0.9s;
}

.grsp_d .sp img:hover {
    transform: scale(1.1);
}

.grsp_d h3 {
    color: #333;
    font-size: 16px;
    padding-left: 9px;
    height: 50px;
    line-height: 50px;
}

.grsp_xx {
    width: 358px;
    height: 34px;
    border-bottom: 1px solid #eee;
}

.grsp_xx .p1 {
    width: 275px;
    height: 34px;
    float: left;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.grsp_xx .p1 span {
    margin-right: 5px;
}

.grsp_xx .p1 span i {
    color: #999;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    background: url(/static/images/expert/zjsdi1.png) repeat-x;
    vertical-align: middle;
}

.grsp_xx .p1 span .e1 {
    width: 5px;
    height: 24px;
    background: url(/static/images/expert/zjsde1.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.grsp_xx .p1 span .e2 {
    width: 5px;
    height: 24px;
    background: url(/static/images/expert/zjsde2.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.grsp_xx .p2 {
    width: 69px;
    height: 32px;
    padding-top: 2px;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grsp_xx .p2 em {
    width: 21px;
    height: 14px;
    background: url(/static/images/expert/zjsd_s.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    vertical-align: middle;
}

.grsp_xx .p2 span {
    vertical-align: middle;
    color: #999;
    font-size: 14px;
}

.grsp_spt {
    width: 338px;
    height: 113px;
    padding: 10px;
    overflow: hidden;
}

.grsp_spt p {
    color: #818181;
    font-size: 14px;
    line-height: 26px;
}

/*视频*/
.news_bj {
    background: #f9f9f9;
}

.news_c {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 60px;
}

.news_c .left {
    width: 820px;
    float: left;
}

.news_c .right {
    width: 360px;
    float: right;
}

.fenlei {
    width: 789px;
    background: #fff;
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-top: -9px;
}

.fenlei div span {
    color: #999;
    font-size: 14px;
    padding-right: 10px;
}

.fenlei .first1 {
    float: left;
    width: 135px;
}

.fenlei .first2 {
    float: left;
    width: 570px;
}

.fenlei div a {
    color: #333;
    font-size: 14px;
    padding-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 8px;
}

.fenlei div .active {
    background: #f6594e;
    color: #fff;
}

.fenlei div a:hover {
    background: #f6594e;
    color: #fff;
}

.zixun {
    width: 360px;
    background: #fff;
}

.bowen {
    width: 790px;
    background: #fff;
}

.bowen_on {
    width: 744px;
    height: 185px;
    border-bottom: 1px solid #eee;
    margin: 0 auto;
}

.bowen_on .left {
    width: 221px;
    height: 164px;
    float: left;
    margin-right: 30px;
    padding-top: 20px;
}

.bowen_on .right {
    width: 490px;
    height: 164px;
    float: left;
    padding-top: 20px;
    position: relative;
}

.bowen_on .right h3 {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
}

.bowen_on .right p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.kanmao {
    width: 150px;
    height: 25px;
    background: url(/static/images/expert/kan.gif) no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
}

.kanmao span {
    color: #999;
    font-size: 14px;
    position: absolute;
}

.kanmao .s1 {
    width: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 1px;
    left: 25px;
}

.kanmao .s2 {
    top: 4px;
    left: 115px;
}

.kanmaobb {
    width: 490px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 17px;
}

.kanmaobb a {
    color: #f6594e;
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.zixun_top {
    border-top: 4px solid #ffb81e;
}

.zixum_bt {
    width: 321px;
    height: 40px;
    border-bottom: 1px solid #eee;
    margin: 0 auto;
    position: relative;
}

.zixum_bt h4 {
    color: #333;
    font-size: 16px;
    border-left: 3px solid #ffb81e;
    height: 16px;
    line-height: 16px;
    position: absolute;
    left: 0;
    top: 12px;
    padding-left: 6px;
}

.zixum_bt a {
    color: #f6594e;
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 0;
}

.bowzz {
    padding-top: 15px;
    padding-bottom: 15px;
}

.bowzz li {
    padding-left: 30px;
}

.bowzz li p {
    position: relative;
    width: 315px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bowzz li p em {
    width: 6px;
    height: 6px;
    background: url(/static/images/expert/zi_dian.png) no-repeat;
    position: absolute;
    top: 15px;
    left: -11px;
}

.bowzz li p a {
    color: #333;
    font-size: 14px;
}

.bowzz li p .ewai {
    color: #999;
    font-size: 12px;
}

.bowzz li {
    line-height: 36px;
}

.si_btns {
    width: 360px;
    height: 122px;
    position: relative;
}

.si_btns a {
    width: 175px;
    height: 56px;
    position: absolute;
}

.si_btns .a1 {
    top: 0;
    left: 0;
}

.si_btns .a2 {
    top: 0;
    right: 0;
}

.si_btns .a3 {
    bottom: 0;
    left: 0;
}

.si_btns .a4 {
    bottom: 0;
    right: 0;
}

.zixunmb {
    margin-bottom: 18px;
}

.bowzz li p span {
    color: #999;
    font-size: 12px;
    position: absolute;
}

.shen1 {
    top: 0;
    left: 0;
}

.shen2 {
    top: 0;
    right: 0;
}

.wendang_d {
    width: 1200px;
    height: 37px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.fan_ye {
    width: 440px;
    height: 37px;
    margin-left: 190px;
}

.fan_ye a {
    color: #666;
    font-size: 12px;
    width: 35px;
    height: 35px;
    border: 1px solid #eee;
    background: #fff;
    display: inline-block;
    text-align: center;
    line-height: 35px;
}

.fan_ye .active {
    background: #ff6e64;
    color: #fff;
}

.kanmao a {
    color: #999;
    font-size: 14px;
    position: absolute;
}

.shipin_left {
    background: #fff;
    padding-bottom: 50px;
}

.sp_ltop {
    height: 127px;
}

.sp_ltop h3 {
    color: #333;
    font-size: 28px;
    text-align: center;
    padding-top: 33px;
    margin-bottom: 25px;
}

.sp_ltop p {
    color: #999;
    font-size: 16px;
    text-align: center;
}

.sp_ltop p span {
    padding-left: 15px;
    padding-right: 15px;
}

.sp_ltop p span em {
    width: 20px;
    height: 15px;
    background: url(/static/images/expert/emc1.png) no-repeat;
    display: inline-block;
    position: relative;
    top: 1px;
}

.sp_lxzj {
    width: 700px;
    height: 213px;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    margin: 0 auto 20px;
    position: relative;
}

.sp_lxzj_top {
    width: 652px;
    height: 152px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 auto;
    position: relative;
}

.sp_lxzj_top .d1 {
    width: 87px;
    height: 152px;
    position: absolute;
    top: 0;
    left: 0;
}

.sp_lxzj_top .d1 p {
    color: #999;
    font-size: 16px;
    position: absolute;
    top: 14px;
}

.sp_lxzj_top .d1 div {
    width: 87px;
    height: 87px;
    position: absolute;
    top: 47px;
}

.sp_lxzj_top .d1 div img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.sp_lxzj_top .d2 {
    width: 565px;
    height: 90px;
    position: absolute;
    top: 44px;
    left: 87px;
    padding-left: 22px;
}

.sp_lxzj_top .d2 p {
    color: #999;
    font-size: 16px;
    line-height: 30px;
}

.sp_lxzj_top .d2 p span {
    color: #333;
    margin-right: 16px;
}

.sp_lxzj_top .d2 p b {
    color: #ededed;
    padding: 0 4px;
}

.sp_lxzj_top .d2 p em {
    color: #f46157;
}

.sp_lxzj_top .d2 a {
    width: 118px;
    height: 40px;
    background: url(/static/images/expert/btn.png) no-repeat;
    position: absolute;
    top: 0;
    right: 20px;
}

.sp_lxzj_bottom {
    width: 650px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
}

.sp_lxzj_bottom p {
    color: #666;
    font-size: 16px;
}

.shipin_tub2 {
    width: 440px;
    height: 280px;
    margin: 0 auto 47px;
}

.shipin_tub3 {
    width: 700px;
    margin: 0 auto;
    margin-bottom: 45px;
    overflow: hidden;
}

.shipin_tub3 h5 {
    width: 70px;
    float: left;
    color: #818181;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
}

.shipin_tub3 p {
    width: 630px;
    float: left;
    color: #818181;
    font-size: 14px;
    line-height: 26px;
}

.shipin_tub3 ul {
    width: 630px;
    float: left;
}

.shipin_tub3 ul li {
    line-height: 26px;
}

.shipin_tub3 ul li a {
    color: #818181;
    font-size: 14px;
}

.success-table {
    background: white;
    padding: 0 38px 15px;
}

.success-table .table-title {

    text-align: center;
    font-size: 27px;
    padding: 30px 0;
    font-family: "Microsoft YaHei", "微软雅黑";

}

.success-table .table-title-bar {

    text-align: center;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    padding: 10px 0;

}
.success-table .table-title-bar span,.success-table .table-title-bar a { color: #999999; margin: 0 10px; }
.success-table .info-one ul {

    padding: 10px 0;
    border-bottom: 1px solid #E9E9E9;

}

.success-table .info-one ul li {
    width: 770px;
    height: 30px;
    line-height: 30px;
}

.success-table .info-one ul li img {
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.success-table .info-one ul li em {
    width: 332px;
    height: 538px;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    cursor: pointer;
}

.success-table .info-one ul li div:first-child {
    float: left;
    width: 180px;
    text-align: right;
    color: #C1C1C1;

}

.success-table .info-one ul li div:last-child {

    float: left;
    width: 557px;
    padding-left: 8px;
    font-size: 14px;

}

.success-table .info-one ul li:nth-child(2n) div:last-child {

    background: #f9f9f9;

}

.success-table .info-one ul li .multi .tifen {

    color: #F65A4E;
    position: relative;

}

.success-table .info-one ul li .multi .btn-a {

    color: #F65A4E;

}

.success-table .info-one ul li .multi .btn-a .btn {

    width: 90px;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    background-color: #F65A4E;
    border-radius: 20px;
    color: white;

}

.success-table .info-one ul li .multi .btn-a .btn:hover {
    background: #e83428;
}

.success-table .card {

    height: 213px;
    width: 700px;
    margin: 15px auto;
    background-color: #F9F9F9;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    padding: 0 25px;
    position: relative;

}

.success-table .card .card-one {

    height: 152px;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;

}

.success-table .card .card-one .card-base .title {

    color: #999999;
    display: inline-block;
    margin: 10px 0;

}

.success-table .card .card-one .card-base .expert-info {

    align-items: center;

}

.success-table .card .card-one .card-base .expert-info .portrait {

    width: 87px;
    height: 87px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;

}

.success-table .card .card-one .card-base .expert-info .info-detail div:nth-child(1) span:nth-child(1) {

    font-size: 18px;

}

.success-table .card .card-one .card-base .expert-info .info-detail div:nth-child(1) span:nth-child(2) {

    color: #F65A4E;
    margin-left: 5px;

}

.success-table .card .card-one .card-base .expert-info .info-detail div:nth-child(2) {

    margin: 5px 0;

}

.success-table .card .card-one .card-base .expert-info .info-detail div:nth-child(2) span {

    color: #999999;

}

.success-table .card .card-one .card-base .expert-info .info-detail div:nth-child(3) span {

    color: #999999;

}

.success-table .card .card-two {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    height: 60px;
    line-height: 60px;
    color: #616068;

}

.success-table .card .card-two span {

    font-size: 16px;

}

.success-table .card .card-one .question-button {

    width: 118px;
    height: 40px;
    margin: auto 0;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    background-color: #F65A4E;
    position: absolute;
    top: 45px;
    right: 25px;

}

.success-table .card .card-one .question-button {

    line-height: 40px;
    text-align: center;

}

.success-table .card .card-one .question-button:hover {
    background: #e83428;
}

.success-table .card .card-one .question-button a {

    color: white;

}

.success-table .card .card-one .card-base .expert-info .portrait img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.banner-info {

    margin-top: 20px;
    padding: 40px;
    background-color: white;
    box-sizing: border-boxss

}

.banner-info .banner-imgs {
    width: 740px;
    height: 140px;

    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #E9E9E9;

}

.banner-info .banner-imgs div {
    float: left;
    margin-right: 6px;
    width: 240px;
    height: 135px;
    overflow: hidden;
}

.banner-info .banner-imgs div img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.6s;

}

.banner-info .banner-imgs div img:hover {
    transform: scale(1.2);
}

.banner-info .banner-message {
    width: 740px;
    height: 170px;

}

.banner-info .banner-message .message-item {

    width: 350px;

}

.banner-info .banner-message .message-item:last-child {

    margin-left: 40px;

}

.banner-info .banner-message .message-item .message-item-title {
    margin-bottom: 10px;

    color: #7E7E7E;
    font-size: 16px;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #EFEFEF;
    font-weight: bold;
    position: relative;

}

.banner-info .banner-message .message-item .message-item-content p {

    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
    color: #818181;

}

.banner-info .banner-message .message-item .message-item-content p a {

    color: inherit;

}

.banner-info .banner-message .message-item .message-item-title::after {

    content: '';
    width: 2px;
    height: 15px;
    background-color: #F65A4E;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}

.jh_list {
    width: 820px;
    border-top: 20px solid #f9f9f9;
}

.jh_list h2 {
    display: flex;
    width: 740px;
    height: 70px;
    margin: 0 auto;
    line-height: 82px;
    border-bottom: 1px solid #e9e9e9;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.jh_list h2 div {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 630px;
}
.jh_list .consult-nav {
    display: flex;
    align-items: center;
    width: 720px;
    margin: 10px auto;
}
.jh_list .consult-nav div {
    width: 77px;
    height: 29px;
    font-size: 14px;
    text-align: center;
    margin-right: 20px;
    line-height: 29px;
    background: #D8D8D8;
    border-radius: 4px;
    color: #666666;
    font-weight: 500;
}
.jh_list .consult-nav .nav-active {
    background: #F6594E;
    color: #ffffff;
}
.list_page {
    display: flex;
    width: 100%;
    align-items: center;
}
.list_page .page_box {
    flex: 1;
}
.list_page .page_box-null {
    display: none;
}
.jh_list .consultNav_list {
    display: none;
    background: #ffffff;
}
.jh_list li {
    width: 740px;
    margin: 0 auto;
    border-bottom: 1px solid #EAEAEA;
}

.jh_list li h3 {
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 18px;
}

.jh_list li p {
    width: 100%;
    max-height: 70px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.jh_list li .consultNav_list_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #9C9C9C;
    margin-bottom: 20px;
}
.jh_list li .consultNav_list_box div:nth-child(2) {
    display: flex;
    align-items: center;
}
.jh_list li .consultNav_list_box div:nth-child(2) img {
    width: 12px;
    height: 12px;
    margin-right: 3px;
}


.copyright {
    margin-top: 20px;
    padding: 40px;
    background-color: white;
    line-height: 20px;
}

.copyright .copyright-text .copyright-title {
    color: #BBBBBB;
    font-size: 12px;
    font-weight: bold;
}

.copyright .copyright-text p {
    color: #C1C1C1;
    font-size: 12px;
}

.copyright .row-line {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-color: #EAEAEA;
}

.c_red {
    color: #F65A4E;
    font-weight: bold;
}

.success-table .quote {
    position: relative;
    margin: 20px 0;
    margin: 0 auto;
    justify-content: center;
}

.success-table .quote .quote-left {
    left: 0;
    top: 15px;
}

.success-table .quote .quote-text {
    width: 690px;
    line-height: 25px;
    color: #333333;
    margin: 15px auto;
    font-size: 16px;
    font-size: 16px;
    line-height: 150%;
}

.success-table .quote .quote-right {
    bottom: -15px;
    right: 0;
}

.success-table .quote .quote-left {
    position: absolute;
    color: #EAEBEC;
    transform: scale(5);
}

.success-table .quote .quote-right {
    position: absolute;
    color: #EAEBEC;
    transform: scale(5);
}

.success-table .tags {
    height: 3px;
    border-top: 1px solid #E9E9E9;
    margin-bottom: 30px;
}

.success-table .tags div:nth-child(1) {
    width: 7%;
    margin-top: 4px;
}

.success-table .tags span {
    color: #999999;
    margin-left: 4px;
}

.success-table .tags div:nth-child(2) {
    width: 93%;
}

.success-table .tags .tag {
    display: inline-block;
    padding: 5px 8px 5px 25px;
    background: url('/static/images/expert/yuanjiao.png') no-repeat;
    background-size: auto auto;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 10px;
}

.success-table .tags .tag::after {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #E9E9E9;
    border-radius: 50%;
}

.success-table .header-part {
    overflow: hidden;
    padding: 35px 0 20px;
    height: auto;
    border-bottom: 1px solid #E9E9E9;
}

.success-table .header-part .date-detail {
    width: 140px;
    float: left;
    text-align: center;
    border: 1px solid #F65A4E;
}

.success-table .header-part .date-detail div:nth-child(1) {
    height: 34px;
    line-height: 34px;
    color: white;
    font-weight: bold;
    background-color: #F65A4E;
}

.success-table .header-part .date-detail div {
    align-items: center;
    justify-content: center;
}

.success-table .header-part .date-detail div:nth-child(2) {
    height: 51px;
    line-height: 51px;
    background-color: #F65A4E;
    color: white;
    font-size: 24px;
    font-weight: bold;
    border-top: 1px solid white;
}

.success-table .header-part .date-detail div:nth-child(3) {
    height: 33px;
    line-height: 33px;
    background-color: white;
    border-top: 1px solid #F65A4E;
    color: #F65A4E;
}

.success-table .header-part .title-detail {
    width: 580px;
    float: left;
}

.success-table .header-part .title-detail .table-title {
    font-size: 27px;
    padding-top: 13px;
    font-family: "Microsoft YaHei", "微软雅黑";
    width: 100%;

}

.success-table .header-part .title-detail .table-title-bar2 {
    padding-top: 2px;
}

.success-table .header-part .title-detail .table-title-bar2 span {
    color: #999999;
    margin-right: 10px;
}

.success-table .header-part .title-detail .title-buttons {
    padding-top: 6px;
}

.success-table .header-part .title-detail .title-buttons div {
    width: 90px;
    height: 26px;
    line-height: 26px;
    color: white;
    border-radius: 20px;
    margin-right: 10px;
    background-color: #F65A4E;
    text-align: center;
    cursor: pointer;
    float: left;
}

.jr360_d {
    height: 34px;
    line-height: 34px;
    color: white;
    font-weight: bold;
    background-color: #F65A4E;
}

.jr360_d2 {
    height: 51px;
    line-height: 51px;
    background-color: #F65A4E;
    color: white;
    font-size: 24px;
    font-weight: bold;
    border-top: 1px solid white;
}

.jr360_d3 {
    height: 33px;
    line-height: 33px;
    background-color: white;
    border-top: 1px solid #F65A4E;
    color: #F65A4E;
}

.jr360_d4 {
    background: #fff !important;
}

.success-table .info-one ul li .info-one-value .jiangzuo {
    padding: 10px 0;
    align-items: center;
}

.success-table .info-one ul li .info-one-value .jiangzuo .header-photo {
    float: left;
    width: 143px;
    height: 153px;
    margin-right: 15px;
    overflow: hidden;
}

.success-table .info-one ul li .info-one-value .jiangzuo .header-photo img {
    width: 100%;
    height: 100%;
}

.c_red {
    color: #F65A4E;
    font-weight: bold;
}

.success-table .info-one ul li .info-one-value .jiangzuo .jiangzuo-content {
    color: #7E7E7E;
}

.success-table .bespeak-left {
    width: 700px;
    height: 165px;
    margin: 15px auto;
    background-color: #F9F9F9;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    padding: 0 25px;
}

.success-table .bespeak-left .bespeak-title {
    padding: 20px 0;
    font-size: 16px;
    color: #7E7E7E;
    font-weight: bold;
}

.success-table .bespeak-left .bespeak-inputs ul {
    flex-wrap: wrap;
}

.success-table .bespeak-left .bespeak-inputs ul .li-item {
    position: relative;
}

.success-table .bespeak-left .bespeak-inputs ul .li-item div:nth-child(1) {
    position: relative;
}

.success-table .bespeak-left .bespeak-inputs div {
    margin-bottom: 10px;
}

.success-table .bespeak-left .bespeak-inputs ul .li-item div:nth-child(1) #bespeak-name, .section .success .success-table .bespeak-left .bespeak-inputs ul .li-item div:nth-child(1) #bespeak-country {
    width: 268px;
    display: inline-block;
    margin-right: 7px;
}

.success-table .bespeak-left .bespeak-inputs ul .li-item div:nth-child(1) #bespeak-phone {
    width: 394px;
}

.success-table .bespeak-left .bespeak-inputs ul .li-item div:nth-child(1) input {
    height: 38px;
    padding-left: 10px;
    box-sizing: border-box;
    border: 1px solid #E9E9E9;
    background-color: white;
}

.success-table .bespeak-left .bespeak-inputs ul .btn-li {
    width: 106px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: white;
    border-radius: 20px;
    background-color: #F65A4E;
    margin-left: 10px;
    cursor: pointer;
}

.btn {
    transition: all ease .3s;
}

.jr360_d7 {
    width: 268px;

    display: inline-block;

    margin-right: 7px;
    height: 38px;

    padding-left: 10px;

    box-sizing: border-box;

    border: 1px solid #E9E9E9;

    background-color: white;

    padding: 5px;

    color: #bdbdbd;
}

.success-table .bespeak-left .bespeak-inputs ul .btn-li {
    width: 106px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: white;
    border-radius: 20px;
    background-color: #F65A4E;
    position: absolute;
    right: 31px;
    bottom: -86px;

}

.cont p {
    color: #333;

    font-size: 18px;

    line-height: 30px;
}

.cont img {
    width: 100%;
    margin: 10px auto 10px;
    display: block;
}

.cgal_nav p b, .cgal_nav p a, .cgal_nav p span {
    margin-right: 0px;
    margin-left: 8px;
}

.body-l .cont {
    width: 700px;
    margin-left: 60px;
    background: #fff;
    overflow: hidden;
    margin-top: 18px;
}

/*.cont * {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    background: none;*/
/*    color: #333;*/
/*    line-height: 26px;*/
/*}*/

/*.cont strong {*/
/*    font-weight: bold;*/
/*    color: inherit;*/
/*    font-size: 16px;*/
/*}*/

/*.cont em {*/
/*    font-style: italic;*/
/*}*/

/*.cont h1 {*/
/*    font-size: 32px;*/
/*}*/

/*.cont h2 {*/
/*    font-size: 24px;*/
/*}*/

/*.cont h3 {*/
/*    font-size: 18px;*/
/*}*/

/*.cont h4 {*/
/*    font-size: 16px;*/
/*}*/

/*.cont h5 {*/
/*    font-size: 14px;*/
/*}*/

/*.cont h6 {*/
/*    font-size: 12px;*/
/*}*/

.cont p:last-child {
    margin-bottom: 0px;
}

.contents p {
    text-align: left;
}

.contents {
    margin-top: 40px;
    margin-left: -50px;
}

.recommed {
    position: relative;
    width: 700px;
    margin-left: 20px;
    margin-bottom: 25px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #f9f9f9;
    height: 153px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 15px;

}

.recommed .left {
    width: 159px;
    height: 151px;
    border-right: 1px solid #e9e9e9;
    float: left;
    margin-right: 19px;
}

.recommed .left span {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #f46157;
    margin-bottom: 5px;
}

.recommed .left div {
    width: 87px;
    height: 87px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.recommed .left div img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.recommed .left .btn {
    width: 119px;
    height: 40px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    background: #f46157;
    border-radius: 25px;
}

.recommed .right {
    width: 500px;
    height: 151px;
    float: left;
}

.recommed .right p, .recommed .right .content p a {
    color: #666;
    font-size: 16px;
}

.recommed .right p span {
    color: #f46157;
    padding-right: 20px;
}

.recommed .right .top {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

.recommed .right .content {
    width: 100%;
    height: 89px;
    padding-top: 20px;
}

.recommed .right .content p {
    width: 488px;
    height: 95px;
    line-height: 30px;
    overflow: hidden;
}

/*内容头部表单*/
.left .success-table .recommed.form-top {
    width: 100%;
    margin-left: 0px;
    padding-top: 12px;
    display: inline-block;
    padding-bottom: 1px;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 67px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.recommed.form-top input {
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    margin-bottom: 9px;
    color: #777777;
    font-size: 14px;
    padding-left: 15px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.recommed.form-top .btn-top {
    width: 117px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background-color: #f46157;
    border-radius: 10px;
    float: right;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 16px;
}

.recommed.form-top .btn-top:hover {
    background-color: #f46157;
    color: #f6f6f6;
    transition: all 220ms;
    margin-top: 0px;
    -webkit-box-shadow: 0px 0px 5px #B4B4B4;
    box-shadow: 0px 0px 5px #B4B4B4;
}

.recommed.form-top select {
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 9px;
    color: #777777;
    padding-left: 15px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border: 1px solid #e9e9e9;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    margin-bottom: 9px;
    float: left;
    background-image: url(http://www.aoji.cn/static/images/mb-rico.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    margin-left: 10px;
    margin-right: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.recommed.form-top div {
    width: 311px;
    height: 30px;
    padding: 5px;
    background: #fffde6;
    margin-bottom: 9px;
    border: none;
    position: relative;
}

.recommed.form-top div:after {
    content: "";
    width: 11px;
    height: 6px;
    background: url(/static/images/aboutus/x.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 45%;
    pointer-events: none;
    margin-top: 0px;
}

.recommed.form-top input:focus, textarea:focus, .form-bottom input:focus, .recommed.form-top select:focus, textarea:focus, .form-bottom select:focus {
    background-color: #FFF7F7;
    transition: all 220ms;
    color: #333;
    -webkit-box-shadow: 0px 0px 5px #ffa59f;
    box-shadow: 0px 0px 5px #ffa59f;
}

.recommed.form-top input:focus.btn-top, .form-bottom input:focus.btn-bottom {
    background-color: #f46157;
    transition: all 220ms;
    color: #fff;
}

/*内容底部表单*/
.gwr_ty.form-bottom {
    width: 700px;
    margin-left: 20px;
    padding-top: 12px;
    display: inline-block;
    padding-bottom: 1px;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    border-top-style: none;
    margin-top: -25px;
}

.form-bottom input {
    width: 256px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #777777;
    font-size: 14px;
    padding-left: 15px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    float: left;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.form-bottom .btn-bottom {
    width: 139px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background-color: #f46157;
    border-radius: 10px;
    float: right;
    position: absolute;
    right: 0px;
    top: 58px;
    height: 98px;
    font-size: 22px;
    padding-left: 40px;
    padding-right: 40px;
    white-space: pre-wrap;
    line-height: 30px;
    margin-right: 0px;
}

.form-bottom .btn-bottom:hover {
    background-color: #f46157;
    color: #fff;
    transition: all 220ms;
    margin-top: 0px;
    -webkit-box-shadow: 0px 0px 5px #B4B4B4;
    box-shadow: 0px 0px 5px #B4B4B4;
}

.form-bottom select {
    width: 256px;
    height: 42px;
    line-height: 40px;
    margin-bottom: 9px;
    color: #777777;
    padding-left: 15px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border: 1px solid #e9e9e9;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    margin-bottom: 10px;
    float: left;
    background-image: url(http://www.aoji.cn/static/images/mb-rico.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    margin-right: 5px;
    margin-top: 5px;
}

/*相关推荐*/
.success-table .gwr_ty.form-bottom h2 {
    padding-left: 0px;
    width: 100px;
}

.gwr_ty.form-bottom h2 span {
    left: 0px;
}

.banner-message.recommend-bottom, .banner-message.form-bottom {
    width: 700px;
    height: 200px;
    margin-left: 20px;
    margin-top: -10px;
    position: relative;
}

.left .success-table .banner-message.form-bottom {
    height: 180px;
}

.banner-message.recommend-bottom .message-item {
    width: 330px;
}

.banner-message.recommend-bottom .message-item:last-child {
    margin-left: 40px;
}

.banner-message.recommend-bottom .message-item-title, .banner-message.form-bottom .message-item-title {
    margin-bottom: 10px;
    color: #7E7E7E;
    font-size: 16px;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #EFEFEF;
    font-weight: bold;
    position: relative;
}

.banner-message.recommend-bottom .message-item .message-item-content p {
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0px;
    color: #818181;
}

.banner-message.recommend-bottom .message-item .message-item-content p a {
    color: inherit;
}

.banner-message.recommend-bottom .message-item-title::after, .banner-message.form-bottom .message-item-title::after {
    content: '';
    width: 2px;
    height: 15px;
    background-color: #F65A4E;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.cgal .left .banner-message.recommend-bottom.shool-bottom { margin-top: 14px; width: 820px; height: 220px; background-color: #fff; border-top: 4px solid #f46157; margin-left: 0px; }
.left .success-table .banner-message.form-bottom { height: 180px; }
.left .banner-message.recommend-bottom.shool-bottom .message-item-title { padding-left: 24px; }
.left .banner-message.recommend-bottom.shool-bottom .message-item-title::after {left: 14px; }
.left .banner-message.recommend-bottom.shool-bottom .message-item { margin-left: 24px; width: 384px; }
.cgal .left .banner-message.recommend-bottom.shool-bottom.question-bottom { border-top-style: none; margin-top: 0px; }
.left .banner-message.recommend-bottom.shool-bottom .message-item .message-item-content p { line-height: 30px; }
.cgal .left .mobile-link { font-size: 14px; color: #818181; margin-left: 52px; margin-top: 10px; margin-bottom: 30px; display: block; }
