@charset "utf-8";
/*
 * Project: 数字城管-移动端 css
 * Description: Private CSS;
 * Author: Tong
 * Version: 2017-09-05;
 */

/*css reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; outline: none; }
a:link, a:visited, a:hover, a:focus, a:active { color: #000; }
input { margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow:none; text-shadow:none; outline: none; }
img { margin: 0; padding: 0; vertical-align:middle; }
strong { font-weight: bold; }
/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
*{ margin:0; padding:0; font-size:0; line-height:1; }
/*--custom--*/

/*public css*/
body { font-family: Microsoft YaHei, tahoma, arial, SimSun, '\5b8b\4f53', sans-serif; line-height: 1; background:#f5f5f5; }
* { font-family: Microsoft YaHei, tahoma, arial, SimSun, '\5b8b\4f53', sans-serif; margin:0; padding:0; }
textarea { display:block; }
textarea:focus,input:focus { outline:none; }

.fl { float:left; }
.fr { float:right; }
.bgWhite { background:#ffffff; }
.bgGray { background:#f8f8f8; }
.borT { border-top:1px solid #eee; }
.borB { border-bottom:1px solid #eee; }
.borL { border-left:1px solid #eee; }
.borR { border-right:1px solid #eee; }
.mt01 { margin-top:0.1rem; }
.mt02 { margin-top:0.2rem; }
.mb01 { margin-bottom:0.1rem; }
.mb02 { margin-bottom:0.2rem; }
.ml01 { margin-left:0.1rem; }
.ml02 { margin-left:0.2rem; }
.mr01 { margin-right:0.1rem; }
.mr02 { margin-right:0.2rem; }

.divBorder { width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden; }
.padDiv { width:100%; padding:0 0.26rem; box-sizing:border-box; overflow:hidden; }
.padBorder { width:100%; padding:0 0.26rem; border-top:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; overflow:hidden; }
.disflex { display: -webkit-flex; display: flex; }
.formGroup { position: relative; align-items: center; }
.flex1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

/*常用绿色#21aaf8*/

/*登录注册页20171108*/
.loginPage { width: 100%; overflow: hidden;}
.lpTop { position: relative; width: 100%; height: 2.78rem; font-size: 0.26rem; color: #9ef1f2; text-align: center; background:url(../images/loginTop.png) no-repeat left center ; background-size: 100% 2.78rem; overflow: hidden;}
.lpTop .welcome { position: absolute; left: 0; bottom: 0.7rem; width: 100%; line-height: 0.3rem; font-size: 0.26rem; color: #e8f5ff; text-align: center;}
.lpTop .register { position: absolute; right: 0.25rem; top: 0.28rem; width: 5em; font-size: 0.26rem; color: #fff; text-align: right;}
.lpTop .status { position: absolute; left: 0; top: 0.2rem; width: 100%; height: 0.4rem; line-height: 0.4rem; font-size: 0.3rem; color: #FFFFFF; text-align: center; overflow: hidden; }
.lpBox { width: 100%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; overflow: hidden;margin-top: 20px;}
.lpBox .lpBoxList { width: 100%; overflow: hidden;border-bottom: 1px solid #e0e0e0;}
.lpBox .lpBoxList .userIco { width: 0.92rem; height: 0.9rem; background: url(../images/userIco.png) no-repeat 0.3rem center; background-size: auto 0.4rem; overflow: hidden;}
.lpBox .lpBoxList .codeIco  { width: 0.92rem; height: 0.9rem; background: url(../images/codeIco.png) no-repeat 0.3rem center; background-size: auto 0.4rem; overflow: hidden;}
.lpBox .lpBoxList .paswIco  { width: 0.92rem; height: 0.9rem; background: url(../images/pswIco.png) no-repeat 0.3rem center; background-size: auto 0.4rem; overflow: hidden;}
.lpBox .lpBoxList .getCode { width: 1.85rem; padding: 0.2rem 0; height: 0.9rem; font-size: 0.24rem; color: #21aaf8; text-align: center; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; cursor: pointer; box-sizing: border-box; overflow: hidden;}
.lpBox .lpBoxList .getCode .font { width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #21aaf8; text-align: center; cursor: pointer; overflow: hidden;}
.lpBox .lpBoxList .getCode .font1 { width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #21aaf8; text-align: center; cursor: pointer; overflow: hidden;}
.lpBox .lpBoxList .inputUser { position: relative; width: auto; margin: 0 1.85rem 0 0.92rem; padding: 0.2rem 0; height: 0.9rem; font-size: 0.26rem; color: #000000; box-sizing: border-box; overflow: hidden;}
.lpBox .lpBoxList .inputName { position: relative; width: auto; margin: 0 0 0 0.92rem; padding: 0.2rem 0; height: 0.9rem; font-size: 0.26rem; color: #000000; box-sizing: border-box; overflow: hidden;}
.lpBox .lpBoxList .reset { position: absolute; right: 0.3rem; top: 0.2rem; width: 0.4rem; height: 0.5rem; background: url(../images/restIco.png) no-repeat left center; background-size: 0.34rem; overflow: hidden;}
.lpBox .lpBoxList .inputPsw { width: auto; margin: 0 0 0 0.92rem; padding: 0.2rem 0; height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem; color: #000000; overflow: hidden;}
.lpBox .lpBoxList .lpInput { width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem; color: #000000; border: none; overflow: hidden;}
.lgTips { width: 100%; line-height: 0.36rem; margin-top: 0.3rem; padding: 0 0.25rem; font-size: 0.24rem; color: #999999; box-sizing: border-box; overflow: hidden;}
.lgBtn { width: 100%; margin: 0.2rem 0; padding: 0 0.3rem; box-sizing: border-box; overflow: hidden;}
.lgBtn .font { width: 100%; height: 0.7rem; line-height: 0.7rem; font-size: 0.3rem; color: #FFFFFF; text-align: center; background: #21aaf8; border-radius: 0.35rem; overflow: hidden;}
.lgBottom { width: 100%; padding: 0 0.25rem; line-height: 0.46rem; font-size: 0.26rem; color: #21aaf8; box-sizing: border-box; overflow: hidden;}
.lgBottom a { font-size: 0.26rem; color: #21aaf8;}
.lgBottom .colorRed { color: #FF0000;}
.lgAgree { width: 100%; padding: 0.2rem 0.25rem 0; line-height: 0.5rem; font-size: 0.24rem; box-sizing: border-box; overflow: hidden;}
.lgAgree .read { float: left; line-height: 0.4rem; font-size: 0.24rem; color: #666666; text-indent: 0.5rem; overflow: hidden;}
.lgAgree .read.ok { background: url(../images/selOk.png) no-repeat left center; background-size: 0.3rem;}
.lgAgree .read.no { background: url(../images/selNo.png) no-repeat left center; background-size: 0.3rem;}
.lgAgree .clause { float: left; margin-left: 0.15rem; line-height: 0.4rem; font-size: 0.24rem; color: #21aaf8;}
.lgAgree .clause a { font-size: 0.24rem; color: #21aaf8;}
/*登录注册页20171108*/

/*我的收藏、图书20171108*/
.myCollection { width: 100%; overflow: hidden;}
.mcList { width: 100%; padding: 0.12rem 0.25rem; line-height: 0.48rem; font-size: 0.28rem; color: #333333; text-align: justify; box-sizing: border-box; border-bottom: 1px solid #EEEEEE; overflow: hidden;}
.mcList .mcListTime { font-size: 0.26rem; color: #999999;}
.mcBookList { width: 100%; padding: 0.2rem 0.25rem; line-height: 0.48rem; font-size: 0.28rem; color: #333333; text-align: justify; box-sizing: border-box; border-bottom: 1px solid #EEEEEE; overflow: hidden;}
.mcBookList .mcBookName { width: 100%; font-size: 0.3rem; color: #333333; overflow: hidden;}
.mcBookList .mcBookAuthor { font-size: 0.24rem; color: #666666;}
.mcBookList .mcBookTime { font-size: 0.24rem; color: #666666;}

/*高级实名20171108*/
.naSuccess { width: 100%; padding: 0.65rem 0.25rem 0.5rem; background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; box-sizing: border-box; overflow: hidden;}
.naSuccess .naSuccessBlock { width: auto; display: table; margin: 0 auto; overflow: hidden;}
.naSuccess .naSuccessBlock .leftImg { width: 0.78rem; height: 1.12rem; line-height: 1.12rem; font-size: 0.2rem; overflow: hidden;}
.naSuccess .naSuccessBlock .leftImg img { width: 0.78rem; height: 0.78rem; vertical-align: middle;}
.naSuccess .naSuccessBlock .rightFont { width: auto; margin-left: 1.08rem; overflow: hidden;}
.naSuccess .naSuccessBlock .rightFont .font1 { margin-bottom: 0.1rem; font-size: 0.36rem; color: #1bb6b7;}
.naSuccess .naSuccessBlock .rightFont .font2 { line-height: 0.36rem; font-size: 0.24rem; color: #333333;}
.naBlock { width: 100%; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; background: #FFFFFF; overflow: hidden;}
.naTitle { width: 100%; padding: 0 0.25rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.24rem; color: #FF0000; border-bottom: 1px solid #EEEEEE; box-sizing: border-box; overflow: hidden;}
.naTitle .line { float: left; display: block; margin: 0.23rem 0.15rem 0 0; width: 0.06rem; height: 0.24rem; border-radius: 0.03rem; background: #FF0000;}
.naTips { width: 100%; padding: 0.1rem 0.25rem; line-height: 0.4rem; font-size: 0.2rem; color: #666666; background: #f6f5fa; box-sizing: border-box; overflow: hidden;}
.naWays { width: 100%; padding-left: 0.25rem; box-sizing: border-box; overflow: hidden;}
.naWays .naWay { width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem; color: #454545; text-indent: 0.8rem; border-bottom: 1px solid #EEEEEE; overflow: hidden;}
.naWays .naWay:last-child { border: none;}
.naWays .way1.dark { color: #999 !important; background: url(../images/way4.png) no-repeat left center !important; background-size: 0.5rem !important;}
.naWays .way2.dark { color: #999 !important; background: url(../images/way5.png) no-repeat left center !important; background-size: 0.5rem !important;}
.naWays .way3.dark { color: #999 !important; background: url(../images/way6.png) no-repeat left center !important; background-size: 0.5rem !important;}
.naWays .naWay.dark .hot { width: 0.68rem; height: 0.28rem; line-height: 0.28rem; margin:0.26rem 0 0 0.1rem; font-size: 0.2rem; color: #FFFFFF; text-align: center; text-indent: 0; background: #999999; border-radius: 0.1rem; overflow: hidden;}
.naWays .naWay.way1 { background: url(../images/way1.png) no-repeat left center; background-size: 0.5rem;}
.naWays .naWay.way2 { background: url(../images/way2.png) no-repeat left center; background-size: 0.5rem;}
.naWays .naWay.way3 { background: url(../images/way3.png) no-repeat left center; background-size: 0.5rem;}
.naWays .way3.dark { color: #999 !important; background: url(../images/way4.png) no-repeat left center !important; background-size: 0.5rem !important;}
.naWays .naWay .hot { width: 0.68rem; height: 0.28rem; line-height: 0.28rem; margin:0.26rem 0 0 0.1rem; font-size: 0.2rem; color: #FFFFFF; text-align: center; text-indent: 0; background: #ff0000; border-radius: 0.1rem; overflow: hidden;}
.naExplain { width: 100%; padding: 0.2rem 0.25rem; line-height: 0.36rem; font-size: 0.22rem; color: #666666; text-align: justify; box-sizing: border-box; overflow: hidden;}
.naSkip { width: 100%; height: 0.68rem; line-height: 0.68rem; margin-bottom: 0.2rem; font-size: 0.3rem; color: #1bb6b7; text-align: center; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; background: #FFFFFF; box-sizing: border-box; overflow: hidden;}
.noData { width: 100%; margin-top: 1.5rem; font-size: 0.2rem; text-align: center; overflow: hidden;}
.noData img { width: 1.86rem; height: 1.45rem; vertical-align: top;}
.noDataFont { width: 100%; height: 0.5rem; line-height: 0.5rem; margin-top: 0.2rem; font-size: 0.28rem; color: #666666; text-align: center; overflow: hidden;}
/*高级实名20171108*/