body{background: #efefef; max-width: 7.5rem; min-width: 7.5rem; margin:0 auto; font-size:.24rem;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
body *{max-height: 1000rem;}

html{font-size: 13.333333vw;}

@media screen and (max-width: 320px) {
    html{font-size: 42.666666px;}
}
@media screen and (min-width: 540px) {
    html{font-size: 72px;}
}

.clearfix:after{content:'';clear:both;height:0;display:block;overflow:hidden;}
/*垂直水平居中*/
.abs_middle{position: absolute;left:50%; top:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/*固定底部*/
.fixed_bottom{position: fixed;left:0; right:0;bottom:0; max-width: 7.5rem; margin:0 auto;}

.fr{float: right;}
.fs30{font-size: .3rem;}
.fs34{font-size: .34rem;}
.fs48{font-size: .48rem;}
.z1000{z-index: 1000}
.c_org{color:#ffe972}
.banner{height:4.26rem; background:#efefef url(../images/banner_bg.png) 0 0 no-repeat; background-size: contain; position: relative;}
.banner h1{ padding: 1.1rem 0 0 .6rem;font-weight: normal; color: #fff; font-size: .72rem; }
.banner h2{ padding: 0 0 0 .6rem;font-weight: normal; color: #fff; font-size: .4rem; }
.banner2{height:5.55rem;background: rgb(241,46,46);
background: -moz-linear-gradient(left, rgba(241,46,46,1) 0%, rgba(252,74,75,1) 100%);
background: -webkit-linear-gradient(left, rgba(241,46,46,1) 0%,rgba(252,74,75,1) 100%);
background: linear-gradient(to right, rgba(241,46,46,1) 0%,rgba(252,74,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f12e2e', endColorstr='#fc4a4b',GradientType=1 );}
.banner2 h3{ padding-top:1.1rem;font-weight: normal; color: #fff; font-size: .38rem; text-align: center; line-height: .55rem; }
.banner2 h3 em{color: #ffe972;font-style: normal;}

.logo{ position: absolute; top:.23rem; left:.6rem; height:.59rem;}
.logo img{height: 100%;}

.gift_top{ width:3.5rem; height: .5rem; line-height: .5rem; margin-left: .6rem; margin-top: .15rem; border-radius: .25rem; border:1px solid #fff;  color: #fff; font-size:.35rem; text-align: center; font-family: "Microsoft YaHei" }


.block.cylc{margin-top:-.26rem; position: relative;}
.act_date{width:5.38rem;height: .6rem; line-height:.6rem; margin:0 auto; text-align: center; color: #fff; font-size:.24rem; background: url(../images/act_date_bg.png) 0 0 no-repeat; background-size: contain;position: relative;top: -.24rem;}

.dx_btn_wrap{margin:0 .5rem;}

.block{width:6.86rem; margin:0 auto .2rem; background: #fff;  border-radius:.14rem;}
.block_hd{min-height:.9rem; color: #333; position: relative; text-align: center;}
.block_hd h3{font-size: .34rem; color: #333; white-space: nowrap; font-weight: normal;}
.block_hd p{font-size: .24rem; color: #848d95; white-space: nowrap;}


.block_bd{ padding-bottom: .3rem; }

.act_flow{ width:6.5rem; margin:0 auto .2rem; background: url(../images/bread_bg.png) .2rem .3rem no-repeat; background-size:5.86rem; padding-top: .3rem; border-top:1px dashed #afbed2;}
.act_flow li{width:1.56rem; height: 1.32rem; float: left;font-size:.24rem; position: relative; text-align: center;}
.act_flow li h4{color:#fff; position: absolute;top:0; left:0; right:0; height: .4rem; line-height: .4rem; font-weight: normal;-webkit-transform: scale(.8);transform: scale(.8);}
.act_flow li p{color:#80899f; position: absolute;bottom:0; left:0; right:0;height: .4rem; line-height: .4rem; }

.act_specs{width:6.8rem; margin:0 auto; font-size:.24rem; color: #192938; padding: .02rem 0 .1rem; line-height:.4rem; }


.act_lottery{width:7.07rem; height: 7.53rem; margin-left:-.12rem; background: url(../images/zhuanpan_bg.png) 0 0 no-repeat; background-size:contain; position: relative;}
.act_btn{width:2.6rem; height: 2.6rem; position: absolute;left:50%; top:1.75rem; margin:0 0 0 -1.4rem;}


.btn01{display: block;height:.8rem; line-height: .8rem; text-align: center; color: #fff; background: #afbed2; font-size: .32rem; }
.btn01:active{opacity: .9;}

.btn02{display: block;height:.88rem; line-height: .88rem; text-align: center; color: #fff; background: #ff4049; font-size: .35rem; border-radius: .12rem; }
.btn02:active{opacity: .9;}

.btn03{display: block;height:.78rem; line-height:.78rem; text-align: center; color: #fff; background: #ff4049; font-size: .32rem; border-radius: .1rem;}
.btn03:active{opacity: .9;}


.btn04{display: inline-block;width:2.94rem;height:.75rem; margin-top:5.96rem; line-height:.75rem; text-align: center; color: #fff; background:rgba(26,26,26,.6); font-size: .33rem; border-radius: .38rem; border:1px solid #fff;}
.btn04:active{opacity: .9;}

.btn05{display: block;height:.8rem; line-height: .8rem; text-align: center; color: #fff; background: #ff4059; font-size: .32rem; }
.btn05:active{opacity: .9;}


.act_spacs{margin:.7rem .3rem; font-size:.24rem; color: #848d95; line-height: .44rem; }
.act_spacs h4{font-size:.28rem; text-align: center;position: relative; margin-bottom: .3rem; color: #41424d; font-weight: normal;}
.act_spacs h4:after{content: ""; position: absolute;left:0; right:0; top:50%; height: 1px; background: #dbdddf; overflow: hidden; z-index: 10}
.act_spacs h4 em{background: #f0f0f0; padding:.1rem; font-style: normal; position:relative;z-index: 20}

.act_rule{position: fixed;right:.32rem; top:0; height:.5rem; line-height: .5rem; color: #e9e9e9; font-size: .24rem; border-radius: 0 0 .16rem .16rem; padding:0 .25rem;background: #ff7a00;}
.act_rule a{display: block; color: #fff;}



.popup_con{width: 6.4rem; box-sizing: border-box; background: #fff; border-radius: .1rem; position: absolute; left:50%; top: 50%;-webkit-transform: translate(-50%,-40%); transform: translate(-50%,-40%); text-align: center; line-height: .55rem; display: none; font-family: "Microsoft YaHei"}
.popup_con p{font-size: .24rem; color: #333;}
.popup_con h6{font-size: .4rem; color: #ff1a36; font-weight: normal;}
.popup_close{position: absolute;right:0; top:0; width:.7rem; height: .6rem; line-height: .6rem; text-align: center; font-size: .48rem; color: #a0a0a0;}

.popup_con2{width: 5.8rem; height: 7.6rem; box-sizing: border-box; position: absolute; left:50%; top: 50%;-webkit-transform: translate(-50%,-40%); transform: translate(-50%,-40%); text-align: center; display: none; font-family: "Microsoft YaHei"; background: url(../images/popup_bg.png) 0 0 no-repeat; background-size: contain;}

.popup_bg{position: absolute;left:50%;bottom: 100%; width:6.95rem; height: 2.8rem; background: url(../images/gift_box.png) 0 0 no-repeat; background-size: contain; transform: translateX(-50%);}

.rule_description{ padding:.1rem .15rem;  color: #0a1b2b; font-size: .24rem; text-align: left; background: #fff;}
.rule_hd{height:1.12rem; background:#ff4049; position: relative; text-align: center; border-radius: .06rem .06rem 0 0;}
.rule_hd h3{color: #fff; font-size: .36rem;}

.rule_description li{ color: #485460; margin-bottom: .1rem; position: relative; padding-left: .3rem;line-height: .4rem;}
.rule_description li em{font-style: normal; position: absolute;left:0;}

.gift_info{text-align: center; font-size:.28rem;color: #022111; padding-top: .5rem;}
.gift_info h4{color: #ff4059; font-size: .4rem; font-weight: normal;}
.gift_wrap{width:3.19rem; height: 2.98rem; margin:0 auto .1rem; position: relative;}
.gift_img_mask{ position: absolute;left:0; top:0; width:100%; height: 100%;background: url(../images/gift_wrap_bg.png) center center no-repeat; background-size: 3.19rem; position: relative; z-index: 100;}
.gift_img_mask h5{color: #fff; height:.5rem; line-height: .5rem; padding-top:1.84rem; }
.gift_img{ width:2.08rem; height: 2.08rem; position: relative; z-index: 50}
.gift_img img{width:100%; height: 100%;}

.gift_ft{height:.88rem; border-top:1px solid #e6e8e9; margin-top:.5rem;}
.popup_close2{display: block; line-height: .88rem; text-align: center; color: #ff4059; font-size: .36rem;}

.popup_open{padding:.6rem 0; font-family: "Microsoft YaHei"}
.popup_open h2{color: #ff4049; font-size: .4rem; font-weight: normal;}
.popup_open h3{color: #485460; font-size: .4rem; font-weight: normal; padding-top: .1rem;}
.popup_open h4{color: #485460; font-size: .32rem; font-weight: normal;}
.popup_btncell{margin:.3rem .3rem;}
.popup_btncell2{margin:.5rem 1.3rem .3rem;}
.popup_btncell3{margin:.4rem 1.3rem .3rem;}

/*验证手机号*/
.popup_mobile{ width: 4.95rem; margin:0 auto; }
.popup_mobile li{height:1rem; padding-top: .1rem; box-sizing: border-box; border-bottom: 1px solid #c9c9c9; position: relative; padding-left: .6rem; text-align: left;}
.popup_mobile li input{height: .6rem; line-height: .6rem; font-size:.28rem; color: #333; width: 4rem; margin-top: .15rem; border:0;}
.popup_mobile li input:focus{outline: none;}
.yzm_btn{position: absolute; right:0; top:.25rem; width:1.5rem; height: .6rem; line-height: .6rem; text-align: center;font-size:.25rem; color: #fff; background: #ff4059; border-radius: .1rem; font-size: .25rem;}
.popup_mobile li.icon_yzm input{width:2.4rem;}
.yzm_msg{height: .8rem; line-height: .8rem; color: #ff4059; font-size: .25rem;}
.icon_mobile:after{content: ""; position: absolute;left:0; top:.3rem; width:.5rem; height: .5rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAwCAYAAAACYxrZAAABWklEQVRYhe3YPUvkUBTG8V9CthOxWx1LkRW0XZhtZBArsRIs5ptYryI2fgP3C6xgs8sirNr6UisIdgpa2PjWCcbCO8yAY5xgLJT7QDg3J/c+/3tOSJGb5I0mjGIF0+hXrW6whQWcZPiGPQxUDGqpH3OYQj3FcoBtooak4qsWvAewnOSN5nXYRQ0XBTvNu+SSjnxSsHYI57jLtN9ZEazIsAjUUsu7L+tIdqugcnUCe9npW5RD+s6QZ4rACIzACIzACIzACIzACIzACPyQwM//f5i9NquLUsxgHEf4h4cyi8sowW8s4SsWsa5Ed8pWOIsRfMc9vuAg5P/0YlC2wnHsBJgQtzHRq0FZ4BEmtTuThfvDMsDbMB7qYf5fnGIfqyGehXyRBkO8Sz0dvMFax4OXlGMeP3EZ4rzib3gYv8L4f5I3mmPY9X6Hey1d4UeKY9Sxod3eKnUbvOs4fgTQ/z8N1lZRtwAAAABJRU5ErkJggg==) 0 center no-repeat; background-size: .28rem;}
.icon_yzm:after{content: ""; position: absolute;left:0; top:.3rem; width:.5rem; height: .5rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAkCAYAAABxE+FXAAADXklEQVRYhb3YW4hVZRTA8d/Zc7ByyiEhBxV66GJhhZUYXWGKqIegjKIYtaCHoocsjCmEFO21qCiKsLcwowl6CCLmoctAUxkmeUm7UpOQD1Iy4STabXpY3+Hsdufsc5nLgs13vr3XXv/v29+31rfWqUwNDOpSzsLrGMLebgxkXYKX4xPciA9x81zAq9iAXTgPEzgT7+JZnD4b8CoGsT9B5uMVLMFG/JMG9S3WY0E7Risla17B5bgL6xIIvsKjGMnpXoaXcFXqH8N27MDONLiG8B70YTHOxSUJeg36c7oHxay3448mg10tNuDVufu/Ygy7xcb8EYcxUZkaGNyDFU1mPy7WcxgfYaqJXlFW4B7cJvZGI9lXRW/qfI3v8H0a4U580yasKHvTNYRzxJe4FOdjGS7E/Dz8SvzWJaxMfkjXa6nfJ7ykN8vB/5wFcCM5mdreTN0tjs8R/ERqF2TqbtAzR/AaZzITPkmH0WkaUuP8nmEydc6YBdCWdOWlL7XHMxxJnX4zK1uwFZtxce7+otROZPg5dZaYOamB/8ZafJl7tjS1hzMR7ogAMBvg4cLzZakdz0TMJmJ6I0PFNZsOmPoSHKjis9RZ1UBps7prPDkD4DxnT4Z9ItwtV98MxDqtTca2Kv8CefCaEvAiEddP4ossvTAmjsRbCsrDbQygCH6zZJC3Js4YTtQymXdyD4tSNoBOwMQRC29Tz2QWigO+IlzhlwYv3i0yk54E1CF4MQ6l30txpDbzo2L28/Bgk5eLX6ATMDwgcsERKbDlE8jnUvuI5glgfgCdgPvwcPr9fO1mNafwMd4Tufjj2FQygJq0A5bsLcSniYH/Z6+rksJfWIkDbRovk4tE8jgPN2C09qCYt+/CizgFr+LUaYJrdmrtaP5ho6Jhk8jNV2Kb8IBu5eVk55BIJv8jjeCTuF0kk/fimS7BT+E+kTbdIfL3lnAiZV4t8roNojSqNtEtSg9ewGPCI9bh80aKZbXaqIh4x3A/PsDZLcD9oshYL2a8Bm81U25VKL4vyqZxXCcOmyGcVtCriiByEDfhJ1yrhSu2U6XuF9XGDpHnPS0SkI3i2H1ILNM24csjYpPtbmW4rEptJANiIxXPfqIqeQJvtGus0z8HRnEFrhdf4qhY4ztxQSdg+BdCHdSzrUQeWAAAAABJRU5ErkJggg==) 0 center no-repeat; background-size: .31rem;}
.yzm_graph{width: 4.95rem; margin:.3rem auto 0;height:.78rem; border: 1px solid #c9c9c9; position: relative; text-align: left}
.yzm_graph input{font-size: .28rem; color: #333; width:2.5rem; height: .5rem; line-height: .5rem; margin:.12rem 0 0 .1rem; border: 0}
.yzm_graph input:focus{outline: none;}
.graph_img{position: absolute; right:0; top:0; width: 2rem; height: .75rem;}
.graph_img img{width:100%; height: 100%;}

.chunk{position: relative;}
.chunk_title{color: #fff; text-align: center; position: absolute; left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.chunk_title h4{ height: .6rem;line-height: .6rem; padding:0 .5rem; color: #fff; background: #fd7273; font-size: .34rem;white-space: nowrap; position: relative;}
.chunk_title h4:after,
.chunk_title h4:before{content: ""; position: absolute; top:0; height:0; width:0; overflow: hidden; border-color: transparent; border-style: dashed;}
.chunk_title h4:after{left:-1px; border-width:.3rem 0 .3rem .3rem; border-left-color:#efefef; }
.chunk_title h4:before{right:-1px; border-width:.3rem .3rem .3rem 0; border-right-color:#efefef; }
.chunk_hd{text-align:center; font-size: .28rem; color:#E88A54}
.chunk_con{padding-top: .8rem;}

.service{padding-top: 1.2rem}
.service ul{ padding:0 .4rem; background: url(../images/service_bg.png) center 0 no-repeat; background-size: 5.51rem;}
.service li{float: left; width:33%; text-align: center; font-size:.3rem; color: #666; height: 2.3rem; padding-top: 1.4rem;}

.act_num{margin:0 .55rem; border:1px solid #ff4049; height: .51rem; line-height: .51rem; text-align: center; font-size:.24rem; }
.act_num em{color: #eb282f; font-style: normal;}

.phb_wrap{margin:.26rem .3rem 0;}
.phb_wrap h4{font-size:.28rem; text-align: center;position: relative; margin-bottom: .3rem; color: #41424d; font-weight: normal;}
.phb_wrap h4:after{content: ""; position: absolute;left:0; right:0; top:50%; height: 1px; background: #dbdddf; overflow: hidden; z-index: 10}
.phb_wrap h4 em{background: #f0f0f0; padding:.1rem; font-style: normal; position:relative;z-index: 20}
.phb_scroll{ font-size: .28rem; color: #192938;}
.phb_scroll li{height: .5rem; line-height: .5rem;}
.phb_scroll li em{font-style: normal; display: inline-block;width:3rem; padding-left: .3rem;}

.user_info{text-align: center; padding-top: .3rem; color: #fff; font-size: .3rem; background: url(../images/head_bg.png) center .6rem no-repeat; background-size:3.07rem; }
.user_head{width:1.7rem; height: 1.7rem; margin:0 auto; background: #fff; border:.05rem solid #F7BD6A; border-radius: 50%; overflow: hidden;}
.user_head img{width:100%;height: 100%;}
.user_info h4{font-weight: normal; margin:.1rem 0 .08rem;}
.user_info p{color: #ffe972}

.kh_wraper{margin: -.44rem .3rem 0;background: url(../images/img03.png) 0 0 no-repeat; background-size: 6.9rem;}
.kh_wraper li{float: left; width:2.2rem; height: 2.38rem; margin-right:.15rem; color: #fff; text-align: center;}
.kh_wraper li h3{font-size: .36rem; margin-bottom:.4rem; padding-top: .2rem;}
.kh_wraper li p{font-size:.28rem; line-height: 1.5}
.kh_wraper li p em{color:#ffef42; font-style: normal;font-size: .36rem;}
.kh_wraper li:last-child{margin-right: 0}

.btn_wrap{margin:.4rem 1.14rem 0;}
.btn_wrap a{display: block; height: .88rem; line-height: .88rem; text-align: center; font-size: .36rem; color: #fff; border-radius: .12rem;background:#ff4049;}
.rule_link{ text-align: center; padding-top: .2rem; font-size: .24rem}
.rule_link a{color: #eb282f;text-decoration: underline;}

.security{width:6rem; height: 8rem; margin:.22rem auto 0; background: url(../images/bg_07.png) 0 0 no-repeat; background-size: contain;}
.security_item{height:2.13rem; width: 6rem; margin-bottom: .26rem; color: #333; box-sizing: border-box; padding:.5rem 0 0 .45rem; font-size: .24rem;}
.security_item h4{font-size: .4rem; line-height: .55rem; color: #fff;}
.security_item .ptx{padding-top:.08rem; line-height: .34rem;}

.open_account{text-align: center;}
.open_account a{display: inline-block; height: .63rem; line-height: .63rem; border-radius: .32rem; padding: 0 .5rem; background: #ff4049; font-size: .3rem;color: #fff;}
.footer{ padding:.55rem 0 .3rem; text-align: center; font-size: .24rem; color: #666; line-height:.44rem;}