/*/
/*
/* 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;
    +width:498px;
    height:54px;
    padding-left:14px;
    padding-top:11px;
    border-top:1px solid #FFF;
    background:#EEE url(images/ax-9938102.png) no-repeat scroll 458px 14px;
}

.Stationery .td-head.house {
    background-image:url(images/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(images/logo.png) no-repeat top left;
}
/* 
.td-head .hot-spot:hover {
    background: url(images/logo.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;
    +width:490px;
    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(images/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(images/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(images/ax-declare.png) no-repeat center top scroll;
}

.declare:hover {
    background-image:url(images/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(images/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:right;
    padding-bottom:4px;
    margin-top:-22px;
    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;
}