/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-weight: normal; font-style: normal; }
fieldset,iframe,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol,ul,li { list-style:none;list-style-image:none; }
q:before,q:after { content:''; }
a { text-decoration: none; }
input,button,textarea { outline: none; }

html { font-size: 100px; font-size: 26.66666667vw; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .14rem; }

.hidden { display: none; height: 0; line-height: 0; }
.clearfix:before,.clearfix:after,.container:before,.container:after { display: table; content: " "; }
.clearfix:after,.container:after { clear: both; }

.thumbx { width: 100%; height: 0; background: no-repeat center; background-size: cover; display: inline-block; }

body { padding-top: .4rem; padding-bottom: .5rem; }

/*引入图标库*/
@font-face {
  font-family: 'iconfont';  /* project id 33853 */
  src: url('//at.alicdn.com/t/font_33853_z3ejv9a8k5xnipb9.eot');
  src: url('//at.alicdn.com/t/font_33853_z3ejv9a8k5xnipb9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_33853_z3ejv9a8k5xnipb9.woff') format('woff'),
  url('//at.alicdn.com/t/font_33853_z3ejv9a8k5xnipb9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_33853_z3ejv9a8k5xnipb9.svg#iconfont') format('svg');
}
.iconfont { font-family: "iconfont"; font-style: normal; -webkit-font-smoothing: antialiased; display: block; }

.main-header { background: #ff9933; height: .4rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
.main-header .logo { float: left; color: #fff; text-align: center; line-height: .4rem; font-size: 0; vertical-align: top; }
.main-header .logo a { color: #fff; display: block; overflow: hidden; }
.main-header .logo .iconfont { display: block; margin-left: .03rem; margin-right: .03rem; font-size: .16rem; float: left; }
.main-header .logo span { display: block; line-height: .4rem; font-size: .18rem; float: left; margin-left: .07rem; }
.main-header .nav { font-size: .14rem; float: left; color: #fff; }
.main-header .nav a { float: left; color: #fff; display: block; padding: .12rem .13rem; }
.main-header .nav a span { line-height: .2rem; display: block; width: .36rem; text-align: center; }
.main-header .nav a span.cur { border-bottom: .02rem solid #eee; }
.main-header .backbtn { float: left; width: .4rem; text-align: left; }
.main-header .backbtn i { color: #fff; font-size: .2rem; line-height: .4rem; text-indent: .08rem; }
.main-header .container { position: relative; }
.main-header .header-title { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; line-height: .4rem; z-index: -10; font-size: .16rem; }
.main-header .menubtn { float: right; width: .4rem; color: #fff; font-size: 14px; display: block; line-height: 40px; }
.main-header .menubtn .iconfont { text-indent: 14px; }
.bk40 { display: block; clear: both; height: .4rem; width: 100%; }

.menubox { float: right; width: .4rem; }
.menubox .bb span { color: #fff; font-size: .14rem; display: block; line-height: .4rem; }
.menubox .bb .iconfont { text-indent: .14rem; }
.menubox .bb .back { display: none; }
.menubox.show { position: absolute; height: 10rem; top: 0; right: 0; bottom: 0; width: 1.8rem; background: #eee; z-index: 999; box-shadow: -.03rem 0 .03rem rgba(0,0,0,0.2); }
.menubox.show .bb { border-bottom: .01rem solid #eee; line-height: .4rem; }
.menubox.show .bb .cc { border-bottom: .01rem solid #ccc; }
.menubox.show .bb .iconfont { text-indent: .11rem; float: left; }
.menubox.show .bb .back { float: right; padding-right: .11rem; display: block; }
.menubox.show .bb span { color: #666; }
.menubox .column { font-size: .14rem; color: #fff; text-align: center; line-height: .42rem; display: none; z-index: 31; }
.menubox.show .column { display: block; }
.menubox .column li { padding-left: .2rem; padding-right: .18rem; border-top: .01rem dashed #ccc; }
.menubox .column li:first-child { border-top: none; }
.menubox .column li a { color: #666; display: block; text-align: center; }
.menubox .column li i { font-size: .17rem; display: inline-block; margin-right: .1rem; }

.main-footer { height: .5rem; background: #fff; position: fixed; bottom: 0; width: 100%; overflow: hidden; border-top: .01rem solid #ccc; z-index: 90; }
.main-footer .nav a { display: block; width: 20%; height: .5rem; float: left; text-align: center; color: #808080; font-size: .1rem; }
.main-footer .nav i { font-size: .2rem; padding-top: .1rem; line-height: 100%; }
.main-footer .nav span { line-height: .2rem; font-size: .12rem; display: block; }
.main-footer .nav a.cur { background: #e2e2e2; }
.main-footer .nav a.pos { background: #FFA858; color: #fff; }
.main-footer .nav #message.unread { position: relative; }
.main-footer .nav #message.unread b { position: absolute; top: .03rem; right: .03rem; font-size: .11rem; font-weight: normal; display: block; width: .15rem; height: .15rem; line-height: .15rem; background: #C00000; border-radius: 50%; color: #fff; }
.main-footer .nav #message b { display: none; }

.pages { text-align: center; padding: .15rem; background: #fff; }
.pages li { display: inline-block; border: .01rem solid #ccc; color: #808080; margin: 0 .01rem; border-radius: .02rem; margin-bottom: .08rem; background: #fff; }
.pages li a,.pages li span { color: #808080; padding: .05rem .1rem; display: block; }
.pages li.active { border-color: #ff9933; color: #ff9933; }

.topmsg { display: block; padding: .1rem; text-align: center; background: #f2f2f2; color: #0073FF; }

#curtain { width: 100%; height: 100%; position: fixed; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: none; }
#publish-btn { position: fixed; bottom: .6rem; width: 100%; text-align: center; z-index: 99; display: none; }
#publish-btn a { width: 3rem; height: .5rem; line-height: .5rem; text-align: center; background: #ff8600; display: inline-block; border-radius: 0.05rem; color: #fff; font-size: .16rem; margin-bottom: .15rem; }
#publish-btn a:last-child { background: #a7c900; margin-bottom: 0; }
#publish-btn a:nth-child(1) { background: #FF4747; }
#publish-btn a:nth-child(2) { background: #DA3AB7; }