body {
	font: "sans-serif","微软雅黑";
	font-size: 14px;
}

/**贷款计算器**/
.a-dk{ border-bottom:#CCC 1px solid; margin-bottom:20px; padding:20px 0; height:40px;}
.a-dk span > span{ font-size:24px; margin-left:20px;}
.dk-an{ border:#e89e86 1px solid; background:url(../images/dkjsq.png) no-repeat 2px 2px;background-image:url(../images/dkjsq.png); background-size:27px 27px; width:110px; height:31px; line-height:31px; display:block; text-align:right; padding:0 10px 0 0; border-radius:4px;}
.dk-an:hover{background-color:#fcf0f0;background-image:url(../images/dkjsq.png);background-size:27px 27px;}
/**咨询热线**/
.zxrx{ border-top:#CCC 1px solid; padding:26px 0 0 0; margin-top:50px; line-height:30px;}
.zxrx span{ color:#e85045; font-weight:600; font-size:16px; margin-left:20px; font-size:24px; }



/*区域介绍*/
.area_box {width: 100%;height: 225px;margin: 0 auto;}
.area_intro {display: inline-block;float: left;width: 350px;height: 200px;}
.area_intro>div {width: 312px;height: 84px;border: 1px solid #E5E5E5;text-align: left;line-height: 84px;padding: 0px 0px 0px 30px;letter-spacing: 2px;}
.area_intro>div:first-of-type {margin-top: 15px;}
.area_intro>div:last-child {margin-top: 30px;}
span.area_price {font-size: 24px;color: #ff9a00;font-weight: 600;}
.area_chart {display: inline-block;float: left;width: 340px;height: 225px;}
.area_list_box {display: inline-block;float: right;width: 345px;height: auto;}
.area_list_box>ul {width: 100%;list-style: none;}
.area_list_box>ul>li {width: 100%;height: 44px;border-bottom: 1px solid #E5E5E5;line-height: 44px;}
.area_list_box>ul>li>span.area_list_icon {display:inline-block;width: 12px;height: 12px;margin-right: 25px;}
.area_list_icon01 {background: #5a9afe;}
.area_list_icon02 {background: #feda3b;}
.area_list_icon03 {background: #8b642d;}
.area_list_icon04 {background: #f8964d;}
.area_list_icon05 {background: #2cdd99;}
span.area_list_per {float: right;}


/*学区信息*/
table { background-color: transparent }
table { border-collapse:collapse; border-spacing:0; }
th,td { padding: 0; }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left }
th { text-align: center }
.table { width: 100%; max-width: 100%; margin-top:30px;margin-bottom: 20px;cursor: pointer; }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: center; border-top: 1px solid #ddd; text-align:center }
.table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd }
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, 
.table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top: 0 }
.table>tbody+tbody { border-top: 2px solid #ddd }
.table { background-color: #fff }
.table>tbody>tr>td:first-of-type {text-align: left;width: 520px;}
.table>thead>tr {height: 45px;}
.table>tbody>tr {height: 52px;}
.table-bordered { border: 1px solid #ddd }
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid #ddd }
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width: 2px }
.table-hover>tbody>tr:hover { background-color: #f5f5f5 }
.table>tbody>tr>td {font-weight: 600;}
.score {margin:0px 30px 0px 50px;display:inline-block;width: 28px;height: 28px;color: #FFFFFF;border-radius: 50%;text-align: center;line-height: 28px;vertical-align: middle;}
.score_green {background: #2dcb00;}
.score_orange {background: #ff9205;}

/*历史交易*/
.trade_box { width: 1040px; height: 80px; margin: 0 auto; cursor: auto}
.trade_box>div {display:inline-block;width: 500px;height: 75px;background: #f4f4f4;border: 1px solid #dbdbdb;text-align: center;line-height: 75px;vertical-align: middle;transition: all .4s ease-in-out;}
.trade_box>div.trade_box_01 {float: left;}
.trade_box>div.trade_box_02 {float: right;}
.trade_box_info {margin-left: 18px;font-size: 24px;font-weight: 600;cursor: pointer;}
.trade_box>div:hover {background: #EEEEEE;}

/*贷款计算器*/
select {margin: 0;padding: 0;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.bei_counter { width: 1032px; height: 392px; border: 4px solid #eff0f2; font-size: 14px;}
.count_box { display:inline-block;float:left;width: 380px; height: auto;padding: 60px 0px 0px 20px;}
.count_box_01 {height: 36px;width: 360px;box-sizing: border-box;margin-bottom: 20px;}
.count_box_02 {height: 50px;width: 360px;box-sizing: border-box;margin-bottom: 20px;}
.count_box_01 label,
.count_box_02 label {display: inline-block;width: 100px;height: 36px;vertical-align: middle;text-align: right;line-height: 36px;margin-right: 20px;}
.count_box_01 input,
.count_box_02 input {display:inline-block;width: 198px;height: 34px;border: 1px solid #EFF0F2;padding-left: 10px;font-size: 16px;font-weight: 600;box-sizing: border-box;outline: none;}
.count_box_01 select {outline: none;}
.count_box_01 input:focus,
.count_box_02 input:focus,
.count-box_01 select {border: 1px solid #ccc;box-shadow: 0px 0px 8px #ccc;}
.count_box_01 select,
.count_box_02 select { appearance:none;-moz-appearance:none;-webkit-appearance:none;display:inline-block;width: 198px;height: 34px;border: 1px solid #EFF0F2;padding:0px 0px 0px 10px;font-size: 16px;font-weight: 600;background: url(../iamges/count_icon_list.png) no-repeat scroll right center transparent;}
.count_box_02 p {width: 200px;text-align: left;margin-left:130px;color: #FF0000;}
option:focus { appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #C0C0C0;color: #FFFFFF}
select::-ms-expand { display: none; }


/*echarts环形图*/
.count_chart {display:inline-block;float:left;width: 380px;height: 380px;}

/*echarts环形图数据显示*/
.count_info {display:inline-block;float:right;width: 250px;height: auto;padding: 90px 0px 0px 0px;font-size: 16px;color: #8f8f8f;}
.count_info_01,.count_info_02,.count_info_03 {width: 200px;height: 50px;line-height: 50px;}
.count_info_01>span:first-of-type {display: inline-block;width: 14px;height: 14px;border-radius: 50%;background: #5a9afe;margin-right: 10px;}
.count_info_01>span:last-of-type {display: inline-block;float:right;width: 80px;height: 50px;line-height: 50px;color: #333;font-weight: 600;}
.count_info_02>span:first-of-type {display: inline-block;width: 14px;height: 14px;border-radius: 50%;background: #fe7458;margin-right: 10px;}
.count_info_02>span:last-of-type {display: inline-block;float:right;width: 80px;height: 50px;line-height: 50px;color: #333;font-weight: 600;}
.count_info_03>span:first-of-type {display: inline-block;width: 14px;height: 14px;border-radius: 50%;background: #6ee043;margin-right: 10px;}
.count_info_03>span:last-of-type {display: inline-block;float:right;width: 80px;height: 50px;line-height: 50px;color: #333;font-weight: 600;}
.count_info a {display: block;width: 192px;height: 40px;background: #fd8f2d;border: 4px solid #FD8F2D;text-align: center;line-height: 40px;color: white;margin-top: 50px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.count_info a:hover {background: #FFFFFF;color:#333;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

/*vue动态绑定表单*/
[v-cloak] {
  display: none !important;
}