@charset "utf-8";
a{text-decoration:none; color:#555; -webkit-tap-highlight-color:transparent;}
a:hover{text-decoration:none;}
ul,li{list-style:none; margin:0; padding:0;}
dl,dd {margin:0; padding:0; }
em,i,cite,small { font-style:normal;}
.clear {clear:both; height:0; width:100%; overflow:hidden;}
.left { float:left;}
.right { float:right;}
.gray { color:#999;}
.pink { color:#F84F76;}
.blue {color:#10AEFF;}
.red { color:#ff0000;}
.green { color:#07C160;}
.yellow { color:#FF9900;}
.gold { color:#FF3300;}
.hide { display:none;}
.bold { font-weight:bold;}
#wrap{ background:#FFF; color:#555; margin:0 auto; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;  background:#EFEFF4;}
.ui-main { width:100%; max-width:640px; min-width:320px; margin:0 auto; margin-bottom:0; clear:both; overflow:hidden;}
img { display:block;}
input:focus{outline: medium;}
input:disabled{ background:#FFF;}
.height-50 { width:100%; height:50px; margin:0 auto; clear:both;}

.nodata { width:100%; height:20px; line-height:20px; font-size:18px; color:#999; position:absolute; top:50%; left:0; margin-top:-10ppx; text-align:center;}

.error-box { width:100%; height:75px; position:absolute; top:50%; left:0; margin-top:-40px;}
.error-box .text { width:100%; height:20px; line-height:20px; position:absolute; top:0; left:0; text-align:center; font-size:18px; color:#999;}
.error-box .button{ width:180px; height:40px; position:absolute; bottom:0; left:50%; margin-left:-90px;}
.error-box .button a{ width:100%; height:40px; line-height:40px; display:block; position:absolute; top:0; left:0; z-index:4; text-align:center; font-size:15px; background:#07C160; color:#FFF; border-radius:4px;} 
.error-box .button cite {width:100%; height:40px; display:block; position:absolute; top:0; left:0; z-index:4; background:#999 url(../img/load.gif) center center no-repeat; background-size:16px auto; border-radius:4px;}




#jLoadding { width:80px; height:80px; position:absolute; background:#333 url(../img/load.gif) center center no-repeat; background-size:20px auto; padding:10px 20px; margin:15px; z-index:500002; border-radius:9px;}
#jSuccess {position:absolute; background:#333; color:#FFF; padding:10px 20px; margin:15px; z-index:500002; font-size:14px; border-radius:5px; text-align:center;}
#jNotify {position:absolute; background:#FA5151;color:#FFF; padding:10px 20px; margin:15px; z-index:500002; font-size:14px; border-radius:5px; text-align:center;}
#jError {position:absolute; background:#FDDDDD url(images/jerror.png) no-repeat 7px center;color:#FF0000;border:1px solid #FF6666; font-weight:bold; padding:10px;padding-left:30px;margin:15px;z-index:9999;}

.add-box { width:94%; margin:10px auto; background:#FFF; clear:both; overflow:hidden; border-radius: 9px;}
.add-box li { width:100%; height:51px; position:relative;}
.add-box li:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #E7E7EB solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.add-box li:last-child:after{ border-bottom:none;}
.add-box li .left { width:30%; height:50px; line-height:50px; font-size:15px; text-align:left; text-indent:10px; position:absolute; top:0; left:0; z-index:1; color:#000;}
.add-box li .right { width:70%; height:50px; line-height:50px; position:absolute; top:0; left:30%;}
.add-box li .right input { width:96%; height:40px; position:absolute; top:5px; left:0; z-index:5; border:none; overflow:hidden; padding:0; margin:0; font-size:15px; text-align:left; text-indent:10px;}
.add-box li .right input::-webkit-input-placeholder { font-size:15px; color:#999; font-weight:normal;}
.add-box li .text { font-size:14px; text-indent:10px; color:#000;}
#DomRegionTip { font-size:15px;}

.add-box li .more {width:20px; height:20px; position:absolute; top:15px; right:10px; background:url(../img/more.png) center center no-repeat; background-size:auto 12px;}
.add-box li.bd .reset { width:20px; height:20px; display:none; position:absolute; top:15px; right:15px; z-index:6; background:url(../img/clear.png) center center no-repeat; background-size: 20px auto;}
.add-box li.code .reset {right:115px;}
.add-box li a.click { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5;}
.add-box li .btn { width:100px; height:50px; position:absolute; top:0; right:0; z-index:5; overflow:hidden;}
.add-box li .btn a { width:100%; height:50px; line-height:50px; display:block; color:#0099FF; text-align:center; font-size:14px;}
.add-box li .btn cite { width:100%; height:50px; display:block; line-height:50px; position:absolute; top:0; left:0; z-index:6; font-size:14px; color:#999; text-align:center;}


.add-button { width:94%; margin:20px auto; margin-bottom:0;}
.add-button .confirm { width:100%; height:50px; margin:0 auto;}
.add-button .confirm a { width:100%; height:50px; color:#FFF; font-size:16px; font-weight:bold; background:#33CC78; border-radius:5px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.add-button .confirm a:hover{ background:#25B767;}
.add-button .confirm cite { width:100%; height:50px; line-height:50px; text-align:center; display:block; color:#FFF; font-size:16px;  background:#D2D2D2 url(../img/load.gif) center center no-repeat; background-size:16px auto; border-radius:4px;}
.add-button .cancel { width:100%; height:50px; margin:10px auto; margin-bottom:0;}
.add-button .cancel a { width:100%; height:50px; line-height:50px; text-align:center; display:block; position:relative; color:#000; background:#FFF; font-size:16px; border-radius:6px; color:#777;}
.add-button .cancel a:after{content: ''; position: absolute; top: 0;left: 0; border: 1px #C6C6C6 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:6px;}
.add-button .button { width:100%; height:50px; margin:0 auto;}
.add-button .button a { width:100%; height:50px; color:#FFF; font-size:16px; font-weight:bold; background:#33CC78; border-radius:5px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.add-button .button a:hover{ background:#25B767;}
.add-button .button cite { width:100%; height:50px; line-height:50px; text-align:center; display:block; color:#FFF; font-size:16px;  background:#D2D2D2 url(../img/load.gif) center center no-repeat; background-size:16px auto; border-radius:4px;}
.add-button .exit { width:100%; height:50px; margin:10px auto; margin-bottom:0;}
.add-button .exit a { width:100%; height:50px; line-height:50px; text-align:center; display:block; position:relative; color:#000; background:#FFF; font-size:16px; border-radius:6px; color:#777;}
.add-button .exit a:after{content: ''; position: absolute; top: 0;left: 0; border: 1px #C6C6C6 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:9px;}
.add-button .exit cite { width:100%; height:50px; line-height:50px; text-align:center; display:block; position:relative;}
.add-button .exit cite:after{content: ''; position: absolute; top: 0;left: 0; z-index:5; border: 1px #C6C6C6 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:9px; background:#FFF url(../img/load.gif) center center no-repeat; background-size:30px auto;}


.message-box { width:100%; height:100%; margin:0 auto; max-width:640px; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:5100; overflow:hidden; display:none;}
.message-box .bg { width:100%; height:100%; position:absolute; top:0; left:0; background:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.message-box .content { background:#FFF; position:absolute; top:50%; left:50%; z-index:53; border-radius:6px;}
.message-box .content .hd { width:100%; height:40px; background:#F4F5F9; position:relative; border-radius:6px 6px 0 0;}
.message-box .content .hd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DDDDDD; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .content .hd span { width:50%; height:40px; line-height:40px; font-size:13px; display:block; position:absolute; top:0; left:0; text-indent:10px;}
.message-box .content .hd a { width:40px; height:40px; display:block; position:absolute; top:0; right:0; background:url(../img/close-gray.png) center center no-repeat; background-size: 14px auto;}
.message-box .content .hd a:after{content: ''; position: absolute; top: 0;right: 0; z-index:5; border-left: 1px solid #DDDDDD; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 100%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .cancel { width:51%; position:absolute; bottom:0; left:0; height:50px; text-align:center;}
.message-box .cancel:after{content: ''; position: absolute; top:0; left:0; border-top:1px solid #BFBFBF; border-right:1px solid #BFBFBF; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .cancel a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5; font:16px/50px microsoft yahei; color:#999999;}
.message-box .confirm {width:51%; height:50px; position:absolute; bottom:0; right:0; text-align:center;}
.message-box .confirm:after{content: ''; position: absolute; top: 0;left: 0; border-top: 1px solid #BFBFBF; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .confirm a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5; font:16px/50px microsoft yahei; color:#0099FF;}
.message-box .confirm span { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5; font:16px/50px microsoft yahei; color:#999;}
.message-box .confirm cite { width:100%; height:50px; display:block; background:url(../img/load.gif) center center no-repeat; background-size:16px auto; position:absolute; top:1px; left:1px; overflow:hidden;}

.message-box .error { width:90%; height:130px; margin:-65px 0 0 -45%;}
.message-box .error .text{ width:90%; height:80px; line-height:80px; margin:0 auto; text-align:center; font-size:16px;}
.message-box .error .close{ width:100%; position:absolute; bottom:0; left:0; font-size:16px; height:50px; line-height:50px; text-align:center; border-top:1px #D6D6DA solid; color:#0099FF;}


.message-box .ask-box { width:90%; height:130px; margin:-65px 0 0 -45%;}
.message-box .ask-box .text { width:90%; height:80px; margin:0 auto; line-height:80px; text-align:center; font-size:16px;}



.message-box .region-box { width:100%; height:70%; top:30%; left:0; border-radius:20px 20px 0 0;}
.message-box .region-box .hd { margin:0; height:50px; background:none;}
.message-box .region-box .hd span { width:100%; height:50px; line-height:50px; display:block; position:absolute; top:0; left:0; z-index:1; font-size:18px; font-weight:bold; color:#000; text-align:center;}
.message-box .region-box .hd a { width:50px; height:50px;}
.message-box .region-box .hd a:after {border-left: 1px solid #CCCCCC;}
.message-box .region-box .bd { width:100%; height:56px; line-height:56px; margin:0 auto; position:relative;}
.message-box .region-box .bd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DADADA; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .region-box .bd a { width:30%; height:56px; display:block; position:absolute; top:0; left:0; z-index:5; font-size:17px; color:#000; display: -webkit-box;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.message-box .region-box .bd span.before { color:#999; margin-left:3%; text-indent:10px; font-size:17px;}
.message-box .region-box .bd a.province { left:3%; text-indent:5px;}
.message-box .region-box .bd a.city { left:33%; text-indent:10px;}
.message-box .region-box .bd a.area { left:63%; text-indent:10px;}

.message-box .region-box .region { width:100%; height:80%; padding:0 0 80px 0; overflow-y:auto; overflow-x:hidden;}
.message-box .region-box .region::-webkit-scrollbar { width:3px; background:#F7F7F7;}
.message-box .region-box .region::-webkit-scrollbar-thumb { border-radius:3px; background:rgba(0,0,0,0.1);  -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);} 
.message-box .region-box .region .list { width:94%; height:56px; line-height:56px; margin:0 auto; position:relative; background:url(../img/more.png) right center no-repeat; background-size:auto 12px;}
.message-box .region-box .region .list:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DADADA; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .region-box .region .list a { width:100%; height:56px; line-height:56px; display:block; position:absolute; top:0; left:0; z-index:5; text-align:left; font-size:17px; text-indent:5px; color:#000;}
.message-box .region-box .region .list a:hover {background:#F7F7F7 url(../img/more.png) right center no-repeat; background-size:auto 12px;}


.bottom { width:100%; height:51px; max-width:640px; margin:0 auto; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100;}
.bottom:after{content: ''; position: absolute; top: 0;left: 0; border-top: 1px solid #D2D2D2; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; background:#FAFAFA;}
.bottom .list { width:25%; height:50px; float:left; position:relative; z-index:5;}
.bottom .list .icon { width:100%; height:26px; position:absolute; top:5px; left:0;}
.bottom .list .text { width:100%; height:20px; line-height:20px; position:absolute; top:30px; left:0; font-size:11px; text-align:center; color:#000000;}
.bottom .list a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5;}
.bottom .mall .icon { background:url(../img/icon-index-gray.png) center center no-repeat; background-size: auto 28px;}
.bottom .mall-red .icon{ background:url(../img/icon-index-green.png) center center no-repeat; background-size: auto 28px;}
.bottom .mall-red .text { color:#2AAD67;}
.bottom .flow .icon { background:url(../img/icon-flow-gray.png) center center no-repeat; background-size: auto 26px;}
.bottom .flow-red .icon{ background:url(../img/icon-flow-green.png) center center no-repeat; background-size: auto 26px;}
.bottom .flow-red .text { color:#2AAD67;}

.bottom .online .icon { background:url(../img/icon-kefu-gray.png) center center no-repeat; background-size: auto 26px;}
.bottom .online-red .icon{ background:url(../img/icon-kefu-green.png) center center no-repeat; background-size: auto 26px;}
.bottom .online-red .text { color:#2AAD67;}

.bottom .user .icon { background:url(../img/icon-user-gray.png) center center no-repeat; background-size: auto 26px;}
.bottom .user-red .icon{ background:url(../img/icon-user-green.png) center center no-repeat; background-size: auto 26px;}
.bottom .user-red .text { color:#2AAD67;}

.bottom .wallet .icon { background:url(../img/icon-wallet-gray.png) center center no-repeat; background-size: auto 26px;}
.bottom .wallet-red .icon{ background:url(../img/icon-wallet-green.png) center center no-repeat; background-size: auto 26px;}
.bottom .wallet-red .text { color:#2AAD67;}