@charset "utf-8";

/*
 * Author:UED
 * Version:1.0.0
*/
html{font-size: 75px;}
@media screen and (min-width:320px) {html{font-size: 64px;}}
@media screen and (min-width:360px) {html{font-size: 72px;}}
@media screen and (min-width:375px) {html{font-size: 75px;}}
@media screen and (min-width:414px) {html{font-size: 82.8px;}}

h1,h2,h3,h4,h5,h6,b,strong{font-weight: normal;}
button,input,select,textarea{padding: 0;background: none;border: 0;font-size: inherit;}
input:focus{outline:0;}
i{font-style: normal;}
a{text-decoration: none;}
li{list-style:none;}
dfn{font-weight: normal;font-style: normal;}
html,body{background-color: #EAEAEA;}
ul,dl{
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
dd {
    display:inherit;
    -webkit-margin-start: 0px;
}
#container{max-width:640px;margin: 0 auto;}
.cur_ranking i,.guang_close:after{background: url(../images/un_bg.png) no-repeat;background-size: 1.333rem auto;}

.title{ background:#c11920; text-align:center; color:#FFF; padding:5px 0; font-size:1.8em}
.title i{width: 20%;position: absolute;top: 6%; right:2%; font-size:14px; background:#C90; padding:3px 2px; border-radius:5px}
.title img{ width:10%; position:absolute; left:2%; top:2%}
/* 开户分享数据 */
.tabHead{position: fixed;top:0;left:0;width: 100%;z-index: 10;background:#fff;overflow: hidden;}
.tabHead span{display: block;width: 25%;float: left;position: relative;z-index:2;color:#666666;text-align: center;font-size: 0.23rem;line-height: 0.2rem;padding:0.22rem 0;}
.tabHead small{font-size: 0.173333rem;display: block;}
.tabHead .active span{color:#ff6e2b;}
.tabHead .border{
    position: absolute;bottom:-1px;left:0;z-index:5;width:25%;height:4px;background:#ff6e2b;  
    -ms-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    transform:scale(.5);
}

.khfxWarp{padding-top:10%}

.content-ti {
	font-size: 14px;
    color: #757575;
}
.content-ti p{
	padding:0 8px;
	color:#000;
	font-weight:bold
}
.content-ti p span{
	color:#757575;
	font-weight:normal;
}
.step{
    display: block;
	box-sizing: border-box;
    width: 100%;
    height: 75px;
	background:#FFF
}
.step ul{
	padding: 10px;
	box-sizing: border-box;
    position: relative;
}

.step ul li:nth-child(odd){
    width: 17%;
    float: left;
    font-size: 12px;
    text-align: center;
    color: #757575;
    line-height: 18px;
}
.step ul li:nth-child(even){
    width: 10%;
    float: left;
    font-size: 12px;
    text-align: center;
    color: #757575;
    line-height: 18px;
	background:url(../images/dian.png);
	background-size:100%;
	margin-top:3%
}

.step ul:before, .step ul li:before {
    content: '';
}
.step ul li:before {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto 2px;
	
}
.step ul li:nth-child(1):before {
	background:url(../images/xiadan.png);
	background-size:100%;
}
.step ul li:nth-child(3):before {
	background:url(../images/baojia.png);
	background-size:100%;
}
.step ul li:nth-child(5):before {
	background:url(../images/kuaidi.png);
	background-size:100%;
}
.step ul li:nth-child(7):before {
	background:url(../images/kuaisu.png);
	background-size:100%;
}

.footer{
	color:#666;
	padding:10px;
	text-align:center;
}

.city{
	background:#FFF
}
.city ul li{
	padding:5px 8px;
    overflow: auto;
}
.city ul li:nth-child(even){
	background:#f7f7f7;
}

.city_ul{
	float:left;
	width:20%;
	line-height:27px;
	font-size:1.1em;
}

.city dl{
	overflow: auto;
}

.city dl dd{
	float:left;
	padding:0 10px;
}