/*通用汉语开始*/
body {
    margin: 0;
    padding: 0;
}
.login_wrapper_re {
    min-width: 1300px!important;
}
.boot {
    min-width: 1300px!important;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.bannerty {
    min-width: 1300px;
    width: 100%;
    height: 430px;
    background: url(../../../images/web/ad/gc/banner.png) no-repeat;
}
.main {
    min-width: 1300px;
    width: 100%;
    height: auto;
    font-family: La;
}
.main a {
    color: #2C75BF;
}
.wrapGGC {
    min-width: 1300px;
    width: 100%;
    height: auto;
    background: url(../../../images/web/ad/gc/sidebg.png) bottom left no-repeat;
}
.wrap {
    width: 1100px;
    height: auto;
    margin: -30px auto 0px;
    /*background: #e5e5e5;*/
}
.wrap_m01 {
    width: 1100px;
    height: 570px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
}
.wrap_m01_item {
    width: 1000px;
    height: auto;
    margin: 10px auto;
    background: url(../../../images/web/ad/gc/wrap_m01_item.png) top center no-repeat;
    border: 1px solid transparent;
}
.wrap_m01_item01 {
    width: 325px;
    margin-top: 35px;
    border-bottom: 9px solid #E1F1FF;

}
.wrap_m01_item01 p{
    display: block;
    width: 325px;
    font-size: 24px;
    font-weight: bold;
    color: #051D58;
    margin-bottom: -10px;
}
.wrap_m01_item02 {
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 26px;
    margin-top: 40px;
    letter-spacing: 0.6px;
}
.wrap_m01_item03 {
    margin-top: 40px;
    width: 100%;
    height: 126px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.wrap_m01_item03 .flex-col {
    width: 490px;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.wrap_m01_item03 .flex-col_t {
    position: absolute;
    top: 11px;
    left: 231px;
    font-size: 19px;
    font-weight: 600;
    color: #000000;
    line-height: 32px;
}

.wrap_m01_item03 .flex-col_d {
    position: absolute;
    top: 50px;
    left: 231px;
    font-size: 17px;
    font-weight: 400;
    color: #7E7E7E;
    line-height: 24px;
    letter-spacing: 0.3px;
    word-break: break-all;
}
.wrap_m01_item04 {
    margin-top: 40px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 26px;
    letter-spacing: 0.6px;

}
.wrap_m02 {
    padding-bottom: 79px;
    overflow: hidden;
}
.wrap_m02_item01 {
    margin-top: 62px;
    width: 100%;
    height: 85px;
    text-align: center;
    background: url(../../../images/web/ad/gc/GGC2.png) top center no-repeat;
    font-size: 23px;
    color: #085190;
    line-height: 130px;
}
.wrap_m02_item02 {
    margin-top: 50px;
    width: 770px;
    height: 300px;
    background: url(../../../images/web/ad/gc/split.png) center left no-repeat;
    position: relative;
    display: inline-block;
}
.flex_ggc01 {
    width: 720px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 26px;
    margin-left: 50px;
    letter-spacing: 0.6px;
}
.flex_ggc02 {
    width: 720px;
    margin-top: 34px;
    margin-left: 50px;

}
.flex_ggc02 .flex_ggc_sign{
    background: url(../../../images/web/ad/gc/origin.png) center left no-repeat;
}
.flex_ggc02 .flex_ggc_sign02{
    background: url(../../../images/web/ad/gc/origin.png) 0px 8px no-repeat;
}
.flex_ggc02 .flex_ggc_sign p,
.flex_ggc02 .flex_ggc_sign02 p{
    width: 690px;
    letter-spacing: 0.6px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 26px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.flex_ggc03 {
    background: url(../../../images/web/ad/gc/button1.png) center center no-repeat;
    width: 716px;
    height: 70px;
    margin: 0px auto;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 24px;
    font-weight: bold;
    color: #085CA4;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
}
.wrap_m02_item03 {
    width: 300px;
    height: 300px;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
    float: right;
}

.wrapTCC {
    min-width: 1300px;
    width: 100%;
    height: 570px;
    background: #E7F4FF;
    margin-bottom: 52px;
}
.wrap02 {
    width: 1100px;
    height: auto;
    margin: 0px auto 0px;
    /*background: #e5e5e5;*/
}
.wrap_m03 {
    margin-bottom: 79px;
    overflow: hidden;
}
.wrap_m03_item01 {
    margin-top: 50px;
    width: 100%;
    height: 85px;
    text-align: center;
    background: url(../../../images/web/ad/gc/TCC3.png) top center no-repeat;
    font-size: 23px;
    color: #085190;
    line-height: 130px;
}
.wrap_m03_item02 {
    margin-top: 45px;
    width: 770px;
    height: 300px;
    background: url(../../../images/web/ad/gc/split2.png) center left no-repeat;
    position: relative;
    display: inline-block;
}
.flex_ggc01 {
    width: 720px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 26px;
    margin-left: 50px;
    letter-spacing: 0.6px;
}
.flex_ggc02 {
    width: 720px;
    margin-top: 34px;
    margin-left: 50px;

}
.flex_ggc02 .flex_ggc_sign{
    background: url(../../../images/web/ad/gc/origin.png) center left no-repeat;
}
.flex_ggc02 .flex_ggc_sign02{
    background: url(../../../images/web/ad/gc/origin.png) 0px 8px no-repeat;
}
.flex_ggc02 .flex_ggc_sign p,
.flex_ggc02 .flex_ggc_sign02 p{
    width: 690px;
    letter-spacing: 0.6px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 26px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.flex_ggc03 {
    background: url(../../../images/web/ad/gc/button1.png) center center no-repeat;
    width: 716px;
    height: 70px;
    margin: 0px auto;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 24px;
    font-weight: bold;
    color: #085CA4;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
}
.wrap_m03_item03 {
    width: 300px;
    height: 300px;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
    float: right;
}
.wrapFAQ {
    min-width: 1300px;
    width: 100%;
    height: auto;
    /*margin-bottom: 52px;*/
}
.wrap03 {
    width: 1100px;
    height: 1779px;
    margin: 0px auto 0px;
    overflow: hidden;
    position: relative;
}
.wrap_m04_item01 {
    width: 100%;
    height: 74px;
    background: url(../../../images/web/ad/gc/FAQ.png) top center no-repeat;
}
.wrap03_item01 {
    width: 218px;
    height: 111px;
    background: url(../../../images/web/ad/gc/item01.png) top center no-repeat;
    top: 131px;
    left: 34px;
    position: absolute;
}
.wrap03_item02 {
    width: 415px;
    height: 250px;
    background: url(../../../images/web/ad/gc/faq3.png) top center no-repeat;
    top: 74px;
    right: 0px;
    position: absolute;
}
.wrap03_item03 {
    width: 561px;
    height: 132px;
    background: url(../../../images/web/ad/gc/item03.png) top center no-repeat;
    top: 270px;
    left: 0px;
    position: absolute;

}
.wrap03_item04 {
    width: 1050px;
    height: 86px;
    /*background: url(../../../images/web/ad/gc/item04.png) top center no-repeat;*/
    background-color: #e7ecf0;
    top: 386px;
    right: 0px;
    position: absolute;
    border-radius: 26px;
}
.wrap03_item05 {
    width: 1050px;
    height: 86px;
    /* background: url(../../../images/web/ad/gc/item05.png) top center no-repeat; */
    top: 492px;
    right: 0px;
    position: absolute;
    background-color: #e7ecf0;
    border-radius: 26px;
}
.wrap03_item06 {
    width: 281px;
    height: 131px;
    background: url(../../../images/web/ad/gc/item06.png) top center no-repeat;
    top: 609px;
    left: 0px;
    position: absolute;
}
.wrap03_item07 {
    width: 814px;
    height: 131px;
    /*background: url(../../../images/web/ad/gc/item07.png) top center no-repeat;*/
    background-color: #e7ecf0;
    border-radius: 26px;
    top: 610px;
    right: 0px;
    position: absolute;
}
.wrap03_item07 .padding{
    margin-top: 27px;
    margin-left: 30px;
    margin-right: 29px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 35px;
    letter-spacing: 0.9px;
}
.wrap03_item08 {
    width: 321px;
    height: 132px;
    background: url(../../../images/web/ad/gc/item08.png) top center no-repeat;
    top: 772px;
    left: 0px;
    position: absolute;
}
.wrap03_item09 {
    width: 774px;
    height: 131px;
    /*background: url(../../../images/web/ad/gc/item09.png) top center no-repeat;*/
    background-color: #e7ecf0;
    border-radius: 26px;
    top: 774px;
    right: 0px;
    position: absolute;
}
.wrap03_item09 .padding{
    margin-top: 41px;
    margin-left: 30px;
    margin-right: 29px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
    letter-spacing: 0.9px;
}
.wrap03_item10 {
    width: 502px;
    height: 101px;
    background: url(../../../images/web/ad/gc/item10.png) top center no-repeat;
    top: 946px;
    left: 0;
    position: absolute;
}
.wrap03_item11 {
    width: 561px;
    height: 126px;
    /* background: url(../../../images/web/ad/gc/item11.png) top center no-repeat; */
    background-color: #e7ecf0;
    top: 1102px;
    left: 0px;
    position: absolute;
    border-radius: 26px;
}
.wrap03_item12 {
    width: 321px;
    height: 133px;
    background: url(../../../images/web/ad/gc/item12.png) top center no-repeat;
    top: 1347px;
    left: 0px;
    position: absolute;
}
.wrap03_item13 {
    width: 776px;
    height: 120px;
    background: url(../../../images/web/ad/gc/item13.png) top center no-repeat;
    top: 1347px;
    right: 0px;
    position: absolute;
}
.wrap03_item14 {
    width: 520px;
    height: 360px;
    background: url(../../../images/web/ad/gc/item14.png) top center no-repeat;
    top: 945px;
    right: 0px;
    position: absolute;
}
.wrap03_item15 {
    width: 524px;
    height: 46px;
    /*background: url(../../../images/web/ad/gc/tostartacourse.png) top center no-repeat;*/
    /*top: 1669px;*/
    top:1677px;
    left: 0px;
    position: absolute;
    font-size: 48px;
    font-weight: bold;
}
.wrap03_item16 {
    width: 502px;
    height: 101px;
    background: url(../../../images/web/ad/gc/item10.png) top center no-repeat;
    top: 1520px;
    left: 0px;
    position: absolute;
}
.wrap03_item17 {
    width: 593px;
    height: 131px;
    background: url(../../../images/web/ad/gc/item09.png) top center no-repeat;
    top: 1519px;
    right: 0px;
    position: absolute;
    border-radius: 23px;
}
.wrap03_ty1 {
    position: absolute;
    width: 18px;
    height: 54px;
    top: 257px;
    left: 0px;
    background: url(../../../images/web/ad/gc/ty1.png) top center no-repeat;
}
.wrap03_ty2 {
    position: absolute;
    width: 36px;
    height: 55px;
    top: 613px;
    left: 0px;
    background: url(../../../images/web/ad/gc/ty2.png) top center no-repeat;
}
.wrap03_ty3 {
    position: absolute;
    width: 36px;
    height: 55px;
    top: 759px;
    left: 0px;
    background: url(../../../images/web/ad/gc/ty3.png) top center no-repeat;
}
.wrap03_ty4 {
    position: absolute;
    width: 42px;
    height: 55px;
    top: 925px;
    left: 0px;
    background: url(../../../images/web/ad/gc/ty4.png) top center no-repeat;
}
.wrap03_ty5 {
    position: absolute;
    width: 36px;
    height: 55px;
    top: 1324px;
    left: 0px;
    background: url(../../../images/web/ad/gc/ty5.png) top center no-repeat;
}
.wrap03_ty6 {
    position: absolute;
    width: 36px;
    height: 55px;
    top: 1486px;
    left: 0px;
    background: url(../../../images/web/ad/gc/ty6.png) top center no-repeat;
}
.padding {
    margin-top: 29px;
    margin-left: 30px;
    margin-right: 29px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
    letter-spacing: 0.9px;
}
.wrapTostart {
    min-width: 1300px;
    width: 100%;
    height: auto;
    margin-bottom: 52px;
    background: #E7F4FF;
}
.wrap04 {
    width: 1100px;
    height: 360px;
    margin: 0px auto 0px;
    position: relative;
    overflow: hidden;
}
.contact {
    width: 1062px;
    margin: 29px auto 0;
}
.contacticon {
    width: 100%;
    height: 20px;
    background: url(../../../images/web/ad/gc/titlebg.png)  center left no-repeat;
    position: relative;
    margin-bottom: 17px;
}
.contacticon .p1{
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    top: 2px;
    left: 6px;

}
.contacticon .p2{
    margin-left: 40px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 28px;

}
.contactbg {
    width: 1062px;
    height: 110px;
    background: url(../../../images/web/ad/gc/contactbg.png)  center center no-repeat;
    margin: 15px auto 14px;
    padding-top: 15px;
}
.contactbg p {
    margin-top: 0px;
    margin-left: 39px;
    margin-bottom: 15px;
}
.contactdown {
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
    padding-left: 36px;
}

.wrapQuestions {
    min-width: 1300px;
    width: 100%;
    height: auto;
    margin-bottom: 52px;
}
.wrap05 {
    width: 1100px;
    height: 360px;
    margin: 0px auto 0px;
    position: relative;
    overflow: hidden;
}
.questions01 {
    width: 100%;
    height: 57px;
    /*background: url(../../../images/web/ad/gc/questions.png)  center left no-repeat;*/
    font-size: 48px;
    font-weight: bold;
    font-family: 'La';
    margin-bottom: 30px;
}
.questions02 {
    width: 1100px;
    height: 70px;
    background: url(../../../images/web/ad/gc/button2.png)  center center no-repeat;
    font-size: 24px;
    font-weight: bold;
    color: #085CA4;
    line-height: 70px;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
}
.questions04 {
    margin-top: 19px;
    margin-bottom: 9px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
}
.questions03 {
    width: 1100px;
    height: 151px;
    background: url(../../../images/web/ad/gc/questionsbg.png)  center center no-repeat;
}
.questions03_1 {
    width: 300px;
    font-size: 17px;
    font-weight: 400;
    color: #FFFFFF;
    display: inline-block;
    padding-top: 20px;
}
.questions03_1 p {
    margin-top: 10px;
    margin-left: 39px;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 400;
    color: #FFFFFF;
}
.questions03_2 {
    float: right;
    width: 765px;
    padding-top: 50px;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 29px;
    margin-right: 15px;
}
.gcpopup {
    position: relative;
}
.gcpopup_code {
    width: 200px;
    height: 204px;
    position: absolute;
    display: none;
    background: url(../../../images/web/ad/gc/gcpopup_code.png)  center center no-repeat;
    top: -200px;
    right: -15px;
}
.gcpopup:hover .gcpopup_code{
    display: block;
}
.signin {
    width: 260px;
    height: 360px;
    background:  url(../../../images/web/ad/gc/signup.png)  center center no-repeat;
    position: fixed;
    top: 300px;
    right: 100px;
    z-index: 999;
}
.signin_t {
    position: absolute;
    width: 100%;
    height: 73px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFE;
    line-height: 73px;
    text-align: center;
}
.signin_n {
    width: 220px;
    height: 36px;
    margin: 106px auto 0px;
}
.signin_n input {
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 5px;
    outline:none;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.signin_e {
    width: 220px;
    height: 36px;
    margin: 20px auto 0px;
}
.signin_e input {
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 5px;
    outline:none;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.signin_c {

    width: 220px;
    height: 36px;
    margin: 20px auto 0px;
}
.signin_s {
    width: 220px;
    height: 42px;
    margin: 29px auto 0px;
    background:  url(../../../images/web/ad/gc/submit.png)  center center no-repeat;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 42px;
    text-align: center;
}
/*通用汉语结束*/
/*obc开始*/
.bannerobc {
    min-width: 1300px;
    width: 100%;
    height: 420px;
    /*background: url(../../../images/web/ad/obc/banner2409P.png) center center no-repeat;*/
    background: url(../../../images/web/ad/obc/banner.png) center center no-repeat;
}
.wrapAbout {
    min-width: 1300px;
    width: 100%;
    height: auto;
}
.wrapobc01 {
    width: 1123px;
    height: 600px;
    margin: 0px auto;
    /*	background: #e4e4e4;*/
    position: relative;
}
.wrapobc01_item01 {
    position: absolute;
    /*width: 223px;*/
    height: 59px;
    background: url(../../../images/web/ad/obc/yinhao1.png) left center no-repeat;
    top: 40px;
    left: 23px;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
    line-height: 67px;
    letter-spacing: 3px;
    padding-left: 55px;
}
.wrapobc01_item02 {
    position: absolute;
    width: 697px;
    height: 397px;
    background: url(../../../images/web/ad/obc/jieti.png) no-repeat;
    top: 142px;
    left: 0px;
}
.wrapobc01_item03 {
    position: absolute;
    width: 423px;
    height: 453px;
    background: url(../../../images/web/ad/obc/targetbg.png) no-repeat;
    top: 86px;
    right: 0px;
}
.wrapobc01_item03-1 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 17px;
    font-size: 28px;
    /*font-weight: bold;*/
    color: #FFFFFF;
    letter-spacing: 3px;
}
.wrapobc01_item03-2 {
    position: absolute;
    border: 1px solid transparent;
    padding: 0px 29px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    top: 76px;
}
.wrapobc01_item03-3 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 151px;
    font-size: 28px;
    /*	font-weight: bold;*/
    color: #FFFFFF;
    letter-spacing: 3px;
}
.wrapobc01_item03-4 {
    position: absolute;
    border: 1px solid transparent;
    padding: 0px 45px 0px 29px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    top: 211px;
}
.wrapWhy {
    min-width: 1300px;
    width: 100%;
    height: 620px;
    background:  url(../../../images/web/ad/obc/advantagebg.png) center center no-repeat;
}
.wrapobc02 {
    width: 1123px;
    height: 620px;
    margin: 0px auto;
    text-align: right;
    position: relative;
}
.wrapobc02_item01 {
    position: absolute;
    /*width: 224px;*/
    height: 59px;
    background: url(../../../images/web/ad/obc/yinhao2.png) left center no-repeat;
    top: 40px;
    left: 23px;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
    line-height: 67px;
    letter-spacing: 3px;
    padding-left: 55px;
    text-align: left;
}
.wrapobc02_item02 {
    width: 640px;
    height: 620px;
    background: url(../../../images/web/ad/obc/advantage4.png) center center no-repeat;
    display: inline-block;
}
.wrapobc02_item02_1 {
    width: 320px;
    height: 310px;
    float: left;
    line-height: 455px;
    font-size: 28px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.wrapobc02_item02_2 {
    float: right;
    width: 320px;
    height: 310px;
    font-size: 28px;
    font-weight: bold;
    color: #000;
    line-height: 455px;
    text-align: center;
}
.wrapobc02_item02_3 {
    width: 320px;
    height: 310px;
    float: left;
    font-size: 28px;
    font-weight: bold;
    color: #000;
    line-height: 455px;
    text-align: center;
}
.wrapobc02_item02_4 {
    width: 320px;
    height: 310px;
    float: right;
    line-height: 455px;
    font-size: 28px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.wrapHow {
    min-width: 1300px;
    width: 100%;
    height: 665px;
}
.wrapobc03 {
    width: 1123px;
    height: 620px;
    margin: 0px auto;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.wrapobc03_item01 {
    position: absolute;
    /*width: 224px;*/
    height: 59px;
    background: url(../../../images/web/ad/obc/yinhao2.png) left center no-repeat;
    top: 40px;
    left: 23px;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
    line-height: 67px;
    letter-spacing: 3px;
    padding-left: 55px;
    text-align: left;
}
.wrapobc03_item03 {
    width: 1100px;
    height: 514px;
    background: url(../../../images/web/ad/obc/module.png) center center no-repeat;
    margin-top: 91px;
    margin-left: 23px;
    position: relative;
}
.wrapobc03_item02 {
    position: absolute;
    width: 1100px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    top: 44px;
    letter-spacing: 3px;
}
.wrapobc03_item03_1 {
    position: absolute;
    width: 275px;
    height: 68px;
    top: 107px;
    letter-spacing: 3px;
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 68px;
    text-align: center;
    /*	background: rgba(0, 0, 0, 0.2);*/
}
.wrapobc03_item03_2 {
    position: absolute;
    width: 275px;
    height: 68px;
    top: 107px;
    left: 275px;
    letter-spacing: 3px;
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 68px;
    text-align: center;
}
.wrapobc03_item03_3 {
    position: absolute;
    width: 275px;
    height: 68px;
    top: 107px;
    left: 550px;
    letter-spacing: 3px;
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 68px;
    text-align: center;
}
.wrapobc03_item03_4 {
    position: absolute;
    width: 275px;
    height: 68px;
    top: 107px;
    left: 825px;
    letter-spacing: 3px;
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 68px;
    text-align: center;
}
.wrapobc03_item03_5 {
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 68px;
    font-size: 30px;
    text-align: center;
}
.wrapBusiness {
    min-width: 1300px;
    width: 100%;
    height: 536px;
    background: url(../../../images/web/ad/obc/bluebg.png) top center no-repeat;
}
.wrapobc04 {
    width: 1123px;
    height: 100%;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}
.wrapobc04_item01 {
    width: 1100px;
    margin-left: 23px;
}
.wrapobc04_item01_contain {
    width: 600px;
    height: 105px;
    margin: 0 auto;
    border-bottom: 12px solid #C3D4FF;
    position: relative;
}
.wrapobc04_item01-1 {
    position: absolute;
    font-size: 34px;
    font-weight: bold;
    color: #000000;
    line-height: 48px;
    top: 68px;
    left: 10px;
    letter-spacing: 3px;
}
.wrapobc04_item01-2 {
    position: absolute;
    width: 173px;
    height: 119px;
    background: url(../../../images/web/ad/obc/VS.png) center center no-repeat;
    top: 26px;
    left: 153px;
}
.wrapobc04_item01-3 {
    position: absolute;
    font-size: 34px;
    font-weight: bold;
    color: #000000;
    line-height: 48px;
    top: 68px;
    right: 0px;
    letter-spacing: 3px;
}

.wrapobc04_item02 {
    width: 1100px;
    height: 366px;
    position: absolute;
    bottom: 0px;
}
.wrapobc04_item02-1 {
    width: 535px;
    height: 366px;
    background:  url(../../../images/web/ad/obc/obcbg.png) center center no-repeat;
    float: left;
}
.wrapobc04_item02-2 {
    width: 535px;
    height: 366px;
    background:  url(../../../images/web/ad/obc/HSKbg.png) center center no-repeat;
    float: right;
}
.wrapobc04_item02-1_1 {
    background: url(../../../images/web/ad/obc/fangkuai.png) center left no-repeat;
    margin-top: 88px;
    margin-left: 33px;
    margin-bottom: 43px;
    text-indent: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #FDFA04;
    letter-spacing: 3px;
}
.wrapobc04_item02-1_2 {
    background: url(../../../images/web/ad/obc/yellow.png) center left no-repeat;
    width: 472px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-indent: 10px;
    margin-left: 26px;
    margin-bottom: 20px;
    letter-spacing: 0.4px;
}
.wrapobc04_item02-2_1 {
    background: url(../../../images/web/ad/obc/fangkuai.png) center left no-repeat;
    margin-top: 88px;
    margin-left: 33px;
    margin-bottom: 43px;
    text-indent: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #FDFA04;
    letter-spacing: 3px;
}
.wrapobc04_item02-2_2 {
    background: url(../../../images/web/ad/obc/blue.png) center left no-repeat;
    width: 474px;
    font-size: 18px;
    font-weight: 400;
    color: #1B3FB3;
    text-indent: 10px;
    margin-left: 26px;
    margin-bottom: 20px;
    letter-spacing: 0.4px;
}
.wrapClassmates {
    min-width: 1300px;
    width: 100%;
    height: 516px;
}
.wrapobc05 {
    width: 1156px;
    margin: 0 auto;
    overflow: hidden;
}
.wrapobc05_item01 {
    width:fit-content;
    width:-moz-fit-content;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: #000000;
    line-height: 24px;
    border-bottom: 12px solid #C3D4FF;
    margin: 70px auto 27px;
}
.wrapobc05_item02 {
    width: 1156px;
    height: 342px;
    background: url(../../../images/web/ad/obc/chengyuan.png) center center no-repeat;
}
.wrapEnroll {
    min-width: 1300px;
    width: 100%;
    height: 620px;
    background: url(../../../images/web/ad/obc/enroll.png) center center no-repeat;
    overflow: hidden;
}
.wrapobc06 {
    width: 1109px;
    height: 408px;
    margin: 177px auto 0;
    background: url(../../../images/web/ad/obc/enrollcenter.png) center top no-repeat;
    position: relative;
}
.wrapobc06_item01-1 {
    position: absolute;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 56px;
    top: 0px;
    left: 22%;
}
.wrapobc06_item01-2 {
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 56px;
    top: 40px;
    left: 22%;
}
.wrapobc06_item01-3 {
    position: absolute;
    width: 274px;
    height: 178px;
    top: 123px;
    left: 0px;
}
.wrapobc06_item01-3 a {
    display: block;
    width: 274px;
    height: 178px;
    background: url(../../../images/web/ad/obc/enroll1.png) center center no-repeat;
    font-size: 20px;
    color: #000000;
    line-height: 300px;
    text-decoration: none;
    /*text-align: center;*/
    font-family: Arial;
    font-weight: bold;
}
.wrapobc06_item01-3 a:hover {
    color: #000000;
    text-decoration: none;
}
.wrapobc06_item01-4 a:hover {
    color: #000000;
    text-decoration: none;
}
.wrapobc06_item01-5 a:hover {
    color: #000000;
    text-decoration: none;
}
.wrapobc06_item01-4 {
    position: absolute;
    width: 274px;
    height: 178px;
    top: 123px;
    left: 315px;

}
.wrapobc06_item01-4 a {
    display: block;
    width: 274px;
    height: 178px;
    background: url(../../../images/web/ad/obc/enroll2.png) center center no-repeat;
    font-size: 20px;
    color: #000000;
    line-height: 300px;
    text-decoration: none;
    /*text-align: center;*/
    font-family: Arial;
    font-weight: bold;
}
.obc_delete {
    position: relative;
}
.obc_deleteline::after {
    content: "";
    position: absolute;
    top: 52%;
    left: -5px;
    width: 77px;
    background: #494949;       /*宽和高做出来的背景横线*/
    height: 3px;
}

.wrapobc06_item01-5 {
    position: absolute;
    width: 274px;
    height: 178px;
    top: 123px;
    right: 207px;
}
.wrapobc06_item01-5 a {
    display: block;
    width: 274px;
    height: 178px;
    background: url(../../../images/web/ad/obc/enroll3.png) center center no-repeat;
    font-size: 20px;
    color: #000000;
    line-height: 300px;
    text-decoration: none;
    /*text-align: center;*/
    font-family: Arial;
    font-weight: bold;
}
.wrapobc06_item02-1 {
   position: absolute;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: 48px;
    top: 293px;
    right: 38px;
}
.wrapobc06_item02-2 {
    position: absolute;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: 48px;
    top: 326px;
    right: -16px;
}
/*obc结束*/
.bannerccy {
    min-width: 1300px;
    width: 100%;
    height: 670px;
    background: #fff url(../../../images/web/ad/ccy/ccybannerzh.png) no-repeat;
}
.wrapWN {
    min-width: 1300px;
    width: 100%;
    height: 660px;
    background: #fff;
}
.wrapEC {
    min-width: 1300px;
    width: 100%;
    height: 1900px;
    margin-top: -200px;
    background: #fff url(../../../images/web/ad/ccy/ccywn.png) center center no-repeat;
}
.wrapccy01,
.wrapccy02 {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;

}
.wrapccy_box {
    width: 100%;
    margin: 25px auto;
}
.wrapccy_box_i01 {
    width: 100%;
    text-align: center;
    font-size: 50px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #000000;

}
.wrapccy_box_i02 {
    width: 100%;
    text-align: center;
    font-size: 52px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FEDD00;
    line-height: 20px;
    letter-spacing: 1px;
}
.wrapccy01_item02 {
    display: flex;
    justify-content:space-between;
    flex-flow: wrap;
    margin-top: 60px;
}
.wrapccy01_item02_01 {
    width: 510px;
    height: 250px;
    background: #fff url("../../../images/web/ad/ccy/ccywn01.png") 5px 0px no-repeat;
}
.wrapccy01_item02_01_1 {
    width: 100%;
    height: 40PX;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    line-height: 40px;
    margin-top: 35px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-family: Microsoft YaHei;


}
.wrapccy01_item02_01_2 {
    width: 100%;
    height: 100PX;
    font-size: 18px;
    font-weight: 400;
    color: #505050;
    line-height: 30px;
}
.wrapccy02_item02 {
    width: 1100px;
    margin: 50px auto 0;
    border: 1px solid transparent;
}
.wrapccy02_item02_1 {
    width: 810px;
    height: 420px;
    background: url("../../../images/web/ad/ccy/ccyec04.png") no-repeat;
    display: inline-block;
    margin-bottom: 50px;
    position: relative;
}
.wrapccy02_item02_1_1 {
    width: 684px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    line-height: 34px;
    letter-spacing: 1px;
    margin: 40px auto 0px;
}
.wrapccy02_item02_1_2 {
    width: 684px;
    display: flex;
    justify-content:space-between;
    flex-flow: wrap;
    margin: 0 auto;
}
.wrapccy02_item02_1_2_1 {
    width: 227px;
    height: 90px;
    text-align: center;
    background: url("../../../images/web/ad/ccy/ccyec01.png") center 20px no-repeat;
    line-height: 115px;
    font-size: 22px;
    font-weight: 400;
    color: #DC9847;
}
.wrapccy02_item02_1_2_2 {
    width: 227px;
    height: 90px;
    text-align: center;
    background: url("../../../images/web/ad/ccy/ccyec0.png") center 20px no-repeat;
    line-height: 115px;
    font-size: 22px;
    font-weight: 400;
    color: #DEC624;

}
.wrapccy02_item02_1_2_3 {
    width: 227px;
    height: 90px;
    text-align: center;
    background: url("../../../images/web/ad/ccy/ccyec03.png") center 20px no-repeat;
    line-height: 115px;
    font-size: 22px;
    font-weight: 400;
    color: #C8D71C;

}
.wrapccy02_item02_1_3 {
    width: 680px;
    margin: 0px auto;
}
.wrapccy02_item02_1_3 p {
    width: 615px;
    font-size: 18px;
    font-weight: 400;
    color: #4A4A4A;
    line-height: 30px;
    margin: 0 auto 17px;
    padding: 0;

}
.wrapccy02_ok {
    background: url("../../../images/web/ad/ccy/ccyec06.png") left top no-repeat;
    padding-left: 15px;
}
.wrapccy02_item02_1_4 {
    position: absolute;
    width: 180px;
    height: 36px;
    line-height: 36px;
    background: url(../../../images/web/ad/ccy/ccyec07.png) center center no-repeat;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    bottom: 50px;
    /*padding-left: 80px;*/
}
.wrapccy02_item02_1_4 a {
    display: block;
    width: 180px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #5F6B57;
    cursor: pointer;
    text-indent: 55px;
    text-decoration: none;
}
.wrapMA {
    min-width: 1300px;
    width: 100%;
    height: 760px;
    background: url(../../../images/web/ad/ccy/ccyma.png) center center no-repeat;
    overflow: hidden;
    margin-top: -50px;
}
.wrapccy03_item03 {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-top: 80px;

}
.wrapccy03_item03_1 {
    width: 535px;
    height: 180px;
    background: url(../../../images/web/ad/ccy/ccyma01.png) left center no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 50px;

}
.wrapccy03_item03_2 {
    width: 535px;
    height: 180px;
    background: url(../../../images/web/ad/ccy/ccyma02.png) left center no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wrapccy03_item03_3 {
    width: 535px;
    height: 180px;
    background: url(../../../images/web/ad/ccy/ccyma03.png) left center no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wrapccy03_item03_4 {
    width: 535px;
    height: 180px;
    background: url(../../../images/web/ad/ccy/ccyma04.png) left center no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wrapccy03_item03_1_1 {
    width: 335px;
    font-size: 18px;
    font-weight: 400;
    color: #585858;
    line-height: 26px;
    letter-spacing: 0.5px
}
.wrapLC {
    min-width: 1300px;
    width: 100%;
    height: 1080px;
    background: #fff url(../../../images/web/ad/ccy/ccylc.png) left bottom no-repeat;
    overflow: hidden;
}
.wrapccy_box_i04 {
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FEDD00;
    line-height: 70px;
    letter-spacing: 1px;
}
.wrapccy_box_i03 {
    width: 100%;
    text-align: center;
    font-family: Microsoft YaHei;
    line-height: 35px;
    letter-spacing: 1px;
    font-size: 42px;
    font-weight: bold;
    color: #000000;
}
.wrapccy04_item02 {
    width: 1100px;
    margin: 0 auto;
}
.wrapccy04_item02-1 {
    width: 750px;
    height: 870px;
    background: url(../../../images/web/ad/ccy/cycle.png)  315px 134px no-repeat;
    float: right;
    position: relative;
}
.wrapccy04_item02-1_1 {
    position: absolute;
    width: 227px;
    height: 200px;
    background: url(../../../images/web/ad/ccy/ccylc02.png)  left top no-repeat;
    top: 0px;
    right: 140px;
}
.wrapccy04_item02-1_2 {
    position: absolute;
    width: 175px;
    height: 200px;
    background: url(../../../images/web/ad/ccy/ccylc01.png)  left top no-repeat;
    top: 170px;
    left: 0px;
}
.wrapccy04_item02-1_3 {
    position: absolute;
    width: 350px;
    height: 200px;
    background: url(../../../images/web/ad/ccy/ccylc03.png)  left top no-repeat;
    top: 541px;
    right: 0px;
}
.wrapccy04_item02-1_p1 {
    margin-top: 18px;
    margin-left: 18px;
    font-size: 30px;
    color: #000000;
    letter-spacing: 2px;
}
.wrapccy04_item02-1_p2 {
    margin-top: 10px;
    margin-left: 20px;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
}
.wrapSBS {
    min-width: 1300px;
    width: 100%;
    height: 1080px;
    background: url(../../../images/web/ad/ccy/ccysbs.png) center center no-repeat;
    overflow: hidden;
    margin-top: -150px;
}
.wrapccy05_item02 {
    width: 1100px;
    height: 524px;
    margin: 40px auto;
    background: url(../../../images/web/ad/ccy/ccytsbs01zh.png) center center no-repeat;
}
.wrapTQOT {
    min-width: 1300px;
    width: 100%;
    height:930px;
    background: url(../../../images/web/ad/ccy/ccytqot.png) right bottom no-repeat;
    overflow: hidden;
}
.wrapccy06_item02 {
    width: 1100px;
    height: 700px;
    position: relative;
    margin: 60px auto 0px;

}
.wrapccy06_item02-1 {
    position: absolute;
    width: 230px;
    height: 230px;
    background: url(../../../images/web/ad/ccy/ccytqot01.png) center 50px no-repeat;
    font-size: 18px;
    color: #000000;
    line-height: 23px;
    text-align: center;
    top: 0;
    left: 0;
    letter-spacing: 1px;
}
.wrapccy06_item02-2 {
    position: absolute;
    width: 200px;
    height: 230px;
    background: url(../../../images/web/ad/ccy/ccytqot02.png) center 78px no-repeat;
    top: 0px;
    left: 250px;
    font-size: 18px;
    color: #000000;
    line-height: 23px;
    letter-spacing: 1px;
    padding-top: 240px;
}
.wrapccy06_item02-3 {
    position: absolute;
    width: 200px;
    height: 230px;
    background: url(../../../images/web/ad/ccy/ccytqot03.png) center 50px no-repeat;
    top: 0px;
    left: 500px;
    font-size: 18px;
    color: #000000;
    line-height: 23px;
    letter-spacing: 1px;
}
.wrapccy06_item02-4 {
    position: absolute;
    width: 313px;
    height: 135px;
    background: url(../../../images/web/ad/ccy/ccytqot04.png) center center no-repeat;
    top: 510px;
    left: 0px;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    line-height: 135px;
    text-indent: 30px;
    letter-spacing: 1px;
}
.wrapccy06_item02-5 {
    position: absolute;
    width: 198px;
    height: 198px;
    background: url(../../../images/web/ad/ccy/ccytqot05.png) center center no-repeat;
    top: 478px;
    left: 320px;
}
.wrapccy06_item02-6 {
    position: absolute;
    width: 198px;
    height: 198px;
    top: 478px;
    left: 530px;
    background: url(../../../images/web/ad/ccy/ccytqot06.png) center center no-repeat;
}
/*obc吧台开始*/
.rightobcdiv {
    width: 101px;
    height: 330px;
    background: url(../../../images/web/culimages/culbgbg.png) center center no-repeat;
    position: fixed;
    top: 254px;
    right: 0px;
    z-index: 999;
    display: flex;
    flex-direction:column;
    align-items:flex-end;
}
.rightobclc {
    background: url(../../../images/web/ad/obc/obc1.png) center center no-repeat;
    width: 80px;
    height: 80px;
    cursor: pointer;
    margin-top: 20px;
    position: relative;

}
.rightobclc .rightobclc1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightobcwc {
    background: url(../../../images/web/ad/obc/obc2.png) center center no-repeat;
    width: 80px;
    height: 80px;
    cursor: pointer;
    margin-top: 10px;
    position: relative;
}
.rightobcwc .rightobcwc1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightobcwc .rightobcwc2 {
    position: absolute;
    display: none;
    width: 277px;
    height: 264px;
    top: -85px;
    left: -272px;
}
.rightobcwc:hover .rightobcwc2 {
    display: block;
}
.rightobcwa {
    background: url(../../../images/web/ad/obc/obc3.png) center center no-repeat;
    width: 80px;
    height: 80px;
    cursor: pointer;
    margin-top: 20px;
    position: relative;
}
.rightobcwa .rightobcwa1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightobcwa .rightobcwa2 {
    position: absolute;
    display: none;
    width: 273px;
    height: 110px;
    top: -10px;
    left: -272px;
}
.rightobcwa:hover .rightobcwa2 {
    display: block;
}
.rightobcy {
    background: url(../../../images/web/ad/obc/obc4.png) center center no-repeat!important;
    width: 80px!important;
    height: 80px!important;
    cursor: pointer!important;
    margin: 10px 0 0 0 !important;
    position: relative!important;
}
.rightobcy .rightobcy1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightobcy .rightobcy2 {
    position: absolute;
    display: none;
    width: 277px;
    height: 278px;
    top: -95px;
    left: -275px;
}
.rightobcy:hover .rightobcy2 {
    display: block;
}
/*吧台结束*/
/*obc注册框*/
.signinobc {
    width: 260px;
    height: 360px;
    background:  url(../../../images/web/ad/obc/obcreg.png)  center center no-repeat;
    position: fixed;
    top: 210px;
    right: 100px;
    z-index: 999;
    font-family: Arial;
}
/* Safari，Chrome WebKit browsers */
.signinobc input::-webkit-input-placeholder {
    color: #ccc;
}
/* 火狐 Mozilla Firefox 4 to 18 */
.signinobc input:-moz-placeholder {
    color: #ccc;
}
/* 火狐 Mozilla Firefox 19+ */
.signinobc input::-moz-placeholder {
    color: #ccc;
}
/* Internet Explorer 10+ */
.signinobc input:-ms-input-placeholder {
    color: #ccc;
}
.signinobc_t {
    position: absolute;
    width: 100%;
    height: 73px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFE;
    line-height: 73px;
    text-align: center;
}
.signinobc_n {
    width: 220px;
    height: 36px;
    margin: 106px auto 0px;
}
.signinobc_n input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    outline:none;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222222;
}
.signinobc_e {
    width: 220px;
    height: 36px;
    margin: 20px auto 0px;
}
.signinobc_e input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    outline:none;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222222;
}
.signinobc_c {

    width: 220px;
    height: 36px;
    margin: 20px auto 0px;
}
.signinobc_c input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    outline:none;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222222;
}
.signinobc_s {
    width: 220px;
    height: 42px;
    margin: 29px auto 0px;
    background:  url(../../../images/web/ad/obc/obcsubmit.png)  center center no-repeat;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 42px;
    text-align: center;
}
/*注册框结束*/
/*cps职场汉语开始*/
.bannercps {
    min-width: 1300px;
    width: 100%;
    height: 710px;
    background: url(../../../images/web/ad/cps/cpsbanner.png) center center no-repeat;
}
.cpscourse {
    min-width: 1300px;
    width: 100%;
    height: auto;
}
.wrapcourse {
    width: 1132px;
    height: 572px;
    background:  url(../../../images/web/ad/cps/cpsatc.png) center center no-repeat;
    margin: -360px auto 0;
    border: 1px solid transparent;
}
.wrapcourset {
    width:fit-content;
    height: 58px;
    background: url(../../../images/web/ad/cps/cpsti.png) left center no-repeat;
    margin: 75px auto;
    font-size: 42px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 58px;
    text-indent: 10px;
}
.wrapcoursed {
    width: 518px;
    height: auto;
    margin-left: 80px;
}
.wrapcoursed p {
    font-size: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 40px;
}
.wrapcoursed p:last-child {
    margin-top: 20px;
}
.cpshot {
    min-width: 1300px;
    width: 100%;
    height: 470px;
    background: #fff;
}
.wraphot {
    width: 1102px;
    height: 420px;
    border: 1px solid transparent;
    margin: 40px auto;
    display: flex;
    flex-direction :row;
    flex-wrap:wrap;
    justify-content:space-between;
}
.wraphotbg {
    width: 352px;
    height: 198px;
    position: relative;
    cursor: pointer;
}
.wraphot1 {
    background: url(../../../images/web/ad/cps/cpshc1.png) center center no-repeat;
}
.wraphotbg a {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 21px;
    bottom: 22px;
}
.wraphotbg .fontsizebig {
    font-size: 30px;
    cursor: pointer;
    transition: all 0.6s;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.3500);
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    font-family: Microsoft YaHei;
}
.wraphotbg .fontsizebig:hover {
    transform: scale(1.1);
    text-decoration: none;
}
.wraphot2t {
    position: absolute;
    width: fit-content;
    height: 80px;
    left: 90px;
    bottom: 35px;
    font-size: 42px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 80px;
}
.wraphot2 {
    background: url(../../../images/web/ad/cps/cpshc2.png) center center no-repeat;
}
.wraphot3 {
    background: url(../../../images/web/ad/cps/cpshc3.png) center center no-repeat;
}
.wraphot4 {
    background: url(../../../images/web/ad/cps/cpshc4.png) center center no-repeat;
}
.wraphot5 {
    background: url(../../../images/web/ad/cps/cpshc5.png) center center no-repeat;
}
.wraphot6 {
    background: url(../../../images/web/ad/cps/cpshc6.png) center center no-repeat;
}
.cpslearn {
    min-width: 1300px;
    width: 100%;
    height: 717px;
    background: #F6F7F9;
}
.wraplearn {
    width: 1116px;
    margin: 0 auto;
    border: 1px solid transparent;
}
.wraplearnItem1 {
    width: 100%;
    height: 100px;
    background: url(../../../images/web/ad/cps/cpslearn.png) right center no-repeat;
    margin-top: 60px;
    border: 1px solid transparent;
}
.wraplearnItem1-1 {
    width:fit-content;
    height: 58px;
    background: url(../../../images/web/ad/cps/cpsti.png) left center no-repeat;
    margin: 40px auto 0;
    font-size: 42px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 58px;
    text-indent: 10px;
}
.wraplearnItem2 {
    display: flex;
    margin-top: 37px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;

}
.wraplearnItem2-1 {
    width: 366px;
    height: 469px;
    position: relative;
}
.wraplearnItem2-2 {
    background: url(../../../images/web/ad/cps/cpswywl1.png) left center no-repeat;
}
.wraplearnItem2-3 {
    background: url(../../../images/web/ad/cps/cpswywl2.png) left center no-repeat;
}
.wraplearnItem2-4 {
    background: url(../../../images/web/ad/cps/cpswywl3.png) left center no-repeat;
}
.wraplearnItem2-1-1 {
    position: absolute;
    width: 289px;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #535353;
    line-height: 38px;
    top: 200px;
    left: 30px;
}
.wraplearnItem2-1-2 {
    position: absolute;
    width: 289px;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #955E16;
    line-height: 38px;
    top: 240px;
    left: 30px;
}
.wraplearnItem2-1-3 {
    position: absolute;
    width: 289px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    top: 315px;
    left: 30px;
}
.cpsstudied {
    min-width: 1300px;
    width: 100%;
    height: 740px;
    background: #fff;
}
.wrapstudied {
    width: 1102px;
    margin: 0 auto;
    border: 1px solid transparent;
}
.wrapstudiedItem1 {
    width: 100%;
    height: 104px;
    background: url(../../../images/web/ad/cps/cpsstudied.png) right center no-repeat;
    margin-top: 60px;
    border: 1px solid transparent;
}
.wrapstudiedItem1-1 {
    width:fit-content;
    height: 58px;
    background: url(../../../images/web/ad/cps/cpsti.png) left center no-repeat;
    margin: 40px auto 0;
    font-size: 42px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 58px;
    text-indent: 10px;
}
.wrapstudiedItem2 {
    position: relative;
    width: 1100px;
    height: 484px;
    margin: 37px auto 0;
    background:  url(../../../images/web/ad/cps/cpshtcs.png) center center no-repeat;
}
.wrapstudiedItem2-1 {
    position: absolute;
    width: 100%;
    height: 70px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 70px;
    text-align: center;
    top: 0px;
    left: 0px;
}
.wrapstudiedItem2-2 {
    position: absolute;
    width: 273px;
    height: 70px;
    top: 308px;
    left: 0px;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 70px;
    text-align: center;
}
.wrapstudiedItem2-3 {
    position: absolute;
    width: 273px;
    height: 70px;
    top: 308px;
    left: 275px;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 70px;
    text-align: center;
}
.wrapstudiedItem2-4 {
    position: absolute;
    width: 273px;
    height: 70px;
    top: 308px;
    left: 550px;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 70px;
    text-align: center;
}
.wrapstudiedItem2-5 {
    position: absolute;
    width: 273px;
    height: 70px;
    top: 308px;
    left: 825px;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 70px;
    text-align: center;
}
.wrapstudiedItem2-6 {
    position: absolute;
    width: 100%;
    height: 70px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #050505;
    line-height: 70px;
    bottom: 0px;
    text-align: center;
}

.cpsblcu {
    min-width: 1300px;
    width: 100%;
    height: 920px;
    background: #F6F7F9;
}
.wrapblcu {
    width: 1102px;
    margin: 0 auto;
    border: 1px solid transparent;
}
.wrapblcuItem1 {
    width: 100%;
    height: 104px;
    background: url(../../../images/web/ad/cps/cpsblcu.png) 600px center no-repeat;
    margin-top: 60px;
    border: 1px solid transparent;
}
.wrapblcuItem1-1 {
    width:fit-content;
    height: 58px;
    background: url(../../../images/web/ad/cps/cpsti.png) left center no-repeat;
    margin: 40px auto 0;
    font-size: 42px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 58px;
    text-indent: 10px;
}
.wrapblcuItem2 {
    position: relative;
    width: 1122px;
    height: 692px;
    margin: 12px auto 0;
    background:  url(../../../images/web/ad/cps/cpsrt.png) center center no-repeat;
}
.wrapblcuItem2-1 {
    position: absolute;
    width: 844px;
    height:120px;
    top: 26px;
    left: 255px;
    text-align: center;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 120px;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.3000);
}
.wrapblcuItem2-2 {
    position: absolute;
    width: 844px;
    height:120px;
    top: 156px;
    left: 255px;
    text-align: center;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 120px;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.3000);
}
.wrapblcuItem2-3 {
    position: absolute;
    width: 844px;
    height:120px;
    top: 286px;
    left: 255px;
    text-align: center;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 120px;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.3000);
}
.wrapblcuItem2-4 {
    position: absolute;
    width: 844px;
    height:120px;
    top: 416px;
    left: 255px;
    text-align: center;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 120px;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.3000);
}
.wrapblcuItem2-5 {
    position: absolute;
    width: 844px;
    height:120px;
    top: 546px;
    left: 255px;
    text-align: center;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 120px;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.3000);
}
.cpscontact {
    min-width: 1300px;
    width: 100%;
    height: 435px;
    background: #fff;
}
.wrapcontact {
    width: 1102px;
    height: 435px;
    margin: 60px auto 0;
    border: 1px solid transparent;
    background:  url(../../../images/web/ad/cps/cpscontact.png) center center no-repeat;
    position: relative;
}
.wrapcontactItem1 {
    position: absolute;
    width: fit-content;
    height: 40px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    top: 115px;
    right: 197px;
}
.wrapcontactItem2 {
    position: absolute;
    width: fit-content;
    height: 40px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    top: 167px;
    right: 495px;
}
.wrapcontactItem3 {
    position: absolute;
    width: 174px;
    height: 66px;
    top: 157px;
    right: 325px;
}
.wrapcontactItem3 a {
    display: block;
    width: 174px;
    height: 66px;
    background:  url(../../../images/web/ad/cps/cpsjt.png) center center no-repeat;
}
.wrapcontactItem4 {
    position: absolute;
    width: fit-content;
    height: 30px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    top: 220px;
    right: 313px;
}
.wrapcontactItem5 {
    position: absolute;
    width: 130px;
    height: 130px;
    background:  url(../../../images/web/ad/cps/cpscode.png) center center no-repeat;
    top: 260px;
    right: 343px;
}
.wrapcontactItem6 {
    position: absolute;
    width: fit-content;
    height: 30px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    top: 392px;
    right: 367px;
}
.wrapAudition {
    min-width: 1300px;
    width: 100%;
    height: 550px;
}
.wrapobc07 {
    width: 1123px;
    height: 500px;
    margin: 0px auto;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.wrapobc07_item01 {
    position: absolute;
    height: 59px;
    background: url(../../../images/web/ad/obc/yinhao2.png) left center no-repeat;
    left: 23px;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
    line-height: 67px;
    letter-spacing: 3px;
    padding-left: 55px;
    text-align: left;
}
.wrapobc07_item02 {
    width: 1100px;
    height:440px;
    margin-top: 115px;
    margin-left: 23px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wrapobc07_item02_item {

}
.wrapobc07_item02_item .wrapvideo {
    width: 270px;
    height: 155px;
    box-shadow: 1px 0px 2px #8c8c8c;
}
/*cps职场汉语结束*/

/*hhsk开始*/
.bannerhsk {
    min-width: 1300px;
    width: 100%;
    height: 360px;
    background: url(../../../images/web/ad/hsk/hskbanner.png) center center no-repeat;
}
.wrapHTIT {
    min-width: 1300px;
    width: 100%;
    height: 126px;
    margin-top: -200px;
}
.wrapH01 {
    width: 1144px;
    height: 126px;
    background:  url(../../../images/web/ad/hsk/hsktitile.png) center center no-repeat;
    margin: 0 auto;
}
.wrapHOBJ {
    min-width: 1300px;
    width: 100%;
    height: 360px;
}
.wrapH02 {
    width: 1100px;
    height: 360px;
    background:  url(../../../images/web/ad/hsk/hskobj.png) center center no-repeat;
    margin: 0 auto;
    border: 1px solid transparent;
}
.wrapH02_item{
    width: 980px;
    margin: 68px auto 0;
    padding: 0;
}
.wrapH02_item .wrapH02_item_01 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FCEC68;
    line-height: 55px;
}
.wrapH02_item .wrapH02_item_02 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
}
.wrapHADA {
    min-width: 1300px;
    width: 100%;
    height: 366px;
}
.wrapH03 {
    width: 1100px;
    height: 366px;
    background:  url(../../../images/web/ad/hsk/hskadvantage.png) center right no-repeat;
    margin: 60px auto 0;
}
.wrapHskt_item01 {
    width: 36px;
    height: 6px;
    background: #018287;
}
.wrapHskt_item02 {
    width: 100%;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 54px;
}
.wrapHTYPE {
    min-width: 1300px;
    width: 100%;
    height: 432px;
    margin-top: 60px;
}
.wrapH04 {
    width: 1120px;
    height: 432px;
    margin: 0px auto 0;
    border:1px solid  transparent;
}
.wrapH04_item01 {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}
.wrapH04_item02 {
    width: 100%;
    display: flex;
    margin-top: 30px;
    justify-content:space-between;
}
.wrapH04_item02_item {
    width: 372px;
    height: 352px;
}
.wrapH04_item02_item01 {
    width: 283px;
    height: 296px;
    background:  url(../../../images/web/ad/hsk/1.png) center right no-repeat;
    position: relative;
}
.wrapH04_item02_item02 {
    width: 283px;
    height: 296px;
    background:  url(../../../images/web/ad/hsk/2.png) center right no-repeat;
    position: relative;
}
.wrapH04_item02_item03 {
    width: 283px;
    height: 296px;
    background:  url(../../../images/web/ad/hsk/3.png) center right no-repeat;
    position: relative;
}
.wrapH04_item02_item04 {
    width: 283px;
    height: 296px;
    background:  url(../../../images/web/ad/hsk/4.png) center right no-repeat;
    position: relative;
}
.wrapH04_item02_01 {
    position: absolute;
    width: 295px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    top: 170px;
    left: 24px;
}
.wrapH04_item02_02 {
    position: absolute;
    width: 324px;
    top: 219px;
    left: 24px;
}
.wrapH04_item02_02 p {
    margin: 0;
    padding: 0;
    line-height: 22px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.wrapHMODULE {
    min-width: 1300px;
    width: 100%;
    margin-top: 58px;
}
.wrapH05 {
    width: 1130px;
    margin: 0px auto 0;
    border:1px solid  transparent;
}
.wrapH05_item01 {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}
.wrapH05_item02 {
    width: 100%;
    height: 305px;
    background:  url(../../../images/web/ad/hsk/hskmodule01.png) center center no-repeat;
    position: relative;
}
.wrapH05_item02_item01,
.wrapH05_item02_item02,
.wrapH05_item02_item03,
.wrapH05_item02_item04,
.wrapH05_item02_item05 {
    position: absolute;
    width: 150px;
    height: 84px;
    top: 152px;

}
.wrapH05_item02_item01 {
    left: 54px;
}
.wrapH05_item02_item02 {
    left: 274px;
}
.wrapH05_item02_item03 {
    left: 494px;
}
.wrapH05_item02_item04 {
    left: 714px;
}
.wrapH05_item02_item05 {
    left: 934px;
}
.wrapH05_item02_gang {
    display: inline-block;
    width: 6px;
    height: 1px;
    background: #018287;
    margin: auto 8px;
}
.wrapH05_item02_item01_01 {
    width: 100%;
    height: 42px;
    line-height: 42px;
    display: flex;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #018287;
}
.wrapH05_item02_item01_02 {
    width: 100%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #018287;
    border: 1px dashed #018287 ;
}
.wrapHPICK {
    min-width: 1300px;
    width: 100%;
    margin-top: 58px;
}
.wrapH06 {
    width: 1113px;
    margin: 0px auto 0;
    border:1px solid  transparent;
}
.wrapH06_item01 {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}
.wrapH06_item02 {
    width: 100%;
}
.wrapH06_item02_item01 {
    position: relative;
    width: 1113px;
    height: 120px;
    background:  url(../../../images/web/ad/hsk/hskpick01_new.png) center center no-repeat;
    margin-bottom: 11px;
}
.wrapH06_item02_item02 {
    position: relative;
    width: 1113px;
    height: 135px;
    background:  url(../../../images/web/ad/hsk/hskpick02_new.png) center center no-repeat;
}
.wrapH06_item02_item03 {
    position: relative;
    width: 1113px;
    height: 120px;
    background:  url(../../../images/web/ad/hsk/hskpick03_new.png) center center no-repeat;
}
.wrapH06_item02_item04 {
    position: relative;
    width: 1113px;
    height: 120px;
    background:  url(../../../images/web/ad/hsk/hskpick04_new.png) center center no-repeat;
}
.wrapH06_item02_item01_01 {
    position: absolute;
    width: 580px;
    height: auto;
    top: 48px;
    left: 73px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
}
.wrapH06_item02_item01_02 {
    position: absolute;
    width: 169px;
    height: auto;
    top: 39px;
    right: 0;
}
.wrapH06_item02_item01_02 p {
    width: 114px;
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24px;
}
.wrapH06_item02_item02_01 {
    position: absolute;
    width: 580px;
    height: auto;
    top: 48px;
    left: 73px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
}
.wrapH06_item02_item02_02 {
    position: absolute;
    width: 169px;
    height: auto;
    top: 44px;
    right: 0;
}
.wrapH06_item02_item02_02 p {
    width: 114px;
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24px;
}
.wrapH06_item02_item03_01 {
    position: absolute;
    width: 580px;
    height: auto;
    top: 48px;
    left: 73px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
}
.wrapH06_item02_item03_02 {
    position: absolute;
    width: 169px;
    height: auto;
    top: 47px;
    right: 0;
}
.wrapH06_item02_item03_02 p {
    width: 114px;
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24px;
}
.wrapH06_item02_item04_01 {
    position: absolute;
    width: 580px;
    height: auto;
    top: 48px;
    left: 73px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
}
.wrapH06_item02_item04_02 {
    position: absolute;
    width: 185px;
    height: auto;
    top: 33%;
    right: -11px;
}
.wrapH06_item02_item04_02 p {
    width: 124px;
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 39px;
}
.wrapHCONTACT {
    min-width: 1300px;
    width: 100%;
    margin-top: 66px;
}
.wrapH07 {
    width: 1100px;
    height: 300px;
    margin: 0px auto 0;
    border:1px solid  transparent;
    background:  url(../../../images/web/ad/hsk/hskcontact.png) center center no-repeat;
    position: relative;
}
.wrapH07_item01 {
    position: absolute;
    top: 51px;
    left: 59px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.wrapH07_item02 {
    position: absolute;
    top: 72px;
    left: 59px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
}
.wrapH07_item02 a {
    display: inline-block;
    width: 110px;
    height: 40px;
    background:  url(../../../images/web/ad/hsk/hskcontact03.png) center center no-repeat;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #018287;
}
.wrapH07_item03 {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 147px;
    left: 60px;
}
.wrapH07_item04 {
    position: absolute;
    top: 175px;
    left: 184px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}
.wrapH07_item05 {
    position: absolute;
    top: 205px;
    left: 184px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
}
/*hsk结束*/

/*吧台开始*/
.rightgccdiv {
    width: 101px;
    height: 492px;
    background: url(../../../images/web/ad/gc/bataibg.png) center center no-repeat;
    position: fixed;
    top: 250px;
    right: 0px;
    z-index: 999;
    display: flex;
    flex-direction:column;
    align-items:flex-end;
    font-family: La;
}
.rightgcclc {
    background: url(../../../images/web/toolbar/toolbaremail.png) center center no-repeat;
    width: 80px;
    height: 80px;
    cursor: pointer;
    margin-top: 20px;
    position: relative;

}
.rightgcclc .rightgcclc1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightgccwc {
    background: url(../../../images/web/ad/gc/divgcc2.png) center center no-repeat;
    width: 80px;
    height: 80px;
    cursor: pointer;
    margin-top: 10px;
    position: relative;
}
.rightgccwc .rightgccwc1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightgccwc .rightgccwc2 {
    position: absolute;
    display: none;
    width: 279px;
    height: 265px;
    top: -85px;
    left: -272px;
}
.rightgccwc:hover .rightgccwc2 {
    display: block;
}
.rightgccwa {
    background: url(../../../images/web/ad/gc/divgcc3.png) center center no-repeat;
    width: 80px;
    height: 80px;
    cursor: pointer;
    margin-top: 10px;
    position: relative;
}
.rightgccwa .rightgccwa1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightgccd .rightgccwa1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightgccwa .rightgccwa2 {
    position: absolute;
    display: none;
    width: 279px;
    height: 265px;
    top: -85px;
    left: -272px;
    z-index:999;
}
.rightgccwa:hover .rightgccwa2 {
    display: block;
}
.rightgccy {
    background: url(../../../images/web/ad/gc/divgcc4.png) center center no-repeat!important;
    width: 80px!important;
    height: 80px!important;
    cursor: pointer!important;
    margin: 10px 0 0 0 !important;
    position: relative!important;
}
.rightgccy .rightgccy1 {
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    line-height: 30px;
    margin-top: 60px;
    text-align: center;
}
.rightgccy .rightgccy2 {
    position: absolute;
    display: block;
    width: 286px;
    height: 112px;
    top: 5px;
    left: -341px;
}
.rightgccy:hover .rightgccy2 {
    display: block;
}
.rightgccd {
    background: url(../../../images/web/ad/hsk/hsk_bar.png) center center no-repeat;
    width: 80px;
    height: 80px;
    cursor: pointer;
    margin-top: 10px;
    position: relative;
}
.rightgccd .rightgccd2 {
    position: absolute;
    display: none;
    width: 286px;
    height: 272px;
    top: -92px;
    left: -277px;
}
.rightgccd:hover .rightgccd2 {
    display: block;
}
/*吧台结束*/
.wrapApply {
    min-width: 1300px;
    width: 100%;
    height: 625px;
    /*background:  url(../../../images/web/ad/obc/advantagebg.png) center center no-repeat;*/
    margin-top: 20px;
}
.wrapobcAP {
    width: 1130px;
    height: 616px;
    margin: 0px auto;
    text-align: right;
    position: relative;
    /*background:  url(../../../images/web/ad/obc/obcapplybg.png) center center no-repeat;*/
    background:  url(../../../images/web/ad/obc/obc_live.png) center center no-repeat;
}
.wrapobcAP_item01 {
    position: absolute;
    top: 470px;
    left: 47px;
    width: 376px;
    height: 72px;
    /*    border: 1px solid red;*/

}
.wrapobcAP_item01 a {
    display: block;
    width: 376px;
    height: 72px;
    font-size: 36px;
    font-family: Arial;
    font-weight: 800;
    color: #4762BB;
    text-align: center;
    line-height: 72px;
    text-decoration: none;
}
.obcLeftBox {
    position: fixed;
    width: 245px;
    height: 668px;
    top: 100px;
    left: 0px;

}
.obcLeftBox .obcLeftBox_bg {
    position: relative;
    width: 245px;
    height: 668px;
    background: url(../../../images/web/ad/obc/obcapply02.png) center center no-repeat;

}
.obcLeftBox .obcLeftBox_bg .obcLeftBox_bg_01 {
    position: absolute;
    width: 96px;
    height: 37px;
    top: 122px;
    left: 79px;
}
.obcLeftBox .obcLeftBox_bg .obcLeftBox_bg_01 a{
    display: block;
    width: 96px;
    height: 37px;
    background: url(../../../images/web/ad/obc/obcapplyFREE.png) center center no-repeat;

}
.obcLeftBox .obcLeftBox_bg .obcLeftBox_bg_02 {
    position: absolute;
    width: 165px;
    height: 76px;
    top: 183px;
    left: 46px;
}
.obcLeftBox .obcLeftBox_bg .obcLeftBox_bg_02 a{
    display: block;
    width: 165px;
    height: 76px;
    background: url(../../../images/web/ad/obc/obcapplyLIVEOPENCLASS.png) center center no-repeat;

}
.obcLeftBox .obcLeftBox_bg .obcLeftBox_bg_03 {
    position: absolute;
    width: 192px;
    height: 67px;
    top: 289px;
    left: 23px;
}
.obcLeftBox .obcLeftBox_bg .obcLeftBox_bg_03 a{
    display: block;
    width: 192px;
    height: 67px;
    background: url(../../../images/web/ad/obc/obcapplybjtime.png) center center no-repeat;

}
.obcLeftBox .obcLeftBox_bg .obcLeftBox_bg_04 {
    position: absolute;
    width: 116px;
    height: 76px;
    top: 397px;
    left: 55px;
}
.obcLeftBox .obcLeftBox_bg .obcLeftBox_bg_04 a{
    display: block;
    width: 116px;
    height: 76px;
    background: url(../../../images/web/ad/obc/APPLYNOW.png) center center no-repeat;

}

.obcRightBox {
    position: fixed;
    width: 245px;
    height: 668px;
    top: 100px;
    right: 75px;
    /*z-index: 9991;*/
}
.obcRightBox .obcRightBox_bg {
    position: relative;
    width: 245px;
    height: 668px;
    background: url(../../../images/web/ad/obc/obcapply01.png) center center no-repeat;

}
.obcRightBox .obcRightBox_bg .obcRightBox_bg_01 {
    position: absolute;
    width: 169px;
    height: 79px;
    top: 117px;
    left: 36px;
}
.obcRightBox .obcRightBox_bg .obcRightBox_bg_01 a{
    display: block;
    width: 169px;
    height: 79px;
    background: url(../../../images/web/ad/obc/obcapplyLearningSchedule.png) center center no-repeat;

}
.obcRightBox .obcRightBox_bg .obcRightBox_bg_02 {
    position: absolute;
    width: 118px;
    height: 71px;
    top: 227px;
    left: 55px;
}
.obcRightBox .obcRightBox_bg .obcRightBox_bg_02 a{
    display: block;
    width: 118px;
    height: 71px;
    background: url(../../../images/web/ad/obc/obcapplyTrialVideos.png) center center no-repeat;

}
.obcRightBox .obcRightBox_bg .obcRightBox_bg_03 {
    position: absolute;
    width: 173px;
    height: 42px;
    top: 326px;
    left: 23px;
}
.obcRightBox .obcRightBox_bg .obcRightBox_bg_03 a{
    display: block;
    width: 173px;
    height: 42px;
    background: url(../../../images/web/ad/obc/obcapplyPriceList.png) center center no-repeat;

}
.obcRightBox .obcRightBox_bg .obcRightBox_bg_04 {
    position: absolute;
    width: 140px;
    height: 41px;
    top: 414px;
    left: 44px;
}
.obcRightBox .obcRightBox_bg .obcRightBox_bg_04 a{
    display: block;
    width: 140px;
    height: 41px;
    background: url(../../../images/web/ad/obc/obcapplySignUp.png) center center no-repeat;

}
.fadebox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(32, 32, 32, 0.6);
    left: 0;
    top: 0;
    z-index: 9998;
}
.fadebox .fadebox_item {
    position: absolute;
    width: 419px;
    height: 381px;
    top:50%;
    margin-top: -210px;
    left: 50%;
    margin-left: -190px;
    /*border: 1px solid red;*/
}
.fadebox .fadebox_item a {
    display: block;
    width: 419px;
    height: 361px;
    background: url(../../../images/web/ad/obc/obcapply.png) center center no-repeat;
}
.fadebox_item_delete {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../../../images/web/ad/obc/obcapplydelete.png) center center no-repeat;
    left: 50%;
    margin-left: -10px;
    cursor: pointer;
}

.toolbar1boxicon2email {
    position: absolute;
    display: none;
    width: 374px;
    height: 520px;
    background:  url("../../../images/web/indexnew/pop-up-bg1.png") center center no-repeat;
    transform: translate(0, 10px);
    transition: all 0.3s ease-in-out;
    right: 81px;
    bottom: -292px;
    z-index: 9999;
}
.rightgcclc:hover .toolbar1boxicon2email {
    display: block;
    transform: translate(0, 0px);
}
.rightobcwa:hover .toolbar1boxicon2email {
    display: block;
    transform: translate(0, 0px);
}
.toolbar1boxicon2emailcurrent {
    display: block;
    transform: translate(0, 0px);
}
.toolbar1boxicon2emailti {
    width: 100%;
    height: 85px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.toolbar1boxicon2emailti  .toolbar1boxicon2emailtip {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}
.toolbar1boxicon2emailbg {
    width: 320px;
    height: 100%;
    margin-left: 20px;
    position: relative;
}
.toolbar1boxicon2emailbox {
    /*width: 218px;*/
    /*margin-left: 23px;*/
}

.toolbar1boxicon2emailboxtop {
    width: 320px;
    height: 360px;
    background: #FFFFFF;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);
    border-radius: 8px;
}
.toolbar1boxicon2emailboxwidth {
    width: 280px;
    height: 100%;
    margin: 0 auto;
    padding-top: 10px;
    box-sizing: border-box;
}
.toolbar1boxicon2emailbox1 {
    /*width: 100%;*/
    /*margin-top: 10px;*/
}
.toolbar1boxicon2emailbox_name {
    width: 100%;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}
.toolbar1boxicon2emailbox1 input{
    width: 100%;
    height: 30px;
    padding: 0;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    text-indent: 8px;
    outline: none;
}
.toolbar1boxicon2emailbox1 textarea{
    width: 100%;
    height: 80px;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    text-indent: 8px;
    outline: none;
    padding-top: 4px;
}
.toolbar1boxicon2emailboxtip {
    color: #8B8B8B;
    margin: 0 auto;
    text-align: center;
    width: 82%;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
.toolbar1boxicon2emailboxbutton {
    width: 180px;
    height: 36px;
    background: linear-gradient(0deg, #FFC800 0%, #FF9800 100%);
    border-radius: 18px;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 36px;
    text-align: center;
    margin: 20px auto 0;
}