* {
    margin: 0;
    padding: 0;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dt,
dd,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}


a {
    text-decoration: none;
}

img,
input {
    vertical-align: middle;
    border: 0 none;
    outline-style: none;
    padding: 0;
    width: 100%;
}

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

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.body {
    width: 100%;
    height: 100%;
    min-width: 1400px;
}

/*顶部区域*/
.head {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: #F7F9FF;
}

.head-center {
    width: 1400px;
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
    min-width: 1400px;
}

.topselect {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topselect a {
    font-size: 18px;
    color: #82899D;
    height: 80px;
    width: 100px;
    line-height: 80px;
    cursor: pointer;
    margin-right: 15px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.topselect a>.homeImg {
    align-self: center;
    margin-right: 7.5px;
    width: 20px;
}

.topselect a>.homeImg>img {
    width: 20px;
    height: 20px;
}


.topselect a>span {
    margin-left: 7.5px;
}

.topselect .appxz>img {
    width: 100px;
    height: 50px;
}

/* .topselect a:hover {
    color: #0288FF !important;
    width: 100px;
    height: 80px;
    line-height: 80px;
    transition: bottom ease-in 0.15s;
    border-bottom: 4px solid #3381FF;
} */

.topselect a:hover .homeImg>img:first-child {
    display: none;
}

.topselect a:hover .homeImg>img:last-child {
    display: block !important;
}

.topselect .select {
    color: #0288FF !important;
    width: 100px;
    height: 84px;
    line-height: 84px;
    /* border-bottom: 4px solid #3381FF; */
}

.topselect_a .homeImg img:last-child {
    display: none;
}

.select .homeImg img:last-child {
    display: block !important;
}

.select .homeImg img:first-child {
    display: none !important;
}

/* .tabcon {
    position: fixed;
    top: 88px;
    left: 0;
    width: 100%;
    background-color: #1F202C;
} */

.sublist {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100% !important;
    transition: bottom ease-in 0.15s;
    /* height: 260px; */
    background: linear-gradient(180deg, #E4E8FE 0%, #FFFFFF 100%);

    box-shadow: 7px 7px 2px 0px rgba(60, 86, 201, 0.15), -7px -7px 2px 0px #FFFFFF;
}


.subhe ul {
    margin: 0 auto !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 24px;
}

.subhe ul .subhaA {
    display: flex;
    flex-direction: row;
}

/* .subhe ul li:first-child {
    margin-left: -180px;
} */

.subhe ul li:nth-child(2) {
    margin-left: 144px;
}

.subhe ul li:last-child(3) {
    margin-left: 215px;
}

.subhe ul .subhaA>img {
    width: 220px;
    height: 212px;
}

.subhe ul .subhaA>div {
    display: flex;
    flex-direction: column;
    margin-top: 46px;
    margin-left: 50px;
}

.subhe ul .subhaA>div p:first-child {
    font-size: 30px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #F3C07F;
    line-height: 34px;
}

.subhe ul .subhaA>div p:nth-child(2) {
    font-size: 14px;
    font-family: AlteDIN1451Mittelschrift;
    font-weight: 400;
    color: #82899D;
    line-height: 18px;
}

.subhe ul .subhaA>div div:last-child {
    background: linear-gradient(-90deg, #5ABBFF 0%, #4D97FF 100%);
    border-radius: 6px;
    width: 110px;
    height: 40px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: 24px;
}

.subhe ul .subhaB {
    width: 257px;
    height: 162px;
    margin-top: 46px;
}

.subcp {
    width: 100%;
}

.subcp ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* margin-left: -250px; */
    padding-bottom: 9px;
    padding-top: 29px;
}

.subcp ul li {
    display: flex;
    flex-direction: column;
    margin-right: 50px;

}

.subcp ul li p:first-child {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #F3C07F;
    line-height: 24px;
}

.subcp ul li p:nth-child(2) {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #82899D;
    line-height: 18px
}

.subcp ul li p span {
    color: #27B5FF;
}

.subcp ul li>img {
    width: 182px;
    height: 174px;
}

.subqp ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.subqp ul li:first-child {
    width: 388px;
    height: 240px;
    margin-top: 20px;
}

.subqp ul li img {
    width: 388px;
    height: 240px;
}

.subqp ul li:first-child>img {
    width: 388px;
    height: 240px;
}

.subqp ul li:nth-child(2) {
    width: 447px;
    height: 240px;
    margin-top: 20px;
}
.subqp ul li:nth-child(3) {
    margin-top: 20px;
}

.tiyusb ul li{
    width: 340px;
    height: 242px;
}
.tiyusb ul li>img{
    width: 340px;
    height: 242px;
}
.tiyusb ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
}
.tiyusb ul li{
    margin-top: 19px;
    margin-right:22px ;
}
.subdz ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
}

.subdz ul li {
    display: flex;
    flex-direction: column;
}

.subdz ul li p:first-child {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #272943;
    line-height: normal;
    margin-top: 26px;
}

.subdz ul li p:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
    color: #82899D;
    margin-top: 6px;
    line-height: normal;
}

.subdz ul li img {
    font-size: 14px;
    font-weight: 400;
    color: #82899D;
}

.immortal ul li img {
    width: 153px;
    height: 176px;
    margin-top: 20px;
}

.immortal ul li {
    margin-right: 82px;
}

.dzImg ul li img {
    width: 158px;
    height: 158px;
    margin-top: 24px;
    margin-bottom: 13px;
}

.dzImg ul li {
    margin-right: 40px;
}

.byImg ul li img {
    width: 136px;
    height: 162px;
    margin-top: 20px;
    margin-bottom: 13px;
}

.byImg ul li {
    margin-right: 95px;
}

.rule .gameTitle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 69px;
}

.rule .gameTitle>div {
    margin-right: 20px;
    width: 130px;
    height: 55px;
    box-shadow: 0px 6px 17px 0px rgba(61, 81, 166, 0.2);
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #4E609D;
    background-image: url("./img/rmbg2.png?v=1");
    background-size: 130px 55px;
    border: 1px solid #FFFFFF;
    border-radius: 16px;
    line-height: 55px;
    cursor: pointer;
}

.rule .gameTitle>.gameAtive {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("./img/rmbg1.png?v=1");
}

/*banner区域*/
.banner {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    /* background: url("https://app.shuiguosir.com/400/images/bg.png?v=1") center center no-repeat; */
    align-items: center;
    height: 550px;
    margin-top: 80px;
}



.copy {
    width: 200px;
    display: block;
    height: 65px;
    position: absolute;
    right: -265px;
    top: -40px;
    cursor: pointer;
}

/*中间区域*/
.content {
    text-align: center;
    width: 100%;
    background-color: #FFFFFF;
}

.content-center {
    width: 1400px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    background-color: #FFFFFF;
}

.content_tltie {
    width: 320px;
    height: 56px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    padding-top: 84px;
    z-index: 100;
}

/* 规则 */
.rule {
    width: 1400px;
    height: 766px;
    background: #EFF3FF;
    border: 1px solid #FFFFFF;
    box-shadow: 7px 7px 20px 0px rgba(60, 86, 201, 0.15), -7px -7px 20px 0px #FFFFFF;
    border-radius: 40px;

}

.rule_hxniu {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

.rule_hxniu .hxniu_title {
    margin-top: 96px;
    width: 345px;
    height: 90px;
    margin-bottom: 25px;
    margin-left: -186px;
}

.rule_hxniu .hxniu_right {
    width: 529px;
    height: 456px;
    margin-top: 110px;
    margin-right: 96px;
}

.rule_hxniu .hxniu_right img {
    width: 529px;
    height: 456px;

}

.rule .rule_conter {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    /* margin-bottom: 140px; */
}

.rule .rule_conter>div {
    display: none;


}

.rule .rule_conter .rule_Ative {
    display: flex;
}

.rule .rule_conter .rule_title {
    display: flex;
    flex-direction: row;
    /* margin-top: 30px; */
}

.rule .rule_conter .ruleTop {
    width: 403px;
    height: 70px;
    margin-left: 6px;
}

.rule .rule_conter .rule_hxniu .content_rule {
    height: 163px;
    display: none;
    color: #313E69;
}



.rule_title div,
.list_one div {
    width: 120px;
    height: 40px;
    border-radius: 10px;
    line-height: 40px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #468AFF;
    color: #468AFF;
    font-size: 18px;
}


.rule_title div:first-child,
.list_one div:first-child {
    margin-right: 10px;
}

.rule_title .ruleIndix,
.list_one .flowTabIndex {
    width: 120px;
    height: 40px;
    background-color: #468AFF;
    border-radius: 10px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.rule .rule_conter .rule_hxniu .hxniuShow {
    display: block;
}

.rule .rule_conter .rule_hxniu .content_rule ul {
    text-align: left;
    color: #313E69;
    line-height: 25px;
    margin-top: 23px;
    /* margin-bottom: 71px; */
    height: 163px;
}

.rule_wallet {
    width: 547px;
    height: 110px;
    background: #F4F7FF;
    border: 1px solid #FFFFFF;
    box-shadow: 6px 6px 8px 0px rgba(60, 86, 201, 0.15), -3px -3px 8px 0px rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 30px;
    position: relative;
}

.rule_wallet .wallet_left {
    margin-top: 27px;
}

.rule_wallet .wallet_left p {
    text-align: left;
}

.rule_wallet .wallet_left .left_A {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #313E69;
}

.rule_wallet .wallet_left .left_B {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #468AFF;
    margin-top: 12px;
}

.rule_wallet .wallet_right {
    margin-right: 15px;
}

.rule_wallet .wallet_right .right_A {
    width: 110px;
    height: 30px;
    background: linear-gradient(-90deg, #5ABBFF 0%, #4D97FF 100%);
    border-radius: 6px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 15px;
    cursor: pointer;
}

.rule_wallet .wallet_right .right_B {
    width: 110px;
    height: 30px;
    background: linear-gradient(-90deg, #DBB78E 0%, #CC9B75 100%);
    border-radius: 6px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    cursor: pointer;
}


.rule_wallet .codebg {
    width: 200px;
    height: 220px;
    background-image: url("./img/tongzhikuang.png?v=1");
    background-repeat: no-repeat;
    position: absolute;
    right: -30px;
    top: -208px;
    display: none;
}

.rule_wallet .codebg>img,
.rule_wallet .codebgniu>img {
    width: 180px;
    height: 180px;
    margin-top: 12px;
}

.rule_wallet .codebgniu {
    width: 200px;
    height: 220px;
    background-image: url("./img/tongzhikuang.png?v=1");
    background-repeat: no-repeat;
    position: absolute;
    right: -30px;
    top: -208px;
    display: none;
}


.content_flowTab {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.content_flowTab>.flowTab_menu {
    width: 638px;
    height: 531px;
    margin-top: 73px;
    margin-right: 41px;
}

.flowTab_box {
    display: flex;
    flex-direction: column;
}

.flowTab_box .hxnn {

    margin-top: 66px;
    margin-bottom: 23px;
}

.flowTab_niu .flowTab_sum {
    display: none;
}

.flowTab_niu .niuniuShow {
    display: block;
}

.list_one {
    display: flex;
    flex-direction: row;
    margin-bottom: 23px;
}

.flowTab_niu .flowTab_sum {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #313E69;
}

.flowTab_niu .flowTab_sum ul li {
    text-align: left;
}

/* .flowTab_box .rule_wallet{
    width: 547px;
    height: 110px;
    background: #F4F7FF;
    border: 1px solid #FFFFFF;
    box-shadow: 6px 6px 8px 0px rgba(60, 86, 201, 0.15), -3px -3px 8px 0px rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 30px;
    position: relative;
} */
.lottery {
    position: relative;

}

.lottery .flowTab_menu {
    width: 755px;
    height: 506px;
    margin-top: 137px;
    position: absolute;
    top: 0px;
    right: 22px;
}

.lottery .flowTab_menu>img {
    width: 755px;
    height: 506px;

}

.flowTab_box .flowTab_font {
    display: flex;
    flex-direction: row;
    text-align: left;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #313E69;
    line-height: 25px;
    margin-bottom: 85px;
}

.flowTab_box .flowTab_font {
    width: 587px;
    height: 67px;
    display: flex;
    flex-direction: column;
}

.flowTab_box .flowTab_img {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.flowTab_box .flowTab_img #lotteryMore,
.flowTab_box .flowTab_img #trumanLive,
.flowTab_box .flowTab_img #electronGame {
    position: relative;
}

.flowTab_box .flowTab_img #lotteryMore .Moreshow {
    position: absolute;
    left: -10px;
    top: -306px;
    width: 565px;
    height: 306px;
    flex-direction: row;
    display: flex;
    background-image: url("./img/cplottery.png");
    background-size: 565px 324px;
    background-repeat: no-repeat;
    z-index: 10;
    padding-top: 18px;
    padding-left: 29px;
    flex-wrap: wrap;
    
}

.flowTab_box .flowTab_img #trumanLive .liveShow {
    position: absolute;
    left: -10px;
    top: -214px;
    width: 284px;
    height: 224px;
    flex-direction: row;
    display: flex;
    background-image: url("./img/zrreality.png");
    background-size: 284px 224px;
    background-repeat: no-repeat;
    z-index: 10;
    padding-top: 38px;
    padding-left: 43px;
    flex-wrap: wrap;
   
}

.flowTab_box .flowTab_img #electronGame .gameShow {
    position: absolute;
    left: -10px;
    top: -280px;
    padding-top: 10px;
    width: 515px;
    height: 320px;
    flex-direction: row;
    /* display: flex; */
    background-image: url(./img/dzsluisgame2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 10;
    padding-left: 30px;
}


.flowTab_box .flowTab_img #lotteryMore .Moreshow div {
padding-right: 22px;
display: flex;
flex-direction: column;
height: 110px;
}

.flowTab_box .flowTab_img #trumanLive .liveShow div {
padding-right: 22px;
display: flex;
flex-direction: column;
height: 110px;
}

.flowTab_box .flowTab_img #electronGame .gameShow div {
margin-right: 13px;
display: flex;
flex-direction: column;
height: 110px;
display: inline-block;
margin-bottom: 15px;
width: 20%;
}

.flowTab_box .flowTab_img #lotteryMore .Moreshow div p,
.flowTab_box .flowTab_img #trumanLive .liveShow div p {
margin-top: 14px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: #4E609D;
text-align: center;
}

.flowTab_box .flowTab_img #electronGame .gameShow div p {
margin-top: 12px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: #4E609D;
text-align: center;
}

.flowTab_box .flowTab_img #lotteryMore .Moreshow div>img,
.flowTab_box .flowTab_img #trumanLive .liveShow div>img,
.flowTab_box .flowTab_img #electronGame .gameShow div>img {
width: 80px;
height: 80px;
}

.trtop {
transform: translateY(-22px);
}
.modhide{
display: none !important;
}


/* 以上弹框， */
.flowTab_box .flowTab_img>div img {
    width: 80px;
    height: 80px;
    box-shadow: 7px 7px 20px 0px rgba(60, 86, 201, 0.25), -7px -7px 20px 0px #FFFFFF;
    border-radius: 40px;
}

.flowTab_box .flowTab_img>div p {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #4E609D;
    margin-top: 19px;
    text-align: center;
}

.flowTab_box .flowTab_img>div {
    margin-right: 30px;
    flex-direction: column;
    margin-bottom: 19px;
}

.flowTab_box .flowTab_img div img:hover {
    -webkit-animation-name: scaleDraw;
    /*关键帧名称*/

    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/

    -webkit-animation-iteration-count: infinite;
    /*动画播放的次数*/

    -webkit-animation-duration: 2s;
    /*动画所花费的时间*/
}

.cardGame {
    position: relative;
}

.cardGame .flowTab_menu {
    position: absolute;
    right: 86px;
    top: 33px;
    width: 647px;
    height: 608px;
}

.cardGame .flowTab_menu>img {
    width: 647px;
    height: 608px;
}

.livePatent {
    position: relative;
}

.livePatent .flowTab_menu {
    position: absolute;
    right: 31px;
    top: 30px;
    width: 704px;
    height: 610px;
}

.sportsGame {
    position: relative;
}

.sportsGame .flowTab_menu {
    position: absolute;
    right: 106px;
    top: 46px;
    width: 584px;
    height: 594px;
}

.goodSports {
    position: relative;
}

.goodSports>.flowTab_menu {
    position: absolute;
    top: 31px;
    right: 137px;
    width: 556px;
    height: 609px;
}

.electronGame {
    position: relative;
}

.electronGame .flowTab_menu {
    position: absolute;
    top: 52px;
    right: 124px;
    width: 544px;
    height: 590px;
}

.electronGame .flowTab_menu>img {
    width: 544px;
    height: 590px;
}

.fishingGame {
    position: relative;
}

.fishingGame .flowTab_menu {
    position: absolute;
    top: 52px;
    right: 124px;
    width: 544px;
    height: 590px;
}

.fishingGame .flowTab_menu>img {
    width: 544px;
    height: 590px;
}

/* 彩票 */
.lottery {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}




.lottery_interest .interest_C ul li:hover {
    -webkit-animation-name: scaleDraw;
    /*关键帧名称*/

    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/

    -webkit-animation-iteration-count: infinite;
    /*动画播放的次数*/

    -webkit-animation-duration: 2s;
    /*动画所花费的时间*/
}

.lottery_interest .interest_C ul li>img {
    width: 80px;
    height: 80px;
    margin-bottom: 13px;
}

.cardGame .cardGame_B .cardGame_BC ul li:hover {
    -webkit-animation-name: scaleDraw;
    /*关键帧名称*/

    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/

    -webkit-animation-iteration-count: infinite;
    /*动画播放的次数*/

    -webkit-animation-duration: 5s;
    /*动画所花费的时间*/
}

.cardGame .cardGame_B .cardGame_BC ul li>img {
    width: 529px;
    height: 81px;
    margin-bottom: 13px;
}


/* 下载 */
.appdom .appdomTitle {
    width: 529px;
    height: 81px;
    margin: 0 auto;
    margin-bottom: 48px;
    margin-top: 95px;
}

.appdom .appdom_conter {
    width: 1400px;
    height: 661px;
    background: #EFF3FF;
    border: 1px solid #FFFFFF;
    box-shadow: 7px 7px 20px 0px rgba(60, 86, 201, 0.15), -7px -7px 20px 0px #FFFFFF;
    border-radius: 40px;
    display: flex;
    flex-direction: row;
}

.appdom .appdom_conter .downCode_left {
    width: 692px;
    height: 518px;
    margin-top: 91px;
    margin-left: 76px;
}

.appdom .appdom_conter .downCode_left>img {
    width: 692px;
    height: 518px;
}

.appdom .appdom_conter .downCode_right {
    margin-left: 41px;
}

.appdom .appdom_conter .downCode_right .appdom_bottom {
    width: 460px;
    height: 172px;
    margin-top: 55px;
    margin-right: 131px;
}

.appdom .appdom_conter .downCode_right .appdom_site {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 26px;
}

.appdom .appdom_conter .downCode_right .appdom_site>div {
    margin-top: 59px;
    width: 230px;
    height: 250px;
    background: #F7F9FF;
    border: 1px solid #FFFFFF;
    box-shadow: 6px 6px 8px 0px rgba(60, 86, 201, 0.15), -3px -3px 8px 0px rgba(255, 255, 255, 0.8);
    border-radius: 15px;
}

.downCode_right .appdom_site .site_A {
    margin-right: 21px;

}

.downCode_right .appdom_site .site_A>img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.downCode_right .appdom_site .site_A .site1>p {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #313E69;
}

.downCode_right .appdom_site .site_A .site1>div {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #95A0C0;
}



.downCode_right .appdom_site .site_A>a {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: underline;
    color: #3381FF;
    line-height: 20px;
}

/* .downCode_right .appdom_site .site_A>.site1 {
    margin-top: 76px;
} */

/* 服务优势 */
.advantage {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
}

.advantage .advantage_conter {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1400px;
    margin: auto;

}

.advantage .advantage_conter .advantage_title {
    width: 529px;
    height: 81px;
    margin: 0 auto;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 76px;

}

.advantage_bg {
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

.advantage_bg div {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #445592;
    width: 450px;
    height: 380px;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0px 18px 30px 0px rgba(56, 89, 173, 0.15);

}

.advantage_bg div img {
    margin-top: 70px;
    width: 156px;
    height: 204px;
    margin-bottom: 20px;

}

.advantage_bg .bg1 {
    background-image: url("./img/fuwubg.png?v=1");
    background-size: 450px 380px;
    background-repeat: no-repeat;
}

.advantage_bg .bg2 {
    background-image: url("./img/fuwubg.png?v=1");
    margin-left: 25px;
    margin-right: 25px;
    background-size: 450px 380px;
    background-repeat: no-repeat;
}

.advantage_bg .bg3 {
    background-image: url("./img/fuwubg.png?v=1");
    background-size: 450px 380px;
    background-repeat: no-repeat;
}

.advantage .advantage_conter .advantage_time {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 68px;
}

.advantage_time div {
    width: 250px;
    text-align: center;
}

.advantage_time div img {
    width: 100%;
}

.advantage_time div p:nth-child(2) {
    font-family: PingFang SC;
    font-weight: 500;
    color: #468AFF;
    margin-top: 33px;
    font-size: 22px;
}

.advantage_time div p:nth-child(3) {
    font-size: 12px;
    font-family: Alte DIN 1451 Mittelschrift;
    font-weight: 400;
    color: #95A0C0;
    line-height: 20px;
}

.advantage_time div p:last-child {
    font-size: 12px;
}

.advantage_time div:nth-child(2) {
    margin-left: 100px;
    margin-right: 100px;
}

.advantage_time div:nth-child(3) {
    margin-right: 100px;
}





.content_select {
    margin-bottom: 88px;
}

.select_swpr {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.select_swpr>li {
    width: 280px;
    height: 80px;
    cursor: pointer;
}

.select_swpr>li>img {
    width: 280px;
    height: 80px;
}

.select_swpr li img:first-child {
    display: none;
}

.select_swpr .swpr img:first-child {
    display: block !important;
}

.select_swpr .swpr img:last-child {
    display: none !important;
}

.select_container .choice {
    flex-direction: row;
    justify-content: space-between;
    display: none;
    margin-top: 70px;

}

.select_container .choiceShow {
    display: flex;
}

.select_container>div .choice_A {
    width: 434px;
    height: 344px;
    background-repeat: no-repeat;
    background-size: 434px 344px;
    border-radius: 40px;
}

.select_container>div .choice_A .choice_title {
    width: 212px;
    height: 60px;
    border-radius: 30px;
    font-size: 28px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    background-color: #F5F7FA;
    color: #5D5D5D;
    margin-top: 14px;
}

.choice_A .choice_blue,
.choice_B .choice_blue {
    margin-top: 10px;
    margin-left: 50px;
}

.choice_blue>li {
    margin-bottom: 26px;
    font-size: 18px;
    color: #BDBDBD;
    list-style: disc;
    text-align: left;
}

.choice_blue>li>span {
    color: #5D5D5D;
}

.choice_A .choice_consult,
.choice_B .choice_consult {
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.choice_consult .consult_Manner {
    display: flex;
    flex-direction: column;
    width: 130px;

}

.choice_consult .consult_Manner>p {
    text-align: center;
    font-size: 18px;
}

.choice_consult .consult_Manner>img {
    width: 64px;
    height: 64px;
    text-align: center;
    margin-left: 32px;

}

.select_container>div .choice_B {
    width: 498px;
    height: 394px;
    background-repeat: no-repeat;
    background-size: 498px 394px;
    border-radius: 40px;
    transform: translateY(-20px);
}

.select_container>div .choice_B>.choice_title {
    width: 207px;
    height: 61px;
    background: linear-gradient(0deg, rgb(165 208 255 / 20%), rgb(13 109 255 / 20%), rgb(165 208 255 / 20%));
    border-radius: 30px;
    margin-bottom: 30px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    margin-top: 23px;
    font-size: 30px;
}

.select_container>div .choice_B>.choice_title>div {
    color: #0E6EFF !important;
    opacity: 1;
}

.choice_titleS>div {
    color: #0E6EFF !important;
    opacity: 1;
}

.choiceb_tm {
    margin: 30px 60px;
}

.choiceb_tm>li {
    color: #0D6DFF;
    list-style: disc;
    text-align: left;
    /* margin-bottom: 30px; */
    font-size: 18px;
}

.choiceb_tm>li>span {
    color: #5D5D5D;
}

.select_container>div .choice_C {
    width: 434px;
    height: 344px;
    background-repeat: no-repeat;
    background-size: 434px 344px;
    border-radius: 40px;
}

.select_container>div .choice_C>.choice_title {
    width: 212px;
    height: 60px;
    border-radius: 30px;
    font-size: 28px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    background-color: #F5F7FA;
    color: #5D5D5D;
    margin-top: 14px;
}

.select_container>div .choice_C>.choiceb_tm {
    margin: 30px 60px;
}

.select_container>div .choice_C>.choiceb_tm>li {
    color: #ADADAD;
    list-style: disc;
    text-align: left;
    font-size: 18px;
    line-height: 28px;
}

.select_container>div .choice_C>.choiceb_tm>li>span {
    color: #5D5D5D;
}

.backImg1 {
    background-image: url("./img/gptmbg.png?v=1");

}

.backImg2 {
    background-image: url("./img/aqkkdbg.png?v=1");

}

.backImg3 {
    background-image: url("./img/jsjjbg.png?v=1");

}

.backImg4 {
    background-image: url("./img/gptmbg-2.png?v=1");

}

.boxdow {
    box-shadow: 0px 15px 20px 0px rgba(37, 56, 125, 0.2);
}

/*问题区域*/
.question {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100px;
    background-color: #3F4862;
}

.question .question_live {
    height: 38px;
    width: 1400px;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.question .question_live>img {
    height: 30px;
    width: 90px;
    margin-right: 18px;
}

/*弹窗区域*/
.model {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 2;
}

.loaddown {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 800px;
    height: 504px;
    border-radius: 40px;
    background: #ffffff;
}

.loaddown_head {
    height: 92px;
    border-bottom: 1px solid #F1F3F7;
    /* width: 740px; */
    text-align: center;
    color: #23284E;
    line-height: 92px;
    font-size: 36px;
    /* margin: 0px 30px; */
}

.cancel {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 26px;
    right: 30px
}

.model_content {
    width: 740px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0px 30px;
}

.model_kf {
    width: 740px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 30px;
}

.model_rjxz {
    width: 740px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 30px;
}

.model_content_detail {
    width: 346px;
    text-align: center;
}

.loaddown .model_online_detail {
    width: 260px;
    text-align: center;

}

.loaddown_detal {
    background: #F5F7FA;
    border-radius: 20px;
    width: 100%;
    height: 250px;
}

.loaddown-p {
    width: 100%;
    padding: 10px 0px;
    line-height: 50px;
}

.loaddown-p span {
    display: inline-block;
    color: #5D5D5D;
    width: 154px;
    text-align: right;
    padding-right: 20px;
}

.loaddown-p a {
    width: 133px;
    display: inline-block;
    height: 50px;
    margin-right: 10px;
    background: #FFFFFF;
    color: #0D6DFF;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
}

.loaddown-p a:hover {
    background: #0D6DFF;
    color: #ffffff;
    box-shadow: 0px 12px 16px 0px rgba(43, 62, 128, 0.27);
    border: 1px solid #0D6DFF;
}

.copy2 {
    width: 300px;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    background: #0D6DFF;
    color: #ffffff;
    border: 1px solid #FFFFFF;
    margin-left: 220px;
    box-shadow: 0px 12px 16px 0px rgba(43, 62, 128, 0.27);
    border-radius: 35px;
    margin-top: 24px;
    margin: auto;
    margin-top: 20px;
}

.loaddownTitle,
.accountTitle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
}

.loaddownTitle div,
.accountTitle div {
    cursor: pointer;
    width: 200px;
    height: 60px;
}

.loaddownTitle div:first-child,
.accountTitle div:first-child {
    margin-right: 20px;
}

.loaddownTitle div:last-child,
.accountTitle div:last-child {
    margin-left: 20px;
}

.loaddownTitle div img:first-child,
.accountTitle div img:first-child {
    display: none;
}

.loaddownTitle .loaddownIndix img:first-child,
.accountTitle .accountIndix img:first-child {
    display: block !important;
}

.loaddownTitle .loaddownIndix img:last-child,
.accountTitle .accountIndix img:last-child {
    display: none !important;
}

.codebgShow .codebg {
    display: none;
}

.codebgShow .showCode {
    display: block;
}

.model_content .codeshow {
    display: none;
    margin: auto;
}

.model_content .showmd {
    display: block;
}


/*右侧窗口*/
.rightline {
    width: 70px;
    height: 180px;
    background-color: #EFF3FF;
    border-radius: 10px;
    cursor: pointer;
    position: fixed;
    right: 38px;
    top: 668px;
    /* display: flex; */
    /* flex-direction: column;
    align-items: center; */
    border: 1px solid #FFFFFF;
    box-shadow: 6px 6px 8px 0px rgba(60, 86, 201, 0.15), -3px -3px 8px 0px rgba(255, 255, 255, 0.8);
    border-radius: 10px;
}

.rightline>div {
    margin-top: 15px;
    margin-left: 15px;


}

/* .rightline>div .codeShow {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

} */


.code1 {
    width: 180px;
    height: 80px;
    background: #EFF3FF;
    border: 1px solid #FFFFFF;
    box-shadow: 6px 6px 8px 0px rgba(60, 86, 201, 0.15), -3px -3px 8px 0px rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    position: fixed;
    z-index: 99;
    right: 73px;
    display: none;
}

.code1 p:first-child {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #313E69;
    margin-top: 18px;
    text-align: center;
}

.code1 p:nth-child(2) {
    font-size: 20px;
    font-family: AlteDIN1451Mittelschrift;
    font-weight: 400;
    color: #468AFF;
    /* margin-top: 12px; */
    text-align: center;

}

.code1 .wwbox {
    /* background-color: #0D6DFF; */
    position: absolute;
    top: 0px;
    right: -16px;
}

.ww1 {
    right: 108px;
    top: 668px;
    /* margin-right: 15px; */
}


.tt2 {
    right: 108px;
    top: 720px;
    /* margin-right: 15px; */
}

.mm3 {
    right: 108px;
    top: 768px;
    /* margin-right: 15px; */
}

.codetranfer {
    height: 40px;
    width: 100%;
    padding-left: 15px;
    background-image: url("/img/w1.png?v=1");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 40px 40px;

}

.codetranfer:hover {

    background: url("/img/w2.png?v=1") center center no-repeat;
    background-size: 40px 40px;
    background-position: left;
    background-repeat: no-repeat;
}


.accountTranfer {

    height: 40px;
    width: 40px;
    background: url("/img/t1.png?v=1") center center no-repeat;
    background-size: cover;
}



.accountTranfer:hover {
    background: url("/img/t2.png?v=1") center center no-repeat;
    background-size: 40px 40px;
}

.online {

    height: 40px;
    width: 40px;
    background: url("/img/m1.png?v=1") center center no-repeat;
    background-size: cover;
}



.online:hover {
    background: url("/img/m2.png?v=1") center center no-repeat;
    background-size: 40px 40px;
}

.codebg {
    width: 320px;
    height: 320px;
    background: url("/img/codebg.png?v=1") center center no-repeat;
    background-size: cover;
    display: inline-block;
    margin-top: 28px;
    margin-bottom: 25px;
    margin: auto;
    box-shadow: 6px 6px 8px 0px rgba(60, 86, 201, 0.15), -3px -3px 8px 0px rgba(255, 255, 255, 0.8);
}

/* 提示框 */
/*提示层*/
#tipDiv {
    display: table;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
}

#tipDiv {
    width: 227px;
    height: 70px;
    font-size: 24px;
    line-height: 70px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 10px;
    background-color: #0D6DFF;
    transition: all 1s;
    opacity: 0;
}

/* #inputd {
    display: none;
} */

.codeTitle {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.codeTitle div {
    cursor: pointer;
}

.codeTitle div img:first-child {
    display: none;
}

.codeTitle .codeIndix img:first-child {
    display: block !important;
}

.codeTitle .codeIndix img:last-child {
    display: none !important;
}

.codebgShow2 .codebg {
    display: none;
}

.codebgShow2 .showCode2 {
    display: block;
}


@keyframes scaleDraw {



    /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

    0% {

        transform: scale(1);
        /*开始为原始大小*/

    }



    25% {

        transform: scale(1.1);
        /*放大1.1倍*/

    }



    50% {

        transform: scale(1);

    }



    75% {

        transform: scale(1.1);

    }

}