/* 顶部 */
.mobile_header {
    height: 100px;
    background: #001952;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: 999;
}

.mobile_header_logo_img {
    width: 200px;
}

.daohang_b {
    width: 65px;
}

.head_box {
    /* display: none; */
    position: fixed;
    left: 0;
    top: 80px;
    height: calc(100vh - 80px);
    width: 100vw;
    display: block;
    background-color: rgba(0, 25, 82, 0.9);

    transform: translateX(-100%);
    transition: all .2s;
}

.head_box.show {
    transform: translateX(0%);
}

.head_box .inner {
    width: 450px;
    padding: 0;
    margin: 0;
    flex-direction: column-reverse;
    background-color: rgba(0, 25, 82, 1);
    min-width: unset;
}

#head_box_ucenter .demo_btn {
    font-size: 18px;
}

#head_box_ucenter {
    height: unset;
    width: 100%;
    justify-content: flex-end;
}

.head_box .inner .logo {
    display: none;
}

.head_box .inner .nav_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    margin: 0;
}

.head_box .inner .nav, .head_box .inner .nav>div {
    height: 80px;
    width: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.head_box .inner .nav+.nav {

    border-top: 1px solid #fff;
}

.head_box .nav.has_select_nav {
    height: unset;
    flex-direction: column;
}

.nav.has_select_nav .nav_product_ol {
    display: flex;
    flex-direction: column;
    position: relative;
    transform: none;
    background: none;
    box-shadow: none;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.nav.has_select_nav .nav_product_ol li {
    display: flex;
    position: relative;
    transform: none;
    background: none;
    box-shadow: none;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 80px;
    color: #fff;
    margin: 0;
    border-top: 1px solid #fff;
}

.nav.has_select_nav .nav_product_ol li a {
    display: flex;
    position: relative;
    transform: none;
    background: none;
    box-shadow: none;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 80px;
    color: #fff;
    align-items: center;
    justify-content: center;
    text-indent: 4em;
}

.nav_product_ol::after,
.nav_product_ol_v::after {
    display: none;
}

.nav_img_kai {
    position: absolute;
    right: 28px;
    transform: rotate(-90deg);
}

.has_select_nav .nav_img_kai {
    transform: none;
}



/* 首页轮播 */
.top_box {
    height: calc(478px * 0.75);
    overflow: hidden;
}

.top_big_swiper_container {
    width: 1000px;
    transform: scale(0.75);
    transform-origin: left top;
}

.banner_1t, .banner2_wenzi1, .banner2_wrap, .banner2_wenzi2, .banner4_wenzi2 {
    left: 30px;
}

.banner_img {
    width: 300px;
    height: unset;
}

.banner2_img {
    width: 350px;
    height: unset;
    right: 66px;
    top: 113px;
}

.banner4_img {
    width: 288px;
    height: unset;
    top: 199px;
}

.banner3_img {
    width: 398px;
    height: unset;
    top: 150px;
}


.title_zn1 {
    font-size: 28px;
}

.title_zn2 {
    font-size: 18px;
}

.zn3_txt {
    font-size: 18px;
}

.zn3_img {
    width: 18px;
    height: 18px;
}

.title_zn3 {
    width: 380px;
    height: 80px;
}

.zn3_wrap1_w160 {
    width: 175px;
}

.zn3_wrap1, .zn3_wrap2 {
    height: unset;
    width: 170px;
}


.inner, .intro_box {
    max-width: 100vw;
}




.zhineng_wrap, .bg_3, .bg_2, .yingyong_flex_wrap, .zn_wrap3 {
    flex-wrap: wrap;
    height: unset;
}

.zhineng_wrap, .ctn_container {
    padding: 30px;
    box-sizing: border-box;
}

.icon_yingyong, .icon_wufu {
    padding-top: 50px;
}

.zhineng_kuang {
    width: 100%;
    padding: 30px 0;
}

.zhineng_kuang+.zhineng_kuang {
    margin-top: 50px;
}

.changjing_img {
    width: 48%;
}

img.changjing_img, .changjing_img:hover .show-on-hover {
    width: 100%;
}

.changjing_img:nth-child(n+3) {
    margin-top: 50px;
}

.txt_changjing {
    font-size: 28px;
    bottom: 15px;
    top: unset;
}

.zn_wrap3 {
    justify-content: space-between;

}

.kuang_wrap3 {
    width: 50%;
}

.kuang_wrap3:nth-child(n+3) {
    margin-top: 50px;
}

.blue_wrap_01 {
    overflow: hidden;
}

.blue_img {
    right: -52px;
}

.kuang_wrap3_text_p {
    font-size: 20px;
}

.kuang_wrap3_text {
    font-size: 34px;
}

.icon_wufu>p {
    font-size: 34px;
}

.icon_yingyong_texte {
    font-size: 1.2em;
}

/* 底部 */
.footer .inner {
    flex-direction: column;
}

.footer .inner .left_box {
    justify-content: center;
}

.footer .inner .right_box {
    justify-content: center;
    align-items: center;
}

.footer .inner .bottom_text, .vice_title {
    font-size: 16px;
}

.footer .title {
    font-size: 24px;
}

.normal_text {
    font-size: 18px;
}























/* 产品页 */
.intro_box:nth-of-type(n) {
    flex-direction: column;
}

.yingyongchangjin {
    padding: 50px 30px;
    box-sizing: border-box;
}

.yingyongchangjin .app_img {

    width: 100%;
}

.yingyongchangjin .img_list {
    flex-direction: column;
}

.yingyongchangjin .img_box {
    width: 100%;

}

.yingyongchangjin .inner {
    width: 100%;
}

.intro_text_black {
    font-size: 18px;
}

.yingyongchangjin .app_img {
    margin: 0;
}

.blue_wenzi_16y {
    font-size: 22px;
}

.core {
    padding-left: 30px;
    padding-right: 30px;
}

.card_list {
    flex-wrap: wrap;
    justify-content: space-between;
}

.card {
    width: 48%;
    margin: 0;
}

.card:nth-child(n+3) {

    margin-top: 30px;
}

.product_center .inner {
    padding: 0 30px;
}

.product_center .point {
    font-size: 20px;
}


.label_chain .top_box .top_text_box+img {
    width: 350px;
}

.label_chain .top_text_box {
    padding-left: 30px;
}



.slove_product .top_box .top_text_box+img {
    width: 300px;
}

.slove_product .top_text_box {
    padding-left: 30px;
}

.slove_product .slove_box>div {
    flex-wrap: wrap;
}

.slove_product .slove_item {
    width: 100%;
}

.slove_product .slove_item+.slove_item {
    margin-top: 60px;
}

.slove_product .card_list_slove .card_slove {
    width: 328px;
    margin: 0;
}

.slove_product .card_list_slove .card_slove:nth-child(n+3) {
    margin-top: 30px;
}

.slove_product .card_list_slove .card_slove {
    font-size: 20px;
}


.slove_microcourse .top_box .top_text_box+img {
    width: 300px;
}

.slove_microcourse .top_text_box {
    padding-left: 30px;
}

.slove_label .top_box .top_text_box+img {
    width: 350px;
}

.slove_label .top_text_box {
    padding-left: 30px;
}

.about_us_ctn {
    padding: 30px;
    flex-direction: column;
}







.about .top_box .inner_about>div {
    padding-left: 30px;
}

.about .top_box .inner_about>div>div {
    font-size: 40px;
}

.about .top_box .inner_about>img {
    width: 300px;
}

.about .about_lianxi_wm_desc {
    font-size: 18px;
}

.about .about_yewu_fanwei_desc {
    font-size: 18px;
}

.about_us_ctn>div:nth-child(2) {
    margin-top: 60px;
}

.about .case {

    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    height: unset;
}

.about .intro_box_left {
    margin: 0 auto;

}

.about .intro_box {
    width: 100%;
    box-sizing: border-box;
}

.about .intro_box_right {
    margin-top: 50px;
}

.about .img_map {
    width: 100%;
    height: unset;
}

.title {
    font-size: 28px;
}

.about .intro_text_black {
    font-size: 18px;
}

.about .bottom_box_us_about .inner {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about .bottom_box_us_about .inner>div, .about .bottom_box_us_about .inner>img {
    position: static;
    left: unset;
    top: unset;
    right: unset;
}


.lianxiwm_fu {
    bottom: 200px;
    right: 40px;
    width: 80px;
    height: 260px;
}

.max_hidden {
    overflow: hidden;
}

.top_text_box {
    padding-left: 30px;
}

.top_box .top_text_box+img {
    width: 350px;
}

.microcourse_chain .top_box .top_text_box+img {
    width: 300px;
}

.intro_box_left {
    width: unset !important;
}

.intro_box_left310_chain .circle_blue {
    right: -68px;
}

.card_list_micro .card_slove {
    margin-right: 0;
    width: 46%;
}

.card_list_slove .card_slove {
    margin-right: 0;
    width: 46%;
    margin-top: 50px;
}

.card_list_slove .card_slove:nth-child(1),
.card_list_slove .card_slove:nth-child(2) {
    margin-top: 0px;
}

.card_list_micro .card_slove:nth-child(3n) {
    margin-top: 50px;
}

.label_slove .intro_box_right171 {
    margin-left: 0;
}

.slove_inner .intro_box_right {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.card_slove_item {
    justify-content: unset;
}

.card_slove .title {
    margin-bottom: 25px;
}

.next_btn {
    right: 60px;
}

.about_swiper_box .pre_btn {
    left: 60px;
}

.about .bottom_box_us_about .inner>img {
    width: 280px;
}

.blue_btn_v {
    left: 26px
}

.footer .inner {
    box-sizing: border-box;
    flex-direction: row;
    width: 100%;
    min-width: unset;
    padding: 0 30px;
}

.form_login_inner {
    margin-top: 66px !important;
}

.register .inner {
    width: 100%;
}

.top_text_box_phone {
    padding: 0 30px;
    margin-bottom: 80px;
}

.top_text_box_phone+img {
    top: 60px;
}

/* 取消被访问过的链接的背景颜色 */
a:visited {
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 取消活动状态下的点击背景颜色 */
a:active {
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div {
    /*关键代码*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.register .top_box {
    justify-content: unset;
}

.personal_center .head_bg {
    width: 100%;
}

.personal_center .personal_center_content {
    width: 100%;
}

.personal_left_box {
    width: 183px;
    flex: none;
}

.personal_right_box {
    width: calc(100vw - 203px);
}

.personal_center .saoma_img {
    width: 150px;
}

.personal_center .user_info_box {
    width: 90%;
}

.taocan_item {
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: column;
}

.taocan_item .right {
    padding-left: 0px;
    align-items: unset;
    min-height: unset;
    padding-bottom: 0;
    border: 0;
}

.my_order_title_box .title_box {
    padding: 0;
}

.order_list_box {
    padding-left: 0;
    padding-right: 0;
}

.my_order_title_box {
    word-break: break-all;
}

.my_order_title_box .width18 {
    word-break: break-all;
}

.my_order_title_box .width17 {
    width: 21%;
}

.personal_center_bg_1 {
    width: 100%;
}

.my_order_title_box .width21 {
    width: 26%;
}

.my_order_title_box .width30 {
    width: 24%;
}

.invoice .order_list_box {
    align-items: center;
}

.my_order_title_box .width20 {
    display: flex;
    flex-direction: column;
}

.product_buy_box .colum1 .item .blue {
    font-size: 16px;
}

.product_buy_box .right_detail .colum2 {
    min-height: 385px;
    font-size: 14px;
}

.product_buy_box .right_detail .colum2 .item {
    margin-left: 0px;
}

.colum2_height_w {
    min-height: 480px !important;
}

.upgrade .width50 {
    width: 40%;
}

.upgrade .width20 {
    width: 24%;
}

.nav_black {
    color: #fff;
}

.top_big_swiper_container .swiper-button-prev {
    left: 10px;
}

.top_big_swiper_container .swiper-button-next {
    right: 10px;
}

.footer .inner {
    padding-bottom: 30px;
}

.footer_bottom_inner {
    margin-top: 0;
}

.register .head_box .inner {
    width: 450px;
}

.rulu_bg {
    position: fixed;
    left: 0;
    top: 0px;
    height: 100vh;
    width: 100vw;
    display: block;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    /* align-items: center; */
    justify-content: center;
    color: #fff;
    box-sizing: border-box;
    padding:0 30px;
    z-index: 9999999999;
    padding-top:200px;
    font-size: 28px;
    overflow: hidden;
}

.close_blue{
    position: absolute;
    top:50px;
    right: 50px;
    z-index: 10;
    width: 50px;
}

.tiaozhuan_phone{
    display: none;
}

.tiaozhuan_phone_v{
    display: flex !important;
}

.btn_group{
    height: unset;
    width: 100%;
    justify-content: end;
}