﻿/*/
/*
/* Rank: 5
/* calculator page css
/* Standard：Google
/*
/*/
/* details */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background:#F5F5F5;width:100%;max-width:640px;margin:0 auto;
}

/*
	添加css样式
*/

/*-头部-*/
.onetop{max-width:640px; width:100%; margin:0 auto; height:50px;position:fixed;top:0; background:#cc0001; z-index:2}
.one{ width:100%; height:50px; line-height:45px;}
.one li{ float:left;}
.one_1{width:6%; text-align:left; margin-left:2%;line-height:60px}
.one_2{font-size:18px;color:#fff; font-weight:600;text-align:center;letter-spacing:2px;line-height:50px; width:84%; margin:0 auto;font-family:"微软雅黑"}
/*顶部*/

.nav {position:relative;max-width:600px;width:90%;overflow: hidden; float:left;position:fixed;top:0;}
.nav,.nav_text{ background:#fff;margin-top:50px;height:40px; border-bottom:1px solid #ddd; z-index:2}
.nav .scroller {position:absolute;}
.nav .scroller li {height:40px;color:#222;float: left;line-height:40px;font-size:14px;text-align: center}
.nav .scroller li a{color:#222;display:block;margin:0 .6rem;font-family:"微软雅黑"}
.nav_text{ width:12%; float:right;font-size:22px; color:#666666;line-height:40px; text-align:center; border-left:1px solid #ddd;position:fixed; right:0; top:0;font-family:"微软雅黑"}

/*导航*/

.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
      -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
	  -webkit-align-items: center;align-items: center;}
.swiper-slide a{ width:100%}	  
.swiper-slide img{ width:100%; height:10.23rem}
/*banner*/

/*
	添加css样式
*/

.main-color {
display:inline-block;
width:100%;
background:#F5F5F5;
}
.details {
width:100%;
padding:0px 0;
padding-bottom:6px;
}
.details .Stationery {
width:100%;
min-height:260px;
margin:0 auto;
background:#E1E1E1;
-moz-box-shadow:#d0d0d0 0 0 3px;
-webkit-box-shadow:#d0d0d0 0 0 3px;
box-shadow:#d7d7d7 0 0 3px;
}
.td-head {
text-align:center;
width:100%;
height:54px;
padding-top:11px;
background:#EEE;
}
.td-head.house {
}
.td-head .tab {
display:inline-block;
padding:0 5px;
height:42px;
text-align:center;
line-height:42px;
font-size:16px;
font-weight:700;
color:#2c3e50;
letter-spacing:0.6px;
font-family:'Microsoft YaHei';
cursor:pointer;
background:#E7E7E7;
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.hot-spot {
display:inline-block;
position:absolute;
margin-left:10px;

}

.td-head .tab:hover {
background:#e9e9e9;
}
.td-head .tab.fix {
color:#ed8e1c;
background:#E1E1E1;
cursor:default;
}
.td-head .tab > i {
display:none;
}
.td-head .tab.fix > i {
display:inline-block;
}
.scenic {
width:100%;
padding:8px 5px;
-moz-box-shadow:#d0d0d0 0 0 3px;
-webkit-box-shadow:#d0d0d0 0 0 3px;
box-shadow:#d7d7d7 0 0 3px;
}
h2 {
height:44px;
line-height:44px;
font-size:16px;
font-weight:700;
font-family:'Microsoft YaHei';
letter-spacing:0.8px;
}
h4 {
font-size:14px;
font-weight:700;
line-height:28px;
}
.commended {
margin-left:68px;
}
.commended:first-child {
margin-left:0;
}
h4 .colorful {
margin:0 4px;
}
h3 {
font-size:14px;
font-weight:700;
line-height:22px;
margin-top:12px;
margin-bottom:12px;
}
h5 {
line-height:24px;
font-size:16px;
color:#666;
}
.no-margin-top {
margin-top:0;
}
.indent {
text-indent:2ex;
}
.double-indent {
text-indent:6ex;
}
.imaline {
width:100%;
height:1px;
margin-bottom:7px;
border-bottom:1px solid #FFF;
border-top:1px solid #DDD;
background:#DDD;
}
.input {
display: inline-block;
height: 30px;
width: 80px;
padding:2px 4px;
margin-right:7px;
font-size:16px;
line-height: 30px;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 1px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}
.input:focus {
border-color: #66afe9;
outline: 0;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);*/
}
.input:-moz-placeholder {
font-size:16px;
color: #999999;
}
.input::-moz-placeholder {
font-size:16px;
color: #999999;
}
.input:-ms-input-placeholder {
font-size:16px;
color: #999999;
}
.input::-webkit-input-placeholder {
font-size:16px;
color: #999999;
}
.input[disabled],
.input[readonly] {
cursor:default;
background-color: #F6F6F6;
}
select.input {
height:30px;
width:135px;
margin-left:0;
margin-right:4px;
padding-left:2px;
padding-right:4px;
font-size:16px;
}
.FOO {
padding-top:12px;
padding-left:14px;
padding-bottom:6px;
border-bottom:1px solid #DDD;
background:#FFF;
-moz-box-shadow:#c4c4c4 0 0 1px;
-webkit-box-shadow:#c4c4c4 0 0 1px;
box-shadow:#c4c4c4 0 1px 1px;
}
.line {

}
.line span {
display: inline-block;
min-width:105px;
margin-bottom:5px;
margin-top:5px;
text-align: left;
padding-right: 10px;
line-height:30px;
font-size:16px;
font-family: "微软雅黑"
}
.line input[type="radio"] {
margin-right:4px;
}
.line label {
line-height:18px;
}
.line label input[type="radio"]:first-child {
margin-left:0;
}
.line label > i {
line-height:12px;
font-family: "微软雅黑"
}
.line i.warning {
display:none;
color:#FF2929;
padding-left:20px;
margin-left:2px;
line-height:16px;
background:url(../image/si-mistake.png) no-repeat 0 0px;
}
input.input.short {
width:50px;
}
select.input.short {

}
select.input.shorter {
width:70px;
}
.line.btn-g {
height:66px;
padding-top:10px;
padding-left:14px;
background:#ECF0F1;
}
.btn-g .btn {
width:150px;
height:42px;
color:#FFF;
float:left;
font-family:'Microsoft YaHei';
font-size:16px;
font-weight:700;
letter-spacing:1.4px;
background:#c30101;
}
.btn-g .btn:hover {
background:#d20000;
}
.btn-g .btn.common{
display:block;
width:80px;
line-height:40px;
float:right;
padding-left:10px;
margin-left:10px;
font-size:16px;
font-family:SimSun;
color:#333;
border:none;
background:#ECF0F1 url(../image/ax-reback.png) no-repeat left center;
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.btn-g .btn.colorful:hover {
background:#486FAD;
}
.result-data .line {
padding:3px 0;
}
.result-data .line span {
display:inline-block;
width:45%;
line-height:40px;
min-width:0;
text-align:right;
margin-right:0px;
font-size:15px
}
.result-data .line label:last-child span:first-child {
margin:0 7px;
}
.result-data .line label:first-child span:first-child {
margin:0 7px;
text-align:right;
}
.result-data .line input {
width:95px;
height:28px;
line-height:25px;
font-size:15px
}
.result-data .line label {
font-size:16px;
}
.table {
display:inline-block;
height:320px;
width:100%;
text-align:center;
margin-top:48px;
margin-bottom:22px;
overflow-y:auto;
overflow-x:hidden;
border-spacing:0;
border-collapse:collapse;
}
.table thead {
position:absolute;
margin-top:-37px;
border-bottom:2px solid #DDD;
width:95%;
}
.table tbody{
width:100%;
}
.table tr {
width:100%;
height:30px;
}
.table thead tr {
width:100%;
display:table;
}
.table thead th {
color:#AAA;
}
.table thead th:first-child {
width:28px;
padding-left:5px;
}
.table td {
width:25%;
border:1px solid #DDD;
}
.table td:first-child {
width:28px;
padding-left:5px;
}
.table > tbody > tr:nth-child(2n) {
background: #F9F9F9;
}
.table > tbody > tr:nth-child(2n) td {
color:#299BD1;
}
.table > tbody > tr:nth-child(2n+1) td {
color:#E285AB;
}
.declare {
width:482px;
height:12px;
position:absolute;
margin-top:9px;
}
.declare:hover {
}
.ax-hide {
display:none;
}
#higher.result-data,
#lower.result-data {
display:none;
}
.result {
display:none;
margin-top:10px;
border:1px solid #D3D3D3;
border-top:none;
border-radius:1px;
}
.result .res_tab {
width:100%;
height:62px;
border-bottom:2px solid #b50404;
background:#FFF;
}
.result .hole {
width:100%;
height:10px;
margin-bottom:6px;
background:#E1E1E1 url(../../images/ax-hole.png) repeat-x top left;
}
.result .res_tab .tab {
display:inline-block;
min-width:30%;
height:60px;
padding-top:6px;
margin-right:1px;
margin-left:5px;
background:#ECF0F1;
text-align:center;
cursor:pointer;
}
.result .res_tab .tab:hover {
background:#f0f3f3;
}
.result .res_tab .tab:last-child {
/*width:148px;*/
margin-right:0;
}
.result .res_tab .tab.fix {
color:#FFF;
background:#b50404;
cursor:default;
}
.result .res_tab .tab .years {
font-size:20px;
color:#b50404;
font-family:'Microsoft YaHei';
line-height:26px;
}

.green,.fund,.unit{ font-size:14px}

.result .res_tab .tab p:first-child {
color:#b50404;
font-weight:700;
}
.result .res_tab .tab p:last-child {
color:#828E98;
font-size:16px;
font-weight:700;
}
.result .res_tab .tab i.fund {

}
.result .res_tab .tab.fix i,
.result .res_tab .tab.fix p {
color:#FFF;
}
.result-data {
display:none;
padding:0 5px;
padding-top:6px;
border-bottom:1px solid #B7B7B7;
border-bottom-left-radius:1px;
border-bottom-right-radius:1px;
background:#FFF;
}
.cutover {
padding:0 5px;
background:#FFF;
}
.result-data .line span.span-acpt {
display:none;
width:62px;
}
.ax-control {
width:100%;
float:left;
cursor:pointer;
text-align:center;
padding-bottom:4px;
margin-top:-30px;
padding-right:4px;
}
.ax-control .more {
display:none;
color:#299BD1;
}
.ax-control .copy {
display:none;
color:#299BD1;
float:left;
margin-left:2px;
}
.ax-control .more:hover {
color:#E285AB;
}
.ax-control .copy:hover,
.ax-control .copy.hover {
color:#F7941D;
}
#common {
display:block;
}

/*底部*/
.footer{ width:100%;text-align:center; border-top:1px solid #ccc; background:#eee;padding:20px 0;font-size:14px; line-height:20px;margin-bottom:50px; font-size:13px; margin-top:25px;font-family:"微软雅黑"}
.footer a{ color:#333; text-decoration:none;font-family:"微软雅黑"} 
.footer a:hover{ color:#333;}/*页脚*/
.foot_db{max-width:640px; width:100%; background:#f5f5f5; height:50px; border-top:1px solid #ddd;position:fixed; bottom:0;}
.foo_1{width:94%; margin:0 3%;}
.foot_db li{ float:left; width:16%; text-align:center; margin:2px 2%}
.foot_db li p{ font-size:12px; color:#666; padding-top:3px;font-family:"微软雅黑"}/*下边导航*/