article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
    padding:0;
    margin:0;
}
div,p,dl,dd,a,b,u,em,input,textarea,button,option,select,form,label,span,td,li,body,ul,ol,i,h1,h2,h3,h4,h5,h6{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    margin:0;
    font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif;
}
html{-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
img,fieldset,iframe{border:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
h1,h2,h3,h4,h5,h6,th,caption{text-align:left;}
:focus{outline:0;}
a,img{-webkit-touch-callout:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;outline:none;}
em,strong,i{font-weight:normal;font-style:normal;}
.clearfix:before{display:table;content:'';}
.clearfix:after{display:table;content:'';clear:both;}
body{width:7.5rem;font-size:.24rem;margin:0 auto;}

/* common */
.layer-wrapper {
    position: relative;
    padding: .72rem .4rem .4rem;
}
.close-layer-btn {
    position: absolute;
    top: .12rem;
    right: .08rem;
    width: .6rem;
    height: .6rem;
}
.close-layer-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .24rem;
    height: .24rem;
    content: '';
    margin: -.12rem 0 0 -.12rem;
    background: url(../img/close_btn.png) no-repeat;
    background-size: 100% 100%;
}
.tip-layer {
    position: fixed;
    top: -100%;
    left: -100%;
    z-index: 10010;
    max-width: 6.2rem;
    text-align: center;
    border-radius: .2rem;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.33);
    box-shadow: 0 2px 6px rgba(0,0,0,.33);
    visibility: hidden;
}
.tip-layer .tip-content {
    line-height: .4rem;
    font-size: .32rem;
    color: #333;
    word-break: break-all;
}