@charset "utf-8";
/*
 * Project: Fuzhou WAP
 * Description: Global CSS;
 * Author: LinShan
 * Version: 2015-06-25;
 */

/*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 { margin: 0; padding: 0; border: 0; font-size: 100%; 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; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 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; outline: none;}
p { margin: 0; padding: 0; }
strong { font-weight: bold;}
/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
*html .clearfix { height: 1% }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #efefef; }
.mobileWrapper { -webkit-text-size-adjust: none; -webkit-user-select: none; user-select: none; position: absolute; right: 0; top: 0; left: 0; bottom: 0; }

/*Position*/
.pstR { position: relative;}
.pstA { position: absolute;}
.pstBottom { position: fixed; bottom: 0;}

/*float margin padding*/
.fl { float: left;}
.fr { float: right;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.mr5 { margin-right: 5px;}

/*Color*/
.bgF { background: #fff;}
.colmain, a.colmain { color: #1eb6b7;}
.colred { color: #f65858;}
.col3 { color: #333;}
.col6 { color: #666;}
.col9 { color: #999;}

/*radius*/
.radius3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.radius5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}

/*Font*/
.fs12 { font-size: 12px;}
.fs15 { font-size: 15px;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs24 { font-size: 24px;}
.lh20 { line-height: 20px;}
.tc { text-align: center;}
.tr { text-align: right;}

/*Btn*/
.smallBtn { padding: 10px 25px; font-size: 18px; text-align: center;}
.smallBtn.bgmainBtn { background: #1eb6b7; color: #fff;}
.bigBtn { display: block; box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; text-align: center;}
.bigBtn.bgmainBtn { background: #1eb6b7; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 18px; color: #fff;}
.bigBtn.loadingBtn { border: 1px solid #aaa; font-size: 15px; color: #666;}
.getCodeBtn { padding: 7px 12px; background: #1eb6b7; font-size: 12px; color: #fff;}
.bigBtn.bgmainBtn.disabled,
.smallBtn.bgmainBtn.disabled { background: #ddd; color: #aaa; cursor: default;}

/*-----Page Structure-----*/
/*Header*/
header { width: 100%; height: 44px; background: #fff; border-bottom: 1px solid #1eb6b7; overflow: hidden;}
header .logo { position: absolute; left: 15px; top: 13px; width: 75px; height: 19px; background: url(../images/logo_fzscity@2x.png) no-repeat; background-size: 75px 19px; }
header .standBack { position: absolute; left: 0; top: 0; width: 44px; height: 44px; background: url(../images/back@2x.png) no-repeat 15px center; background-size: 12px 20px;}
header .mainTitle { height: 44px; margin: 0 90px; line-height: 44px; text-align: center; font-size: 18px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
header a.ctrlBtn { position: absolute; display: block; top: 0; right: 0; width: 44px; height: 44px; background-repeat: no-repeat; background-position: center; background-size: 20px; line-height: 44px; text-indent: -9999px;}
header a.ctrlBtn.secondBtn { right: 44px;}
header a.ctrlBtn.fontBtn { width: auto; margin-right: 15px; font-size: 15px; color: #1eb6b7; text-indent: 0;}
header a.ctrlBtn.secondBtn.fontBtn { margin-right: 5px;}
header a.ctrlBtn.user { background-image: url(../images/i_user@2x.png);}
header a.ctrlBtn.share { background-image: url(../images/i_share@2x.png);}
header a:link, header a:visited, header a:hover, header a:focus, header a:active { color: #333; }
/*内容*/
section {}
/*Footer*/
footer { width: 100%; padding: 20px 0; font-size: 12px; text-align: center;}
footer .copyright { margin-top: 8px; color: #666;}

/*-----Form-----*/
textarea { padding: 0;}
input:focus, textarea:focus { background: #fff; outline: none;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { box-sizing: border-box; background: #fff; font-size: 15px; color: #333;}
.verifyCode { width: 90px;}
.verifycodeImg { cursor: pointer;}
.formTip { min-height: 16px; padding-bottom: 10px; font-size: 13px; color: #f65858; line-height: 16px;}
/*Radio*/
input[type="radio"] { display: none; }
.rd { position: relative; display: inline-block; vertical-align: top; width: 22px; height: 22px; background: #fff; border: 1px solid #ddd; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px;}
.rd .rdMark { display: none; position: absolute; top: 50%; left: 50%; width: 12px; height: 6px; margin: -6px 0 0 -7px; border-width: 0 0 2px 2px; border-style: solid; border-color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.rd.selected { border-color: #1eb6b7; background: #1eb6b7;}
.rd.selected .rdMark { display: block;}
.rd.disabled .rdMark { display: block; border-color: #ddd;}
/*Toast*/
.toast { display: none; position: fixed; top: 40%; left: 10%; max-width: 70%; padding: 15px; background: rgba(0,0,0,0.80); -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 15px; color: #fff; text-align: center; line-height: 22px; z-index: 99999;}
/*Tips*/
.tipsBox { margin: 50px 15px; padding: 30px 10px; background: #fff; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center;}
.tipsBox img { width: 32px; height: 32px;}
.tipsBox h2 { margin: 12px auto 18px auto; font-size: 18px; color: #333; line-height: 22px;}
.tipsBox p { font-size: 12px; color: #666;}
.tipsBox .countdown { margin-right: 5px; color: #1eb6b7;}
/*nodata tip*/
.nodata { margin: 30px auto; padding-top: 90px; background: url(../images/topic/nodata@2x.png) no-repeat center top #fff; background-size: 74px; font-size: 15px; color: #aaa; text-align: center;}

/*-----Pop-----*/
/*Loading*/
.loading { display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/loading.gif) no-repeat center #fff; background-size: 40px; opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); z-index: 9998; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none;}
.smallLoading { text-align: center;}
.smallLoading p { display: inline-block; height: 46px; padding-left: 30px; background: url(../images/loading.gif) no-repeat left center; background-size: 22px; font-size: 15px; color: #666; line-height: 46px;}
/*SharePop*/
.sharePop { display: none; position: fixed; left: 50%; top: 50%; padding: 20px 15px; background: rgba(0,0,0,0.80); z-index: 9999;}
.popHead {}
.popHead .popTitle { float: left; font-size: 18px; color: #fff;}
.popHead .closeBtn { float: right; display: block; width: 20px; height: 20px; background: url(../images/closeBtn@2x.png) no-repeat; background-size: 20px;}
.shareCont { width: 204px; margin: 0 10px; padding: 15px 0 0 0; text-align: center; }
.shareIcons li { float: left; width: 48px; padding: 8px 10px;}
.shareIcons li a { padding-top: 70px; font-size: 12px; color: #fff; text-align: center; }
.shareIcons .icon { display: block; width: 42px; height: 42px; margin: 0 auto 5px auto; background: url(../images/shareIcon@2x.png) no-repeat; background-size: 126px 42px;}
.shareIcons .icon.sinaweibo { background-position: 0 0; }
.shareIcons .icon.qqweibo { background-position: -84px 0; }
.shareIcons .icon.qzone { background-position: -42px 0; }
/*Pop Public*/
.popMask, .conformPopMask, #popMask, #conformPopMask { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.8; -webkit-opacity: 0.8; -o-opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); z-index: 9998; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; overflow: hidden;}
.imgPopMask { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 9998; overflow: hidden;}
.pop { display: block; position: fixed; box-sizing: border-box; width: 280px; padding: 15px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; z-index: 9999;}
.popHead { margin-bottom: 12px; color: #333; overflow: hidden;}
.popHead .popTit { float: left; padding-left: 24px; background: url(../images/poplogo.png) no-repeat left center; background-size: 15px 24px; font-size: 18px; color: #333; line-height: 24px;}
.popHead .closeBtn { margin-top: 2px; opacity: 0.8; -webkit-opacity: 0.8; -o-opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);}
.popCon {}
/*loginPop*/
.loginPop { display:none;}
.loginPop .inputWrap { margin: 0; padding: 0; border: 0;}
.loginPop .inputWrap li { background: #fff; border: 1px solid #ddd; border-top: 0;}
.loginPop .inputWrap li:first-child { border-top: 1px solid #ddd;}
.loginPop .inputWrap li.iconbg { padding-left: 30px; background-repeat: no-repeat; background-position: 14px center; background-color: #fff; background-size: 16px;}
.loginPop .inputWrap li.iconbg.username { background-image: url(../images/i_user@2x.png);}
.loginPop .inputWrap li.iconbg.pwd { background-image: url(../images/i_pwd@2x.png);}
.loginPop .inputWrap li input { width: 100%; height: 42px; padding: 0 15px; color: #333;}
.loginPop .bigBtn.bgmainBtn { margin: 15px auto 0 auto;}
.loginPop .otherLink { margin-top: 15px;}
.loginPop .otherLink a { font-size: 15px; color: #1eb6b7;}
/*conformPop*/
.alertPop, .conformPop { display: none; position: fixed; left:20px; box-sizing: border-box; width: 280px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; z-index: 9999;}
.textWrap { padding: 20px; color: #000;}
.textWrap h3 { margin-bottom: 12px; font-size: 16px; text-align: center;}
.textWrap p { font-size: 13px; text-align: center; line-height: 18px;}
.btnWrap { border-top: 1px solid #1eb6b7;}
a.alertBtn, a.conformBtn { display: block; width: 139px; height: 44px; color: #1eb6b7; font-size: 17px; text-align: center; line-height: 44px;}
a.conformBtn.fl { border-right: 1px solid #1eb6b7; color: #333;}
a.alertBtn { width: 100%;}
/*imgPop*/
.imgPop { box-sizing: border-box; position: fixed; top: 10%; left:0; width: 100%; text-align: center; z-index: 9999; }
.imgPop img { max-width: 100%; max-height: 100%;margin:0 auto;}
.imgPopWrap{float:left;}
/*phonePop*/
.phonePop { display: none; position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 9999;}
.phonePop .textWrap, .phonePop .btnWrap  { box-sizing: border-box; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.phonePop .textWrap { padding: 0; text-align: center;}
.phonePop .textWrap h3 { margin: 0; padding: 25px 0; font-size: 15px; color: #666;}
.phonePop .textWrap .telphone { padding: 15px 0; border-top: 1px solid #ddd; font-size: 20px; color: #f65858;}
.phonePop .btnWrap { margin-top: 10px;}
/*DatePlugin*/
.datePage { display: none; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; background: #fff; font-size: 22px; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; overflow: hidden; z-index: 9999;}
.datePage .dateBtns { height: 42px; border-bottom: 1px solid #ddd; line-height: 42px; overflow: hidden;}
.dateBtns a { padding: 0 15px; font-size: 18px;}
.dateBtns .cancleBtn { float: left; color: #333; }
.dateBtns .confirmBtn { float: right; color: #1eb6b7; }
.dateCont { position: relative; margin: 10px auto 15px auto;}
.dateCont .datemark { position: absolute; left: 0; top: 40px; width: 100%; height: 40px; background: #eee;}
.dateCont .datescroll { height: 120px; font-size: 22px; color: #666; text-align: center; line-height: 40px; }
.dateCont .datescroll .scrollCont { position: absolute; top: 0; bottom: 0; width: 34%; }
.dateCont .datescroll .scrollCont.year { left: 0;}
.dateCont .datescroll .scrollCont.month { width: 32%; left: 34%;}
.dateCont .datescroll .scrollCont.day { left: 66%;}