::-webkit-scrollbar{
    width: 0.1rem;
}
::-webkit-scrollbar-track{
    background-color: #fdd7c6;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);
    border-radius:5px;
}
::-webkit-scrollbar-thumb{
    background-color: #e48575;
    border-radius: 5px;
}
::-webkit-scrollbar-button{
    background-color: #fdd7c6;
    display: none;
}
::-webkit-scrollbar-corner{
    background-color: #fdd7c6;
}
@font-face {
    font-family: "HanQiHei";
    src: url("../fonts/汉仪旗黑-60S.otf");
}
@font-face {
    font-family: "HanSongJian";
    src: url("../fonts/汉仪瑞意宋简.ttf");
}
body {
    /* max-width: 1920px;
    margin: 0 auto; */
    /* overflow: hidden; */
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
* img{
    display: block;
    width: 100%;
}
.wrap{
    width: 100%;
    overflow: hidden;
}
.floor1{
    width: 100%;
    height: 9.33rem;
    overflow: hidden;
    background: url(../img/page1_bg.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: relative;
}
.sqBtn{
    width: 2.35rem;
    height: 0.7rem;
    position: absolute;
    top: 0.5rem;
    right: 2.5rem;
}
.sqBtn a{
    display: block;
    width: 100%;
    height: 100%;
}
.f1_sign1{
    width: 100%;
    font-size: 0.16rem;
    color: #3D4F86;
    line-height: 1.5;
    text-align: center;
    margin-top: 2.2rem;
    font-weight: bold;
}
.f1_sign1_1{
    width: 100%;
    font-size: 0.16rem;
    color: #3D4F86;
    line-height: 1.5;
    text-align: center;
    margin-top: 0.2rem;
    font-weight: bold;
}
.f1_box1{
    width: 5.78rem;
    height: 3.46rem;
    margin: 0.1rem auto 0;
    background: url(../img/page1_box.png) no-repeat top center;
    background-size: 100% 100%;
    overflow: hidden;
}
.f1_box1 h1{
    display: block;
    width: 2.24rem;
    height: 0.2rem;
    margin: 0.36rem auto 0.1rem;
}
.f1_b1_sign1{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.19rem;
    color: #854E58;
}
.platform{
    width: 2.5rem;
    overflow: hidden;
    margin: 0.1rem auto;
}
.platform li:nth-child(1){
    float: left;
    height: 0.25rem;
    cursor: pointer;
}
.platform li:nth-child(2){
    float: right;
    height: 0.25rem;
    cursor: pointer;
}
.platform li span{
    float: left;
}
.platform li span:nth-child(1){
    display: block;
    width: 0.26rem;
    height: 0.25rem;
    margin-right: 0.1rem;
    background: url(../img/page1_choicechoice_1.png) no-repeat top  center;
    background-size: 100% 100%;
}
.platform li.f1_active span:nth-child(1){
    background: url(../img/page1_choice.png) no-repeat top  center;
    background-size: 100% 100%;
}
.platform li span:nth-child(2){
    font-size: 0.19rem;
    color: #916BA0;
    line-height: 0.25rem;
}
.email{
    width: 4.69rem;
    height: 0.51rem;
    background: #FFFFFF;
    border: 0.01rem solid #854E58;
    position: relative;
    margin: 0.15rem auto;
}
.email img{
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    margin: 0.09rem;
}
.email input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0.19rem;
    color: #916BA0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    outline: none;
    line-height: 0.5rem;
    text-align: left;
    box-sizing: border-box;
    padding-left: 0.5rem;
}
.f1_b1_sign2{
    visibility: hidden;
    width: 4.68rem;
    height: 0.15rem;
    font-size: 0;
    margin: 0 auto;
    background: url(../img/page1_wz.png) no-repeat top center;
    background-size: 100% 100%;
}
.f1_b1_btn{
    display: block;
    border: 0;
    width: 2.03rem;
    height: 0.62rem;
    margin: 0 auto;
    background: url(../img/page1_btn.png) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    color: #7e5741;
    font-size: 0.2rem;
}
.f1_b1_btn[disabled],.f1_b2_btn[disabled],.email[disabled]{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: rgb(19, 0, 0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.email input[disabled]{
    background: unset !important;
}
.f1_box2{
    width: 5.78rem;
    height:2.88rem;
    margin: -0.2rem auto 0;
    background: url(../img/page1_box1.png) no-repeat top center;
    background-size: 100% 100%;
    overflow: hidden;
}
.f1_box2 h1{
    display: block;
    width: 2.24rem;
    height: 0.2rem;
    margin: 0.36rem auto 0.1rem;
}
.f1_b2_sign1{
    width: 100%;
    font-size: 0.19rem;
    color: #446080;
    line-height: 1.5;
    text-align: center;
}
.f1_b2_btn{
    width: 2.15rem;
    height: 0.72rem;
    margin: 0.1rem auto;
    background: url(../img/page1_btn1.png) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    display: block;
    border: 0;
    font-size: 0.2rem;
    color: #1a7cc9;
}
.f1_b2_sign2{
    width: 5rem;
    font-size: 0.14rem;
    color: #446080;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto;
}
.f1_btns{
    display: block;
    width: 6.4rem;
    margin: 0 auto;
}
.f1_ios,.f1_ad{
    width: 3.2rem;
    height: 1.09rem;
    float: left;
}
.f1_ios a,.f1_ad a{
    display: block;
    width: 100%;
    height: 100%;
}
.floor2{
    width: 100%;
    height: 15.72rem;
    overflow: hidden;
    background: url(../img/page2_bg.jpg) no-repeat top center;
    background-size: 100% 100%;
}
.f2_box1{
    width: 11.25rem;
    overflow: hidden;
    margin: 3.5rem auto 0;
    position: relative;
}
.f2_b1_l{
    width: 4.46rem;
    float: left;
    overflow: hidden;
}
.f2_b1_l img{
    width: 2.8rem;
    height: 1.58rem;
    margin: 0 auto;
}
.f2_b1_l p{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.2rem;
    color: #F39082;
    margin-top: 0.2rem;
}
.f2_b1_r{
    width: calc(100% - 4.46rem);
    overflow: hidden;
    padding: 0.2rem 0.3rem;
    box-sizing: border-box;
    border-left: 0.01rem solid #ffb3a8;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.f2_b1_r h1{
    display: block;
    width: 1.92rem;
    height: 0.24rem;
    background: url(../img/page2_title.png) no-repeat top center;
    background-size: 100% 100%;
    font-size: 0;
}
.f2_b1_r p{
    font-size: 0.18rem;
    color: #854E58;
    line-height: 1.8;
    margin-top: 0.24rem;
}
.f2_box2{
    width:11rem;
    overflow: hidden;
    margin: 1.8rem auto 0;
}
.f2_box2 h1{
    display: block;
    width: 1.42rem;
    height: 0.24rem;
    background: url(../img/page2_title1.png) no-repeat top center;
    background-size: 100% 100%;
    font-size: 0;
    margin: 0 auto 0.5rem;
}
.f2_b2_text{
    width: 100%;
    height: 5.1rem;
    overflow: auto;
}
.f2_b2_text p{
    font-size: 0.18rem;
    color: #854e58;
    line-height: 1.8;
}
.floor3{
    width: 100%;
    height: 14.17rem;
    overflow: hidden;
    background: url(../img/page3_bg.jpg) no-repeat top center;
    background-size: 100% 100%;
}
.f3_line{
    width: 11.96rem;
    height: 0.23rem;
    margin: 2.55rem auto 0;
}
.f3_lists{
    width: 12.14rem;
    height: 8.2rem;
    margin: 0.3rem auto 0;
    overflow: auto;
}
.f3_lists li{
    display: block;
    width: 100%;
    overflow: hidden;
    background: url(../img/page3_line1.png) no-repeat bottom center;
    background-size: 11.94rem 0.04rem;
    padding: 0.42rem;
    box-sizing: border-box;
}
.f3_list_l{
    width: 100%;
    overflow: hidden;
}
.f3_list_l img{
    display: inline-block;
    width: 0.39rem;
    height: 0.54rem;
    margin-right: 0.1rem;
}
.f3_list_l p{
    display: inline-block; 
    box-sizing: border-box;
    padding: 0.02rem;
    border-radius: 0.16rem;
    background-image: -webkit-linear-gradient(90deg, #cbda6e, #b7b05b);
    max-width: 90%;
}
.f3_list_l p span{
    display: block;
    color: #CAC15A;
    font-size: 0.22rem;
    width: 100%;
    height: 100%;
    border-radius: 0.15rem;
    padding: 0.21rem 0.32rem;
    box-sizing: border-box;
    background: #fff;
}
.f3_list_r{
    width: 100%;
    overflow: hidden;
    text-align: right;
}
.f3_list_r img{
    display: inline-block;
    width: 0.4rem;
    height: 0.54rem;
    margin-right: 0.1rem;
}
.f3_list_r p{
    max-width: 92%;
    display: inline-block; 
    box-sizing: border-box;
    padding: 0.02rem;
    border-radius: 0.16rem;
    background-image: -webkit-linear-gradient(90deg, #ab5d50, #f58474);
}
.f3_list_r p span{
    display: block;
    color: #f58474;
    font-size: 0.22rem;
    width: 100%;
    height: 100%;
    border-radius: 0.15rem;
    padding: 0.21rem 0.2rem;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    line-height: 1.8;
    /* margin: 0.01rem 0.01rem 0 0; */
}

.footer {
    width: 100%;
    height: 5.22rem;
    background: #000 url("../img/footer.jpg");
    background-size: 100%;
    background-position: center;
    position: relative;
    left: 0px;
    overflow: hidden;
}
.footer-top {
    color: #fff;
    font-family: "HanQiHei";
    margin-top: 0.44rem;
    text-align: center;
}
.footer-top .p1 {
    font-size: 0.5rem;
    font-family: SansSerifBookFLF;
}
.footer-top .p2 {
    font-size: 0.35rem;
}
.footer_center {
    margin: 0.4rem 0 0.2rem;
    height: 1.04rem;
    display: inline-block;
}
.footer_center li {
    float: left;
    width: 1.3rem;
    height: 1.04rem;
    margin-right: 0.3rem;
}
.footer_center li a {
    display: block;
    width: 100%;
    height: 100%;
}
.footer_center li:nth-child(1) {
    background: url("../img/Twitter.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(1):hover {
    cursor: pointer;
    background: url("../img/Twitter1.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(2) {
    background: url("../img/Ins.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(2):hover {
    cursor: pointer;
    background: url("../img/Ins1.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(3) {
    background: url("../img/footer_dy.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(3):hover {
    cursor: pointer;
    background: url("../img/footer_dy1.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(4) {
    background: url("../img/Youtube.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(4):hover {
    cursor: pointer;
    background: url("../img/Youtube1.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(5) {
    background: url("../img/Email.png");
    background-size: 100%;
    background-position: center top;
}
.footer_center li:nth-child(5):hover {
    cursor: pointer;
    background: url("../img/Email1.png");
    background-size: 100%;
    background-position: center top;
}
.footer-content {
    font-size: 0.18rem;
    color: #d9d9d9;
    font-family: "HanQiHei";
    margin: 0.8rem auto;
    text-align: center;
}
.logo-img {
    width: 2rem;
    height: 0.56rem;
    display: inline-block;
    margin-right: 0.8rem;
}
.logo-img img {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.logo-topImg {
    width: 2.44rem;
    height: 0.51rem;
    margin: 0 auto 0.1rem;
}
.logo-topImg img {
    width: 100%;
    height: 100%;
}
.footer-seprator {
    display: inline-block;
    width: 0;
    height: 0.33rem;
    border-left: 1px solid #d9d9d9;
    margin-right: 0.8rem;
    margin-top: 0.17rem;
}
.text-info {
    display: inline-block;
    margin-top: 0.1rem;
    font-size: 0.16rem;
    line-height: 0.28rem;
}
.text-info .footer_tittle {
    /* margin-left: -0.07rem; */
    height: 0.16rem;
}
.text-info .footer_tittle li {
    float: left;
    width: 1.13rem;
    height: 0.16rem;
    border-left: 1px solid #7a7c86;
    cursor: pointer;
}
.text-info .footer_tittle li:nth-child(1) {
    width: 1.13rem;
    border: 0;
    background: url("../img/footer_tittle9.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(1):hover {
    background: url("../img/footer_tittle9_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(2) {
    width: 1.5rem;
    background: url("../img/footer_tittle4.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(2):hover {
    background: url("../img/footer_tittle4_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(3) {
    width: 1.13rem;
    background: url("../img/footer_tittle7.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(3):hover {
    background: url("../img/footer_tittle7_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(4) {
    width: 1.3rem;
    background: url("../img/footer_tittle1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(4):hover {
    background: url("../img/footer_tittle1_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(5) {
    width: 1.3rem;
    background: url("../img/footer_tittle8.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(5):hover {
    background: url("../img/footer_tittle8_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(6) {
    width: 1.2rem;
    background: url("../img/footer_tittle6.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(6):hover {
    background: url("../img/footer_tittle6_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(7) {
    width: 1.3rem;
    background: url("../img/footer_tittle3.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(7):hover {
    background: url("../img/footer_tittle3_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(8) {
    width: 1.13rem;
    background: url("../img/footer_tittle2.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(8):hover {
    background: url("../img/footer_tittle2_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(9) {
    width: 1.2rem;
    background: url("../img/footer_tittle5.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.text-info .footer_tittle li:nth-child(9):hover {
    background: url("../img/footer_tittle5_1.png") no-repeat;
    background-size: 1.13rem 100%;
    background-position: center top;
}
.footer .text-info .footer-text-seprator {
    margin: 0 0.1rem;
}
.tc1_box{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
}
.tc1_main{
    width: 10.26rem;
    height: 6.87rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/pop_box.png) no-repeat top center;
    background-size: 100% 100%;
    overflow: hidden;
}
.tc1_close{
    width: 0.97rem;
    height: 1rem;
    float: right;
    margin: 0.4rem 0.4rem 0 0;
    font-size: 0;
    cursor: pointer;
}
.tc1_text{
    width: 100%;
    padding: 0 0.4rem;
    margin-top: 2.8rem;
    text-align: center;
    color: #854E58;
    font-size: 0.3rem;
    box-sizing: border-box;
}
.tc1_main>img{
    display: block;
    width: 9.04rem;
    height: 0.3rem;
    margin: 0.3rem auto 0.2rem;
}
.tc1_tip{
    display: block;
    width: 100%;
    font-size: 0.13rem;
    color: #A2A2A2;
    text-align: center;
}

.tc2_box{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
}
.tc2_main{
    width: 10.26rem;
    height: 6.87rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/pop_box1.png) no-repeat top center;
    background-size: 100% 100%;
    overflow: hidden;
}
.tc2_close{
    width: 0.97rem;
    height: 1rem;
    float: right;
    margin: 0.4rem 0.4rem 0 0;
    font-size: 0;
    cursor: pointer;
}
.tc2_text{
    width: 100%;
    padding: 0 0.4rem;
    margin-top: 2.8rem;
    text-align: center;
    color: #446080;
    font-size: 0.3rem;
    box-sizing: border-box;
}
.tc2_main>img{
    display: block;
    width: 9.04rem;
    height: 0.3rem;
    margin: 0.3rem auto 0.2rem;
}
.tc2_tip{
    display: block;
    width: 100%;
    font-size: 0.13rem;
    color: #A2A2A2;
    text-align: center;
}

.tc3_box{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}
.tc3_main{
    width: 6.99rem;
    height: 6.36rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/pop/pc/pop_bg.png) no-repeat top center;
    background-size: 100% 100%;
    overflow: hidden;
}
.tc3_close{
    width: 0.3rem;
    height: 0.31rem;
    float: right;
    margin: 0.4rem 0.6rem 0 0;
    font-size: 0;
    cursor: pointer;
}
.tc3_info{
    width: 5.38rem;
    margin: 0.8rem 0 0 0.68rem;
    overflow: hidden;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.tc3_info h1{
    display: block;
    width: 2.24rem;
    height: 0.2rem;
    margin: 0.2rem auto 0.2rem;
}
.tc3_tip1{
    display: block;
    width: 100%;
    padding: 0 0.2rem;
    text-align: center;
    font-size: 0.16rem;
    color: #446080;
    box-sizing: border-box;
}
.tc3_platform{
    width: 2.5rem;
    overflow: hidden;
    margin: 0.2rem auto;
}
.tc3_platform li:nth-child(1){
    float: left;
    height: 0.25rem;
    cursor: pointer;
}
.tc3_platform li:nth-child(2){
    float: right;
    height: 0.25rem;
    cursor: pointer;
}
.tc3_platform li span{
    float: left;
}
.tc3_platform li span:nth-child(1){
    display: block;
    width: 0.24rem;
    height: 0.25rem;
    margin-right: 0.1rem;
    background: url(../img/pop/pc/icon_2.png) no-repeat top  center;
    background-size: 100% 100%;
}
.tc3_platform li.f3_active span:nth-child(1){
    background: url(../img/pop/pc/icon_1.png) no-repeat top  center;
    background-size: 100% 100%;
}
.tc3_platform li span:nth-child(2){
    font-size: 0.19rem;
    color: #446080;
    line-height: 0.25rem;
}
.tc3_href,.tc3_email{
    width: 4.69rem;
    height: 0.51rem;
    background: #FFFFFF;
    border: 0.01rem solid #446080;
    position: relative;
    margin: 0.15rem auto;
}
.tc3_email img{
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    margin: 0.09rem;
}
.tc3_href input,.tc3_email input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0.19rem;
    color: #446080;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    outline: none;
    line-height: 0.5rem;
    text-align: left;
}
.tc3_href input{
    padding-left: 0.09rem;
}
.tc3_email input{
    padding-left: 0.5rem;
    box-sizing: border-box;
}
.tc3_tip2{
    visibility: hidden;
    width: 100%;
    padding: 0 0.1rem;
    box-sizing: border-box;
    font-size: 0.12rem;
    color: #A2A2A2;
    text-align: center;
}
.tc3_tip3{
    text-decoration: underline;
    display: block;
    width: 100%;
    padding: 0 0.1rem;
    box-sizing: border-box;
    font-size: 0.12rem;
    color: #446080;
    text-align: center;
    margin-top: 0.1rem;
    cursor: pointer;
}
.tc3_btn{
    width: 2.15rem;
    height: 0.72rem;
    margin: 0.1rem auto 0;
    background: url(../img/pop/pc/pop_btn.png) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
}