@charset "UTF-8";
*{
    box-sizing: border-box;
}
html,body {
    max-width: 1920px;
    margin: 0 auto;
}

body {
    background: #f3f3ff;
}

header {
    position: relative;
    z-index: 3;
    width: 100%;
}

header .top {
    width: 100%;
    height: 36px;
    line-height: 32px;
    background: #161735;
}

header .top li {
    float: left;
}




header nav {
    height: 36px;
    width: 100%;
    background: #262c59;
}

header nav ul {
    height: 100%;
}

header nav li {
    float: left;
    margin: 0 12px;
    line-height: 33px;
}

header nav li a {
    color: #fff;
    font-size: 16px;
    display: block;
}

header nav li.active,
header nav li:hover {
    border-bottom: 3px solid #df3e7b;
    transition: 0.3s;

}

header nav li.active a,
header nav li:hover a {
    color: #df3e7b;
}

header h1 {
    float: left;
    background: url(/qy-ydpm/_src/images/common/logo-bg4.png) no-repeat center top;
}

header h1 img {
    margin-top: -40px;
}



.login .act-btn{
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    margin: 0 15px;
    border: none;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;

    cursor: pointer;
}
.login  .login-btn{
    background: #df3e7b;
}
.login .register-btn {
    background: #697dac;
}

.cont {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


.items {
    display: none;
}

.items.active {
    display: block;
}

.cfx {
    zoom: 1;
}

.cfx:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: '.';
}



.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex {
    flex: 1;
}
.hide{
    display: none;
}

/*活动内容*/
.header {
    position: relative;
    width: 100%;
    display: flex;
    /*height: 500px;*/
}


.main-body {
    padding: 30px 0;
    background: #f3f3ff url(/images/promotion/bg-pc.jpg) repeat-y center top;
}


.title{
    height: 54px;
    margin: 30px 0;
}
.obj-title{
    background: url(/images/promotion/title1-pc.png) no-repeat 52% top;
}

.cont2-title{
    background: url(/images/promotion/title2-pc.png) no-repeat 52% top;
}

.rule-title{
    background: url(/images/promotion/title3-pc.png) no-repeat 52% top;
}


.part-context{
    padding: 40px 140px;
    line-height: 2;
    color: #d0c29f;
    font-size: 18px;
    border: 2px solid #cab17d;
    border-radius: 25px;
    background: #1f232f;
}


/*.cont2 ,.rule-cont{*/
/*    border-radius: 25px;*/
/*    background: url(/images/promotion/box-bg1.png) no-repeat center top,*/
/*                url(/images/promotion/box-bg2.png) repeat-y center 40px;*/
/*                !*url(/images/promotion/box-bg3.png) no-repeat center bottom;*!*/
/*}*/
/*.part2, .part3{*/
/*    background: url(/images/promotion/box-bg3.png) no-repeat center bottom;*/
/*    padding-bottom: 10px;*/
/*}*/
.des{
    line-height: 1.2;
}

.text{
    line-height: 2;
}

.table-cont{
    /*border-radius:10px;*/
}
table {
    width: 100%;
    font-size: small;
    /*border-radius: 10px;*/
    /*border-collapse: separate;*/
    border: 1px solid #8ba3e0;
}

table th,
table td {
    height: 40px;
    line-height: 40px;
    border: 1px solid #d0c29f!important;
    text-align: center;
    color: #d0c29f!important;
    background: transparent !important;
}
table th{
    color: #d0c29f!important;
    background: #777267!important;
}
.cont2 img+h4,
.cont2 img{
    text-align: center;
    margin: 0 auto;
    display: block;
}

/*.left-border-radius{*/
    /*border-radius: 0  0 0 10px ;*/
/*}*/
/*.top-border-radius{*/
    /*border-radius: 10px  0 0  0;*/
/*}*/
/*.right-border-radius{*/
    /*border-radius: 0  10px 0 0 ;*/
/*}*/
/*.bottom-border-radius{*/
    /*border-radius: 0  0 10px  0;*/
/*}*/




.rule-cont p {
    position: relative;
    line-height: 2;
}

/*.rule-cont p span {*/
    /*position: absolute;*/
    /*left: 0;*/
/*}*/

.act-footer {
    color: #fFFFFF;
    line-height: 2;
    font-size: 16px;
    text-align: center;
    background: #ad9558;
}

.wapper852 {
    text-align: center;
    margin-top: 45px;
}

.btn852 {
    text-align: center;
    line-height: 50px;
    display: inline-block;
    width: 280px;
    height: 50px;
    font-weight: 400;
    font-size: 22px;
    line-height: 50px;
    color: #58472B;
    background: linear-gradient(180deg, #F9E6BB 0%, #C59E72 100%);
    border-radius: 2px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .header {
        height: auto;
        background: none;
    }

    .cont {
        width: 95%;
    }


    .info {
        height: auto;
        padding: 5px 20px;
        line-height: 2;
        border-radius: 5px;
        background: #5e76b4;
    }

    .cont2 {
        height: auto;
        padding: 20px 5px;
        line-height: 2;
        border-radius: 5px;
        background: #5e76b4;
    }
    .rule-cont {
        height: auto;
        padding: 20px 5px;
        line-height: 2;
        border-radius: 5px;
        background: #5e76b4;
    }


    .des {
        line-height: 2;
    }
    .text {
        padding-top: 0;
    }
}