@charset "UTF-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
}

.none{
    display: none;
}
.underline{
    text-decoration: underline;
}

li {
    list-style: none;
}

@font-face {
    font-family: 'ZenMaruGothic-Light';
    src: url(../font/ZenMaruGothic-Light.ttf);
}

@font-face {
    font-family: 'ZenMaruGothic-Medium';
    src: url(../font/ZenMaruGothic-Medium.ttf);
}

@font-face {
    font-family: 'ZenMaruGothic-Bold';
    src: url(../font/ZenMaruGothic-Bold.ttf);
}


/*全局样式*/

html,
body {
    width: 100%;
    margin: 0 auto;
}

html {
    font-size: 5.2083333333333vw;
}

@media (max-width:1199px) {
    html {
        font-size: 6.6vw;
    }
}

@media (max-width:767px) {
    html {
        font-size: 13.3vw;
    }
}


/*= 清除浮动=*/

.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
    display: block;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    font-size: 0px;
}

:focus {
    outline: 0
}

a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    cursor: pointer
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 0%;
}


/* End hide from IE-mac */

*+html .clearfix {
    min-height: 0%;
}


/* 针对IE7 */

*+html .clearfix {
    min-height: 0%;
}


/*原文件配置*/

body {
    color: #6E6E6E;
    background: #ffffff;
    font: .24rem 'HiraginoSans', arial, sans-serif;
    min-width: 320px;
}

@media (max-width:1199px) {
    body {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    body {
        font-size: 12px;
    }
}

a {
    color: #6E6E6E;
    text-decoration: none;
}

a:hover {
    color: #52C1FF;
}


/*块级转化*/

.di_in {
    display: inline-block;
}

.di_no {
    display: none;
}

.di_bl {
    display: block;
}


/*原文件配置  end*/


/*横向居中*/

.te_c {
    text-align: center;
}
.te_r {
    text-align: right;
}


/*相对定位*/

.p_r {
    position: relative;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: pace-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-warp {
    flex-flow: wrap
}

.flex-column {
    flex-flow: column
}

.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.transition {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container {
    max-width: 19.2rem;
    margin-left: auto;
    margin-right: auto;
}

.header {
    height: 0.8rem;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    z-index: 999;
    background-color: #FFF;
}

.header-bg {
    height: 0.8rem;
    width: 100%;
    background-color: #FFF;
}

.header .logo {
    position: absolute;
    left: 47%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    height: .6rem;
}

.header .logo img {
    height: 100%;
}

.header .logo .logo-text {
    font-size: .2rem;
    display: none;
}

.fixed {
    position: fixed;
}

.language {
    width: 2.3rem;
}

.language dl {
    width: 100%;
}

.language dt {
    width: 100%;
    height: .5rem;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    background: #52C1FF url(../images/lang1.svg) no-repeat .2rem center;
    color: #FFF;
    font-size: .30rem;
    padding-left: .75rem;
    background-size: .34rem;
    line-height: .5rem;
    cursor: pointer;
}

.language dt::after {
    content: '';
    position: absolute;
    right: .2rem;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-left: .08rem transparent solid;
    border-right: .08rem transparent solid;
    border-top: .08rem #FFF solid;
}

.language dd {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9;
}

.language dd a {
    width: 100%;
    height: .5rem;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    background: #FFF url(../images/lang2.svg) no-repeat .2rem center;
    color: #52C1FF;
    font-size: .30rem;
    padding-left: .75rem;
    background-size: .34rem;
    cursor: pointer;
    border: 2px #52C1FF solid;
    margin-top: .1rem;
}

.language dd a::after {
    content: '';
    position: absolute;
    right: .2rem;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-top: 6px transparent solid;
    border-bottom: 6px transparent solid;
    border-left: 6px #52C1FF solid;
}

.menu-btn {
    display: none;
    background: url(../images/menu.svg)no-repeat center;
    width: 50px;
    height: 50px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.menu-btn.close {
    background-image: url(../images/close.svg);
}

.nav {
    margin-right: .4rem;
	 display: flex;
	  align-items: center;	
}

.nav li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: .6rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-right: 2px #8E8E8E dashed;
}

.nav li:nth-child(3) {
    margin-right: 2.22rem;
}

.nav li:nth-child(4)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: .6rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-right: 2px #8E8E8E dashed;
}

.nav li>a {
    padding: 0 .4rem;
    height: 0.8rem;
    font-size: .25rem;
    color: #7B7B7B;
    white-space: nowrap;
}

.nav .drop {
    width: 100%;
    left: 0;
    top: 60px;
    position: absolute;
    transition: transform 0.2s linear, opacity 0.2s linear;
    -webkit-transition: transform 0.2s linear, opacity 0.2s linear;
    -moz-transition: transform 0.2s linear, opacity 0.2s linear;
    -ms-transition: transform 0.2s linear, opacity 0.2s linear;
    -o-transition: transform 0.2s linear, opacity 0.2s linear;
    transform-origin: top;
    z-index: 9;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    background-color: rgba(117, 116, 116, .5);
    padding: 20px;
    line-height: 2;
}

.nav .drop::after {
    content: '';
    position: absolute;
    left: 0;
    top: -12px;
    width: 0;
    height: 0;
    border-left: 12px transparent solid;
    border-right: 12px transparent solid;
    border-bottom: 12px rgb(117, 116, 116) solid;
}

@font-face {
    font-family: 'Oswald-Medium';
    src: url(../fonts/Oswald-Medium.ttf);
}

@font-face {
    font-family: 'Hiragino-Sans-W3';
    src: url(../fonts/Hiragino-Sans-W3.ttf);
}

@font-face {
    font-family: 'Hiragino-Sans-W4';
    src: url(../fonts/Hiragino-Sans-W4.ttf);
}

.footer {
    background: url(../images/f-bg.png)repeat-x;
    width: 100%;
    padding-left: 2.4rem;
    padding-right: 1rem;
    color: #FFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .2rem;
    z-index: 10;
    background-size: 2.45rem;
}

.footer .logo-text {
    font-size: .5rem;
}

.footer .btn {
    width: 3.45rem;
    padding-top: .5rem;
    margin-left: 1.3rem;
}

.footer .btn a {
    width: 100%;
    height: .68rem;
    line-height: .68rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: .2rem;
    background: #FFF url(../images/arrow.svg)85% center no-repeat;
    color: #52C1FF;
    padding-right: .2rem;
}

.footer .info-con {
    margin-right: 1.3rem;
}

.footer .info-con .text {
    line-height: 1.8;
}

.footer ul {
    margin-top: .8rem;
}

.footer li {
    line-height: 1.8;
}

.footer li .sub {
    font-size: .18rem;
    margin-top: .1rem;
}

.footer li .sub a {
    line-height: 2.2;
    color: #FFF;
}

.footer .sns-con {
    position: absolute;
    left: 2.4rem;
    top: 3rem;
}

.footer .sns {
    margin-top: .15rem;
}

.footer .sns a {
    width: .53rem;
    height: .53rem;
    overflow: hidden;
    margin-right: .1rem;
}

.footer .sns a:last-child {
    margin-right: 0;
}

.footer .sns a img {
    width: 100%;
}

.footer .sns-con .lang {
    margin-top: .15rem;
}

.footer .sns-con .lang a {
    color: #FFF;
}

.footer .last {
    display: none;
}

.copyright {
    padding: .6rem .2rem;
    font-size: .2rem;
}

.copyright a {
    margin: 0 .1rem;
    color: #52C1FF;
}

.copyright .text {
    color: #52C1FF;
    position: absolute;
    right: 1.05rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.kefu-sns {
    position: absolute;
    right: .4rem;
    z-index: 9;
    width: .6rem;
    top: .4rem;
}

.kefu-sns a {
    width: .6rem;
    height: .6rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: .2rem;
}

.kefu-sns a:last-child {
    margin-bottom: 0;
}

.kefu-sns a img {
    width: 100%;
}

.bottom {
    position: fixed;
    right: .2rem;
    bottom: .6rem;
    background-color: #FFFF00;
    width: .95rem;
    height: 2.35rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
    overflow: hidden;
    z-index: 10;
    padding-top: .15rem;
    padding-bottom: .15rem;
    cursor: move;
}

.bottom::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: .78rem;
    height: 1px;
    border-bottom: 2px dotted #777777;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.bottom a {
    width: 100%;
    height: 50%;
}

.bottom a img {
    width: .72rem;
}

.pc {
    display: block;
}

.mb {
    display: none;
}

@media (min-width:1025px) {
    .nav li:hover .drop {
        opacity: 1;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
    .nav li>a:hover {
        color: #52C1FF;
    }
    .footer .btn a:hover,
    .footer li .sub a:hover,
    .copyright a:hover,
    .footer .sns-con .lang a:hover {
        text-decoration: underline;
    }
}

@media (max-width:1199px) {
    .header {
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .language {
        width: 1.7rem;
    }
    .language dt,
    .language dd a {
        padding-left: .6rem;
        font-size: .24rem;
        background-size: .3rem;
    }
    .nav {
        margin-right: .2rem;
    }
    .nav li>a {
        font-size: .25rem;
    }
    .nav li:nth-child(3) {
        margin-right: 2.4rem;
    }
    .footer {
        padding-left: .2rem;
        padding-right: .2rem;
        background-size: 1.8rem;
    }
    .footer .info-con {
        margin-right: .6rem;
    }
    .footer .btn {
        margin-left: .6rem;
    }
    .copyright .text {
        right: .2rem;
    }
    .footer .sns-con {
        left: .2rem;
    }
}

@media (max-width:767px) {
    body {
        padding-bottom: 1.2rem;
    }
    .nav li:nth-child(3) {
        margin-right: 0;
    }
    .header .logo {
        left: .2rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .header .logo .logo-text {
        display: block;
        font-size: 20px;
        white-space: nowrap;
    }
    .language {
        width: 100%;
    }
    .language dt {
        background: url(../images/lang1.svg)no-repeat 2.2rem center;
        background-size: .5rem;
        height: 1.3rem;
        font-size: 18px;
        line-height: 1.3rem;
        text-align: center;
        padding-left: 0;
    }
    .language dt::after {
        border: 0;
        width: .4rem;
        height: .4rem;
        background: url(../images/jia.svg)no-repeat center;
        background-size: 100%;
        right: .4rem;
    }
    .language dd {
        position: sticky;
        top: auto;
        left: auto;
    }
    .language dd a {
        font-size: 18px;
        line-height: 2;
        height: .6rem;
        width: 100%;
        padding-left: 0;
        background: none;
        border: 0;
        color: #FFF;
        display: block;
        margin-bottom: .3rem;
        margin-top: 0;
        padding-left: 3.3rem;
    }
    .language dd a::after,
    .kefu-sns,
    .nav li::after,
    .nav li>a br,
    .footer .btn,
    .footer .sns-con .lang,
    .pc {
        display: none;
    }
    .language dd a::before {
        content: '';
        position: absolute;
        left: 2.8rem;
        top: 55%;
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg);
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        width: .14rem;
        height: .14rem;
        border-right: 1px #FFF solid;
        border-top: 1px #FFF solid;
    }
    .header.bg {
        background-color: rgba(102, 200, 253, .96);
    }
    .header.bg .logo .logo-text {
        color: #FFF;
    }
    .menu-btn,
    .mb,
    .footer .last {
        display: block;
    }
    .copyright .text {
        font-size: 16px;
    }
    .nav-con {
        position: fixed;
        width: 100%;
        left: 0;
        margin-top: 0;
        overflow-y: scroll!important;
        overflow-X: hidden !important;
        display: none;
        background-color: rgba(102, 200, 253, .96);
        z-index: 999;
        top: 0.8rem;
        padding-bottom: .3rem;
    }
    .nav {
        flex-flow: column;
        margin-right: 0;
    }
    .nav li {
        width: 100%;
        border-bottom: 1px #FFF solid;
    }
    .nav li>a {
        color: #FFF;
        font-size: 16px;
    }
    .nav .arrow {
        position: absolute;
        right: .6rem;
        top: .35rem;
        width: 10px;
        height: 10px;
        border-right: 1px #FFF solid;
        border-top: 1px #FFF solid;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .nav .drop {
        position: static;
        left: auto;
        transform: translate(0, 0);
        opacity: 1;
        width: 100%;
        display: none;
        text-align: left;
        padding-top: 0;
        background: none;
        padding-bottom: 0;
        padding-top: .2rem;
    }
    .copyright {
        font-size: 14px;
    }
    .copyright a {
        display: block;
        padding-left: .3rem;
    }
    .copyright .link {
        padding-left: .5rem;
        text-align: left;
        line-height: 2;
    }
    .copyright a::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg);
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        width: .1rem;
        height: .1rem;
        border-top: 1px #52C1FF solid;
        border-right: 1px #52C1FF solid;
    }
    .copyright .text,
    .footer .sns-con {
        position: static;
        right: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        margin-top: .2rem;
    }
    .footer {
        flex-flow: column;
        font-size: 14px;
    }
    .footer .sns-con,
    .footer .logo-text {
        text-align: center;
    }
    .footer .sns-con {
        margin-top: .6rem;
    }
    .footer .sns {
        justify-content: center;
    }
    .footer .info-con .text {
        margin-top: .2rem;
        padding-left: .3rem;
    }
    .footer li {
        width: 100%;
    }
    .footer li .tit {
        padding-left: .5rem;
        border-bottom: 1px #FFF solid;
        padding-top: .2rem;
        padding-bottom: .2rem;
    }
    .footer li .tit::after {
        content: '';
        position: absolute;
        right: .4rem;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        width: .3rem;
        height: .3rem;
        background: url(../images/jia.svg)no-repeat center;
        background-size: .28rem;
    }
    .footer li .tit.cur::after {
        background-image: url(../images/jian.svg);
        background-size: .28rem;
    }
    .footer li .sub {
        font-size: 12px;
        display: none;
        padding-left: .7rem;
    }
    .footer .sns a {
        width: .8rem;
        height: .8rem;
    }
    .bottom {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1rem;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        display: flex;
        z-index: 10;
        padding-top: 0;
        padding-bottom: 0;
    }
    .bottom::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1px;
        height: .6rem;
        border-right: 1px dotted #777777;
        border-bottom: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .bottom a {
        width: 50%;
        height: 100%;
    }
}


/* home */

.banner {
    overflow: hidden;
    background-color: #CCEDFF;
}

.banner img {
    width: 100%;
    z-index: 9;
}

.home-mudi {
    padding: 1.05rem 2.5rem 2.4rem 2.5rem;
    background: url(../images/bg1.png)no-repeat left bottom;
    background-size: cover;
    z-index: 10;
}

.home-mudi::after {
    content: '';
    position: absolute;
    left: 0;
    top: -.3rem;
    width: 100%;
    height: 5.25rem;
    z-index: 1;
    background: url(../images/yun.png)no-repeat left top;
    background-size: 9rem;
}

.pub-title {
    z-index: 2;
    background: url(../images/tit3.svg)no-repeat center;
    background-size: 100% 100%;
    width: 10.4rem;
    height: 1.8rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .6rem;
    color: #6C6C6C;
}

.pub-title span::after {
    content: '';
    position: absolute;
    right: -.9rem;
    top: 50%;
    width: .8rem;
    height: .8rem;
    background: url(../images/icon.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.pub-title span::before {
    content: '';
    position: absolute;
    left: -.9rem;
    top: 50%;
    width: .8rem;
    height: .8rem;
    background: url(../images/icon.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home-mudi .pub-title {
    height: 1.4rem;
    background-image: url(../images/tit1.svg);
    background-size: cover;
}

.home-mudi .area {
    background-color: #FFFF00;
    font-size: .3rem;
    width: 5rem;
    height: .8rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    margin-top: .5rem;
    margin-right: .5rem;
    z-index: 11;
}

.home-mudi .area::after {
    content: '';
    position: absolute;
    right: .35rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: .22rem;
    height: .08rem;
    background: url(../images/up.svg)no-repeat center;
    background-size: 100%;
}

.home-mudi .search {
    width: 5rem;
    height: .8rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    overflow: hidden;
    border: 3px #FFFF00 solid;
    background-color: #FFF;
    margin-top: .5rem;
    padding-left: .2rem;
    padding-right: .1rem;
    z-index: 2;
}

.home-mudi .search .tit {
    color: #ccc;
    font-size: .3rem;
}

.home-mudi .search .tip {
    position: absolute;
    left: .2rem;
    font-size: .14rem;
    opacity: .2;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home-mudi .search input[type='text'] {
    font-size: .25rem;
    /*font-size: .14rem;*/
    height: .7rem;
    width: 100%;
    padding-left: .2rem;
}

.home-mudi .search input[type='submit'] {
    width: 1.45rem;
    height: .5rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
    background: #FFFF00 url(../images/searh.svg)no-repeat .15rem center;
    background-size: .32rem;
    font-size: .3rem;
    padding-left: .6rem;
    text-align: left;
    color: #484848 !important;
}

.home-mudi .content {
    margin-top: .8rem;
    z-index: 2;
}

.home-mudi .tabmenu {
    padding-left: .4rem;
}

.home-mudi .tabmenu span {
    width: 1.8rem;
    height: .46rem;
    background: url(../images/tit2.svg)no-repeat center;
    background-size: cover;
    color: #FFF;
    font-size: .3rem;
    margin-right: .57rem;
    cursor: pointer;
}

.home-mudi .tabmenu span:last-child {
    margin-right: 0;
}

.home-mudi .tabmenu span::after {
    content: '';
    position: absolute;
    left: 0;
    top: -.45rem;
    width: .55rem;
    height: .48rem;
    background: url(../images/icon1.svg)no-repeat center;
    background-size: 100%;
}

.home-mudi .tabmenu span:nth-child(1):after {
    background-image: url(../images/icon2.svg);
}

.home-mudi .content ul {
    margin-top: .1rem;
}

.home-mudi .content li {
    width: 16.2%;
    height: 2.8rem;
    position: relative;
    overflow: hidden;
    border-radius: 0 .3rem 0 .3rem;
    -webkit-border-radius: 0 .3rem 0 .3rem;
    -moz-border-radius: 0 .3rem 0 .3rem;
    -ms-border-radius: 0 .3rem 0 .3rem;
    -o-border-radius: 0 .3rem 0 .3rem;
    background-color: #F6F6F6;
    margin-right: .5%;
    margin-bottom: .8rem;
}

.home-mudi .content li .onsale_show{
    position: absolute;
    top: 0;
    right: 0.2rem;
    padding-top: 0.07rem;
    width: 0.3rem;
    height: 0.4rem;
    line-height: 0.11rem;
    text-align: center;
    overflow: hidden;
    color: #fff;
    font-size: 0.12rem;
    background: url(../images/onsale_index_bg.png) no-repeat;
    background-size: 100% 100%;
}

.home-mudi .content li:nth-of-type(6n) {
    margin-right: 0;
}

.home-mudi .content li .pic {
    width: 100%;
    height: 1.47rem;
    overflow: hidden;
}

.home-mudi .content li .text-con {
    height: 1.39rem;
    width: 100%;
    padding: 0 .2rem;
}

.home-mudi .content li .price {
    margin-top: .1rem;
}

.home-mudi .select-wrapper {
    width: 100%;
    height: .8rem;
    position: relative;
    cursor: pointer;
    display: inline-block;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}

.home-mudi .select-button {
    width: 100%;
    height: .8rem;
    border: 0;
    border-radius: .4rem;
    background: #FFFF00;
    cursor: pointer;
    padding: 0 26px 0 10px;
    overflow: hidden;
    text-align: left;
    outline: none;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    font-size: .3rem;
    text-align: center;
}

.home-mudi .select-down {
    position: absolute;
    top: 0;
    right: .3rem;
    height: 100%;
    width: .3rem;
    overflow: hidden;
    z-index: 11;
    background: url(../images/up.svg)no-repeat center;
}

.home-mudi .select-list {
    width: 100%;
    background: #FFFF00;
    display: none;
    z-index: 2;
    position: absolute;
    left: 0;
    top: .8rem;
    overflow: hidden;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    padding: .2rem 0;
}

.home-mudi .select-list ul {
    overflow-x: hidden;
    overflow-y: auto;
    line-height: .4rem;
}

.home-mudi .select-list ul li {
    width: auto;
    height: .4rem;
    padding-left: .2rem;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    font-size: .2rem;
}

.home-mudi .select-list ul li.selected,
.home-mudi .select-list ul li:hover {
    color: #333;
    background: #FFF;
}

@media (min-width:1025px) {
    .home-mudi .content li:hover .pic img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }
}

@media (max-width:1199px) {
    .home-mudi {
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .home-mudi .area,
    .home-mudi .search {
        width: 6rem;
    }
    .home-mudi .tabmenu {
        display: none;
    }
    .home-mudi .content li{
        height: 3.9rem;
    }
    .home-mudi .content li .pic {
        height: 2.6rem;
    }
}

@media (max-width:950px) {
    .home-mudi .content li {
        width: 19.2%;
        margin-right: 1%;
        height: 3rem;
    }
    .home-mudi .content li:nth-of-type(6n) {
        margin-right: 1%;
    }
    .home-mudi .content li:nth-of-type(5n) {
        margin-right: 0;
    }
}

@media (max-width:767px) {
    .home-mudi {
        background: url(../images/bg2.png)left bottom repeat-x;
        background-size: 1rem;
        padding-bottom: .7rem;
    }
    .home-mudi::after {
        width: 100%;
        background-size: 90%;
        top: -.1rem;
    }
    .pub-title,
    .home-mudi .pub-title {
        width: 90%;
        font-size: 20px;
        background-size: 100% 100%;
        height: 1rem;
    }
    .pub-title span::after,
    .pub-title span::before {
        width: .5rem;
        height: .5rem;
    }
    .pub-title span::before {
        left: -.6rem;
    }
    .pub-title span::after {
        right: -.6rem;
    }
    .home-mudi .area {
        margin-right: 0;
        width: 90%;
    }
    .home-mudi .search {
        width: 90%;
        margin-top: .3rem;
    }
    .home-mudi .tabmenu {
        padding-left: 0;
    }
    .home-mudi .tabmenu span {
        margin-right: .65rem;
        font-size: 14px;
    }
    .home-mudi .content ul {
        margin-top: .2rem;
    }
    .home-mudi .content li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: .5rem;
    }
    .home-mudi .content li:nth-of-type(5n) {
        margin-right: 2%;
    }
    .home-mudi .content li:nth-of-type(3n) {
        margin-right: 0;
    }
    .home-mudi .content li .pic {
        height: 1.5rem;
    }
    .home-mudi .search .tit {
        font-size: 15px;
    }
}

.home-explain {
    padding-left: 1.15rem;
    padding-right: 1.15rem;
    margin-top: .6rem;
}

.home-explain .title {
    color: #695F47;
}

.home-explain .title .en {
    font-size: .3rem;
    /*font-family: 'TBUDRGothic Std';*/
}

.home-explain .title .cn {
    font-size: .6rem;
    padding-left: .9rem;
    padding-right: .9rem;
    /*font-family: 'FOT-TsukuARdGothic Std';*/
}

.home-explain .title .cn::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: .75rem;
    height: .75rem;
    background: url(../images/icon.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home-explain .title .cn::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: .75rem;
    height: .75rem;
    background: url(../images/icon.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home-explain .content {
    margin-top: 1.3rem;
}

.home-explain .item {
    margin-right: .5rem;
}

.home-explain .item::after {
    content: '';
    position: absolute;
    top: .8rem;
    right: -.55rem;
    width: .4rem;
    height: .3rem;
    background: url(../images/arrow1.svg)no-repeat center;
    background-size: 100%;
}

.home-explain .item:first-child {
    width: 20%;
}

.home-explain .item:last-child {
    margin-right: 0;
    width: 20%;
}

.home-explain .item:last-child::after {
    display: none;
}

.home-explain .item .num {
    height: 1.8rem;
    align-items: flex-end;
}

.home-explain .item .num img {
    width: 1.8rem;
}

.home-explain .item .text {
    border-top: 1px #707070 solid;
    margin-top: .3rem;
    padding-top: .2rem;
    color: #555555;
}

.home-explain .item .icon {
    height: .8rem;
    margin-top: .2rem;
}

.home-explain .item:nth-child(1) .icon img {
    height: .75rem;
}

.home-explain .item:nth-child(2) .icon img {
    height: .55rem;
}

.home-explain .item:nth-child(3) .icon img {
    height: .65rem;
}

.home-explain .item:nth-child(4) .icon img {
    height: .65rem;
}

.home-explain .item .txt {
    font-size: .18rem;
    color: #555555;
    line-height: 1.8;
    margin-top: .25rem;
    font-family: 'Hiragino-Sans-W3';
}

.home-explain .item a {
    color: #555555;
}

.home-explain .item .first {
    background-color: #52C1FF;
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #FFF;
    margin-bottom: .2rem;
}

.home-explain .item .first::after {
    content: '';
    position: absolute;
    right: .5rem;
    top: 0;
    width: .2rem;
    height: 100%;
    background: url(../images/arrow3.svg)no-repeat center;
    background-size: 100%;
}

@media (min-width:1025px) {
    .home-explain .item a:hover {
        text-decoration: underline;
        color: #52C1FF;
    }
    .home-explain .item .first:hover {
        text-decoration: underline;
        color: #FFF;
    }
}

@media (max-width:1199px) {
    .home-explain {
        padding-left: .2rem;
        padding-right: .2rem;
    }
}

@media (max-width:767px) {
    .home-explain .title .en {
        font-size: 16px;
    }
    .home-explain .title .cn {
        font-size: 24px;
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .home-explain .title .cn::after,
    .home-explain .title .cn::before {
        width: .5rem;
        height: .5rem;
    }
    .home-explain .content {
        flex-flow: column;
        margin-top: .5rem;
    }
    .home-explain .item {
        margin-right: 0;
        width: 100%;
        border-bottom: 2px #555555 dotted;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
    }
    .home-explain .item::after {
        display: none;
    }
    .home-explain .item .con {
        display: flex;
        align-items: center;
        padding-left: .3rem;
    }
    .home-explain .item .text {
        flex: 1;
        border-top: 0;
        text-align: left;
        margin-top: 0;
        padding-top: 0;
        font-size: 16px;
    }
    .home-explain .item .num {
        margin-right: .2rem;
        width: 1.2rem;
        height: 1.2rem;
    }
    .home-explain .item .num img {
        height: auto;
        width: 100%;
    }
    .home-explain .item .icon {
        margin-top: 0;
        height: 1rem;
    }
    .home-explain .item:nth-child(1) .icon img {
        height: .85rem;
    }
    .home-explain .item:nth-child(2) .icon img {
        height: .65rem;
    }
    .home-explain .item:nth-child(3) .icon img {
        height: .75rem;
    }
    .home-explain .item:nth-child(4) .icon img {
        height: .75rem;
    }
    .home-explain .item .txt {
        font-size: 12px;
    }
    .home-explain .item .first {
        height: .8rem;
        line-height: .8rem;
    }
    .home-explain .item .first::after {
        width: .3rem;
    }
    .home-explain .item:first-child,
    .home-explain .item:last-child {
        width: 100%;
    }
    .home-explain .item:last-child {
        border-bottom: 0;
    }
}

.home-why {
    width: 100%;
    background: url(../images/bg4.png)repeat-x;
    height: 15.3rem;
    margin-top: 1.7rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    background-size: auto 100%;
}

.home-why .ren {
    width: 100%;
    position: absolute;
    left: 0;
    top: -1rem;
    z-index: 1;
}

.home-why .ren img {
    width: 100%;
}

.home-why .star {
    position: absolute;
    top: .6rem;
    left: 3rem;
    width: 1.65rem;
    z-index: 1;
}

.home-why .star img,
.home-why .star1 img,
.home-why .img1 img,
.home-why .img2 img {
    width: 100%;
}

.home-why .star1 {
    position: absolute;
    bottom: .6rem;
    right: .63rem;
    width: 1.65rem;
    z-index: 1;
}

.home-why .img1 {
    position: absolute;
    top: 3.5rem;
    right: 6.3rem;
    width: .9rem;
    z-index: 1;
}

.home-why .img2 {
    position: absolute;
    bottom: 1rem;
    left: .5rem;
    width: 1.5rem;
    z-index: 2;
}

.home-why .content {
    margin-top: 1rem;
    z-index: 9;
}

.home-why .item {
    margin-top: .5rem;
    width: 32%;
    margin-right: 2%;
    background-color: #FFF;
    height: 4.1rem;
    overflow: hidden;
    border-radius: 0 .8rem 0 .8rem;
    -webkit-border-radius: 0 .8rem 0 .8rem;
    -moz-border-radius: 0 .8rem 0 .8rem;
    -ms-border-radius: 0 .8rem 0 .8rem;
    -o-border-radius: 0 .8rem 0 .8rem;
}

.home-why .item:nth-of-type(3n) {
    margin-right: 0;
}

.home-why .item .tit {
    background-color: #50C1FF;
    height: 1.05rem;
    width: 100%;
    color: #FFF;
    line-height: 1.05rem;
    font-size: .4rem;
}

.home-why .item .icon {
    height: 1.2rem;
    margin-top: .15rem;
}

.home-why .item .text {
    color: #6C6C6C;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-top: .1rem;
}

.home-why .item .text a {
    text-decoration: underline;
    color: #6C6C6C;
}

.home-why .item:nth-child(1) .icon img {
    height: 1rem;
}

.home-why .item:nth-child(2) .icon img {
    height: .95rem;
}

.home-why .item:nth-child(3) .icon img {
    height: 1.2rem;
}

.home-why .item:nth-child(4) .icon img {
    height: .95rem;
}

.home-why .item:nth-child(5) .icon img {
    height: 1rem;
}

.home-why .item:nth-child(6) .icon img {
    height: .95rem;
}

.readmore-js-toggle {
    text-align: center;
    padding-bottom: .2rem;
    position: relative;
    margin-top: .3rem;
    padding-top: .2rem;
}

.readmore-js-toggle::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/line2.svg)no-repeat center bottom;
    background-size: 1.6rem;
    width: 100%;
    height: .2rem;
}

.readmore-js-toggle.down::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    bottom: auto;
    top: 0;
}

@media (min-width:1025px) {
    .home-why .item .text a:hover {
        color: #50C1FF;
    }
}

@media (max-width:1199px) {
    .home-why {
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .home-why .item .text {
        padding-left: .3rem;
        padding-right: .3rem;
    }
}

@media (max-width:950px) {
    .home-why .item {
        height: 4.6rem;
    }
}

@media (max-width:767px) {
    .home-why {
        height: auto;
        padding-top: 1.2rem;
        padding-bottom: 1.3rem;
        background-size: 1.2rem;
        margin-top: .7rem;
    }
    .home-why::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: url(../images/bg4.png)repeat-x left bottom;
        background-size: 1.2rem;
        height: 50%;
    }
    .home-why .item {
        width: 100%;
        margin-right: 0;
        height: auto;
    }
    .home-why .item .con {
        display: flex;
        align-items: center;
        padding: .1rem .5rem .3rem .5rem;
    }
    .home-why .item .text {
        padding-right: 0;
        flex: 1;
        padding-right: 0;
    }
    .home-why .ren {
        top: 0;
    }
    .home-why .star1 {
        width: 1rem;
        bottom: .4rem;
        right: .4rem;
    }
    .home-why .img1 {
        top: 0;
        right: 2rem;
        width: .7rem;
    }
    .home-why .img2 {
        z-index: 10;
        left: 0rem;
        bottom: .9rem;
        width: 1rem;
    }
    .home-why .content {
        margin-top: 0;
    }
    .home-why .item .tit {
        font-size: 18px;
        height: 1rem;
    }
}

.home-compare {
    overflow: hidden;
    padding-top: 1.1rem;
    padding-bottom: 1.8rem;
}

.home-compare .earth {
    width: 3.2rem;
    position: absolute;
    top: .5rem;
    left: 1.4rem;
}

.home-compare .earth img,
.home-compare .img1 img,
.home-compare .img2 img {
    width: 100%;
    z-index: 1;
}

.home-compare .img1 {
    position: absolute;
    left: -1rem;
    top: 4.15rem;
    width: 5.9rem;
}

.home-compare .img2 {
    position: absolute;
    right: .6rem;
    top: 2.4rem;
    width: 1.3rem;
}

.home-compare .content {
    margin-top: 1.2rem;
    z-index: 9;
    padding-left: 5.4rem;
    padding-right: .5rem;
}

.home-compare .item {
    width: 24.25%;
    margin-right: 1%;
    background-color: #F1FAFF;
    border-radius: .1rem .1rem 0 .4rem;
    -webkit-border-radius: .1rem .1rem 0 .4rem;
    -moz-border-radius: .1rem .1rem 0 .4rem;
    -ms-border-radius: .1rem .1rem 0 .4rem;
    -o-border-radius: .1rem .1rem 0 .4rem;
    height: 5.2rem;
}

.home-compare .item:last-child {
    margin-right: 0;
}

.home-compare .item label {
    display: none;
    text-align: right;
}

.home-compare .item .tit {
    background-color: #B4B4B4;
    height: .9rem;
    color: #FFF;
    font-size: .4rem;
    border-radius: .1rem .1rem 0 .0;
    -webkit-border-radius: .1rem .1rem 0 .0;
    -moz-border-radius: .1rem .1rem 0 .0;
    -ms-border-radius: .1rem .1rem 0 .0;
    -o-border-radius: .1rem .1rem 0 .0;
}

.home-compare .item .star-con,
.home-compare .item .text-con,
.home-compare .item .des-con {
    padding-left: .4rem;
    padding-right: .5rem;
}

.home-compare .item .star-con {
    height: .53rem;
    margin-top: .4rem;
}

.home-compare .item .star-con .star {
    height: 100%;
    background: url(../images/star1.svg)no-repeat left center;
    background-size: auto 100%;
    width: 1.96rem;
}

.home-compare .item .star-con .star span {
    background: url(../images/star2.svg)no-repeat left center;
    background-size: auto 100%;
    height: 100%;
}

.home-compare .item .text-con {
    color: #606060;
    margin-top: .3rem;
    font-size: .2rem;
    line-height: 1.6;
    height: 2rem;
    /*font-family: 'Hiragino-Sans-W4';*/
}

.home-compare .item .des-con {
    font-size: .2rem;
    line-height: 1.6;
    margin-top: .1rem;
}

.home-compare .item.first .tit {
    background-color: #50C1FF;
    height: 1rem;
    margin-top: -.1rem;
}

.home-compare .line {
    position: absolute;
    right: -.2rem;
    bottom: 0;
    width: 7.3rem;
    z-index: 0;
}

.home-compare .line img {
    width: 100%;
}

.home-compare .more {
    margin-top: 1rem;
    justify-content: flex-end;
}

.home-compare .more a {
    background-color: #50C1FF;
    color: #FFF;
    font-size: .32rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    height: 1.3rem;
    width: 10rem;
}

.home-compare .more a::after {
    content: '';
    position: absolute;
    right: 2.3rem;
    height: 100%;
    top: 0;
    width: .5rem;
    background: url(../images/arrow3.svg)no-repeat center;
    background-size: 100%;
}

@media (min-width:1025px) {
    .home-compare .more a:hover {
        text-decoration: underline;
    }
}

@media (max-width:1199px) {
    .home-compare {
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .home-compare .img1 {
        display: none;
    }
    .home-compare .more {
        justify-content: center;
    }
    .home-compare .earth {
        left: -.3rem;
        width: 2.6rem;
    }
    .home-compare .line {
        width: 6rem;
    }
    .home-compare .content {
        padding-left: 0;
        padding-right: 0;
        margin-top: .2rem;
    }
}

@media (max-width:767px) {
    .home-compare {
        padding-top: .7rem;
        padding-bottom: 1.4rem;
    }
    .home-compare .earth {
        width: 1.8rem;
    }
    .home-compare .item {
        width: 100%;
        margin-right: 0;
        margin-top: .2rem;
        height: auto;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        padding-bottom: .3rem;
        background-color: #FFF;
    }
    .home-compare .item .star-con,
    .home-compare .item .text-con,
    .home-compare .item .des-con {
        display: flex;
    }
    .home-compare .item label {
        display: block;
        width: 1.6rem;
        margin-right: .2rem;
    }
    .home-compare .item .text-con {
        height: auto;
        font-size: 12px;
        margin-top: .1rem;
    }
    .home-compare .item .text-con .text {
        flex: 1;
    }
    .home-compare .item .text-con .text br {
        display: none;
    }
    .home-compare .item .tit {
        font-size: 18px;
    }
    .home-compare .item .star-con .star {
        margin-top: -.15rem;
        width: 2.1rem;
    }
    .home-compare .item .des-con {
        font-size: 12px;
    }
    .home-compare .item.first .tit {
        margin-top: 0;
        height: .9rem;
    }
    .home-compare .item.first label {
        color: #50C1FF;
    }
    .home-compare .more {
        margin-top: .4rem;
    }
    .home-compare .more a {
        width: 90%;
        height: .9rem;
    }
    .home-compare .more a::after {
        right: .8rem;
    }
    .home-compare .line {
        width: 4rem;
        right: -1rem;
    }
}

.home-book {
    width: 100%;
    overflow: hidden;
    padding-top: 1.4rem;
    background: url(../images/bg4.png)repeat-x left top;
    background-size: 1.4rem;
    height: 13rem;
    margin-top: -.8rem;
    z-index: 2;
}

.home-book .pub-title {
    width: 9.9rem;
}

.home-book .content {
    margin-top: .4rem;
    padding-left: .2rem;
}

.home-book .slick-list {
    padding-top: .6rem;
}

.home-book .item {
    width: 4.5rem;
    height: 6.7rem;
    background-color: #FFF;
    border: 1px #707070 solid;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
    margin-left: .5rem;
    padding: .5rem;
    position: relative;
}

.home-book .avatar {
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px #707070 solid;
    position: absolute;
    left: -.3rem;
    top: -.5rem;
}

.home-book .user-info {
    padding-left: 1.2rem;
    color: #6C6C6C;
}

.home-book .user-info .name {
    font-size: .30rem;
}

.home-book .user-info .star {
    height: .5rem;
}

.home-book .user-info .star img {
    height: 100%;
}

.home-book .text {
    color: #50C1FF;
    font-size: .26rem;
    margin-top: .2rem;
}

.home-book .des {
    font-size: .2rem;
    color: #6C6C6C;
    margin-top: .1rem;
    line-height: 1.5;
}

.home-book .slick-arrow {
    position: absolute;
    top: 50%;
    width: 15px;
    height: 30px;
    background: url(../images/prev.svg)no-repeat center;
    background-size: 100%;
    overflow: hidden;
    text-indent: -99px;
    z-index: 999;
}

.home-book .slick-prev {
    left: .2rem;
}

.home-book .slick-next {
    right: .3rem;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

@media (max-width:1199px) {
    .home-book {
        background-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .home-book {
        background-size: 1.3rem;
        height: auto;
        padding-bottom: .8rem;
        padding-top: 1rem;
    }
    .home-book .pub-title {
        width: 100%;
    }
    .home-book::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        z-index: -1;
        background-color: #CCEDFF;
    }
    .home-book .content {
        padding-left: .5rem;
        padding-right: .2rem;
    }
    .home-book .item {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: .7rem;
        padding: .3rem;
    }
    .home-book .avatar {
        width: 1.2rem;
        height: 1.2rem;
        top: -.2rem;
        left: -.2rem;
    }
    .home-book .user-info,
    .home-book .text {
        padding-left: .9rem;
    }
    .home-book .des,
    .home-book .text {
        font-size: 12px;
    }
    .home-book .text {
        margin-top: .05rem;
    }
    .home-book .user-info {
        display: flex;
        align-items: center;
    }
    .home-book .user-info .name {
        font-size: 14px;
        margin-right: .3rem;
    }
}

.home-news {
    background-color: #F5F5F5;
    width: 100%;
    padding-bottom: 1.6rem;
    padding-top: 1rem;
    padding-left: 3.7rem;
    padding-right: 3.3rem;
    margin-bottom: -.5rem;
}

.home-news .title {
    height: 1.8rem;
    background-size: cover;
    font-size: .6rem;
    color: #6C6C6C;
    z-index: 2;
    padding: 0 2rem;
}

.home-news .title::after {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    width: .8rem;
    height: .8rem;
    background: url(../images/icon.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home-news .title::before {
    content: '';
    position: absolute;
    left: 1rem;
    top: 50%;
    width: .8rem;
    height: .8rem;
    background: url(../images/icon.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home-news .tabmenu {
    width: 1.5rem;
    margin-right: .85rem;
    font-family: 'Oswald-Medium';
    text-transform: uppercase;
}

.home-news .tabmenu span {
    color: #50C1FF;
    line-height: 2;
    cursor: pointer;
}

.home-news .tabmenu .on {
    border-bottom: 1px #50C1FF solid;
}

.home-news .content {
    margin-top: .7rem;
}

.home-news li {
    border-bottom: 1px #50C1FF solid;
    padding-bottom: .3rem;
    margin-bottom: .35rem;
    padding-right: 1.3rem;
}

.home-news li:last-child {
    margin-bottom: 0;
}

.home-news li .pic {
    width: 2rem;
    height: 1.2rem;
    overflow: hidden;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
    margin-right: .4rem;
}

.home-news li .time {
    color: #50C1FF;
    font-family: 'Oswald-Medium';
    font-size: .26rem;
}

.home-news li::after {
    content: '';
    position: absolute;
    right: .25rem;
    bottom: .4rem;
    width: .4rem;
    height: .3rem;
    background: url(../images/arrow1.svg)no-repeat center;
    background-size: 100%;
}

.home-news li .tit {
    margin-top: .1rem;
}

@media (min-width:1025px) {
    .home-news li:hover .pic img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }
}

@media (max-width:1199px) {
    .home-news {
        padding-left: .2rem;
        padding-right: .2rem;
        padding-top: 0;
    }
}

@media (max-width:767px) {
    .home-news .tabmenu {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-right: 0;
    }
    .home-news .tabmenu span {
        border: 1px #50C1FF solid;
        line-height: .6rem;
        padding: 0 .3rem;
        margin: 0 .1rem;
        font-size: 16px;
    }
    .home-news .title {
        font-size: 20px;
        padding-left: .8rem;
        padding-right: .8rem;
    }
    .home-news .title::before {
        left: 0;
    }
    .home-news .title::after {
        right: 0;
    }
    .home-news .content {
        margin-top: 0rem;
    }
    .home-news li .time {
        font-size: 14px;
    }
    .home-news .tabwrap {
        margin-top: .4rem;
    }
}

.wrap {
    padding: 0 2rem;
}

.crumb {
    font-size: .16rem;
    line-height: 2;
    margin-top: .3rem;
}

.details .info-content {
    background: url(../images/bg2.png)repeat-x left bottom;
    z-index: 2;
    padding-bottom: 1.4rem;
    overflow: hidden;
    background-size: 1.4rem;
}

.details .info-content .img1 {
    position: absolute;
    left: -.25rem;
    top: -.1rem;
    width: 2.4rem;
}

.details .info-content .img2 {
    position: absolute;
    right: -.25rem;
    top: -.35rem;
    width: 2.7rem;
}

.details .info-content .img3 {
    position: absolute;
    left: 2.7rem;
    top: 9rem;
    width: 2.7rem;
}

.details .info-content .img1 img,
.details .info-content .img2 img,
.details .info-content .img3 img {
    width: 100%;
}

.details .info-content .text-content {
    margin-top: .3rem;
    padding-right: .4rem;
}

.details .info-content h1 {
    font-weight: normal;
    font-size: .54rem;
}

.details .info-content dl {
    margin-top: .3rem;
}

.details .info-content dd {
    margin-top: .1rem;
}

.details .info-content li {
    line-height: .5rem;
    margin-right: .2rem;
    margin-top: .1rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.details .info-content li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #484848;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    padding: 0 .3rem;
    background-color: #FFF;
}

.details .info-content .selected {
    background-color: #FFFF00;
}

.details .info-content .no_effect {
    background-color: #fff;
    color: #ccc;
}

.details .info-content dl:nth-child(2) li {
    width: 23.5%;
    margin-right: 2%;
}

.details .info-content dl:nth-child(3) li {
    width: 32%;
    margin-right: 2%;
}

.details .info-content dl:nth-child(3) li:nth-of-type(3n),
.details .info-content dl:nth-child(2) li:nth-of-type(4n) {
    margin-right: 0;
}

.details .info-content .money-con {
    margin-top: .3rem;
}

.details .info-content .money-con .money {
    font-size: .3rem;
    margin-right: .5rem;
    line-height: 0.3rem;
}

.details .info-content .money-con .add_chose {
    width: 1.6rem;
}

.details .info-content .money-con a {
    background-color: #FFF;
    border: 1px #707070 solid;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    width: .46rem;
    height: .46rem;
    background-position: center;
    background-repeat: no-repeat;
}

.details .info-content .money-con input[type='text'] {
    background: none;
    width: 100%;
    font-size: .4rem;
}

.details .info-content .money-con .reduce {
    background-image: url(../images/re.svg);
    background-size: .2rem;
}

.details .info-content .money-con .add {
    background-image: url(../images/add.svg);
    background-size: .2rem;
}

.details .info-content .total-money {
    justify-content: flex-end;
    margin-top: .35rem;
}

.details .info-content .total-money .total {
    width: 5.2rem;
    background-color: #FFF;
    height: .88rem;
    padding: 0 .5rem;
}

.details .info-content .total-money .money {
    font-size: .4rem;
    color: #484848;
}

.details .info-content .total-money .money span {
    font-size: .5rem;
    margin-left: .3rem;
}

.details .info-content .total-money .money::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -.15rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .15rem transparent solid;
    border-right: .15rem transparent solid;
    border-top: .15rem #FFF solid;
}

.details .info-content .submit {
    justify-content: flex-end;
    margin-top: .3rem;
}

.details .info-content .submit input {
    width: 5.2rem;
    background-color: #FFFF00;
    height: .65rem;
    border-radius: .33rem;
    -webkit-border-radius: .33rem;
    -moz-border-radius: .33rem;
    -ms-border-radius: .33rem;
    -o-border-radius: .33rem;
    font-size: .28rem;
    color: #484848;
}

.details .focus {
    width: 6.2rem;
    margin-top: .3rem;
    margin-right: 1rem;
}

.details .focus .view .swiper-slide {
    overflow: hidden;
    height: 6.5rem;
}

.details .focus .view .swiper-slide img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.details .focus .preview {
    width: 100%;
    overflow: hidden;
    margin-top: .15rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

.details .focus .preview .swiper-slide {
    overflow: hidden;
    width: 1.2rem;
    height: 1.4rem;
    margin-right: .14rem;
}

.details .focus .preview .arrow-left {
    position: absolute;
    left: .2rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px transparent solid;
    border-bottom: 10px transparent solid;
    border-right: 10px #8B8B8B solid;
}

.details .focus .preview .arrow-right {
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px transparent solid;
    border-bottom: 10px transparent solid;
    border-left: 10px #8B8B8B solid;
}

.details .ranking {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-top: 1.3rem;
}

.details .ranking .content {
    margin-top: .3rem;
}

.details .ranking .item {
    width: 15%;
    background-color: #FFF;
    overflow: hidden;
    border-radius: 0 .5rem 0 .5rem;
    -webkit-border-radius: 0 .5rem 0 .5rem;
    -moz-border-radius: 0 .5rem 0 .5rem;
    -ms-border-radius: 0 .5rem 0 .5rem;
    -o-border-radius: 0 .5rem 0 .5rem;
    margin-top: .3rem;
}

.details .ranking .item .tit-con {
    background-color: #50C1FF;
    height: 1.8rem;
    color: #FFF;
    overflow: hidden;
}

.details .ranking .item .tit {
    width: 100%;
    font-size: .4rem;
    line-height: 1;
    height: .96rem;
    overflow: hidden;
    margin-top: .1rem;
}

.details .ranking .item .num {
    font-size: .5rem;
}

.details .ranking .item .icon {
    height: 1.7rem;
}

.details .ranking .item:nth-child(1) .icon img {
    height: 1rem;
}

.details .ranking .item:nth-child(2) .icon img {
    height: .95rem;
}

.details .ranking .item:nth-child(3) .icon img {
    height: 1.2rem;
}

.details .ranking .item:nth-child(4) .icon img {
    height: .95rem;
}

.details .ranking .item:nth-child(5) .icon img {
    height: 1rem;
}

.details .ranking .item:nth-child(6) .icon img {
    height: .95rem;
}

.details .home-book {
    margin-bottom: -.6rem;
    z-index: 3;
    margin-top: 0;
}

.details .star1 {
    position: absolute;
    left: .3rem;
    bottom: .5rem;
    width: 1.6rem;
}

.details .star2 {
    position: absolute;
    right: .3rem;
    bottom: 5.5rem;
    width: 1.6rem;
}

.details .star1 img,
.details .star2 img {
    width: 100%;
}

.details .explain {
    padding-top: 1.8rem;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    overflow: hidden;
    z-index: 1;
    margin-top: -.5rem;
}

.details .explain .line {
    position: absolute;
    left: 0;
    top: -3rem;
    width: 7.3rem;
}

.details .explain .line img {
    width: 100%;
}

.details .explain .title {
    color: #695F47;
}

.details .explain .title .en {
    font-size: .3rem;
    /*font-family: 'TBUDRGothic Std';*/
}

.details .explain .title .cn {
    font-size: .6rem;
    padding-left: .9rem;
    padding-right: .9rem;
    /*font-family: 'FOT-TsukuARdGothic Std';*/
}

.details .explain .title .cn::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: .75rem;
    height: .75rem;
    background: url(../images/icon.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.details .explain .title .cn::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: .75rem;
    height: .75rem;
    background: url(../images/icon.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.details .explain .txt {
    font-size: .3rem;
    line-height: 1.8;
    margin-top: .3rem;
}

.details .explain .content {
    margin-top: .4rem;
}

.details .explain .text-card {
    border-bottom: 1px dotted #707070;
    padding-bottom: .2rem;
    margin-bottom: .2rem;
}

.details .explain .text-card:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.details .explain .text-card .tit {
    width: 3.2rem;
    background-color: #50C1FF;
    font-size: .26rem;
    color: #FFF;
    border-radius: .3rem 0 .3rem 0;
    -webkit-border-radius: .3rem 0 .3rem 0;
    -moz-border-radius: .3rem 0 .3rem 0;
    -ms-border-radius: .3rem 0 .3rem 0;
    -o-border-radius: .3rem 0 .3rem 0;
    margin-right: .3rem;
    padding: .3rem 0;
}

.details .explain .text-card .text {
    font-size: .2rem;
    line-height: 1.8;
    color: #6E6E6E;
}

.details .explain .text-card:nth-child(1) .text {
    padding: .1rem 0;
}

.details .system {
    z-index: 3;
    width: 100%;
    overflow: hidden;
    padding: .9rem 2rem;
    margin-top: .8rem;
}

.details .system::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    background: url(../images/bg4.png)repeat-x left top;
    background-size: 1.4rem;
    z-index: 1;
}

.details .system::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: url(../images/bg4.png)repeat-x left bottom;
    background-size: 1.4rem;
    z-index: 1;
}

.details .system .content {
    z-index: 3;
    margin-top: .5rem;
}

.details .system .item {
    width: 48%;
    margin-right: 4%;
    overflow: hidden;
    border-radius: 0 .7rem 0 .7rem;
    -webkit-border-radius: 0 .7rem 0 .7rem;
    -moz-border-radius: 0 .7rem 0 .7rem;
    -ms-border-radius: 0 .7rem 0 .7rem;
    -o-border-radius: 0 .7rem 0 .7rem;
    background-color: #FFF;
}

.details .system .item:last-child {
    margin-right: 0;
}

.details .system .item .tit {
    background-color: #50C1FF;
    color: #FFF;
    font-size: .4rem;
    height: 1.05rem;
}

.details .system .item .text {
    line-height: 1.5;
    color: #6C6C6C;
    padding: .3rem .7rem .2rem .7rem;
}

.details .system .item .text a {
    text-align: right;
    text-decoration: underline;
    margin-top: .2rem;
}

.details .system .txt {
    margin-top: .5rem;
    z-index: 3;
}

.details .doc {
    margin-top: .8rem;
    padding-bottom: 1.3rem;
    overflow: hidden;
    margin-bottom: -.3rem;
}

.details .doc .line {
    position: absolute;
    right: 0;
    bottom: -3.3rem;
    width: 7.3rem;
}

.details .doc .line img {
    width: 100%;
}

.details .doc .text-content {
    padding-left: 1.3rem;
}

.details .doc .text-card {
    margin-top: .4rem;
}

.details .doc .text-card .num {
    width: 1.8rem;
    margin-right: .3rem;
}

.details .doc .text-card .num img {
    width: 100%;
}

.details .doc .text-card .tit {
    line-height: 2;
    margin-top: .3rem;
}

.details .doc .text-card .text {
    font-size: .18rem;
    padding: .2rem .25rem;
    border: 2px #50C1FF solid;
    margin-top: .2rem;
    line-height: 1.8;
}

.details .doc .text-card .text p {
    padding-left: .2rem;
}

.details .doc .text-card .text p::before {
    content: '＊';
    position: absolute;
    left: 0;
}

.details .doc .text-card:nth-child(1):after {
    content: '';
    position: absolute;
    left: calc(50% - .65rem);
    bottom: -.2rem;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-left: .45rem transparent solid;
    border-right: .45rem transparent solid;
    border-top: .3rem #50C1FF solid;
}

.details .doc .accordion li {
    margin-top: .9rem;
}

.details .doc .accordion li .tit {
    background-color: #50C1FF;
    height: 1.3rem;
    color: #FFF;
    padding-left: .7rem;
    line-height: 1.3rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    font-size: .3rem;
}

.details .doc .accordion li .tit .arrow {
    position: absolute;
    right: .5rem;
    width: .6rem;
    top: 0;
    height: 100%;
    background: url(../images/jia.svg)no-repeat center;
    background-size: 100%;
}

.details .doc .accordion li.on .tit .arrow {
    background-image: url(../images/jian.svg);
}

.details .doc .accordion .text-content {
    border-bottom: 1px dashed #50C1FF;
    padding: .4rem .7rem .6rem .4rem;
}

.details .doc .accordion .text-content:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.details .doc .accordion .item {
    width: 21.25%;
    margin-top: .3rem;
    margin-right: 5%;
}

.details .doc .accordion .item:nth-of-type(4n) {
    margin-right: 0;
}

.details .doc .accordion .title .step {
    font-size: .4rem;
    font-family: 'Oswald-Medium';
    color: #50C1FF;
    margin-right: .2rem;
}

.details .doc .accordion .title span {
    font-size: .26rem;
    z-index: 2;
}

.details .doc .accordion .title span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #FFFF00;
    height: 10px;
    z-index: -1;
}

.details .doc .accordion .tit-con {
    border: 1px #50C1FF solid;
    overflow: hidden;
    border-radius: .2rem 0 0 0;
    -webkit-border-radius: .2rem 0 0 0;
    -moz-border-radius: .2rem 0 0 0;
    -ms-border-radius: .2rem 0 0 0;
    -o-border-radius: .2rem 0 0 0;
    overflow: hidden;
}

.details .doc .accordion .txt {
    font-size: .16rem;
    line-height: 1.4;
    padding-left: .1rem;
    padding-right: .3rem;
    overflow: hidden;
    height: .95rem;
}

.details .doc .accordion .num {
    font-family: 'Oswald-Medium';
    font-size: .4rem;
    background-color: #50C1FF;
    height: .95rem;
    width: .4rem;
    color: #FFF;
}

.details .doc .accordion .pic {
    margin-top: .1rem;
}

.details .doc .accordion .pic img {
    width: 100%;
}

.details .pub-title {
    width: 9.9rem;
}

.mb-country {
    display: none;
    margin-top: .1rem;
}

@media (max-width:1199px) {
    .wrap,
    .details .ranking,
    .details .explain,
    .details .system {
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .details .info-content .img1,
    .details .info-content .img2,
    .details .info-content .img3 {
        display: none;
    }
    .details .info-content .text-content {
        padding-right: 0;
    }
    .details .focus {
        margin-right: .5rem;
    }
    .details .star1,
    .details .star2 {
        display: none;
    }
    .details .doc .accordion .item {
        width: 23.5%;
        margin-right: 2%;
    }
    .details .doc .accordion .txt {
        line-height: 1.4;
    }
    .details .doc .accordion .text-content {
        padding-right: .4rem;
    }
    .details .doc .text-content {
        padding-left: .7rem;
    }
    .home-mudi .content .country,
    .readmore-js-toggle {
        display: none !important;
    }
    .mb-country {
        display: block;
    }
    .home-mudi .content .mb-country .swiper-slide {
        margin-bottom: 0;
    }
    .home-mudi .content .mb-country .swiper-button-white {
        background-color: rgba(112, 112, 112, .7);
        width: .6rem;
        height: 1.5rem;
        background-size: .18rem;
    }
    .home-mudi .content .mb-country .swiper-button-prev {
        left: -.2rem;
    }
    .home-mudi .content .mb-country .swiper-button-next {
        right: -.2rem;
    }
}

@media (max-width:767px) {
    .crumb {
        font-size: 14px;
    }
    .details .pub-title {
        width: 90%;
    }
    .details .focus,
    .details .explain .text-card .tit,
    .details .system .item {
        width: 100%;
        margin-right: 0;
    }
    .details .focus .preview .swiper-slide {
        width: 1.4rem;
    }
    .details .info-content .text-content {
        margin-top: .4rem;
    }
    .details .info-content h1 {
        font-size: 24px;
    }
    .details .info-content li {
        line-height: .7rem;
        padding: 0;
    }
    .details .info-content dl:nth-child(1) li {
        width: 49%;
        margin-right: 2%;
    }
    .details .info-content dl:nth-child(2) li {
        width: 32%;
        margin-right: 2%;
    }
    .details .info-content dl:nth-child(2) li:nth-of-type(4n) {
        margin-right: 2%;
    }
    .details .info-content dl:nth-child(2) li:nth-of-type(3n),
    .details .info-content dl:nth-child(1) li:last-child {
        margin-right: 0;
    }
    .details .ranking .item {
        width: 32%;
    }
    .details .info-content .total-money .total,
    .details .info-content .submit input {
        width: 100%;
    }
    .details .info-content .total-money .total {
        height: 1rem;
    }
    .details .info-content .submit input {
        height: .9rem;
        border-radius: .45rem;
        -webkit-border-radius: .45rem;
        -moz-border-radius: .45rem;
        -ms-border-radius: .45rem;
        -o-border-radius: .45rem;
    }
    .details .home-book {
        margin-bottom: -.3rem;
    }
    .details .info-content .total-money .money,
    .details .info-content .money-con .money,
    .details .doc .accordion .title span {
        font-size: 14px;
    }
    .details .info-content .total-money .money span,
    .details .ranking .item .num {
        font-size: 20px;
    }
    .details .info-content .money-con {
        flex-flow: column;
    }
    .details .info-content .money-con>div {
        justify-content: flex-end;
    }
    .details .info-content .money-con label,
    .details .system .item {
        margin-bottom: .3rem;
    }
    .details .info-content .money-con input[type='text'],
    .details .ranking .item .tit,
    .details .system .item .tit {
        font-size: 17px;
    }
    .details .ranking .item .tit {
        height: .9rem;
    }
    .details .ranking .item .tit-con {
        height: 1.6rem;
    }
    .details .explain .title .en {
        font-size: 13px;
    }
    .details .explain .title .cn {
        font-size: 20px;
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .details .explain .title .cn::after,
    .details .explain .title .cn::before {
        width: .5rem;
        height: .5rem;
    }
    .details .explain .text-card {
        border-bottom: 0;
    }
    .details .explain .text-card .text {
        padding-left: .2rem;
        padding-right: .2rem;
        margin-top: .2rem;
    }
    .details .explain .text-card .tit {
        font-size: 14px;
        padding: .2rem 0;
    }
    .details .system .txt {
        margin-top: 0;
        text-align: left;
    }
    .details .doc {
        padding-bottom: 1rem;
    }
    .details .doc .accordion .item {
        width: 49%;
    }
    .details .doc .text-card:nth-child(1):after {
        left: 50%;
    }
    .details .doc .accordion li .tit {
        padding-left: .3rem;
        font-size: 14px;
    }
    .details .doc .accordion li .tit .arrow {
        right: .2rem;
    }
    .details .doc .accordion .item:nth-child(even) {
        margin-right: 0;
    }
    .details .doc .accordion .title .step {
        font-size: 20px;
    }
    .details .doc .accordion .text-content {
        padding-left: 0;
        padding-right: 0;
    }
    .details .doc .accordion .txt {
        font-size: 12px;
    }
    .details .doc .accordion .num,
    .details .doc .accordion .txt {
        height: 1.4rem;
    }
    .details .doc .line {
        display: none;
    }
    .details .doc .text-content {
        padding-left: 0;
    }
    .details .doc .text-card:first-child {
        padding-bottom: .3rem;
        margin-bottom: .3rem;
    }
    .details .doc .text-card .num {
        width: 100%;
        margin-right: 0;
        display: flex;
        justify-content: center;
    }
    .details .doc .text-card .num img {
        width: 1.6rem;
    }
    .details .explain .txt,
    .details .explain .text-card .text,
    .details .doc .text-card .text {
        font-size: 12px;
    }
}

.success {
    background-color: #CCEDFF;
    margin-bottom: -.5rem;
    overflow: hidden;
    padding-bottom: 2rem;
}

.success .content {
    margin-top: .6rem;
    background-color: #FFF;
    border: 1px #A3A3A3 solid;
    margin-left: .9rem;
    margin-right: .2rem;
    padding: .6rem 2.2rem;
}

.success .content .title {
    font-size: .4rem;
    padding-left: 1.5rem;
}

.success .content .title img {
    width: .8rem;
    margin-right: .2rem;
}

.success .content .num {
    background-color: #50C1FF;
    color: #FFF;
    height: .8rem;
    width: 6.8rem;
    margin-left: 1rem;
    margin-top: .4rem;
    font-size: .3rem;
    border-radius: .4rem 0 .4rem 0;
    -webkit-border-radius: .4rem 0 .4rem 0;
    -moz-border-radius: .4rem 0 .4rem 0;
    -ms-border-radius: .4rem 0 .4rem 0;
    -o-border-radius: .4rem 0 .4rem 0;
}

.success .content .num br {
    display: none;
}

.success .pay-money {
    font-size: .3rem;
    margin-top: .3rem;
    padding-left: 1.5rem;
}

.success .text {
    font-size: .22rem;
    margin-top: .5rem;
    line-height: 1.8;
}

@media (max-width:1199px) {
    .success .content {
        padding: .6rem .6rem;
        display: flex;
        justify-content: center;
        flex-flow: column;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
    }
    .success .content .title,
    .success .pay-money {
        padding-left: 0;
    }
    .success .content .num {
        margin-left: 0;
    }
}

@media (max-width:767px) {
    .success .content {
        padding: .3rem .2rem;
    }
    .success .content .title {
        font-size: 20px;
    }
    .success .content .num {
        width: 100%;
        padding: .2rem 0;
        justify-content: center;
        flex-flow: column;
        text-align: center;
        height: auto;
        font-size: 20px;
    }
    .success .content .num br {
        display: block;
    }
    .success .pay-money {
        font-size: 20px;
    }
    .success .text {
        font-size: 14px;
    }
}

.car-bg {
    background-color: #CCEDFF;
    padding-bottom: 1rem;
}

.head {
    height: 1.6rem;
    width: 100%;
    background-color: #FFF;
}

.head .logo {
    margin-right: 1.3rem;
}

.head .logo img {
    width: .7rem;
    margin-right: .3rem;
}

.head .logo .logo-text {
    font-size: .3rem;
}

.head .logo .text {
    font-size: .16rem;
    color: #5C5C5C;
}

.head a {
    background-color: #50C1FF;
    color: #FFF;
    height: .6rem;
    width: 2.6rem;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    font-size: .3rem;
}

.shopping-car .content {
    background-color: #FFF;
    padding: .8rem 6.4rem .4rem .7rem;
    margin-top: .2rem;
}

.shopping-car .content .tips {
    border: 1px #D1D1D1 solid;
    padding: .2rem .2rem;
    font-size: .12rem;
    margin-top: .6rem;
    line-height: 1.8;
}

.shopping-car .text-content {
    padding-left: .3rem;
}

.shopping-car .text-content .group {
    margin-top: .2rem;
}

.shopping-car .text-content .group label {
    font-size: .16rem;
}

.shopping-car .text-content .group label span {
    color: #FF0000;
}

.shopping-car .text-content .group input[type='text'] {
    width: 100%;
    border: 1px #C3C3C3 solid;
    height: .42rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 .2rem;
    margin-top: .1rem;
}

.shopping-car .agreement input[type='checkbox'] {
    width: 0;
}

.shopping-car .agreement {
    margin-top: .2rem;
    font-size: .16rem;
}

.shopping-car .agreement label {
    width: 100%;
    cursor: pointer;
}

.shopping-car .agreement .check_container {
    width: .22rem;
    height: .22rem;
    border: 1px solid #50C1FF;
    position: relative;
    margin-right: .1rem;
}

.shopping-car .agreement input[type='checkbox']:checked+.check_container:before {
    content: '';
    position: absolute;
    width: .05rem;
    height: .1rem;
    border-right: 2px solid snow;
    border-bottom: 2px solid snow;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: .06rem;
    z-index: 2;
    top: .03rem;
}

.shopping-car .agreement input[type='checkbox']:checked+.check_container::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #50C1FF;
}

.shopping-car .line {
    border-bottom: 1px dashed #C7C7C7;
    width: 100%;
    height: 1px;
    margin: .4rem 0 .3rem 0;
}

.shopping-car .payment {
    font-size: .16rem;
    margin-top: .2rem;
}

.shopping-car .payment span {
    margin-right: .4rem;
}

.shopping-car .payment img {
    height: .6rem;
}

.shopping-car .payment input {
    display: none
}

.shopping-car .payment label {
    cursor: pointer;
    position: relative;
    width: 100%;
}

.shopping-car .payment label:before {
    content: "";
    width: .22rem;
    height: .22rem;
    border-radius: 50%;
    border: 1px solid #707070;
}

.shopping-car .payment input:checked+label::after {
    content: '';
    position: absolute;
    left: .05rem;
    top: 50%;
    width: .13rem;
    height: .13rem;
    background-color: #50C1FF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.shopping-car .num,
.shopping-car .date {
    margin-top: .3rem;
}

.shopping-car .num .tit,
.shopping-car .date .tit {
    margin-right: .4rem;
    font-size: .16rem;
    width: .9rem;
}

.shopping-car .num .tit span,
.shopping-car .date .tit span {
    color: #FF0000;
}

.shopping-car .num input[type='text'] {
    border: 1px #C3C3C3 solid;
    height: .42rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 .2rem;
}

.shopping-car .date select {
    border: 1px #C3C3C3 solid;
    height: .42rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 .2rem;
    width: 1.4rem;
}

.shopping-car .date .year {
    font-size: .14rem;
    align-items: flex-end;
}

.shopping-car .date .year span {
    padding: 0 .2rem 0 .1rem;
}

.shopping-car .submit {
    margin-top: .4rem;
}

.shopping-car .submit input {
    height: .42rem;
    border-radius: .21rem;
    -webkit-border-radius: .21rem;
    -moz-border-radius: .21rem;
    -ms-border-radius: .21rem;
    -o-border-radius: .21rem;
    font-size: .18rem;
}

.shopping-car .submit input[type='button'] {
    width: 1.4rem;
    background-color: #F2F2F2;
    border: 1px #C3C3C3 solid;
    margin-right: .15rem;
    color: #716F6F;
}

.shopping-car .submit input[type='submit'] {
    width: 2.8rem;
    background-color: #50C1FF;
    border: 1px #50C1FF solid;
    color: #FFF;
}

.shopping-car .info-con {
    position: absolute;
    top: .3rem;
    right: .45rem;
    bottom: .3rem;
    background-color: #FFF;
    border: 2px #50C1FF solid;
    overflow: hidden;
    border-radius: .3rem 0 .3rem 0;
    -webkit-border-radius: .3rem 0 .3rem 0;
    -moz-border-radius: .3rem 0 .3rem 0;
    -ms-border-radius: .3rem 0 .3rem 0;
    -o-border-radius: .3rem 0 .3rem 0;
    width: 5.4rem;
    padding: .2rem;
}

.shopping-car .info-con .tit {
    background-color: #50C1FF;
    color: #FFF;
    height: .8rem;
    border-radius: .3rem 0 .3rem 0;
    -webkit-border-radius: .3rem 0 .3rem 0;
    -moz-border-radius: .3rem 0 .3rem 0;
    -ms-border-radius: .3rem 0 .3rem 0;
    -o-border-radius: .3rem 0 .3rem 0;
}

.shopping-car .info-con .flag {
    border: 1px #D1D1D1 solid;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
    overflow: hidden;
    margin-right: .3rem;
}

.shopping-car .info-con .con {
    padding: .3rem .2rem;
}

.shopping-car .info-con .name {
    font-size: .3rem;
}

.shopping-car .info-con .text {
    font-size: .18rem;
    line-height: 2;
}

.shopping-car .info-con .text span {
    font-size: .2rem;
}

.shopping-car .info-con .input {
    border-top: 1px #C7C7C7 solid;
    padding-top: .2rem;
    padding-bottom: .2rem;
    border-bottom: 1px #C7C7C7 solid;
    margin-top: .5rem;
}

.shopping-car .info-con .input input {
    height: .42rem;
    border: 1px #C7C7C7 solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-right: .2rem;
    padding: 0 .2rem;
}

.shopping-car .info-con .input a {
    background-color: #C1C1C1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    width: 1.1rem;
    font-size: .16rem;
    color: #FFF;
}

.shopping-car .info-con .total {
    font-size: .2rem;
    margin-top: .2rem;
}

.shopping-car .info-con .total .money {
    font-size: .16rem;
}

.shopping-car .info-con .total .money span {
    font-size: .26rem;
    margin-left: .2rem;
}

@media (min-width:1025px) {
    .head a:hover {
        text-decoration: underline;
    }
}

@media (max-width:767px) {
    .head {
        flex-flow: column;
        padding: .2rem .4rem;
        height: auto;
    }
    .head a {
        width: 100%;
        margin-top: .2rem;
    }
    .head .logo {
        margin-right: 0;
    }
    .head .logo .logo-text {
        font-size: 16px;
    }
    .shopping-car .content {
        padding: .3rem .2rem;
    }
    .shopping-car .text-content {
        padding-left: 0;
    }
    .shopping-car .info-con {
        position: sticky;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        margin-top: .3rem;
    }
    .shopping-car .content .title {
        font-size: 16px;
    }
    .shopping-car .text-content .group label,
    .head .logo .text,
    .shopping-car .payment,
    .shopping-car .info-con .input a,
    .shopping-car .info-con .total,
    .shopping-car .info-con .total .money,
    .shopping-car .content .tips,
    .shopping-car .date .year,
    .shopping-car .info-con .text span {
        font-size: 12px;
    }
    .shopping-car .info-con .text {
        font-size: 11px;
    }
    .shopping-car .text-content .group input[type='text'],
    .shopping-car .num input[type='text'],
    .shopping-car .date select,
    .shopping-car .info-con .input input {
        height: .6rem;
    }
    .shopping-car .num .tit,
    .shopping-car .date .tit {
        width: 1.4rem;
        font-size: 12px;
    }
    .shopping-car .text-content .group {
        margin-top: .3rem;
    }
    .shopping-car .agreement .check_container,
    .shopping-car .payment label:before {
        width: .3rem;
        height: .3rem;
    }
    .shopping-car .agreement input[type='checkbox']:checked+.check_container:before {
        width: .08rem;
        height: .14rem;
    }
    .shopping-car .payment span {
        margin-right: .2rem;
    }
    .shopping-car .payment img {
        height: .5rem;
    }
    .shopping-car .payment input:checked+label::after {
        width: .18rem;
        height: .18rem;
        left: .08rem;
    }
    .shopping-car .info-con .name,
    .shopping-car .info-con .tit {
        font-size: 14px;
    }
    .shopping-car .info-con .total .money span {
        font-size: 16px;
    }
    .shopping-car .submit input {
        height: .6rem;
        border-radius: .3rem;
        -webkit-border-radius: .3rem;
        -moz-border-radius: .3rem;
        -ms-border-radius: .3rem;
        -o-border-radius: .3rem;
    }
    .shopping-car .submit input[type='button'] {
        width: 2rem;
    }
    .shopping-car .content .tips {
        display: none;
    }
    .shopping-car .submit {
        flex-flow: column;
    }
    .shopping-car .submit input[type='button'] {
        width: 100%;
        order: 2;
        margin-top: .3rem;
        font-size: 14px;
    }
    .shopping-car .submit input[type='submit'] {
        width: 100%;
        order: 1;
        height: .8rem;
        border-radius: .4rem;
        -webkit-border-radius: .4rem;
        -moz-border-radius: .4rem;
        -ms-border-radius: .4rem;
        -o-border-radius: .4rem;
        font-size: 18px;
    }
}




/* 2024-5-23 news */

.public-title span {
    font-size: .5rem;
}

.public-title span::after {
    content: '';
    position: absolute;
    right: -1.1rem;
    top: 50%;
    width: .92rem;
    height: .97rem;
    background: url(../images/star0.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.public-title span::before {
    content: '';
    position: absolute;
    left: -1.1rem;
    top: 50%;
    width: .92rem;
    height: .97rem;
    background: url(../images/star0.svg)no-repeat center;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.login-content {
    background-color: #CCEDFF;
    margin-bottom: -.5rem;
    overflow: hidden;
    padding-bottom: 2rem;
}

.login-content .content {
    margin-top: .6rem;
    background-color: #FFF;
    border: 1px #A3A3A3 solid;
    margin-left: 2.3rem;
    margin-right: 2.3rem;
    padding: .5rem;
    font-family: 'Hiragino-Sans-W4';
}

.login-content .content .title {
    font-size: .24rem;
}

.login-content .content .group {
    margin-top: .3rem;
    margin-left: .5rem;
    margin-right: .5rem;
}

.login-content .content .group .tit {
    font-size: .22rem;
}

.login-content .content .group .tit p {
    font-family: 'Hiragino-Sans-W4';
    font-size: .16rem;
}

.login-content .content .group .tit span {
    color: red;
}

.login-content .content .group .tit em {
    color: #7C7C7C;
    font-style: normal;
}

.login-content .content .group input[type='email'],
.login-content .content .group .pass-con {
    width: 100%;
    height: .64rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px #C3C3C3 solid;
    font-size: .22rem;
    padding: 0 .2rem;
    margin-top: .1rem;
}

.login-content .content .group input::placeholder {
    color: #D9D9D9;
}

.login-content .content .group .code {
    margin-top: .1rem;
}

.login-content .content .group .code input[type='number'] {
    width: 3.2rem;
    height: .64rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px #C3C3C3 solid;
    padding-left: .2rem;
    margin-right: .2rem;
    font-size: .18rem;
}

.login-content .content .group .code button {
    font-family: 'Hiragino-Sans-W6';
    width: 2.5rem;
    background-color: #52C1FF;
    border-radius: 5px;
    color: #FFF;
    font-size: .2rem;
}

.login-content .toggle {
    position: absolute;
    width: .8rem;
    height: 100%;
    background: transparent;
    z-index: 100;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    overflow: hidden;
    border-radius: 100vw;
    cursor: pointer;
}

.login-content .toggle:before {
    content: "";
    display: block;
    position: absolute;
    left: .32rem;
    top: .22rem;
    height: 2px;
    background: black;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotateZ(46deg);
    transform: rotateZ(46deg);
    transition: width 0.13s ease-out;
}

.login-content .toggle[data-state="visible"]:before {
    width: .25rem;
}

.login-content .toggle[data-state="hidden"]:before {
    width: 0;
}

.login-content .toggle .eye {
    fill: #000000;
    transition: -webkit-transform .13s linear;
    transition: transform .13s linear;
    transition: transform .13s linear, -webkit-transform .13s linear;
    stroke-width: 0;
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
}

.login-content .toggle .eye path {
    fill: none;
    stroke-width: 1.5;
    stroke-miterlimit: 5;
    stroke: #000000;
}

.login-content .toggle:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.login-content .toggle:active:before {
    -webkit-transform: rotateZ(46deg) rotateY(5deg);
    transform: rotateZ(46deg) rotateY(5deg);
}

.login-content .toggle:active .eye {
    -webkit-transform: scale(0.75) rotateY(5deg);
    transform: scale(0.75) rotateY(5deg);
}

.login-content .pass {
    width: 100%;
    height: 100%;
    font-size: .22rem;
}

.login-content .agreement {
    font-size: .2rem;
    margin-top: 0;
}

.login-content .forget {
    margin-top: 0;
    text-decoration: underline;
    font-family: 'Hiragino-Sans-W3';
    color: #7B7B7B;
}

.login-content .txt {
    color: #7B7B7B;
    font-size: .18rem;
    font-family: 'Hiragino-Sans-W3';
    margin-top: .3rem;
}

.login-content .txt a {
    text-decoration: underline;
}

.login-content .submit {
    margin-top: .3rem;
}

.login-content .submit input {
    width: 3.8rem;
    height: .62rem;
    background-color: #52C1FF;
    border-radius: .31rem;
    -webkit-border-radius: .31rem;
    -moz-border-radius: .31rem;
    -ms-border-radius: .31rem;
    -o-border-radius: .31rem;
    color: #FFF;
    font-size: .24rem;
}

.login-content .tips {
    border: 1px #D1D1D1 solid;
    padding: .3rem 1.5rem .3rem .5rem;
    background: url(../images/tips.svg)no-repeat .2rem .35rem;
    background-size: .22rem;
    color: #7B7B7B;
    font-size: .18rem;
    line-height: 1.8;
    margin-top: .4rem;
}

.news-content {
    background-color: #FAFAFA;
    overflow: hidden;
    margin-bottom: -.5rem;
    padding-bottom: 2rem;
}

.news-content .public-title {
    margin-top: .9rem;
}

.news-content .content {
    margin-top: .8rem;
}

.news-subnav {
    display: none;
    margin-top: .3rem;
}

.news-subnav a {
    border: 1px #4FC1FF solid;
    height: 34px;
    color: #4FC1FF;
    font-size: 18px;
    padding: 0 .25rem;
}

.news-list {
    margin-right: .7rem;
}

.news-list .items {
    border-bottom: 1px #4FC1FF solid;
    padding-bottom: .3rem;
    margin-bottom: .4rem;
    padding-left: .2rem;
}

.news-list .items .pic {
    overflow: hidden;
    margin-right: .4rem;
    width: 2.05rem;
    height: 1.25rem;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
}

.news-list .items .text-con {
    padding-right: 1.7rem;
}

.news-list .items .date {
    font-family: 'Oswald-Medium';
    font-size: .26rem;
    color: #4FC1FF;
}

.news-list .items .tit {
    font-size: .24rem;
    font-family: 'Hiragino-Sans-W5';
    margin-top: .1rem;
}

.news-list .items .des {
    font-size: .2rem;
    font-family: 'Hiragino-Sans-W3';
    color: #6C6C6C;
    padding-right: 1.7rem;
    margin-top: .2rem;
    line-height: 1.6;
}

.news-list .items .more {
    justify-content: flex-end;
}

.news-list .items .more span {
    background-color: #52C1FF;
    height: 32px;
    width: 136px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    font-family: 'Hiragino-Sans-W5';
    font-size: 16px;
    color: #FFF;
}

.page {
    margin-top: 1rem;
}

.page a {
    width: .74rem;
    height: .74rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    border: 3px #50C1FF solid;
    font-size: .24rem;
    color: #50C1FF;
    font-family: 'Hiragino-Sans-W5';
    margin: 0 .15rem;
}

.page .prev,
.page .next {
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.page .prev {
    background-image: url(../images/l.svg);
    margin-right: 0;
}

.page .next {
    background-image: url(../images/r.svg);
    margin-left: 0;
}

.page a.on {
    background-color: #50C1FF;
    color: #FFF;
}

.news-content .sidebar {
    width: 2.1rem;
    font-family: 'Hiragino-Sans-W6';
}

.news-content .sidebar .title {
    border-bottom: 1px #4FC1FF solid;
    color: #4FC1FF;
    font-size: .24rem;
    padding-bottom: .2rem;
}

.news-content .sidebar .subnav {
    margin-top: .15rem;
    margin-bottom: .8rem;
}

.news-content .sidebar .subnav a {
    color: #4FC1FF;
    font-size: .24rem;
    line-height: .5rem;
}

.news-content .sidebar .item {
    padding-top: .2rem;
    padding-bottom: .2rem;
    border-bottom: 1px #D3D3D3 dotted;
    font-size: 14px;
}

.news-content .sidebar .item .date {
    color: #4FC1FF;
    font-family: 'Oswald-Medium';
}

.news-content .sidebar .item .tit {
    font-family: 'Hiragino-Sans-W5';
    line-height: 1.6;
    margin-top: .1rem;
}

@media (min-width:1025px) {
    .news-list .items:hover .pic img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }
    .news-list .items:hover .tit,
    .news-list .items:hover .more span,
    .news-content .sidebar .subnav a:hover {
        text-decoration: underline;
    }
    .page a:hover {
        background-color: #50C1FF;
        color: #FFF;
    }
    .page .prev:hover,
    .page .next:hover {
        background-color: #FAFAFA;
    }
}

@media (max-width:1199px) {
    .login-content .content {
        margin-left: 1.6rem;
        margin-right: 1.6rem;
    }
}

@media (max-width:767px) {
    .public-title span {
        font-size: 22px;
    }
    .public-title span::after,
    .public-title span::before {
        width: 25px;
        height: 30px;
    }
    .public-title span::after {
        right: -35px;
    }
    .public-title span::before {
        left: -35px;
    }
    .login-content .content {
        margin-left: 0;
        margin-right: 0;
        padding: .3rem;
    }
    .login-content .content .title,
    .login-content .content .group .tit,
    .login-content .agreement,
    .login-content .txt {
        font-size: 14px;
    }
    .login-content .content .group {
        margin-right: 0;
        margin-left: 0;
    }
    .login-content .tips {
        padding-right: .3rem;
    }
    .login-content .content .group .tit em,
    .login-content .forget,
    .login-content .tips,
    .login-content .content .group .tit p,
    .login-content .content .group .code button {
        font-size: 12px;
    }
    .login-content .content .group input[type='email'],
    .login-content .content .group .pass-con,
    .login-content .content .group .code input[type='number'] {
        height: 48px;
    }
    .login-content .content .group .code input[type='number'] {
        flex: 1;
    }
    .login-content .submit input {
        width: 90%;
        height: 42px;
        border-radius: 21px;
        -webkit-border-radius: 21px;
        -moz-border-radius: 21px;
        -ms-border-radius: 21px;
        -o-border-radius: 21px;
    }
    .login-content .txt {
        margin-left: .4rem;
        margin-right: 1rem;
    }
    .login-content .tips {
        background-size: 22px;
        padding-left: 40px;
    }
    .news-subnav {
        display: block;
    }
    .news-content .sidebar {
        width: 100%;
        margin-top: .4rem;
    }
    .news-content .sidebar .title {
        font-size: 24px;
        line-height: 2;
    }
    .news-content .sidebar .subnav {
        display: none;
    }
    .news-list {
        margin-right: 0;
    }
    .news-list .items {
        padding-left: 0;
    }
    .news-list .items .text-con {
        padding-right: 0;
    }
    .news-list .items .more {
        justify-content: center;
        margin-top: .2rem;
    }
    .news-list .items .pic {
        width: 100px;
        height: 80px;
    }
    .news-list .items .date {
        font-size: 16px;
    }
    .news-list .items .tit {
        font-size: 14px;
        -webkit-line-clamp: 3
    }
    .news-list .items .des {
        font-size: 14px;
        padding-right: 0;
    }
    .page a {
        width: 40px;
        height: 40px;
        border-width: 2px;
        font-size: 13px;
    }
}


/* 2024-5-27 */

.introduce {
    padding-bottom: 1.8rem;
}

.introduce-content {
    background: #FAFAFA;
    margin-bottom: 1.4rem;
    z-index: 2;
    padding-top: .1rem;
}

.introduce-content .public-title {
    margin-top: .8rem;
}

.introduce-content .home-why {
    background: #FFF url(../images/bg2.png)repeat-x left bottom;
    background-size: .89rem;
    height: auto;
    padding-bottom: 2rem;
    margin-bottom: -.3rem;
    margin-top: .9rem;
}

.introduce-content .home-why .pub-title {
    width: 10.5rem;
    height: 1.42rem;
}

.introduce-content .home-why .item {
    height: auto;
    padding-bottom: 1rem;
}

.introduce-content .home-why .text {
    line-height: 1.8;
    font-size: .26rem;
    margin-top: .4rem;
}

.introduce-content .home-why .renwu {
    position: absolute;
    right: 1.8rem;
    width: 2.1rem;
    top: 2.1rem;
}

.introduce-content .home-why .renwu img {
    width: 100%;
}

.order-content {
    background-color: #CCEDFF;
    overflow: hidden;
    padding-bottom: 1.2rem;
    margin-bottom: -.35rem;
}

.order-content .sidebar {
    width: 3.1rem;
    overflow: hidden;
    border-radius: .3rem 0 .3rem 0;
    -webkit-border-radius: .3rem 0 .3rem 0;
    -moz-border-radius: .3rem 0 .3rem 0;
    -ms-border-radius: .3rem 0 .3rem 0;
    -o-border-radius: .3rem 0 .3rem 0;
    margin-top: .3rem;
    background-color: #FFF;
    padding-bottom: .5rem;
    margin-right: .3rem;
}

.order-content .sidebar .title {
    height: 1rem;
    background-color: #52C1FF;
    color: #FFF;
    font-family: 'Hiragino-Sans-W6';
    font-size: .18rem;
    padding-left: .3rem;
}

.order-content .sidebar ul {
    padding-left: .45rem;
}

.order-content .sidebar li {
    margin-top: .4rem;
}

.order-content .sidebar li .icon {
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
}

.order-content .sidebar li .icon img {
    max-width: 100%;
}

.order-content .sidebar li .tit {
    font-size: .18rem;
    font-family: 'Hiragino-Sans-W5';
}

.order-content .content {
    margin-top: .3rem;
    background-color: #FFF;
    overflow: hidden;
    border-radius: .3rem 0 .3rem 0;
    -webkit-border-radius: .3rem 0 .3rem 0;
    -moz-border-radius: .3rem 0 .3rem 0;
    -ms-border-radius: .3rem 0 .3rem 0;
    -o-border-radius: .3rem 0 .3rem 0;
    padding: .4rem;
}

.order-content .public-title {
    margin-left: 1rem;
}

.order-content .public-title span {
    font-size: .26rem;
}

.order-content .public-title span::after,
.order-content .public-title span::before {
    width: .4rem;
    height: .4rem;
}

.order-content .public-title span::after {
    right: -.5rem;
}

.order-content .public-title span::before {
    left: -.5rem;
}

.order-content .sub {
    font-size: .16rem;
    font-family: 'Hiragino-Sans-W6';
    padding-left: .35rem;
    margin-top: .3rem;
}

.order-content .sub span {
    color: #50C1FF;
    padding: .2rem;
}

.order-content .sub span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #50C1FF;
    height: 7px;
}

.order-content .table-pc {
    margin-top: .3rem;
}

.order-content .table-pc .th {
    background-color: #50C1FF;
    overflow: hidden;
    border-radius: .4rem 0 .4rem 0;
    -webkit-border-radius: .4rem 0 .4rem 0;
    -moz-border-radius: .4rem 0 .4rem 0;
    -ms-border-radius: .4rem 0 .4rem 0;
    -o-border-radius: .4rem 0 .4rem 0;
    font-family: 'Hiragino-Sans-W6';
    color: #FFF;
    font-size: .18rem;
    line-height: .7rem;
}

.order-content .table-pc .th>div:nth-child(2) {
    width: 1.8rem;
}

.order-content .table-pc .th>div:nth-child(3) {
    width: 1.6rem;
}

.order-content .table-pc .th>div:nth-child(4) {
    width: 1.15rem;
}

.order-content .table-pc .th>div:nth-child(5) {
    width: 1.9rem;
}

.order-content .table-pc .tbody {
    border-left: 1px #707070 solid;
    border-top: 1px #707070 solid;
    margin-top: .2rem;
    font-family: 'Hiragino-Sans-W4';
    font-size: .18rem;
}

.order-content .table-pc .tr {
    border-bottom: 1px #707070 solid;
    font-family: 'Hiragino-Sans-W4';
}

.order-content .table-pc .tbody .padd-3 {
    padding: .3rem;
}

.order-content .table-pc .tbody .bor-b {
    border-bottom: 1px #707070 solid;
}

.order-content .table-pc .tbody .bor-r {
    border-right: 1px #707070 solid;
}

.order-content .table-pc .tbody .email {
    border-top: 1px #707070 solid;
}

.order-content .table-pc .pic {
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
    margin-right: .2rem;
}

.order-content .table-pc .tit {
    font-size: .2rem;
    margin-top: .2rem;
    font-family: 'Hiragino-Sans-W6';
}

.order-content .table-pc .des {
    margin-top: .2rem;
}

.order-content .table-pc .text {
    width: 1.8rem;
}

.order-content .table-pc .money {
    font-size: .2rem;
    width: 1.5rem;
}

.order-content .table-pc .w31 {
    width: 3.1rem;
}

.order-content .table-pc .w12 {
    width: 1.2rem;
}

.order-content .table-mb {
    display: none;
}

.order-content .table-mb .tr {
    margin-top: .3rem;
}

.order-content .table-mb .th {
    font-size: 13px;
    background-color: #50C1FF;
    border-radius: .4rem 0 .3rem 0;
    -webkit-border-radius: .4rem 0 .3rem 0;
    -moz-border-radius: .4rem 0 .3rem 0;
    -ms-border-radius: .4rem 0 .3rem 0;
    -o-border-radius: .4rem 0 .3rem 0;
    color: #FFF;
    line-height: 40px;
    padding-left: .2rem;
}

.order-content .table-mb .td {
    background-color: #FFF;
    padding: .2rem;
    border: 1px #707070 solid;
    margin-top: .2rem;
}

.order-content .table-mb .td .pic {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: .2rem;
}

.order-content .table-mb .td .text-con {
    font-size: 13px;
    font-family: 'Hiragino-Sans-W4';
}

.order-content .table-mb .td .tit {
    font-size: 15px;
    font-family: 'Hiragino-Sans-W6';
}

.order-content .table-mb .btn {
    background-color: #52C1FF;
    color: #FFF;
    font-size: 16px;
    line-height: 30px;
    margin-top: .2rem;
    font-family: 'Hiragino-Sans-W3';
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.introduction-content-jp {
    background-color: #FAFAFA;
    overflow: hidden;
    padding-bottom: 2rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.introduction-content-jp .public-title {
    margin-top: .9rem;
}

.introduction-content-jp li {
    border-bottom: 2px dotted #707070;
    padding: .5rem .5rem .4rem .3rem;
}

.introduction-content-jp li .tit {
    background-color: #50C1FF;
    line-height: .8rem;
    border-radius: .4rem 0 .4rem 0;
    -webkit-border-radius: .4rem 0 .4rem 0;
    -moz-border-radius: .4rem 0 .4rem 0;
    -ms-border-radius: .4rem 0 .4rem 0;
    -o-border-radius: .4rem 0 .4rem 0;
    color: #FFF;
    font-size: .26rem;
    font-family: 'Hiragino-Sans-W5';
    width: 3.4rem;
    margin-right: 1.6rem;
}

.introduction-content-jp li .text {
    font-size: .26rem;
    font-family: 'Hiragino-Sans-W3';
}

.introduction-content-jp li .tit_p {
    padding-bottom: 0.02rem;
    font-weight: bold;
}
.introduction-content-jp li .tit_p:not(:nth-of-type(1)){
    margin-top: 0.1rem;
}

.introduction-content-cn {
    background-color: #FAFAFA;
    overflow: hidden;
    padding-bottom: 2rem;
    font-family: 'Microsoft YaHei' !important;
    margin-bottom: -.35rem;
}

.introduction-content-cn .public-title {
    margin-top: .9rem;
}

.introduction-content-cn .content {
    background: url(../images/bg2.png)repeat-x left bottom;
    background-size: .89rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.7rem;
    margin-top: 1rem;
    padding-top: .9rem;
}

.introduction-content-cn .pub-title {
    width: 7.6rem;
    height: 1.4rem;
}

.introduction-content-cn .content .star {
    position: absolute;
    top: .6rem;
    left: 3rem;
    width: 1.65rem;
    z-index: 1;
}

.introduction-content-cn .content .earth {
    position: absolute;
    top: .8rem;
    right: 1rem;
    width: 3.3rem;
    z-index: 1;
}

.introduction-content-cn .content .star img,
.introduction-content-cn .content .star1 img,
.introduction-content-cn .content .earth img {
    width: 100%;
}

.introduction-content-cn .content .star1 {
    position: absolute;
    bottom: .6rem;
    right: .63rem;
    width: 1.65rem;
    z-index: 1;
}

.introduction-content-cn .content .text-content {
    background-color: #FFF;
    margin-top: .7rem;
    padding: .3rem;
    overflow: hidden;
    border-radius: 0 .6rem 0 .6rem;
    -webkit-border-radius: 0 .6rem 0 .6rem;
    -moz-border-radius: 0 .6rem 0 .6rem;
    -ms-border-radius: 0 .6rem 0 .6rem;
    -o-border-radius: 0 .6rem 0 .6rem;
    z-index: 10;
    padding-bottom: .7rem;
}

.introduction-content-cn .content .text {
    line-height: 1.8;
}

.introduction-content-cn .content .text p {
    margin-top: .3rem;
    text-indent: .48rem;
}

.introduction-content-cn .content .pic-con .item {
    width: 3.33rem;
    overflow: hidden;
    margin-top: .3rem;
}

.introduction-content-cn .content .pic-con .item .pic {
    height: 2.2rem;
    overflow: hidden;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}

.introduction-content-cn .content .pic-con .item .tit {
    margin-top: .2rem;
}

.introduction-content-cn ul {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.introduction-content-cn li {
    background-color: #FFF;
    overflow: hidden;
    border-radius: 5px 5px 5px .3rem;
    -webkit-border-radius: 5px 5px 5px .3rem;
    -moz-border-radius: 5px 5px 5px .3rem;
    -ms-border-radius: 5px 5px 5px .3rem;
    -o-border-radius: 5px 5px 5px .3rem;
    width: 31.5%;
    margin-top: .5rem;
}

.introduction-content-cn li .icon {
    background-color: #4FC1FF;
    height: 1.8rem;
}

.introduction-content-cn li .icon img {
    height: 1.12rem;
}

.introduction-content-cn li .text-con {
    padding: .3rem 0;
}

.introduction-content-cn li .tit {
    font-size: .34rem;
}

.introduction-content-cn li .des {
    font-size: .26rem;
    margin-top: .1rem;
}

.introduction-content-cn .more {
    margin-left: auto;
    margin-right: auto;
    margin-top: .8rem;
    background-color: #4FC1FF;
    height: 1.2rem;
    width: 10.5rem;
    border-radius: .6rem 0 .6rem 0;
    -webkit-border-radius: .6rem 0 .6rem 0;
    -moz-border-radius: .6rem 0 .6rem 0;
    -ms-border-radius: .6rem 0 .6rem 0;
    -o-border-radius: .6rem 0 .6rem 0;
    color: #FFF;
    line-height: 1.2rem;
    font-size: .36rem;
}

.introduction-content-cn .more span {
    padding-right: 1rem;
    margin-right: .5rem;
}

.introduction-content-cn .more span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/arrow2.svg)no-repeat center;
    background-size: 100%;
    height: 100%;
    width: .53rem;
}

.zhaoshang-content {
    overflow: hidden;
    background-color: #FAFAFA;
    padding-bottom: 2rem;
    margin-bottom: -.35rem;
}

.zhaoshang-content .public-title {
    margin-top: .7rem;
}

.full-txt {
    font-size: .3rem;
    margin-top: .2rem;
    font-family: 'Hiragino-Sans-W3';
}

.zhaoshang-content .pub-title {
    width: 10.4rem;
    height: 1.4rem;
}

.zhaoshang-content .content {
    background: url(../images/bg2.png)repeat-x left bottom;
    background-size: .89rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.7rem;
    margin-top: .6rem;
    padding-top: .9rem;
}

.zhaoshang-content .content .star {
    position: absolute;
    top: .6rem;
    left: 2.4rem;
    width: 1.65rem;
    z-index: 1;
}

.zhaoshang-content .content .star1 {
    position: absolute;
    bottom: .6rem;
    right: .63rem;
    width: 1.65rem;
    z-index: 1;
}

.zhaoshang-content .content .ren1 {
    position: absolute;
    top: .8rem;
    right: 1.4rem;
    width: 2.5rem;
    z-index: 1;
}

.zhaoshang-content .content .star img,
.zhaoshang-content .content .star1 img,
.zhaoshang-content .content .ren1 img {
    width: 100%;
}

.zhaoshang-content .content .con {
    z-index: 9;
}

.zhaoshang-content .content .item {
    width: 32%;
    overflow: hidden;
    border-radius: 0 .4rem 0 .4rem;
    -webkit-border-radius: 0 .4rem 0 .4rem;
    -moz-border-radius: 0 .4rem 0 .4rem;
    -ms-border-radius: 0 .4rem 0 .4rem;
    -o-border-radius: 0 .4rem 0 .4rem;
    background-color: #FFF;
    margin-top: 1.2rem;
    padding-bottom: .6rem;
}

.zhaoshang-content .content .item .tit {
    background-color: #50C1FF;
    color: #FFF;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .4rem;
}

.zhaoshang-content .content .item .icon {
    width: 100%;
    height: 1.3rem;
    margin-top: .3rem;
}

.zhaoshang-content .content .item .icon img {
    height: 1.23rem;
}

.zhaoshang-content .content .item .des {
    margin-top: .2rem;
    padding-left: .4rem;
    padding-right: .4rem;
    font-family: 'Hiragino-Sans-W3';
    line-height: 1.6;
}

.zhaoshang-content .text-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.9rem;
}

.zhaoshang-content .text-content .title {
    font-size: .58rem;
    padding-left: 2.8rem;
}

.zhaoshang-content .text-content .ren1 {
    position: absolute;
    top: 1.6rem;
    left: 1.7rem;
    width: 2.2rem;
    z-index: 1;
}

.zhaoshang-content .text-content .ren1 img {
    width: 100%;
}

.zhaoshang-content ul {
    margin-top: 1.1rem;
    z-index: 10;
}

.zhaoshang-content li {
    border-bottom: 2px dotted #707070;
    padding-top: .6rem;
    padding-bottom: .3rem;
    padding-right: 1.4rem;
}

.zhaoshang-content li .num {
    width: 1.8rem;
    margin-right: .5rem;
}

.zhaoshang-content li .num img {
    width: 100%;
}

.zhaoshang-content li .txt-con {
    font-family: 'Hiragino-Sans-W3';
}

.zhaoshang-content li .tit {
    font-size: .3rem;
    margin-top: .2rem;
    line-height: 1.6;
    font-family: 'Hiragino-Sans-W5';
}

.zhaoshang-content li .des {
    margin-top: .2rem;
    font-family: 'Hiragino-Sans-W3';
}

.zhaoshang-content .more {
    margin-left: auto;
    margin-right: auto;
    margin-top: .8rem;
    background-color: #4FC1FF;
    height: 1.2rem;
    border-radius: .6rem 0 .6rem 0;
    -webkit-border-radius: .6rem 0 .6rem 0;
    -moz-border-radius: .6rem 0 .6rem 0;
    -ms-border-radius: .6rem 0 .6rem 0;
    -o-border-radius: .6rem 0 .6rem 0;
    color: #FFF;
    line-height: 1.2rem;
    font-size: .3rem;
    padding-left: .8rem;
    padding-right: 2rem;
}

.zhaoshang-content .more span {
    padding-right: 1rem;
    margin-right: .3rem;
    font-family: 'Hiragino-Sans-W3';
}

.zhaoshang-content .more a {
    color: #FFF;
}

.zhaoshang-content .more span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/arrow2.svg)no-repeat center;
    background-size: 100%;
    height: 100%;
    width: .53rem;
}

.pay-content {
    overflow: hidden;
    background-color: #FAFAFA;
    padding-bottom: 2rem;
    margin-bottom: -.35rem;
}

.pay-content .public-title {
    margin-top: .9rem;
}

.pay-content .content {
    margin-left: .5rem;
    margin-right: .5rem;
    background-color: #FFF;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    overflow: hidden;
    padding: .2rem .4rem .7rem .4rem;
    margin-top: .9rem;
}

.pay-content .crad {
    margin-top: .4rem;
    border-bottom: 2px dotted #707070;
    padding-bottom: .8rem;
    margin-bottom: .5rem;
}

.pay-content .crad .tit {
    background-color: #50C1FF;
    color: #FFF;
    height: .8rem;
    font-size: .32rem;
    font-family: 'Hiragino-Sans-W5';
    border-radius: .4rem 0 .4rem 0;
    -webkit-border-radius: .4rem 0 .4rem 0;
    -moz-border-radius: .4rem 0 .4rem 0;
    -ms-border-radius: .4rem 0 .4rem 0;
    -o-border-radius: .4rem 0 .4rem 0;
    margin-bottom: .3rem;
}

.pay-content .crad .text {
    font-size: .26rem;
    margin-top: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pay-content .crad li {
    width: 15%;
    margin-top: .3rem;
}

.pay-content .crad .last {
    width: 100%;
}

.pay-content .crad .last .pic {
    width: 2.7rem;
    height: 1.65rem;
    margin-right: .7rem;
}

.pay-content .crad .last .text {
    margin-top: 0;
}

.pay-content .tips {
    font-family: 'Hiragino-Sans-W3';
}

.pay-content .tips .tit {
    font-size: .32rem;
    padding-left: 40px;
    margin-bottom: .2rem;
}

.pay-content .tips .tit::after {
    content: '';
    position: absolute;
    left: 10px;
    top: .1rem;
    width: 18px;
    height: 18px;
    background-color: #7B7B7B;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.pay-content .tips .text {
    line-height: 1.6;
}

.policy-cn,
.policy-jp {
    overflow: hidden;
    background-color: #FAFAFA;
    padding-bottom: 2rem;
    margin-bottom: -.35rem;
}

.policy-cn .public-title,
.policy-jp .public-title {
    margin-top: .9rem;
}

.policy-jp .item {
    overflow: hidden;
    border-radius: 0 .4rem 0 .4rem;
    -webkit-border-radius: 0 .4rem 0 .4rem;
    -moz-border-radius: 0 .4rem 0 .4rem;
    -ms-border-radius: 0 .4rem 0 .4rem;
    -o-border-radius: 0 .4rem 0 .4rem;
    background-color: #FFF;
    margin-top: .8rem;
}

.policy-jp .item .title {
    background-color: #50C1FF;
    color: #FFF;
    font-size: .32rem;
    font-family: 'Hiragino-Sans-W5';
    padding-left: .6rem;
    padding-right: .6rem;
    height: 1rem;
}

.policy-jp .item .des {
    padding: .4rem .6rem 1rem .6rem;
    line-height: 1.8;
    font-family: 'Hiragino-Sans-W3';
}

.policy-jp .item .tit {
    font-size: .3rem;
    border-bottom: 2px dotted #707070;
    margin-top: .5rem;
    margin-bottom: .2rem;
    padding-bottom: .2rem;
}

.policy-jp .item .txt {
    font-size: .22rem;
    line-height: 1.8;
}

.policy-jp .item .tit1 {
    font-size: .26rem;
    line-height: 1.8;
    padding-left: 40px;
}

.policy-jp .item .tit1::after {
    content: '';
    position: absolute;
    left: 10px;
    top: .12rem;
    width: 16px;
    height: 16px;
    background-color: #7B7B7B;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.policy-jp .item .info {
    padding-left: 40px;
    margin-top: .3rem;
    line-height: 2;
}

.policy-jp .item .txt-con {
    margin-bottom: .3rem;
}

.policy-cn {
    font-family: 'PingFangSC-Regular', 'Microsoft YaHei' !important;
}

.policy-cn .text-con {
    background-color: #FFF;
    border-radius: .4rem 0 .4rem 0;
    -webkit-border-radius: .4rem 0 .4rem 0;
    -moz-border-radius: .4rem 0 .4rem 0;
    -ms-border-radius: .4rem 0 .4rem 0;
    -o-border-radius: .4rem 0 .4rem 0;
    padding: .4rem;
    line-height: 1.8;
    margin-top: 1rem;
}

.policy-cn li {
    padding-bottom: .6rem;
    margin-top: .8rem;
    border-bottom: 2px dotted #707070;
}

.policy-cn li .num {
    width: 1.8rem;
    margin-right: .4rem;
}

.policy-cn li .num img {
    width: 100%;
}

.policy-cn li .title {
    margin-top: .2rem;
}

.policy-cn li .title span {
    background-color: #50C1FF;
    color: #FFF;
    font-size: .36rem;
    height: .8rem;
    border-radius: .4rem 0 .4rem 0;
    -webkit-border-radius: .4rem 0 .4rem 0;
    -moz-border-radius: .4rem 0 .4rem 0;
    -ms-border-radius: .4rem 0 .4rem 0;
    -o-border-radius: .4rem 0 .4rem 0;
    padding: 0 .6rem;
    line-height: .8rem;
}

.policy-cn li .text {
    color: #7B7B7B;
    line-height: 1.8;
}

.policy-cn li .tit {
    font-size: .28rem;
    line-height: 2;
    padding-left: 2.2rem;
    margin-bottom: .2rem;
    margin-top: -.3rem;
}

.policy-cn li .text .num1 {
    margin-right: .1rem;
}

@media (max-width:1199px) {
    .introduce-content .home-why .renwu {
        right: .4rem;
    }
    .introduction-content-jp,
    .introduction-content-cn .content,
    .introduction-content-cn ul,
    .zhaoshang-content .content,
    .zhaoshang-content .text-content {
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .introduction-content-cn .content .earth,
    .zhaoshang-content .content .ren1 {
        right: .2rem;
    }
    .introduction-content-cn .content .star,
    .zhaoshang-content .content .star {
        left: .2rem;
    }
    .zhaoshang-content .text-content .ren1 {
        left: .4rem;
    }
    .pay-content .content {
        margin-left: 0;
        margin-right: 0;
    }
    .pay-content .tips .tit::after {
        width: 10px;
        height: 10px;
        top: .1rem;
    }
    .zhaoshang-content .text-content .title {
        font-size: .52rem;
    }
	
	
	
	
	
}

@media (max-width:767px) {
    .introduce-content .home-why::after {
        display: none;
    }
    .introduce-content .home-why .pub-title,
    .zhaoshang-content .pub-title {
        width: 90%;
        height: 1rem;
    }
    .introduce-content .home-why .content {
        margin-top: .5rem;
    }
    .introduce-content .home-why .renwu {
        width: 1.2rem;
        right: .2rem;
    }
    .introduce-content .home-why .item {
        padding-bottom: .6rem;
    }
    .introduce-content .home-why .item .con {
        padding-left: 0rem;
        padding-bottom: 0;
        padding-right: .3rem;
    }
    .order-content .con {
        flex-flow: column;
    }
    .order-content .content {
        order: 1;
        background: none;
        padding: 0;
        min-width: 100%;
        max-width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    .order-content .sidebar {
        order: 2;
        width: calc(100% + .2rem + .2rem);
        margin-right: 0;
        margin-left: -.2rem;
        margin-right: -.2rem;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        padding-bottom: 0;
    }
    .order-content .sidebar .title {
        font-size: 18px;
        padding-left: 1rem;
    }
    .order-content .sidebar ul {
        padding-left: 0;
    }
    .order-content .sidebar li {
        border-bottom: 2px #CCEDFF solid;
        padding-bottom: 15px;
        margin-top: 15px;
        padding-left: 1.5rem;
    }
    .order-content .sidebar li:last-child {
        border-bottom: 0;
    }
    .order-content .sidebar li .tit,
    .pay-content .txt {
        font-size: 14px;
    }
    .order-content .table-pc,
    .order-content .sub {
        display: none;
    }
    .order-content .public-title {
        margin-left: 0;
        display: flex;
        justify-content: center;
    }
    .order-content .public-title span {
        font-size: 26px;
    }
    .order-content .table-mb {
        display: block;
    }
    .introduction-content-jp li {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .introduction-content-jp li .tit {
        width: 100%;
        margin-right: 0;
        font-size: 16px;
    }
    .introduction-content-jp li .text {
        margin-top: .2rem;
        font-size: 16px;
    }

    .introduction-content-jp li .tit_p {
        font-size: 16px;
        padding-bottom: 2px;
        font-weight: bold;
    }
    .introduction-content-jp li .tit_p:not(:nth-of-type(1)){
        margin-top: 5px;
    }
    .introduction-content-cn .content .pic-con .item {
        width: 48%;
    }
    .introduction-content-cn .pub-title {
        width: 70%;
        height: 1.2rem;
    }
    .introduction-content-cn .content .earth {
        width: 2rem;
        top: 1.4rem;
    }
    .introduction-content-cn .content .text,
    .introduction-content-cn .content .pic-con .item .tit,
    .introduction-content-cn li .des,
    .pay-content .crad .text,
    .pay-content .tips .text,
    .policy-jp .item .des,
    .policy-jp .item .tit1,
    .policy-jp .item .info,
    .policy-cn .text-con,
    .policy-cn li .text {
        font-size: 14px;
    }
    .introduction-content-cn li {
        width: 100%;
        display: flex;
        align-items: center;
        border: 2px #4FC1FF solid;
        border-radius: 0 .5rem 0 .5rem;
        -webkit-border-radius: 0 .5rem 0 .5rem;
        -moz-border-radius: 0 .5rem 0 .5rem;
        -ms-border-radius: 0 .5rem 0 .5rem;
        -o-border-radius: 0 .5rem 0 .5rem;
    }
    .introduction-content-cn li .icon {
        width: 100px;
        height: 120px;
    }
    .introduction-content-cn li .text-con {
        flex: 1;
    }
    .introduction-content-cn .more {
        width: 90%;
        display: block;
        height: auto;
        line-height: 1.8;
        padding-top: .2rem;
        padding-bottom: .2rem;
        font-size: 18px;
    }
    .introduction-content-cn .more span {
        display: block;
        padding-right: 0;
        margin-right: 0;
    }
    .introduction-content-cn .more span::after {
        display: none;
    }
    .introduction-content-cn li .tit,
    .pay-content .crad .tit,
    .policy-jp .item .title,
    .policy-cn li .tit {
        font-size: 16px;
    }
    .full-txt,
    .policy-jp .item .txt {
        font-size: 12px;
    }
    .zhaoshang-content .content .ren1 {
        z-index: 4;
        width: 2rem;
        top: 1rem;
    }
    .zhaoshang-content .text-content .title {
        padding-left: 1.8rem;
    }
    .zhaoshang-content ul {
        margin-top: .4rem;
    }
    .zhaoshang-content .text-content .ren1 {
        left: .2rem;
        width: 1.8rem;
    }
    .zhaoshang-content .content .item {
        width: 100%;
        margin-top: .4rem;
    }
    .zhaoshang-content .content .item:first-child {
        margin-top: 1rem;
    }
    .zhaoshang-content .content .item .tit,
    .zhaoshang-content .text-content .title,
    .pay-content .tips .tit {
        font-size: 20px;
    }
    .zhaoshang-content .content .item .des {
        font-size: 15px;
        flex: 1;
    }
    .zhaoshang-content .content .item .txt-con {
        display: flex;
        padding-left: .3rem;
        padding-top: .3rem;
        align-items: center;
    }
    .zhaoshang-content .content .item .icon {
        margin-right: .1rem;
        width: 1.4rem;
        margin-top: 0;
    }
    .zhaoshang-content li {
        padding-right: 0;
    }
    .zhaoshang-content li .tit {
        font-size: 15px;
    }
    .zhaoshang-content li .num {
        width: 1.2rem;
        margin-right: .3rem;
    }
	
    .zhaoshang-content .more {
        text-align: center;
        padding-right: 0;
        padding-left: 0;
        height: auto;
        width: 94%;
        font-size: 16px;
        line-height: 2;
        padding-top: .2rem;
        padding-bottom: .2rem;
    }
    .zhaoshang-content .more span {
        position: relative;
        display: block;
        margin-right: 0;
        padding-right: 0;
        font-size: 18px;
        padding-bottom: .4rem;
    }
    .zhaoshang-content .more span::after {
        width: 0;
        height: 0;
        background: none;
        border-left: .38rem transparent solid;
        border-right: .38rem transparent solid;
        border-top: .3rem #FFF solid;
        bottom: 0;
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .zhaoshang-content .more a {
        display: block;
        text-decoration: underline;
        font-size: 20px;
    }
	
    .pay-content .crad li {
        width: 32%;
    }
    .pay-content .crad .text {
    }
    .pay-content .crad .text::after {
        width: 6px;
        height: 6px;
        top: 10px;
    }
    .policy-jp .item .title,
    .policy-jp .item .des {
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .policy-jp .item .txt-con {
        flex-flow: column;
    }
    .policy-jp .item .txt-con>div {
        border-bottom: 1px dotted #707070;
        padding-bottom: .3rem;
        margin-bottom: .3rem;
    }
    .policy-jp .item .tit1::after {
        width: 8px;
        height: 8px;
        top: 10px;
    }
    .policy-cn li .title span {
        font-size: 18px;
    }
    .policy-cn li .tit {
        padding-left: 0;
        margin-top: .3rem;
    }
}


/* 2024-5-30 */

.faq-content,
.wifi-content {
    overflow: hidden;
    background-color: #FAFAFA;
    padding-bottom: 2rem;
    margin-bottom: -.35rem;
}

.faq-content .public-title,
.wifi-content .public-title {
    margin-top: .9rem;
}

.faq-content li {
    margin-top: .4rem;
}

.faq-content li .tit {
    background-color: #4FC1FF;
    height: 1.3rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding-right: 2.1rem;
    padding-left: .3rem;
    color: #FFF;
    font-family: 'Hiragino-Sans-W6';
    font-size: .3rem;
}

.faq-content li .icon {
    width: 1.23rem;
    margin-right: .3rem;
}

.faq-content li .icon img {
    width: 100%;
}

.faq-content li .arrow {
    position: absolute;
    top: 0;
    height: 100%;
    right: .5rem;
    width: .6rem;
    background: url(../images/jia.svg)no-repeat center;
    background-size: 100%;
    z-index: 9;
}

.faq-content li.on .arrow {
    background-image: url(../images/jian.svg);
}

.faq-content li .faq-des {
    padding-left: 1.35rem;
    padding-top: .2rem;
    font-family: 'Hiragino-Sans-W3';
    font-size: .26rem;
    line-height: 1.8;
    display: none;
}

.faq-content li .faq-des .email {
    font-family: 'Hiragino-Sans-W6';
    text-decoration: underline;
}

.faq-content li .letter {
    font-family: 'Hiragino-Sans-W6';
    color: #6C6C6C;
}

.faq-content li .num {
    font-size: .23rem;
    margin-right: .1rem;
}

.faq-content li .txt {
    margin-bottom: .2rem;
    margin-top: .03rem;
}

.faq-content li .t1 {
    font-family: 'Hiragino-Sans-W5';
}

.faq-content li .t2 {
    margin-top: .3rem;
}

.faq-content li .link {
    margin-bottom: .3rem;
}

.faq-content li .link a,
.faq-content li .blue {
    color: #4FC1FF;
    text-decoration: underline;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.faq-content li .flex-1 {
    min-width: 0;
}

.wifi-content .content {
    padding-left: 3.4rem;
    padding-right: 2.1rem;
}

.wifi-content .img1 {
    position: absolute;
    left: 0;
    top: .7rem;
    width: 3.3rem;
}

.wifi-content .img2 {
    position: absolute;
    right: 2.9rem;
    top: 3rem;
    width: 1.3rem;
}

.wifi-content .img1 img,
.wifi-content .img2 img {
    width: 100%;
}

.wifi-content .con {
    overflow: hidden;
    background-color: #4FC1FF;
    border-radius: 0 .4rem 0 .4rem;
    -webkit-border-radius: 0 .4rem 0 .4rem;
    -moz-border-radius: 0 .4rem 0 .4rem;
    -ms-border-radius: 0 .4rem 0 .4rem;
    -o-border-radius: 0 .4rem 0 .4rem;
    padding: .3rem 1rem;
    margin-top: 1rem;
}

.wifi-content .con .vs {
    width: .6rem;
    height: .6rem;
    font-family: 'Hiragino-Sans-W6';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #4FC1FF;
    font-size: .3rem;
    background-color: #FFF;
    margin-bottom: .5rem;
}

.wifi-content .con .icon {
    height: 1.2rem;
}

.wifi-content .con .icon img {
    height: 100%;
}

.wifi-content .con .tit {
    font-family: 'ZenMaruGothic-Medium';
    font-size: .26rem;
    color: #FFF;
    margin-top: .2rem;
}

.wifi-content .text-content .title {
    margin-top: .6rem;
}

.wifi-content .text-content .title span {
    height: .8rem;
    border-radius: 0 .4rem 0 .4rem;
    -webkit-border-radius: 0 .4rem 0 .4rem;
    -moz-border-radius: 0 .4rem 0 .4rem;
    -ms-border-radius: 0 .4rem 0 .4rem;
    -o-border-radius: 0 .4rem 0 .4rem;
    background-color: #50C1FF;
    color: #FFF;
    padding-left: .9rem;
    padding-right: .9rem;
    font-size: .4rem;
    font-family: 'ZenMaruGothic-Medium';
    line-height: .8rem;
}

.wifi-content .text-content .item {
    width: 24.25%;
    background-color: #F1FAFF;
    border-radius: .1rem .1rem 0 .4rem;
    -webkit-border-radius: .1rem .1rem 0 .4rem;
    -moz-border-radius: .1rem .1rem 0 .4rem;
    -ms-border-radius: .1rem .1rem 0 .4rem;
    -o-border-radius: .1rem .1rem 0 .4rem;
    min-height: 5rem;
    margin-top: .6rem;
    padding-bottom: .4rem;
}

.wifi-content .text-content .item label {
    display: none;
    text-align: right;
    font-family: 'Hiragino-Sans-W6';
    width: 1.8rem;
}

.wifi-content .text-content .item .tit {
    background-color: #B4B4B4;
    height: 1rem;
    color: #FFF;
    font-size: .4rem;
    font-family: 'ZenMaruGothic-Medium';
    border-radius: .1rem .1rem 0 0rem;
    -webkit-border-radius: .1rem .1rem 0 0rem;
    -moz-border-radius: .1rem .1rem 0 0rem;
    -ms-border-radius: .1rem .1rem 0 0rem;
    -o-border-radius: .1rem .1rem 0 0rem;
}

.wifi-content .text-content .item .star-con,
.wifi-content .text-content .item .text-con,
.wifi-content .text-content .item .des-con {
    padding-left: .3rem;
    padding-right: .3rem;
}

.wifi-content .text-content .item .star-con {
    height: .53rem;
    margin-top: .4rem;
}

.wifi-content .text-content .item .star-con .star {
    height: 100%;
    background: url(../images/star1.svg)no-repeat left center;
    background-size: auto 100%;
    width: 2rem;
}

.wifi-content .text-content .item .star-con .star span {
    background: url(../images/star2.svg)no-repeat left center;
    background-size: auto 100%;
    height: 100%;
}

.wifi-content .text-content .item .text-con {
    color: #606060;
    margin-top: .3rem;
    line-height: 1.6;
    font-family: 'Hiragino-Sans-W4';
}

.wifi-content .text-content .item .des-con {
    font-size: .2rem;
    line-height: 1.6;
    margin-top: .2rem;
    font-family: 'Hiragino-Sans-W4';
}

.wifi-content .text-content .item.first .tit {
    background-color: #50C1FF;
    height: 1.1rem;
    margin-top: -.1rem;
}

.wifi-content .text-content .item.first label {
    display: block;
    position: absolute;
    left: -2rem;
    top: 0;
    color: #50C1FF;
    font-size: .3rem;
}

.wifi-content .text-content .item.first .star-con label {
    display: none;
}

.wifi-content .text-content .crad:last-child .text-con {
    height: 2.4rem;
}

.form-content {
    background-color: #CCEDFF;
    padding-bottom: 1rem;
}

.form-content .head img {
    height: .9rem;
}

.form-content .content {
    margin-left: 2.6rem;
    margin-right: 2.6rem;
    background-color: #FFF;
    margin-top: .3rem;
    padding: .6rem 1rem .6rem .6rem;
    font-family: 'Hiragino-Sans-W4';
}

.form-content .group {
    margin-bottom: .25rem;
}

.form-content .group .tit {
    font-size: .2rem;
    width: 1.5rem;
    margin-right: .3rem;
    height: .5rem;
    justify-content: flex-end;
    text-align: right;
}

.form-content .input,
.form-content .input1 {
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    border: 1px #C3C3C3 solid;
    padding: 0 .2rem;
    width: 100%;
    height: .5rem;
    font-size: .2rem;
    color: #C3C3C3;
}

.form-content .input1 {
    background-color: #F8F8F8;
}

.form-content .red {
    color: #D10000;
}

.form-content .group .text {
    font-size: .14rem;
}

.form-content .group .text a {
    text-decoration: underline;
}

.form-content .group .text p {
    margin-top: .1rem;
}

.form-content .select-wrapper {
    width: 2rem;
    font-family: 'Hiragino-Sans-W4';
    position: relative;
}

.form-content .select-button {
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    border: 1px #C3C3C3 solid;
    padding-left: .1rem;
    width: 100%;
    height: .5rem;
    font-size: .16rem;
    color: #C3C3C3;
    background-color: #FFF;
    text-align: left;
}

.form-content .select-down {
    position: absolute;
    width: .12rem;
    height: .12rem;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
    right: .2rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top: .15rem;
}

.form-content .select-list {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: .16rem;
    line-height: 2;
    display: none;
    background-color: #FFF;
}

.form-content .select-list li {
    padding-left: .1rem;
    cursor: pointer;
}

.form-content .select-list li:hover {
    background-color: #50C1FF;
    color: #FFF;
}

.form-content .date {
    width: 2.9rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    border: 1px #C3C3C3 solid;
    height: .5rem;
    padding-right: .6rem;
}

.form-content .date::after {
    content: '';
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: .26rem;
    height: .26rem;
    background: url(../images/date.svg)no-repeat center;
    background-size: 100%;
}

.form-content .date input {
    width: 100%;
    height: 100%;
    padding-left: .2rem;
    font-family: 'Hiragino-Sans-W4';
    font-size: .2rem;
    color: #C3C3C3;
}

.form-content .countries {
    height: .5rem;
    width: 3.55rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    border: 1px #C3C3C3 solid;
    padding-left: .2rem;
}

.form-content .line {
    height: 1px;
    width: 100%;
    border-top: 1px #707070 dashed;
    margin-top: .7rem;
    margin-bottom: .3rem;
}

.form-content .text {
    font-size: .16rem;
    font-family: 'Hiragino-Sans-W4';
}

.form-content .email {
    margin-top: .3rem;
}

.form-content .code {
    width: 2.9rem;
    height: .5rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    border: 1px #C3C3C3 solid;
    padding-left: .2rem;
    font-size: .2rem;
    color: #C3C3C3;
}

.form-content .upload-con {
    margin-top: .4rem;
}

.form-content .upload-con .con {
    margin-bottom: .2rem;
}

.form-content .upload-con .tit {
    text-align: right;
    font-size: .2rem;
    margin-right: .6rem;
    width: 2.5rem;
}

.form-content .upload-con .tit span {
    color: #4FC1FF;
    margin-left: .1rem;
    margin-right: .1rem;
}

.form-content .upload-con .up {
    width: .94rem;
    margin-right: .3rem;
}

.form-content .upload-con .up img {
    width: 100%;
}

.form-content .upload-con .pic-con {
    font-size: .16rem;
}

.form-content .upload-con .pic-con .pic {
    width: 1.2rem;
}

.form-content .upload-con .pic-con .pic img {
    max-width: 100%;
}

.form-content .submit {
    margin-top: .4rem;
}

.form-content .submit input {
    width: 5.1rem;
    height: .65rem;
    background-color: #50C1FF;
    color: #FFF;
    font-size: .32rem;
    font-family: 'Hiragino-Sans-W6';
    border-radius: .35rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    -ms-border-radius: .35rem;
    -o-border-radius: .35rem;
}

@media (max-width:1199px) {
    .wifi-content .content {
        padding-right: .2rem;
        padding-left: 1.9rem;
    }
    .wifi-content .img1,
    .wifi-content .img2 {
        display: none;
    }
    .form-content .content {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}

@media (max-width:767px) {
    .faq-content li .tit {
        height: auto;
        padding: .2rem .7rem .2rem .1rem;
        font-size: 14px;
    }
    .faq-content li .icon {
        width: .9rem;
        margin-right: .2rem;
    }
    .faq-content li .arrow {
        right: .1rem;
    }
    .faq-content li .faq-des {
        font-size: 14px;
        padding-left: .1rem;
    }
    .faq-content li .num {
        font-size: 14px;
    }
    .wifi-content .content {
        padding-left: .2rem;
    }
    .wifi-content .con .vs {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .wifi-content .con {
        padding: 0;
        border-radius: .1rem;
        -webkit-border-radius: .1rem;
        -moz-border-radius: .1rem;
        -ms-border-radius: .1rem;
        -o-border-radius: .1rem;
        overflow: hidden;
        background-color: #FFF;
    }
    .wifi-content .con .item {
        width: 50%;
    }
    .wifi-content .con .tit {
        background-color: #50C1FF;
        color: #FFF;
        line-height: .6rem;
        font-size: 18px;
    }
    .wifi-content .con .item:nth-child(1) .tit,
    .wifi-content .con .item:nth-child(3) .tit {
        order: 1;
        margin-top: 0;
    }
    .wifi-content .con .item:nth-child(1) .icon,
    .wifi-content .con .item:nth-child(3) .icon {
        order: 2;
        margin-top: .3rem;
        margin-bottom: .6rem;
    }
    .wifi-content .con .vs {
        background-color: #7B7B7B;
        color: #FFE800;
        font-size: 20px;
        width: .7rem;
        height: .7rem;
        z-index: 9;
    }
    .wifi-content .con::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        height: 1px;
        border-top: 2px #707070 dotted;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        z-index: 1;
    }
    .wifi-content .con::before {
        content: '';
        position: absolute;
        left: 50%;
        top: .7rem;
        bottom: .7rem;
        width: 1;
        border-left: 2px #707070 dotted;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        z-index: 1;
    }
    .wifi-content .text-content .item {
        width: 100%;
        min-height: auto;
        margin-top: .3rem;
    }
    .wifi-content .text-content .item label {
        display: block !important;
        font-size: 14px;
        margin-right: .2rem;
    }
    .wifi-content .text-content .item .text-con .text {
        text-align: left;
        font-size: 14px;
    }
    .wifi-content .text-content .item .tit,
    .wifi-content .text-content .item.first .tit {
        font-size: 18px;
        height: .7rem;
    }
    .wifi-content .text-content .item.first .tit {
        margin-top: 0;
    }
    .wifi-content .text-content .item.first label {
        position: sticky;
    }
    .wifi-content .text-content .item.first label {
        font-size: 14px;
    }
    .wifi-content .text-content .item .star-con label {
        line-height: .6rem;
    }
    .wifi-content .text-content .item .des-con .des {
        font-size: 12px;
    }
    .wifi-content .text-content .title span {
        font-size: 20px;
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .wifi-content .text-content .crad:last-child .text-con {
        height: auto;
    }
    .form-content .content {
        margin-left: 0;
        margin-right: 0;
        padding: .3rem;
    }
    .form-content .group .tit {
        font-size: 16px;
        width: 100%;
        justify-content: flex-start;
    }
    .form-content .input,
    .form-content .input1 {
        height: .7rem;
        font-size: 12px;
    }
    .form-content .group .text,
    .form-content .text {
        font-size: 12px;
    }
    .form-content .p-con .tit {
        width: 1.8rem;
        justify-content: flex-end;
    }
    .form-content .select-wrapper,
    .form-content .countries,
    .form-content .code {
        width: 100%;
    }
    .form-content .select-button,
    .form-content .countries,
    .form-content .code {
        height: .7rem;
        font-size: 16px;
    }
    .form-content .date {
        flex: 1;
        height: .7rem;
    }
    .form-content .select-list,
    .form-content .upload-con .pic-con {
        font-size: 16px;
    }
    .form-content .upload-con .tit {
        width: 100%;
        margin-right: 0;
        text-align: center;
        height: 35px;
        background-color: #CCEDFF;
        line-height: 35px;
        margin-bottom: .2rem;
        font-size: 16px;
    }
    .form-content .upload-con .up-con {
        padding-left: .6rem;
    }
    .form-content .submit input {
        font-size: 18px;
        width: 80%;
    }
    .form-content .upload-con .up {
        width: 1.6rem;
    }
    .form-content .upload-con .pic-con .pic {
        width: 2rem;
    }
}

/*5-31*/

.policy-jp2 {
    overflow: hidden;
    background-color: #FAFAFA;
    padding-bottom: 1rem;
    margin-bottom: -.35rem;
}
.policy-jp .text-con {
    background-color: #FFF;
    border-radius: .4rem 0 .4rem 0;
    -webkit-border-radius: .4rem 0 .4rem 0;
    -moz-border-radius: .4rem 0 .4rem 0;
    -ms-border-radius: .4rem 0 .4rem 0;
    -o-border-radius: .4rem 0 .4rem 0;
    padding: .4rem;
    line-height: 1.8;
    margin-top: 1rem;
}

.policy-jp .item .txt22 {
	font-size: .24rem;
	line-height: 1.8;
	margin-bottom: 20px;
}

.policy-jp .item .txt20 {
	text-indent:-15px;
	margin-left:28px;
	margin-bottom: 20px;

}
.policy-jp .item .txt18 {
	text-indent:-15px;
	margin-left:20px;
	margin-bottom: 20px;

}

.policy-jp2 {
    overflow: hidden;
    padding-bottom: 1rem;
    margin-bottom: -.15rem;
}

.top20{
	line-height: 3em;
	text-align: left;
	padding-left: 2em;
}
.txt18en{
	font-size: .8em;
}
.order-content .table-mb .td2 {
	background-color: #FFF;
	padding: .2rem;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
}
.order-content .table-mb .td3 {
    background-color: #FFF;
    padding: .2rem;
    border: 1px #707070 solid;
}


/*2024-06-01*/


.order-content .table-pc .th2 {
    background-color: #50C1FF;
    overflow: hidden;
    border-radius: .4rem 0 .4rem 0;
    -webkit-border-radius: .4rem 0 .4rem 0;
    -moz-border-radius: .4rem 0 .4rem 0;
    -ms-border-radius: .4rem 0 .4rem 0;
    -o-border-radius: .4rem 0 .4rem 0;
    font-family: 'Hiragino-Sans-W6';
    color: #FFF;
    font-size: .18rem;
    line-height: .7rem;
}

.order-content .table-pc .th2>div:nth-child(2) {
    width: 1.5rem;
}

.order-content .table-pc .th2>div:nth-child(3) {
    width: 1.1rem;
}

.order-content .table-pc .th2>div:nth-child(4) {
    width: 1.5rem;
}

.order-content .table-pc .th2>div:nth-child(5) {
    width: 1.2rem;
}
.order-content .table-pc .th2>div:nth-child(6) {
    width: 1.6rem;
}

.wxer{
    padding-top: .8rem;
    padding-bottom: .8rem;
}


/* 6-2  定义优惠券容器，使用flex布局 */
.coupon-container {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.coupon {
    flex: 0 0 calc(33.33% - 20px);
    border-radius: 10px;
    padding: 20px;
    margin: 0 10px;
    box-sizing: border-box;
    color: #323232;
    text-align: center;
    position: relative;
    border: 1px solid #363E97;
    background: linear-gradient(to right, #ccedff, #50c1ff);
}

/* 定义优惠券上的有效期样式 */
.coupon .expiry-date {
    font-size: 12px;
    color: #323232;
    text-align: center;
}

/* 优惠券标题和其他通用样式 */
.coupon-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.coupon-desc {
    font-size: 14px;
}
.coupon-descY {
    font-size: 24px;
}

@media screen and (max-width: 768px) {
    .coupon-container {
        flex-direction: column;
        padding: 10px;
    }

    .coupon {
        flex: 0 0 100%;
        margin: 10px 0;
    }

    .coupon-title {
        font-size: 16px;
    }

    .coupon-desc {
        font-size: 12px;
    }

    .expiry-date {
        font-size: 10px;
    }
}

.public-title-div .p2{
    font-size: 0.2rem;
}
.public-title-div .btn a{
    font-size: 0.2rem;
    background-color: #52C1FF;
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    border-radius: 5px;
    color: #FFF;
    margin-top: .08rem;
}
.language_xcom dt{ background: #52C1FF; padding-left: 0; }
.xcom_nav.nav li:nth-child(2) {
    margin-right: 2.4rem;
}
.xcom_nav.nav li:nth-child(3) {
    margin-right: 0;
}
.xcom_nav.nav li:nth-child(3)::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: .6rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-right: 2px #8E8E8E dashed;
}

.xcom_nav.nav li:nth-child(4)::before{
    border: none;
}
.xcom_nav.nav li>a {
    padding: 0 0.6rem;
}
.xcom_nav.nav li:last-child a{
    padding-right: 0;
}
.xcom_nav.nav li:last-child::after{
    border: none;
}
.language_xcom{ width: 2rem;}
.language_xcom a {
    width: 100%;
    height: .5rem;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    color: #FFF;
    font-size: .25rem;
    background: #52C1FF;
    display: block;
    text-align: center;
    padding: 0 0.12rem;
    line-height: .5rem;
    cursor: pointer;
}
.language_xcom a .arrow{display: none;}
@media (max-width: 1199px) {
    .language_xcom {
        width: 1.7rem;
    }
}

@media (max-width: 1199px) {
    .language_xcom  a {
        font-size: .18rem;
    }
}

@media (max-width: 767px) {
    .xcom_nav.nav li:nth-child(2) {
        margin-right: 0;
    }
    .xcom_nav.nav li:nth-child(3)::before {
        display: none;
    }
    .language_xcom a {
        height: 1.3rem;
        font-size: 18px;
        line-height: 1.3rem;
        text-align: center;
        padding-left: 0;
        background: none;
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        font-size: 16px;
        height: 0.8rem;
    }
    .language_xcom {
        width: 100%;
        position: relative;
    }
    .language_xcom .arrow {
        position: absolute;
        right: .6rem;
        top: .35rem;
        width: 10px;
        height: 10px;
        border-right: 1px #FFF solid;
        border-top: 1px #FFF solid;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .language_xcom a .arrow{display: block;}
    .xcom_nav.nav li:last-child a{
        padding: 0;
    }

    .news-content .content{
        display: block;
    }
    .news-detail-content{
        margin-right: 0 !important;
        word-wrap: break-word;
    }
    .news-detail-content img{
        max-width: 100%;
        height: auto;
    }
}

.my_password_real{
    font-size: 14px !important;
    padding-right: 0.1rem;
}
.change_password{
    font-size: 13px !important;
    color: #6e6e6e !important;
    text-decoration: underline;
    cursor: pointer;
}