/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{font-family:Helvetica,Arial;-webkit-text-size-adjust:none;font-size:0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}

/* basic */
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.c {zoom:1}
a {text-decoration:none;overflow:hidden;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db {display:block;text-indent:-999em;}
.pr {position:relative;}
.pa {position:absolute;}
.fl{float: left;}
.fr{float: right;}
img{display: block}

html,body{width: 100%;background-color: #070707;overflow-x: hidden;}
.sp{background: url(../images/hk/sp_hk.png) no-repeat;background-size: 5.8rem 7.34rem;-webkit-background-size: 5.8rem 7.34rem;}
/*header*/
header{height: 8.59rem;background: url(../images/hk/hd_hk.jpg) no-repeat 50% 0;background-size: 100%;-webkit-background-size: 100%;}

/*part1*/
.part1{height: 7.9rem;background: url(../images/hk/part1_hk.jpg) no-repeat 50% 0;background-size: 100%;-webkit-background-size: 100%;position: relative;}
.btn_task{display: block;width: 5.8rem;height: 0.96rem;text-indent:-999em;background-position: 0 0;position: absolute;bottom: 1.52rem;left: 50%;margin-left: -2.9rem;}

/*part2*/	
.part2{height: 13.00rem;background: url(../images/hk/part2_hk.jpg) no-repeat 50% 0;background-size: 100%;-webkit-background-size: 100%;position: relative;}
.btn_get{display: block;width: 5.63rem;height: 0.97rem;text-indent:-999em;background-position: 0 -2.13rem;position: absolute;bottom: 3.85rem;left: 50%;margin-left: -2.82rem;}
.btn_sub{display: block;width: 5.67rem;height: 0.97rem;text-indent:-999em;background-position: 0 -3.20rem;position: absolute;bottom: 3.85rem;left: 50%;margin-left: -2.84rem;}
.btn_pay{display: block;width: 5.67rem;height: 0.97rem;text-indent:-999em;background-position: 0 -4.27rem;position: absolute;bottom: 3.85rem;left: 50%;margin-left: -2.84rem;}
.btn_claim{display: block;width: 5.67rem;height: 0.97rem;text-indent:-999em;background-position: 0 -5.34rem;position: absolute;bottom: 3.85rem;left: 50%;margin-left: -2.84rem;}
.btn_end{display: block;width: 5.67rem;height: 0.97rem;text-indent:-999em;background-position: 0 -1.06rem;position: absolute;bottom: 3.85rem;left: 50%;margin-left: -2.84rem;}
.btn_enter{display: block;width: 5.61rem;height: 0.97rem;text-indent:-999em;background-position: 0 -6.41rem;position: absolute;bottom: 2.25rem;left: 50%;margin-left: -2.81rem;}
.link_policy{display: block;width: 1.27rem;height: 0.26rem;text-indent:-999em;background:url(../images/hk/policy_hk.png) no-repeat;background-size: 100%;-webkit-background-size: 100%;position: absolute;bottom: 0.62rem;left: 50%;margin-left: -0.64rem;}