/* iPhone5/SE */
@media (max-width: 767.98px)  {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left:10px;padding-right:10px;}
    .container-fluid{overflow-x:hidden;}
    .container{padding-left:10px!important;padding-right:10px!important;}
    .mb-4{margin-bottom:10px!important;}
    .p-4 {    padding: 1rem!important;}
    .pt-4{  padding-top: 1rem!important;}
    .pt-5{padding-top: 1rem!important;}
    p,h6,.h6{font-size:14px;}
    h4,.h4{font-size:20px;}
    .h3, h3 {    font-size: 24px;}
    .h5, h5 {    font-size:18px;}
    .h2, h2{font-size:30px;margin-bottom:10px;}
    .h1, h1 {font-size: 32px;}
    .f48{font-size:30px!important;}
    img{max-width:100%!important;}
    .phone_block{display:flex;}
    .phone_none{display:none;}
    .header{overflow-x:inherit;}
    .logo_menu{min-width:150px;margin-right:0;}
    .logo{ margin-right: 24px;}
    .logo_menu .logo:after{right:-14px;}
    .footer{padding:50px 15px; }
    .footer2{padding:32px 3px;}
    .footer2 .phone_menu .card,.footer2 .phone_menu .card-header{border-color: #151717;}
    .footer2 .footer_community{padding-bottom:32px;}
    .footer2 .phone_menu .btn-link.collapsed{background: #151717;  padding: 10px 5px;border-color: #151717;}
    .footer2 .phone_menu .btn-link{background: #151717;  padding: 10px 5px; border-bottom: 1px solid #353535;}
    .footer2 #phone_menu{max-height:fit-content;min-height:auto;}
    .footer2 .phone_menu .card-body .dropdown-item{  padding: 10px 15px;   height: 45px;}
    .footer2 .phone_menu .card-body{background: #151717;        border-color: #151717;}
    .footer2 .footer_border{padding-top: 42px;     margin-top: 42px;   margin-bottom: 42px;   padding-bottom: 52px;}
    .header_menu_right {display:none!important;}
    .pt16{padding-top:80px;}
    .pb16{padding-bottom:80px;}
    .pb72{padding-bottom:36px;}
    .pt20{padding-top:100px;}
    .pb20{padding-bottom:100px;}
    .pb100{padding-bottom:50px;}
    .pt72{padding-top:36px;}
    .pb64{padding-bottom:32px;}
    .pb32{padding-bottom:16px;}
    .pb48{padding-bottom:24px!important;}
    .f18 {    font-size: 16px;}
    .title{font-size: 32px;}
    .btn-banner img, .btn-banner3 img{    margin-left: 6px;}
    .banner_cont h1{font-size:42px;    padding-top: 85px;}
    .banner_data_cont{padding:0 20px;}
    .btn-banner,.btn-banner2,.btn-banner3,.btn-banner4,.btn-banner5,.treaty_05 .btn-banner4{  font-size: 16px; padding: 7px 20px 8px; min-width: 130px; justify-content: center; }
    .banner_data{margin-bottom:40px;}
    .banner_01_bg:after{width: 100%; height: 440px;top: 0;right: 0;}
    .banner_01{height:660px;padding: 0 24px;}
    .banner_01 .banner_cont{position:relative;z-index:2;}
    .banner_01 .banner_cont h5{display:inline-block;line-height:1.5;}
    .banner_01 .banner_cont h5 span{font-size:16px;    display: flex;}
    .banner_01 .banner_cont h1{font-size: 64px;  padding-top: 105px;        width: 300px;        line-height: 1.2;}
    .banner_01_bg{ position:absolute;}
    #banner-bg{ max-width: 160%; top: 15%; left: 24%;height: auto;}
    #phone-mock {display:none;}
    .banner_01 .btn-banner,.banner_01 .btn-banner2{width:100%;text-align:center;margin-bottom:20px;}
    .banner_01 .btn-banner img,.banner_01 .btn-banner2 img{display:none;}
    .index_01 h2{font-size:32px;}
    .index_01{text-align:center;    padding: 45px 0;}
    .index_01 .text-right{text-align:center!important;}
    .index_01 h5{margin-bottom:30px;}
    .index_02{padding-left:0;padding-right:0;}
	.phone_down[style*="display: flex"] ~ .footer_service,
    .phone_down:not([style*="display: none"]) ~ .footer_service { bottom: 100px !important;}
    .guide_card .card-header .btn-link{padding:20px 20px;font-size:18px;}
    .guide_card .card-body{padding:0px 20px 20px;}
    .guide_card .card-header .btn-link:after,.guide_card .card-header .btn-link.collapsed:after{right:20px;top:20px;}

    .school_list_menu li a{margin-right:20px;font-size:20px;  }

    /*财经日历*/
    .calendar_date{padding:10px 0;}
    .l_calendar_title{width:100%;}
    .l_calendar_title ul{width:100%;padding:0;}
    .l_calendar_title ul li{width:14.28%;padding:0;}
    .l_calendar_title ul li a{padding:10px 0;height:38px;font-size:12px;line-height:20px;}
    .l_calendar_data{width:10%;text-align:center;}
    .l_calendar_data span{width:100%;font-size:14px;color:#999;padding:2px 0;}
    .calendar_date_ul li{display:flex;align-items:start;padding:15px 2% 15px 0;justify-content: space-between;width:100%;height:auto;    border-bottom: 1px solid #f5f5f5;}
    .no_data{ border-top: 1px solid #f5f5f5;}
    .l_calendar_data{ display: block;width:18%;text-align:center;}
    .l_calendar_data span,.event_affect,.event_title{width:100%;}
    .r_calendar_data{width:80%;}
    .data_title{width:100%;padding:2px 0;margin-bottom:0;}
    .data_list{width:100%;font-size:12px;color:#999;}
    .data_list span{width:auto;padding-right:15px;}
    .data_list span i{font-style:normal;display:inline-block;}
    .data_affect{width:100%;display:flex;align-items:center;}
    .data_affect .c_low,.data_affect .c_centre,.data_affect .c_zy{margin:0 15px 0 0;}
    .event_affect span{width:50%;}
    .event_city{float:right!important;font-size:14px;text-align:right;color:#999;}
    .holiday_title{width:100%;font-size:14px;color:#999;padding-top:5px;}
    .central_ul small {  color: rgba(36,40,42,0.5);  display: block;  }
    .jr-flag {display:block!important;margin:auto;}
    /*财经日历结束*/

    .index_02_bg{border-right:0;}
	.index_02_bg .h_100{padding:32px 24px;}
    .index_02_bg_cont{width:67%;}
    .index_02_bg_img{ max-width: 88px;  height: 88px;}
    .index_02_bg.border-bottom-0 {    border-bottom: 1px solid rgba(36, 40, 42, 0.1)!important;}

    .index_account_cont h6 br{display:none;}
    .index_account_cont div:first-child{    margin-bottom: 20px;}
    .title.text-left{text-align:center!important;}
    .index-app .index_03{display:none;}
    .index-app a img{max-width: inherit!important;height: 44px;margin-bottom:20px;}
    .index-app a	{    margin-right: 10px;}
    .index-app div{text-align:center;}
    .index_platform .nav-link{padding:0.5rem 10px}
    .lottie_img{max-width:50%;}
    .index_wolf .title{    padding-top: 18px;    padding-bottom: 5px;}
    .index_wolf .btn{    margin-top: 28px;}
    .index_wolf h5{font-size:16px;}
    .index_step{    padding-top: 32px;}
    .index_step_cont{padding-left:0;padding-right:0;}
	.index_step_cont_bg .lottie_img{width:88px; }
    .index_step_cont_bg{height:auto;padding:30px 20px 30px 30px;margin-bottom:24px;}
    .index_step_cont_bg p{    padding-bottom: 15px;}
    .index_03 li{font-size:16px;padding: 10px 0;}
    .index_02 .index_03{margin-top:0;padding:0 24px;}
    .index_platform{        margin-top: -142px;}
    .index_platform .cont_menu_overflow .nav-pills{justify-content:start;}
    .down_mock_img{max-width:75%!important;}
    .index_account_cont h2.en{font-size:56px;margin-bottom:8px;}
    .index_account_cont .en span{font-size:72px;}
    .index-app_btn{display:flex;justify-content:center;align-items:center;margin-top:20px;}
    .index-app_btn a{display:block;}
    .index-app_btn a.hd_btn{display:none;}
    .index-app_btn .phone-block img{padding:6px;margin-bottom:20px;border-radius: 8px;border: 1px solid #FFFFFF;width:105px;}
    .index_step_cont_bg h3{font-size:20px;}
    .index_step_cont_bg h6{font-size:16px;}
    .treaty_banner h1,.guide_banner h1,.faq_banner h1,.app_banner h1,.cto_banner h1,.about_banner h1,.treaty_banner .banner_cont h1{font-size:42px;  padding-top: 0px;}
    .index_wolf .index_unite{padding-top:0;}
	.index_unite:after{display:none;}
    .gold_banner h1{font-size:42px;  padding-top: 60px;}
    .gold_banner h6{font-size:14px;}
    .treaty_banner .banner_cont,.guide_banner .banner_cont{text-align:center;margin-bottom:40px;}
    .table thead th,.table td{        vertical-align: middle; padding: 10px 5px;    font-size: 14px;}
    .treaty_about{padding: 30px 15px;}
    .treaty_data_cont h2 .counter{font-size:58px;}
    .treaty_data_cont h6,.treaty_data3 .treaty_data_cont h6,.treaty_data2 .treaty_data_cont h6{width:auto;}
    .treaty_data{padding:10px 0;}
    .treaty_data:after{top:35px;}
    .treaty_data1.treaty_data:after{display:none;}
    .treaty_02 .title{padding-bottom: 33px;}
    .treaty_02{padding:58px 15px;}
    .treaty_01{width:80%;height:auto;margin-bottom:30px;}
    .treaty_05 .btn-banner4,.treaty_05 .btn-banner{width:90%;margin-right:0;margin-bottom:10px;font-size:20px;}
    .treaty_01_cont{font-size:18px;    padding: 8px 22px;}
    .tip_01{top: 15px;    right: 0px;}
    .tip_02 {    top: 78px;    left: -16%;}
    .tip_03 {    top: 164px;    right: -16%;}
    .treaty_step .en{font-size:20px;}
    .gold_banner{min-height:550px;}
    .gold_right{width:50%;}
    .gold_left{width:50%;}
    .gold_bg.p-0{margin-left:10px!important;margin-right:10px!important;}
    .gold_buy_02,.gold_buy_03{border-right:0;}
    #qua-l2{margin: 15px auto; max-width: 320px;}
    .faq_bimg{position:relative;        padding-top: 50px;}
    .gold_buy{border:0;}
    .gold_buy_cont .row{width:133%;}
    .gold_buy_step{margin-left:0;padding-left:0;}
    .gold_buy_cont{padding: 15px 6%;}
    .gold_buy_step_text{width:73%;}
    .gold_buy_cont p{margin-top:30px;}
    .gold_buy_step_r{ margin-left: -52px;}
    .treaty_banner_bg img,.guide_banner_bg img{max-width:80%!important;margin:auto;}
    .account_table{padding-right:0;}
    .account_gd{top:15px; left: 65%;}
    .account_table th:first-child{text-align:left;}
    .account_table th, .account_table td{min-width:120px;    padding: 15px 10px 15px 10px!important;}
    .account_table th:first-child, .account_table td:first-child{min-width:90px;  }
    .account_table th{ padding: 15px 10px 30px 10px!important;}
    .fixed-col-2{ position: inherit;}
    .account_table h3{font-size:20px;}
    .account_table th h4{font-size:32px}
    .account_table th h4 em{font-size:30px;}
    .account_table th h4 span{font-size:12px;height: 12px;}
    .account_table h5{font-size:14px}
    .account_table th h6{font-size:14px;padding: 8px 0 10px;}
    .account_table2{padding:0 14px;}
    .account_01{padding:30px 20px;margin-bottom:20px;}
    .index_account.row{margin-left:0!important;margin-right:0!important;}
    .account_01 .account_text{    margin-top: 30px;margin-bottom: 30px;}
    .account_banner .treaty_banner_bg img{left:inherit;}
    .wallet_04{text-align:center;}
    .wallet_01 .title{padding-bottom:30px;}
    .wallet_01 li{padding-bottom:20px;}
    .wallet_01 ul{padding-top:30px;}
    .wallet_data{margin-top: 25px;}
    .wallet_03 .index_unite{margin-bottom:40px;}
    .wallet_04 .text-center.col-sm-6{margin-bottom:30px;}
    .wallet_04 .title{padding-bottom:0;}
    .wallet_04 .row{margin-left:0!important;margin-right:0!important;}
    .coupon_img{max-width:130px;}
    .coupon_btn{margin-top: 26px; display: inline-grid; position: absolute;  background: #f6f7f8;    left: -2px;  padding: 0 15px;     width: calc(100% + 130px);        text-align: center;}
    .coupon_btn span{padding-top:10px;font-size:12px;padding-bottom:10px;}
    .coupon_btn .btn-banner{margin-right:0;}
    .coupon_01 h6{min-height:64px;}
    .coupon_01{padding:30px 18px 100px;margin-bottom:24px;  position: relative;}
    .coupon_01 .align-items-center{align-items:start!important;}
    .coupon_02{    padding: 40px 30px;}
    .coupon_02 .btn-banner5{    margin-top: 28px;}
    .tool_01{margin-bottom:20px;height:auto;}
    .tool_01 h4,.tool_p .col-sm-4:nth-child(2) h4{font-size:24px;    padding: 50px 0 30px;}
    .calendar_footer .btn-banner{    margin-top: 20px;}
    .calendar_menu{padding: 26px 10px;}
    .calendar_menu .col-sm-12{display:flex;justify-content:space-around;}
    .calendar_menu .col-sm-12 a{padding:0;}
    .calendar_bg{margin-bottom:20px;padding:30px 20px;}
    .calendar_bg_text {min-height: 65px;}
    .review_header{display:block;text-align:center;width: 100px;}
    .review_header img{margin-right:0;margin-bottom:10px;}
    .review_text{    width: calc(100% - 100px);padding-left:20px;}
    .bannerinput input,.bannerinput{max-width:100%;margin-top:10px;}
    .school_list_01 .bannerinput{margin-top:10px;}
    .bannerinput img{ top: 29px;}
    .school_list_01 .bannerinput img{ top: 25px;}
    .guide_banner h6{font-size:18px;}
    .school_01{padding:30px 20px;min-height:auto; background-size: auto 100%;margin-bottom:30px;}
    .school_01 img{width:100px;}
    .school_01 a{    margin-top: 10px;    font-size: 16px;}
    .school_01 a img{width:20px;}
    .school_01_cont .title.text-left,.school_detail_cont .title.text-left{text-align:left!important;}
    .school_01_right{padding-left:10px!important;}
    .school_list_a{padding:0 5px;}
    .school_list_right{max-width:100%;margin-top:30px;padding:0 15px;}
    .school_list_hd{margin-bottom:32px;}
    .school_list_rm{margin-bottom:0;}
    .school_list_title{    margin-bottom: 14px;}
    .school_list_rm li a{margin-bottom:20px;}
    .school_detail_cont,.about_news{padding:0 5px;}
    .news_title{padding:0 15px;}
    .news_pages{padding:18px 5px 24px;}
    .security_bg_cont{    padding: 53px 20px 67px;}
    .security_bg_cont p{font-size:16px;}
    .security_bg_cont .pb-4{padding-bottom:10px!important;}
    .security_bg2{padding:40px 24px;    margin-bottom: 24px;}
    .security_bg3{display:block;}
    .security_bg3 .security_bg3_02{  display: block;}
    .security_bg3 .security_bg3_01{margin-bottom:10px;}
    .security_bg4{padding:40px 24px 20px;    margin-bottom: 0px;border-bottom:1px solid rgba(36, 40, 42, 0.1);border-right:0;}
    .security_bg4:last-child{border:0;}
    .security_bg5 a{margin:15px 0;}
    .security_bg5{margin-top:24px;}
    .faq_a{display:flex;justify-content:space-around;}
    .faq_a a{padding:0 0 15px;}
    .faq_banner .bannerinput{    margin: 10px 0 18px;}
    .faq_banner .gold_right{ position: absolute;max-width: 122% !important;   right: 23%;    width: 151%;  top: -4%;}
    .faq_banner .gold_left{max-width: 117% !important;        left: 31%;        width: 151%;}
    .faq_banner_bg{margin-bottom:30px;}
    .faq_01 .title{padding-bottom: 30px;}
    .faq_a2{padding: 24px 24px;}
    .faq_bg2{padding:30px 24px;margin-bottom:24px; height:auto;   min-height: 68px;}
    .faq_bg2 a{margin-top:4px;}
    .app_banner,.cto_banner{margin-bottom:0;padding-bottom:30px;    min-height: 600px;}
    .app_banner_img{position:static;margin:30px auto 50px;max-width: 80% !important;display:flex;}
    .app_banner .app_btn{padding-top:0;}
    .app_banner .index-app_btn,.cto_banner .index-app_btn{justify-content: start;}
    .treaty_about h3{font-size:18px;padding-bottom: 10px;}
    .calendar_footer .app_btn{padding-top:0;}
    .calendar_footer .index-app_btn .phone-block img{margin-top: 5px;border: 1px solid #24282a;   width: 125px;  background: #f6f7f8;}
    .app_down_cont img{max-width:80%!important;margin:auto;}
    .app_down_text{text-align:center;}
    .app_down_text .btn-banner4{ margin-top:24px}
    .app_down_text h3{margin-top:15px;}
    .desktop_banner_img{position:static;margin:30px auto;}
    .desktop_banner .app_btn{padding-top:30px;}
    .desktop_banner{min-height:600px;text-align:center;}
    .cto_banner_img{margin:50px auto;}
    .cto_banner .app_btn a.d-lg-block,.calendar_footer .app_btn a.d-lg-block{display:none!important;}
    .cto_banner .calendar_footer .index-app_btn .phone-block img{width:105px;}
    .hd_banner_text{display:block;padding-top:0px;}
    .hd_banner_img{position:static;margin:50px auto;}
    .down_banner_img{margin:50px auto;}
    .down_banner .app_btn{padding-top:20px;}
    .down_cont .app_down_text{text-align:left;}
    .down_footer .app_btn{display: flex;  align-items: center;}

    .about_bg{padding:30px 24px;margin-top:24px;}
    .about_bg h3{margin-bottom:10px;}
    .about_cont h5{font-size:16px;}
    .about_cont .pb64{padding-bottom:14px;}
    .about_cont .treaty_about{padding: 30px 15px;        margin-bottom: 8px;        min-height: 284px;}
    .app_cont .treaty_about{padding: 30px 15px;        margin-bottom: 8px;        min-height: 219px;}
    .treaty_contab.app_cont .treaty_about{min-height:243px;}
    .about_histroy_swiper{margin-top:0;}
    .about_histroy .pb16{padding-bottom:50px;}
    .about_histroy_swiper_z .swiper-button-prev{left:35%;}
    .about_histroy_swiper_z .swiper-button-next{left:50%}
    .about_ry:before{display:none;}
    .adv_bg h4{font-size:16px;}
    .adv_bg h6{font-size:12px;}
    .about_notice .news_title{padding:0;}
    .news_title .btn-banner4{justify-content:end;    font-size: 16px;}
    .about_notice_list .news_title {padding:0;}
    .about_notice_list .news_title .d-flex{ display: block !important;}
    .about_notice_list{margin-bottom:24px;}
    .union_bg{margin-bottom:24px;padding: 30px 24px;}
    .union_setp .treaty_step_cont{min-height:330px;}
    .union_bg2 h4{font-size:18px;}
    .union_bg2{margin-bottom:24px;padding: 30px 0 30px 24px;}
    .about_banner_img{display:none;}
    .index_02_bg_cont h2{font-size:24px;}
    .index_02_bg img{width:88px;}
    .contact_cont{height: 300px;padding: 58px 32px;}
    .contact_cont .pb100{padding-bottom:30px;}
    .contact_cont h5{margin-bottom:10px;}
    .sitemap_bg{    padding: 30px 20px 20px 24px;}
    .sitemap_bg li{    padding: 8px 0;}
    .about_banner_img2{padding:20px 0;}
    .about_banner .container{min-height:500px;}
    .union_bg ul li{display:inline-block;}
    .mune_no span{font-size:16px;font-weight: 400;}
    .mune_no em{    top: 0px;    right: -32px;}
    .calendar_title,.calendar_select{padding:20px 0;}
    .calendar_right{padding:0;border-left:0;}
    .about_cont .col-6{padding-left:4px;padding-right:4px;}
    .about_cont{padding-left:20px;padding-right:20px;}
    .app_cont .col-6{padding-left:4px;padding-right:4px;}
    .app_cont{padding-left:20px;padding-right:20px;}
    .about_histroy_swiper:after,.about_histroy_swiper:before,.about_histroy_swiper_z .swiper-scrollbar{display:none;}

    .about_ry .swiper-button-next,.about_ry .swiper-button-prev{display:block;width: 36px;top:52px;height: 36px;border-radius:50px;background-color: #FFFFFF;z-index:111;}
    .about_ry .swiper-button-prev,.about_ry .swiper-container-rtl .swiper-button-next{background-size: 50%;background-image:url(../images/header/ic_arrow-left.svg);}
    .about_ry .swiper-button-next,.about_ry .swiper-container-rtl .swiper-button-prev{background-size: 50%;background-image:url(../images/header/ic_arrow-right.svg);}
    .about_ry .swiper-button-next{right:0px;}
    .about_ry .swiper-button-prev{left:0px;}
    .about_ry:after{display:none;}
    .about_ry{padding-left:0;padding-right:0;}
    .adv_bg{width:80%;}

    .treaty_table .table thead th:first-child,.treaty_table .table td{padding:10px 10px;min-width:90px;   }
    .treaty_table .table thead th{min-width:150px;}
    .treaty_table .table{border-collapse: separate;  border-spacing: 0;}

    .wallet_data_cont h2 .counter{font-size:38px;}
    .wallet_04 .btn-banner{margin-top:20px;}
    .coupon_btn .btn-banner{font-size:16px;}
    .account_form .btn-banner{margin-top:0;font-size:18px;padding: 10px 20px 12px 24px;}
    .account_form{margin-top:25px;}
    .review_rl .container{padding-left:0!important;padding-right:0!important;}
	.guide_cont2 img{max-width:80%!important;    margin-bottom: -36px;}
	.guide_cont3_step1 div{padding:4px 8px;}
	.guide_cont3_step1{    margin-top: 6px;    font-size: 12px;}
	.guide_cont3_step1 img{padding:0 5px;width:25px;}
	.guide_cont5 li{display:grid;}
	.popup-content a.customer-service{display:inline-block;}
	
	.index_jygj .swiper-wrapper{height:auto!important;}
}



/* iPad */
@media (min-width: 768px) and (max-width:1023px){
    .container-fluid{overflow-x:hidden;}
    .mb-4{margin-bottom:10px!important;}
    .p-4 {    padding: 1rem!important;}
    .pt-4{  padding-top: 1rem!important;}
    .pt-5{padding-top: 1rem!important;}
    p,h6,.h6{font-size:16px;}
    h4,.h4{font-size:20px;}
    .h3, h3 {    font-size: 24px;}
    .h5, h5 {    font-size:18px;}
    .h2, h2{font-size:30px;}
    .h1, h1 {font-size: 32px;}
    img{max-width:100%!important;}
    .phone_down[style*="display: flex"] ~ .footer_service,
    .phone_down:not([style*="display: none"]) ~ .footer_service { bottom: 100px !important;}
    .title{font-size: 32px;}
    .phone_block{display:flex;}
    .phone_none{display:none;}
    .header{overflow-x:inherit;}
    .logo_menu{min-width:150px;margin-right:0;}
    .logo{ margin-right: 24px;}
    .logo_menu .logo:after{right:-14px;}
    .footer{padding:50px 0; }
    .footer2{padding-bottom:10px;margin-bottom:10px;}
    .header_menu_right {display:none!important;}
    .pt16{padding-top:80px;}
    .pb16{padding-bottom:80px;}
    .pb72{padding-bottom:36px;}
    .pt20{padding-top:100px;}
    .pb20{padding-bottom:100px;}
    .pb100{padding-bottom:50px;}
    .pt72{padding-top:36px;}
    .pb64{padding-bottom:32px;}
    .pb32{padding-bottom:16px;}
    .pb48{padding-bottom:24px!important;}
    .title{font-size: 40px;}
    .banner_01 .banner_cont h1{font-size: 49px; }
    /*财经日历*/
    .calendar_date{padding:10px 0;}
    .l_calendar_title{width:100%;}
    .l_calendar_title ul{width:100%;padding:0;}
    .l_calendar_title ul li{width:14.28%;padding:0;}
    .l_calendar_title ul li a{padding:10px 0;height:38px;font-size:12px;line-height:20px;}
    .l_calendar_data{width:10%;text-align:center;}
    .l_calendar_data span{width:100%;font-size:14px;color:#999;padding:2px 0;}
    .calendar_date_ul li{display:flex;align-items:start;padding:15px 2% 15px 0;justify-content: space-between;width:100%;height:auto;    border-bottom: 1px solid #f5f5f5;}
    .no_data{ border-top: 1px solid #f5f5f5;}
    .l_calendar_data{ display: block;width:18%;text-align:center;}
    .l_calendar_data span,.event_affect,.event_title{width:100%;}
    .r_calendar_data{width:80%;}
    .data_title{width:100%;padding:2px 0;margin-bottom:0;}
    .data_list{width:100%;font-size:12px;color:#999;}
    .data_list span{width:auto;padding-right:15px;}
    .data_list span i{font-style:normal;display:inline-block;}
    .data_affect{width:100%;display:flex;align-items:center;}
    .data_affect .c_low,.data_affect .c_centre,.data_affect .c_zy{margin:0 15px 0 0;}
    .event_affect span{width:50%;}
    .event_city{float:right!important;font-size:14px;text-align:right;color:#999;}
    .holiday_title{width:100%;font-size:14px;color:#999;padding-top:5px;}

    .jr-flag {display:block!important;margin:auto;}
    /*财经日历结束*/
    .banner_cont h1,.gold_banner h1{font-size:40px;    padding-top: 60px;}
    .banner_data_cont{padding:0 20px;}
    .btn-banner,.btn-banner2,.btn-banner3,.treaty_05 .btn-banner4,.wallet_04 .btn-banner{ margin-top:30px; font-size: 20px;  padding: 10px 18px 10px 28px; justify-content: center; }
    .btn-banner img, .btn-banner3 img, .btn-banner5 img{margin-left: 10px;}
    .banner_data{margin-bottom:40px;}
    .banner_01_bg:after{width: 100%; height: 440px;top: 0;right: 0;}
    .banner_01{height: 94vh;    max-height: 580px;}
    .banner_01 .banner_cont h5{display:inline-block;line-height:1.5;}
    .banner_01 .banner_cont h5 span{font-size:16px;    display: flex;}
    .banner_01_bg{height: 94vh;    max-height: 586px;}
    #banner-bg{ max-width: 130%;  top:15%; left: -14%;height: auto;}
    #phone-mock {    position: absolute;    z-index: 2;    width: 840px;    left: -10%;    max-width: 124%;    top: 15%;}
    .index_01 .text-right{text-align:center!important;}
    .index_01 h5{margin-bottom:30px;}
    .index_02_bg{display:block;padding:0px; }
    .index_02_bg img{margin-right:0;width:80px;  }
	.index_02_bg .h_100{padding:30px;}
    .index_02_bg_cont{max-width:61%;margin:0;}
    .index_02_bg_img{margin:auto;max-width: 62%;}
    .index_account_cont{    padding:42px 42px 52px;}
    .index_account_cont.on{  padding: 42px 42px 52px;}
    .index_account_cont div:first-child{    margin-bottom: 32px;}
    .index-app .index_03{justify-content:center;    margin-bottom: 42px;}
    .index-app a img{max-width: inherit!important;height: 44px;margin-bottom:20px;}
    .index-app a	{    margin-right: 10px;}
    .lottie_img{max-width:50%;}
    .index_wolf .title{    padding-top: 18px;    padding-bottom: 5px;}
    .index_wolf .btn{    margin-top: 28px;}
    .index_wolf h5{font-size:16px;}
    .index_step{    padding-top: 32px;}
    .index_step_cont_bg .lottie_img{width:100px; }
    .index_step_cont_bg{padding:30px 20px 30px 30px;}
    .index_step_cont_bg p{    padding-bottom: 15px;}
    .index_desktop_img{max-width:667px!important;}
    .index-app .index_app_cont img{max-width:667px!important;}
    .index_wolf .title{font-size:36px;}
    .treaty_data_cont h6,.treaty_data3 .treaty_data_cont h6,.treaty_data2 .treaty_data_cont h6{width:auto;}
    .treaty_data{padding:10px 0;}
    .treaty_banner{min-height: 520px;}
    .guide_banner{min-height: 468px;}
    .treaty_banner_bg:after,.guide_banner_bg:after{width: 804px;    height: 559px;      margin-left: -402px;  top: -13%;}
    .treaty_01{width:80%;height:auto;margin-bottom:30px;}
    .treaty_01_cont{font-size:18px;    padding: 8px 22px;}
    .tip_01{top: 15px;    right: 0px;}
    .tip_02 {    top: 78px;    left: -16%;}
    .tip_03 {    top: 164px;    right: -16%;}
    .gold_buy_cont{padding: 15px 6%;}
    .gold_buy_step_text{width:70%;}
    .gold_banner,.gold_banner .container{min-height:350px;}
    .gold_right{width:28%;    top: 10%;}
    .gold_left{width:28%;    top: 10%;}
    .gold_banner_bg:after{    width: 616px;    height: 580px;  margin-left: -308px;}
    .treaty_banner_bg img,.guide_banner_bg img{max-width:120%!important;margin:auto;}
    .account_banner{min-height:380px;}
    .account_banner .treaty_banner_bg img{left:-2px;}
    .account_table th, .account_table td{min-width:200px;    padding: 20px 0px 20px 15px;}
    .account_table th:first-child, .account_table td:first-child{min-width:130px;padding-left:20px; }
    .fixed-col-2{left:130px;}
    .security_bg_cont p{font-size:16px;}
    .security_bg_cont .pb-4{padding-bottom:10px!important;    overflow: hidden;}
    .account_01{padding:40px 24px;}
    .account_02 .account_text{margin-bottom: 64px;}
    .wallet_01 li{padding-bottom:30px}
    .wallet_01 .title{padding-bottom:40px;}
    .coupon_02{padding: 40px 24px;}
    .coupon_01{padding:40px 24px;}
    .coupon_img{max-width:200px;}
    .calendar_bg{padding: 30px 24px;}
    .calendar_bg_text{min-height:196px;}
    .calendar_bg_text h6{font-size:14px;}
	.treaty_banner h1, .guide_banner h1, .treaty_banner .banner_cont h1,.faq_banner h1, .app_banner h1, .cto_banner h1, .about_banner h1, .treaty_banner .banner_cont h1{font-size:42px;}
	
}
@media (min-width: 992px) and (max-width: 1023px) {

}

@media (min-width: 1025px) and (max-width:1199px) {
    .container {  max-width: 1025px; }
    .banner_01 .banner_cont h5{display:inline-block; line-height: 1.5;}
    .banner_01 .banner_cont h5 span{display:block;}

}


@media (min-width: 992px){
    .header .col-3{    -ms-flex: 0 0 29%;    flex: 0 0 29%;    max-width: 29%;}
    .header .col-lg-2 {    -ms-flex: 0 0 12.666667%;    flex: 0 0 12.666667%;    max-width: 12.666667%;}

    .header_bk .container {    max-width: 1100px;}
    .header_bk .menu ul li {padding-left: 3px;margin-left:3px;}
    .header{padding:0 15px;}
    .logo_menu {margin-right: 30px;}
    .header_menu_right{max-width:270px;display:none!important;}
    .top_icon{    padding-left:15px;    margin-left: 15px;}
    .language_img{margin-left: 12px;}
    .btn {    margin-right: 15px;}
    .header .btn_reg{padding:4px 12px;}
    .banner_cont h1{font-size:64px;}
    .treaty_banner h1,.guide_banner h1,.faq_banner h1,.app_banner h1,.cto_banner h1,.about_banner h1{font-size:52px;}
    .title{font-size: 36px;}
}


@media (min-width: 1200px) {
    .about_histroy_swiper_z .col-xl-10 {-ms-flex: 0 0 93.333333%; flex: 0 0 93.333333%; max-width: 93.333333%; }
    .logo_menu {margin-right: 64px;}
    .btn {    margin-right: 20px;}
    .header_menu_right{ max-width: 315px;        display: flex !important;    margin-right: -24px;}
    .top_icon{    padding-left:32px;    margin-left: 32px;}
    .language_img{margin-left: 20px;width: 45px;}
    .banner_cont h1{font-size:70px;}
    .treaty_banner h1,.guide_banner h1,.faq_banner h1,.app_banner h1,.cto_banner h1,.about_banner h1{font-size:58px;}
    .account_table.col-xl-10 { -ms-flex: 0 0 98.333333%;    flex: 0 0 98.333333%;     max-width: 98.333333%;}
    .title{font-size: 42px;}
}
@media (min-width: 1280px){
    .container {    max-width: 1180px!important;}
    .header_bk .menu ul li {padding-left: 20px;margin-left:3px;}
    .header_bk .menu ul li:first-child{}
    .header .col-3{    -ms-flex: 0 0 25%;    flex: 0 0 25%;    max-width: 25%;}
    .header .col-lg-2 {    -ms-flex: 0 0 16.666667%;    flex: 0 0 16.666667%;    max-width: 16.666667%;}
    .header{padding:0 25px 0 15px;}
    .logo_menu {margin-right: 64px;}
    .btn {    margin-right: 20px;}
    .d-xl-block {display: block !important;}
    .header_menu_right{ max-width: 315px;        display: flex !important;    margin-right: -24px;}
    .top_icon{    padding-left:32px;    margin-left: 32px;}
    .language_img{margin-left: 20px;}
    .banner_cont h1{font-size:80px;}
    .treaty_banner h1,.guide_banner h1,.faq_banner h1,.app_banner h1,.cto_banner h1,.about_banner h1{font-size:64px;}
    .account_table.col-xl-10 { -ms-flex: 0 0 95.333333%;    flex: 0 0 95.333333%;     max-width: 95.333333%;}
    .title{font-size: 48px;}
}
@media (min-width: 1420px){
    .container {    max-width: 1200px!important;}
    .header{padding:0 40px;}
    .banner_01 .container {    max-width: 1400px!important;}
    .treaty_banner .container {    max-width: 1400px!important;}
    .guide_banner .container {    max-width: 1400px!important;}
    .faq_banner .container {    max-width: 1400px!important;}
    .app_banner .container {    max-width: 1400px!important;}
    .about_banner .container {    max-width: 1400px!important;}
    .about_histroy_swiper_z .col-xl-10 {-ms-flex: 0 0 90.333333%; flex: 0 0 90.333333%; max-width: 90.333333%; }
    .header_menu_right{ max-width: 315px;        display: flex !important;    margin-right: -24px;}
    .logo_menu {margin-right: 64px;}
    .btn {    margin-right: 20px;}
    .top_icon{    padding-left:32px;    margin-left: 32px;}
    .language_img{margin-left: 20px;}
    .banner_cont h1{font-size:80px;}
    .treaty_banner h1,.guide_banner h1,.faq_banner h1,.app_banner h1,.cto_banner h1,.about_banner h1{font-size:64px;}
    .account_table.col-xl-10 { -ms-flex: 0 0 90.333333%;    flex: 0 0 90.333333%;     max-width: 90.333333%;}

}
@media (min-width: 1650px){
    .container {    max-width: 1200px!important;}
    .banner_01 .container {    max-width: 1400px!important;}
    .treaty_banner .container {    max-width: 1400px!important;}
    .guide_banner .container {    max-width: 1400px!important;}
    .faq_banner .container {    max-width: 1400px!important;}
    .app_banner .container {    max-width: 1400px!important;}
    .about_banner .container {    max-width: 1400px!important;}
    .about_histroy_swiper_z .col-xl-10 {-ms-flex: 0 0 83%; flex: 0 0 83%; max-width: 83%; }
    .header_menu_right{ max-width: 315px;        display: flex !important;    margin-right: -24px;}
    .logo_menu {margin-right: 64px;}
    .btn {    margin-right: 20px;}
    .top_icon{    padding-left:32px;    margin-left: 32px;}
    .language_img{margin-left: 20px;}
    .banner_cont h1{font-size:80px;}
    .treaty_banner h1,.guide_banner h1,.faq_banner h1,.app_banner h1,.cto_banner h1,.about_banner h1{font-size:64px;}
    .index-app:after{left:10vw;}
    .account_table.col-xl-10 { -ms-flex: 0 0 85.333333%;    flex: 0 0 85.333333%;     max-width: 85.333333%;}
}
@media (min-width: 1921px){
    .index-app:after{left:10vw;}
}