@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; list-style:none; border:none;font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif;}
img {
	width:100%;
	vertical-align: middle;
}
body {
	font-size:15px; 
	font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif; 
	background:#efeef4; /*f3f4f8;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-appearance: none;
	outline:none;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #666;
    display: inline-block;
}
input{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    outline: none;
}
::-webkit-input-placeholder{
	color:#ababab;
}
.main_wrap {
    min-width: 320px;
    margin: 0 auto 4.4em auto;
}

/**top**/

.top {display:none;height:3em; line-height:3em; width:100%; text-align:center; background:#201f23; position:fixed; top:0; left:0; z-index:99; color:#fff;}
.return_block {display:block; float:left; margin:0 3% 0 2%;color:#fff;}
.more_block { display:block; float:right; margin:0 3% 0 5%;}
.return_block img {width:1em; margin:0 0.3em 0 0;}
.return_block img,.more_block img { vertical-align:middle;}


/**footer**/
.footer {
    width: 100%;
    height: 4.4em;
    background: #f3f4f8;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    box-shadow: 0 3px 3px 3px #CCCCCC;
}
.footer_ul {
	display: -moz-box;
	display: -webkit-box;
	display: box;   
	width: 100%;
	position:relative;
}
.footer_ul li {
	-webkit-box-flex:1;
	box-flex:1; 
	height: 2.6em;
    margin-top: 0.9em;
}
.footer_ul li:nth-child(2){
	-webkit-box-flex:2.3;
	box-flex:2.3; 
}
.footer_ul li a {
    display: block;
    text-align: center;
    color: #59636d;
    font-size: 0.8em;
    height: 100%;
}
.footer_ul li a.sel {color:#f75b5c;}
.footer_ul li a img {
    height: 62.5%;
    width: auto;
}


/****************字体大小适配************************************/
/*@media screen and (min-width: 330px) {body { font-size: 103.125%; }}
@media screen and (min-width: 340px) {body { font-size: 106.25%; }}
@media screen and (min-width: 350px) {body { font-size: 109.375%; }}
@media screen and (min-width: 360px) {body { font-size: 112.5%; }}
@media screen and (min-width: 370px) {body { font-size: 115.625%; }}
@media screen and (min-width: 380px) {body { font-size: 118.75%; }}
@media screen and (min-width: 390px) {body { font-size: 121.875%; }}
@media screen and (min-width: 400px) {body { font-size: 125%; }}
@media screen and (min-width: 410px) {body { font-size: 128.125%; }}
@media screen and (min-width: 420px) {body { font-size: 131.25%; }}
@media screen and (min-width: 430px) {body { font-size: 134.375%; }}
@media screen and (min-width: 440px) {body { font-size: 137.5%; }}
@media screen and (min-width: 450px) {body { font-size: 140.625%; }}
@media screen and (min-width: 460px) {body { font-size: 143.75%; }}
@media screen and (min-width: 470px) {body { font-size: 146.875%; }}
@media screen and (min-width: 480px) {body { font-size: 150%; }}
@media screen and (max-width: 319px) {body { font-size: 96.875%; }}
@media screen and (max-width: 309px) {body { font-size: 93.75%; }}
@media screen and (max-width: 299px) {body { font-size: 90.625%; }}
@media screen and (max-width: 289px) {body { font-size: 87.5%; }}
@media screen and (max-width: 279px) {body { font-size: 84.375%; }}
@media screen and (max-width: 269px) {body { font-size: 81.25%; }}
@media screen and (max-width: 259px) {body { font-size: 78.125%; }}
@media screen and (max-width: 249px) {body { font-size: 75%; }}
@media screen and (max-width: 239px) {body { font-size: 71.875%; }}
@media screen and (max-width: 229px) {body { font-size: 68.75%; }}
@media screen and (max-width: 219px) {body { font-size: 65.625%; }}
@media screen and (max-width: 209px) {body { font-size: 62.5%; }}
@media screen and (max-width: 199px) {body { font-size: 59.375%; }}
@media screen and (max-width: 189px) {body { font-size: 56.25%; }}
@media screen and (max-width: 179px) {body { font-size: 53.125%; }}
@media screen and (max-width: 169px) {body { font-size: 51%; }}
*/