/* CSS Document */
body, html, p, div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, img,div{ margin: 0; padding: 0;}
body{background: #fff;color: #333333; font-size:14px;font-family:"Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1","STHeiti","Arial"
}
html{outline：none}
.calculation_result{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3 ease-in-out}
img{border: 0 none;vertical-align: top;}
li{list-style: none outside none;}
a,input{outline:none;}
input::-ms-clear{display:none;}
a{text-decoration: none;color:#333}
a:hover{color:#cc0000!important; text-decoration:underline}
a:focus {outline:none;}
h1,h2,h3,h4,h5,h6,input,button{font-family:"Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1","STHeiti","Arial"
;font-weight:normal}
input{ font-size:14px; padding:0 5px; margin:0}
button{ border:none; cursor:pointer;padding:0; margin:0;}

input,button,select,textarea{outline:none;}
em,i{ font-style:normal!important}

.red{ color:#c00!important}
.gray{ color:#818181!important}
.bold{ font-weight:bold!important}
.f_left{ float:left!important}
.f_right{ float:right!important}
.clear{ clear:both; height:0; font-size:0; float:none;line-height: 0;visibility: hidden;}
.bd_line{ border-bottom:1px dashed #cbcbcb!important}
.mt20{ margin-top:20px!important}

.clearfix:after {clear: both;content: ".";display: block;font-size: 0;height: 0;line-height: 0;visibility: hidden;}

/*top*/
.top{ background:#f7f7f7;border-bottom: 1px solid #e0e0e0;height: 37px;margin-bottom: 20px;width: 100%;}
.top_block{ width:1200px; margin:0 auto}
.top_nav{ float:left; width:500px; height:37px; line-height:37px}
.top_nav a{ display:inline-block; margin-right:10px}
.righticon {display: inline-block;float: right;padding:7px 0 0 10px;width: 103px;}
.righticon a{ background:url(http://statics.xafc.com/house/v3.0/asset/img/icon.png); display:inline-block; float:left; width:30px; height:25px; margin-right:5px;}
.righticon a.icon1{ background-position:3px -138px;}
.righticon a.icon2{ background-position:0 -222px;}
.righticon a.icon3{ background-position:0 -263px; margin:0}
.righticon a:hover.icon1{ background-position:3px -303px;}
.righticon a:hover.icon2{ background-position:0 -390px;}
.righticon a:hover.icon3{ background-position:-1px -434px;}
.sddm1{ float:left;width:30px; position:relative; height:30px}
.sddm1 span{ display:inline-block;margin: 0;padding: 0;position: absolute;right: 0;top: 30px;z-index: 100000;}

.regist{ float:right;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;position: relative;z-index: 10002;}
.menu-sj-block,.menu-dh-block{float: left;height: 37px;padding:0 10px; line-height:37px; }
.tb_sj{background:url(http://statics.xafc.com/house/v3.0/asset/img/icon.png) no-repeat left -15px;padding-left:22px}
.menu-dh{background:url(http://statics.xafc.com/house/v3.0/asset/img/icon.png) no-repeat left -52px;padding-left:27px}
.tb_sj:hover{ background-position:left -481px}
.menu-dh:hover{ background-position:left -517px}
.web_nav{ position:absolute;top:37px; right:-1px; background:#fff; border:1px solid #e0e0e0; padding:10px 0; width:570px;}
.web_nav .mod{ float:left; width:140px;}
.mod-a dt a{color:#018fe5;}
.mod-b dt a{color:#69ab19;}
.mod-c dt a{color:#eb6120;}
.mod-a,.mod-b{ border-right:1px dashed #e0e0e0}
.mod dl{text-align:center}
.mod dl dt{ font-size:20px; margin-bottom:10px}
.mod dl dt a{ float: none;}
.mod dl dt a:hover{ text-decoration: none}
.mod dl dd a{float:none; margin:0 0 2px;padding:8px 10px}
.mod dl dd a:hover{color:#fff!important; text-decoration:none; border-radius:3px}
.mod-a dl dd a:hover{background:#018fe5;}
.mod-b dl dd a:hover{background:#69ab19;}
.mod-c dl dd a:hover{background:#eb6120;}

.web_nav .mod-c{width:140px}
.web_nav .mod-c dl{ border-right:none; float:left;width:120px;}

.nav-link{ float:right; line-height:37px;padding:0 10px}
.nav-link a{ margin-right:10px}

.top_code{ position:absolute; top:37px;left:-1px; border:1px solid #e0e0e0; background:#fff;width:181px; padding:10px;}
.top_code span{ display:block; line-height:24px; text-align:center; font-size:18px}
.top_code span img{ margin-bottom:6px}
.top_code a{ display:block; }
.top_code a:hover{ text-decoration:none;color:#333!important}
.top_code em{font-style:normal; display:block; color:#ea5505; font-size:14px}

/*header*/
.header{width:1200px; margin:0 auto; height:50px;padding:5px 0}
.zx_select {width: 338px;border: 1px solid #d3d3d3;height: 28px;padding: 5px;}
.zx_select input {border: none;padding: 0;height: 28px;line-height: 28px;width: 290px;display: inline-block;float: left;color: #818181;}
.zx_select button {display: inline-block;float: right;background: url(http://statics.xafc.com/news/img/select_ico.jpg) no-repeat center center;width: 45px;height: 28px;border-left: 1px solid #d3d3d3;}

/*底部css*/
#bottom{ margin-top:20px;background:#f7f7f7; border-top:1px solid #e0e0e0; width:100%; height:85px}
.bottombox {width:1200px; margin:0 auto; padding-top:15px; color:#818181;line-height:29px; text-align:center}
.bottombox a{  padding:0 6px; display:inline-block}
.bottombox a:hover{ color:#c00}
.leftbottom a{ color:#818181;}
.rightbottom{ float:right;}
.leftbottom{ float:left;}
.rightbottom a{ background:url(http://statics.xafc.com/video/img/icon.png) no-repeat; color:#333}
.rightbottom a.icon1{ background-position:0 -477px;padding-left:20px}
.rightbottom a.icon2{ background-position:0 -383px;padding-left:32px}
.rightbottom a.icon2 em{ background:url(http://news.xafc.com/gb/images/V.gif) no-repeat 0 7px; width:20px; height:25px; display:inline-block  }
.rightbottom a.icon3{ background-position:0 -434px;padding-left:35px}
#bottom p{ width:100%; clear:both}
#bottom p a{ color:#333}
#bottom p a:hover{ color:#c00}

/*nav*/
.nav{ border-bottom:2px solid #eb6120; height:50px; line-height:50px; margin: 25px 0 40px;}
.nav ul{ width:1200px; margin:0 auto}
.nav ul li{ float:left;width:200px; text-align:center; font-size:18px;}
.nav ul li a{ display:block; margin-right:1px}
.nav ul li a:hover,.nav ul li.cur a{ background:#eb6120;color:#fff!important; text-decoration:none}

/*main*/
.main_block{ width:1200px; margin:0 auto;}
.title{ border-bottom:2px solid #eaeaea; height:60px; line-height:60px;}
.title h3{ display:inline-block; border-bottom:2px solid #e85505; font-size:22px}
.title span{color:#999; margin-left:10px}

.rate_box{width:570px}
.rate_box table{ margin-top:20px; border:1px solid #dbdbdb; border-collapse:collapse}
.rate_box table td{ height:50px; font-size:16px; text-align:center}
.rate_box table th{ font-size:20px; font-weight:normal; background:#f1f1f1; height:50px}
.rate_box table tr.bg{background:#f1f1f1;}

.gj_box{ border:1px solid #dbdbdb;position:relative; margin-bottom:30px;background:url(../img/calculation_result_bg.png) repeat-y right top; padding-bottom:40px;}
.fill_information{width:538px; padding:10px 30px;}
.fill_information0{width:568px; padding:10px 15px;position:relative;left:15px;}
.calculation_result{width:539px;padding:10px 30px;}

/*calculation_result*/
.no_result{ margin-top:111px; text-align:center}
.no_result span{ display:block; font-size:18px; margin-top:50px}

/*fill_information*/
.mode_tab{ margin:20px 0 0; font-size:16px; height:42px; line-height:42px;}
.mode_tab p,.mode_box ul li label{ float:left; width:70px; text-align:right; margin-right:20px}
.mode_tab ul{ float:left;}
.mode_tab ul li{ float:left; background:url(../img/tab_ico.png) no-repeat left -37px; padding-left:24px; margin-right:30px}
.mode_tab ul li.s1{ background-position:left 13px}
.mode_tab ul li a{ text-decoration:none;color:#333!important}

.mode_box{ margin-top:20px}
.mode_box ul li{ min-height:40px; margin-bottom:30px; font-size:16px}
.mode_box ul li label{ display:inline-block; line-height:40px;}
.mode_box .mode_infor,.mode_select{ border:1px solid #b7b7b7; height:38px; line-height:38px; float:left;width:248px; position:relative}
.mode_box .mode_infor input{ border:none; height:38px; padding:0 10px; font-size:16px;width:150px}
.mode_box .mode_infor span{ float:right;color:#999; padding-right:10px}
.mode_box_w ul li label{width:115px}

.mode_select .dp{color:#555!important; margin:0 10px; display:block; text-decoration:none; background:url(../img/arrow_down.png) no-repeat right 15px}
.mode_select .mininav{ position:absolute; left:-1px; top:38px; border:1px solid #b7b7b7;width:100%; max-height:174px; overflow:auto;z-index:100;background:#fff;display: none;}
.mode_select .mininav li{ margin:0}
.mode_select .mininav li a{ display:block;text-decoration:none;color:#333!important;line-height:42px; padding:0 10px;cursor: pointer;}
.mode_select .mininav li a:hover{ background:#e8e9eb}
.mode_select0{width:275px}
.mode_box .mode_infor0{width:80px; position:relative}
/*.mode_infor0 p{ position:absolute; left:90px; white-space:nowrap; top:0;color:#999; font-size:14px}*/
.btn01{height:46px; border-radius:23px; background:#eb6120;width:150px; color:#fff; font-size:18px; margin-right:20px}

.mode_lv{ float:left; margin-bottom:30px}
.mode_lv .mode_select0{ float:none; margin-bottom:10px}
.mode_lv span{ display:inline-block; float:left; line-height:40px}
.mode_lv .mode_infor{ margin-right:13px}

.mode_text01{ float:left;color:#999; line-height:42px; padding:0 5px}

/*result*/
.result_tab{ margin:12px 0; height:50px;}
.result_tab li{ float:left; margin-right:20px; font-size:18px; line-height:50px}
.result_tab li a{ display:block;}
.result_tab li.cur,.result_tab li a:hover{color:#eb6120!important; font-weight:bold; border-bottom:3px solid #eb6120; text-decoration:none}
.pie_chart{width:250px;height:250px; margin-right:36px}
.pie_tip,.pie_tip0{ background:url(../img/pie_ico.png) no-repeat left 15px; padding:0 0 10px 20px; line-height:36px; border-bottom:1px dotted #adadad}
.pie_tip0{ height:74px; overflow:hidden}
.pie_infor p{ line-height:36px;font-size:16px; margin:10px 0 0}
.hk_amount{ margin:20px 0; line-height:38px;color:#555}
.hk_amount p{ font-size:22px; font-weight:bold;color:#333}
.hk_amount strong{color:#eb6120}
.hk_amount p a{color:#115aa0; text-decoration:underline; font-size:14px; font-weight:normal; margin-left:20px}
.pei_mode{border-top:1px dotted #adadad; padding-top:20px;color:#999; line-height:28px}
.pei_mode p{ margin-bottom:0px}


/*detail_pop*/
.detail_pop{ position:fixed;width:100%; height:100%; background:url(../img/pop_bg.png) repeat left top; left:0;top:0; z-index:11001}
.detail_pop_block{width:810px; height:555px; margin:80px auto 0; border-radius:6px; background:#fff; position:relative; }
.pop_title{ height:50px;background:#e1e2e4;border-radius:6px 6px 0 0; padding:0 40px; font-size:20px;color:#555; line-height:50px;}
.close_ico{ position:absolute; right:28px;top:20px; width:16px; height:16px; cursor:pointer}
.detail_pop_block table{ border-collapse:collapse}
.detail_pop_block table td{ height:98px; font-size:18px; border-bottom:1px solid #e8e9eb; border-right:1px solid #e8e9eb; line-height:36px; text-align:center}
.detail_pop_block table span{ display:block;color:#999; font-size:20px}
.detail_pop_block .table-block{overflow-y: auto;}
.mode_radio{margin-right:20px; line-height:40px}
.mode_radio input{margin-right:6px}
.mode_box_w02 ul li label{width:130px}
.mode_select.s02{width:120px; margin-right:10px}

/*tqhk_result*/
.tqhk_tip{ text-align:right; font-size:16px; line-height:30px; background:url(../img/tq_ico.png) no-repeat left 11px; float:right; padding-left:20px}
.tqhk_chart{background:url(../img/vs_ico.png) no-repeat center center;width:323px; margin:50px auto 30px}
.chart_original,.chart_now{width:75px}
.chart_original p,.chart_now p{ font-size:22px; font-weight:bold; text-align:center; margin-top:10px}
.chart_original_blue{width:36px; height:41px; background:#018fe5; margin-top:111px; position:relative}
.chart_original_red{width:36px; height:152px; background:#ee4433; position:relative}
.chart_original_top span{ display:block;color:#555; position:absolute; top:-24px; white-space:nowrap;}
.chart_original_blue span{right:0}
.chart_now_blue{width:36px; height:152px; background:#018fe5;  position:relative}
.chart_now_red{width:36px; height:41px; background:#ee4433; position:relative;margin-top:111px;}
.chart_infor{ border-top:1px dotted #adadad; text-align:center; padding-top:30px; font-size:16px; line-height:42px;}
.chart_infor p{ font-size:22px; font-weight:bold; line-height:60px}
.chart_infor span{color:#eb6120; font-size:18px;}
.chart_infor p span{ font-size:26px}

/*sf_result*/
.sf_result{ margin:30px 0}
.sf_result table{border:1px solid #e1e1e1; background:#f9f9f9; border-collapse:collapse}
.sf_result table td{width:50%; height:50px; text-align:center; font-size:16px;border:1px solid #e1e1e1;}
.mode_text{color:#999; font-size:14px; width:380px; padding-left:150px; margin-top:10px}

/*pg_result*/
.pg_result{ padding:20px 0; line-height:42px; font-size:16px;border-bottom:1px dotted #adadad;}
.pg_result span{color:#eb6120; font-size:18px;}
.tjlp_title{ padding:20px 0; font-size:16px;}
.tjlp_title a{ margin-left:15px; background:url(../img/hyh_ico.png) no-repeat left center; padding-left:20px;color:#999; font-size:14px}
.tjlp_list ul li{ float:left;width:50%; margin-bottom:30px}
.tjlp_list ul li a{ display:block;height:98px; color:#555}
.tjlp_list ul li a:hover{color:#555!important}
.tjlp_list ul li img{ margin-right:15px;width:130px; height:98px;}
.tjlp_list ul li h3{ font-size:16px; margin:6px 0 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:105px;}
.tjlp_list ul li strong{color:#c00; font-weight:normal; display:block; margin-bottom:10px}
.table-block{height:500px;}
.successresult{opacity:0;position: absolute;right:0;top:120px;}
    .table-block::-webkit-scrollbar{width: 6px; height: 6px; background-color: #F5F5F5; opacity: 0.8;}
       .table-block::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #ccc;}
       .table-block::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555;}
.modify_textxwd{position:absolute;left:530px;}
.error_red{background:#F24100}
.mode_s{cursor: pointer;}
.radio{
  display:block;
  cursor: pointer;
    margin: 0!important;
    float: left;
    background: url(../img/tab_ico.png) no-repeat left -37px;
    padding-left: 24px;
    margin-right: 30px;
    text-indent:-9999px;
}
.s1{ background-position:left 13px}
.pie_tip2{background-position: left -22px;margin-top:55px;}
.btn01:hover{opacity: 0.9}