@charset "UTF-8";
* { margin: 0; padding: 0; outline: 0; }
html { -webkit-text-size-adjust: none; word-wrap: break-word; }
body, input, button, textarea, select, option { font-size: normal 100%; }
body { width: 100%; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; font-size: 20px; color: #333; background-color: #f1f1f1; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
li { list-style: none; }
.listBox hr{ display:none; }
input { font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; }
a { text-decoration: none; }
.mb { margin-bottom: 1em; }
.mt { margin-top: 1em; }
.mr { margin-right: 1em; }
.pb0 { padding-bottom: 0; }
header { background: #eee; width: 100%; height: 2em; }
header menu { float: left; display: block; }
header menu li { float: left; overflow: hidden; width: 2em; height: 2em; }
header menu .home { background: url(../images/home.png) no-repeat center center; display: block; background-size: 1.3em; height: 2em; opacity: 0.8; position: relative; }
header h1 { width: 40%; margin: 0 auto; text-align: center; color: #333; padding: 0.35em; font-size: 0.9em; font-weight: normal; }
header h2, .layerSeclct h2 { width: 70%; margin: 0 auto; text-align: center; color: #333; padding: 0.35em; font-size: 0.9em; font-weight: normal; }
header h2 a, .layerSeclct h2 a { color: #333; }
header h2 i, .layerSeclct h2 i { display: block; width: 1em; height: 1em; background: url(../images/iconSelectA.png) no-repeat center; float: right; background-size: 0.7em; padding-top: 0.3em; }
header aside { float: right; padding: 0.3em 0.5em 0 0; }
header aside a { background: url(../images/iconBar.png) no-repeat right; background-size: 0.8em; padding-right: 1em; color: #fff9c2; font-size: 0.65em; }
header aside.back { float: left; }
header aside.back a { display: block; overflow: hidden; height: 1.6em; width: 1.6em; background: url(../images/iconBack.png) no-repeat; background-size: 1.6em; line-height: 20em; margin: 0.3em 0.6em; }
section, .doBox { padding: 0.5em; }
section.listBox { padding: 0; background: #FFF }
.tipInfo { padding: 1em; background: #FFF; line-height: 1.2em; margin-bottom: 1em; font-size: 0.75em; border: 1px solid #bfbfbf; border-radius: 0.5em; }
.tipInfo b { display: block; border-bottom: 1px solid #eee; padding-bottom: 0.5em; margin-bottom: 0.5em; }
.tipInfo span { display: block; line-height: 1.5em; font-size: 0.85em; }
.tipInfo.styleB { font-size: 0.6em; }
.inputBox { margin-bottom: 1em; position:relative; }
.inputBox .unti { position:absolute; top:0; right:0; padding:0.4em 0.4em 0 0;}
.inputTime { width: 100%; height: 2.2em; margin-bottom: 1em; }
.inputTime div { width: 50%; float: left; }
.inputTime div span { height: 1.2em; text-align: center; font-size: 0.9em; background: #FFF; border: 1px solid #BFBFBF; padding: 0.5em 0; margin-right: 0.25em; border-radius: 0.35em; -webkit-border-radius: 0.35em; -ms-border-radius: 0.35em; -moz-border-radius: 0.35em; -o-border-radius: 0.35em; box-shadow: inset 0 0.05em 0.2em 0.02em rgba(0,0,0,0.2); cursor: pointer; display: block; }
.inputTime div span.boxR { margin-right: 0em; margin-left: 0.25em; }
/*.inputBox input { width: 100%; font-size: 0.9em; background: #FFF; border: 1px solid #BFBFBF; padding: 0.5em; border-radius: 0.35em; -webkit-border-radius: 0.35em; -ms-border-radius: 0.35em; -moz-border-radius: 0.35em; -o-border-radius: 0.35em; box-shadow: inset 0 0.05em 0.2em 0.02em rgba(0,0,0,0.2); box-sizing: border-box; }*/
.inputBox input { width: 69%; font-size: 0.9em;border: none; padding:0 0 0 0.5em;  }

.inputBox select { width: 100%; font-size: 0.9em; background: #FFF; border: 1px solid #BFBFBF; padding: 0.5em; /*height: 5.2em;*/ border-radius: 0.35em; -webkit-border-radius: 0.35em; -ms-border-radius: 0.35em; -moz-border-radius: 0.35em; -o-border-radius: 0.35em; box-shadow: inset 0 0.05em 0.2em 0.02em rgba(0,0,0,0.2); box-sizing: border-box; }
.inputBox textarea,.inputBoxRE textarea {
	width: 100%;
	font-size: 0.9em;
	background: #FFF;
	border: 1px solid #BFBFBF;
	padding: 0.5em;
	border-radius: 0.35em;
	-webkit-border-radius: 0.35em;
	-ms-border-radius: 0.35em;
	-moz-border-radius: 0.35em;
	-o-border-radius: 0.35em;
	box-shadow: inset 0 0.05em 0.2em 0.02em rgba(0,0,0,0.2);
	box-sizing: border-box;
}
#inputAdress aside{ height:auto; overflow:hidden;}
#inputAdress textarea { width:69%; font-size: 0.9em;border: none; padding:0 0 0 0.5em; border:none; box-shadow:none; padding:0; height:2.35em; resize:none;padding:0 0 0 0.5em;}
.inputBox span { font-size:0.7em; color:#666; float:right; margin-bottom:0.4em}
.inputBox b { font-size:0.7em; color:#666; font-weight:normal;  float:left; margin-bottom:0.4em}
/*.inputBox input:active,.inputBox input:focus{border: 1px solid #666;}*/
.buttonSubmit { position: relative; }
.buttonSubmit a { display: block; text-align: center; width: 100%; font-size: 0.9em; color: #FFF; padding: 0.5em 0; background: #C71012; border: 1px solid #910000; border-radius: 0.35em; -webkit-border-radius: 0.35em; -ms-border-radius: 0.35em; -moz-border-radius: 0.35em; -o-border-radius: 0.35em; box-shadow: 0 0.1em 0.2em 0.02em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0.1em 0.2em 0.02em rgba(0,0,0,0.4); }
.buttonSubmit a.disabled { background:#CCC;border:1px solid #CCC; }
.buttonSubmit a.subButton { width:46%; float:left; margin-bottom:0.3em}
.buttonSubmit a.right { float:right;}
.buttonSubmit .buttonLoad, .buttonBox .buttonLoad { position: absolute; text-align: center; width: 80%; font-size: 1em; color: #FFF; background: #C71012; padding: 0.4em 0 0; margin: 0 10%; box-sizing: border-box; -webkit-box-sizing: border-box; }
.buttonBox .buttonLoad { background: #C71012; background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(239,239,239,1.00) 100%); top: 15px; padding: 0.2em 0 0; color: #666; }
.buttonSubmit .buttonLoad i, .buttonBox .buttonLoad i { width: 1em; height: 1em; background: url(../images/butLoading.png) no-repeat; background-size: 1em; display: inline-block; vertical-align: middle; margin-top: -0.2em; -webkit-animation: cssAnimation 3s 999 linear; -moz-animation: cssAnimation 3s 999 linear; -o-animation: cssAnimation 3s 999 linear; }
.buttonBox .buttonLoad i { background: url(../images/listLoading.png) no-repeat; background-size: 1em; }
input.formErr { border: 1px solid #F10000; }
.tipErr { position: fixed; width: 100%; bottom: 6px; left: 0; }
.tipErr div { background: #F00; opacity: 0.8; width: 100%; height: 2em; position: fixed; bottom: 0; z-index: -1; }
.tipErr span { font-size: 0.9em; color: #FF0; text-align: center; padding: 0.4em 0 0 1em; margin: 0 auto; display: block; }
.tipErr i { width: 1em; height: 1em; background: url(../images/iconInfo.png) no-repeat bottom left; background-size: 1em; display: block; padding: 0.15em 0.2em 0 0; float: left }
.tipDone { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 1; background: rgba(0,94,21,0.8); }
.tipDone span { font-size: 0.9em; color: #FF0; text-align: center; padding: 0.1em 0.2em 0.2em 0; margin: 0 auto; display: block; width: 5.5em; }
.tipDone i { width: 1em; height: 1em; background: url(../images/iconInfo.png) no-repeat bottom left; background-size: 1em; display: block; padding: 0.15em 0.2em 0 0; float: left }
.infoDone, .infoUnlock { text-align: center; width: 15em; margin: 1.7em auto;}
.infoDone i, .infoUnlock i { display: inline-block; /*float:left;*/
width: 2.4em; height: 2.1em; }
.infoDone h2, .infoUnlock h2 { display: inline-block; /*float:left;*/width: 15em; font-size: 0.9em; text-align: center }
.infoUnlock.done { width: 12em; }
.infoUnlock.done h2 { width: 10.6em; line-height: 3em; }
.infoDone span, .infoUnlock span { color: #333; text-align: left; float: left; line-height: 1em; }
.infoDone i { background: url(../images/iconDone.png) no-repeat; background-size: 2.1em; }
.infoDone h2 { color: #393; }
.infoDone span { color: #000; font-size:0.6em; padding:0.5em 0; }
.infoUnlock i { background: url(../images/iconUnlock.png) no-repeat; background-size: 2.1em; }
.infoUnlock.done i { background: url(../images/iconUnlockD.png) no-repeat; background-size: 2.1em; }
.infoUnlock h2 { color: #f5a203; }
nav { overflow: hidden; padding: 0 0.5em 0.8em; box-sizing: border-box; }
nav dl { float: left; width: 25%; text-align: center; }
nav dl dt { width: 100% }
nav dl dt a { display: inline-block; overflow: hidden; line-height: 20em; width: 2.8em; height: 2.6em; border: 1px solid #d2d2d2; border-radius: 0.30em; box-shadow: 0 0.2em 0 0 rgba(0,0,0,0.15); }
nav dl dd a { font-size: 0.75em; color: #333; }
nav dl.navA dt a { background: #FFF url(../images/navIconA.png) no-repeat center; background-size: 2em; }
nav dl.navB dt a { background: #FFF url(../images/navIconB.png) no-repeat center; background-size: 2em; }
nav dl.navC dt a { background: #FFF url(../images/navIconC.png) no-repeat center; background-size: 2em; }
nav dl.navD dt a { background: #FFF url(../images/navIconD.png) no-repeat center; background-size: 2em; }
.lineBox { padding: 0 1em; }
.lineBox hr:nth-child(1) { height: 1px; background: #CCC; border: none; }
.lineBox hr:nth-child(2) { height: 1px; background: #FFF; border: none; }
section .lineBox { padding: 0 }
.doMessage { text-align: left; font-size: 0.6em; color: #333; padding: 1em 2em; }
.doMessage p { float: left; }
.doMessage a { float: right; text-decoration: underline; color: #333; }
.doBox { text-align: center; }
.doBox a { font-size: 0.6em; color: #333; text-decoration: underline; }
.buttonBox { padding: 0.8em 0; }
.buttonBox a { display: block; text-align: center; width: 45%; font-size: 0.9em; color: #333; padding: 0.5em 0; border: 1px solid #d2d2d2; border-radius: 0.35em; -webkit-border-radius: 0.35em; -ms-border-radius: 0.35em; -moz-border-radius: 0.35em; -o-border-radius: 0.35em; /*box-shadow:0 0.2em 0.15em 0.02em rgba(0,0,0,0.4),0 -0.1em 0.2em 0.02em rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 0.15em 0.2em 0.02em rgba(0,0,0,0.4),0 -0.1em 0.2em 0.02em rgba(255,255,255,0.8);*/
background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0%, rgba(255,255,255,1.00)), color-stop( 100%, rgba(239,239,239,1.00))); background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(239,239,239,1.00) 100%); background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(239,239,239,1.00) 100%); background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(239,239,239,1.00) 100%); background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(239,239,239,1.00) 100%); }
.buttonBox a.view { background: #C71012; border: 1px solid #910000; width: 100%; color: #FFF; }
.buttonBox a:nth-child(1) { float: left; }
.buttonBox a:nth-child(2) { float: right; }
.buttonBox a.done { float: none; width: 100% }
.buttonBox a.doneHistory { float: none; width: 100% }
.buttonBox a.cur { color:#0B7807; background:url(../images/right.png) no-repeat 38% center; background-size:1.2em; text-indent:1.2em;}
.infoNoCom { text-align: center; padding: 2em 0; }
.infoNoCom i { background: url(../images/iconNoCom.png) no-repeat center; background-size: 2.1em; width: 2.1em; height: 2.1em; display: inline-block; }
.infoNoCom h2 { color: #666; font-size: 0.9em; line-height: 1.5em; }
.infoNoSearch { text-align: center; padding: 2em 0; }
.infoNoSearch i { background: url(../images/iconNoSearch.png) no-repeat center; background-size: 2.1em; width: 2.1em; height: 2.1em; display: inline-block; }
.infoNoSearch h2 { color: #666; font-size: 0.9em; line-height: 1.5em; }
/*.shopCom {text-align:center}*/
.shopCom li { padding: 1em; border-bottom: 0.2em dashed #ccc; }
.shopCom li:nth-child(even) { background: #FFF; }
.shopCom h4 { font-size: 0.75em; color: #333; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.5em; line-height: 1.25em; margin-bottom: 0.5em; }
.shopCom time { display: block; width: 7.3em; text-align: center; margin: 0 auto; font-size: 0.6em; color: #000; background: url(../images/iconTime.png) no-repeat 0 0.2em; background-size: 1em; padding-left: 1em; }
.shopCom .buttonBox { padding-bottom: 0 }
.score { width: 100%; overflow: hidden; }
.score dl { display: block; width: 50%; float: left; }
.score dl dt { font-size: 0.6em; color: #666; float: left; line-height: 1em; margin-right: 0.5em; }
.score dl dd { float: left; }
.score dl dd div { background: url(../images/iconStar.png) repeat-x; background-size: 0.65em; width: 3.25em; height: 0.95em; margin-top: 0.05em; }
/*.score dl:nth-child(even){
	float:right;
	width:43%;
}*/
.score dl dd div.s1 { width: 0.65em; }
.score dl dd div.s2 { width: 1.3em; }
.score dl dd div.s3 { width: 1.95em; }
.score dl dd div.s4 { width: 2.6em; }
.listLoading { text-align: center; color: #999; font-weight: bold; font-size: 0.75em; }
.listLoading i { display: block; width: 2em; height: 2em; margin: 0.5em auto; background: url(../images/listLoading.png) no-repeat; background-size: 2em; -webkit-animation: cssAnimation 4s 999 ease; -moz-animation: cssAnimation 4s 999 ease; -o-animation: cssAnimation 4s 999 ease; }
@-webkit-keyframes cssAnimation {
 from {
-webkit-transform:  rotate(0deg) scale(1) skew(deg) translate(0px);
}
to {
-webkit-transform:  rotate(360deg) scale(1) skew(0deg) translate(0px);
}
}
@-moz-keyframes cssAnimation {
from {
-moz-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);
}
to {
-moz-transform:  rotate(360deg) scale(1) skew(0deg) translate(0px);
}
}
@-o-keyframes cssAnimation {
from {
-o-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);
}
to {
-o-transform:  rotate(360deg) scale(1) skew(0deg) translate(0px);
}
}
.myAnswer .lineBox { padding: 0.5em 0; }
.myAnswer h4 { border: none; }
.myAnswer .toDo { width: auto; height: 0.8em; }
.myAnswer a { float: left; background: url(../images/iconReply.png) no-repeat 0 0.2em; background-size: 1em; font-size: 0.6em; padding-left: 1.2em; color: #000; text-decoration: underline; }
.myAnswer time { margin: 0; float: right; }
.timer { width: 90%; margin: 0 auto; position: absolute; top: 30%; left: 5%; z-index: 100; border-radius: 0.35em; border: 2px solid #999; }
.timer h3 { color: #FFF; font: 1em/2em "微软雅黑"; display: block; padding: 0 0.5em; text-align: center; border-bottom: 1px solid #515f6c; background: -webkit-gradient(linear, left top, left bottom, from(#24486a), to(#152839)); background: -moz-linear-gradient(top, #24486a, #152839); display: block; text-align: center; border-radius: 0.35em 0.35em 0 0; -webkit-border-radius: 0.35em 0.35em 0 0; -ms-border-radius: 0.35em 0.35em 0 0; -moz-border-radius: 0.35em 0.35em 0 0; -o-border-radius: 0.35em 0.35em 0 0; box-shadow: inset 0 0.05em 0.2em 0.02em rgba(0,0,0,0.2); box-sizing: border-box; }
.timeBox { background: #152839; overflow: hidden; display: -webkit-box; display: -moz-box; width: 100%; color: #FFF; padding: 0.5em 0em; }
.timeBox span { margin-left: 0.5em; -moz-box-flex: 1; -webkit-box-flex: 1; display: block; widows: 100%; overflow: hidden }
.timeBox span a { color: #4c4c4c; font-size: 1em; text-shadow: 0 0 1px rgba(255,255,255,1); }
.timeBox span a.add { border-radius: 0.35em 0.35em 0 0; border-bottom: 1px solid #929292; background: -webkit-gradient(linear, left top, left bottom, from(#f4f7f9), to(#b1b8bc)); background: -moz-linear-gradient(top, #f4f7f9, #b1b8bc); display: block; text-align: center; }
.timeBox span a.sub { border-radius: 0 0 0.35em 0.35em; border-top: 1px solid #a2a2a3; background: -webkit-gradient(linear, left top, left bottom, from(#f4f7f9), to(#b1b8bc)); background: -moz-linear-gradient(top, #f4f7f9, #b1b8bc); display: block; text-align: center; }
.timeBox span p { background: #f3f3f3; text-align: center; color: #000; }
.timeLast { margin-right: 0.5em; }
.timeBtn { border-radius: 0 0 0.35em 0.35em; background: #606366; }
.timeBtn span { overflow: hidden; display: -webkit-box; display: -moz-box; width: 100%; padding: 0.3em 0em 0.5em; }
.timeBtn span a { padding: 0.2em 0; margin-left: 0.5em; -moz-box-flex: 1; -webkit-box-flex: 1; display: block; widows: 100%; overflow: hidden; border-radius: 0.2em; border: 1px solid #4c4e51; color: #1f1f20; box-shadow: 0 0.1em 0.15em 0.02em rgba(0,0,0,0.4); background: -webkit-gradient(linear, left top, left bottom, from(#f4f7f9), to(#b1b8bc)); background: -moz-linear-gradient(top, #f4f7f9, #b1b8bc); display: block; text-align: center; }
.timeBtnLast { margin-right: 0.5em; }
.filterBG { position: absolute; z-index: 1; height: 100%; width: 100%; background: #000; opacity: 0.7; left: 0; top: 0; }
.filter { position: absolute; z-index: 10; height: 100%; width: 14em; background: #7d7d7d; top: 0; right: 0; }
.filter h5 { background: #000; font-size: 0.75em; color: #FFF; text-align: center; padding: 0.7em 0; }
.filter h6 { color: #FFF; background: url(../images/iconFilter.png) no-repeat 1em 0.9em; background-size: 1em; padding: 0.7em 2.2em 0; font-size: 0.75em; }
.filter form { display: block; padding: 1em; }
.filter .inputBox { height: 2.2em; }
.filter input { float: left; width: 47%; font-size: 0.85em; }
.filter input:nth-child(even) { float: right; }
.close { position: absolute; display: block; width: 1.2em; height: 1.2em; background: url(../images/iconBack.png) no-repeat; background-size: 1.2em; top: 8em; right: 14.3em; overflow: hidden; line-height: 20em; transform: rotate(182deg) scale(1) skew(1deg) translate(0px); -webkit-transform: rotate(182deg) scale(1) skew(1deg) translate(0px); }
section.listBox ul { padding: 0.4em 0.5em; }
section.listBox ul li {border-bottom: 1px solid #a0a0a0; margin: 0 0 0.5em 0; }
section.listBox dl dt, section.listBox dl dt a { font-size: 0.9em; color: #000; font-weight:bold; }
section.listBox dl dt b { font-size: 0.7em; display: block; width: 4.5em; float: right; margin: 3px 0 0 0; }
section.listBox dl dt b i { width: 10px; height: 10px; display: block; border-radius: 10px; float: left; margin: 3px 4px 0 0; }
.online { color: #22ac38 }
section.listBox dl dt b.online i { background: #22ac38; }
.offline { color: #e60012 }
section.listBox dl dt b.offline i { background: #e60012; }
section.listBox dl dd { font-size: 0.7em; color: #666; padding: 0.2em 0; }
section.listBox dl dd.imgList{padding:0;}
section.listBox dl dd.textRed { font-size: 0.6em; color: #b30101; }
.imgList { width: 100%; }
.imgList .list { width: 100%; display:inline-table;}
.imgList .list ul{ padding:0px;}
.imgList .list li {width: 52px; height: 52px; margin-right: 10px; float: left;border:none;padding:0;}
.imgList .list div { width: 50px; height: 50px; border:1px solid #EEE;display:table-cell;vertical-align:middle;text-align:center;}
.imgList .list div img { vertical-align:middle; }
.imgList a,.imgList span { width: 50px; height: 50px; display:table-cell;vertical-align:middle;text-align:center;}
.sumbitBox { background: rgba(0,0,0,0.4); width: 100%; /*height: 2em;*/position: fixed; bottom: 0; z-index: 999; padding: 0.1em 0em; }
.sumbitBox .buttonBox, .sumbitBox .buttonSubmit { width: 90%; margin: 0 auto; padding: 0.4em 0; }
.layerSeclct { width: 100%; background: rgba(0,0,0,0.5); position: absolute; z-index: 9999; height: 500px; left: 0; top: 0; }
.layerSeclct .header { background: #eee; }
.layerSeclct ul { background: #FFF; padding: 0.4em 0.5em; }
.layerSeclct ul li { border-bottom: 1px solid #c8c7cc }
.layerSeclct ul li a { font-size: 0.85em; padding: 0.6em 0; color: #000; display: block; background: url(../images/iconSelectB.png) no-repeat center right; background-size: 0.5em; }
.layerSeclct .buttonBox { background: #FFF; padding: 0.5em; }
.baisebeijing{ position:relative; width:100%;}

@media screen and (min-width:800px) {
.tipInfo { margin-bottom: 4em; }
.tipInfo, .inputBox { text-align: center; }
/*
.inputBox input {
	width: 320px;
	margin: 0 auto;
}

.buttonSubmit {width: 320px; margin:0 auto;}
.buttonSubmit a {
	width: 320px;
	margin: 0 auto;
}
*/
}
/*test style*/
p { line-height: 900px; }
/*test style end */
/*layer*/
.layer { position: relative; z-index: 999999; }
.layerBG { position: absolute; z-index: 9990; background: rgba(0,0,0,0.5); width: 100%; height: 9999em; }
.layerList { position: absolute; z-index: 9991; background: rgba(0,0,0,0.8); width: 14em; border-radius: 0.5em; margin: 0 auto; color: #FFF; }
.layerList h3 { text-align: center; font-size: 0.8em; padding: 2em 0; line-height: 1.25em; }
.layerList h3 span { background: url(../images/iconinfo.png) no-repeat left; background-size: 1.25em; width: 1.25em; height: 1.25em; display: inline-block; margin: 0 0.5em -0.2em 0; }
.layerList h4 { font-size: 0.8em; padding: 1em 0.5em 0 2.5em; background: url(../images/model.png) no-repeat 0.5em 1em; background-size: 1.5em; }
.layerList h5 { font-size: 0.8em; padding: 1em; text-align: left; }
.layerList h6 { font-size: 0.8em; padding: 1em; text-align: center; }
.layerList ul { padding: 0.5em }
.layerList ul li { font-size: 0.7em; list-style: inside; line-height: 1.8em; }
.butBox { margin-bottom: 0.5em; border-top: 0.05em solid rgba(255,255,255,0.5); }
.butBox a { color: #FFF; font-size: 0.8em; text-align: center; display: inline-block; width: 50%; float: left; padding: 0.7em 0; }
.butBox a:nth-child(even) { border-left: 0.0625em solid rgba(255,255,255,0.5); box-sizing: border-box; }
.butBox a.only { width: 100%; }
.tipText { font-size: 0.7em; padding: 1em 0; }
.tipText b { color: #393; text-decoration: underline; font-weight: normal; }
.listSelect { background: #FFF; line-height: 1.2em; font-size: 0.7em; border: 1px solid #bfbfbf; border-radius: 0.5em; }
.listSelect li { display: block; border-bottom: 1px solid #bfbfbf; padding: 0.5em; }
.listSelect li.last { border: none; }
.listSelect li b { display: block; font-weight: normal; color: #666; }
.listSelect li span { display: block; color: #000; font-size: 1.1em; padding: 0.5em 0; }
.listSelect li a { display: block; color: #000; padding: 0 1.5em 0 0; background: url(../../images/weixin/iconSelectB.png) no-repeat center right; background-size: 0.5em; }
.viewA { background: #FFF; line-height: 1.2em; font-size: 0.7em; border: 1px solid #bfbfbf; border-radius: 0.5em; padding: 0.5em; }
.viewA li b { display: block; font-weight: normal; color: #666; }
.viewA li span { display: block; color: #000; font-size: 1.1em; padding: 0.5em 0; line-height: 1.2em; }
.viewA img { padding: 0.3em 0; }
.viewA table { background: #c9c9c9; font-size: 0.6em; width: 100%; margin: 0.5em 0; }
.viewA table tr { background: #fff; }
.viewA table tr td { padding: 0.4em 0 0.4em 0.4em; }
.linkBox { }
.linkBox .title { font-size: 0.8em; color: #000; line-height: 1.5em; }
.linkBox span { display: block; color: #666; font-size: 0.7em; }
.linkBox span b { font-size: 0.7em; display: block; width: 4.5em; float: right; margin: 3px 0 0 0; line-height: 1.5em; }
.linkBox span b i { width: 10px; height: 10px; display: block; border-radius: 10px; float: left; margin: 3px 4px 0 0; }
.done { color: #22ac38 }
.linkBox span b.done i { background: #22ac38; }
.undone { color: #e60012 }
.linkBox span b.undone i { background: #e60012; }
.apply { color: #f39700 }
.linkBox span b.apply i { background: #f39700; }
.viewB { background: #eee;  }
.viewB li { margin-bottom: 0.5em; font-size: 0.7em; }
.viewB .info { border-bottom: 1px solid #CCC; color:#666; padding-bottom:0.5em; }
.viewB .info b,.viewB .infoList b{ display:block; font-size:1.2em; font-weight:normal; color:#000; padding-bottom:0.3em;}
.viewB .info span,.viewB .infoList span{ display:block;}
.viewB .infoList span{ font-size:1em;}
.viewB .elseS,.viewB .doneS { color:#999;}
.infoList .elseS i,.viewB .doneS i,.viewB .price i,.viewB .doneD i {  float:right; font-style:normal; font-size:0.9em;}
.infoList .elseS i { float:right; color:#F90}
.infoList .doneS i{ float:right; color:#22ac38}
.infoList .doneD i{ float:right; color:#999; text-decoration:line-through}
.infoList .doneD {color:#999; text-decoration:line-through}
.infoList i{ font-size:1.2em;font-style:normal; text-align:right; display:block; }
.infoTitle { background:#CCCCCC; text-align:center; display:block; font-size:0.9em; padding:0.5em 0}
.buttonSpace { height:2.5em;}
.payList{background: #FFF;}
.payTitle { background:#eee; text-align:left; display:block; font-size:0.9em; padding:0.5em}
.payList li{ border-bottom: 1px solid #CCC; color:#666; padding:0 0 0.5em; overflow:hidden; margin:0 0 0.5em; }

 .tt{  padding:0 0 0 2em; float:left; font-size:0.7em; color:#666; background-size:1.5em;width:12em;}
.payList .select{background: url("../images/select.png") no-repeat scroll right center / 1em auto rgba(0, 0, 0, 0);float:right; height:3em;padding:0 0 0 2em;  font-size:0.7em; color:#666; background-size:1.5em;width:0em;}
.payList .unselect{background: url("../images/unselect.png") no-repeat scroll right center / 1em auto rgba(0, 0, 0, 0); float:right;height:3em; padding:0 0 0 2em;  font-size:0.7em; color:#666; background-size:1.5em; width:0em;}
.payList .number { float:right; width:4.5em;font-size:0.9em; color:#666; line-height:2.3em;}
.payList .number input { display:block; border:1px solid #ccc; border-radius:0.5em; float:left; width:2em; text-align:center; padding:0.3em 0.5em; margin:0.3em 0.3em 0 0;line-height:2em;}
.payList .number span { display:block; border:1px solid #ccc; border-radius:0.5em; float:left; width:2.5em; text-align:center; padding:0 0.2em; margin:0.2em 0.3em 0 0;line-height:2em;}
.payList div.number{ text-align:center}
.payList i {display:block; text-align:right; font-size:0.6em; font-style:normal;}
.payList b{display:block; text-align:right; font-size:0.9em; font-weight:normal; line-height:2.5em;}
.tipPay { margin-bottom:0.5em;}
.tipPay i{ float:right; width:2em; font-size:1.4em; line-height:2.2em; font-style:normal; text-align:right }
.numberBox { width:8em; margin:0.5em auto 1em;}
.numberBox .del { width: 1.4em; display: block; border: 1px solid #ccc; background: #FFF; text-align:center; font-size:1.5em; line-height:1.3em;border-top-left-radius: 0.2em; border-bottom-left-radius: 0.2em; float:left;}
.numberBox .add { width: 1.4em; display: block; border: 1px solid #ccc; background: #FFF; text-align:center; font-size:1.5em; line-height:1.3em;border-top-right-radius: 0.2em; border-bottom-right-radius: 0.2em;float:right; }
.numberBox input { width: 1.4em;  border: 1px solid #ccc; background: #FFF; text-align:center;font-size:1.5em; line-height:1.3em; margin:0 0 0 0.5em;}
.tabSelect { display:block; margin-bottom:1em; overflow:hidden}
.tabSelect dt { display:block; font-size:0.7em; color:#666; padding-bottom:0.5em;}
.tabSelect dd { display:block; width:49%; border:1px solid #BFBFBF; background:#FFF; float:left;  font-size:0.9em; position:relative; padding:0 -0.4em;}
.tabSelect dd a {display:block; width:100%;color:#666; text-align:center; padding:0.4em 0;}
.tabSelect dd.left {border-top-left-radius: 0.4em; border-bottom-left-radius: 0.4em;}
.tabSelect dd.left a {border-top-left-radius: 0.3em; border-bottom-left-radius: 0.3em;}
.tabSelect dd.right { position:absolute; right:0.5em;border-top-right-radius: 0.4em; border-bottom-right-radius: 0.4em;}
.tabSelect dd.right,.tabSelect dd.right a { border-top-right-radius: 0.4em; border-bottom-right-radius: 0.4em;}
.tabSelect dd a.cur { background:#BFBFBF; color:#FFF;}
section div.imgList { height:auto;}
section div.imgList .list { width:102%}
.loading { background:#FFF; border:1px dashed #CCC; overflow:hidden;}
.loading i { width: 1.5em; height: 1.5em; background: url(../images/listLoading.png) no-repeat; background-size: 1.5em; display: inline-block; vertical-align: middle; margin-top: -0.2em; margin:0.45em ; -webkit-animation: cssAnimation 3s 999 linear; -moz-animation: cssAnimation 3s 999 linear; -o-animation: cssAnimation 3s 999 linear}
.list .remove{position:absolute;top:-99999px;}
.update { background:#FFF; border:1px dashed #CCC; overflow:hidden; text-align:center; font-size:2em; color:#999; line-height:1.1em;}
.score { display:block; margin:0.5em 0;}
section.listBox .score dt { float:left; font-size:0.7em; color:#666;}
section.listBox .score dd { float:left; font-size:0.6em; color:#b30101; width:2.45em; text-align:center;}
.cont { background:#eee; padding:0.5em; font-size:0.6em;}
section.listBox ul li.noline { border:none; padding: 0; margin:0}
section.listBox ul li.noline span{ font-size:0.7em;}
section.listBox ul li.noline span.title{ font-size:0.8em;}
.reply {  border-bottom:1px dashed #a0a0a0; padding-bottom:0.5em;}
.reply i{display:block; font-size:0.7em; color:#666; font-style:normal; line-height:2em;}
.reply i b{ float:right; font-weight:normal; font-size:0.7em;}
.reply span{display:block; font-size:0.6em; color:#333;line-height:1.5em;}
.inputBoxRE { padding:0.5em;}
section.listBox ul li.mainline { border-bottom:2px solid #ccc; margin:0;padding-bottom:10px; }
.viewB.colorW { background:#FFF;}
.payList .select,.payList .unselect{float:right;width:2em; height:2em}
.payList .unselect{ background:url(../images/unselect.png) no-repeat right center;background-size:1.5em;margin-top:10px;}
.payList .select{ background:url(../images/select.png) no-repeat right center;background-size:1.5em;margin-top:10px;}
.payList .selectText{ padding:0; float:left; font-size:0.7em; color:#666; background-size:1.5em;width:10em;}

header aside { float: right; padding: 0.2em 0.5em 0 0; }
header aside a { background: url(../images/iconSelectB.png) no-repeat right; background-size: 0.7em; padding-right: 1em; color: #333; font-size: 0.65em;}
header aside.back { float: left;padding: 0.2em 0 0 0.5em; }
header aside.back a { background: url(../images/iconSelectC.png) no-repeat left; background-size: 0.7em; padding-left: 1em; color: #333; font-size: 0.65em;line-height:1.6em;width:auto;}
.tableList { background:#FFF;}
.tableList table{ width:100%; background:#CCC; border-spacing:1px; margin:0 0 0.5em 0 }
.tableList table td {background:#fff; font-size:0.7em; padding:0.5em; color:#666; }
.tableList table th {background:#f8f8f8; font-size:0.7em; font-weight:normal;padding:0.5em; color:#333; text-align:left;}
.tableList table td.date{ width:40%}
#upload_form .update label{position:absolute;height: 50px;margin: 0 0 0 -40px;overflow: hidden;position: absolute;width: 50px;}
.inputBox aside { width: 100%; background: #FFF; border: 1px solid #BFBFBF; border-radius: 0.35em; -webkit-border-radius: 0.35em; -ms-border-radius: 0.35em; -moz-border-radius: 0.35em; -o-border-radius: 0.35em; box-shadow: inset 0 0.05em 0.2em 0.02em rgba(0,0,0,0.2); box-sizing: border-box; padding:0.35em  0.5em ;height:2.15em;}
.inputBox aside span{width: 27%; float:left;font-size: 0.9em;margin:0.08em 0 0 0;}
.layerList h5.textC { text-align:center;}
.inputBox aside b{font-size: 0.9em;margin:0.08em 0 0 0; display:block; width:100%;}
.inputBox aside b i{display:block; float:right; width:1em; height:1.4em; background:url(../images/iconSelectA.png) no-repeat center; background-size:0.9em;}
.inputBox aside b i.in{-webkit-transform: rotate(180deg);}
.othersection{display:none;}

.imgList  ul.imgCenter{ padding:0px; width:105%}
.imgList .imgCenter li {width: 52px; height: 52px; margin:0 10px 10px 0; float: left;}


.imgList .imgCenter div { width: 50px; height: 50px; border:1px solid #CCC;display:table-cell;vertical-align:middle;text-align:center; background:#FFF;}
.imgList .imgCenter div img { vertical-align:middle; }
.loading { background:#FFF; overflow:hidden;}
.loading i { width: 1.5em; height: 1.5em; background: url(../images/listLoading.png) no-repeat; background-size: 1.5em; display: inline-block; vertical-align: middle; margin-top: -0.2em; -webkit-animation: cssAnimation 3s 999 linear; -moz-animation: cssAnimation 3s 999 linear; -o-animation: cssAnimation 3s 999 linear; margin:0.45em }
.update { background:#FFF; overflow:hidden; }
.update a {text-align:center; font-size:2em; color:#999; line-height:0.8em;}
.imgList .imgCenter div.loading,.imgList .imgCenter div.update {border:1px dashed #CCC;}

.layerList .inputBox aside { margin:0 auto; width:90%}
.layerList .inputBox aside span { font-size:0.7em; width:32%; margin:0.3em 0 0 0}
.layerList .inputBox aside input { font-size:0.7em; width:64%}
.layerFDone { background:url(../images/right.png) no-repeat center; background-size:0.8em;position:absolute; top:0; right:1em; width:1em; height:2.1em;}
.layerFErr { background:url(../images/iconError.png) no-repeat center; background-size:0.8em;position:absolute; top:0; right:1em; width:1em; height:2.1em;}
.tab ul { border-radius: 0.3em; border: 0.05em solid #666; overflow: hidden; }
.tab ul li { float: left; width: 38%; }
.tab ul li.on { width: 38%; }
.tab ul li a { text-align: center; display: block; font-size: 0.65em; color: #333; padding: 0.4em 0; border-right: 1px solid #666; background:#FFF; }
.tab ul li.on a { background: #666; color: #FFF;width: }
.tab ul li:last-child,.tab ul li:last-child.on{ width: 24%;}
.tab ul li:last-child a{ border-right: none;}


.contBox dt {font-size:0.8em; padding-bottom:0.5em;}
.contBox dt span {font-size:0.6em; display:block}
.contBox dd {  border-top:1px solid #eee;}
.contBox dd a { font-size:0.7em; color:#666; display:block;padding:0.8em 0; background:url(../images/play.png) no-repeat right center; background-size:1.5em;}


.mainForm { background:#F96; padding:0.5em;}
.mainForm b { font-size:0.8em; font-weight:normal; margin:0 0 0.8em 0; display:block;}
.mainForm i { color:#000; font-weight:bold; font-style:normal; font-size:1.2em;}
.mainForm aside span { width:30%}
.mainForm aside input { width:66%}
.payTitleM { padding:0.5em; background:#FFF; text-align:center;}
.textTip {font-size: 0.7em;padding: 0 0 1em;}
.textTip1 {font-size: 0.7em;padding: 0 0 1em;display:none;}


.textTip1 a {text-decoration: underline;}
.tipText1 {font-size: 0.7em;padding: 1em 0;text-align: left;}
.tipText1 a {display: block;float: left;text-decoration: underline;}
.tipText1 span {font-weight: normal;float:left;}
.tipText1 b {color: #393;font-weight: normal;float: right;text-decoration: underline;}
.textTip {font-size: 0.7em;padding: 0 0 1em;}
.textTip1 {font-size: 0.7em;padding: 0 0 1em;display:none;}
.textTip1 a {text-decoration: underline;}
.tipText1 {font-size: 0.7em;padding: 1em 0;text-align: right;}
.tipText1 a {display: block;float: left;text-decoration: underline;}
.tipText1 b {color: #393;font-weight: normal;text-decoration: underline;}
.upImg { padding:0.5em; background:#FFF; border:1px dashed #CCC; margin:0 0 1em; overflow :auto   }
 
.upImg .buttonBox { padding:0 0 0.5em;}
.upImg span { font-size:0.7em; float:left}
.upImg b { font-size:0.9em; float:right; }
.upImg b a{color:#09C; text-decoration:underline; font-weight:normal}
.layerImg { width:102%; background:#F1F1F1; position:absolute; left:-1%; top:0; height:14em;}
.layerImg .buttonLoad { height:7em; padding:4em 0 0; font-size:1em; color:#333;}
.listLoading,.layerImg .buttonLoad { text-align: center; color: #999; font-weight: bold; font-size: 0.75em; }
.listLoading i, .layerImg .buttonLoad i{ display: block; width: 2em; height: 2em; margin: 0.5em auto; background: url(../images/listLoading.png) no-repeat; background-size: 2em; -webkit-animation: cssAnimation 4s 999 ease; -moz-animation: cssAnimation 4s 999 ease; -o-animation: cssAnimation 4s 999 ease; }
.upload_form .image_ApplyImage,.upload_form .image_FinancialImage{position:relative}
.upload_form .image_ApplyImage label,.upload_form .image_FinancialImage label{position:absolute;height: 50px;overflow: hidden;position: absolute;display:block;width: 100%;left:0;top:0;}
.buttonBox a.audited{color:Gray;}
.buttonBox a.audited label{display:none}
.contBox h1 { border-bottom:1px solid #999; padding:0.5em 0 0.5em 0; font-size:0.8em; text-align:center}


.checkbox { width:2em; height:2em;background: url(../images/unselect.png) no-repeat; background-size: 2em; display:block; float:left; margin:0.4em 0.5em 0 0}
.checkbox.cur {background: url(../images/select.png) no-repeat; background-size: 2em;}
.userTip{ margin:0 0 1em 0; background: #fff799; border-radius: 0.5em; box-shadow: 0 0.1em 0.2em 0.02em rgba(0,0,0,0.4); padding: 1em; font-size: 0.6em; }
.service{ background:#fff; padding:0.4em;}
.service span{ display:block; font-size:0.7em;}
.service b{ display:block; font-size:0.7em; margin:0.4em 0;}
.service h2{ display:block; font-size:0.7em; margin:0.4em 0; text-align:center; font-weight:bold}