*{margin: 0;padding:0;list-style: none;}
.w1200{width: 1200px;margin: 0 auto;position: relative;height: 100%;}
#service_content{background: top center no-repeat;height: 1080px;width: 100%;min-width: 1200px;position: relative;padding-bottom: 150px}
.logo{margin-top: 36px;float: left;width: 115px;hyphens: 60px}
.top_icon{float: right;width: 272px;height: 42px;display: flex;justify-content:space-between;margin-top: 46px;}
.top_icon a{display: block;width: 42px;height: 42px; background: url(../images/top_btn.png?v=1204) no-repeat;}
.top_icon .menu_icon_gw{width: 130px;height: 35px;}
.top_icon .menu_icon_gw:hover{background-position-x: -147px;}
.top_icon .menu_icon_yx{width: 130px;height: 35px;background-position: 0px -49px;}
.top_icon .menu_icon_yx:hover{background-position-x: -147px;}

.wrapper-footer { width: 100%; height: 202px;position: absolute;bottom: 0;background-color: #000 }
.wrapper-inner { width: 1000px; margin: 0 auto; position: relative }
.wrapper-inner .qr-left { float: left; width: 282px; height: 138px; background: url(../images/footer_qr.png?v=1204) no-repeat; margin: 30px 0 0 90px }
.wrapper-inner .f-info-right { float: right; width: 500px; height: 40px; margin: 35px 40px 0 0; text-align: center }
.f-info-right .footer-logo { display: block; width: 127px; height: 45px; margin: 10px auto }
.f-info-right p { color: #836959; line-height: 30px }
.swiper_pic{width: 318px;height: 580px;position: absolute;top: 310px;left: 50%;margin-left: -574px;overflow: hidden;padding-top: 35px;box-sizing: border-box;}
.swiper_pic .swiper-slide div{display: block;width: 323px;height: 492px;background: 0 0 no-repeat;}
.pic_btn .swiper-pagination-bullet{width: 14px;height: 14px;background: url(../images/swiper.png) -112px -10px no-repeat;opacity: 1;margin: 0 6px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.pic_btn .swiper-pagination{position:initial;margin: 0 12px;}
.pic_btn .swiper-pagination-bullet-active{background-position-y: -29px;}
.pic_btn{position: absolute;top: 790px;width: 400px;height: 16px;left: 112px;display: flex;align-items: center;justify-content: center;z-index: 5;}
.pic_btn .swiper_btn{width: 36px;height: 36px;background: url(../images/swiper.png) 0 4px no-repeat;cursor: pointer;}
.pic_btn .swiper_btn.swiper-next{background-position-x: -59px;}
.pic_btn .swiper_btn:hover{background-position-y: -39px;}
.gift_btn{width: 127px;height: 58px;background: url(../images/gift_btn.png?v=1) -25px  0 no-repeat;position: absolute;top: 339px;left:1024px;cursor: pointer;}
.gift_btn:hover{background-position-y: -84px;}
.gift_btn.isGet{background-position-y: -159px;}
.gift_btn_bind{top: 464px;}
.gift_btn_guibin{top: 732px;} 
.cover_info{position: absolute;height: 580px;bottom: 0; display: flex;flex-wrap: wrap;align-content: center;width: 318px;background: url(../images/swiper_mask.png?v=1) no-repeat;;color: #fff;padding: 10px 10px;padding-top: 500px; bottom: 0;z-index: 3;box-sizing: border-box;}
.pic_btn .swiper_btn{outline: none;}
.hoverBg{
	width: 368px;
    height: 111px;
    background: url(../images/hoverBg.png) 0 0 no-repeat;
    position: absolute;
    top: -102px;
    left: -49px;
    display: none;
}
/*.gift_btn_pay:hover .hoverBg{display: block;}*/
.gift_btn_pay2{top: 581px}
.gift_btn_pay3{top: 703px}


.alert-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5}
.alert-wrap .msg-alert {width: 460px;height: 315px;position: absolute;top: 50%;left: 50%;margin: -157px 0 0 -230px;background: #fff;border-radius: 5px;overflow: hidden;}
.alert-wrap .shadow-box{width: 100%;height: 100%;background: rgba(0,0,0,0.5)}
.msg-alert .msg-tit{width: 100%;height: 46px;background: #ececec}
.msg-alert .msg-tit h3{height: 46px;line-height: 46px;text-align: center;font-size: 24px;color: #666666;font-weight: normal;}
.btn-close{background: url("//cdn.51img1.com/v6/global/images/layer/close.gif?v=20180203") no-repeat;display: block;width:10px;height: 10px;position: absolute; top: 16px;right: 12px;}
.msg-con .btn-alert{width: 240px;height: 42px;background: #f41a3c;display: block;color: #fff;border-radius: 5px;font-size: 16px;color: #ffffff;text-align: center;line-height: 41px;bottom: 16px;left: 115px;position: absolute;}
.msg-con .btn-alert:hover{background-color: #c3142f}
.msg-con .service-nav{margin-top: 56px}
.msg-con .service-nav p{text-align: center;font-size: 14px;margin-top: 15px}
.msg-con .service-nav p select{width: 200px;height: 36px;outline: none;}
.msg-con .tip2{font-size: 18px;text-align: center;margin-top: 60px}
.links{display: inline-block;font-size: 14px;margin-top: 16px;}

.msg-alert.choose{background-color: transparent;width: 605px;height: 380px;margin: -192px 0 0 -305px;}
.msg-alert.choose .msg-tit{background-color: transparent;}
.msg-alert.choose .msg-con .data_close_btn{    position: absolute;width: 30px;top: 24px;height: 30px;cursor: pointer;right: 30px;}
.msg-alert.choose .msg-con .gift1,.msg-alert.choose .msg-con .gift2{width: 70px;height: 99px;background: url(../images/gift_box.png?v=1) 0 0 no-repeat;position: absolute;top: 135px;cursor: pointer;opacity: 0}
.msg-alert.choose .msg-con .gift1.choose1{left: 124px; }
.msg-alert.choose .msg-con .gift1.choose2{left: 205px; }
.msg-alert.choose .msg-con .gift2.choose1{left: 345px; }
.msg-alert.choose .msg-con .gift2.choose2{left: 426px; }
.msg-alert.choose .msg-con .gift1.active,.msg-alert.choose .msg-con .gift2.active{opacity: 1}
.msg-alert.choose .msg-con .get_gift_btn{width: 157px;height: 68px;background: url(../images/pop_btn.png?v=1) 0 0 no-repeat;position: absolute;bottom: 38px; left: 50%;margin-left: -73px;cursor: pointer;}
.msg-alert.choose .msg-con .get_gift_btn:hover{background-position-y:-68px;}
.time{width: 277px;position: absolute;top:80px;left: 970px; font-size: 18px;color: #533d33;}
.rule{font-size: 14px;color: #8f341f;position: absolute;top: 800px;left: 368px}
.gift_btn_mask{position: absolute;background: url(../images/gift_box.png?v=1) 0 0 no-repeat;width: 70px;height: 70px;top: 667px;}
.gift_btn_mask1{left: 730px}
.gift_btn_mask2{left: 813px}
.gift_btn_mask3{left: 945px}
.gift_btn_mask4{left: 1026px}
.img_btn{display: inline-block;}
.img_show_box{width: 113px;height: 113px;margin: 0 auto}
.img_show_box img{width: 113px;height: 113px;z-index: 99;left: 0}
.msg-alert.give .msg-con{font-size:18px;text-align: center;padding-top: 86px}
.log_btn{position: absolute;top: 800px;right: 58px;color: #FF441E;font-size: 14px;text-decoration: underline;cursor: pointer;}
.alert-wrap .msg-alert .msg-con {height: 250px;overflow-y: auto;}
.alert-wrap .msg-alert .msg-con table{width: 100%;margin-top: 20px;}
.alert-wrap .msg-alert .msg-con table tr th,.alert-wrap .msg-alert .msg-con table tr td{text-align: center;font-size: 14px;width: 33%;line-height: 26px}
.alert-wrap .msg-alert .msg-con table tr td.gift_code{cursor: pointer;}
.msg-alert.choose  .msg-tit .btn-close.data_close_btn{display: none}

.videoBox {
    bottom: 122px;
    left: 0px;
    width: 307px;
    height: 182px;
    background: url(../images/video_bg.png?v=20230111) 0 0 no-repeat;
    background-size: 100%;
    z-index: 20;
    position: fixed;
    transition: all .3s;
}
.videoBox video {
    width: 288px;
    height: 162px;
    margin-top: 10px;
    margin-left: 9px;
}
.closeVideo {
    width: 26px;
    height: 82px;
    position: absolute;
    right:-26px;
    top: 0px;
    cursor: pointer;
    z-index: 99;
    background: url(../images/video_btn.png?v=20230111) 0 0 no-repeat;
}
.closeVideo.active{background-position-x:-56px; }
.closeVideo:hover{filter: brightness(1.2);}