body,
html {
    background-color: #16293c;
}

.m_nav {
    display: none;
}

.m_show {
    display: none;
}

.is_allow {
    cursor: pointer;
}

#blackbg {
    background: #00000099;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.popbox {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 101;
    width: 500px;
    height: 350px;
    transform: translateX(-250px) translateY(-175px);
    display: none;
}

.pop-tips {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-100px) translateY(-20px);
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    background: #00000099;
    border-radius: 30px;
    z-index: 9999999999999;
}

.popbox .conbox {
    position: relative;
}

.popbox .title {
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    text-indent: 37px;
    border-radius: 18px 18px 0 0;
    background: -webkit-linear-gradient(top, #F4C066, #F1AE4A);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #F4C066, #F1AE4A);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #F4C066, #F1AE4A);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #F4C066, #F1AE4A);
    /* 标准的语法 */
    position: relative;
}

.popbox .title .close {
    background: url(../images/close.png) left top no-repeat;
    background-size: auto 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 37px;
    top: 23px;
    cursor: pointer;
}

.popbox .plane-img {
    position: absolute;
    left: 162px;
    top: 35px;
}

.popbox .pop-conbox {
    background-color: #FFF;
    height: 280px;
    border-radius: 0 0 18px 18px;
    display: none;
}

.popbox .submit-success .circle-box {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 64px;
    background: -webkit-linear-gradient(top, #FFD791, #F1AE4B);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FFD791, #F1AE4B);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FFD791, #F1AE4B);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FFD791, #F1AE4B);
    /* 标准的语法 */
}

.awards-success .awards-box {
    padding: 50px 0 43px 0;
    text-align: center;
}

.user-up .face-box,
.no-chance .face-box,
.lose .face-box {
    padding: 50px 0 40px 0;
    text-align: center;
}

.awards-success .t1,
.user-up .t1,
.lose .t1,
.no-chance .t1 {
    font-size: 24px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    display: block;
}

.awards-success .t2,
.user-up .t2,
.lose .t2 {
    font-size: 18px;
    color: #999;
    line-height: 36px;
    margin-top: 5px;
    text-align: center;
    display: block;
}

.no-chance .t2 {
    color: #F2B14F;
    text-decoration: underline;
    font-size: 18px;
    line-height: 36px;
    margin-top: 5px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.popbox .submit-success .t1 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
    margin-top: 82px;
    display: block;
    text-align: center;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.mquee {
    height: 250px;
    overflow: hidden;
    position: relative;
    border-radius: 0 0 8px 8px;
    background: #FFF;
    padding: 5px 0;
    box-sizing: border-box;
}

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

.f-img1 {
    position: absolute;
    left: 50%;
    transform: translateX(363px);
    top: 433px;
}

.f-img2 {
    position: absolute;
    right: 0;
    top: 344px;
}

.f-img3 {
    position: absolute;
    left: 50%;
    transform: translateX(-930px);
    top: 849px;
}

.f-img4 {
    position: absolute;
    right: 0;
    top: 2481px;
}

.f-img5 {
    position: absolute;
    left: 0;
    top: 2950px;
}

.f-img6 {
    position: absolute;
    left: 44px;
    top: 2090px;
}

.header {
    background: #1C87B4;
    top: 35px;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 999;
}

.header .logo {
    width: 155px;
    height: 28px;
}

.menu {
    display: flex;
}

.menu a {
    position: relative;
    margin-left: 72px;
    height: 66px;
    line-height: 66px;
    border-bottom: none;
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
}

.menu a:hover,
.menu a.act {
    color: #00DFD8;
}

.menu a.act::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 100%;
    height: 10px;
    background: url(../images/active_bot.png) left top no-repeat;
    background-size: 100% 100%;
}

.banner {
    margin-top: 101px;
    position: relative;
}

.banner img {
    width: 100%;
}

#part1 {}

.part1-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 17px 0 25px 0;
}

.part2-title {
    margin: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.part3-title {
    margin: 25px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.part1-title .com-title,
.part2-title .com-title,
.part3-title .com-title {
    width: 508px;
    background: url(../images/part1-title.png) left top no-repeat;
    height: 138px;
    font-size: 36px;
    color: #926003;
    text-align: center;
    line-height: 128px;
    font-weight: bold;
}

.part1-title span {
    line-height: 20px;
    font-size: 20px;
    color: #926003;
    margin-top: -10px;
}

.term-box {
    padding-bottom: 23px;
}

.term-box .btn2 {
    width: 590px;
    height: 66px;
    text-align: center;
    line-height: 66px;
    font-size: 30px;
    color: #926003;
    border-radius: 33px;
    background: -webkit-linear-gradient(top, #FDF3C5, #FFD598);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF3C5, #FFD598);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF3C5, #FFD598);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF3C5, #FFD598);
    /* 标准的语法 */
    cursor: pointer;
}

.term-box .btn2:hover,
.term-box .btn2.act {
    background: -webkit-linear-gradient(top, #FDF3C5, #EFA73F);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF3C5, #EFA73F);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF3C5, #EFA73F);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF3C5, #EFA73F);
    /* 标准的语法 */
    cursor: pointer;
}

.course-box {
    padding: 20px;
    border-radius: 18px;
    background: -webkit-linear-gradient(top, #FDF5C7, #F3BB62);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF5C7, #F3BB62);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF5C7, #F3BB62);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF5C7, #F3BB62);
    /* 标准的语法 */
}

.course-box .bgbox {
    background: #FFF;
    border-radius: 18px;
    padding: 0 40px 40px;
}

.course-box .bgbox .title {
    font-size: 30px;
    line-height: 52px;
    padding: 18px 0;
    text-align: center;
    color: #333;
    font-weight: bold;
}

.course-box .bgbox table {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    border-collapse: collapse;
    width: 100%;
}

.course-box .bgbox table th,
.course-box .bgbox table td {
    border: 1px solid #D9EAF9;
}

.course-box {
    margin-bottom: 56px;
}

.course-box .bgbox th {
    background: -webkit-linear-gradient(top, #7BC2FF, #6AA8E2);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #7BC2FF, #6AA8E2);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #7BC2FF, #6AA8E2);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #7BC2FF, #6AA8E2);
    /* 标准的语法 */
    height: 66px;
    line-height: 66px;
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    width: 20%;
}

.course-box table td {
    width: 20%;

}

.course-box table tr:nth-child(odd) {
    background: rgb(242, 249, 255);
}

.course-box table td .course-elem {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 7px 12px;
    box-sizing: border-box;
    cursor: pointer;
}

.course-box table td .star.act {
    background-image: url(../images/star_min_h.png);
}

.course-box table td:hover .name,
.course-box table td.act .name {
    color: #EFA841;
}

.course-box table td .star {
    background: url(../images/star_min.png) no-repeat;
    background-size: 100% 100%;
    width: 23px;
    height: 22px;
    margin-right: 9px;
}

.course-box table td .name {
    color: #333;
    font-size: 15px;
    line-height: 20px;
    flex: 1;
    word-break: break-all;
}

.video-bg {
    background: url(../images/video_bg.png) center top no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: 740px;
}

.video-header {
    display: flex;
    justify-content: space-between;
    padding: 34px 34px 0 34px;
    box-sizing: border-box;
    width: 1082px;
    margin: 0 auto;
}

.video-header .video-left {
    display: flex;
    height: 50px;
    align-items: center;
}

.video-header .video-left img {
    height: 29px;
    padding-right: 22px;
}

.video-header .video-left .video-title {
    font-size: 30px;
    line-height: 50px;
    color: #926003;
    font-weight: bold;
}

.video-header .learn-btn {
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #926003;
    font-size: 20px;
    border-radius: 25px;
    cursor: pointer;
    background: -webkit-linear-gradient(top, #FDF2C4, #FFD79B);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF2C4, #FFD79B);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF2C4, #FFD79B);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF2C4, #FFD79B);
    /* 标准的语法 */
}

.video-header .learn-btn:hover,
.video-header .learn-btn.act {
    background: -webkit-linear-gradient(top, #FDF2C3, #F1B050);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF2C3, #F1B050);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF2C3, #F1B050);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF2C3, #F1B050);
    /* 标准的语法 */
}

#slideBox {
    position: relative;
}

.swiper-button-prev {
    background: url(../images/swiper_l.png) left top no-repeat;
    background-size: auto 100%;
    width: 57px;
    height: 146px;
    left: 0px;
    outline: none;
    position: absolute;
}

.swiper-button-next {
    background: url(../images/swiper_r.png) left top no-repeat;
    background-size: auto 100%;
    width: 57px;
    height: 146px;
    right: 0px;
    outline: none;
    position: absolute;
}

.prevStop,
.nextStop {
    display: none;
}

.video-box {
    width: 1082px;
    height: 636px;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    background: url(../images/player_bg.png) left top no-repeat;
    background-size: auto 100%;
    padding: 24px 29px;
    box-sizing: border-box;
}

.video-box .video_player {
    position: absolute;
    left: 29px;
    top: 24px;
    width: 1024px;
    height: 578px;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;

}

.video-box .play {
    background: url(../images/play.png) left top no-repeat;
    background-size: auto 100%;
    width: 93px;
    height: 93px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-46.5px) translateY(-46.5px);
    z-index: 3;
}

.video-box:hover .play {
    background-image: url(../images/play_h.png);
}

.video-box img {
    width: 100%;
    position: relative;
    z-index: 2;

}

.learn-list {
    display: flex;
}

.learn-list li {
    position: relative;
}

.learn-list li .nav-box {
    width: 104px;
    height: 481px;
    writing-mode: tb-rl;
    padding: 46px 0 0 0;
    box-sizing: border-box;
    line-height: 32px;
    font-size: 22px;
    align-items: center;
    display: flex;
    cursor: pointer;
}

.learn-list li .l1 {
    background: url(../images/l1.png) left top no-repeat;
    background-size: auto 100%;
}

.learn-list li .l2 {
    background: url(../images/l2.png) left top no-repeat;
    background-size: auto 100%;
}

.learn-list li .l3 {
    background: url(../images/l3.png) left top no-repeat;
    background-size: auto 100%;
}

.learn-list li .l4 {
    background: url(../images/l4.png) left top no-repeat;
    background-size: auto 100%;
}

.learn-list li.act .nav-box {
    flex: 1;
}

.learn-list li.act .panel {
    display: block;
}

.learn-list li .l1+.panel {
    background-color: #72B5EF;
}

.learn-list li .l2+.panel {
    background-color: rgb(241, 176, 76);
}

.learn-list li .l3+.panel {
    background-color: rgb(235, 115, 52);
}

.learn-list li .l4+.panel {
    background-color: rgb(52, 173, 154);
}

.learn-list li .panel {
    border-radius: 18px;
    padding: 18px;
    display: none;
    height: 480px;
    box-sizing: border-box;
    width: 932px;
    position: absolute;
    left: 134px;
    top: 0px;
}

.learn-list li .panel .box {
    border-radius: 18px;
    background: #FFF;
    padding: 40px 30px;
    box-sizing: border-box;
    height: 444px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.learn-list li .panel .box .title {
    display: flex;
    justify-content: space-between;

}

.learn-list li .panel .box .title span {
    width: 540px;
    font-size: 30px;
    line-height: 44px;
    color: #926003;
}

.learn-list li .panel .box .title .star-mid {
    background: url(../images/star_mid.png) left top no-repeat;
    background-size: 100% 100%;
    width: 31px;
    height: 30px;
    cursor: pointer;
}

.learn-list li .panel .box .title .star-mid.act {
    background-image: url(../images/star_mid_h.png);
}

.learn-list li .panel .box .desc-txt {
    padding: 20px 0 0 0;
}

.learn-list li .panel .box .desc-txt dd {
    font-size: 20px;
    color: #666;
    line-height: 36px;
    padding-right: 100px;
    box-sizing: border-box;
}

.learn-list li .panel .box .get-btn {
    background: -webkit-linear-gradient(top, #FDF2C4, #FFD79B);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF2C4, #FFD79B);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF2C4, #FFD79B);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF2C4, #FFD79B);
    /* 标准的语法 */
    cursor: pointer;
    width: 166px;
    height: 52px;
    border-radius: 26px;
    font-size: 20px;
    color: #926003;
    line-height: 52px;
    text-align: center;
}

.learn-list li .panel .box .get-btn:hover,
.learn-list li .panel .box .get-btn.act {
    background: -webkit-linear-gradient(top, #FDF2C3, #F1B050);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF2C3, #F1B050);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF2C3, #F1B050);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF2C3, #F1B050);
    /* 标准的语法 */
}

.award-box {
    display: flex;
    justify-content: space-between;
}

.award-left {
    width: 863px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.award-things {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 863px;
    margin-bottom: 25px;
    align-items: self-start;
}

.award-things li {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.award-things li .award-img {
    width: 200px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    border-radius: 8px;
}

.award-things li span {
    font-size: 16px;
    color: #666;
    line-height: 36px;
    text-align: center;
    padding: 5px 0;
}

.award-left .get-gold {
    background: -webkit-linear-gradient(top, #FDF2C4, #FFD79B);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF2C4, #FFD79B);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF2C4, #FFD79B);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF2C4, #FFD79B);
    /* 标准的语法 */
    cursor: pointer;
    width: 200px;
    height: 52px;
    border-radius: 52px;
    font-size: 20px;
    color: #926003;
    line-height: 52px;
    text-align: center;
}

.award-left .get-gold:hover,
.award-left .get-gold.act {
    background: -webkit-linear-gradient(top, #FDF2C3, #F1B050);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FDF2C3, #F1B050);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FDF2C3, #F1B050);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FDF2C3, #F1B050);
    /* 标准的语法 */
}

.award-right {
    width: 310px;
}

.award-right .title {
    background: -webkit-linear-gradient(top, #FFD791, #EFA53B);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #FFD791, #EFA53B);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #FFD791, #EFA53B);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #FFD791, #EFA53B);
    /* 标准的语法 */
    width: 310px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #FFF;
    border-radius: 8px 8px 0 0;
}

.award-right .namelist li {
    display: flex;
    justify-content: space-between;
    padding: 0 17px;
}

.award-right .namelist li.null {
    line-height: 27px;
    font-size: 16px;
    color: #999;
    justify-content: center;
}

.award-right .namelist li span {
    line-height: 27px;
    font-size: 16px;
    color: #999;
}

.award-right .namelist li span.username {
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #EFAA44
}

.award-right .namelist li span.things {
    width: 150px;
    color: #EFAA44;
}

.floor {
    margin-top: 54px;
    background: #FFF;
    border-radius: 8px;
    padding: 28px 20px 28px 28px;
    box-sizing: border-box;
}

.floor .left {
    width: 896px;
}

.floor .left .t1 {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    margin-bottom: 20px;
}

.floor .left .t1 span {
    color: #FF0000;
    font-weight: 700;
}

.floor .left .t2 {
    display: flex;
}

.floor .left .t2 .contact-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 28px;
    line-height: 28px;
    margin-right: 40px;
}

.floor .left .t2 .contact-box img {
    width: 28px;
    padding-right: 12px;
}

.floor .left .t2 .contact-box span {
    font-size: 16px;
    color: #666;
}

.code_box img {
    width: 196px;
}

.code_box p {
    color: #666;
    text-align: center;
    font-size: 14px;
}

.about_box {
    background-color: #FFF3D8;
    padding: 45px 0;
    margin-top: 45px;
}

.about_box img {}

.about_box p {
    font-size: 16px;
    line-height: 25px;
    color: #666;
    display: flex;
    flex-direction: column;
}

.about_box p span.t1 {
    font-weight: bold;
    font-size: 20px;
    line-height: 44px;
    color: #3F4349;
    padding-bottom: 5px;
}

#fix-r {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-300px);
    z-index: 10
}

.fixed-wrap {
    display: flex;
    width: 190px;
    flex-direction: column;
    align-items: center;
}

#fix-r .v-bg {
    background: url(../images/v-bg.png) left top no-repeat;
    background-size: auto 100%;
    padding-top: 115px;
    height: 56px;
    width: 181px;
    margin-bottom: 10px;
}

#fix-r .v-bg .btn {
    width: 100%;
    height: 100%;
    line-height: 22px;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    display: flex;
    flex-direction: column;
    padding: 2px 0;
}

#fix-r .doc-bg {
    background: url(../images/doc-bg.png) left top no-repeat;
    background-size: auto 100%;
    padding-top: 110px;
    height: 56px;
    width: 181px;
    margin-bottom: 10px;
}

#fix-r .doc-bg .btn {
    width: 100%;
    height: 100%;
    line-height: 22px;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    display: flex;
    flex-direction: column;
    padding: 2px 0;
}

#fix-r .chance-bg {
    background: url(../images/chance-bg.png) left top no-repeat;
    background-size: auto 100%;
    padding-top: 91px;
    height: 56px;
    width: 190px;
    margin-bottom: 10px;
}

#fix-r .chance-bg .btn {
    width: 100%;
    height: 100%;
    line-height: 22px;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    display: flex;
    padding: 2px 0;
    flex-direction: column;
}

#fix-r .learn-more {
    background: url(../images/learn-more.png) left top no-repeat;
    background-size: auto 100%;
    height: 86px;
    width: 149px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 25px;
    color: #666;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px 0 0 10px;
}

#fix-r .learn-more:hover {
    color: #2B8CEF;
    text-decoration: underline;
}

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

.inline_dl {
    padding: 0 40px;
}

.collect_title {
    height: 20px;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 20px;
    padding-left: 39px;
    padding-top: 25px;
    padding-bottom: 5px;
}

#submit_form .inline_dl dd {
    float: inherit;
}

#submit_form .user_info_cookie {
    margin-left: 36px;
}

.input_box {
    width: 300px;
    margin: 0 auto;
    position: relative;
}

.input_box span {
    position: absolute;
    left: 20px;
    top: 5px;
    font-size: 20px;
    color: #999;
}

.input_box input {
    width: 300px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0px 10px 0 50px;
    box-sizing: border-box;
}

.dialog-bd {
    padding: 0;
}

#s_tip_box {
    text-align: center;
}

#s_tip_box h2 {
    font-size: 24px;
    color: #e30327;
    text-align: center;
    margin-bottom: 40px;
}

#s_tip_box p {
    margin-bottom: 40px;
    font-size: 20px
}

#s_tip_box h5 {
    color: #999;
}

#submit_form .inline_dl .wid100 {
    width: 300px;
    margin: 0;
    border-radius: 3px;
    background-color: #fff;
}

.info_msgBox {
    height: 100%;
    overflow: auto;
    background: #FFF;
    position: relative;
}

.user_self_input {
    position: relative;
}

.user_self_input .form_f_img3 {
    position: absolute;
    top: 5.5%;
    left: 28%;
    width: 74px;
}

/*用户资料 - 弹窗表单*/
#submit_form {
    height: 100%;
    overflow-y: auto;
}

.color_red {
    color: #d22;
}

#submit_form dl {
    display: block;
    margin: 10px 0;
    margin-bottom: 20px;
}

#submit_form dt {
    display: block;
    font-size: 16px;
}

#submit_form dt i {
    font-weight: normal;
    font-style: normal;
}

#submit_form dt span {
    font-weight: normal;
    color: #999;
    font-size: 12px;
}

#submit_form dd {
    font-size: 14px;
    color: #666;
}

#submit_form dd input[type=text] {
    border: 1px solid #ddd;
    width: 300px;
    line-height: 38px;
    border-radius: 5px;
    padding-left: 13px;
    box-sizing: border-box;
}

#submit_form dl.noMargin {
    margin: 0px;
    margin-bottom: 20px;
}

#submit_form dl.noMargin dt {
    line-height: 20px;
}

#submit_form dd label {
    margin: 10px 10px 10px 0;
    line-height: 14px;
}

#submit_form label input {
    margin-right: 5px;
    vertical-align: initial;
}

#submit_form .inline_selects label {
    float: left;
    width: 280px;
}

#submit_form .inline_dl dt {
    float: left;
    color: #000;
    line-height: 40px;
}

#submit_form .inline_dl select {
    width: 300px;
    height: 40px;
    padding-left: 13px;
    box-sizing: border-box;
    /* margin: 0 10px 10px 0; */
    border: 1px solid #ddd;
    background: #FFF;
}

#submit_form dd.tryCls label {
    display: flex;
    align-items: center;
    margin: 0 64px 0 0;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: right;
    color: #000;
    line-height: 20px;
}

.tryCls {
    position: relative;
    padding-left: 24px;
    align-items: center;
}

#submit_form dd.tryCls input {
    position: relative;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    opacity: 0;
    z-index: 2;
}

#submit_form dd.tryCls input+span {
    content: "";
    position: absolute;
    left: 23px;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
}

#submit_form dd.tryCls input+span.sel2 {
    content: "";
    position: absolute;
    left: 131px;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    background: #fff;
}

#submit_form dd.tryCls input:checked+span {
    border: none;
    background: url(../images/selIcon.png) left top no-repeat;
    background-size: 100% 100%;
}

#submit_form .inline_dl #address_select select:last-child {
    margin-right: 0px;
}

#submit_form textarea {
    width: 81%;
    display: block;
    height: 60px;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    resize: none;
    border-radius: 3px;
    margin-left: 47px;
}

.user_self_input .layui-layer-btn {
    box-sizing: border-box;
    padding: 0 20px 12px;
    background-color: #fff;
}

.user_self_input .layui-layer-btn .layui-layer-btn0 {
    position: absolute;
    bottom: 102px;
    left: 50%;
    margin-left: -146px;
    width: 291px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    letter-spacing: 1.6px;
    background: #178cb4;
}

.form_tip_bottom {
    padding: 0px 40px;
    color: #999;
}

.form_tip_bottom a {
    text-decoration: underline;
    color: #999;
}

.shuoming {
    padding-top: 106px;
    padding-left: 61px;
    height: 39px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 19px;

}

.user_self_input .layui-layer-btn0:hover {
    background: #23BABB;
}

.frm_btn {
    background: none;
    color: #fff;
    width: 100%;
    height: 36px;
    vertical-align: top;
    border: none;
    outline: none;
    cursor: pointer;
}

.dialog {
    height: 100%;
    position: relative;
}

.header_common {
    border-radius: 9px 9px 0px 0px !important;
}

.header_common .layui-layer-title {
    padding-left: 38px;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
    line-height: 60px;
    background: #1c87b4;
    height: 60px;
}

.header_common .layui-layer-ico {
    background: url(../images/close.png) no-repeat;
}

.header_common .layui-layer-setwin .layui-layer-close1 {
    background-position: 0px;
}

.fix-img2 {
    width: 74px;
    position: absolute;
    left: 183px;
    top: 35px;

}

.user_self_input .layui-layer-btn {
    height: 0;
    box-sizing: border-box;
    padding: 0;
    border-radius: 0 0 18px 18px;
}

.content {
    width: 1400px;
    margin: 0 auto;
}

.part-title {
    padding-top: 80px;
    padding-bottom: 34px;
    text-align: center;
}

.titledesc {
    display: inline-block;
    padding: 0 19px;
    line-height: 56px;
    font-size: 40px;
    font-weight: 800;
    text-align: left;
    color: #1cb5d8;
    background: url(../images/titleBg.png) left top no-repeat;
    background-size: 100% 100%;
}

.part1-content {
    padding: 68px 50px 0;
    box-sizing: border-box;
    height: 998px;
    background: url(../images/partBg1.png) left top no-repeat;
    background-size: 100%;
}

.part1-cp {
    display: flex;
    align-items: center;
}

.part1-cp1 li {
    position: relative;
    width: 420px;
    height: 540px;
    margin-left: 20px;
    background: #197c99;
}

.part1-content ul li:hover {
    border: 1px solid rgb(210, 210, 210);
    box-shadow: 0px 10px 10px #011528;
    box-sizing: border-box;
}

.part1-cp1 li:first-child {
    margin-left: 0px;
}

.part2-cp {
    margin-top: 20px;
}

.cp-item {
    position: relative;
    text-align: center;
    padding-top: 24px;
    height: 236px;
    box-sizing: border-box;
}

.cp-item img {
    width: 218px;
    height: 192px;
    vertical-align: middle;
}

img.new {
    position: absolute;
    left: -14px;
    top: -24px;
    width: 73px;
    height: 73px;
}

.cp-desc {
    padding: 13px 20px 0px;
    height: 302px;
    box-sizing: border-box;
    background: #06557b;
}

.cp-desc h3 {
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    color: #ffffff;
    line-height: 32px;
    letter-spacing: 2.4px;
}

.cp-cs {
    padding-top: 6px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
    color: #e6e6e6;
    letter-spacing: 1.4px;
}

.part1-cp li p {
    display: block;
    position: relative;
    padding-top: 18px;
    padding-left: 24px;
    padding-bottom: 22px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 20px;
    letter-spacing: 1.4px;
    border-bottom: 1px solid #086694;
}

.part1-cp li p::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 18px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url(../images/download.png) left top no-repeat;
    background-size: 100% 100%;
}

.apply_btn {
    display: block;
    margin: 26px auto 0;
    width: 300px;
    line-height: 46px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    background: #1CB5D8;
    letter-spacing: 1.8px;
    text-align: center;
    border: none;
    border-radius: 23px;
    outline: none;
}

.apply_btn2 {
    margin-top: 20px;
}

.apply_btn:hover {
    background: #23babb;
}

.cp-item1 .cp-img3 {
    width: 260px;
    height: 194px;
}

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

.part2-cp li {
    position: relative;
    display: flex;
    width: 640px;
    height: 287px;
    background-color: #06557B;
}

.cp2-img {
    width: 285px;
    height: 285px;
    background: #197C99;
}

.cp4 {
    width: 245px;
    height: 102px;
    vertical-align: middle;
    margin-top: 116px;
    margin-left: 20px;
}

.cp2-desc {
    flex: 1;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 14px;
    padding-right: 20px;
    box-sizing: border-box;
}

.cp2-desc h3 {
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    color: #ffffff;
    line-height: 30px;
}

.cp2-cs {
    padding-top: 6px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #E6E6E6;
}

.cp2-desc p {
    display: block;
    padding-top: 17px;
    padding-left: 26px;
    padding-bottom: 21px;
    border-bottom: 1px solid #086694;
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
}

.cp2-desc p::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 17px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url(../images/download.png) left top no-repeat;
    background-size: 100% 100%;
}
.cp2-desc .apply_btn {
    margin-top: 15px;
}


.cp2-img {
    position: relative;
}

.hjImg {
    left: -16px;
    top: -15px;
}

.cp5 {
    width: 225px;
    height: 189px;
    margin-top: 48px;
    margin-left: 30px;
}

.part2-content {
    display: flex;
    height: 685px;
    background: url(../images/partBg2.png) left top no-repeat;
    background-size: 100%;
    padding: 110px 43px 0 50px;
    box-sizing: border-box;
}

.part2-contentLeft {
    width: 260px;
    padding-top: 17px;
}

.part2-contentLeft li {
    position: relative;
    line-height: 88px;
    background: url(../images/itemBg.png) left top no-repeat;
    background-size: 100% 100%;
    padding-left: 68px;
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    color: #FFFFFF;
    letter-spacing: 2.4px;
    margin-bottom: 30px;
    cursor: pointer;
}

.part2-contentLeft li.active {
    background: url(../images/itemBg2.png) left top no-repeat;
    background-size: 100% 100%;
}


.part2-contentLeft li:first-child:before {
    position: absolute;
    left: 34px;
    top: 32px;
    content: '';
    width: 16px;
    height: 25px;
    background: url(../images/item1.png) left top no-repeat;
    background-size: 100% 100%
}

.part2-contentLeft li:nth-child(2):before {
    position: absolute;
    left: 34px;
    top: 35px;
    content: '';
    width: 25px;
    height: 19px;
    background: url(../images/item2.png) left top no-repeat;
    background-size: 100% 100%
}

.part2-contentLeft li:nth-child(3):before {
    position: absolute;
    left: 34px;
    top: 34px;
    content: '';
    width: 24px;
    height: 21px;
    background: url(../images/item3.png) left top no-repeat;
    background-size: 100% 100%
}

.part2-contentLeft li:last-child:before {
    position: absolute;
    left: 34px;
    top: 33px;
    content: '';
    width: 25px;
    height: 23px;
    background: url(../images/item4.png) left top no-repeat;
    background-size: 100% 100%
}

.part2-contentLeft li.active,
.part2-contentLeft li:hover {
    color: #1CB5D8;
}

.part2-contentRight {
    flex: 1;
    overflow: hidden;
    padding-left: 58px;

    box-sizing: border-box;
}

.apply_swiper {
    width: 100%;
}


#apply_swiper .swiper-slide {
    width: 985px!important;
    padding: 0 2px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
}

.apply_swiper .swiper-slide>img {
    width: 367px;
    height: 236px;
    vertical-align: middle;
    padding-left: 36px;
}

.slide-left h3 {
    line-height: 28px;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    padding-top: 17px;
    padding-bottom: 10px;
}

.slide-left h3 strong {
    font-weight: 600;
    padding: 0 6px;
}

.slide-left p {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 24px;
}

.slide-left p span {
    color: #1CB5D8
}

.slide-left button {
    width: 140px;
    line-height: 40px;
    background: #1cb5d8;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    letter-spacing: 1.8px;
    border: none;
    text-align: center;
    margin-bottom: 17px;
    outline: none;
}

.applyBtn1 {
    margin-top: 20px;
}

.canshuItem {
    display: flex;
}

.canshuItem ul {
    list-style: disc;
    margin-left: 120px;
}

.canshuItem ul:first-child {
    margin-left: 20px;
}

.canshuItem ul li {
    white-space: nowrap;
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    line-height: 24px;
}

.canshuItem ul.lineHe1 li {
    line-height: 16px;
}

.swiper-pagination_apply {
    width: 100%;
    height: 20px;
}

.part2-contentRight .swiper-container {
    height: 100%;
}

.part2-contentRight .swiper-pagination {
    position: absolute;
    left: 0px;
    bottom: 24px;
}

.part2-contentRight .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    background: #2b4c63;
    border-radius: 2px;
    opacity: 1;
    outline: none;
    margin:0 4px ;
}

.part2-contentRight .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #1CB5D8;
    outline: none;
}

.companyIntroduce {
    position: relative;
    margin-top: 80px;
    width: 100%;

    background: #1c87b4;
}

.introduceContent {
    width: 1400px;
    margin: 0 auto;
    height: 281px;
    padding-top: 40px;
    box-sizing: border-box;
}

.introduceContent img {
    width: 255px;
    vertical-align: middle;
    margin-bottom: 24px;

}

.introduceContent p {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 26px;
    letter-spacing: -0.07px;
}

.footer {
    background: #12202e;
}

.part3-content {
    height: 685px;
    background: url(../images/partBg3.png) left top no-repeat;
    background-size: 100%;
    padding: 85px 58px 0;
    box-sizing: border-box;
}

#prize_area {
    display: flex;
}

#prilist {
    width: 724px !important;
    display: flex;
    flex-wrap: wrap;
    margin-right: 34px;
}

#prilist li {
    width: 235px;
    height: 162px;
    background: #fff;
    border-radius: 8px;
    margin-right: 9px;
    margin-bottom: 9px;
    color: #333333;
}

#prilist li.active {
    background: #c4f4ff;
}

#prilist li:nth-child(3n) {
    margin: 0;
}

#winner_list {
    flex: 1;
}

.draw-list-item {
    position: relative;
    text-align: center;
}

.draw-list-item p {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 15px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: #333333;
    line-height: 15px;
}

.draw-list-item img {
    vertical-align: middle;
}

.roll-1 img {
    width: 131px;
    margin-top: 50px;
}

.roll-2 img {
    width: 98px;
    margin-top: 19px;
}

.roll-3 img {
    width: 59px;
    margin-top: 43px;
}

.roll-4 img {
    width: 96px;
    margin-top: 27px;
}

.roll-5 img {
    width: 32px;
    margin-top: 14px;
}

.roll-7 img {
    width: 84px;
    margin-top: 35px;
}

.roll-8 img,
.roll-6 img {
    width: 74px;
    margin-top: 36px;
}

#prilist .draw-list-click {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1CB5D8;
    font-size: 25px;
    font-weight: 700;
    color: #000000;
    cursor: pointer;
}

#prilist .draw-list-click:hover {
    background: #1BB7B9;
}

.draw-winlist-box {
    display: flex;
    align-items: center;
    background: #197C99;
    border-radius: 8px;
    padding: 14px
}

.draw-winlist-box>b {
    padding-left: 12px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 30px;
}

#jq_marquee_box {
    flex: 1;
    overflow: hidden;
    height: 135px;
    background: #18364B;
    border-radius: 4px;
    padding-left: 40px;
    box-sizing: border-box;
}

.draw-winlist-item {
    display: flex;
    align-items: center;
}

.draw-winlist-item .lt,
.draw-winlist-item .ct,
.draw-winlist-item .gt {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.draw-winlist-item .lt {
    width: 75px;
    color: #fff;
}

.draw-winlist-item .ct {
    width: 100px;
    color: #999;
    text-align: center;
}

.draw-winlist-item .gt {
    width: 96px;
    color: #fff;
}
.instructions {
    height: 335px;
    background: #18617a;
    border-radius: 8px;
    margin-top: 10px;
    padding-top: 28px;
    padding-left: 27px;
    box-sizing: border-box;
}

.instructions h3 {
    font-size: 16px;
    font-weight: 800;
    text-align: left;
    color: #fff;
    line-height: 1;
}

.instructions>ul {
    padding-top: 6px;
    font-size: 13px;
    text-align: left;
    color: #fff;
    line-height: 28px;
}

.erCode {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}

.erCode>img {
    width: 103px;
    height: 103px;
    vertical-align: middle;
    margin-right: 103px;
}

.erCode>div {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 17px;
}

.erCode>div div {
    margin-bottom: 12px;
}

.erCode>div div:last-child {
    margin-bottom: 0px;
}

.erCode>div img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 6px;
}

.fixedRight {
    position: fixed;
    right: 0px;
    top: 50%;
    width: 142px;
    height: 117px;
    margin-top: -171px;
    background: url(../images/fixedRightBg.png) left top no-repeat;
    background-size: 100% 100%;
    padding-top: 35px;
    text-align: center;
    box-sizing: border-box;
    z-index: 88;
    letter-spacing: 1.8px;
    line-height: 32px;
    font-size: 16px;
}

.fixedRight a {
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -49px;
    width: 98px;
    line-height: 32px;
    background: #1cb5d8;
    border-radius: 16px;
    border: none;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1.6px;
    cursor: pointer;
}

.fixedRight a.disabled {
    background: #809195;
    cursor: not-allowed;
    outline: none;
}

.part {
    position: relative;
}

.partPosi {
    position: absolute;
    top: -50px
}

.null {
    padding-top: 20px;
}

.layer-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.layer-title img {
    vertical-align: middle;
}

.layer-red {
    color: #245A8F;
}

.layer-subtitle {
    font-size: 16px;
    padding-top: 10px;
    color: #666;
    font-weight: 700;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #333333;
    line-height: 19px;
}

.layer-success,
.layer-warn,
.layer-noimg,
.layer-img,
.layer-nogift,
.layer-gift-jf,
.layer-gift {
    width: 360px;
    height: 260px;
    padding: 0 50px;
    box-sizing: border-box;
    text-align: center;
}


.layer-success img {
    margin-right: 18px;
}

.layer-gift,
.layer-gift-jf {
    height: 320px;
    background: linear-gradient(182deg, rgba(254, 246, 97, .2) 1%, rgba(255, 255, 255, 0.2) 96%);
    border-radius: 8px;
}

.layer-gift .layer-title,
.layer-gift-jf .layer-title {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    line-height: 25px;
    padding: 10px 0;
}

.layer-gift-jf h6,
.layer-gift h6 {
    font-size: 18px;
    color: #FF7200;
    text-align: center;
    font-weight: 700;
    line-height: 33px;
    padding-bottom: 26px;
}

.layer-gift p {
    color: #999;
    font-size: 14px;
    height: 34px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 27px;
}

.layer-pro .layer-subtitle {
    font-size: 18px;
    padding-bottom: 24px;
}

.layer-pro .btn {
    width: 170px;
    background-color: #e90029;
}

.layer-pro .btn:hover {
    background-color: #d1082b;
}

.layer-btn {
    padding-top: 40px;
}

.layer-table {
    width: 506px;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    text-align: center;
}

.layer-table th {
    background-color: #f4f4f4;
}

.layer-table th,
.layer-table td {
    padding: 12px 20px;
    border-top: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
}

.boxlayer {
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: #fff;
    border-radius: 4px;
    /* padding:0 20px;*/
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
    z-index: 99;
    display: none;
}

.boxlayer .vlm-wrap {
    font-size: 0;
}

.boxlayer .vlm {
    max-width: 99%;
}

.boxlayer .layercontent {
    /* min-height: 246px;*/
}

.boxlayer .close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.boxlayer .close img {
    width: 16px;
    height: 16px;
}

.boxlayer .layercontent {
    display: none;
}

.boxlayer.show {
    display: block;
}

.boxlayer-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 98;
    display: none;
}

.boxlayer-bg.show {
    display: block;
}

.bqCls {
    margin-top: 20px;
    width: 100px;
    height: 100px;
    vertical-align: middle;
}

.cjTitle {
    line-height: 25px;
    font-size: 18px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700;
    color: #333333;
    padding-top: 29px;
}

.useNoChange .bqCls {
    margin-top: 44px;
}

.useNoChange .cjTitle {
    padding-top: 15px;
}

.submitSuccess {
    display: none;
    position: relative;
    width: 360px;
    height: 260px;
    text-align: center;
    width: 360px;
    height: 260px;
    background: linear-gradient(182deg, #daf2ff 1%, #fffefe 96%);
    border-radius: 8px;
}

.submitSuccess img {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    margin-top: 62px;
    margin-bottom: 2px;
}

.submitSuccess p {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700;
    color: #333333;
    line-height: 25px;
}

.submitSuccess .layer-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
    height: 16px;
    margin-top: 0px;
    cursor: pointer;
}

.submitSuccessWrap {
    border-radius: 9px !important;
    border-radius: 8px;
}

.layer-nogift {
    background: linear-gradient(182deg, rgba(13, 40, 72, 0.2) 1%, rgba(255, 254, 254, 0.2) 96%);
}

.layer-nogift .layer-title {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700;
    text-align: center;
    color: #333333;
    line-height: 25px;
    padding-top: 12px;
    padding-bottom: 10px;
    margin: 0;

}

.pc-show {
    display: block;
}

.pc-show-flex {
    display: flex;
}

.mobile-show,
.mobile-show-flex {
    display: none;
}

@media screen and (max-width: 800px) {
    html {
        font-size: 13.3333vw !important;
    }

    .pc-show,
    .pc-show-flex {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .mobile-show-flex {
        display: flex;
    }

    .mHeader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 1000;
        align-items: center;
        justify-content: space-between;
        padding: 0.2rem 0.24rem;
        background: #1C87B4;
        box-sizing: border-box;
    }

    .mHeader img {
        width: 1.55rem;
    }
    .mHeader .menuWrap{
        position: relative;
    }
    .mHeader .menuWrap  img{
        width: 0.48rem;
        height: 0.48rem;
        vertical-align: middle;
    }
    .mHeader .menuWrap ul{
        display: none;
        position: absolute;
        right: -0.24rem;
        bottom: -2.6rem;
        width: 2.8rem;
        height: 2.4rem;
        background: #02628a;
        padding-left: 0.44rem;
    }
    .mHeader .menuWrap ul a{
        height: 0.6rem;
        font-size: 0.24rem;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 0.6rem;
    }
    .mHeader .menuWrap ul a.active{
        color: #00DFD8;
    }
    .mBanner {
        padding-top: 0.88rem;
    }

    .mBanner img {
        width: 100%;
        height: 3.75rem;
    }

    .mPart {
        position: relative;
        padding: 0 0.23rem 0 0.09rem;
        text-align: center;
    }
    .mPart1Position{
        position: absolute;
        left:0px;
       top: -0.6rem;
       height: 1px;
    }
    .mPart-title {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.4rem;
        font-weight: 800;
        text-align: center;
        color: #1cb5d8;
        line-height: 0.6rem;
        padding: 0 0.19rem;
        margin-top: 0.6rem;
        margin-bottom: 0.4rem;
        background: url(../images/mobile/titleDesc.png) left top no-repeat;
        background-size: 100% 100%;
    }

    .mPart1-desc {
        padding-left: 0.26rem;
        padding-right: 0.12rem;
        padding-top: 0.62rem;
        padding-bottom: 0.7rem;
        background: url(../images/mobile/desc1.png) left top no-repeat;
        background-size: 100% 100%;
    }

    .mPart1-desc li {
        position: relative;
        height: 3rem;
        margin-bottom: 0.2rem;
        background: #06557B;
    }

    .cp-left {
        height: 100%;
        width: 3rem;
        background: #197C99;
    }

    .mcp1 {
        padding-top: 0.54rem;
        box-sizing: border-box;
    }

    .mcp1 img {
        width: 2.18rem;
    }

    .mcp2 {
        padding-top: 0.7rem;
        box-sizing: border-box;
    }

    .mcp2 img {
        width: 2.46rem;
    }

    .mcp3 {
        padding-top: 0.7rem;
        box-sizing: border-box;
    }

    .mcp3 img {
        width: 2.46rem;
    }

    .mcp4 {
        padding-top: 1.25rem;
        box-sizing: border-box;
    }

    .mcp4 img {
        width: 2.46rem;
    }

    .mcp5 {
        padding-top: 0.65rem;
        box-sizing: border-box;
    }

    .mPart1-desc li:nth-child(4){
        height:3.36rem
    }
    .mcp5 img {
        width: 2.25rem;
    }


    .cp-right {
        text-align: left;
        flex: 1;
        overflow: hidden;
        padding-left: 0.21rem;
        box-sizing: border-box;
    }
    .cp-right  .is_allow{
        display: block;
    }
    .cp-right {
        padding-top: 0.16rem;
    }

    .cp-right h3 {
        font-size: 0.28rem;
        font-weight: 800;
        text-align: left;
        color: #ffffff;
        line-height: 0.4rem;
    }

    .cp-right p {
        font-size: 0.18rem;
        font-weight: 400;
        text-align: left;
        color: #e6e6e6;
        padding: 0.1rem 0;
        line-height: 0.25rem;
    }

    .cp-right a {
        display: block;

    }

    .cp_down {
        position: relative;
        padding-left: 0.27rem;
        padding-bottom: 0.15rem;
        padding-right: 0.3rem;
        border-bottom: 1px solid #086694;
        font-size: 0.18rem;
        line-height: 0.25rem;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
    }

    .cp_down::before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0.02rem;
        width: 0.24rem;
        height: 0.24rem;
        background: url(../images/mobile/down.png) left top no-repeat;
        background-size: 100% 100%;
    }

    .cp_try {
        width: 3.2rem;
        line-height: 0.52rem;
        background: #1cb5d8;
        border-radius: 26px;
        font-size: 0.2rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
        margin: 0.2rem auto 0;
        border: none;
        outline: none;
    }
    .slide-left h3 strong {
        font-weight: 800;
        padding: 0 0.08rem;
    }
    .mPart2-desc {
        padding-left: 0.44rem;
        padding-right: 0.24rem;
        padding-top: 0.65rem;
        padding-bottom: 0.5rem;
        height: 19rem;
        box-sizing: border-box;
        background: url(../images/mobile/desc2.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .mNewsIcon{
        width: 0.73rem!important;
        height: 0.73rem!important;
        position: absolute;
        left:-0.1rem ;
        top:-0.16rem
    }
    .part2-contentLeft {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
    }

    .part2-contentLeft li {
        width: 3.02rem;
        height: 1.02rem;
        box-sizing: border-box;
        font-size: 0.26rem;
        line-height: 1.02rem;
        font-weight: 400;
        text-align: left;
        color: #FFFFFF;
        letter-spacing: 2.6px;
        padding-left: 0.8rem;
    }

    .part2-contentLeft li:first-child:before {
        width: 0.19rem;
        height: 0.3rem;
        top: 0.36rem;
        left: 0.37rem;
    }

    .part2-contentLeft li:nth-child(2):before,
    .part2-contentLeft li:nth-child(3):before,
    .part2-contentLeft li:nth-child(4):before {
        position: absolute;
        top: 0.4rem;
        left: 0.4rem;
        width: 0.28rem;
        height: 0.25rem;
    }

    .part2-contentRight {
        padding-left: 0px;
    }
    .apply_swiper{
        width: 6.5rem!important;
    }
    .apply_swiper .swiper-slide {
        position: relative;
        width: 6.5rem !important;
        height: 14.44rem;
        display: block;
    }

    .apply_swiper .swiper-slide>img {
        position: absolute;
        left: 0px;
        top: 0px;
        padding-left: 0px;
        width: 6.5rem!important;
        height: 4.16rem !important;
        padding:0px;
    }

    .slide-left {
        position: absolute;
        left: 0px;
        top: 4.16rem;
        width: 6.5rem!important
    }

    .slide-left h3 {
        font-size: 0.3rem;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 0.42rem;
        padding-top: 0.36rem;
        padding-bottom: 0.3rem;
    }

    .slide-left p {
        font-size: 0.22rem;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 0.36rem;
        letter-spacing: 0.31px;
    }

    .slide-left button {
        display: block;
        width: 2rem;
        line-height: 0.52rem;
        border-radius: 0.26rem;
        font-size: 0.2rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
        letter-spacing: 2px;
        margin-top: 0.46rem;
        margin-bottom: 0.64rem;
    }

    .canshuItem ul li {
        font-size: 0.22rem;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 0.36rem;
    }

    .slide-left h3.dxsy {
        padding-top: 0px;
    }

    .canshuItem ul {
        margin-left: 0.94rem;
    }

    .part2-contentRight .swiper-pagination .swiper-pagination-bullet {
        width: 0.4rem;
        height: 0.06rem;
        background: #2B4C63;
        border-radius: 0.03rem;
        margin: 0 0.04rem;
    }

    .part2-contentRight .swiper-pagination .swiper-pagination-bullet-active {
        background: #1cb5d8;
    }

    .apply_swiper .swiper-slide {
        box-sizing: border-box;
    }

    .part3-content {
        padding: 0 0rem 0 0.3rem;
    }

    #prilist {
        width: 100% !important;
    }

    #prize_area {
        display: block;
        padding-top: 0.67rem;
    }

    #prilist li {
        width: 2.2rem;
        height: 1.51rem;
        margin-right: 0.1rem;
        margin-bottom: 0.1rem;
        border-radius: 0.08rem;
    }

    .roll-1 img {
        width: 1.22rem;
        height: 0.38rem;
        margin-top: 0.46rem;
    }

    .roll-2 img {
        width: 0.81rem;
        height: 0.9rem;
        margin-top: 0.21rem;
    }

    .draw-list-item p {
        bottom: 0.13rem;
        font-size: 0.2rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.28rem;
    }

    .roll-3 img {
        width: 0.55rem;
        height: 0.52rem;
        margin-top: 0.41rem;
    }

    .roll-8 img,
    .roll-6 img {
        width: 0.69rem;
        height: 0.68rem;
        margin-top: 0.34rem;
    }

    .roll-4 img {
        width: 0.9rem;
        height: 0.87rem;
        margin-top: 0.2rem;
    }

    .roll-7 img {
        width: 0.78rem;
        height: 0.72rem;
        margin-top: 0.33rem
    }

    .roll-5 img {
        width: 0.3rem;
        height: 1rem;
        margin-top: 0.13rem;
    }

    .part3-content {
        height: 16.46rem;
        background: url(../images/mobile/desc3.png) left top no-repeat;
        background-size: 100% 100%;
    }

    .draw-winlist-box {
        margin-top: 0.13rem;
        padding: 0.2rem;
    }

    .draw-winlist-box>b {
        padding-left: 0.24rem;
        padding-right: 0.26rem;
    }

    #jq_marquee_box2 {
        flex: 1;
        overflow: hidden;
        background: #18364B;
        border-radius: 4px;
        box-sizing: border-box;
        padding-left: 0.4rem;
        height: 2.93rem;
    }

    .draw-winlist-item {
        text-align: left;
    }
    #prilist .draw-list-click{
        font-size: 0.36rem;
        font-weight: 700;
        color: #000000;
        line-height: 1.52rem;
    }
    .draw-winlist-item .lt, .draw-winlist-item .ct, .draw-winlist-item .gt{
        line-height: 0.48rem;
        height: 0.48rem ;
    }
    .draw-winlist-item .lt{
        width:1.04rem ;
        color: #999999;
    }
    .draw-winlist-item .ct{
        width: 1.48rem;
        text-align: center;
        color: #ccc;
    }
    #winner_list{
        padding-right: 0.12rem;
    }
    .draw-winlist-box {
        box-sizing: border-box;
    }
    .instructions{
        height: auto;
        margin-top: 0.3rem;
        padding-top: 0.37rem;
        padding-left: 0.2rem;
        padding-bottom: 0.38rem;
    }
    .instructions h3{
        font-size: 0.32rem;
        font-weight: normal;
        margin-bottom: 0.1rem;
    }
    .instructions>ul{
        padding-top:0.12rem;
        font-size: 0.26rem;
        line-height: 0.38rem;
        color: #ccc;
    }
    .erCode{
        justify-content: space-between;
        margin-top: 0.34rem;
    }
    .erCode>div{
        font-size: 0.24rem;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 0.34rem;
    }
    .erCode>div div{
        margin-bottom: 0.22rem;
    }
    .erCode>div img{
        width: 0.48rem;
        height: 0.48rem;
        margin-right: 0.13rem;
    }
    .erCode>img{
        width:2.04rem;
        height: 2.04rem;
        margin-right: 0.26rem;
    }
    .mConpanyDesc{
        position: relative;
        margin-top: 0.6rem;
        background: #1C87B4;
        color:#FFFFFF ;
        padding: 0.55rem 0.24rem ;
    }
    .mConpanyDesc img{
        width: 2rem;  
        height:0.36rem ;
        margin-bottom:0.35rem ;    
    }
    .mConpanyDesc p{
        font-size: 0.24rem;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 0.4rem;
    }
    .mobile-content{
        padding-bottom:0.rem
    }
    .user_self_input .layui-layer-btn .layui-layer-btn0{
        bottom: 1rem;
    }
    #submit_form dd.tryCls label{
        margin-right: 0.5rem;
    }
    #submit_form dd.tryCls input{
        margin-right: 0.1rem;
    }
    #submit_form dd.tryCls input+span.sel2{
        left: 1.58rem;
    }
    .header_common .layui-layer-title{
        height: 0.84rem;
        padding-left:0.54rem ;
        font-size: 0.3rem;
        text-align: left;
        color: #ffffff;
        line-height:0.84rem;
    }
    .collect_title{
        font-size: 0.24rem;
        font-weight: 400;
        text-align: left;
        color: #666666;
        height: 0.33rem;
        line-height: 0.33rem;
        padding-top: 0.31rem;
        padding-bottom: 0.34rem;
        padding-left: 0.54rem;
    }
    .inline_dl{
        padding-left: 0.48rem;
        padding-right: 0.4rem;
    }
    #submit_form dl{
        margin:0.2rem 0rem
    }
    #submit_form .inline_dl dt{
        font-size: 0.24rem;
        font-weight: 400;
        text-align: right;
        color: #000;
        line-height: 0.6rem;
    }
    #submit_form dd{
        font-size: 0.28rem;
    }
    #submit_form dd input[type=text]{
        width: 100%;
        border: 1px solid #ddd;
        line-height: 0.58rem;
        border-radius: 0.03rem;
        padding-left: 0.14rem;
        box-sizing: border-box;
    }
    #submit_form .inline_dl .wid100{
        width: 100%;
        height: 0.58rem;
        padding-left: 0.14rem;
    }
    #submit_form dd.tryCls input{
        width: 0.26rem;
        height: 0.26rem ;
    }
    #submit_form dd.tryCls input+span{
        content: "";
        position: absolute;
        left: 23px;
        top: .1rem;
        width: 0.26rem;
        height: 0.26rem ;
        border: 1px solid #e4e4e4;
        box-sizing: border-box;
        border-radius: 3px;
        background: #fff;
    }
    #submit_form dd.tryCls input+span.sel2{
        width: 0.26rem;
        height: 0.26rem ;
        top: .1rem;

    }
    #submit_form dd.tryCls label{
        font-size: 0.24rem;
    }
    .shuoming{
        padding: 1.04rem 0.66rem 0 ;
        font-size: 0.2rem;
        font-weight: 400;
        text-align: left;
        color: #666666;
        line-height: 0.26rem;
    }
    .user_self_input .layui-layer-btn .layui-layer-btn0{
        width: 5.2rem;
        height: 0.6rem;
        background: #1c87b4;
        border-radius: 3px;
        font-size: 0.24rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
        line-height: 0.6rem;
        letter-spacing: 2.4px;
        bottom: 1.6rem;
        
    }
    .layer-success, .layer-warn, .layer-noimg, .layer-img, .layer-nogift, .layer-gift-jf, .layer-gift{
        width: 7.2rem;
        height:5.2rem
    }
    .jpBottom{
        display: flex;
        align-items: center;
        margin: 0 auto;
        width: 6.12rem;
        height: 1.12rem;
        background: url(../images/mobile/jpBottom.png) left top no-repeat;
        background-size: 100% 100%;
        padding-left: .86rem;
        padding-top: 0.42rem;
        padding-bottom: 0.18rem;
        box-sizing: border-box;
        font-size: 0.3rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
        letter-spacing: 0.03rem;
    }
    .fixedRight{
        left: 0.56rem;
        top:auto;
        bottom: .23rem;
    }
    .fixedRight a{
        position: static;
        margin-left: 0.64rem;
        width: 1.4rem;
        height: 0.52rem;
        line-height: 0.52rem;
        background: #1cb5d8;
        border-radius: 0.26rem;
        font-size: 0.24rem;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: 400;
        color: #ffffff;
        letter-spacing: 0.02rem;
    }
    .is_allow {
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent;
        outline:none;
        background: none; 
        text-decoration: none;
    }
}