/*2016.10.21 模块样式表*/
/*图标icon样式*/
i,.icon{height: 1.8rem;width:1.8rem;display:block;background:url(/static/images/mobile/spirit.png) no-repeat;background-size: 20rem auto;margin-right:.2rem;vertical-align:middle;}
/*主体包裹样式*/
.main{position:relative;margin:0 auto;min-width: 320px;max-width: 720px;/*height: 100%;*/}
.section{position: relative;background-color:#fff;}
.header + .main{margin-top:4.4rem;}
.section + .footer{margin-bottom:5rem;}
/*页面头部 header*/
.header{position: fixed;top:0;width:100%;max-width:720px;min-width:320px;height: 4.4rem;line-height: 4.4rem;z-index: 11;box-shadow: 0px 0px 5px 1px rgba(0,0,0,.4);}
.backIco{width:1.9rem;height:1.9rem;margin:1.325rem .6rem 0 0;position: absolute;cursor: pointer;}
.header_rightArea{position: absolute;right: 1.5rem;}
/*页面底部 footer*/
.footer{position: fixed;bottom:0;height: 4.7rem;width: 100%;max-width:720px;min-width:320px;z-index: 2;border-top:1px solid #ccc;background-color: #f7f7f7;}
/*大小按钮*/
.btn{display:inline-block;border-radius: .4rem;}
/*弹性布局 flex*/
.flexBox{display:box;display: -webkit-box;display:flex;display:-webkit-flex;}
.boxItems,.flexBox>a{position:relative;flex:1;-webkit-flex:1;-webkit-box-flex:1;box-flex:1;text-align: center;}
/*提示框 hint*/
.hint{display:none;position: fixed;font-size:1.3rem;top: 50%;left: 50%;margin-left: -35%;margin-top: -3rem;width: 70%;background: rgba(0,0,0,.7);z-index: 10;color: #fff;text-align: center;padding: 1rem;border-radius: .2rem;}
/*弹出层*/
.mask{position: absolute;top:0;right: 0;bottom: 0;left:0;background:rgba(0,0,0,.3);z-index: 12;}
.maskDialog {position: absolute;width:80%;left: 10%;top: 0;background-color:#fff;z-index:13;border-radius:.5rem;min-height: 6.875rem;-webkit-transform: scale(0);-webkit-transition: transform 600ms;overflow:hidden;}
.maskDialog.show {-webkit-transform: scale(1);}
.packageCode,.copyBtn{height: 1.5rem;line-height: 1.5rem;}
.packageCode{width: 80%;border: 1px solid #f39800;padding:0 .5rem;}
.copyBtn{width: 20%;background-color: #f39800;color: #fff;margin-left: -.3rem;}
.closeBtn{position: absolute;top: .5rem;right: .5rem;width: .8rem;height: .8rem;}
/*底部弹出层*/
.commentMask {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .5);z-index: 3;display: none;}
.commentShare,.commentLoad {position: absolute;padding: .75rem 0 0;-webkit-box-sizing: border-box;width: 100%;bottom: -14.9rem;left: 0;}
/*红点*/
.redDot{width: .4rem;height: .4rem;border-radius: 10rem;background-color: red;display: block;position: absolute;top: .2rem;left: 30%;}
/*带边框三角形 可做向右箭头*/
.obtriangular:after{ content: "";position: absolute;top:-8px;right: 25px;width: .75rem;height: .75rem;border: #dbdbdb solid 1px;border-left: 0;border-bottom: 0;-webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);transform: rotate(-45deg);background-color: #fff;}
/*三角形 用于会话框上面*/
.triangle{position: absolute;top: 1.5rem;right:1rem;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 14px solid #f7f7f7;}
/*下一页箭头*/
.backTxt:after, .backTxt:before {content:'';border: 8px solid transparent;border-left: 8px solid #fff;width: .9rem;height: 0;position: absolute;top: 18px;right: -20px;}
.backTxt:before {right: -21px;border-left-color: #666;}
/*进度条*/
.bar{position:relative;width: 100%;height:.6rem;background-color:#dedede;border-radius: 1rem;overflow: hidden;}
.speed_bar{position:absolute;top:0;left:0;width: 86%;height: .6rem;background-color: #f39800;border-radius: 1rem;}