/*/
/*
/* 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;
}

.main-color {
  display:inline-block;
  width:100%;
  background:#F5F5F5;
}

.details {
  width:540px;
  padding:4px 0;
  padding-bottom:6px;
}

.details .Stationery {
  width:512px;
  min-height:260px;
  margin:0 auto;
  border:1px solid #AAA;
  background:#E1E1E1;
  -moz-box-shadow:#d0d0d0 0 0 3px;
  -webkit-box-shadow:#d0d0d0 0 0 3px;
  box-shadow:#d7d7d7 0 0 3px;
}

.Stationery .td-head {
  width:510px;
  height:54px;
  padding-left:14px;
  padding-top:11px;
  border-top:1px solid #FFF;
  background:#EEE url(/static/image/homesite/cssimage/ax-9938102.png) no-repeat scroll 458px 14px;
}

.Stationery .td-head.house {
  background-image:url(/static/image/homesite/cssimage/ax-9938103.png);
}

.td-head .tab {
  display:inline-block;
  min-width:110px;
  height:42px;
  text-align:center;
  line-height:42px;
  font-size:12px;
  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;
}

.td-head .hot-spot {
  display:inline-block;
  position:absolute;
  width:142px;
  height:29px;
  margin-top:2px;
  margin-left:10px;
  background: url(/static/image/homesite/cssimage/ax-calculogo-colorful.png) no-repeat top left;
}

.td-head .hot-spot:hover {
  background: url(/static/image/homesite/cssimage/ax-calculogo-colorful-hover.png) no-repeat -3px -3px;
}

.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:510px;
  padding:15px 14px;
  padding-bottom:30px;
  -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:18px;
  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:12px;
  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;
  width: 132px;
  height: 28px;
  padding:2px 4px;
  margin-right:7px;
  font-size: 12px;
  line-height: 22px;
  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:12px;
  color: #999999;
}

.input::-moz-placeholder {
  font-size:12px;
  color: #999999;
}

.input:-ms-input-placeholder {
  font-size:12px;
  color: #999999;
}

.input::-webkit-input-placeholder {
  font-size:12px;
  color: #999999;
}

.input[disabled],
.input[readonly] {
  cursor:default;
  background-color: #F6F6F6;
}

select.input {
  width:200px;
  margin-left:0;
  margin-right:4px;
  padding-left:2px;
  padding-right:4px;
  font-size:12px;
}

.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 {
  padding:4px 0 3px;
}

.line span {
  display: inline-block;
  min-width: 88px;
  text-align: left;
  line-height:22px;
  font-size:12px;
}

.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;
}

.line i.warning {
  display:none;
  color:#FF2929;
  padding-left:20px;
  margin-left:2px;
  line-height:16px;
  background:url(/static/image/homesite/cssimage/si-mistake.png) no-repeat 0 0px;
}

input.input.short {
  width:68px;
}

select.input.short {
  width:166px;
}

select.input.shorter {
  width:68px;
}

.line.btn-g {
  height:66px;
  padding-top:10px;
  border-top:1px solid #FFF;
  padding-left:14px;
  background:#ECF0F1;
  border-bottom:1px solid #B7B7B7;
  -moz-box-shadow:#c4c4c4 0 0 1px;
  -webkit-box-shadow:#c4c4c4 0 0 1px;
  box-shadow:#c4c4c4 0 0 1px;
}

.btn-g .btn {
  width:198px;
  height:42px;
  color:#FFF;
  float:left;
  font-family:'Microsoft YaHei';
  font-size:16px;
  font-weight:700;
  letter-spacing:1.4px;
  border:1px solid #499600;
  border-radius:1px;
  background:#57B300;
  box-shadow:none;
}

.btn-g .btn:hover {
  background:#68bf15;
}

.btn-g .btn.common{
  display:block;
  width:64px;
  line-height:34px;
  float:right;
  padding-left:22px;
  margin-left:2px;
  font-size:12px;
  font-family:SimSun;
  color:#333;
  border:none;
  background:#ECF0F1 url(/static/image/homesite/cssimage/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:92px;
  min-width:0;
  text-align:right;
  margin-right:0px;
}

.result-data .line label:last-child span:first-child {
  width:116px;
}

.result-data .line label:first-child span:first-child {
  width:48px;
  text-align:left;
}

.result-data .line input {
  width:108px;
  height:28px;
  margin:0 7px;
}

.result-data .line label {
  font-size:12px;
  margin-right:6px;
}

.table {
  display:inline-block;
  width:100%;
  height:320px;
  text-align:left;
  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;
}

.table tr {
  display:table;
  width:465px;
  height:32px;
}

.table thead tr {
  width:454px;
  display:table;
}

.table thead th {
  color:#AAA;
}

.table thead th:first-child {
  width:8.5%;
  padding-left:2px;
}

.table td {
  width:101px;
  border-bottom:1px solid #DDD;
}

.table td:first-child {
  width:46px;
  padding-left:8px;
}

.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;
  background:url(/static/image/homesite/cssimage/ax-declare.png) no-repeat center top scroll;
}

.declare:hover {
  background-image:url(/static/image/homesite/cssimage/ax-declare-hover.png);
}

.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 #34495E;
  background:#FFF;
}

.result .hole {
  width:100%;
  height:10px;
  margin-bottom:6px;
  background:#E1E1E1 url(/static/image/homesite/cssimage/ax-hole.png) repeat-x top left;
}

.result .res_tab .tab {
  display:inline-block;
  width:146.9px;
  height:60px;
  padding-top:6px;
  margin-right:1px;
  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:#34495E;
  cursor:default;
}

.result .res_tab .tab .years {
  font-size:26px;
  color:#2C3E50;
  font-family:'Microsoft YaHei';
  line-height:26px;
}

.result .res_tab .tab p:first-child {
  color:#2C3E50;
  font-weight:700;
}

.result .res_tab .tab p:last-child {
  color:#828E98;
  font-size:12px;
  font-weight:700;
}

.result .res_tab .tab i.fund {
  margin-left:3px;
}

.result .res_tab .tab.fix i,
.result .res_tab .tab.fix p {
  color:#FFF;
}

.result-data {
  display:none;
  padding:0 14px;
  padding-top:6px;
  border-bottom:1px solid #B7B7B7;
  border-bottom-left-radius:1px;
  border-bottom-right-radius:1px;
  background:#FFF;
}

.cutover {
  padding:0 14px;
  background:#FFF;
}

.result-data .line span.span-acpt {
  display:none;
  width:62px;
}

.ax-control {
  width:100%;
  float:left;
  cursor:pointer;
  text-align:left;
  padding-bottom:4px;
  margin-top:-35px;
  padding-left: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;
}