*{margin: 0;padding: 0;user-select: none;box-sizing: border-box;}
img{user-select: none;-webkit-user-drag: none;}
body{min-width: 1240px;background: #F5F9FD;font-family: "Source Han Sans CN Regular"}

/*屏幕大于1690 使用1450；屏幕在1690到1440之间，用1200；屏幕小于1440，使用1000；屏幕小于1240，使用1000，且出现左右滑动*/
/*1400以下适配*/
@media screen and (min-width: 1691px) {
    :root{
        --main_box_out_width:1690px;
        --main_box_in_width:1450px;
    }
}

@media screen and (min-width: 1441px) AND (max-width: 1690px) {
    :root{
        --main_box_out_width:1440px;
        --main_box_in_width:1200px;
    }
}

@media screen and (max-width: 1440px){
    :root{
        --main_box_out_width:1240px;
        --main_box_in_width:1000px;
    }
}

.main_box_out{width: var(--main_box_out_width);margin:0 auto;position: relative;}
.main_box_in{width: var(--main_box_in_width);margin-left: 120px;position: relative;}
.main_box_out_firth{margin-top: 104px;}

.zypx_box{width: 100%;}
.announcement_box{width: 100%;height: 320px;}
.announcement_box .img_box{height: 100%;width: 58.5%;overflow: hidden;border-radius: 8px;}
.announcement_box .img_box>img{height: 100%;width: 100%;}
.announcement_box .list_box{height: 100%;width: 40%;padding:16px 24px;background: #FFFFFF;border-radius: 8px;}
.announcement_box .list_box ._title{width: 100%;height: 32px;font-family: PingFangSC, PingFang SC;font-weight: 550;font-size: 16px;color: #060E1A;}
.announcement_box .list_box ._title ._more{font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #4D6180;}
.announcement_box .list_box ._title ._more>img{height: 14px;width: 8px;margin-left: 9px;}
.announcement_box .list_box ._list{margin-top: 16px;width: 100%;}
.announcement_box .list_box ._list ._line{height: 48px;width: 100%;}
.announcement_box .list_box ._list ._line ._label{width:calc(100% - 90px);font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #20324D;}
.announcement_box .list_box ._list ._line ._span{width:90px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #8F9DB3;}

.roll_list_banner_box{width: 100%;height: 100%;position: relative;}
.roll_list_banner_box .roll_img_box{border-radius: 16px;}
.roll_list_banner_box .roll_list_arrow{height:68px;width: 38px;position: absolute;top:176px;z-index: 101;cursor: pointer}
.roll_list_banner_box .roll_list_arrow{opacity: 0;transition: 0.3s}
.roll_list_banner_box .roll_ul_box{position: absolute;bottom: 16px;list-style: none;z-index: 101;width: 100%;}
.roll_list_banner_box .roll_ul_box>ul{list-style: none;}
.roll_list_banner_box .roll_ul_box>ul .li1{background-color: #FFF}
.roll_list_banner_box .roll_ul_box>ul li{float: left;height: 12px;width: 12px;margin-left: 10px;border-radius: 12px;border: 1px solid #FFF;position: relative;display: flex;justify-content: center;align-items: center;}
.roll_list_banner_box .roll_ul_box>ul li>div{width: 10px;height: 10px;border-radius: 10px;position: absolute;}
.roll_list_banner_box .roll_img_box{width: 100%;height: 100%;position: relative;overflow: hidden}
.roll_list_banner_box .roll_img_box>img{width: 100%;height: 100%;position: absolute;left:-100%;top:0px;z-index: 100}
.roll_list_banner_box .roll_img_box .roll_img_first{left:0;top:0px;}


.block_class{width: 100%;background: #FFF;padding:24px 32px;border-radius: 8px;}
.block_class ._title{width:100%;height: 32px;line-height:32px;font-family: PingFangSC, PingFang SC;font-weight: 550;font-size: 20px;color: #051C49;}
.block_class .block_class_info{margin-top: 20px;width: 100%;}
.block_class ._block{padding:16px;background: #F5F7FA;border-radius: 8px;}
.block_class ._block_1{width: 100%;padding-right: 24px;}
.block_class ._block_2{width: calc(50% - 8px);display: flex;justify-content: space-between;align-items: flex-start;}
.block_class ._block_3{width: calc(33% - 8px);display: flex;justify-content: space-between;align-items: flex-start;}
.block_class ._block_4{width: calc(25% - 8px);}
.block_class ._block_4 ._img{width: 100%;height: 176px;overflow: hidden;border-radius: 8px;}
.block_class ._block_4 ._img>img{height: 100%;object-fit: cover}
.block_class ._block_4 ._tip{height: 32px;line-height:32px;margin-top:8px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 16px;color: #060E1A;}
.block_class ._block_4 ._button{width: 72px;height: 32px;background: #3CBA78;border-radius: 16px;margin-top:16px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 14px;color: #FFFFFF;}
.block_class ._block_1 ._img{width: 216px;height: 144px;}
.block_class ._block_1 ._img>img{width: 100%;height: 100%;}
.block_class ._block_1 ._button{width: 72px;height: 32px;margin-top:56px;background: #3CBA78;border-radius: 16px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 24px;}
.block_class ._block_1 ._text{width: calc(100% - 288px);padding-left:24px;padding-right:24px;height: 100%;}
.block_class ._block_1 ._text>div:first-child{width:100%;height: 32px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 20px;color: #060E1A;line-height: 32px;}
.block_class ._block_1 ._text>div:last-child{width:100%;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #4D6180;line-height: 24px;margin-top:16px;}
.block_class ._block_ ._img{width: 216px;height: 144px;max-width: 50%;}
.block_class ._block_ ._img>img{width: 100%;height: 100%;}
.block_class ._block_ ._text{flex:1;padding-left:16px;display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;min-height:144px;}
.block_class ._block_ ._text>div:first-child{font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 20px;color: #060E1A;line-height: 32px;}
.block_class ._block_ ._text>div:last-child{display: flex;justify-content: center;align-items: center;width: 72px;height: 32px;background: #3CBA78;border-radius: 16px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 24px;}

.yjaqpx_box{width: 100%;}
.banner_class{width: 100%;background: #FFF;padding:24px 32px;border-radius: 8px;}
.banner_class ._title{height: 32px;line-height:32px;font-family: PingFangSC, PingFang SC;font-weight: 550;font-size: 20px;color: #051C49;margin-bottom: 8px;}
.banner_class ._banner{width:100%;height: 152px;background: #F5F7FA;border-radius: 8px;margin-top: 16px;padding:16px;}
.banner_class ._banner ._img{width: 180px;height: 120px;overflow: hidden;border-radius: 8px;}
.banner_class ._banner ._img>img{height: 100%;object-fit: cover}
.banner_class ._banner ._font{width: calc(100% - 292px);margin: 0 20px;height: 100%;}
.banner_class ._banner ._font ._label{height: 32px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 20px;color: #060E1A;line-height: 32px;}
.banner_class ._banner ._font ._font_sign{height: 32px;margin-top:8px;border-radius: 2px 16px 2px 16px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 32px;width: 150px;text-align: center}
.banner_class ._banner ._font ._font_sign_1{ background: #0053A8;}
.banner_class ._banner ._font ._font_sign_2{ background: #002851;}
.banner_class ._banner ._font ._span{position:absolute;bottom:0px;left:0px;width:100%;height: 24px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #4D6180;line-height: 24px;}
.banner_class ._banner ._button{width: 72px;height: 32px;background: #3CBA78;border-radius: 16px;margin-bottom: 20px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 24px;}


.fix_tips_box{width: 48px;max-height:506px;height:100%;margin:auto;position: fixed;right: 0px;box-shadow: -2px 0px 4px rgba(211, 218, 230, 0.5);overflow: hidden;z-index: 102;background-color: #FFF}
.fix_tips_box_in{height: 100%;width:100px;position: absolute;left: 0px;top:0px;overflow-y: auto;}
.fix_tips_box_in>div{height: 21%;width: 48px;text-align: center;border-top: 1px solid #EBEFF5;position: relative;}
.fix_tips_box_in>div .fix_content_bg{width: 100%;height: 100%;position: absolute;top:0px;left:0px;}
.fix_tips_box_in img{width: 24px;height: 24px;}
.fix_tips_box_in .fix_tips_box_in_li{text-align: center;width: 100%;line-height: 17px;font-size: 12px;color: #4D6180;}
.fix_tips_phone_tips{height: 52px;width: 212px;border-radius: 8px;background-color: #FFF;box-shadow: 0 0 6px #D3DAE6;color: #20324D;padding-left: 16px; position: fixed;top:109px;right:60px;z-index:200;line-height: 52px;font-size: 14px;}
.fix_tips_img_box{width: 228px;height: 132px;position: fixed;right: 60px;border-radius: 8px;background-color: #FFF;box-shadow: 0 0 6px #D3DAE6;color: #20324D;z-index:200;}
.fix_tips_img_box img{width: 100px;height: 100px;top:16px;right: 16px;position: absolute;}
.fix_tips_img_box>div{width: 84px;left:16px;font-size: 14px;position: absolute;line-height: 24px;}
.fix_tips_img_box>div>img{width: 22px;height:15px;right:12px;top:4px;position: absolute;}
.fix_tips_img_box .content2{height: 48px;top:30px;}
.fix_tips_img_box .content3{height: 72px;top:30px;}
.fix_tips_img_only_box{width: 180px;height: auto;position: fixed;right: 60px;border-radius: 8px;background-color: #FFF;box-shadow: 0 0 6px #D3DAE6;color: #20324D;z-index:200;padding:10px;}
.fix_tips_img_only_box img{width: 100%;}

.train_add{width: 100%;}
.train_add .ta_navigation{height: 32px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #051C49;}
.train_add .ta_navigation>span{margin-right: 9px;}
.train_add .ta_navigation>img{height: 8px;width: 5px;margin-right: 9px;}
.train_add .registration_box{width: 100%;min-height: 100px;background: #FFF;border-radius: 8px;margin-top: 16px;padding:24px 32px;}
.train_add .registration_box .banner_box{width: 100%;}
.train_add .registration_box .banner_box>img{width: 100%;}
.train_add .registration_box .registration_info{margin-top: 24px;margin-bottom: 88px;padding:0 66px;}
.train_add .registration_box .registration_info .title{height: 32px;text-align:center;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 16px;color: #051C49;line-height: 32px;}
.train_add .registration_box .registration_info .button{width: 192px;height: 48px;background: #3CBA78;border-radius: 8px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 16px;color: #FFFFFF;margin: auto;margin-top: 48px;}
.train_add .registration_box .registration_info .agree{height: 24px;margin-top:16px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #282E35;line-height: 24px;}
.train_add .registration_box .registration_info .agree>img{height: 16px;margin-right: 8px;}
.train_add .registration_box .registration_info .info_box{margin-top: 24px;}
.train_add .registration_box .registration_info .info_box .block{width: 50%;}
.train_add .registration_box .registration_info .info_box .block ._label{width: 15%;}
.train_add .registration_box .registration_info .info_box .block ._box{width: 35%;}
.train_add .result_box{width: 100%;min-height: 100px;background: #FFF;border-radius: 8px;margin-top: 16px;padding:24px 32px;}
.order_box{width: 100%;}
.order_box .title{height: 32px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 16px;color: #051C49;line-height: 32px;padding-left: 2px;}
.order_box .title .sign{width: 2px;height: 12px;background: #3CBA78;position: absolute;top:10px;left:-8px;}
.order_box .info_box{width: 100%;background: #FFF;border-radius: 8px;margin-top: 16px;padding:16px 40px;min-height: 608px;}
.order_box .info_box ._pay_box{width: 100%;}
.order_box .info_box ._pay_box ._pay_main{width: 550px;height: 226px;margin: auto;margin-top: 24px;margin-bottom: 40px;}
.order_box .info_box ._pay_box ._pay_main ._img{height: 226px;width: 226px;}
.order_box .info_box ._pay_box ._pay_main ._img>img{height: 100%;width: 100%;}
.order_box .info_box ._pay_box ._pay_main ._info{height: 226px;width: calc(100% - 246px);}
.order_box .info_box ._pay_box ._pay_main ._l{width: 100%;height: 32px;}
.order_box .info_box ._pay_box ._pay_main ._l>img{height: 32px;margin-right: 8px;}
.order_box .info_box ._pay_box ._pay_main ._l_f_1{font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 16px;color: #051C49;line-height: 32px;}
.order_box .info_box ._pay_box ._pay_main ._l_f_2{font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 16px;color: #051C49;line-height: 32px;}
.order_box .info_box ._pay_box ._pay_main ._l_f_3{font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #4D6180;line-height: 32px;}
.order_box .info_box ._pay_box ._pay_main ._l_f_s{font-size: 28px;font-weight: 500;}
.order_box .info_box ._pay_box ._pay_main ._l_f_c_r{color: #EA3530}
.order_box .info_box ._pay_box ._pay_main ._l_m_1{margin-bottom: 16px;}
.order_box .info_box ._pay_box ._pay_main ._l_m_2{margin-left: 16px;}
.order_box .info_box ._box{background: #F5F9FD;width: 100%;min-height: 100px;padding:16px 24px;margin-top: 16px;}
.order_box .info_box ._box_1{width: 60%;border-right: 1px solid #DFE2E6;padding: 16px;padding-right: 30px;}
.order_box .info_box ._box_1_1{width: 100%;height: 100%;}
.order_box .info_box ._box_1 .header_img{width: 88px;height: 120px;border-radius: 4px;overflow: hidden;}
.order_box .info_box ._box_1 .header_img>img{height: 100%;width: 100%;}
.order_box .info_box ._box_1 ._info_1{width:calc(100% - 88px);height: 120px;padding-left:16px;}
.order_box .info_box ._box_1 ._info_1 ._l_t_1{width:100%;height: 24px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 16px;color: #13161A;line-height: 24px;}
.order_box .info_box ._box_1 ._info_1 ._l_t_2{margin-top:8px;width:100%;height: 24px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #515D6B;line-height: 24px;}
.order_box .info_box ._box_1_2{width: 100%;height: 24px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #515D6B;line-height: 24px;margin-top: 24px;}
.order_box .create_button{width: 192px;height: 48px;background: #3CBA78;border-radius: 8px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 16px;color: #FFFFFF;margin:auto;margin-top: 40px;}
.order_box .info_box ._box_2{width: 40%;padding-left: 32px}
.order_box .info_box ._box_2 ._l_t{height: 24px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #515D6B;line-height: 24px;}
.order_box .info_box ._box_2 ._l_t_1{margin-bottom: 8px;}
.order_box .info_box ._box_2 ._l_t_2{margin-top: 8px;}
.order_box .info_box ._box_2 ._span{font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 24px;color: #EA3530;line-height: 32px;}
.order_box .info_box ._box_2_1{width: 100%;}
.order_box .info_box ._box_2_2{width: 100%;}


.image_cut_box{width: 660px;height:528px;position: fixed;left: calc((100% - 660px) / 2);top:calc((100% - 528px)/2);background-color: #FFF;border-radius: 8px; user-select: none;}
.image_cut_box .image_cut_box_exit{width: 24px;height: 24px;position: absolute;right: 32px;top:19px;background: url('/center/image/cut_exit_tips.png') no-repeat center center;background-size: 100% 100%;z-index: 99}
.image_cut_box .image_cut_box_title{width: 100%;text-align: center;height: 24px;position: absolute;top:32px;left:0px;color: #20324D;font-size: 20px;line-height: 24px;}
.image_cut_box .image_cut_box_confirm{width: 300px;height: 48px;background: #F2BE42;border-radius: 4px;position: absolute;bottom: 40px;left:180px;font-size: 16px;color: #FFF;line-height: 48px;text-align: center;}
.image_cut_box .image_select_box{width: 320px;height: 320px;background: #EBEFF5;position: absolute;top:88px;left:40px;}
.image_cut_box .image_select_box .select_button{width: 182px;height: 48px;background: #3CBA78;border-radius: 24px;position: absolute;top:136px;left:69px;color: #FFFFFF;font-size: 16px;line-height: 48px;text-align: center; }
.image_cut_box .image_select_box .upload_file_name{width: 182px;height: 30px;border-radius: 24px;position: absolute;top:100px;left:69px;color: #000;font-size: 16px;line-height: 30px;text-align: center;   overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.image_cut_box .image_select_box .upload_file_rate{width: 182px;height: 20px;background: #bcbcbc;border-radius: 10px;position: absolute;top:150px;left:69px; overflow: hidden; }
.image_cut_box .image_select_box .upload_file_rate>div{position: relative;height: 100%;border-radius: 10px;background: #3CBA78;width: 0%;transition:  all 0.5s;}
.image_cut_box .image_select_box .image_tips{width: 100%;text-align: center;height: 20px;font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #4D6180;line-height: 20px;position: absolute;top:204px;left:0px;}
.image_cut_box .image_cut_box{width: 320px;height: 320px;background: #EBEFF5;position: absolute;top:88px;left:40px;text-align: center;}
.image_cut_box .image_cut_box .cut_screen{position: absolute;border:  1px solid #FFF;box-sizing: border-box;padding:5px;}
.image_cut_box .image_cut_box .cut_screen_click_area{position: relative;width: 100%;height: 100%;}
.image_cut_box .image_cut_box .cut_screen .point{width: 8px;height:8px;border-radius: 4px;position: absolute;background: #F24678;cursor: pointer;}
.image_cut_box .image_cut_box .cut_screen .point_left_top{left:-4px;top:-4px;}
.image_cut_box .image_cut_box .cut_screen .point_right_top{right:-4px;top:-4px;}
.image_cut_box .image_cut_box .cut_screen .point_left_bottom{left:-4px;bottom:-4px;}
.image_cut_box .image_cut_box .cut_screen .point_right_bottom{right:-4px;bottom:-4px;}
.image_cut_box .image_cut_box .cut_img{max-height:320px;max-width:320px;position: absolute;top:0px;left:0px;}
.image_cut_box .preview_box{width: 240px;height: 320px;background: #EBEFF5;position: absolute;top:88px;right: 40px;}
.image_cut_box .preview_box .title{height: 22px;font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #20324D;line-height: 22px;position: absolute;top:20px;left:0px;width: 100%;text-align: center;}
.image_cut_box .preview_box .image{width: 220px;height: 168px;position: absolute;left:10px;top:66px;text-align: center;}
.image_cut_box .preview_box .image img{max-width: 100%;max-height: 100%;}