body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; background-color: #000; overflow-x: hidden; min-width: 1400px;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}
span{outline:none;}
.wrapTop{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) center 0 no-repeat; overflow: hidden;}
.wrapFot{}
.bg1{height: 3555px;}

/* float_bar */
.float_bar{position: fixed; width: 156px; height: 548px; top: 50%; margin-top: -220px; right: 40px; background: url(../images/float_bar.png); z-index: 20;}
.ewm{position: absolute; width: 135px; height: 135px; left: 10px; top: 107px;}
.nav_box{position: absolute; width: 108px; left: 24px; top: 290px;}
.nav_box a{display: block; width: 108px; height: 26px; margin-bottom: 25px; cursor: pointer;}
.nav_box a.nav1{background: url(../images/nav1.png);}
.nav_box a.nav2{background: url(../images/nav2.png);}
.nav_box a.on{background-position: right 0;}
.btn_gtt{position: absolute; width: 56px; height: 64px; left: 50px; bottom: 0; cursor: pointer;}

.section{position: relative;}
.section_head{height: 920px;}
.section_gift{height: 1480px;}
.logo{width: 180px; height: 95px; left: 50%; margin-left: -90px; top: 20px; position: absolute;}


/* head */
.log_box{position: absolute; width: 100%; top: 718px;}
.login{display: none;}
.login a{width: 199px; height: 48px; background: url(../images/btn_login.png); cursor: pointer; display: block; margin: 0 auto;}
.login a:hover{ background-position: 0 -48px;}
.logout{text-align: center; line-height: 48px; font-size:20px; color: #FFF; display: none;}
.logout a,.logout span{margin-right: 10px;}
.logout a{color: #FF0;}
.userInfo{display: none;}

.title{height: 132px; padding-top: 186px; background: url(../images/title.png) no-repeat center 20px;}
.tips{height: 66px; background: url(../images/tips_line.png) no-repeat center 0; text-align: center; line-height: 66px; font-size: 16px; color: #f2e6b1;}

/* gift */
.gift_list2{display: flex; justify-content: center; flex-wrap: wrap; width:1420px; margin: 0 auto;}

.giftTitle{height: 126px; background-position: center 22px; background-repeat: no-repeat;}
.giftTitle span{display: block; text-align: center;  padding-top: 26px; font-size: 30px; font-weight: bold; color: #efedb4;}

.giftlist{height: 170px; display: flex; justify-content: center;}
.giftImg{width: 180px; height: 100%; margin: 0 4px;}
.giftImg span{display: block; background: url(../images/iconbg.png) no-repeat 0 0; width: 93px; height: 93px; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.giftImg span img{display: block; width: 60px;}
.giftImg p{text-align: center; font-size: 16px; color: #ae3f39; line-height: 20px;}

.giftTips{height: 40px;}

.giftli{width: 418px; height: 480px; margin: 0 26px 50px 26px; position: relative; background: url(../images/li1.png) no-repeat 0 0;}
.giftli a{display: block; width: 298px; height: 73px; background: url(../images/btn_get.png) no-repeat 0 -146px; margin: 0 auto; cursor: default;}
.giftli a.on{background-position: 0 0; cursor: pointer;}
.giftli a.on:hover{background-position: 0 -73px;}
.giftli a.over{background-position: 0 bottom;}


/* rule */
.section_t_rule{background: url(../images/section_t_rule.png) no-repeat center 70px; height: 288px;}
.rule_cont{width: 1360px; height: 595px; padding-top: 20px; background: url(../images/rule_cont_bg.png) no-repeat 0 0; margin: 0 auto;}
.rule_cont ul{ width: 1248px; margin: 0 auto;}
.rule_cont li{ margin-top: 12px; overflow: hidden;}
.rule_cont li .rule_num{ float: left; width: 56px; font-size: 30px; line-height: 40px; color: #b1423c; font-style: italic;}
.rule_cont li p{ float: right; width: 1190px; font-size: 18px; line-height: 46px; color: #363636;}

/* pop */
.pop_fixed{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:100;}
/* pop_bind */
.pop_cont1{ position:absolute; width: 920px; height: 520px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); background:url(../images/pop_bg1.png); }
.icon_close{position:absolute; width: 62px; height: 62px; right:-20px; top:-20px; background:url(../images/icon_close.png) no-repeat 0 0; cursor:pointer;}

.bind_cont{padding: 106px 0 0 0; height: 315px;}
.bind_form{}
.bind_form li{height: 76px;}
.bind_form li span{float: left; width: 266px; height: 48px; line-height: 48px; text-align: right; padding-right: 10px; font-size: 24px; color: #b1423c;}
.bind_form li select{float: left; width: 484px;; height: 48px; padding-left: 20px; font-size: 20px; line-height: 48px; color: #000; background-color: rgba(0,0,0,0.1); border: 0; outline: 0;}
.bindTips{text-align: center; font-size: 18px; color: #ea1d1d;}
#btn_sub_bind{ display: block; width: 272px; height: 51px; margin: 0 auto; background: url(../images/btn_sub_bind.png); cursor: pointer;}
#btn_sub_bind:hover{ background-position: 0 -51px;}

/* pop_msg */
#pop_msg{ z-index: 101;}
.pop_cont2{ position:absolute; width: 600px; height: 430px; left:50%; top:50%; margin: -215px 0 0 -300px; background:url(../images/pop_bg2.png);}
.pop_text1{ font-size: 30px; line-height: 40px; font-weight: bold; color: #b1423c; text-align: center;}
.pop_text2{ font-size: 20px; line-height: 40px; color: #363636; text-align: center;}
#msg{ display: flex; width: 500px; height: 160px; margin: 85px auto 0; justify-content: center; align-items: center;}
.btn_conform{ display: block; width: 159px; height: 48px; margin:18px auto 0; background: url(../images/btn_conform.png); cursor: pointer;}