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

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

a {
    text-decoration: none;
    color: #000000;
}

/* @font-face {
    font-family: 'SourceHanSansSC-Bold';
    src: url('/fonts/STYuanti-SC-Bold.ttf');
} */

.toptitle {
    padding-top: 42rem;
    margin-left: 120rem;
    display: flex;
    /* background: url('/img/index_img_decoration2@2x.png') no-repeat; */
    background-size: cover;
    background-position: top left;
}

.kaobalogo {
    width: 142rem;
    height: 34rem
}

.titlefont {
    display: flex;
    width: 250rem;
    justify-content: space-between;
    margin-left: 80rem
}

.fontcom {
    cursor: pointer;

    text-decoration: none;
    font-size: 16rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;

    font-weight: bold;
    color: #3E3F44;
    line-height: 24rem;
}

.fontcom2 {
    cursor: pointer;

    z-index: 999;
    font-size: 16rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #BFC5D2;
    line-height: 24rem;
}

.topright {
    z-index: 999;
    cursor: pointer;
    width: 126rem;
    height: 44rem;
    border-radius: 8rem;
    border: 2rem dotted #66BE00;
    display: flex;
    margin-top: -6rem;
    margin-left: 46%;
}

.business {
    width: 16rem;
    height: 16rem;
    vertical-align: middle;
    margin-top: 14rem;
    margin-left: 18rem;
}

.businessfont {
    font-size: 14rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #66BE00;
    ;
    line-height: 20rem;
    margin-top: 11rem;
    margin-left: 10rem;
}

.contain {
    /* width: 89%;
    margin-left: 120rem;
    display: flex;
    margin-top: 50rem; */
    position: absolute;
    width: 89%;
    margin-left: 120rem;
    display: flex;
    /* height: 652rem; */
    margin-top: 50rem;
    top: 50rem;
}

.left {
    /* width: 67%; */
    /* z-index: 999; */
    /* background: red; */
}

.font1 {
    white-space: nowrap;
    font-size: 52rem;
    font-family: SourceHanSansSC-ExtraLight, SourceHanSansSC, sans-serif;
    font-weight: 100;
    color: #3E3F44;
    line-height: 75rem;
    margin-top: 137rem;
}

.font2 {
    white-space: nowrap;
    width: 619rem;
    font-size: 32rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #3E3F44;
    line-height: 46rem;
    margin-top: 25rem;
    padding-bottom: 30rem;
    border-bottom: 2rem solid #E9E9E9;
}

.dowload {
    display: flex;
    margin-top: 45rem;
}

.index_img_heatproduct {
    width: 229rem;
    height: 88rem;
    /* width: 150rem;
    margin-top: -40rem; */
}

.qrcore {
    z-index: 999;
    cursor: pointer;
    width: 158rem;
    height: 54rem;
    background: linear-gradient(180deg, #515152 0%, #191A1D 100%);
    border-radius: 27rem;
    display: flex;
    margin-left: 101rem;
    margin-top: 13rem;

}

.qrcoreimg {
    margin-left: 22rem;
    width: 24rem;
    height: 24rem;
    margin-top: 15rem;
}

.qrcorefont1 {
    font-size: 20rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 52rem;
    margin-left: 10rem;
}

.swiperr {
    z-index: 3;
    display: flex;
    margin-top: 600rem;
    overflow: hidden;
}

.checkimg {
    width: 380rem;
    height: 262rem;
    overflow: hidden;
    margin-left: 100rem;
}

.check {
    margin-left: 32rem
}

.checkcon {
    display: flex;
    margin-top: 27rem;

}

.checkconimg {
    width: 32rem
}

.checkconfont {
    font-size: 16rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #3E3F44;
    line-height: 30rem;
    margin-left: 9rem;

}

/* .right {
    width: 60%;
    position: relative;
} */

.phone {
    z-index: 2;
    position: absolute;
    width: 534rem;
    height: 772rem;
    top: 301rem;
    left: -0rem;
    /* margin-top: 52rem;
    margin-left: 100rem;
    transition: 0.8s all ease; */
}

.swiper3 {
    width: 534rem !important;
    height: 772rem !important;
}

/* .phone:after {
    -webkit-transform-origin: 100% 0%;
    -webkit-transform: rotateY(-90deg);
    -moz-transform-origin: 100% 0%;
    -moz-transform: rotateY(-90deg);
    -ms-transform-origin: 100% 0%;
    -ms-transform: rotateY(-90deg);
    transform-origin: 100% 0%;
    transform: rotateY(-90deg);
} */

/* .phone:hover {
    -webkit-transform: rotateY(5deg);
    -moz-transform: rotateY(5deg);
    -ms-transform: rotateY(5deg);
    transform: rotateY(5deg);
    transform: translate(-10rem, -10rem);

    -webkit-transform: translate(-10rem, -10rem);

    -moz-transform: translate(-10rem, -10rem);

    -o-transform: translate(-10rem, -10rem);

    -ms-transform: translate(-10rem, -10rem);



} */

.decoration2 {
    position: absolute;
    width: 209rem;
    top: 0;
    left: 0;
}

.decoration {
    position: absolute;
    width: 682rem;
    right: 0;
    bottom: 0;
}

.dialog1 {
    border-radius: 4rem;
    display: none;
    width: 540rem;
    height: 360rem;
    background-color: #fff;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 33%;
    left: 35%;
    z-index: 1000;
}

.ic_close {
    width: 36rem;
    position: fixed;
    top: 0;
    right: 0;
}

.twoimg {
    padding: 0rem 28rem;
    display: flex;
    margin-top: 81rem;
    justify-content: space-around;
}

.img_logo2 {
    width: 193rem;
    height: 174rem;
}

.img_logo4 {
    width: 274rem;
    height: 74rem;
}

.img_qrcore2 {
    width: 170rem;
    height: 170rem;
}

.scancode {
    font-size: 12rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC;
    font-weight: 300;
    color: #191A1D;
    line-height: 17rem;
    margin-top: 29rem;
    margin-left: 3rem;
}

.Clickdownload {
    width: 157rem;
    height: 42rem;
    background: linear-gradient(180deg, #515152 0%, #191A1D 100%);
    border-radius: 27rem;
    font-size: 18rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 42rem;
    text-align: center;
    margin: auto;
    margin-top: 16rem;
}

.download_bg {
    width: 352rem;
    height: 428rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.bothsides {
    margin: 48rem 60rem 0 56rem;
    display: flex;
}

.bothleft {
    width: 274rem;
    text-align: center;

}

.bothright {
    width: 352rem;
    overflow: hidden;

}

.preview_def_physice1 {
    width: 230rem;
    height: 418rem;
}

.botshow {
    z-index: 999;
    position: absolute;
    bottom: 0;
    right: 0rem;
    width: 361rem;
    height: 80rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 44%, #FFFFFF 100%);
}

.qrcorefont {
    text-align: center;
    font-size: 12rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #191A1D;
    line-height: 17rem;
}

.ic_appstore {
    width: 20rem;
}

.appstore {
    display: flex;
    justify-content: space-around;
    margin-top: 30rem;
    width: 60%;
    margin-left: 20%;
}

.app {
    display: flex;
}

.appstorefont {
    font-size: 14rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #191A1D;
    line-height: 20rem;
    margin-left: 5rem;
}

.loginbg {
    z-index: 1000;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0rem;
    left: 0rem;
    background: #000000;
    opacity: 50%;
}

.dialog2 {
    animation: fadeInUp 0.2s;
    display: none;
    background-color: #fff;
    z-index: 10000;
    width: 377rem;
    height: 163rem;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 42%;
    left: 39%;
}

.img_logo1 {
    width: 118rem;
    height: 18rem;
    margin-top: 42rem;
}

.img_qrcore22 {
    width: 130rem;
    height: 130rem;
    margin-left: 33rem;
}

.shangwu {
    font-size: 16rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #191A1D;
    line-height: 24rem;
    margin-top: 28rem;
}

.email {
    margin-left: 22rem;
    font-size: 16rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #191A1D;
    line-height: 24rem;
}

.wheattwo {
    display: flex;
    margin-top: 30rem;
}

.theachchen {
    font-size: 16rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #191A1D;
    line-height: 24rem;
    margin-top: 10rem;
}

.qiye {
    font-size: 16rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #191A1D;
    line-height: 24rem;
}

/* 第二页*/
.con2_mid {
    justify-content: space-around;
    margin-top: 40rem;
    width: 80%;
    margin-left: 10%;
    display: flex;
}

.bingtu {
    width: 144rem;
    height: 144rem;
    margin-bottom: 5rem;
}

.boldshuzi {
    font-size: 42rem;
    font-family: DIN Alternates, sans-serif;
    font-weight: bold;
    color: #191A1D;
    line-height: 48rem;
}

.grayfont {
    text-align: left;
    font-size: 18rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #3E3F44;
    line-height: 17rem;
    margin-top: 5rem;
    margin-left: 5rem;
    margin-right: 10rem;
}

.box {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin-left: 10%;
    margin-top: 40rem;
}

.box_left {
    position: relative;
    width: 172rem;
    height: 288rem;
    overflow: hidden;
}

.box_center {
    width: 368rem;
    height: 288rem;
    position: relative;
    overflow: hidden;
}

.physicallogo {
    width: 60rem;
    height: 60rem;

}

.physicalfont {
    margin-top: 14rem;
    font-size: 18rem;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC, sans-serif;
    font-weight: 550;
    color: #191A1D;
    line-height: 26rem;
    letter-spacing: 3rem;
}

.physicaldel {
    margin-top: 7rem;
    font-size: 12rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #3E3F44;
    line-height: 17rem;
    text-align: left;
}

.arrow {
    vertical-align: middle;
    /* margin-top: 20rem; */
    width: 34rem;
    height: 34rem;
    /* background: #F0F4FF; */
    border-radius: 20rem;
    /* border: 1rem solid #416FFF; */
    margin-left: 50rem;
    bottom: 18rem;
    position: absolute;
    /* color: #416FFF; */
}

/* .arrow1 {
   
    vertical-align: middle;
    margin-top: 20rem;
    width: 34rem;
    height: 34rem;
    background: #F0F4FF;
    border-radius: 20rem;
    border: 1rem solid #416FFF;
    margin-left: 50rem;
} */

.opaback {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.08;
    background: #416FFF;
    /* border-radius: 12rem 0rem 0rem 0rem; */
}

.waicheng {
    margin: 36rem 22rem 1rem;
    text-align: center;
}

.centfont {
    display: flex;
    font-size: 16rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #3E3F44;
    line-height: 24rem;
}

.dian {
    width: 3rem;
    height: 3rem;
    background: black;
    border-radius: 50%;
    vertical-align: middle;
    margin: 10rem 5rem;
}

.immtry {
    position: absolute;
    bottom: 18rem;
    left: 24rem;
    margin-top: 40rem;
    text-align: center;
    width: 104rem;
    height: 40rem;
    background: #F6FBF1;
    border-radius: 20rem;
    border: 1rem solid #8BC34A;
    font-size: 16rem;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC, sans-serif;
    font-weight: 500;
    color: #8BC34A;
    line-height: 40rem;
}

.box_center:hover .immtry1 {
    background: #8BC34A;
    box-shadow: 0px 4px 8px 0px rgba(139, 195, 74, 0.2000);
    color: #fff;
}

.immtry2 {
    background: #FEEFF2;
    border: 1rem #EB3453 solid;
    color: #EB3453
}

.box_center:hover .immtry2 {
    background: #EB3453;
    box-shadow: 0px 4px 8px 0px rgba(235, 52, 83, 0.2000);
    color: #fff;
}

.wancheng {
    margin: 10rem 20rem;
}

.wenyi {
    font-size: 24rem;
    /* font-family: HelloFont-WenYiHei, sans-serif; */
    font-weight: 550;
    color: #191A1D;
    line-height: 60rem;
    margin-left: 12rem;
}

.kabaoimg {
    display: flex;
    margin-top: 36rem;
}

.kaoba-logo {
    z-index: 11;
    width: 60rem;
    height: 60rem;
}

.centerback {
    z-index: -1;
    position: absolute;
    width: 167rem;
    height: 187rem;
    bottom: 0;
    right: 0;
}

.centerback1 {
    z-index: -1;
    position: absolute;
    width: 220rem;
    height: 252rem;
    bottom: 0;
    right: 0;
}

.arrow-right {
    height: 5rem;
    width: 5rem;
    display: inline-block;
    position: relative;
}

.arrow-right::after {
    content: "";
    height: 5rem;
    width: 5rem;
    top: 3rem;
    border-width: 2rem 2rem 0 0;
    border-color: #416FFF;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
}

.cssarrow {
    position: relative;
    width: 34rem;
    height: 34rem;
    background: #F0F4FF;
    border-radius: 20rem;
    border: 1rem solid #416FFF;
    /* margin-left: 50rem; */
}

.arrow_line {
    width: 9rem;
    border-top: 2rem solid #416FFF;
    margin-left: -1rem;
    margin-top: 5.5rem;
}

.arraw1:hover {
    background: #286FEB;
    color: #fff;
}

.arrowimg {
    width: 16rem;
    height: 34rem;
}

.arraw1 {
    border: 1rem solid #286FEB;
    color: #286FEB;
    background: #EEF4FE;
}

.arraw2 {
    background: #ECF7F6;
    border: 1rem solid #0A9184;
    color: #0A9184;

}

.box_left:hover .arraw2 {
    background: #0A9184;
    color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(10, 145, 132, 0.2000);
}

/* .arraw3 {
    background: #F6FBF1;
    border: 1rem solid #8BC34A;
    color: #8BC34A;
}

.box_left:hover .arraw3 {
    background: #8BC34A;
    color: #fff;
} */

.arraw3 {
    border: 1rem solid #F5764F;
    color: #F5764F;
    background: #FFF4F1;
}

.box_left:hover .arraw3 {
    background: #F5764F;
    color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(245, 118, 79, 0.2000);
}

.arraw4 {
    border: 1rem solid #6F43BC;

    color: #6F43BC;

    background: #F4F0FA;

}

.box_left:hover .arraw4 {
    background: #6F43BC;

    color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(111, 67, 188, 0.2000);
}

.arraw5 {
    border: 1rem solid #F99A00;
    color: #F99A00;
    background: #FFF7EB;
}

.box_left:hover .arraw5 {
    background: #F99A00;
    color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(249, 154, 0, 0.2000);
}

.arraw6 {
    border: 1rem solid #4FC3F7;
    color: #4FC3F7;
    background: #F1FBFF;
}

.box_left:hover .arraw6 {
    background: #4FC3F7;
    color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(79, 195, 247, 0.2000);
}

.arraw7 {
    border: 1rem solid #286FEB;
    color: #286FEB;
    background: #EEF4FE;
}

.box_left:hover .arraw7 {
    background: #286FEB;
    color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(40, 111, 235, 0.2000);
}

.arraw8 {
    border: 1rem solid #F44336;
    color: #F44336;
    background: #FFF0EF;
}

.box_left:hover .arraw8 {
    background: #F44336;
    color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(244, 67, 54, 0.2000);
}

.runNum {
    width: 150rem;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    height: 50rem;
    line-height: 48rem;
    font-family: DIN Alternates, sans-serif;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.runNum>li {
    list-style: none;
    width: 40rem;
    float: left;
    position: absolute;
}

.runNum2 {
    width: 180rem;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    height: 50rem;
    line-height: 48rem;
    font-family: DIN Alternates, sans-serif;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.runNum2>li {
    list-style: none;
    width: 40rem;
    float: left;
    position: absolute;
}

.box_left:hover .arraw1 {
    background: #416FFF;
    color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(40, 111, 235, 0.2000);
}

.box_left:hover .sub1 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(24, 48, 123, 0.1000);
    border-radius: 13rem;
}

.box_left:hover .sub2 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(18, 96, 110, 0.1300);
    border-radius: 13rem;
}

.box_left:hover .sub3 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(127, 56, 18, 0.1300);
    border-radius: 13rem;
}

.box_left:hover .sub4 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(54, 18, 110, 0.1300);
    border-radius: 13rem;
}

.box_left:hover .sub5 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(117, 67, 23, 0.1300);
    border-radius: 13rem;
}

.box_left:hover .sub6 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(29, 103, 114, 0.1300);
    border-radius: 13rem;
}

.box_left:hover .sub7 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(24, 55, 123, 0.1000);
    border-radius: 13rem;
}

.box_left:hover .sub8 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(148, 36, 24, 0.1300);
    border-radius: 13rem;
}

.box_center:hover .sub9 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(69, 112, 15, 0.1000);
    border-radius: 13rem;
}

.box_center:hover .sub0 {
    box-shadow: 0rem 0rem 6rem 0rem rgba(117, 23, 33, 0.1300);
    border-radius: 13rem;
}

.posright {
    background: url('../img/index_img_decoration@2x.png') no-repeat;
    /* transition: all .8s cubic-bezier(0.1, 0.7, 0.7, 1); */
    background-size: 682rem 652rem;
    position: absolute;
    width: 1440rem;
    height: 884rem;
    top: 0rem;
    background-position: 729rem 173rem;
    display: flex;
}

.right {
    /* background: url('/img/index_img_decoration@2x.png'); */
    margin-left: 200rem;
    /* margin-top: 100rem; */
    float: right;
    width: 600rem;
    position: relative;
    height: 652rem;
    top: -83px;
    /* overflow: hidden; */
}

.third_top {
    display: flex;

}

.toptitle_blue {
    display: none;
    width: 1428rem;
    height: 679rem;
    background: #66BE00;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 715rem;
}

.third_font1 {
    cursor: pointer;

    font-size: 16rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24rem;
    opacity: 0.5;
}

.third_font2 {
    cursor: pointer;

    font-size: 16rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24rem;
}

.third_midd {
    margin-top: 135rem;
    display: flex;
    margin-left: 120rem;

}

.white_big {
    font-size: 64rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 92rem;
}

.black_big {
    text-align: left;
    position: relative;
    margin-top: 42rem;
    font-size: 56rem;
    font-family: SourceHanSansSC-ExtraLight, SourceHanSansSC, sans-serif;
    font-weight: 200;
    color: #FFFFFF;
    line-height: 81rem;
}

.midd_right {
    margin-left: 52rem;
}

.blue_big {
    margin-left: -13rem;
    font-size: 64rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #66BE00;
    line-height: 92rem;
    position: relative;
}

.fontdetaul {
    text-align: left;
    margin-top: 46rem;
    font-size: 24rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #191A1D;
    line-height: 42rem;
}

.straightfont {
    margin-top: 12rem;
    text-align: left;
    font-size: 24rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #191A1D;
    line-height: 42rem;
}

.blue_dashed {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background: #FFE989;
}

.blue_dasheds {
    margin-left: 24rem;
    display: flex;
    justify-content: space-between;
    width: 78rem;
}

.third_bottom {
    text-align: left;
    display: flex;
    margin-top: 230rem;
}

.kaba_logo {
    width: 142rem;
    height: 35rem;
}

.kaoba_grayfont {
    font-size: 16rem;
    font-family: SourceHanSansSC-Light, SourceHanSansSC, sans-serif;
    font-weight: 300;
    color: #191A1D;
    line-height: 34rem;
}

.kaoba_link {
    font-size: 20rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #191A1D;
    line-height: 29rem;
}

.kaoba_ketang {
    font-size: 16rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC, sans-serif;
    font-weight: bold;
    color: #191A1D;
    line-height: 34rem;
}

.footer_img_qrcore {
    width: 124rem;
    margin-left: -6rem;
    height: 124rem;

}

.kaoba_box1 {
    margin-left: 120rem;
}

.kaoba_box2 {
    margin-left: 235rem;
}

.kaoba_box3 {
    margin-left: 64rem;
}

.kaoba_box4 {
    margin-left: 317rem;
}

.colorlover {
    color: #FFE989;
    font-weight: 550
}

.hover {
    cursor: pointer;
    background-color: #afa;
}

.toptitle_blue1 {
    display: block
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

#d1 {
    /* animation: fadeInUp 1s infinite; */
    position: absolute;
    top: 0;
    left: 9rem;

}

#d2 {
    /* animation: fadeInUp 1s infinite; */
    position: absolute;
    left: 38rem;
    top: 80rem;
    margin-left: 229rem;

}

.swipersmall {
    height: 90rem;
    overflow: hidden;
}

#swiper1 .swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 97rem !important;
    margin-top: 0 !important
}

#swiper2 .swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 781rem !important;
    margin-top: -55rem !important
}



#swiper1 .swiper-pagination-bullet {
    margin-bottom: 12rem !important;
    width: 12rem !important;
    height: 12rem !important;
    background: #66BE00 !important;
    /* border-radius: 2rem !important; */
}

#swiper2 .swiper-pagination-bullet {
    width: 4rem !important;
    height: 35rem !important;
    background: #66BE00 !important;
    border-radius: 1rem !important;
}

.bothright .swiper-pagination-bullet {
    width: 4rem !important;
    height: 24rem !important;
    background: linear-gradient(180deg, #515152 0%, #191A1D 100%) !important;
    border-radius: 3rem !important;
}

.bothright .swiper-pagination-bullet {
    margin-bottom: -6.5rem !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    border-radius: 0 !important;
}

.tiaozhuancss {
    transition: all 500ms ease 0s;
    transform: translateY(-1952.5rem);
}

.swipermain {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18rem;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

.oval {
    width: 568rem;
    position: absolute;
    top: -271rem;
    right: -370rem;
    z-index: -1;
}

.dialog_subject {
    border-radius: 4rem;
    display: none;
    width: 700rem;
    height: 492rem;
    background-color: #fff;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 27%;
    left: 31.7%;
    z-index: 1000;
}

/* .mySwiper .swiper-wrapper .swiper-slide::before {
    display: none !important;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    top: 0;
    left: 0;
}

 当显示当前图片的时候去掉背景蒙层 
.swiper-slide-active::before {
    display: block !important;
}

*/
.mask {
    left: 300rem;
    top: 0;
    width: 1000rem;
    position: absolute;
    height: 600rem;
    background: red;
    z-index: 8;
}

#swiper2 .swiper-pagination-bullet {
    margin-bottom: -10.5rem !important;
}

.xiangqi {
    margin-top: -5px;
    font-size: 20rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #037EF3;
    line-height: 35rem;
}

.xiangqi2 {
    margin-top: -5px;
    font-size: 20rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #ffffff;
    line-height: 35rem;
}

.diaxiang {
    margin-top: 42rem;
    font-size: 19rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #191A1D;
    line-height: 27rem;
}

.xiangqi3 {
    margin-top: -3px;
    font-size: 20rem;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: black;
    line-height: 35rem;
}