html{
overflow-x: hidden;
}
.section{
padding: 80px 0;
}
body{
}
/* 导航栏 start*/
.nav{
height:80px;
background: #eefcff;
position: fixed;
top:30px;
left: 0px;
right: 0px;
z-index: 22;
}
#order1,#order2,#order3,#order4{
position: relative;
top:-120px;
}
.nav .nav_logo img{
width: 275px;
vertical-align: middle;
}
.nav_list li a{
display: block;
line-height: 80px;
/* margin-right: 40px;*/
font-size: 18px;
color:#333;
}
.nav_list li{
padding: 0 25px;
cursor: pointer;
position: relative;
}
/*.nav_list li:hover,
.nav_list li.active{
color: #1e8ef3;
position: relative;
}*/
@media screen and (min-width: 750px) {
.nav_list li:hover a{
color:#0092DB;
font-weight: 700;
/* border-bottom: 4px solid #0073C2;
*/ }
.nav_list li:hover:after{
content: "";
position: absolute;
width: 32px;
height: 4px;
background: #0092DB;
left: 50%;
bottom: 0px;
transform: translate(-50%,00%);
}
}
.nav_list li.active:after{
content: "";
position: absolute;
width: 32px;
height: 4px;
background: #0092DB;
left: 50%;
bottom: 0px;
transform: translate(-50%,00%);
}
.nav_list li.active a{
font-weight: 700;
color:#0092DB;
/* border-bottom: 4px solid #0073C2;*/
}
.nav_list li:last-child a{
margin-right: 0px;
}
/* 导航栏 end*/
/*banner start*/
.banner{
height:560px;
background: url(../images/banner.png) center center no-repeat;
background-size:cover;
margin-top:110px;
margin-bottom: 80px;
}
/*banner end*/
/*公共title start*/
.title_common{
height: 90px;
margin: 0 auto;
background: url(../images/title_bg.png) center center no-repeat;
position: relative;
margin-bottom: 50px;
}
.title_common h2{
font-size: 40px;
font-weight: 700;
text-align: center;
color: #0092db;
line-height: 90px;
}
/*公共title end*/
/*section1 start*/
.section1{
padding-bottom: 0px;
height: 568px;
}
.section1 .wrap{
position: relative;
}
.section1_activity_text{
padding: 55px 40px;
margin-left: 200px;
background: linear-gradient(0deg,#effaff, #ffffff);
border-radius: 16px;
margin-bottom: 64px;
}
.section1_activity_text p{
margin-bottom: 20px;
}
.section1 .section1_1_img{
position: absolute;
top:0px;
left: 0px;
}
.section1_activity_tip{
width: 1248px;
height: 197px;
margin-left: -24px;
background: url(../images/section1_bg.png) center center no-repeat;
padding: 38px 0 0 66px;
}
.section1_activity_tip img{
margin-right: 54px;
width: 180px;
height: 102px;
}
/*section1 end*/
/*section2 start*/
.section2{
background: #dff2ff;
padding-top: 145px;
}
.mySwiper1_box{
position: relative;
}
.mySwiper1 .swiper-wrapper{
display: flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mySwiper1 .swiper-slide{
width: 585px;
height: 342px;
background: #ffffff;
border-radius: 16px;
margin-bottom: 20px;
padding: 30px;
position: relative;
}
.mySwiper1_box .swiper-slide8{
position: absolute;
bottom:0;
right:0px;
background: transparent;
padding: 0;
text-align: right;
}
.mySwiper1 .swiper-slide h3{
font-size: 18px;
font-weight: 700;
color: #0092db;
margin-bottom: 14px;
line-height: 1.5;
margin-bottom: 10px;
}
.mySwiper1 .swiper-slide .pdf_img{
margin-right: 20px;
}
.mySwiper1 .swiper-slide p{
font-size: 14px;
color: #949494;
}
.mySwiper1 .swiper-slide p.mb10{
margin-bottom: 10px;
}
.pdf_btn{
position: absolute;
right:30px;
bottom:30px;
width: 150px;
height: 40px;
background: #0092db;
border-radius: 4px;
line-height: 40px;
color: #fff;
text-align: center;
}
.pdf_btn i{
display: inline-block;
width: 16px;
height: 16px;
background: url(../images/load1.png) center center no-repeat;
background-size: cover;
vertical-align: middle;
margin-right: 5px;
}
.mySwiper1 .swiper-slide .pdf_btn:hover{
background: #337AB7;
}
/*section2 end*/
/*section3 start*/
.section3{
background: #CFE8FE;
padding-bottom: 50px;
}
.mySwiper2_box{
position: relative;
}
.mySwiper2{
overflow: hidden;
}
.mySwiper2 .swiper-wrapper{
display: block;
}
.mySwiper2 .swiper-slide{
margin-bottom: 30px;
}
.video_item{
width: 590px;
}
.video_item p{
height: 72px;
background: #dff2ff;
line-height: 72px;
font-size: 18px;
font-weight: 700;
text-align: left;
color: #0092db;
border-radius: 0px 0px 16px 16px;
padding-left: 30px;
}
.video_item p i{
display: inline-block;
width: 20px;
height: 20px;
background: #0092db;
border-radius: 50%;
text-align: center;
line-height:20px;
color:#fff;
margin-right: 5px;
font-size: 14px;
font-weight: 400;
}
.video_item_img img{
vertical-align: middle;
transition: all 0.5s;
}
.video_item_img img:hover{
opacity: 0.8;
}
.video_item_img{
position: relative;
}
.video_item_img i{
position: absolute;
right: 20px;
bottom:20px;
width: 64px;
height: 64px;
background: url(../images/video1.png) center center no-repeat;
background-size: cover;
}
.video_item_img:hover i{
background: url(../images/video2.png) center center no-repeat;
background-size: cover;
}
.swiper-pagination-bullet {
background: #a3c5d6;
opacity: 1;
}
.swiper-pagination-bullet-active {
width: 24px;
height: 8px;
background: #0090dd;
border-radius: 4px;
}
/*section3 end*/
/*section4 start*/
/*抽奖界面--------------------*/
.section4{
background: #dff2ff;
}
.lucky_draw{
}
.lucky_draw_prize_box{
margin-bottom: 43px;
}
.lucky_draw .lucky_draw_prize_bg{
/* padding:20px 0;*/
width: 1040px;
background: url(../images/prize_bg.png);
height: 150px;
margin-top: 31px;
}
.lucky_draw .lucky_draw_prize_list{
width: 1040px;
height: 220px;
background: #b5dcf6;
border: 4px solid #0090dd;
border-radius: 8px 0px 0px 8px;
overflow: hidden;
padding:0px 14px;
position: relative;
}
.lucky_draw .lucky_draw_prize_list:after{
content: "";
position: absolute;
top: 0px;
left: 51%;
transform: translate(-50%, 0px);
border: 10px solid #0090dd;
border-color: #0090dd transparent transparent transparent;
}
.lucky_draw .lucky_draw_prize_list:before{
content: "";
position: absolute;
bottom: 0px;
left: 51%;
transform: translate(-50%, 0px);
border: 10px solid red;
border-color: transparent transparent #0090dd transparent;
}
.lucky_draw .lucky_draw_prize_item{
width: 140px;
height: 120px;
background: #ffffff;
border-radius: 4px;
text-align: center;
margin-right: 10px;
float:left;
}
.lucky_draw .lucky_draw_prize_img{
width: 93px;
height: 70px;
display: flex;
justify-content: center;
align-content: center;
margin:10px auto;
}
.lucky_draw .lucky_draw_prize_item img{
vertical-align: middle;
}
.lucky_draw .lucky_draw_prize_item p{
font-size: 12px;
color: #677283;
}
.lucky_quantity{
width: 170px;
height: 110px;
border-top: 4px solid #0090dd;
border-right: 4px solid #0090dd;
border-radius: 0px 8px 0px 0px;
}
.lucky_quantity ul{
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-between;
padding: 0 15px;
}
.lucky_quantity ul li{
width: 40px;
height: 75px;
background: url(../images/ele_0.png) center center no-repeat ;
}
.lucky_quantity ul li.ele1{
background: url(../images/ele_1.png) center center no-repeat ;
}
.lucky_quantity ul li.ele2{
background: url(../images/ele_2.png) center center no-repeat ;
}
.lucky_quantity ul li.ele3{
background: url(../images/ele_3.png) center center no-repeat ;
}
.lucky_quantity ul li.ele_finshed{
background: url(../images/ele_finshed.png) center center no-repeat ;
}
.lucky_draw .lucky_draw_prize_btn{
width: 170px;
height: 110px;
background: #b5dcf6;
background: #0090dd;
border-radius: 0px 0px 8px 0px;
font-size: 24px;
font-weight: 700;
text-align: center;
color: #ffffff;
/* line-height: 166px;*/
cursor: pointer;
padding-top: 22px;
}
.lucky_draw_prize_btn p:last-child{
font-size: 14px;
}
.lucky_draw .lucky_draw_prize_btn:hover{
background:#0F5B9E;
}
.lucky_draw_name_left {
width: 580px;
height: 260px;
background: #ccebff;
border-radius: 4px;
}
.lucky_draw #jq_marquee_box{
width: 520px;
height: 260px;
overflow: hidden;
padding:10px 0px 10px 20px;
border-radius: 0px 14px 14px 0px ;
line-height: 1.8;
}
.lucky_draw_name_left h3{
text-align: center;
width: 60px;
height: 260px;
background: #0592dd;
border-radius: 14px 0px 0px 14px;
font-size: 18px;
writing-mode: vertical-rl;
line-height:60px;
letter-spacing: 4px;
color: #fff;
}
#jq_marquee_box .lt{
width: 90px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/*word-break:keep-all;
white-space:nowrap;*/
color: #0f5b9e;
}
#jq_marquee_box .ct{
font-size: 14px;
color: #bbc0c8;
width: 60px;
text-align: center;
margin-right: 10px;
}
#jq_marquee_box .gt{
font-size: 14px;
color: #4a5a75;
}
.lucky_draw_rule_right{
width: 565px;
}
.lucky_draw_rule_right p{
color:#666;
font-size: 14px;
line-height: 1.7;
}
.lucky_draw_rule_right_text{
width: 340px;
}
.lucky_draw_rule_cide_img img{
width: 160px;
height: 160px;
}
.lucky_draw_rule_right>p:first-child{
font-size: 12px;
color: #999;
margin-bottom:15px;
}
/*抽奖界面--------------------*/
/*section4 end*/
/*about start*/
.contact_box {
height: 280px;
margin-top: 40px;
padding: 35px;
box-sizing: border-box;
border: 1px dashed #c81131;
border-radius: 3px;
font-size: 18px;
color:#555;
}
.contact_box .spe {
color: #E60028;
}
.contact_box .tip {
margin-bottom: 20px;
}
.contact_box {
line-height: 2;
}
.contact_box .t_box {
float: left;
}
.contact_box .i_box {
float: right;
text-align: center;
font-weight: 700;
}
.contact_box .i_box img {
vertical-align: top;
}
.about_cover{
cursor: pointer;
}
.about_box .t_box {
float: left;
width: 940px;
font-size: 14px;
line-height: 1.5;
}
.about_box .t_box {
}
.about_box .t_box p{
line-height: 25px;
}
.about_box .concat {
margin-top: 30px;
border-top: 1px solid #e4e4e4;
width: 50%;
font-size: 14px;
}
.about_box .qr_img {
float: right;
margin-top: 70px;
font-size: 14px;
width: 180px;
text-align: center;
}
.about_box .qr_img img {
vertical-align: top;
margin-bottom: 15px;
cursor: inherit;
}
.about_box .qr_img .spe {
color: #E80027;
}
.about_box .tip {
padding: 20px 0 8px;
color: #E80027;
font-weight: 700;
font-size: 16px;
}
.about_txt{
font-size: 14px;
line-height: 28px;
}
.about_txt h5{
color: #333;
font-size: 18px;
margin-bottom: 15px;
}
.about_txt h5 i{
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 6px;
height: 20px;
background: #0090dd;
}
.about_txt p{
margin-bottom: 30px;
color: #555;
font-size: 16px;
}
.about_txt p a{
/*margin-left: 10px;*/
color: #337AB7;
}
.about_txt p a:hover{
color:#0090dd ;
text-decoration: underline;
}
.qrCode_box{
font-size: 14px;
line-height: 25px;
margin-top: 40px;
}
.qrCode_box img{
margin: 0 35px 0 0;
}
.qrCode_box p{
margin-top: 25px;
}
.side_button a{
color: #fff;
display: inline-block;
width: 100%;
height: 100%;
}
.concat h2{
margin-bottom: 65px;
}
.concat_box {
margin-bottom: 50px;
}
.video_cover{
position: relative;
}
.video_box .play_icon {
cursor: pointer;
display: block;
position: absolute;
right: 20px;
bottom: 10px;
width: 60px;
height: 60px;
background: url(../images/video1.png);
background-size: 100% 100%;
}
.about_video .play_icon {
cursor: pointer;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: url(../images/video1.png);
background-size: 100% 100%;
}
.video_cover:hover .play_icon,
.about_video .about_cover:hover .play_icon{
background: url(../images/video2.png);
background-size: 100% 100%;
}
.about_video li p{
text-align: center;
font-size: 16px;
color: #949494;
line-height: 2;
}
.about_video li p.about_video_text{
color: #337ab7;
}
.about_video li p.about_video_text img{
vertical-align: middle;
margin-right: 5px;
}
/*about end*/
/*aside start*/
.aside{
position: fixed;
top:50%;
right:20px;
transform: translate(0,-50%);
z-index: 99;
}
.aside .aside_bg1{
position: absolute;
top: -37px;
left: -25px;
width: 44px;
height: 41px;
background: url(../images/aside_bg1.png) center center no-repeat;
}
.aside .aside_bg2{
position: absolute;
bottom: -26px;
left: -26px;
width: 78px;
height: 96px;
background: url(../images/aside_bg2.png) center center no-repeat;
}
.asite_close_btn{
position: absolute;
top:-20px;
right:-20px;
width: 20px;
height: 20px;
background:url(../images/asite_close_btn.png) center center no-repeat;
border-radius: 50%;
cursor: pointer;
opacity: 0.8;
}
.asite_close_btn:hover{
background:url(../images/asite_close_btn2.png) center center no-repeat;
}
.aside .aside_box .qrcode1{
width: 140px;
vertical-align: middle;
margin-bottom: 4px;
}
.aside .aside_box{
width: 160px;
height: 421px;
background: linear-gradient(180deg,#ffffff, #eef9ff);
border: 1px solid #dbf0fc;
padding:10px;
position: relative;
z-index: 3;
}
.aside_text1{
font-size: 14px;
text-align: center;
color: #333333;
}
.aside_text2{
font-size: 12px;
text-align: center;
color: #949494;
margin-bottom: 8px;
}
.aside .aside_btn{
display: block;
width: 120px;
height: 32px;
font-size: 14px;
background: #0090dd;
border-radius: 4px;
text-align: center;
line-height: 32px;
color: #ffffff;
margin:0 auto;
margin-bottom: 8px;
}
.aside .aside_btn:hover{
background-color: #337AB7;
}
.aside .aside_btn_bottom{
width: 120px;
height: 44px;
background: #ffa114;
border-radius: 4px;
line-height: 1.5;
position: relative;
z-index: 2;
}
.aside .aside_btn_bottom:hover{
background-color: #E59112;
}
.aside .aside_btn_bottom span{
display: block;
font-size: 12px;
}
.back_top{
display: block;
text-align: center;
}
.back_top img{
opacity: 0.8;
}
.back_top img:hover{
opacity:1;
}
/*aside end*/
/* 弹窗 */
.submit_input_flex>div{
width:48%;
}
.layer_user_info_form .layui-layer-title{
height: 50px;
background: #0090dd;
line-height:50px;
color: #fff;
font-size:18px;
padding:0px 30px ;
border-bottom:1px solid #e4e4e4;
text-align: left;
font-weight: 400;
}
.info_msgBox .collect_title{
font-size: 14px;
color: #fb4754;
margin-bottom: 20px ;
}
.layer_user_info_form .layui-layer-setwin .layui-layer-close1 {
background-position: 0 0px;
}
.layer_user_info_form .layui-layer-ico {
background: url(../images/close.png) no-repeat;
background-size: cover;
}
.submit_form_register{
padding:20px 30px;
}
.submit_form_register .inline_dl_flex{
display: flex;
justify-content: space-between;
}
.submit_form_register .inline_dl_flex_box {
width: 48%;
}
.submit_form_register .inline_dl {
display: flex;
justify-content: space-between;
font-size: 16px;
color:#333;
line-height: 40px;
margin-bottom: 20px;
}
.submit_form_register dl{
color:#333;
}
.inline_dl dt{
width:62px;
}
.inline_dl dd{
width: calc(100% - 62px);
}
.inline_dl.label_info_radio dt {
width: 100%;
}
.submit_form_register .label_info_radio,
.submit_form_register .label_info{
display: block;
}
.color_red{
margin-right: 5px;
color:#D00000;
}
.submit_form_register .inline_dl .addr_box{
width:250px;
display: flex;
justify-content: space-between;
}
.submit_form_register .inline_dl .addr_box select
{
width:49%;
}
.submit_form_register .inline_dl input,
.submit_form_register .inline_dl select{
width:250px;
height: 40px;
background: #ffffff;
border: 1px solid #e4e4e4;
border-radius: 4px;
text-indent: 10px;
font-size: 16px;
color:#333;
}
.submit_form_register input[type="checkbox"] {
width: 20px;
height: 20px;
background: #ffffff;
border: 1px solid #707070;
-webkit-appearance: none;
outline: none;
vertical-align: middle;
border-radius:4px;
margin-right: 5px;
box-sizing: border-box;
}
.submit_form_register input[type="checkbox"]:checked {
background: url(../images/checkbox.png) center center no-repeat;
background-size:cover;
border:1px solid rgba(0,0,0,0);
box-sizing: border-box;
}
.submit_form_register .label_info input[type="checkbox"] {
position: relative;
top:0px;
}
.submit_form_register .label_info label{
width: 47%;
display: inline-block;
}
.submit_form_register .label_info_radio label{
display: block;
}
.submit_form_register .label_info_radio input[type="radio"] {
width: 20px;
height: 20px;
background: #ffffff;
border: 1px solid #707070;
-webkit-appearance: none;
outline: none;
vertical-align: middle;
border-radius:50%;
margin-right: 5px;
box-sizing: border-box;
}
.submit_form_register .label_info_radio input[type="radio"]:checked {
background: url(../images/radio.png) center center no-repeat;
background-size:cover;
border:0px solid #E30327;
box-sizing: border-box;
position: relative;
}
/*.submit_form_register .label_info_radio input[type="radio"]:checked:after{
content:"";
width: 8px;
height: 8px;
border-radius: 50%;
background: #E30327;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
}*/
.layer_user_info_form .layui-layer-content{
position: static!important;
}
.submit_form_register .label_info_radio input[type="radio"] {
position: relative;
top:0px;
}
.form_btn{
width: 350px;
height: 50px;
background: rgba(227, 3, 39,1);
border-radius: 4px;
text-align: center;
line-height: 50px;
outline: none;
border:none;
font-size: 18px;
color:#fff;
margin-bottom: 20px;
position: absolute;
bottom:2px;
left: 40px;
}
.form_btn:hover{
background: rgba(227, 3, 39,0.7);
}
.layer_user_info_form .layui-layer-btn{
text-align: left;
padding-left: 26px;
}
.layer_user_info_form .layui-layer-btn .layui-layer-btn0{
width: 350px;
height: 50px;
background: #0090dd;
border-radius: 4px;
border: 1px solid transparent;
line-height: 50px;
text-align: center;
font-size: 18px;
}
.layer_user_info_form .layui-layer-btn .layui-layer-btn0:hover{
opacity: 0.8;
}
.layer_input_box{
width: 100%;
}
.layer_input_box .layer_input_title{
font-size: 16px;
font-weight: 700;
}
.layer_checkbox_label{
display: inline-block;
width: 32%;
font-size: 14px;
}
.layer_checkbox_label_100 {
width: 100%;
}
.layer_checkbox_label_16{
width:auto;
margin-right: 60px;
}
.layer_checkbox_label_16.mr0{
margin-right: 0;
}
.layer_checkbox_label_16.mrauto{
margin-right: 18px;
}
.layer_checkbox_label_70{
width: 700px;
}
.submit_form_register .layer_input_box div>input{
width: 460px;
}
.layer_input_box .layer_checkbox_label .checkbox_input{
width: 14px;
height: 14px;
position: relative;
top:2px;
}
.layer_input_box .layer_checkbox_label>div{
text-align: left;
padding-left: 20px;
}
/* 弹窗 ebd*/
/*抽奖弹框*/
.layer_lotter_alert {
border-radius: 8px;
}
.layer_lotter_alert .layui-layer-title {
border-bottom: 1px solid transparent;
background-color: transparent;
}
.layer_lotter_alert_title_no .layui-layer-title{
height: 30px;
}
.layer_lotter_success{
text-align: center;
}
.layer_lotter_success p{
font-size: 24px;
font-weight: 700;
color:#333;
}
.layer_lotter_success .scroe_text1{
font-size: 18px;
font-weight: 700;
color: #333333;
margin-bottom: 10px;
}
.layer_lotter_success .scroe_text2{
font-size: 24px;
font-weight: 700;
color: #0074be;
}
.layer_lotter_alert_scroe{
background:linear-gradient(180deg,rgba(0 ,156, 255,0.2), #ffffff);
}
.layer_lotter_success img{
margin-bottom: 0px;
margin-top: 10px;
}
.layer_lotter_success_btn img{
margin-bottom: 10px;
margin-top: 0px;
}
.layer_lotter_success_btn p{
margin-bottom: 20px;
}
.layer_lotter_info{
text-align: center;
}
.layer_lotter_info img{
margin-bottom: 20px;
margin-top: 10px;
}
.layer_lotter_info .layer_lotter_text1{
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
color:#333;
}
.layer_lotter_info .layer_lotter_text2{
font-size: 14px;
color: #666666;
}
/*.layer_lotter_alert_title_no{
background:linear-gradient(180deg,rgba(0 ,156, 255,0.2), #ffffff);
}*/
.layer_lotter_answer{
text-align: center;
}
.layer_lotter_answer_text1{
font-size: 18px;
text-align: center;
color: #333333;
margin-bottom: 15px;
}
.layer_lotter_answer_text2{
font-size: 30px;
font-weight: 700;
text-align: center;
color: #e30327;
margin-bottom: 15px;
}
.layer_lotter_answer_btn{
width: 160px;
height: 48px;
background: rgba(218 ,31, 61,1);
border-radius: 4px;
display: block;
margin:0 auto;
text-align: center;
line-height: 48px;
font-size: 18px;
color:#fff;
}
.layer_lotter_answer_btn:hover{
background: rgba(218 ,31, 61,0.8);
}
.layer_lotter_prize{
text-align: center;
}
.layer_lotter_prize_text1{
font-size: 18px;
color:#333;
margin-top: 10px;
margin-bottom: 30px;
}
.layer_lotter_prize_btn{
display: block;
margin:0 auto;
width: 220px;
height: 50px;
background: rgba(218 ,31, 61,1);
border-radius: 4px;
text-align: center;
line-height: 50px;
color:#fff;
font-size: 18px;
}
.layer_lotter_prize_btn:hover{
background: rgba(218 ,31, 61,0.8);
}
.layer_lotter_prize_name{
text-align: center;
}
.layer_lotter_prize_name_text1{
font-size: 18px;
font-weight: 700;
color: #333333;
margin-bottom: 10px;
}
.layer_lotter_prize_name_text2{
font-size: 20px;
font-weight: 700;
color: #0090DD;
padding: 0px 24px;
margin-bottom: 0;
}
.layer_lotter_prize_name img{
margin-top: 10px;
margin-bottom: 0px;
}
.layer_lotter_prize_name_text3{
font-size: 12px;
font-weight: 400;
color: #666666;
}
.layer_btn_commom{
display:block;
width: 140px;
height: 40px;
background: #2897d3;
border-radius: 3px;
font-size: 16px;
color:#fff;
text-align: center;
line-height: 40px;
margin:0 auto;
}
.layer_btn_commom:hover{
background: #0074be;
}
/*抽奖弹框*/
/* //////////////////////// */
/*----------radio checkbox样式-----------*/
/*---------------------*/
/* 中奖名单 */
/*.zjMd {
width: 410px;
border-radius: 10px;
overflow: hidden;
}
.zjMd_tip {
margin-top: 35px;
font-size: 14px;
line-height: 1.8;
color: #b1c2d1;
}
.zjMd h3 {
line-height: 48px;
height: 47px;
background:#1E8EF3;
color:#fff;
font-size:16px;
font-weight: 700;
text-align: left;
letter-spacing: 2.8px;
text-align: center;
}
#jq_marquee_box .null{
text-align: center;
font-size: 16px;
font-weight: 700;
color:#fff;
}
*/
/* 中奖名单 */
.is_allow {
cursor: pointer;
}
/* pc显示隐藏 start*/
.is_pc {
display: block;
}
.is_pc_flex {
display: flex;
}
.is_mobile, .is_mobile_flex {
display: none!important;
}
/* pc显示隐藏 end*/
@media screen and (max-width: 750px) {
html {
font-size: 13.3333vw !important;
overflow-x: hidden;
}
.wrap {
width: 100%;
}
/* 移动端隐藏 end*/
.is_pc,
.is_pc_flex {
display: none !important;
}
.is_mobile {
display: block !important;
}
.is_mobile_flex {
display: flex !important;
}
.pc_nav {
margin-top: 0px !important;
width: 100vw;
height: 0.87rem;
line-height: 0.87rem;
}
/* 移动端隐藏 end*/
.section{
padding:0.8rem 0.3rem;
}
/*导航栏样式*/
.nav .nav_logo img {
width: 2.78rem;
margin-left: 0.2rem;
}
.nav_list{
padding-right: 0.3rem;
}
.nav_list li{
padding: 0 0.2rem;
}
.nav_list li:last-child{
padding-right: 0;
}
.nav {
height: 0.88rem;/*
background: #fff;*/
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 22;
}
.nav_list li.active:after{
background: transparent;
}
.nav_list li a {
display: block;
line-height: 0.8rem;
font-size: 0.28rem;
/* color: #fff;*/
font-weight: 700;
}
.nav_list li.active a{
border-bottom: 0px solid #1e8ef3;
}
.nav_list li:hover a{
border-bottom: 0px solid #1e8ef3;
}
.nav_logo{
display: flex;
align-items: center;
height: 0.88rem;
}
/*导航栏样式*/
/*title 样式*/
.title_common {
height: 1.12rem;
margin: 0 auto;
background: url(../images/title_bg_m.png) center center no-repeat;
background-size: cover;
position: relative;
margin-bottom: 0.6rem;
}
.title_common h2{
font-size: .48rem;
width: 100%;
text-align: center;
line-height: 1rem;
}
/*banner*/
.banner {
height: 4rem;
background: url(../images/banner_m.png) center center no-repeat;
background-size: 100% 4rem;
margin-top:0.88rem;
margin-bottom: 0.6rem;
}
/*banner*/
/*section1 start*/
.section1 {
padding-top: 0.4rem;
padding-bottom: 0.6rem;
height: auto;
}
.section1 .section1_1_img{
display: none;
}
.section1_activity_text {
padding: 0.4rem 0.3rem;
margin-left: 0;
border-radius: 0.2rem;
margin-bottom: 2px;
}
.section1_activity_text p {
margin-bottom: 0.2rem;
font-size: 0.28rem;
}
.section1_activity_tip {
width: 106.5%;
height: 5.82rem;
margin-left: -0.25rem;
background: url(../images/section1_bg_m.png) center center no-repeat;
background-size: 106.5% 5.82rem;
padding: 0.4rem 0.5rem;
padding-top: 0.7rem;
}
.section1_activity_tip p{
font-size: 0.28rem;
}
.section1_activity_tip {
display: block;
}
.section1_activity_tip img {
margin-right: 0;
width: 4.13rem;
height: 0.7rem;
display: block;
margin: 0 auto;
margin-bottom: 0.2rem;
}
/*section1 end*/
/*section2 start*/
.section2{
padding-top:0.8rem;
}
.mySwiper1 .swiper-wrapper {
flex-wrap: nowrap;
margin-left: 0.6rem;
}
.mySwiper1_box{
position: relative;
width: calc(100% + 0.6rem);
margin-left: -0.3rem;
}
.mySwiper1 {
padding-bottom: 0.6rem;
overflow: hidden;
}
.mySwiper1 .swiper-slide{
width: 6.32rem!important;
height: 8.7rem;
background: #ffffff;
border-radius: 8px;
}
.mySwiper1 .swiper-slide>div .flex{
display: block
}
.mySwiper1_mobile_flex{
display: flex;
height: 3.4rem;
justify-content: center;
align-content: center;
margin-bottom: 0.3rem;
}
.mySwiper1 .swiper-slide h3.is_mobile {
font-size: 0.36rem;
margin-bottom: 0;
display: flex!important;
height: 3.4rem;
align-content: center;
flex-flow: wrap;
}
.mySwiper1 .swiper-slide .pdf_img {
margin-right: 0.2rem;
width: 2.4rem;
height: 3.4rem;
}
.mySwiper1 .swiper-slide p {
font-size: 0.24rem;
color: #949494;
line-height: 1.6;
}
.pdf_btn {
position: absolute;
right: 50%;
transform: translate(50%,0);
bottom: 0.3rem;
width: 3.6rem;
height: 0.96rem;
line-height: 0.96rem;
font-size: 0.28rem;
}
.pdf_btn i {
width: 0.32rem;
height: 0.32rem;
}
/*section2 end*/
/*section3 start*/
.mySwiper2 .swiper-slide{
margin-bottom: 0.2rem;
}
.mySwiper2 .swiper-slide>div{
display: block;
}
.mySwiper2 .swiper-wrapper{
display: flex;
}
.video_item img {
transition: transform 0.5s;
width: 100%;
object-fit: cover;
}
.video_item {
width: 100%;
margin-bottom: 0.2rem;
}
.video_item p {
font-size: 0.28rem;
font-weight: 700;
line-height: 1.12rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
z-index: 2;
width: 100%;
line-height: 1.6;
background-size:cover;
display: flex;
align-items: center;
flex-flow: nowrap;
}
.video_item p i{
width: 0.4rem;
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.24rem;
position: relative;
top:0px;
bottom: 0px;
right: 0px;
}
.video_item i {
right: 0.4rem;
bottom: 0.8rem;
width: 0.8rem;
height: 0.8rem;
}
.mySwiper2 {
overflow: hidden;
padding-bottom: 0.5rem;
}
.mySwiper2_box .swiper-button-next, .mySwiper2_box .swiper-button-prev{
display: none;
}
/*section3 end*/
/*section4 start*/
.section4 {
}
.lucky_change_show{
display: flex;
}
.lucky_draw .lucky_draw_prize_bg {
width: 16.8rem;
background: url(../images/prize_bg.png);
height: 2.6rem;
margin-top: 0.4rem;
background-size: cover;
}
.lucky_draw .lucky_draw_prize_list {
width: 100%;
height: 3.45rem;
border: 0.04rem solid #0090dd;
padding: 0px 0.2rem;
border-radius: 8px 8px 0px 0px;
}
.lucky_draw_prize_box{
margin-bottom: 0.6rem;
display: block;
}
.lucky_quantity{
width: 2.36rem;
height: 1.4rem;
border-top:0;
border-right:0;
border-left: 0.04rem solid #0090dd;
border-bottom: 0.04rem solid #0090dd;
border-radius: 0px 0px 0px 8px;
}
.lucky_quantity ul{
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-between;
padding: 0 0.2rem;
}
.lucky_quantity ul li{
width: 0.58rem;
height: 1.1rem;
background-size: cover!important;
}
/* .lucky_quantity ul li.ele1{
background: url(../images/ele_1.png) center center no-repeat ;
}
.lucky_quantity ul li.ele2{
background: url(../images/ele_2.png) center center no-repeat ;
}
.lucky_quantity ul li.ele3{
background: url(../images/ele_3.png) center center no-repeat ;
}
.lucky_quantity ul li.ele_finshed{
background: url(../images/ele_finshed.png) center center no-repeat ;
}*/
.lucky_draw .lucky_draw_prize_btn {
width: 4.6rem;
height: 1.4rem;
font-size: 0.32rem;
padding-top: 0.16rem;
}
.lucky_draw_prize_btn p:last-child {
font-size: 0.24rem;
}
.lucky_draw_rule_right>.flex {
display: block;
}
.lucky_draw_name_left {
width: 100%;
height: 4rem;
display: block;
}
.lucky_draw_name_left h3 {
text-align: center;
width: 100%;
height: 0.8rem;
font-size: 0.28rem;
writing-mode: initial;
line-height: 0.8rem;
letter-spacing: 2px;
border-radius: 8px 8px 0px 0px ;
}
.lucky_draw #jq_marquee_box{
height: 3rem;
width: 100%;
border-radius: 0px 8px 18px 0px;
}
#jq_marquee_box .gt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: calc(100% - 150px);
}
.lucky_draw_rule_right>p:first-child {
font-size: 0.24rem;
margin-bottom: 0rem;
margin-top: 0.3rem;
}
.lucky_draw_rule_right_text {
width: 100%;
padding-top: 0.2rem;
}
.lucky_draw_rule_cide_img{
text-align: center;
margin-top: 0.3rem;
}
.lucky_draw_rule_right p{
font-size: 0.28rem;
}
.lucky_draw_rule_right>div>img{
display: block;
margin:0 auto;
margin-top:0.4rem;
width: 3.2rem;
height: 3.2rem;
}
/*section4 end*/
/*about start */
.about_box {
padding-bottom: 0.8rem;
background:#fff;
}
.lucky_draw_rule_right {
width: 100%;
}
.lucky_draw_name{
display: block;
}
.about_txt p {
margin-bottom: 0.6rem;
color: #555;
font-size: 0.28rem;
}
.about_cover>img{
width: 100%;
}
.about_video{
display: block;
}
.about_video li:nth-child(2) {
margin:0.4rem 0;
}
.about_video li:nth-child(2) .about_pdf>img{
display: block;
margin:0 auto;
}
.about_video li:nth-child(3),.about_video li:nth-child(4){
display: inline-block;
width:49%;
}
.about_video li:nth-child(3) img,.about_video li:nth-child(4) img{
width: 95%;
}
/*about end*/
/* 弹窗部分 start*/
.layer_user_info_form .layui-layer-ico {
background: url(../images/close_m.png) no-repeat;
background-size: cover;
}
.layer_user_info_form .layui-layer-title {
line-height: 1.8;
color: #333;
background: transparent;
border-bottom: 0px solid #e4e4e4;
font-weight: 700;
font-size: 0.4rem;
padding: 0.3rem 0.3rem 0.2rem 0.3rem;
}
.layer_checkbox_label {
display: inline-block;
width: 49%;
font-size: 0.2rem;
line-height: 1.6;
vertical-align: middle;
}
.submit_form_register .layer_input_box div>input {
width: 100%;
}
.submit_form_register .inline_dl_flex{
display: block;
}
.submit_form_register {
padding: 0.2rem 0.3rem;
}
.submit_form_register .inline_dl_flex_box {
width: 100%;
}
.submit_form_register .label_info label {
width: 100%;
display: inline-block;
}
.form_btn {
width: 80%;
margin: 0 auto;
margin-bottom: 20px;
display: block;
left: 50%;
transform: translate(-50%,0);
}
.submit_form_register .inline_dl{
justify-content: flex-start;
width: 100%;
}
.submit_form_register .inline_dl dd{
width: 80%;
}
.submit_form_register .label_info_radio.inline_dl dd{
width: 100%;
}
.submit_form_register .inline_dl input, .submit_form_register .inline_dl select{
width: 100%;
}
.submit_form_register input[type="checkbox"]{
width: 20px!important;
}
.submit_form_register{
position: relative;
}
.submit_form_register .label_info_radio label {
display: block;
text-indent: -0.6rem;
margin-left: 0.6rem;
line-height: 1.8;
}
.layer_user_info_form .layui-layer-btn .layui-layer-btn0{
width: 91%;
margin: 0;
}
.submit_input_flex {
display: block;
}
.submit_input_flex>div{
width: 100%;
}
.submit_form_register .inline_dl .addr_box {
width: 100%;
}
.layer_user_info_form .layui-layer-btn{
padding: 0 0.3rem;
}
.layer_lotter_prize_name_text2 {
font-size: 0.4rem;
line-height: 1.6;
}
.layer_lotter_prize_name_text1 {
font-size: 0.36rem;
margin-bottom: 0;
}
.layer_lotter_prize_name img{
width: 2rem;
}
/* 弹窗部分 end*/
#order1,#order2,#order3,#order4{
position: relative;
top: -1.2rem;
}
}
.about_pdf {
cursor: pointer;
}