/*html {font-size: 16px;*//*10 ÷ 16 × 100% = 62.5%*//*}*/
@charset "utf-8";
/*公共样式*/
*{ margin:0; padding:0; font-family:"Microsoft YaHei";}
html{ margin:0px; height:100%; }
body {font-family:"Microsoft YaHei"; font-size:14px; width:100%; height:auto; color:#616161;color:#4C4C4C;height:100%;}
ul,ol,li { list-style:none;}
img {border:none; vertical-align:middle; }
em { font-style:normal; }
a { outline: none; text-decoration:none; cursor:pointer; color:#333;}
a:active,select {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
button{ border:none; cursor:pointer;}
img{vertical-align: middle;}
.frominput{ padding-top:5px; padding-bottom:5px; padding-left:5%; padding-right:5%; height:30px; line-height:30px; border:1px solid #E0E0E0; width:100%;}
.blank ,.blank10{height:10px; line-height:10px; clear:both; }
.blank5{height:5px; line-height:5px; clear:both;}
.clear{clear:both;}
.w{ width:1000px; margin:0 auto;}
.hide{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.bradius5{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.bradius10{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.bradius15{-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;}
.bradius25{-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius:25px;}
.bradius50{-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius:50px;}
.boder{border:1px solid #E2E2E2;}
.boderl{ border-left:1px solid #E2E2E2;}
.boderr{ border-right:1px solid #E2E2E2;}
.boderb{ border-bottom:1px solid #E2E2E2;}
.bodert{ border-top:1px solid #E2E2E2;}
.opacitybg50{filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50; background:#000000;}
.opacitybg80{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80; background:#000000;}
.textof{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin: 0 auto;}
.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}
#lanrentuku{ display:none!important; visibility:hidden!important;}
.main_container{
margin-top:3%; padding: 0px 10px; min-height: 756px;
}
#container{
    width: 100%;
    max-width: 640px;
    padding:0px;
    position:relative;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    z-index:100;
    background-color: white;
	font-family:"微软雅黑";
}


#top_container{
    position: relative;
}

#back_index{
    position: absolute;
    right:5px;top:7px;
    width:40px;
    height:30px;
    border: 1px solid white;
    border-radius: 5px;
    line-height: 30px;
    font-size: 14px;
    color:white;
}

/* 顶栏居中box */
.back_top{
    padding:0px;
    margin:0px;
    height:44px;
    box-shadow: 0 1px 2px #cfcfcf;
    background: #f9f9f9;
    position: fixed;
    top:0;
    z-index: 9999;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color:#333;
    max-width: 640px;
}

.back_btn{
    position:absolute;
    left:0;top:0;
    display: block;
    height:44px;
    width:44px;
    line-height: 44px;
    color:#333
}

#top_middle_box{
    text-align: center;

}
#top_middle_box img{
}
#top_middle_box span{
    display: inline-block;
    font-size: 16px;
    color:white;
    height:32px;
    margin-top:9px;
    margin-left:6px;
}

#top_container{
    padding:0px;
    margin:0px;
    height:44px;
    background-color: #36383A;
    position: fixed;
    top:0;
    z-index: 1000;
    max-width:640px;
}

/*---------去掉横幅的时候需要用到---------*/
/*#main_container{
    margin-top:10px;
}*/
/*---------去掉横幅的时候需要用到---------*/

.bottom_container{
    position: fixed;
    width: 100%;
    z-index: 200;
    bottom: 0;
    /*background: rgba(0,0,0,.9);*/
    background-color: #333333;
    height:50px;
	/*line-height:50px;*/
	filter:alpha(opacity=95); /*IE滤镜，透明度50%*/
    -moz-opacity:0.95; /*Firefox私有，透明度50%*/
    opacity:0.95;/*其他，透明度50%*/
    /*border-top:1px solid #C3C3C3;*/
    max-width: 640px;
}
.bottom_container .bottom_title{
text-align:center;
width:95%;
margin:0 auto;
height:44px;
color:#ffffff;
}
.bottom_container .bottom_btitle{
  margin-top:9px;
  font-size:14px;
 display:block;
 width:100%;
 color:#ffffff;

}
.bottom_container .bottom_stitle{
 width:100%;
 display:block;
 font-size:8px;
 word-spacing:2px; letter-spacing: 1px;
 color:#DDDCDC;
}

.bottom_container .bottom_bar_box{
    padding-left:0;
    padding-right:0;
    color:#ffffff;
    width:25%;

}
.bottom_container a{ text-decoration:none;}
.bottom_container .bottom_bar_box:hover .bottom_title{
border-bottom:3px solid #47bbd4;
}

.bottom_container .bottom_bar_box img{
    margin-top:3px;margin-bottom:3px;
}

.go_to_top{
    position: fixed;
    height:45px;
    width:45px;
    background-color: #569EF2;
    bottom: 55px;
    right:20px;
    z-index: 250;
    opacity: 0.8;
    text-align: center;
    line-height: 45px;
    color:white;
    font-size:3rem;
    display:none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.clear{ clear:both;}

/*loading css*/
.loading{
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background-color: #5978C1;

    border-radius: 100%;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(0.0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 100% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
          opacity: 0;
      }
}
/*loading css*/