*{
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 1080px) {
    html {
        font-size: 108px !important;
    }
}

html, body{
    min-width: 320px;
    max-width: 1080px;
    margin: 0 auto;
}

.top_img{
    margin-bottom: 20px;
    margin-top: -20px;
}

.top_img img{
    width: 100%;
}
.container {
    height: 100vh;
    position: relative;
    padding: 0.9074rem 0.259rem
}

.page-title1 {
    text-align: center;
    margin-bottom: 0.778rem;
}


.page-title1>p{
    border-radius: 0.5em;
    border-color: rgb(229, 240, 247);
    border-style: solid;
    border-width: 2px;
    padding: 0.2778rem;
    display: inline-block;
    background-color: rgb(229, 240, 247);
    font-size: 0.4167rem;
    font-weight: 700;
    color: #465772;
    white-space: nowrap;
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.3rem;
}

.page-title1>p::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 0.6018rem solid;
    border-color: rgb(229, 240, 247) transparent transparent transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.page-title-sub{
    border-top: 0.1203rem solid #2061cd;
    height: 1.4352rem;
    line-height: 1.4352rem;;
    background-image: url(../images/bg.gif);
    font-size: 0.463rem;
    font-weight: bold;
    color: #465772
}

.page-fwtitle-sub{
    border-top: 0.1203rem solid #2061cd;
    height: 80px;
    line-height: 40px;
    background-image: url(../images/bg.gif);
    font-size: 0.463rem;
    font-weight: bold;
    color: #465772
}

.page-section-title{
    padding: 0 0.463rem;
    background: linear-gradient(to bottom, #d0eafd, #fff);
    margin-bottom: 0.740rem;
}

.section-number{
    color: #fff;
    background: linear-gradient(to right, #36cdad, #0f95f2);
    padding: 0.11rem 0.2222rem;
   
}

.page-section-titlewrap{
    margin-top: 0.296rem;
}

.page-section-titleitem{
    display: inline-block;
    font-weight: bold;
    background: -webkit-linear-gradient(to right, #36cdad, #0f95f2);
    background: linear-gradient(to right, #36cdad, #0f95f2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.page-section{
    margin-bottom: .8rem;
}

.page-section-h{
    color: #30bdba;
    font-weight: bold;
    font-size: 0.35rem;
    position: relative;
    padding-left: 0.6rem;
    margin-bottom: 0.324rem;
}

.page-section-h::before,.page-section-h::after{
    content: '';
    display: block;
    width: 0.12rem;
    height: .35rem;
    background-color: #30bdba;
    transform: skewX(-20deg);
    position: absolute;
    top: .08rem
}

.page-section-h::before {
    left: .1rem;
}

.page-section-h::after{
    left: .3rem;
}

.page-section-b{
    font-size: 14px;
    padding: 0.296rem 0.296rem 0.296rem 0.5rem;
    border-left: 0.1667rem solid #e6f7f7;
    margin-bottom: .5rem;
    margin-left: .1rem;
    line-height: 28px;
}

.page-title2{
    position: relative;
    padding: 0.4rem 0;
    margin-bottom: 0.3333rem;
}

.page-title2 p {
    background: linear-gradient(to right, #36cdad, #0f95f2);
    color: #fff;
    font-size: .5rem;
    line-height: 1.2778rem;
    padding: 0 .5rem;
    margin-right: 0.5555rem;
    position: relative;
    z-index: 3;    
}

.page-title2::before{
    content: '';
    display: block;
    margin-left: .315rem;
    width: calc(100% - 0.615rem);
    height: 1.852rem;
    background-color: #fff;
    border:0.0185rem solid #deb87f;
    position: absolute ;
    top: 0;
    z-index: 2;    
}

.page-title2::after{
    content: '';
    display: block;
    margin-left: 0.5rem;
    width: calc(100% - 0.5rem);
    height: 1.852rem;
    background-color: #fffaf1;
    position: absolute ;
    top: 0.3rem;
    z-index: 1;    
}


.page-section-qa{
    background-color: #f1f5fd;
    padding: 0.63rem;
    margin-bottom: 0.296rem;
}

.page-section-q, .page-section-a{
    position: relative;
    padding-left: 1rem;
}

.page-section-q{
    margin-bottom: .44444rem;
}

.page-section-q>span, .page-section-a>span{
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 0.694rem;
    border-radius: .694rem;
    color: #fff;
    font-size: 0.3889rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.page-section-q>span{
    background-color: #749fee;
}

.page-section-q p, .page-section-a p{
    font-size: 14px;
    color: #6191ec;
    font-weight: bold;
    line-height: 28px;
}

.page-section-a p{
    color: #292827;
    font-weight: normal;
}

.page-section-a img{
    max-width: 100%;
}

.page-section-a>span{
    background-color: #ffc32e;
}

.page-section-a .green{
    color: #30bdba;
    font-weight: bold;
}

.page-section-a .red{
    color: #cf3325;
    font-weight: bold;
}

.page-qrcode{
    position: relative;
    padding-bottom: 10px;
}

.page-qrcode img{
    max-width: 100%;
}

.strong_col{
    color: #30bdba;
}

.strong_ind{
    text-indent: 28px;
}

.attention{
    color: rgb(255, 118, 118);
    font-size: 12px;
}


.page-fwsection-b{
    font-size: 14px;
    padding: 0.296rem 0.296rem 0.296rem 0.5rem;
    border-left: 0.1667rem solid #e6f7f7;
    margin-bottom: .5rem;
    margin-left: .1rem;
    line-height: 28px;
}

.page-fwsection-b {
	margin-top: 15px;
}
.page-fwsection-b table {
	width: 100%;
}
.page-fwsection-b table tr td {
	padding: 5px 3px;
	line-height: 24px;
	color: #616161;
	font-size: 14px;
}
.page-fwsection-b table tr td.c_web {
	color: var(--web-color);
}
.page-fwsection-call {
	color: var(--white);
	width: 80px;
	text-align: center;
}

.inline {
  display: inline-block;
}

.ml10{
    margin-left: 20px;
    justify-content: center;
}

.f_w{
    font-weight: bold;
    width: 80px;
    text-align: right;
}

.contact_img{
    width: 18px;
    top: 4px;
    right: 5px;
    position: relative;
}

.plan-section-titleitem{
    display: inline-block;
    font-weight: bold;
    background: -webkit-linear-gradient(to right, #36cdad, #0f95f2);
    background: linear-gradient(to right, #36cdad, #0f95f2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin-top: 15px;
}

.plan-section-titlewrap{
    margin-top: 0.296rem;
    font-size: 18px;
}

.text-ml20{
    margin-left: 28px;
}

.download-con{
    font-size: 14px;
    margin-bottom: 25px;
}

.selectlcon{
    height: 100%;
    position: relative;
    padding: 0.9074rem 0.259rem
}
.selectlogin{
    width: 100%;
}
.selectimg{
    width: 100%;
    text-align: center;
}
.selecttip{
    font-size: 14px;
    text-align: center;
    color: #ce1a1a;
    margin-top: 50px;
}
.td_wd{
    width: 20%;
    font-weight: bold;
}
.td_con{
    width: 60%;
}