@charset "utf-8";
/* CSS Document */
*:focus{outline:none;}
.clear{
	clear:both;
}
.hide{
	display: none;
}

select{ 
	/* Chrome和Firefox里面的边框是不一样的,复写了一下  */
	border:none;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*在选择框的最右侧中间显示小箭头图片*/
/*	background:url("images/arrow.png") no-repeat scroll right center transparent;
*/	font-size: 16px;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right:14px;
}
/*清除ie的默认选择框样式，隐藏下拉箭头*/
select::-ms-expand{
	display:none;
}
body{font-family: '微软雅黑',sans-serif;padding:0px;margin:0px;

/*去除HTML ios 点击事件背景阴影*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-div{width:100%;margin:auto;}
.nav_div{
	background: #fff;
}
.navli{width:33.33%;text-align:center;color:#999;float: left;line-height: 41px;font-size: 16px;}
.banneractive{
	color:#333333;
	border-bottom: 3px solid #0193E6;
}
/*公积金贷款*/
/*.gjjdk{
	margin-top:15px;
}*/
.line{
	height: 15px;
	background: #f5f5f5;
}
.line2{
	height: 10px;
	background: #f5f5f5;
}
.shangfu{
	color: #999999;
}
.rightarrow{
	width:24px;
	height: 24px;
	float: right;
}
.trial_calcula{
	margin:30px 16px 0px;
	background: #DDDDDD;
	color: #999999;
	text-align: center;
	line-height: 44px;
	border-radius: 3px;
}
.trial_calculaactive{
	background: #0193E6;
	color: #fff;
}
@media screen and (min-width:375px) {
    .shangfu{
        margin-left:13%;
        margin-right:7px;
    }
}

/*结果css*/
.result_top{
	padding: 12px 15px;
	/*overflow: auto;*/
}
.result_left{
	float: left;
	color: #333;
}
.result_right,.yuefen_right{
	float: right;
	color: #333;
}
.danwei{
	color: #999999;
}
.result_month_div{	
	padding: 11px 0px;
	border-bottom:1px solid #E4E4E4;
}
/*.result_riqi{
		padding: 11px 0px;
}*/
.yuefen_left{
	float: left;
	color: #666;
}
.result_detail{
	margin-top: 10px;
}
.result_ul{
    padding:5px 0px;
    background: #F4F4F4;
}
.result_li{
    width: 33%;
    text-align: center;
    line-height:25px;
    font-size:14px;
    border-right: 1px solid #e4e4e4;
    float: left;
}
.result_li:nth-last-child(2)
{
    border-right: none;
}
.downarrow{
	width:20px;
	height: 20px;
	float: right;
	margin-left: 6px;
}
.fanzhuan{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}

        footer {
            text-align: center;

        }

        .foot-list {
            line-height: 50px;
            border-bottom: 1px solid #d9d9d9;
            font-size: 16px;
            color: #1a1a1a;
            /*background-color: #fff;*/
        }

        .foot-list:last-child {
            border: 0px;
        }

        .aui-bar-tab {
            background-color: #ededed !important;
            position: fixed;
			top: auto;
			bottom: 0;
			table-layout: fixed;
			background-color: #ffffff;
			color: #757575;
        	width: 100%;
        }

        .border-b-no {
            border: 0px;
        }
        .result_li_title{
        	color:#666;
        }
.zw_div{
	width: 100%;
	position: fixed;
	
}

#sq_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10;
    background: #fff;
}
/*加载动画*/
@-moz-keyframes loading {
    0%, 100% {
        -moz-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    26% {
        -moz-transform: scale(1.1) rotateZ(12deg);
        transform: scale(1.1) rotateZ(12deg);
        opacity: .2;
    }

    76% {
        -moz-transform: scale(0.8) rotateZ(-8deg);
        transform: scale(0.8) rotateZ(-8deg);
        opacity: .6;
    }
}
@-webkit-keyframes loading {
    0%, 100% {
        -webkit-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    26% {
        -webkit-transform: scale(1.1) rotateZ(12deg);
        transform: scale(1.1) rotateZ(12deg);
        opacity: .2;
    }

    76% {
        -webkit-transform: scale(0.8) rotateZ(-8deg);
        transform: scale(0.8) rotateZ(-8deg);
        opacity: .6;
    }
}
@keyframes loading {
    0%, 100% {
        -moz-transform: scale(1) rotateZ(0deg);
        -ms-transform: scale(1) rotateZ(0deg);
        -webkit-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    26% {
        -moz-transform: scale(1.1) rotateZ(12deg);
        -ms-transform: scale(1.1) rotateZ(12deg);
        -webkit-transform: scale(1.1) rotateZ(12deg);
        transform: scale(1.1) rotateZ(12deg);
        opacity: .2;
    }

    76% {
        -moz-transform: scale(0.8) rotateZ(-8deg);
        -ms-transform: scale(0.8) rotateZ(-8deg);
        -webkit-transform: scale(0.8) rotateZ(-8deg);
        transform: scale(0.8) rotateZ(-8deg);
        opacity: .6;
    }
}
#sq_mask #mask_title{
    text-align: center;
    color: #C6C6C6;
    font-size: 35px;
    font-weight: bold;
    font-family: "Comic Sans MS", sans-serif;
    height: 50px;
    line-height: 50px;
    width: 180px;
    margin: 50% auto;
}
#sq_mask #mask_title span{
    -moz-animation: loading 1s linear infinite -0.8s;
    -webkit-animation: loading 1s linear infinite -0.8s;
    animation: loading 1s linear infinite -0.8s;
    float: left;
}
#sq_mask #mask_title .span2 {
    -moz-animation: loading 1s linear infinite -0.2s;
    -webkit-animation: loading 1s linear infinite -0.2s;
    animation: loading 1s linear infinite -0.2s;
}
#sq_mask #mask_title .span3 {
    -moz-animation: loading 1s linear infinite -0.5s;
    -webkit-animation: loading 1s linear infinite -0.5s;
    animation: loading 1s linear infinite -0.5s;
}
#sq_mask #mask_title .span4 {
    -moz-animation: loading 1s linear infinite -1.1s;
    -webkit-animation: loading 1s linear infinite -1.1s;
    animation: loading 1s linear infinite -1.1s;
}
#sq_mask #mask_title .span5 {
    -moz-animation: loading 1s linear infinite -0.36s;
    -webkit-animation: loading 1s linear infinite -0.36s;
    animation: loading 1s linear infinite -0.36s;
}