@charset "gb2312";
/* CSS Document */

/*公共样式*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
html,body,fieldset,img,iframe,abbr{border:0}
i,cite,em,var,address,dfn{font-style:normal}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sup,sub{font-size:83%}
pre,code,kbd,samp{font-family:inherit}
q:before,q:after{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}
del,ins,u,s,a,a:hover{text-decoration:none}
body{font-family: "微软雅黑","arial","helvetica";background-color: #FFF;font-size: 16px;}
.fr{float: right;}
.fl{float: left;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.absolute{position: absolute;}
.relative{position: relative;}
.clear{width: 0;height: 0;display: none;visibility: hidden;clear: both;content: ",";}
.c-b{color: #bbb;}
.c-90{color: #909090;}
.c-orange{color: #ff7700;}
.c-777{color: #777;}
.c-999{color: #999;}
.c-28{color: #282828;}
.c-white{background-color: #fff;}
.c-47{color: #474747;}
.bg-f{background-color: #fff;}
.c-fff{color: #fff;}

/*房贷计算器*/
.header{width: 100%;height: 35px;background-color: #1877ed;padding-top: 10px;}
.header ul{width: 50%;height: 25px;margin: 0 auto;border-radius: 5px;border: 1px solid #fff;}
.header ul li{float: left;width: 50%;height: 100%;text-align: center;line-height: 25px;color: #fff;font-size: 14px;}
.header ul li.select{color: #1877ed!important;background-color: #fff;}
.mc-w{width: 100%;}
.h-t,.h-b{padding: 15px;height: 45px;background-color: #1877ed;}
.h-t-c-100{width: 100%;text-align: left;}
.h-t-c-50,.h-b-c-50{width: 50%;height: 45px;float: left;text-align: left;}
.h-t-c-50 p,.h-t-c-100 p,.h-b-c-50 p{color: #fff;font-size: 14px;}
.h-t-c-50 h2,.h-t-c-100 h2{color: #fff;letter-spacing: 1px;font-weight: normal;font-size: 26px;}
.h-b-c-50 h2{color: #fff;font-size: 16px;letter-spacing: 1px;font-weight: normal;}
.h-b-c{width: 5%;height: 45px;background: url(line-blue.jpg) left center no-repeat;background-size: 3px 45px;display: inline-block;float: left;}
.dklx-box ul,.dklx-box .dklx{background-color: #fff;}
.dklx-box ul li{padding: 0 10px;position: relative;}
.dklx-box ul li,.dklx-box .dklx{height: 44px;border-bottom: 1px solid #efefef;line-height: 44px;text-align: left;font-size: 14px;color: #777;position: relative;}
.dklx-box ul li span:first-child,.dklx-box .dklx span:first-child{text-align: left;float: left;position: absolute;left: 10px;color: #000;}
.selectBox{float: right;margin-right: 0px;position: relative;width: 100px;height: 43px;}
.selectBox .select,.selectBox .sel{position: absolute;top: 0;right: 0;width: 100%;height: 100%;text-align: right;font-size: 15px;color: #999;line-height: 43px;}
.selectBox select{position: absolute;top: 0;right: 0;width: 100%;height: 100%;opacity: 0;}
.selectBox .select:after{display: inline-block;width: 10px;height: 10px;background: url("../images/arrow-down.png") center no-repeat;background-size: 10px 6px;-webkit-transform:rotate(-90deg);content: "";margin-left: 10px;}
.dklx-box ul li input{width: 68%;height: 44px;outline: none;border: none;text-align: right;font-size: 15px;color: #000;position: absolute;right: 10px;}
.dklx-box ul li input::-webkit-input-placeholder{color: #ddd;text-align: right;}
span.hei{display: inline-block;width: 15px;height: 5px;}
#dkCalculate{width: 90%;height:40px;text-align:center;line-height: 40px;color:#fff;background-color: #1877ed;outline:none;border:none;font-size: 18px;margin: 15px 5% 0 5%;border-radius:5px;letter-spacing: 2px;}
.result{width: 100%;height: auto;display: none;position: absolute;top: 0;left: 0;background-color: #fff;}
.result .header{text-align: center;color: #fff;font-size: 16px;position: fixed;}
.result .header h3{font-weight: normal;}
.result .header a.back{position: absolute;left: -7px;margin-top: -3px;display: inline-block;width: 45px;height: 30px;background: url(../images/arrow-up.png) center no-repeat;background-size: 20px 12px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
#totalM{margin-top: 80px;background-color: #fff;} 
#totalM li{width: 100%;height: 35px;line-height: 35px;font-size: 14px;border-bottom: 1px solid #efefef;color: #1877ed;text-align: center;}
#totalM li span{display:inline-block;width: 50%;line-height: 35px;text-align: center;}
#title{position: fixed;top: 45px;left: 0;width: 100%;height: 34px;border-bottom: 1px solid #efefef;background-color: #fff;}
#title li{float: left;width: 50%;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #1877ed;}
.clickSee{height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #1877ed;display: none;}

@media only screen and (max-device-width: 320px){
    .img a{height: 60px;}
    .fwzs,.gsdt,.xqdj,.fdjsq,.ygfc,.scygz{line-height: 60px;}
    .img a div:after{top: 15px;right: 15px;}
    .size{width: 15px!important;}
    html{font-size: 16px;}
}
@media screen and (min-device-width: 321px) and (max-device-width: 360px){
    .img a{height: 80px;}
    .fwzs,.gsdt,.xqdj,.fdjsq,.ygfc,.scygz{line-height: 80px;}
    .img a div:after{top: 25px;right: 15px;}
    .size{width: 20px!important;}
    html{font-size: 18px;}
}
@media screen and (min-device-width: 361px) and (max-device-width: 480px){
    .img a{height: 100px;}
    .fwzs,.gsdt,.xqdj,.fdjsq,.ygfc,.scygz{line-height: 100px;}
    .img a div:after{top: 35px;right: 20px;}
    .img a div{font-size: 18px;}
    .size{width: 25px!important;}
    html{font-size: 20px;}
}


/*Resize*/
@media screen and (min-width:641px){
    html{font-size: 20px;}
}
@media screen and (max-width:640px){
    html{font-size: 20px;}
}
@media screen and (max-width:480px){
    html{font-size: 18px;}
}
@media screen and (max-width:320px){
    html{font-size: 16px;}
}

#leftChanged 
{
	padding: 0px 0px;
}
.calculator_left>div,#calculator,#showGRate,#showSRate,#loanRateBox,#totalPrice
{
	padding: 0px 15px;
	border-bottom: 1px solid #efefef;
}
#loanAmount
{
	padding:8px 15px;
	border-bottom: 1px solid #efefef;
}
#loanCalculatorBox
{
	background-color:#efefef;
}
#calPaybackList
{
	background-color:#efefef;
	height:40px;
	border-bottom: 1px solid #DDD;
}
.calculator_right {
	font-size:14px;
	background-color:#efefef;
}
.cal_result_item {
	width: 100%;
	position: relative;
	height: 40px;
	border-bottom: 1px solid #DDD;
}
.leftText {
	font-size: 14px;
	float: left;
	width:125px;
	color: #666;
	text-align: left;
	padding-left:20px;
}
.rightText {
	font-size: 14px;
	float: right;
	color: #e80000;
	padding-right:20px;
}
#loanCalculatorResult
{
	line-height:40px;
	height:40px;
}

#total {width:90px; height: 44px;line-height:15px;outline: none;border: none;text-align: right;font-size: 15px;color: Red;position: absolute;right:45px; padding-right:2px;}
#loanTotalData {width:90px; height: 44px;line-height:15px;outline: none;border: none;text-align: right;font-size: 15px;color: Red;position: absolute;right: 45px; padding-right:2px;}
#loanGAmount,#loanSAmount{width:90px; height: 22px;line-height:15px;outline: none;border: none;text-align: right;font-size: 15px;color: Red;position: absolute;right: 45px; padding-right:2px;}

#sRateVale,#gRateVale {width:65px; height: 44px;line-height:15px;outline: none;border: none;text-align: right;font-size: 15px;color: Red;position: absolute;right:35px; padding-left:2px;}


/* Border styles */
.ratelist thead, .ratelist tr {
height:40px;
}

/* Padding and font style */
.ratelist td, .ratelist th {
padding: 5px 10px;
font-size: 14px;
color: rgb(136, 136, 136);
}

/* Alternating background colors */
.ratelist tr:nth-child(even) {
background: #F0F0F0;
}
.ratelist tr:nth-child(odd) {
background: #FFF;
}