*{margin: 0;padding: 0;}
html,body{width: 100%;min-width: 375px;}
body{background-color: #000;font-size: 0;margin: 0;}
a{text-decoration: none;}
::-webkit-scrollbar {width: 4px;height: 0;background-color: transparent}
::-webkit-scrollbar-thumb {background-color: #444;border-radius: .3125rem;width: 4px}
.first_back{height: 953px;position: relative;overflow: hidden;}
.first_back .xinxi{font-size:18px;color:#fff;}
.first_back .xinxi a{color: #fff;}
.first_back .xinxi a:hover{color: rgb(255, 0, 0);}
.first_back .top_nav{position: absolute;margin-top: 50px;right: 4%;}
.first_back .top_nav>a{display: inline-block;margin: 0 10px;}
.first_back .top_nav img{vertical-align:middle;}
.j_off{display: none;}
.a_i_dq{vertical-align: middle;}
.ten_bg_box{position: relative;}
.ten_logo , .ten_wenzi , .ten_bg_l ,.ten_bg_r{position: absolute;}
.ten_logo{left: 50%;margin-left: -81px;top: 46px;}
.ten_wenzi{left: 50%;margin-left: -557px;top: 290px;}
.ten_bg_l{left: 50%;margin-left: -967px;z-index: 9;}
.ten_bg_r{left: 50%;margin-left: 139px;z-index: 9;}
.ten_bg_z10{z-index: 10;}
.ten_bg_z100{z-index: 100;}
.Navigation{height: 97px;bottom: 0;text-align: center;position: relative;}
.Navigation a{width: 236px; height: 97px;display: inline-block; }
.Navigation .jiange{width: 26px;}
.Navigation div a:hover{box-shadow: inset 0 0 30px #00ff89;}

.event{position: relative;text-align: center;}
.bg_line{position: absolute;left: 50%; margin-left: -675px;top: 130px;}
.receive{margin: 0 auto;width: 1200px;}
.event_1{display: block;margin: 0 auto;padding: 55px 0 30px;}
.page1 table{margin: 0 auto;padding: 50px 0 10px;border-spacing: 40px 0px}
.page1 table th{width: 200px;font-size: 15px;color: #000;}
.page1 table td{height: 200px;}
.page1 table td img{width: 93%}
.page1 #receive_YY{margin: 20px auto;}
.act_time{font-size: 20px;color: #4aaa9d;font-weight: bold;}
.act_rule{font-size: 30px;text-align: left;color: #4aaa9d;font-weight: bold;text-indent: 35px;}
.act_rule_box{margin: 40px auto 0;overflow: hidden;width: 890px;padding-bottom: 100px;}
.act_rule_box p{font-size: 19px;color: #dbdbdb;text-align: left;}
.c_title{margin: 60px auto;}
.prop_bg{margin-top: 6px;}
.page2 .lock_d{margin: 0 auto;padding: 7px 0 0;}
.gift_div{width: 100%;height: 195px;}
.gift_div div{margin: 0 auto;width: 174px;}
.gift_text{font-size: 18px;color: #fff;}
.gift_text .red{color: #23ff5a;}
.gift_div div img {width: 100%;}
.gift_div .gift_name{font-size: 16px;color: #fff;font-weight: 400;line-height: 34px;}

.task_bg div{display: block;padding: 15px 0 0;height: 300px;}
.draw_task{width: 855px;margin: 0 auto;}
.draw_task td{padding-top: 20px;font-size: 18px;font-weight: 400;}
.lq_width{width: 182px;}
.draw_task a{width: 160px;height: 65px;display: inline-block;}
.yqts{font-size:14px;padding: 55px 0;color:#fff}


.dm_con_bg{margin: 0 auto;width: 840px;height: 400px;background-color: #376a66;border-radius: 10px;border: 3px solid;}
.dm_xz_b{margin: 0 auto;}
.dm_xz_b div{display: inline-block;margin: 30px 20px 0;width: 431px;height: 69px;font-size: 18px;font-weight: bold;line-height: 68px;}
.dm_xz_b a{display: inline-block;width: 100%;height: 100%;color: #ddefef;}
.dm_fs{margin:50px auto 0 ;display: block;padding: 0 0 0px;}
.dm_box{height: 400px; position: relative;text-align: center;overflow: hidden;}
.dm_box span{white-space: nowrap;left: 850px;;color: #fff;font-size: 16px;position: absolute;display: inline-block;}

.page0{width: 100%;height: 910px;background-color: #003440;}

.page3 table{margin: 0 auto;padding: 60px 0 20px;}
.page3 table th{width: 210px;font-size: 16px;color: #000;}
.page3  table td img{width:100%;} 
.page3 .receive_01 table{padding: 30px 0 20px;}
.page3 .receive_01 table th{width: 160px;font-size: 15px;}
.page3 .receive_01 table td img{width: 75%}
.page3 .receive_03 .prop_bg,.page3 .receive_05 .prop_bg{height: auto;}
.page3 .receive_03 .table03,.page3 .receive_05 .table03{padding: 440px 0 20px;}
.page3 .receive_03 .table03 img,.page3 .receive_05 .table03 img{width: 100%;}
.page3 .receive_03 .table03 .table_th,.page3 .receive_05 .table03 .table_th{background-color: #088d98;color: #fff;height: 60px;font-size: 28px;}
.page3 .receive_03 .table03 .table_td,.page3 .receive_05 .table03 .table_td{background-color: #dbefee;font-size: 12px;padding:10px 14px;display: inline-block;width: 1172px;font-weight: bold;}
.page3 .receive_03 .table03 .table_td div,.page3 .receive_05 .table03 .table_td div{width: 160px;display: inline-flex;align-items: center;flex-direction: column;align-content: center;justify-content: center;text-align: center;margin: 0 10px;}
.page3 .receive_04 table{padding: 30px 0 20px;}
.page3 .receive_04 table th{width: 200px;font-size: 15px;}
.page3 .receive_04 table td img{width: 64%}

.page3 #receive_YY{margin: 20px auto;}
.page4 table{margin: 0 auto;padding: 35px 0 30px;}
.page4 table th{width: 200px;font-size: 15px;color: #000;}
.page4 table td{height: 200px;}
.page4 table td img{width: 93%}
.page4 #receive_YY{margin: 20px auto;}
.page5 table{margin: 0 auto;padding: 50px 0 50px;}
.page5 table th{width: 200px;height: 50px;font-size: 16px;color: #000;}
.page5 table td{height: 200px;}
.page5 table td img{width: 93%}
.page5 #receive_YY{margin: 20px auto;}
.page3{width: 100%;}
.page4{width: 100%;height: 1140px;background-color: #003440;}
.page4 .receive a{display: inline-block; width: 210px;height: 54px;margin-bottom: 57px;background: url(/s2208/images/page4_button_off.png) no-repeat center top;} 
.page4 .receive a:hover{background: url(/s2208/images/page4_button_on.png) no-repeat center top;}
.page5{width: 100%;}
.page5 .receive{width: 1060px;}
.page5 table{height: 410px;}

/* 登录 */
.loginDIV{display:none; height: 368px;width:550px; padding: 0px;margin: 0 0 0 -275px;position: fixed;z-index: 102;top:20%;left: 50%;visibility: visible;}
.loginDIV-bg{display:none;background-color: #00000080; position: absolute; z-index: 101; width: 100%;height: 100%; left: 0px; top: 0px; opacity: 0.7;}
.login-box{background: #fff;width: 100%;height: 100%;}
.login-esc-h{width: 60px;float: right;margin: 1px;text-align: center;border-left: 1px solid #cacaca;}
.login-esc-h:hover{background-image: linear-gradient(#ee2222,#fff0f0);}
.login-esc-h:hover >span{color: #fff;}
.login-esc{color: #2d2d2d;font-size: 30px;height: 30px;line-height: 30px;}
.login-title{width: 100%;height: 50px;padding-top: 35px; text-align: center;font-size: 22px;letter-spacing: 1px;}
.error-tips{width: 100%;height: 30px;position: absolute;text-align: center;margin-top: -15px;color: brown;font-size: 12px;}
.login-input{width: 272px;margin: 10px auto 0;}
.login-input-li{height: 55px;width: 100%;position: relative;}
.login-input-yan{height: 55px;width: 100%;position: relative;}
.input-frame{width: 100%;height: 40px;float: left;font-size: 16px;}
input::-webkit-input-placeholder {color: #979797;}
input::-moz-input-placeholder {color: #979797;}
input::-ms-input-placeholder {color: #979797;}
.input-frame>input{border: 1px solid #d4d4d4;border-radius: 5px;width: 250px;position: relative;height: 18px;padding: 10px;line-height: 18px;background: 0 0;color: #333;font-family: Verdana,Tahoma,Arial;font-size: 16px;}
.input-frame>input:focus{border: 1px solid #00dcff99;box-shadow: 0 0 2px #00dcff99;}
.login-input-yan>.input-frame{width: 155px;}
.login-input-yan>.input-frame>input{width: 130px;float: left;}
.login-input-yan>img{width: 115px;}
.login-submit{background-color: #86ce2f;position: relative;height: 40px;}
.login-button{position: absolute;left: 0;outline: 0;width: 100%;}
.login-button .btn{color: #fff;width: 100%; height: 40px;line-height: 35px;font-size: 17px;border: none;font-weight: 400;background: 0 0;cursor: pointer;}
.bottom-link{float: right;margin: 40px 10px 0 0;font-size: 12px;color: #000;}
.bottom-link>a{padding: 0 5px;color: #000;}


@media screen and (max-width: 1200px){
    .page1 table{padding: 52px 0 20px;}
    .act_rule_box{width: 90%;}
    .first_back{height: 690px;background-size: cover;}
    .receive{width: 900px;}
    .ten_logo{width: 90px;margin-left: -45px;top: 75px;}
    .ten_wenzi{width: 718px;margin-left: -359px;top: 250px;}
    .ten_bg_l{width: 643px;margin-left: -595px;top:95px;}
    .ten_bg_r{width: 509px;margin-left: 50px;top: 80px;}
    .Navigation{height: 57px;background-size: 1200px ;}
    .Navigation div{padding-right: 15px;}
    .Navigation a{width: 148px; height: 56px;}
    .page2 .receive img:nth-child(2){width: 80%;}
    .gift_div{height: 166px;}
    .gift_div div{width: 145px;}
    .prop_bg{background-size: 764px;}
    .lock_d td {background-size: 100%;}
    .lock_d .start img{width: 230px}
    .gift_bg{background-size: 100%;}
    .gift_div .gift_name{line-height: 23px;}
    .task_bg{background-size: 750px;}
    .task_bg div{padding: 13px 0 0;height: 250px;}
    .act_rule_box{width: 740px;}
    .draw_task{width: 715px;}
    .lq_width{width: 155px;}
    .draw_task a{width: 120px;height: 51px;}
    .draw_task_b{background-size: 100%;}
    .draw_task td{padding-top: 18px;}
    .yqts{font-size:16px;margin:5px auto;color:#fff;height: 35px;}
    .dm_con_bg{width: 750px;}
    .dm_xz_b div{background-size: 100%;width: 350px;height: 54px;line-height: 54px;}
    .dm_xz_b a{background-size: 100%;}
    .lq_width{width: 144px;}
    .gift_div div img {
        width: 95%;
    }
    .page3{width: 100%;}
    .page3 .receive_03 .table03 .table_td {width:872px ;}
    .page3 .receive_03 .table03 .table_td div{width: 93px;margin: 0 20px;}
    .page4{width: 100%;height: 1017px;}
    .page4 a{width: 200px;background-size: 100%;}
    .page5{width: 100%;}
    .page5 .receive{width:900px}
    .page5 table{padding-top: 70px;}

}
@media screen and (max-width: 900px){
    .page1 table{padding: 33px 0 8px;width: 536px;}
    .page1 table td img{width: 70%;}
    .prop_bg{background-size: 660px;height: 370px;}
    .prop_bg #receive_YY img{width: 160px;}
    .receive{width: 750px;}
    .page2 .lock_d {padding: 5px 0 0}
    .gift_div div {width: 128px;padding: 7px 0 0;}
    .gift_div div img{width: 90%;}
    .gift_div{height: 146px;}
    .lock_d .start img{width: 210px}
    .act_rule_box {width: 650px;}
    .task_bg{background-size: 700px;}
    .task_bg div{height: 230px;}
    .draw_task{width: 666px;}
    .draw_task td{padding-top: 15px;}
    .draw_task a{height: 48px;}
    .dm_con_bg{width: 600px;height: 350px;}
    .dm_box{height: 350px;}
    .dm_xz_b div{width: 286px;height: 45px;line-height: 45px;margin: 12px 20px 0;}
    .page3 .receive_04 table td img{width: 55%;}
    .page3 .receive_01 table td img { width: 72%;}
    .page3 .receive_01 table th {width: 130px;}
    .page3 .receive_03 .table03 .table_td {width:722px ;text-align: center;}
    .page3 .receive_03 .table03 .table_td div{width: 87px;margin: 0 10px;}
    .page4 table{margin: 0 auto;padding: 32px 0 0;}
    .page4 table td img {width: 80%;}
    .act_rule_box {padding-bottom: 80px;}
    .page5 .receive {width: 750px;}
    .page5 table{padding-top: 30px;}
}
@media screen and (max-width: 750px){
    html,body{height: 100%;}
    .receive{width: 500px;}
    .first_back{background-size: 1550px;height: 560px;}
    .first_back .top_nav{margin-top: 20px;right: 0;}
    .first_back .top_nav a{display: block;}
    .ten_logo{width: 78px;left: 60px;top: 13px;}
    .ten_wenzi{width: 600px;margin-left: -285px;top: 250px;}
    .ten_bg_l{width: 800px;margin-left: -327px;top:58px;}
    .ten_bg_r{display: none;}
    .Navigation{height: 36px;background-size: 750px ;}
    .Navigation div{padding-right: 10px;}
    .Navigation a{width: 61px; height: 36px;}
    .receive img:nth-child(2){width: 75%;}
    .prop_bg td img{width: 90%;}
    .act_rule_box{width: 90%;}
    .page1 table{width: 96%;padding: 23px 0 10px;}
    .prop_bg #receive_YY img{width: 100px;}
    .page1 table th{font-size: 14px;}
    .act_rule_box p{font-size: 14px;}
    .gift_div .gift_name{font-size: 14px;}
    .page2 .lock_d {padding: 2px 0 0;}
    .gift_div div {width: 87px;padding: 3px 0 0;}
    .gift_div {height: 100px;}
    .lock_d .start img {width: 130px;}
    .gift_text {font-size: 14px;}
    .c_title{width: 90%;}
    .dm_con_bg{width: 80%;height: 200px;}
    .dm_box{height: 200px;}
    .dm_xz_b div {width: 350px;height: 54px;line-height: 54px;margin: 5px 0 0;font-size: 16px;}
    .task_bg{background-size: 420px;}
    .act_rule_box{width: 420px;}
    .task_bg div{height: 135px;padding: 7px 0 0;}
    .draw_task{width: 400px;}
    .draw_task a{width: 70px;height: 27px;}
    .lq_width{width: 86px;}
    .draw_task td{padding-top: 8px;}
    .yqts{font-size: 13px;}
    .page3 .receive_01 table td img { width: 85%;}
    .page3 .receive_01 table th {width: 110px;}
    .page3 .receive_03 .table03 .table_td {width:472px ;}
    .page3 .receive_03 .table03 .table_td div{width: 87px;}
    .page4{width: 100%;height: 940px;}
    .page4 a{width: 160px;background-size: 100%;}
    .page5 .receive {width: 90%;}

}