@import url('./widget.css');
@import url('./pop.css');
@import url('./layout.css');


@media only screen {
    :root {
        /* common */
        --color-primary: #5839df;
        --max-width: 1320px;
        --min-width: 1100px;

        /* .acch-layout_header */
        --layout_header__ul__menu__display: flex;
        --layout_header__r__abs-right: 0;
        --layout_header__menu-btn__display: none;

        /* .acch-layout_footer */
        --layout_footer__copyright__ul__li__float: left;

        /* .acch-pop_menu */
        --pop_menu__z-index: -1;

        /* .acch-layout_top-post */
        --layout_top-post__inner__height: 540px;
        --layout_top-post__common__left: 80px;
        --layout_top-post__common__bottom: 80px;
        --layout_top-post__common__zh__font-size: 64px;
        --layout_top-post__home__height: 800px;
        --layout_top-post__home1__display: block;
        --layout_top-post__home3__display: none;

        /* .acch-layout_content */
        --layout_content__item__inner__margin-lr: auto;

        /* .acch-layout_nine-box */
        --layout_nine-box__li__width: 353px;
        --layout_nine-box__li__height: 160px;
        --layout_nine-box__li__border-radius: 20px;
        --layout_nine-box__li__font-size: 30px;
        --layout_nine-box__li__span__left: 40px;
        --layout_nine-box__li__span__bottom: 20px;
        --layout_nine-box__li__span__en__bottom: 70px;
        --layout_nine-box__li__span__en__font-size: 24px;
        --layout_nine-box__li__div__background-size: 70% auto;

        /* .acch-layout_home-welcome */
        --layout_home-welcome__content__float-left: left;
        --layout_home-welcome__content__float-right: right;
        --layout_home-welcome__content__photo__width: 400px;
        --layout_home-welcome__content__photo__text-align: left;
        --layout_home-welcome__content__photo__img__width: 100%;
        --layout_home-welcome__content__photo__img__height: 533px;
        --layout_home-welcome__content__text__width: 640px;

        /* .acch-layout_home-tougao */
        --layout_home-tougao__display: flex;

        /* .acch-layout_org-member */
        --layout_org-member__div__height: 110px;
        --layout_org-member__div__zb__width: 725px;
        --layout_org-member__div__cb__width: 350px;
        --layout_org-member__t__before__display: none;
        --layout_org-member__c__li__width: 350px;
        --layout_org-member__c__display: flex;
        --layout_org-member__c__height: 64px;
        --layout_org-member__c__li__margin-top: 0;
        --layout_org-member__c__li__text-align: left;
        --layout_org-member__c__li__img__margin: 0;

        /* .acch-layout_org-structure */
        --layout_org-structure__ul__display: flex;
        --layout_org-structure__ul__li__margin-top: 0;
        --layout_org-structure__ul__li__width: 350px;
        --layout_org-structure__ul__li__li__inner__img__width: 100%;
        --layout_org-structure__ul__li__li__inner__img__height: 466px;

        /* .acch-widget_expert */
        --acch-widget_expert__float-left: left;
        --acch-widget_expert__float-right: right;
        --acch-widget_expert__profile__margin-bottom: 0;
        --acch-widget_expert__profile__width: 340px;
        --acch-widget_expert__profile__img__width: 340px;
        --acch-widget_expert__profile__img__height: 454px;
        --acch-widget_expert__intro__name__text-align: left;
        --acch-widget_expert__intro__width: 670px;
        --acch-widget_expert__intro__min-height: 454px;

        /* .acch-layout_contribute-flow */
        --layout_contribute-flow__display: flex;
        --layout_contribute-flow__l__margin-bottom: 0;
        --layout_contribute-flow__r__width: 700px;

        /* .acch-layout_travel-preview */
        --layout_travel-preview__ul__flex-direction: row;

        /* .acch-layout_travel-nav */
        --layout_travel-nav__ul__m__flex-direction: row;
        --layout_travel-nav__ul__m__li__width-1: 60%;
        --layout_travel-nav__ul__m__li__width-2: 100%;
        --layout_travel-nav__ul__m__li__width-3: 60%;

        /* .acch-layout_travel-nav-fixed */
        --layout_travel-nav-fixed__inner__margin-lr: auto;

        /* .acch-pop_box */
        --pop_box__width: 600px;
    }
}


@media only screen and (max-width: 1100px) {
    :root {
        /* common */
        --max-width: auto;
        --min-width: auto;

        /* .acch-layout_header */
        --layout_header__ul__menu__display: none;
        --layout_header__r__abs-right: 20px;
        --layout_header__menu-btn__display: flex;

        /* .acch-layout_footer */
        --layout_footer__copyright__ul__li__float: none;

        /* .acch-pop_menu */
        --pop_menu__z-index: 1000;

        /* .acch-layout_top-post */
        --layout_top-post__inner__height: calc(100vw * 1);
        --layout_top-post__common__left: 20px;
        --layout_top-post__common__bottom: 80px;
        --layout_top-post__common__zh__font-size: 40px;
        --layout_top-post__home__height: auto;
        --layout_top-post__home1__display: none;
        --layout_top-post__home3__display: block;

        /* .acch-layout_content */
        --layout_content__item__inner__margin-lr: 20px;

        /* .acch-layout_nine-box */
        --layout_nine-box__li__width: calc((100vw - 80px) / 3);
        --layout_nine-box__li__height: calc((100vw - 80px) / 3 * 1.05);
        --layout_nine-box__li__border-radius: 15px;
        --layout_nine-box__li__font-size: 16px;
        --layout_nine-box__li__span__left: 20px;
        --layout_nine-box__li__span__bottom: 20px;
        --layout_nine-box__li__span__en__bottom: 50px;
        --layout_nine-box__li__span__en__font-size: 14px;
        --layout_nine-box__li__div__background-size: 100% auto;

        /* .acch-layout_home-welcome */
        --layout_home-welcome__content__float-left: none;
        --layout_home-welcome__content__float-right: none;
        --layout_home-welcome__content__photo__width: 100%;
        --layout_home-welcome__content__photo__text-align: center;
        --layout_home-welcome__content__photo__img__width: calc(100vw * 0.4);
        --layout_home-welcome__content__photo__img__height: calc(100vw * 0.4 * 1.33);
        --layout_home-welcome__content__text__width: 100%;

        /* .acch-layout_home-tougao */
        --layout_home-tougao__display: block;

        /* .acch-layout_org-member */
        --layout_org-member__div__height: auto;
        --layout_org-member__div__zb__width: 100%;
        --layout_org-member__div__cb__width: 100%;
        --layout_org-member__t__before__display: block;
        --layout_org-member__c__li__width: 100%;
        --layout_org-member__c__display: block;
        --layout_org-member__c__height: auto;
        --layout_org-member__c__li__margin-top: 40px;
        --layout_org-member__c__li__text-align: center;
        --layout_org-member__c__li__img__margin: 0 auto;

        /* .acch-layout_org-structure */
        --layout_org-structure__ul__display: block;
        --layout_org-structure__ul__li__margin-top: 40px;
        --layout_org-structure__ul__li__width: 100%;
        --layout_org-structure__ul__li__li__inner__img__width: calc(100vw * 0.4);
        --layout_org-structure__ul__li__li__inner__img__height: calc(100vw * 0.4 * 1.33);

        /* .acch-widget_expert */
        --acch-widget_expert__float-left: none;
        --acch-widget_expert__float-right: none;
        --acch-widget_expert__profile__margin-bottom: 40px;
        --acch-widget_expert__profile__width: 100%;
        --acch-widget_expert__profile__img__width: calc(100vw * 0.4);
        --acch-widget_expert__profile__img__height: calc(100vw * 0.4 * 1.33);
        --acch-widget_expert__intro__name__text-align: center;
        --acch-widget_expert__intro__width: 100%;
        --acch-widget_expert__intro__min-height: auto;

        /* .acch-layout_contribute-flow */
        --layout_contribute-flow__display: block;
        --layout_contribute-flow__l__margin-bottom: 80px;
        --layout_contribute-flow__r__width: 100%;

        /* .acch-layout_travel-preview */
        --layout_travel-preview__ul__flex-direction: column;

        /* .acch-layout_travel-nav */
        --layout_travel-nav__ul__m__flex-direction: column;
        --layout_travel-nav__ul__m__li__width-1: 100%;
        --layout_travel-nav__ul__m__li__width-2: 100%;
        --layout_travel-nav__ul__m__li__width-3: 100%;

        /* .acch-layout_travel-nav-fixed */
        --layout_travel-nav-fixed__inner__margin-lr: 20px;

        /* .acch-pop_box */
        --pop_box__width: calc(100vw - 40px);
    }
}


body, html {margin:0; padding:0; width:100%; font-size:20px; line-height:1.5; background-color:#fff; overscroll-behavior:none; transition:all .2s; -webkit-tap-highlight-color:transparent;}
body {opacity:0;}
h1,h2,h3,h4,h5,h6,p,ul,ol,input,textarea,img {margin:0; padding:0; list-style:none; outline:none; border:0;}
body, html,
[lang="zh"],
[lang="en"] {
    font-family:"PingFang SC",  /* macOS 中文系统默认 */
    "Microsoft YaHei",          /* Windows 中文系统默认 */
    "Noto Sans CJK SC",         /* 部分 Linux 系统安装的 */
    "Hiragino Sans GB",         /* 旧版 macOS */
    "WenQuanYi Micro Hei",      /* Linux 下的开源中文字体 */
    sans-serif;
}