*{margin:0;padding:0;}
body,html{font-family:微软雅黑;line-height:1;background-size:100%;min-width: 320px;max-width:480px;margin:0 auto;min-height:100vh;border-left:1px solid #F1F1F1; border-right:1px solid #F1F1F1;}
dl,li,ol,ul{list-style-type:none;list-style:none}
em,i,tt{font-style:normal}
img{border:none}
input{outline:0}
textarea{-webkit-appearance:none}
button,input[type=button],input[type=file],input[type=submit]{cursor:pointer;-webkit-appearance:none}
h1,h2,h3,h4,h5,h6{font-size:12px}
h1 small,h1 span,h2 small,h2 span,h3 small,h3 span,h4 small,h4 span,h5 small,h5 span,h6 small,h6 span{float:right;font-weight:200;cursor:pointer;padding-right:10px}
.mouse{cursor:pointer}
.right{float:right}
.left{float:left}

article{padding:15px;color:#3e3e3e;text-align:center;font-size:9pt;line-height:25px}
article img{margin:10px auto;max-width:98%}

header{ list-style-type:none;padding:5px 0;height:30px;line-height:30px;border-bottom:1px solid #d8d8d8;background:#fff;display: -webkit-box; display: -moz-box;display:box;width: 100%;}
header div,header form,header h1{-webkit-box-flex: 1; -moz-box-flex: 1;box-flex: 1;box-sizing: border-box;text-align: center;display:block;}
header div{ width: 10%}
header form,header h1{width: 80%}
header div a{display:block;float:left;width:30px;background:url(../sys_img/back.png) no-repeat center;background-size:1.2em 1.2em}
header div em{display:block;float:right;width:30px;background:url(../images/list_icon.png) no-repeat center;background-size:1.2em 1.2em}
header div b{display:block;float:right;width:30px;background:url(../images/out_icon.png) no-repeat center;background-size:1.2em 1.2em}
header form{border:1px solid #ccc;border-radius:1.2em;height:2.0em;}
header .sub{right:1.5em;width:1.5em;height:2em;background:url(../images/search_bt_bg.png) no-repeat center;background-size:1.2em 1.2em;text-indent:-750pt}
header form input{width:85%;border:0;height:1.8em;outline:0;color:gray;margin: .1em}

footer { display: -webkit-box; display: -moz-box; display:box;min-width: 320px;max-width: 480px; width:100%;font-size: 12px;z-index:99;zoom:1; position:fixed; overflow: hidden;overflow-x: hidden; bottom:0;height:50px;border-top:1px solid #ccc;background:#fff;color:#ccc}
footer a{ -webkit-box-flex: 1; -moz-box-flex: 1;box-flex: 1;box-sizing: border-box;display:block;text-align: center;color: #C0C0C0}
footer a img{ display:block;margin:5px auto 2px;border:0;width:auto;height:24px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
footer .hovers{background:#fcfcfc;color:#ffabab}
footer .hovers img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}

.wrap{clear:both;display:block;overflow:hidden;margin:0 auto;width:100%}
.clear{float:none;clear:both;display:block;visibility:hidden;overflow:hidden;margin:0;padding:0;width:0;height:0;border:0;background:0 0;font-size:0}

.__ajax,._prompt,.float,.prompt,.formError{color: #000; background: #fffffe;border-radius: 3px;margin: 0 auto; padding-bottom: 10px;box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.8);}
.__ajax h2{ margin: 0; padding: 0.6em;text-align: center; font-size: 1.25em;font-weight: 300; opacity: 0.8; background: rgba(0, 0, 0, 0.1);border-radius: 3px 3px 0 0; border-bottom: #ccc 1px solid;}
.__ajax_but,.prompt h3{display:block;height:15px; width: 100%;}
.__ajax_but span,.prompt h3 span{z-index:99999;position:relative;background:#eaeae9;-webkit-border-radius:14px;-moz-border-radius:14px; border-radius: 14px; line-height: 24px;  text-align: center;  height: 24px; width: 24px;  font-size: 18px; padding: 1px;  color: #6c6c6c;}
.__ajax_but span::before,.prompt h3 span::before { content: "\2716";}
.__ajax_but span:hover,.prompt h3 span:hover{color:#F00}
._prompt,.formError,.prompt{z-index:99999; overflow-x:hidden; width:90%;min-height:60px;text-align:center;font-weight:700;font-size:14px;line-height:60px;padding:0;}
.formError{color:red;}

.ajax,.ajaxMin,.areaAjax,.cityAjax{overflow-x:hidden}
.ajax strong,.ajaxMin strong,.areaAjax strong,.cityAjax strong{display:block;width:100%;height:30px;text-align:center;font-weight:600;font-size:14px;line-height:30px}
.ajax h3,.ajaxMin h3,.areaAjax h3,.cityAjax h3{display:block;height:15px }
.ajax h3 span,.ajaxMin h3 span,.areaAjax h3 span,.cityAjax h3 span,.prompt h3 span{width:20px;height:20px;border-radius:10px;background:#ccc;color:#fff;text-align:center;font-size:.8rem;line-height:20px}

.areaAjax ul,.cityAjax ul{text-align:center;padding-left:5%}
.areaAjax ul li,.cityAjax ul li{width:30%;display:inline-block;margin:2px auto;height:30px;line-height:30px}
.areaAjax ul li:hover,.cityAjax ul li:hover{cursor:pointer;color:red}
.areaAjax ul li div{display:none;position:absolute;top:0;left:0;width:370px;border:1px solid #acacac;background:#fff;padding-left:10px}
.areaAjax ul li div i{display:inline-block;width:90pt;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.areaAjax ul li small{float:right;color:#fff}
.areaAjax ul li .pick{cursor:pointer;color:#999}

.areaAjax{z-index:1001}
.areaAjax,.cityAjax{width:100%;height:100%;background-color:#fff}
.cityAjax{z-index:1002}
.sidebar{position:fixed;right:-100%;z-index:1998;width:100%;min-height:110%;overflow-y:auto;background:#fff;background-color:#fff;transition:1s;padding-bottom:75pt;}
._slideclose{position:fixed;color:#fff;bottom:49%;opacity:.5;}
._slideclose:after, ._slideclose:before {border: 12px solid transparent;border-left: 10px solid #fff;width: 0; height: 0; position: absolute;top: 0;right: -20px;content: ' '}
._slideclose:before {  border-left-color: #000; right: -21px;}

.lefttd{border-left:1px solid #f1f1f1}
.filter{opacity:0;-moz-opacity:0}
.fixed{position:absolute;top:expression(offsetParent.scrollTop);position:fixed!important}
.avatar_set li{width:75pt;height:40px;line-height:35px}
.avatar_set li div{display:block;width:78px;height:20px;background:#f1f1f1;line-height:20px;font-weight:700;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ccc;padding:5px}
.avatar_set li div .file{position:absolute;z-index:100;margin-left:-55px;font-size:2px;opacity:0;margin-top:-5px}
.post_dynamic{display:block;clear:both;margin:8px 0;padding:6px 8px;background:#f5f5f5;height:100%;overflow:hidden}
.post_dynamic textarea{width:99%;border:1px solid #f5f5f5}
.post_dynamic div{display:table;clear:both;width:100%}
.post_dynamic div span{display:inline-block;float:right}

.comment{padding:5px}
.comment li{display:table;width:100%;height:auto;border-bottom:1px solid #f1f1f1;padding:5px 0;line-height:30px;font-size:12px}
.comment li em{display:block;float:left;width:30px}
.comment li i{display:block;float:left;width:60px}
.comment li span{display:inline-block;margin-left:10px;float:right;width:90%}
.comment li i img{width:3pc;display:block;float:left;border:1px solid #c6c6c6;padding:2px}
.comment .face{border:0;width:19px;height:19px;display:inline}
.comment li span{width:85%}
.comment li small{float:right;display:inline-block;overflow:hidden;width:80px;height:20px;font-size:10px}
.comment li i{width:30px}
.comment li i img{display:block;width:28px}

.dialogue{z-index:99999}
._search{position:absolute;top:130px;right:75pt;padding:20px;background-color:#fff;border:1px solid #666;z-index:100}
._search div input{width:90pt;height:25px}
#fullscreen{background-color:#000;-moz-opacity:.5;opacity:.5;position:absolute;left:0;top:0;display:none;z-index:1000}
#fullscreen,.ajax{width:100%;height:100%}

.setOptions{padding:0;height:30px;margin:10px 0; line-height:30px;font-size:.8rem;color:#555; bottom:0; display: -webkit-box; display: -moz-box; display:box;}
.setOptions a,.setOptions i{display:block;cursor:pointer;text-align:center;flex:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1}
.setOptions .hovers{height:30px;line-height30px;border:1px solid #f3f3f3;border-bottom:1px solid #FFF;color:#c90010;background-color:#fff}
.setOptions .min a{padding:0}
.setOptions a,.setOptions i{-webkit-box-flex: 1; -moz-box-flex: 1;box-flex: 1;box-sizing: border-box;display:block;text-align: center;border-bottom:1px solid #f3f3f3;}

.table{margin:0 auto 10px;background:#fff;border:1px solid #f3f3f3;width:100%;font-size:.8rem;border-top:none}
.table tr{width:98%;height:auto;margin: 10px auto}
.table tr th{height:30px;line-height:30px;text-align:center;background:#f8f8f8;color: #8e8e8e}
.table tr th small{font-weight:100;font-size:.5rem;color:#999}
.table tr td b{font-weight:100;font-size:.1rem;color:#999}
.table tr td{padding:3px; text-align:left;border-top:1px solid #f3f3f3;height:auto;line-height:25px;font-size:.8rem;color: #6c6c6c}
.table tr td img{display:block;width:5pc;border:1px solid #f1f1f1;margin:0 2px}
.table select{position:relative;max-width:10pc; height:100%;; color:#999;border: #cccccc 1px solid; background-color:transparent;font-size:.9rem;border-radius:5px;}
.table input{max-width:10pc; height:30px;color:#999;border: #cccccc 1px solid; font-size:.9rem;border-radius:5px;padding-left: 5px}
.table input[type=checkbox],.form input[type=radio]{width: 12px;height: 12px}
.centerTD tr td{text-align:center}
.page{display:table;width:99.9%;height:30px;line-height:25px;margin:5px;border:0}
.page p{display:block;text-align:center;font-size:10px}
.page p a,.page p b,.page p i{display:inline-block;border:1px solid silver;padding:0 4px;margin-right:2px}
.page p a:hover,.page p i:hover{background:#f1f1f1}
.page b{background:silver}
.form{display:block;height:auto;line-height: 30px; width: 95%; margin: 30px auto 0 auto}
.form h2,h2,caption{width:100%;text-align:center;height:30px;line-height:28px;padding:0!important;font-size:1.2em;color:#c90010}
.form ul{display:block;}
.form ul li{display:table; width:98%; margin:8px 0;padding: 0 1%; line-height:40px;text-align:left;border:1px solid #F1F1F1;color:#000;font-size:.8em; border-radius:15px;-moz-border-radius:15px;}
.form ul li label{display:inline-block;float:left;width:18%; overflow:hidden;height:40px; margin:0 1%;font-size:.8rem; font-weight:500;text-align:right;color:#ccc}
.form ul li span{font-size:8px; font-weight:200; color: #ccc;}
.form ul li input{display:inline-block; margin-left:5%;width:50%;height:100%;border:0;background-color:transparent;color:#999;font-size:.9rem;}
.form ul li select{position:relative;max-width:100px; height:100%; margin-left: 5%; color:#999;border:0;background-color:transparent;font-size:.9rem;}
.form ul li small{font-size:.6rem}
.form ul li textarea{width:94%;font-size:.9rem; margin-left: 5%; height: 100px; border:0;margin-top: 10px;color: #999}
.form p{ display:block; font-size: 12px;margin-bottom: 15px;width: 100%;height:40px; line-height: 40px}
.form ::-webkit-input-placeholder { color:#f27b04; }
.form ::-moz-placeholder { color:#f27b04; }
.form :-ms-input-placeholder { color:#f27b04; }
.form input:-moz-placeholder { color:#f27b04; }
.form input[type=checkbox],.form input[type=radio]{width: 12px;height: 12px}
.form .form_check{float:left;display:inline-block;height:auto;width: 50%;}
.form .form_check label{display:inline;width:auto;font-weight:200}
.form .form_check input{width:20px;height:1pc}
.form .form_tips{position:relative; /*top:-40px;left:60%;*/color:#888}
.form .title{margin:10px 0 20px;padding:0 25px;height:38px;color:#f27b04;font-weight:700;font-size:18px;font-family:microsoft yahei;line-height:38px}

.qq{background:url(../images/qq.png) no-repeat right;width:28px}
.qq,.weixin{display:inline-block;height:25px;line-height:25px;text-align:right;font-size:10px}
.weixin{background:url(../images/weixin.png) no-repeat left;width:75px}