body,
    form,
    div,
    span,
    ul,
    ol,
    li,
    p,
    pre,
    dl,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    em,
    a,
    fieldset,
    legend,
    address,
    label,
    textarea,
    select,
    input,
    figure,
    table,
    th,
    td,
    b,
    i {
        margin: 0;
        padding: 0;
    }

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

    ul li {
        list-style: none;
    }

    #alertMsg .layer-btn a.close {
        height: auto;
    }

    .pc-back {
        width: 100%;
        overflow: hidden;
    }

    .kv {
        position: relative;
    }

    .mg_26 {
        margin-top: 26px
    }

    .inwapperZone,
    .kv-banner,
    #kv-wrap05,
    .topWrapper,
    .topWrapper01,
    .banjiaWrapper,
    .fuliWrapper,
    .bannerList,
    .joinZoneclue {
        width: 1920px;
        /*left: 50%;
    margin-left:-960px;*/
    }

    @media screen and (max-width: 1919px) {

        .inwapperZone,
        .kv-banner,
        #kv-wrap05,
        .topWrapper,
        .topWrapper01,
        .banjiaWrapper,
        .fuliWrapper,
        .bannerList,
        .joinZoneclue {
            width: 1920px;
            left: 50%;
            margin-left: -960px;
        }
    }

    .choujiangguizhe {
        margin: 24px 0;
    }

    .choujiangguizhe ul {
        overflow: hidden;
        display: flex;
    }

    .choujiangguizhe ul li {
        flex-direction: column;
    }

    .img_xfz04,
    .duihuan {
        width: 151px;
        height: 43px;
        color: #fff !important;
        font-size: 18px;
        background: url(../images/activity_btnbg.png);
        align-items: center;
        display: flex;
        justify-content: center;
        /* margin-bottom: 23px; */
        border-radius: 50px;
        padding-right: 36px;
    }

    .yaoqing,
    .fenxiang {
        width: 151px;
        height: 43px;
        color: #fff !important;
        font-size: 18px;
        background: url(../images/activity_btnbg.png);
        align-items: center;
        display: flex;
        justify-content: center;
        /* margin-bottom: 23px; */
        border-radius: 50px;
        padding-right: 36px;
    }


    .img_mg {
        display: block;
        margin: 0 auto;
        margin-bottom: 31px;
        left: 3px;
        position: absolute;
    }


    .popWrapper {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: none;
        display: none;
        z-index: 12;
        overflow: auto;
    }

    #Popup06 .pop {
        background-size: 100% 100%;
        width: 689px;
        height: 380px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: #fff;
        /*transform: translate(-50%,-50%);*/
        margin-left: -344.5px;
        margin-top: -190px;
    }

    #Popup05 .pop,
    #Popup0more .pop {
        background-color: #fff;
        border-radius: 15px;
        /* background: url(/Upload/EVENTS/fansweekjqsfl2509080026/Web/images/popBackground1.png) no-repeat; */
        background-size: 100% 100%;
        width: 500px;
        height: 560px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .bds_weixinfriend {
        background-position: -120px 0px !important;
    }

    .bds_weixin {
        background: url(../images/Friends.png) no-repeat !important;
        background-size: 100% !important;
    }

    #Popup07 .pop,
    #Popup08 .pop {
        background: #fff;
        width: 200px;
        border-radius: 15px;
        /* height: 127px; */
        padding-bottom: 20px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    #Popup07 .popCloseBtn,
    #Popup08 .popCloseBtn {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 10;
        width: 18px;
        transform: translate(-44%, 25%);
    }

    #Popup07 .pop dl dt,
    #Popup08 .pop dl dt {
        font-size: 17px;
        text-align: center;
        margin-top: 27px;
        margin-bottom: 20px;
    }

    #Popup07 .pop dl dd,
    #Popup08 .pop dl dd {
        padding-left: 10px
    }

    #Popup05 .popDesc {
        height: auto;
    }

    #Popup04 .pop {
        background: url("../images/pop_bg.png") no-repeat;
        background-size: 100% 100%;
        width: 689px;
        height: 610px;
        /*height: 663px;*/
        position: absolute;
        left: 50%;
        top: 50%;
        /*transform: translate(-50%,-50%);*/
        margin-left: -344.5px;
        margin-top: -305px;
    }

    .pop .popTitle {
        margin-top: 28px;
    }

    .famian2 {
        width: 70%;
        margin: 0 auto;
    }

    .popTitle {
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        color: #000;
        margin: 0 auto;
        margin-top: 16px;
        box-sizing: border-box;
        height: auto;
        line-height: normal;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 79%;
    }

    .popJP01 {
        text-align: center;
        margin-bottom: 50px;
        margin-top: 47px;
    }

    .popJP01 img {
        width: 33%;
    }

    .popIcon {
        position: absolute;
        /*top: -67px;*/
        right: -177px;
        bottom: -82px;
        z-index: -1;
    }

    .popIcon01 {
        position: absolute;
        bottom: 0px;
        right: -218px;
        z-index: 1;
    }

    .popIcon02 {
        position: absolute;
        bottom: -21px;
        left: -146px;
        z-index: 1;
    }

    .popTitle img {
        vertical-align: middle;
    }

    .popDesc {
        width: 440px;
        height: 348px;
        line-height: 26px;
        color: #000;
        margin: 0 auto;
    }

    .popDesc01 {
        width: 587px;
        margin-left: 50px;
        height: 400px;
        line-height: 25px;
        color: #434343;
        margin: 0 auto;
    }

    .popCloseBtn {
        position: sticky;
        top: 5%;
        left: 90%;
        cursor: pointer;
        z-index: 10;
        transform: translate(-35%, 50%);
    }

    #Popup_address .popCloseBtn {
        transform: translate(0, 50%);
        top: 0%;
    }

    /* #Popup05 .popCloseBtn,
#Popup04 .popCloseBtn {
    right: 60px;
    top: 60px;
} */
    .popCloseBtns {
        position: absolute;
        right: 30px;
        top: 25px;
        cursor: pointer;
    }

    .pop2 {
        /* background: url(/Upload/EVENTS/fansweekjqsfl2509080026/Web/images/popBackground1.png) no-repeat; */
        /* background-size: 100% 100%; */
        background-color: #fff;
        border-radius: 15px;
        width: 450px;
        min-height: 450px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        overflow: auto;
    }
    #Popup12 .pop2 {
        height: 500px;
    }
    .pop3 {
        /* background: url(/Upload/EVENTS/fansweekjqsfl2509080026/Web/images/popBackground1.png) no-repeat; */
        /* background-size: 100% 100%; */
        background-color: #fff;
        border-radius: 15px;
        width: 450px;
        min-height: 450px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        overflow: auto;
    }

    .jiangpin {
        height: 500px;
    }

    .popJP {
        text-align: center;
        margin: 49px 0;
    }




    .popRestart {
        text-align: center;
        margin-top: 21px;
    }

    .popRestart img {
        width: 70%;
    }

    .pop2Btn {
        text-align: center;
        position: relative;
    }

    .pop2Btn ul li label {
        width: 80px;
        display: inline-block;
        text-align: left;
    }

    .pop2Btn ul li input {
        width: 300px;
        margin-bottom: 15px;
    }

    .pop2Btn ul li .select {
        width: 324px;
        margin-bottom: 15px;
    }

    .cur_pt {
        cursor: pointer;
    }

    .mask {
        display: none;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.8;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 4;
    }


    #common_InvitationCode {
        color: #fff;
    }

    /*本期中奖信息*/

    .round-list-main {
        width: 814px;
        height: 88px;
        margin-top: 33px;
        background: #fff;
        display: flex;
        align-items: center;
        margin: 0 auto;
        padding: 0 35px;
        border: 1px solid #f1f1f1;
        color: #ec4867;
        position: absolute;
        bottom: -6%;
        left: 50%;
        margin-left: -407px;
        border-width: 4px;
        border-radius: 10px;
    }

    .round-list-main ul {
        padding-left: 20px;
        height: 25px;
        overflow: hidden;
    }

    .guize {
        position: absolute;
        bottom: 2%;
        width: 10% !important;
        left: 50%;
        transform: translate(-50%, 0);
        cursor: pointer;
    }

    .round-list-main ul li {
        color: #3a2124;
        font-size: 20px;
    }
 
    .awards-list-main {
        width: 100%;
        background: #a55935;
        /* background-size: 100% 100%; */
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding-bottom: 20px;
    }

    .awards-list-main h1 {
        text-align: center;
        font-size: 28px;
        font-weight: 800;
        margin-top: 30px;
        color: #fff;
    }

    .adward-box {
        width: 935px;
        margin: 0 auto;
        padding: 39px 30px 0;
    }

    .awards-list-main .adward-box dl {
        float: left;
        width: 217px;
        height: 368px;
        /* background: url(../images/award_box.png) no-repeat; */
        margin-right: 15px;
        background-color: #ffffff;
        margin-bottom: 30px;
        border-radius: 30px;
        cursor: pointer;
    }

    .awards-list-main .adward-box dl:nth-child(4n+4) {
        margin-right: 0;
    }

    .awards-list-main .adward-box dl dt {
        margin-bottom: 6px;
        min-height: 236px;
        background: url(../images/backgroundProud.png) no-repeat center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 19px;
        box-sizing: border-box;
    }

    .awards-list-main .adward-box dl dt span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 38px;
        width: 158px;
        text-align: center;
        font-weight: 700;
        font-size: 15px;
    }

    .awards-list-main .adward-box dl dt img {
        width: 140px;
        margin-top: 25px;
    }

    .awards-list-main .adward-box dl dd {
        text-align: center;
        margin-bottom: 10px;
    }

    .awards-list-main .adward-box dl dd a {
        display: inline-block;
        width: 178px;
        height: 38px;
        line-height: 38px;
        border-radius: 15px;
        font-weight: bold;
    }

    /*更多活动*/

    .moreactivity {
        width: 50%;
    }

    .moreactivity dl {
        margin-top: 3%;
        display: flex;
        justify-content: space-between;
    }

    .moreactivity dl dd {
        float: left;
        display: block;
        width: 28%;
    }

    .clickButton {
        width: 430px;
    }

    .clickButton div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5%;
    }
    .moreactivity h1 img {
        width: 320px;
    }

    .moreactivity dl dd:nth-child(2) {
        margin: 0 13px;
    }

    .moreactivity dl dd:nth-child(3) {
        margin: 0 13px 0 0;
    }

    .moreactivity dl dd img {
        width: 100%;
    }

    .surplus {
        display: inline-block;
        width: 430px;
        text-align: center;
        font-size: 18px;
        font-weight: 800;
    }

    .surplus img {
        position: absolute;
        left: 0;
        top: -1px;
    }

    .surplus span {
        font-size: 1.1rem;
    }

    .taskTime {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .taskTimeTitle {
        color: #010103;
        font-weight: 600;
        font-size: 25px;
        margin-bottom: 35px;
    }

    .taskTimeContent {
        width: 720px;
        margin-bottom: 30px;
    }

    .taskTimeContentimg {
        display: flex;
        margin-bottom: 15px;
    }

    .taskTimeContentimg img {
        margin-right: 20px;
    }

    .taskTimeContentText {
        font-size: 16px;
        color: #6f6f6f;
    }

    .taskTimeContentText span {
        color: #4597dd;
    }

    .awardsMainTitle {
        text-align: center;
        color: #fe9e2e;
        font-size: 39px;
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .awardsMainBtn {
        display: flex;
        justify-content: center;
        margin-top: 35px;
    }

    .qing a {
        background-color: #bebebe;
        color: #f4f4f4;
    }

    .textTime a {
        color: #919191;
        background-color: #fff;
        border: 1px solid #818181;
    }

    .dui a {
        color: #fff;
        background-color: #ff5d4a;
    }

    .postionBackground img:nth-child(1) {
        display: none;
        position: absolute;
        left: 54%;
        top: 55%;
        transform: translate(-415%, 108%);
    }

    .postionBackground img:nth-child(2) {
        position: absolute;
        left: 54%;
        top: 70%;
        transform: translate(4%, 81%);
    }

    #Popup05 .postionBackground img:nth-child(2),
    #Popup06 .postionBackground img:nth-child(2) {
        position: absolute;
        left: 50%;
        top: 52%;
        transform: translate(23%, 115%);
    }

    #Popup01 .postionBackground img:nth-child(2) {
        top: 52%;
    }

    #Popup05 .postionBackground img:nth-child(1),
    #Popup06 .postionBackground img:nth-child(1) {
        position: absolute;
        left: 50%;
        top: 52%;
        transform: translate(-351%, 171%);
    }

    .strongCss {
        font-size: 15px;
    }

    .popContenttext {
        overflow-y: scroll;
        height: 415px;
        position: relative;
    }

    #Popup06 .popDesc01 {
        height: auto;
    }

    #Popup06 .pop {
        height: 560px;
        margin-left: -344.5px;
        margin-top: -280px;
    }

    .describe {
        font-size: 17px;
        color: #6f6f6f;
        margin-bottom: 35px;
        margin-left: 25px;
    }

    .renwu1 {
        color: #c2beb5;
        font-size: 17px;
        width: 720px;
        margin-top: 30px;
        /* margin-bottom: 132px; */
    }

    .button a {
        display: inline-block;
        width: 34px;
        height: 34px;
        margin: 0 10px;
        padding-top: 10px;
        background: url('/Content/Web/img/common/ico_sns.png') no-repeat;
        vertical-align: middle;
        font: 0/0 'microsoft yahei';
        -webkit-transition-timing-function: ease;
        transition: 0.3s;
    }

    .button .bds_tsina {
        background-position: 0 0px;
    }

    .button .bds_tqq {
        background-position: -40px 0px;
    }

    .button .bds_renren {
        background-position: -80px 0px;
    }

    .button .bds_renren:hover {
        background-position: -80px 0;
    }

    .button .bds_weixin {
        background-position: -120px 0px;
    }

    .button a {
        padding-left: 0 !important;
        float: none !important;
    }

    .popItem {
        text-align: center;
        margin-top: 15px;
        margin-bottom: -264px;
    }

    .buttonImage {
        width: 160px;
    }

    #bianjiAddress {
        display: block;
        text-align: right;
        margin-right: 18%;
        text-decoration: underline;
        color: #7d7d7d;
        margin-top: 18px;
        cursor: pointer;
    }

    .EditLoading {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 999;
        display: none;
    }

    .loadingSweel {
        border: 5px solid #f3f3f3;
        border-top: 5px solid #555;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: inline-block;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .footerText {
        padding-bottom: 105px;
        color: #000;
    }

    .famian1 {
        padding-bottom: 15px;
        font-weight: bold;
        margin-top: 30px;
    }

    .famian2 {
        color: #acacac;
    }

    .choujiangContent {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 120px;
        background: #ffefe2;
    }

    .choujiangContent .contentKaAnimation {
        animation: contentKaAnimation 0.8s infinite linear;
    }

    .contentKa {
        position: absolute;
        left: -1%;
        width: 12%;
        right: 0;
        margin: 0 auto;
        top: 21%;
        z-index: 2;
    }

    .contentShouLeft {
        position: absolute;
        left: -41%;
        top: 11%;
        right: 0;
        margin: 0 auto;
        width: 35%;
        z-index: 3;
    }

    .contentShouRight {
        position: absolute;
        left: 0;
        top: 44.5%;
        right: -44%;
        margin: 0 auto;
        width: 49%;
    }

    @keyframes contentKaAnimation {
        to {
            transform: rotateY(360deg);
        }
    }

    .huodongguizebtn {
        text-align: center;
        color: #fff;
        margin-top: 4%;
    }

    .huodongguizebtn div {
        color: #fff;
        font-size: 0.8rem;
    }

    .huodongguizebtn .btn {
        text-align: center;
        color: #f9b200;
        margin-top: 10px;
        font-size: 0.8rem;
        text-decoration: underline;
        cursor: pointer;
    }

    .bottomFlex {
        display: flex;
        align-items: center;
    }

    .bottomtext {
        width: 440px;
        color: #fff;
        font-size: 17px;
        margin-right: 25px;
    }

    .titleText {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 14px;
    }

    .chancetextDiv {
        display: flex;
        padding-top: 10px;
        justify-content: space-between;
    }

    .chancetextDiv>div {
        flex: 0.7;
    }

    .chancetext2 {
        margin-right: 13px;
        position: relative;
    }

    .chancelink {
        width: 20% !important;
        position: absolute;
        right: 17%;
        top: 29%;
    }

    .S24postion {
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        background: #ffefe2;
    }

    .canyudiv {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 45%;
        flex-wrap: wrap;
    }

    .canyudiv .canyudivItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 4%;
        width: 26%;
    }

    .canyudiv .canyudivItem:nth-child(3) {
        margin-right: 0%;
    }

    .canyudiv .canyudivItem:nth-child(6) {
        margin-right: 0%;
    }

    .canyudivItem .canyudivbtn1,
    .canyudivItem span {
        margin-top: 7%;
        cursor: pointer;
        color: #000;
    }

    .btnClickButton {
        margin-top: 40px;
    }

    #Popup_address .pop3 {
        padding-bottom: 60px;
        height: 550px;
    }

    /* 修改垂直滚动条 */
    ::-webkit-scrollbar {
        width: 5px;
        /* 修改宽度 */
    }

    /* 修改滚动条轨道背景色 */
    ::-webkit-scrollbar-track {
        background-color: transparent;
    }

    /* 修改滚动条滑块颜色 */
    ::-webkit-scrollbar-thumb {
        background-color: #555;
        border-radius: 30px;
    }

    /* 修改滚动条滑块悬停时的颜色 */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

    .editAddres {
        width: 70%;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    .multiChk span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .recordDiv {
        margin-top: 44px;
    }

    .recordtab {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .recordtabClick {
        width: 50% !important;
        z-index: 3 !important;
    }

    .recordtabPng {
        width: 42%;
        z-index: 2;
    }

    .recordContent {
        width: 74%;
        margin: 0 auto;
        padding-top: 20px;
        height: 366px;
        overflow: auto;
    }

    .recordItem {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .recordItemLeft div {
        color: #000;
    }

    .recordItemLeft .recordItemName {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 230px;
    }

    .recordItemLeft .recordItemTime {
        color: #000;
        font-size: 13px;
    }

    .recordWu {
        color: #000;
        width: 100%;
        text-align: center;
        line-height: 366px;
        height: 366px;
    }

    .recordItemRight {
        color: #000;
    }

    .FriendContent {
        height: 343px;
        overflow: auto;
        width: 90%;
        margin: 0 auto;
    }

    .FriendItem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .FriendItemLeft {
        display: flex;
        align-items: center;
        color: #000;
    }

    .FriendItemLeft img {
        width: 50px;
        height: 50px;
        border-radius: 30px;
        margin-right: 15px;
    }

    .FriendItemRight img {
        width: 100px;
    }

    .jikaButtonClick {
        cursor: pointer;
    }

    #Popup11 .pop3 {
        min-height: 341px;
    }

    .jiangpinContent {
        position: absolute;
        top: 43%;
        transform: translate(-50%, -50%);
        left: 50%;
        display: flex;
        flex-direction: column;
        color: #fff;
        font-size: 14px;
        align-items: center;
        width: 46%;
        text-align: center;
    }

    .jiangpinContent span {
        width: 93%;
        color: #000;
    }

    .jiangpinContent img {
        position: absolute;
        width: 15%;
        top: 50%;
        left: 42%;
        transform: translate(0, 180%);
    }

    .kvtop {
        position: relative;
        height: 200px;
        background: #ffdcbe;
    }

    .contentShowLeftAnimation {
        transform: translateX(-300%);
        transition: all 2s;
    }
    .contentShouRightAnimation {
        transform: translateX(300%);
        transition: all 2s;
    }

    .canyudivItemrotate3d img:nth-child(1) {
        transform: rotate3d(1, 1, 1, 360deg);
        transition: all 1s;
    }

    .canyudivItemAnimation0 {
        transform: translate(-340%, 0%) !important;
    }
    .canyudivItemAnimation0center {
        transform: translate(142%, 58%) !important;
    }
    
    
    .canyudivItemAnimation1 {
        transform: translate(-335%, 0%) !important;
    }
    .canyudivItemAnimation1center {
        transform: translate(0%, 58%) !important;
    }
    .canyudivItemAnimation2 {
        transform: translate(340%, 0%) !important;
    }
    .canyudivItemAnimation2center {
        transform: translate(-143%, 58%) !important;
    }


    .canyudivItemAnimation3 {
        transform: translate(-335%, 0%) !important;
    }
    .canyudivItemAnimation3center {
        transform: translate(143%,-50%) !important;
    }
    .canyudivItemAnimation4 {
        transform: translate(0, 182%) !important;
    }
    .canyudivItemAnimation4center {
        transform: translate(0%, -50%) !important;
    }
    .canyudivItemAnimation5 {
        transform: translate(0, 182%) !important;
    }
    .canyudivItemAnimation5center {
        transform: translate(-142%, -50%) !important;
    }
    #Popup12 .popJP {
        margin: 20px 0;
    }
    .PrizeSrcAnimation,.PrizeSrcAnimation3dcanyuitem img:nth-child(1) {
        transition: all 1.4s;
        transform: rotateY(360deg) !important;
    }
    /* .canyudivItemImageAnimation {
        animation: canyudivItemImageAnimation 1.5s infinite linear;
        transform: rotate(-10deg);
    } */
    @keyframes canyudivItemImageAnimation {
        0%, 100% {
            transform: translateZ(0);
        }
        10%, 30%, 50%, 70%, 90% {
            transform: translate3d(-10px, 0, 0);
        }
        20%, 40%, 60%, 80% {
            transform: translate3d(10px, 0, 0);
        }
    }
    .xinghuifanzhuang {
        opacity: 0 !important;
    }
    .canyudivItemDongXiao {
        animation-name: canyudivItemDongXiao;
        animation-duration: 1s;
    }
    @keyframes canyudivItemDongXiao {
        0%, 20%, 53%, 80%, 100% {
            -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
            animation-timing-function: cubic-bezier(.215,.61,.355,1);
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
        
        40%, 43% {
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
        }
        40%, 43%, 70% {
            -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
            animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        }
        70% {
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }
    
    .morechanceDiv {
        position: relative;
    }
    .clicktiaozhuan1 {
        position: absolute;
        top: 45%;
        width: 5.5%;
        height: 2vw;
        background: red;
        left: 46.2%;
        opacity: 0;
    }
    .clicktiaozhuan2 {
        position: absolute;
        top: 48%;
        width: 6.5%;
        height: 2.5vw;
        background: red;
        left: 32.2%;
        opacity: 0;
    }
    
    .tipText {
        position: absolute;
        bottom: 10px;
        width: 100%;
        text-align: center;
        color: #ccc;
        line-height: 33px;
    }