.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}
* {
    margin: 0;
    padding: 0;
}
/*body{
    min-width: auto !important;
}*/

.box1 .wrapper_10000dollar>.banner {
    width: 100%;
    height: 598px;
    background: url("/images/activity/bonus_open_2017xmas/banner.jpg")no-repeat center center;
    position: relative;
}

.box1 .banner-center {
    width: 1002px;
    height: 335px;
    background: url("/images/activity/bonus_open_2017xmas/banner-center.png")no-repeat center center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: top 0.5s;
}

.box1 .banner-center.animateClass {
    top: 75px;
}

.box1 .wrapper_10000dollar>.banner>.banner_btn {
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    height: 79px;
}

.box1 .wrapper_10000dollar>.banner>.banner_btn a {
    width: 582px;
    height: 79px;
    display: inline-block;
    /* float: left; */
    text-decoration: none;
}

.box1 .wrapper_10000dollar>.banner>.banner_btn>.btn1 {
    background: url("/images/activity/bonus_open_2017xmas/buttton1.png")no-repeat center center;
    margin-right: -5px;
    cursor: pointer;
    width: 568px;
}

.box1 .wrapper_10000dollar>.banner>.banner_btn>.btn2 {
    background: url("/images/activity/bonus_open_2017xmas/buttton2.png")no-repeat center center;
    cursor: pointer;
}

.box1 .wrapper_10000dollar>.banner>.banner_btn>.btn1:hover,
.box1 .wrapper_10000dollar>.banner>.banner_btn>.btn2:hover {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.box1 .wrapper_10000dollar>.part1 {
    width: 100%;
    height: 1098px;
    background: url("/images/activity/bonus_open_2017xmas/part1_bg.jpg")no-repeat center center;
    padding-top: 112px;
}

.box1 .wrapper_10000dollar>.part1>.part1_content {
    width: 1202px;
    height: 906px;
    margin: 0 auto;
    position: relative;
    padding-top: 70px;
    background: url("/images/activity/bonus_open_2017xmas/part1_center.png")no-repeat center center;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>.ruleA {
    width: 257px;
    height: 59px;
    background: url("/images/activity/bonus_open_2017xmas/buttton3.png")no-repeat center center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -22px;
    cursor: pointer;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>.part1_title {
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    width: 847px;
    height: 97px;
    display: block;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>p {
    text-align: center;
    color: #e84c41;
    font-size: 26px;
    margin: 0 0 5px;
    font-weight: bold;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>.part1_content_dollar {
    margin-top: 20px;
    text-align: center;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>.part1_content_dollar>div {
    display: inline-block;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>.part1_content_dollar>div>div {
    position: relative;
    opacity: 0;
}

.box1 .absolute1,
.box1 .absolute2,
.box1 .absolute3,
.box1 .absolute4 {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fbfaf2;
    left: 0;
}

.box1 .absolute1>.bigmoney {
    font-size: 56px;
    margin-right: 5px;
}

.box1 .absolute1 {
    top: 20px;
    left: 36px;
}

.box1 .absolute2 {
    color: #e9bc42;
    top: 178px;
    font-size: 27px;
}

.box1 .absolute3 {
    top: 353px;
}

.box1 .absolute4 {
    color: #f6c004;
    top: -7px;
}

.box1 .absolute4>span {
    font-size: 56px;
    margin-left: -9px;
}

.box1 .absolute3>p {
    font-size: 24px;
    margin: 0
}

.box1 .absolute3>p:first-child {
    font-size: 18px;
    margin-bottom: 15px;
}

.box1 .absolute3>p:last-child {
    font-size: 20px;
}

.box1 .absolute3>P>span {
    font-size: 40px;
}

.box1 .absolute2>span {
    font-size: 41px;
    margin-left: -9px;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>.part1_content_dollar>div>div:nth-child(2) {
    margin: 18px 0 24px 0;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>.part1_content_dollar>div.centerDiv {
    margin: 0 30px;
}

.box1 .wrapper_10000dollar>.part1>.part1_content>.part1_content_dollar img {
    display: inline-block;
}

.box1 .wrapper_10000dollar>.part2 {
    width: 100%;
    height: 732px;
    background: url("/images/activity/bonus_open_2017xmas/part2_bg.jpg")no-repeat center center;
    padding-top: 60px;
    position: relative;
}

.box1 .part2-btn {
    position: absolute;
    /*width: 100%;*/
    width:1200px;
    text-align: center;
    bottom: -109px;
    left: 0;
    color: #ffffff;
    font-size: 24px;

}

.box1 .part2-btn>a {
    width: 537px;
    height: 75px;
    position: relative;
    line-height: 75px;
    display: block;
    color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 1px 1px #909090;
    float:left;
}

.box1 .part2-btn>a:hover>i {
    width: 0;
    opacity: 0;
}

.box1 .part2-btn>a>span {
    position: absolute;
    transition: all 0.5s;
}

.box1 .part2-btn>a>span.firstSpan {
    left: 80px;
}

.box1 .part2-btn>a:hover>span.firstSpan {
    left: 30px;
}

.box1 .part2-btn>a>span.lastSpan {
    right: 52px;
    font-size: 20px;
}

.box1 .part2-btn>a:hover>span.lastSpan {
    right: 15px;
}

.box1 .part2-btn>a:first-child {
    background-color: #e9bc42;
    margin-right: 124px;
}

.box1 .part2-btn>a>i:first-child {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    transition: all 0.5s;
}

.box1 .part2-btn>a:first-child>i:first-child {
    background: url("/images/activity/bonus_open_2017xmas/icon1.png")no-repeat center center;
}

.box1 .part2-btn>a:last-child>i:first-child {
    background: url("/images/activity/bonus_open_2017xmas/icon2.png")no-repeat center center;
}

.box1 .part2-btn>a>i:last-child {
    height: 23px;
    display: inline-block;
    width: 23px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: url("/images/activity/bonus_open_2017xmas/icon3.png")no-repeat center center;
    transition: all 0.5s;
}

.box1 .part2-btn>a:last-child {
    background-color: #40a0eb;
}
.box1 .wrapper_10000dollar>.part2>.part2_content{
    width:1200px;
    margin:0 auto;
    position: relative;
}

.box1 .wrapper_10000dollar>.part2>.part2_content>.part2_title {
    margin: 0 auto;
    width: 961px;
    height: 100px;
    display: block;
}

.box1 .wrapper_10000dollar>.part2>.part2_content>.part2_title-p {
    margin-top: 32px;
    color: #fbf7eb;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.box1 .wrapper_10000dollar>.part2>.part2_content>.part2_content_box {
    width: 1200px;
    margin: 0 auto;
    color: #fbf7eb;
    font-size: 27px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    height: 423px;
    padding-top: 70px;
}

.box1 .wrapper_10000dollar>.part2>.part2_content>.part2_content_box span {
    font-size: 36px;
}

.box1 .part2_content_box-left,
.box1 .part2_content_box-right {
    float: left;
}

.box1 .part2_content_box-right {
    margin-left: 38px;
    line-height: 45px;
    margin-top: -7px;
    width: 495px;
}

.box1 .part2_content_box-right>p,
.box1 .part2_content_box-w>p {
    margin: 0;
}

.box1 .part2_content_box-w {
    margin-top: 30px;
    line-height: 36px;
}

.box1 .part2_content_box-car {
    width: 624px;
    height: 389px;
    background: url(/images/activity/bonus_open_2017xmas/car.png)no-repeat center center;
    position: absolute;
    right: -624px;
    top: 19px;
    transition: right 0.5s, transform 0.5s;
}

.box1 .part2_content_box-car.animateClass {
    right: 0;
}

.box1 .wrapper_10000dollar>.part3 {
    width: 100%;
    height: 1285px;
    background: url("/images/activity/bonus_open_2017xmas/part3_bg.jpg")no-repeat center center;
}

.box1 .wrapper_10000dollar>.part3>.part3_content {
    width: 1200px;
    height: 1243px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 118px;
}

.box1 .wrapper_10000dollar>.part3>.part3_content>.part3_title {
    margin: 0 auto;
    width: 561px;
    height: 97px;
    display: block;
}

.box1 .wrapper_10000dollar>.part3>.part3_content>.part3_pic {
    width: 558px;
    height: 277px;
    margin: 63px 84px 0 0;
    float: left;
}

.box1 .wrapper_10000dollar>.part3>.part3_content>.part3_pic>p,
.box1 .part3>.part3_content>.part3_pic5>p {
    margin: 199px 0 0 0;
    width: 100%;
    height: 78px;
    background: #313030;
    border-radius: 0 0 6px 6px;
    opacity: 0.88;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding-top: 10px;
}

.box1 .wrapper_10000dollar>.part3>.part3_content>.part3_pic1 {
    background: url("/images/activity/bonus_open_2017xmas/pic1.png")no-repeat center center;
}

.box1 .wrapper_10000dollar>.part3>.part3_content>.part3_pic2 {
    background: url("/images/activity/bonus_open_2017xmas/pic2.png")no-repeat center center;
}

.box1 .wrapper_10000dollar>.part3>.part3_content>.part3_pic3 {
    background: url("/images/activity/bonus_open_2017xmas/pic3.png")no-repeat center center;
}

.box1 .wrapper_10000dollar>.part3>.part3_content>.part3_pic4 {
    background: url("/images/activity/bonus_open_2017xmas/pic4.png")no-repeat center center;
}

.box1 .wrapper_10000dollar>.part3>.part3_content>.part3_pic5 {
    width: 1200px;
    height: 277px;
    background: url("/images/activity/bonus_open_2017xmas/pic5.png")no-repeat center center;
    margin-top: 52px;
    float: left;
}

.box1 .wrapper_10000dollar>.part4 img {
    width: 100%;
    min-width: 1200px;
    margin-bottom: 60px;
}
/*----------------------------------------------------------------------------------------------------------------------------*/

.wrapper_10000dollar .modal {
    position: fixed;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.wrapper_10000dollar .modal-backdrop {
    position: fixed;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .5;
}

.wrapper_10000dollar .modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 808px;
    height: 608px;
    margin: auto;
    border: 3px solid #ff5528;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
}

.wrapper_10000dollar .modal-content {
    position: relative;
    line-height: 20px;
    font-size: 12px;
    padding: 15px;
    border-radius: 16px !important;
}

.wrapper_10000dollar .modal-body {
    position: relative;
    background: #faf8f4;
    padding: 5px;
    overflow-y: auto;
    height: 510px;
    overflow-y: auto;
}

.wrapper_10000dollar .modal-body span {
    display: inline-block;
    margin-left: 10px;
}

.wrapper_10000dollar .modal-header {
    height: 40px;
    line-height: 40px;
    padding-bottom: 12px;
}

.wrapper_10000dollar .modal-header .close {
    position: absolute;
    top: 10px;
    right: 15px;
    display: block;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: url(/images/activity/bonus_open_2017xmas/close.png) no-repeat center center;
}

.wrapper_10000dollar .modal-header .close:hover {
    background: url(/images/activity/bonus_open_2017xmas/close_over.png) no-repeat center center;
}

.wrapper_10000dollar #activity-details .modal-body>ol {
    padding-left: 12px;
}

.wrapper_10000dollar .modal_table {
    border: 1px solid;
}

.wrapper_10000dollar .modal_table th {
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
}

.wrapper_10000dollar .modal_table {
    width: 100%;
}

.wrapper_10000dollar .modal_table td {
    border: 1px solid;
    padding: 4px 0;
    text-align: center;
}

.wrapper_10000dollar .modal_table td span {
    font-size: 13px;
}

.wrapper_10000dollar.hidden-lg {
    display: none !important;
}

.wrapper_10000dollar .modal-body span.speColor {
    margin: 0;
    color: #ff0000;
}



/*@media screen and (min-width: 768px) and (max-width: 1200px){

}*/

.displayMobile{
    display: none;
}
@media screen and (max-width: 1100px){
    .clearfix:before,
    .clearfix:after {
        display: table;
        content: " ";
    }
    .clearfix:after {
        clear: both;
    }
    body{
        padding-top:1rem;
        max-width: 7.5rem;

        /*overflow: hidden;*/


        margin:0 auto;
        min-width: 240px !important;
        overflow-x:hidden;

    }

    /*body{
        font-family: "Microsoft Yahei","微软雅黑",sans-serif,Arial,"Times New Roman";
        line-height: 1.5;
        font-size: .24rem;
        color: #222;
        background-color: #e0e0e0;
        max-width: 7.5rem;
        margin: 0 auto;
        padding-top: 1rem;
    }*/

    html{
        font-size:110px;
    }
    .box1{
        display: none;
    }
    /*.box2{
        display: block;
        max-width:7.5rem;
    }*/
    .displayMobile{
        display: block;
        width:7.5rem;
    }
    .footer-btn{
        padding-bottom: 0.26rem;
        text-align: center;
    }
    .footer-btn>a{
        cursor: pointer;
        color: #ffffff;
        height: 0.3rem;
        display: inline-block;
        padding: 0 .14rem;
        position: relative;
        font-size: 0.22rem;
    }
    .footer-btn>a>img{
                margin-right: 0.1rem;
                width: 0.3rem;
                height: 0.3rem;
    }

    .footer-btn>a>i{
        display: block;
        height: .22rem;
        width: 1px;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: .07rem;
        }


    header {
        top: 0;
        right: 0;
        z-index: 20;
        left:0;
        position: fixed;
        background: #fff;
    }

    .webHeader {
        height: 1rem;
        margin-right: .2rem;
        margin-left: .2rem;
    }

    .webHeader .headerLogo {
        display: inline-block;
        padding-top: .1rem
    }

    .webHeader .headerLogo img {
        height: .8rem
    }

    .webHeader .rightBtns {
        display: inline-block;
        margin-top: .25rem
    }

    .webHeader .rightBtns a {
        display: inline-block;
        width: .5rem;
        height: .5rem;
        margin-left: .2rem
    }

    .menuLayer {
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 999;
        background-color: rgba(0,0,0,.8);
        -webkit-transform: translate(100%,0);
        transform: translate(100%,0);
        transition-property: transform;
        transition-duration: .3s;
        transition-timing-function: linear;
        transition-delay: 0s;
        -moz-transition-property: transform;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: linear;
        -moz-transition-delay: 0s;
        -webkit-transition-property: -webkit-transform;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: linear;
        -webkit-transition-delay: 0s;
        -o-transition-property: transform;
        -o-transition-duration: .3s;
        -o-transition-timing-function: linear;
        -o-transition-delay: 0s;
        position: fixed;
        left: 0;
    }

    .menuLayer.activeClass {
        transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    .menuLayer .closeBtn {
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    .menuLayer .menuListBox {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 1rem;
        right: 0;
        background-color: #fff
    }

    .menuLayer .menuListBox .headerLogo {
        height: 1rem;
        border-bottom: 1px solid #e0e0e0;
        padding-top: .1rem;
        padding-left: .2rem
    }

    .menuLayer .menuListBox .menuListWrapper {
        overflow: scroll;
        position: absolute;
        top: 1rem;
        left: 0;
        right: 0;
        bottom: 2.6rem;
        margin: 0
    }

    .menuLayer .menuListBox .menuListWrapper .menuItem {
        font-size: .28rem;
        border: 0;
        border-bottom: 1px solid #e0e0e0;
        position: relative;
        margin: 0
    }

    .menuLayer .menuListBox .menuListWrapper .menuItem .menu-heading {
        line-height: 1rem;
        padding: 0 0 0 .4rem;
        color: #222;
        background-color: #fff;
        border: 0
    }

    .menuLayer .menuListBox .menuListWrapper .menuItem .menu-heading.collapsed .arrowBtn {
        background-image: url(https://m.bibgold.com/images/header/btn-show.png)
    }

    .menuLayer .menuListBox .menuListWrapper .menuItem a {
        color: #222;
        padding-left: .4rem;
        padding-right: .4rem
    }

    .menuLayer .menuListBox .menuListWrapper .menuItem .arrowBtn {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background-size: cover;
        width: 1rem;
        height: 1rem;
        background-image: url(https://m.bibgold.com//images/common/header/btn-hide.png)
    }

    .menuLayer .menuListBox .menuListWrapper .menuItem .menuChildren {
        width: 100%;
        background-color: #eee;
        padding: 0
    }

    .menuLayer .menuListBox .menuListWrapper .menuItem .menuChildren .childMenuItem {
        line-height: 1rem;
        font-size: .28rem;
        border-bottom: 1px solid #fff
    }

    .menuLayer .menuListBox .menuListWrapper .menuItem .menuChildren .childMenuItem a {
        display: block;
        height: 100%;
        color: #646464
    }

    .menuLayer .menuListBox .menuBoxBtns {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: .4rem 0
    }
    .openAccountBox .openBtns {
        width: 95%;
        margin-top: .2rem;
        margin-bottom: .2rem;
        text-align: center
    }
    .openBtns {
        display: inline-block;
        width: 80%;
        height: .66rem;
        line-height: .66rem;
        border-radius: 10px;
        font-size: .28rem
    }

    .openBtns i {
        display: inline-block;
        vertical-align: middle
    }

    .openBtns.livebtn {
        background-color: #e53637;
        color: #fff;
        margin-bottom: .4rem
    }

    .openBtns.livebtn i {
        background-image: url(https://m.bibgold.com//images/common/header/btn-openlive.png);
        width: .41rem;
        height: .41rem
    }

    .openBtns.demobtn {
        background-color: #fff;
        color: #ad9b68;
        border: 1px solid #ad9b68
    }

    .openBtns.demobtn i {
        background-image: url(https://m.bibgold.com//images/common/header/btn-opendemo.png);
        width: .29rem;
        height: .45rem
    }
    .openBtns i,.pageHeaderNavi {
        background-size: cover;
        background-position: center
    }

    .pageHeaderNavi {
        height: .82rem
    }

    .pageHeaderNavi .wrapper {
        position: relative
    }

    .pageHeaderNavi .returnBtn {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        left: 0
    }

    .pageHeaderNavi .homePageBtn {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        right: 0
    }

    .pageHeaderNavi h4 {
        text-align: center;
        line-height: .82rem;
        font-size: .32rem;
        color: #ad9b68;
        margin: 0
    }


    .panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
        color: inherit
    }

    .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3
    }

    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0,0,0,.05)
    }

    .panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
        margin-bottom: 0
    }

    .panel-body {
        padding: 15px
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel-title {
        margin-top: 0;
        font-size: 16px
    }

    .panel-footer {
        padding: 10px 15px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
        border-bottom: 0
    }

    .panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
        border-top-width: 0
    }

    .panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

    .panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
        border-bottom-left-radius: 3px
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
        border-bottom-right-radius: 3px
    }

    .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
        border-top: 1px solid #ddd
    }

    .panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
        border-top: 0
    }

    .panel>.table-bordered,.panel>.table-responsive>.table-bordered {
        border: 0
    }

    .panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .panel>.table-responsive {
        margin-bottom: 0;
        border: 0
    }

    .panel-group {
        margin-bottom: 20px
    }

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

    .panel-group .panel+.panel {
        margin-top: 5px
    }

    .panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 1px solid #ddd
    }

    .panel-group .panel-footer {
        border-top: 0
    }

    .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom: 1px solid #ddd
    }

    .panel-default {
        border-color: #ddd
    }

    .panel-default>.panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ddd
    }

    .panel-default>.panel-heading .badge {
        color: #f5f5f5;
        background-color: #333
    }

    .panel-default>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ddd
    }

    .panel-primary {
        border-color: #337ab7
    }

    .panel-primary>.panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #337ab7
    }

    .panel-primary>.panel-heading .badge {
        color: #337ab7;
        background-color: #fff
    }

    .panel-primary>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #337ab7
    }

    .panel-success {
        border-color: #d6e9c6
    }

    .panel-success>.panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

    .panel-success>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #d6e9c6
    }

    .panel-success>.panel-heading .badge {
        color: #dff0d8;
        background-color: #3c763d
    }

    .panel-success>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #d6e9c6
    }

    .panel-info {
        border-color: #bce8f1
    }

    .panel-info>.panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

    .panel-info>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #bce8f1
    }

    .panel-info>.panel-heading .badge {
        color: #d9edf7;
        background-color: #31708f
    }

    .panel-info>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #bce8f1
    }

    .panel-warning {
        border-color: #faebcc
    }

    .panel-warning>.panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

    .panel-warning>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #faebcc
    }

    .panel-warning>.panel-heading .badge {
        color: #fcf8e3;
        background-color: #8a6d3b
    }

    .panel-warning>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #faebcc
    }

    .panel-danger {
        border-color: #ebccd1
    }

    .panel-danger>.panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

    .panel-danger>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ebccd1
    }

    .panel-danger>.panel-heading .badge {
        color: #f2dede;
        background-color: #a94442
    }

    .panel-danger>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ebccd1
    }














    footer {
        background-color: #22283e;
        color: #fff;
        font-size: .2rem;
        padding-top: .3rem;
        padding-bottom: .3rem;
        height: 1rem
    }

    .footer-partner {
        background-color: #fff;
        width: 100%;
    }

    .footer-partner ul.bottomTabs {
        margin: 0;
        padding: 0;
        list-style: none;
        background-image: url(https://m.bibgold.com/images/footer/footerPartnerBg.png);
        background-size: cover;
        background-position: top center;
        color: #646464
    }

    .footer-partner ul.bottomTabs li {
        float: left;
        text-align: center;
        line-height: .6rem;
        position: relative;
        cursor: pointer
    }

    .footer-partner ul.bottomTabs li.activeClass {
        border-bottom: 2px solid #fc4e49;
        color: #e82c20
    }

    .footer-partner ul.bottomTabs li.activeClass>i {
        position: absolute;
        bottom: -.09rem;
        left: 50%;
        margin-left: -.08rem;
        width: 0;
        height: 0;
        border-left: .08rem solid transparent;
        border-right: .08rem solid transparent;
        border-top: .08rem solid #fc4e49
    }
    .footer-partner #bottomTabContent {
        width: 100%;
    }
    .footer-partner #bottomTabContent .comSwiperWrap {
        width: 100%;
        padding: .2rem 0.25rem;
        position: relative;
        height: 2rem
    }

    .footer-partner #bottomTabContent .comSwiperWrap .bSwiperLine {
        border-right: 1px solid #e0e0e0;
        width: 1px;
        height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 0
    }

    .footer-partner #bottomTabContent .comSwiperWrap .swiper-slide {
        padding: .2rem .3rem;
        position: relative;
        background-color: #fff;
        height: 1.6rem
    }

    .footer-partner #bottomTabContent .comSwiperWrap .swiper-slide .picIntro {
        width: 1.6rem;
        position: absolute;
        top: 50%;
        left: 1.4rem;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        font-size: 0.24rem;
    }

    .footer-partner #bottomTabContent .comSwiperWrap .bottomTab_btn_next {
        background-image: url(https://m.bibgold.com/images/footer/btn-next.png);
        right: 0;
        width: .2rem;
        background-position: right
    }

    .footer-partner #bottomTabContent .comSwiperWrap .bottomTab_btn_pre {
        background-image: url(https://m.bibgold.com/images/footer/btn-pre.png);
        left: 0;
        width: .2rem;
        background-position: left
    }

    .footer-partner #bottomTabContent .comSwiperWrap#cert-thumbnail img {
        height: 1.2rem
    }

    .footer-partner #bottomTabContent .comSwiperWrap#hyjx .swiper-slide {
        padding: .3rem
    }

    .footer-partner #bottomTabContent .comSwiperWrap#hyjx img {
        height: .8rem;
        margin-top: .1rem
    }

    .footer-partner #bottomTabContent .comSwiperWrap#hzhb img {
        height: .8rem
    }

    .footer-partner #bottomTabContent .comSwiperWrap#hzhb .swiper-slide {
        padding: .37rem .3rem;
        text-align: center
    }

    .footer-partner #bottomTabContent .comSwiperWrap#hzhb .picIntro {
        left: 2rem;
        text-align: center;
        width: 1.2rem
    }






    .clearfix:after {
        display: table;
        content: " ";
        clear: both;
    }

    .clearfix:before {
        display: table;
        content: " ";
    }
    .banner{
        width:7.5rem;
    }
    .banner img {
        width: 100%;
    }

    .part1 {
        background: #fdf7f0;
        margin: 0.34rem 0 0.75rem 0;
        position: relative;
    }

    .part1>.part1_title {
        width: 7.27rem;
        height: .83rem;
        display: block;
        margin: 0 auto;
    }

    .part1>p {
        font-size: 0.3rem;
        font-weight: bold;
        text-align: center;
        line-height: 0.3rem;
        margin: 0.26rem 0 0.4rem 0;
    }

    .part1>.part1-item {
        position: relative;
        margin-top: 0.36rem;
    }

    .part1 .part1-item .item-pic {
        /*width: 6.6rem;
        height: 5.17rem;*/
        width: 6.53rem;
        height: 5.17rem;
        display: block;
        color: #fff;
        font-weight: bold;
        margin: .36rem auto 0;
        position: relative;
        border:1px solid #eae2e0;
        border-radius: 10px;
    }

    .part1 .part1-item .part1-pic {
        background: url(/images/activity/bonus_open_2017xmas/mobile/bg-pic3.png) center center/cover no-repeat;
    }

    .part1 .part1-item .part2-pic {
        margin-top: .58rem;
        background: url(/images/activity/bonus_open_2017xmas/mobile/bg-pic2.png) center center/cover no-repeat;
    }

    .part1 .part1-item .part3-pic {
        margin-top: .58rem;
        background: url(/images/activity/bonus_open_2017xmas/mobile/bg-pic1.png) center center/cover no-repeat;
    }

    .part1 .part1-item .part1-arrow {
        margin: .17rem auto;
        display: block;
        width:0.4rem;
        height:0.27rem;
    }

    .part1 .item-pic .part1-tit {
        font-size: .45rem;
        position: absolute;
        top: .3rem;
        left: 2.5rem;
    }

    .part1 .item-pic .part1-tit .titNum {
        font-size: .54rem;
        margin: 0 .05rem;
    }

    .part1 .item-pic .item-middle {
        position: absolute;
        left: 1.55rem;
        top: 1.7rem;
    }

    .part1 .item-pic .part1-middle {
        color: #e64d46;
    }

    .part1 .item-pic .part2-middle {
        color: #46a1e8;
    }

    .part1 .item-pic .part3-middle {
        color:#e8bb4e;
    }

    .part1 .item-pic .item-middle .middle-tit {
        font-size: .35rem;
        margin: 0;
    }

    .part1 .item-pic .item-middle .middle-tip {
        margin: 0;
        text-align: center;
        font-size: .27rem;
    }

    .part1 .item-pic .item-middle .middle-tit .middleNum {
        font-size: .44rem;
    }

    .part1 .item-pic .bottom-tit {
        font-size: .22rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 3.34rem;
    }

    .part1 .item-pic .part1-bottom {
        position: absolute;
        top: 3.7rem;
        left: 1.4rem;
    }

    .part1 .item-pic .part1-bottom .bottom-top {
        font-size: .35rem;
        margin: 0;
    }

    .part1 .item-pic .part1-bottom .bottom-top .bottomNum {
        font-size: .44rem;
    }

    .part1 .item-pic .part1-bottom .bottom-tip {
        font-size: .28rem;
        margin: 0;
        text-align: center;
    }

    .part1 .part1-item .item-pic2 {
        width: 6.62rem;
        height: .91rem;
        line-height: .91rem;
        font-size: .45rem;
        text-align: center;
        margin: 0 auto;
        font-weight: bold;
    }

    .part1 .part1-item .part1-pic2 {
        color:#e64d46;
        /*background: url(/images/activity/bonus_open_2017xmas/mobile/text-bg3.png) center center/cover no-repeat;*/
        border:1px solid #e63a33;
        border-radius: 7px;
    }

    .part1 .part1-item .part2-pic2 {
        color: #46a1e8;
        /*background: url(/images/activity/bonus_open_2017xmas/mobile/text-bg2.png) center center/cover no-repeat;*/
        border:1px solid #339de8;
        border-radius: 7px;
    }

    .part1 .part1-item .part3-pic2 {
        color: #e8bb4e;
        /*background: url(/images/activity/bonus_open_2017xmas/mobile/text-bg1.png) center center/cover no-repeat;*/
        border:1px solid #e8ba3b;
        border-radius: 7px;

    }

    .part1>.ruleA {
        width: 3.02rem;
        height: 0.69rem;
        display: block;
        text-align: center;
        color: #fff;
        line-height: 0.69rem;
        font-size: 0.35rem;
        position: relative;
        bottom: -0.35rem;
        left: 2.29rem;
        background: #b38408;
        border-radius: 0.04rem;
        cursor: pointer;
        z-index: 9;
        background: url(/images/activity/bonus_open_2017xmas/mobile/ruleBtn.png) center center/cover no-repeat;
    }

    .part2 {
        background: url(/images/activity/bonus_open_2017xmas/mobile/part2-bg.jpg) center center/cover no-repeat;
        position: relative;
        width: 7.5rem;
        height: 9.65rem;
        font-weight: bold;
        color: #fbf7eb;
    }

    .part2>.part2_title {
        display: block;
        margin: 0 auto;
        position: relative;
        top: .4rem;
        width: 7.26rem;
        height: .97rem;
    }

    .part2 .part2_subTit {
        font-size: .32rem;
        text-align: center;
        margin: .6rem 0 .2rem;
    }

    .part2 .part2-center {
        width: 7.26rem;
        margin: 0 auto;
        padding: 0 .28rem;
    }

    .part2 .part2-center .headPic,
    .part2 .part2-center .head-intro {
        float: left;
    }

    .part2 .part2-center .head-intro {
        margin-left: .2rem;
        font-size: .27rem;
    }

    .part2 .part2-center .head-intro p {
        margin: 0;
        line-height: .45rem;
    }

    .intro-money {
        font-size: .34rem;
    }

    .part2 .part2-center .totalText {
        margin: .12rem 0 0;
        font-size: .27rem;
    }

    .part2 .carBanner {
        width: 6.26rem;
        height: 3.44rem;
        display: block;
        margin: .1rem auto 0;
    }

    .part2 .list {
        /*width:2.46rem !important;*/
        height: 3.36rem;
        background: url('/images/activity/bonus_open_2017xmas/mobile/part2-bg.png')no-repeat;
        background-size: 2.46rem 3.36rem;
        padding-top: 0.2rem;
    }

    .part2 .list>img {
        width: 0.96rem;
        height: 0.82rem;
        margin: 0 0 0.2rem 0.75rem;
        position: relative;
    }

    .part2 .list>p {
        font-size: 0.28rem;
        text-align: center;
        height: 0.41rem;
        line-height: 0.41rem;
        margin: 0.38rem 0 0.32rem 0;
        font-weight: bold;
        color: #444;
    }

    .part2 .list>h1 {
        width: 2.46rem;
        font-size: 0.24rem;
        color: #666;
        text-align: center;
        margin: 0;
        line-height: 0.29rem;
        font-style: normal;
    }

    .listBox {
        width: 5.28rem;
        height: 3.36rem;
    }

    .swiper-button-prev {

        background: url('/images/activity/bonus_open_2017xmas/mobile/left.png')no-repeat center center;
        /*position: absolute;
    top:0;
    left: 0;*/
    }

    .swiper-button-next {

        background: url('/images/activity/bonus_open_2017xmas/mobile/right.png')no-repeat center center;
    }

    .part3 {
        background: #fdf7f0;
        padding: 0.5rem 0 0.27rem 0;
    }

    .part3>.part3_title {
        width: 6.7rem;
        height: 1.22rem;
        display: block;
        margin: 0 0 0.44rem 0.4rem;
    }

    .part3>.part3-contentbox {
        overflow: hidden;
    }

    .part3-contentbox ul {
        padding: 0 0.1rem 0 0.1rem;
        overflow: hidden;
        margin-top: 0.04rem;
    }

    .part3-contentbox ul li {
        width: 2.433rem;
        list-style: none;
        float: left;
    }

    .part3-contentbox ul li div {
        width: 1.01rem;
        height: 0.99rem;
        margin: 0 0 0.1rem 0.71rem;
    }

    .part3-contentbox ul li p {
        text-align: center;
        font-size: 0.21rem;
        color: #656565;
    }

    .part3-contentbox ul li:nth-child(1),
    .part3-contentbox ul li:nth-child(2),
    .part3-contentbox ul li:nth-child(3) {
        margin-bottom: 0.2rem;
    }


    .part4>img {
        width: 100%;
    }

    .bottom-mobile {
        width: 7.5rem;
        overflow: hidden;
        position: fixed;
        bottom: 0;
        z-index: 99;
        padding: 0.27rem 0 0.29rem 0.41rem;
        background: #1c2133;
    }

    .bottom-mobile a {
        width: 3.24rem;
        height: 0.9rem;
        display: block;
        float: left;
        border-radius: 0.07rem;
        overflow: hidden;
        padding: 0.25rem 0 0.25rem 0;
    }

    .bottom-mobile>.bottom-mobile-btn1 {
        background: #e9473f;
        margin-right: 0.21rem;
    }

    .bottom-mobile>.bottom-mobile-btn2 {
        background: #2597e1;
    }

    .bottom-mobile>a>img {
        display: block;
        width: 0.4rem;
        height: 0.4rem;
        float: left;
        margin: 0 0.25rem 0 0.59rem;
    }

    .bottom-mobile>a>p {
        float: left;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.36rem;
        color: #fff;
    }

    footer {
        margin-bottom: 1.46rem;
    }
    /*----------------------------------------------------------------------------------------------------------------------------*/

    .modal-A {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    .modal-backdrop-A {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
        opacity: .5;
    }

    .modal-dialog-A {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 808px;
        height: 610px;
        margin: auto;
        border: 3px solid #ff5528;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background-color: #fff;
    }

    .modal-content-A {
        position: relative;
        line-height: 20px;
        font-size: 12px;
        padding: 15px;
    }

    .modal-body-A {
        position: relative;
        background: #faf8f4;
        padding: 5px;
        overflow-y: auto;
        height: 510px;
        overflow-y: auto;
    }

    .modal-body-A span {
        display: inline-block;
        /*margin-left: 10px;*/
    }

    .modal-header-A {
        height: 40px;
        line-height: 40px;
        padding-bottom: 12px;
    }

    .modal-header-A .close-A {
        position: absolute;
        top: 10px;
        right: 15px;
        display: block;
        width: 42px;
        height: 42px;
        cursor: pointer;
        background: url(/images/activity/bonus_open_2017xmas/mobile/close.png) no-repeat center center;
    }

    .modal-header-A .close-A:hover {
        background: url(/images/activity/bonus_open_2017xmas/mobile/close_over.png) no-repeat center center;
    }

    #activity-details-A .modal-body-A>ol {
        padding-left: 30px;
    }

    .modal_table-A {
        border: 1px solid;
    }

    .modal_table-A th {
        font-size: 16px;
        padding: 10px 0;
        text-align: center;
    }

    .modal_table-A {
        width: 100%;
    }

    .modal_table-A td {
        border: 1px solid;
        padding: 5px 0;
        text-align: center;
    }

    .hidden-lg-A {
        display: none !important;
    }

    .modal-body-A span.speColor-A {
        margin: 0;
        color: #ff0000;
    }

    .modal_alert-footer-A .btn {
        display: inherit;
        margin-left: auto;
        margin-right: auto;
    }

    @media screen and (max-width:750px) {
        .modal-dialog-A {
            position: relative;
            width: auto;
            height: auto;
            overflow: hidden;
            margin: 10px;
            min-width: 280px;
        }
        .modal-footer-A {
            padding: 15px;
            text-align: right;
            border-top: 1px solid #e5e5e5;
            display: block !important;
        }
        .modal-footer-A .close-A {
            display: inline-block;
            padding: 5px 10px;
            color: #fff;
            background-color: #1f89f1;
            cursor: pointer;
        }
    }

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

        .modal-body-A {
            height: 400px;
        }
        .modal-content-A {
            padding: 8px;
            padding-bottom: 0;
        }
    }

    @media screen and (max-width: 330px) {
        .modal-body-A {
            height: 215px;
        }
    }
    /*----------------------------------------------------------------------------------------------------------------------------*/

    .modal-A p {
        font-size: 0.24rem;
        line-height: 0.4rem;
    }

    .modal-A li {
        font-size: 0.24rem;
        line-height: 0.4rem
    }

    .modal-dialog-A {
        width: 7.1rem;
        height: 9.12rem !important;
        margin: 0.2rem;
        top: 1rem;
    }

    .modal-header-A {
        height: 0.6rem;
        line-height: 0.6rem;
        padding-bottom: 0.24rem;
    }

    .modal-content-A {
        width: 6.98rem !important;
        height: 9rem;
        padding: 0.16rem;
    }

    .modal-body-A {
        width: 6.62rem;
        height: 8rem !important;
        padding: 0.1rem;
    }

    .activity-rule-A {
        font-weight: bold;
        font-size: 0.28rem;
        margin-top: 0.3rem;
    }

    .activity-head-A {
        width: 3.1rem;
        margin: 0.1rem 0 0.3rem 1.52rem;
        font-size: 0.36rem;
    }

    .modal-header-A .close-A {
        position: absolute;
        top: 0.1rem;
        right: 0.15rem;
        display: block;
        width: 0.42rem;
        height: 0.42rem;
        cursor: pointer;
        background: url(/images/activity/bonus_open_2017xmas/mobile/close.png) no-repeat center center;
        background-size: 0.42rem 0.42rem;
    }

    .modal-header-A .close-A:hover {
        background: url(/images/activity/bonus_open_2017xmas/mobile/close_over.png) no-repeat center center;
        background-size: 0.42rem 0.42rem;
    }
}












    @media screen and (max-width: 740px){
        html{font-size: 74px}
    }
    @media screen and (max-width: 680px){
        html{font-size: 68px}
    }
    @media screen and (max-width: 560px){
        html{font-size: 56px}
    }
    @media screen and (max-width: 430px){
        html{font-size: 43px}
    }
    @media screen and (max-width: 400px){
        html{font-size: 40px}
    }
    @media screen and (max-width: 420px){
        html{font-size: 42px}
    }
    @media screen and (max-width: 375px){
        html{font-size: 37.5px}
    }
    @media screen and (max-width: 320px){
        html{font-size: 32px}
    }
    @media screen and (max-width: 240px){
        html{font-size: 24px}
    }
    .box2{
        overflow: hidden;
        width:7.5rem;
    }