/*button  www.xhg.hk*/
body{background:#54b6f3 url(../img/bg.jpg) 0 0 no-repeat; background-size: 100%;}

.logo { position: fixed; left: 10%; bottom: 2rem; text-align: center;width: 80%; color: yellow; font-size: 1rem; }
.logo img { width: 70%; margin-top: 1rem;}

input[type="text"]{-webkit-appearance: none;border:#cfba8a 1px solid;border:#cfba8a 1px solid;box-sizing:border-box;width:100%;height:33px;outline: none;font-size: 12px;color:#9e702f;padding:0px 8px;}

.chest-btn{width:100%;display: block;color:#fff;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ffa200));height:44px;line-height: 44px;border-radius: 3px;font-size: 17px;}
.chest-btn:active{background-image: -webkit-gradient(linear, left top, left bottom, from(#f09902), to(#f09902));}


.mod-chest-cont{background: url(../img/open-bg-top.png) center top  no-repeat, url(../img/open-bg-bottom.png) center bottom  no-repeat;background-size: 276px auto;width:276px;margin:27px auto 118px;position: relative;}
.mod-chest-cont:before{width:100%;position: absolute;top:12px;bottom:80px;left:0px;content:"";background:#fff;border-left:#e59c00 1px solid;border-right:#e59c00 1px solid;box-sizing:border-box;}
.mod-chest-cont .content{position: relative;z-index: 2;padding:13px;}
.mod-chest-cont h3{color:#865500;font-size: 15px;}

.mod-chest{position: relative;width: 100%;}
.mod-chest .chest-close{width: 320px;height:135px;opacity: 0;position: relative;z-index: 1;position: absolute;left:50%;top:0px;margin-left:-160px;}

.mod-chest .chest-close .gift{width: 320px;height:135px;background:url(../img/chest.png) no-repeat 0px 0px;background-size: 320px auto;position: absolute;left:0;top:0px;}
.gift a { display: block; background: #e59c00; border-radius: 5px; color: #fff; line-height: 40px; width: 50%; margin:10px auto 0 auto;}

.mod-chest .chest-open{width: 320px;height:150px;background:url(../img/chest.png) no-repeat 0px -137px;background-size: 320px auto;opacity: 0;position: relative;z-index: 1;position: absolute;left:0px;top:-60px;}
.mod-chest .chest-open .mod-chest-cont{position: absolute;bottom:50px;left:50%;margin-left:-138px;}
.mod-chest .show{z-index: 2;opacity: 1;}