﻿.jisuanqi{
	width: 960px;
    float: left;
    margin-top: 10px;
}


img{border: none; max-width: 100%;}
input,button{outline: none;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
* html .clearfix{zoom:1;}
*:first-child + html .clearfix{zoom:1;}
.ellipsis{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.ellipsis-2{display: -webkit-box;overflow: hidden; white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-3{display: -webkit-box;overflow: hidden; white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.overflow{overflow: hidden;}
.fontbold{font-weight: bold;}
body, td, th{ font-size: 12px;}
*{ padding: 0px;margin:0px}
h1, h3{font-size: 14px;margin: 0px;padding: 0px;}
.left{float: left;}
.right{float: right;}
a{ color:#333;text-decoration: none;padding: 0px;margin: 0px;}

.btn{height: 50px;line-height: 22px;border-radius: 4px; padding: 12px 44px 16px 44px;cursor: pointer;}
.btn-blue{color: #fff;background: #148cdc;font-size: 22px;border: none;box-shadow:0px 0px 20px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.1);  -wibkit-box-shadow:0px 0px 20px  rgba(0,0,0,0.1);}
.btn-blue.outline-blue{color: #148cdc;background: #fff;border: 1px solid #148cdc;}

.caculator-body{ width:960px; float:left;}

.layui-layer-title{
	background: #fff !important;
	padding: 7px 80px 3px 20px !important;
	height: 40px !important;
	line-height:30px !important;
	font-size: 15px !important;
	color: #148cdc !important;
	border-bottom:none !important;
	overflow: hidden;
	font-weight: bold !important;
	text-align: left !important;
	padding-left: 20px !important;
	padding-top: 11px !important;
}

/*.caculatorMain{ position:fixed; left:0px; top:0px; width:100%; height:100%;z-index:9999;}*/
.caculatorMain{
	padding: 25px 20px; border-radius: 4px;
	box-shadow:0px 0px 20px rgba(0,0,0,.4);-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.4);  -wibkit-box-shadow:0px 0px 20px  rgba(0,0,0,0.4);
	background:#fff url(http://ssc.ruirenyun.com/caculator/images/gebg.jpg) left bottom no-repeat;
}
.caculatorMain .TTitle{ color:#138BDB; font-size:15px; clear:both; overflow:hidden; height:45px; line-height:45px; padding-top:5px; padding-left:20px;}
.caculatorMain .LKuen{float:left; width:340px; padding-right:15px; border-right:1px solid #DDDDDD; height:364px;}
.caculatorMain .LKuen fieldset{ position: relative; margin-bottom:15px; height: 44px; border:1px solid #DDDDDD;border-radius: 4px;}
.caculatorMain .LKuen fieldset legend{ color:#999999; font-size:12px; margin-left:10px;}
.caculatorMain .LKuen fieldset select{ font-family:微软雅黑; width:100%; border:0px; padding-left:10px; height:30px; line-height:30px;  color:#333333; font-size:14px;}
.caculatorMain .LKuen fieldset input{width: 86%; border: 0; height: 26px; line-height: 26px; padding: 0 10px;}
.caculatorMain label.error,.caculatorMain span.error{
	position: absolute;
    z-index: 99;
    left: 8px;
    bottom: -15px;
    padding: 0 6px 0 20px;
    height: 22px;
    line-height: 20px;
    border: 1px solid #999999;
    border-radius: 4px;
    font-size: 12px;
    background: #fffae6 url(http://ssc.ruirenyun.com/caculator/images/errors-small.png) 5px center no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.caculatorMain .LKuen .Texts{ float:left; width:155px; /*height:50px;*/}
.caculatorMain .LKuen .Texts2{  float:right; width:160px; /*height:50px;*/}
.caculatorMain .LKuen label.LB{ display:inline-block;height:26px; padding-left:10px; color:#333333; font-size:14px;}
.caculatorMain .LKuen .btns{clear:both; overflow:hidden; text-align:center;}
.caculatorMain .LKuen .btns a{ margin-bottom:10px; color:White; font-size:15px; display:inline-block; width:99%; height:40px; line-height:40px; border:0px; background-color:#138BDB; text-align:center;behavior: url(PIE.htc);-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.caculatorMain .LKuen .btns a span{ display:inline-block; padding-left:25px; background:url(http://ssc.ruirenyun.com/caculator/images/Time.fw.png) left center no-repeat;}
.caculatorMain .LKuen .btns .btn{
	font-size: 15px;
	height: 40px;
	line-height: 20px;
	padding: 10px 0px;
	width: 280px;
	box-shadow: none;
	-moz-box-shadow:none; 
	 -wibkit-box-shadow:none;
	 margin-bottom: 10px;
}
.caluBtn span{
	background: url(http://ssc.ruirenyun.com/caculator/images/Time.fw.png) no-repeat left;
	padding-left: 23px;
}
.resetBtn span{
	background: url(http://ssc.ruirenyun.com/caculator/images/Time2.fw.png) no-repeat left;
	padding-left: 23px;
}
.caculatorMain .LKuen .btns a.AA{ border:1px solid #138BDB; background-color:White; color:#138BDB;}
.caculatorMain .LKuen .btns a.AA span{display:inline-block; padding-left:25px; background:url(http://ssc.ruirenyun.com/caculator/images/Time2.fw.png) left center no-repeat;}
.caculatorMain .CLose{ cursor:pointer; position:absolute; right:20px; top:20px; }
.caculatorMain .RKuen{ float:right;width:560px; height: 400px; overflow-y: auto;}
.caculatorMain .RKuen table{ border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; width:100%;}
.caculatorMain .RKuen table td{ text-align:center; color:#333333; height:30px; line-height:30px; border-right:1px solid #E5E5E5;  border-bottom:1px solid #E5E5E5;}
.caculatorMain .RKuen table td.Head{ color:#999999; background-color:#E5E5E5; text-align:center;}
.caculatorMain .RKuen table td.LTD{ color:#999999; background-color:#F4F4F4; text-align:center;}
.caculatorMain .RKuen table td.Right{ text-align:right; padding-right:10px;}
.caculatorMain .RKuen table td.Right span{ color:#999999;}
.caculatorMain .RKuen table td.Right span label{ color:#EF4F1E; font-size:15px;}
.caculatorMain .RKuen table td.Right2{ background-color:#FBFBFB; height:50px; line-height:50px;}

.caculator-logo{ height: 100px; background: url(http://ssc.ruirenyun.com/caculator/images/logo.png) center top no-repeat;}
.caculator-foot{ margin-top: 30px; line-height: 1; font-size: 14px; color: #999; text-align: center;}
.selecter{
	border-radius: 4px; 
	cursor: default; 
	position: relative; 
	width: 78%; 
	height: 29px; 
	line-height: 24px;
	padding:2px 25px 3px 10px;
	color: #333333;
	font-size: 14px;
	margin-top: -2px;
}
.selecter:before{
	content: ''; 
	position: absolute;
	right: 8px;
	top: 50%;
	width:16px;
	height:10px; 
	margin-top:-6px; 
	background: url(http://ssc.ruirenyun.com/caculator/images/arrow_down.png) no-repeat;
}
.selecter .result{ 
	display:block; 
	height: 18px;
	line-height: 18px; 
	overflow: hidden; 
	color: #333333;
}
.caculatorMain .LKuen fieldset .selecter .result input{ height: 18px; line-height: 18px;}
.selecter .select_list{ 
	display: none; 
	position: absolute; 
	z-index: 999; 
	top: 29px; 
	left: -1px; 
	right: -1px;
	max-height: 320px;
	border: 1px solid #DCDCE6; 
	background: #fff;
	overflow-y: auto;
}
.selecter .select_list a{ 
	display: block; 
	line-height:22px;
	padding:8px; 
	color: #333333;
}
.selecter .select_list_1 a{
	width: 33.3333%;
	float: left;
	padding:8px 0px;
	text-align: center;
}
.selecter .select_list a:hover{ 
	background: #F1F1F1;
}
.caculatorMain .LKuen .mb5 fieldset{
	margin-bottom: 5px;
}
.color-grey{
	color: #999;
}
.tr{ text-align: right}
.mb15{ margin-bottom: 15px;    margin-top: 66px;}

/*201803141513*/

/**城市联动插件**/
.selecter_city{
	border-radius: 4px; 
	cursor: default; 
	position: relative; 
	width: 100%; 
	height: 29px; 
	line-height: 24px;
	padding:2px 25px 3px 10px;
	color: #333333;
	font-size: 14px;
	margin-top: -2px;
}
.select_city {
  display: none;
  position: absolute;  
  left: -1px;
  top:32px;
  width: 322px;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  background: #ffffff;
  z-index: 9999;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;  
	font-size: 14px;
	color: #666;
	font-family: "Microsoft Yahei";
}
.select_city_tab {
  overflow: hidden;
}
.select_city_tab a {
	position: relative;
  float: left;
  width: 49%;
  display: inline-block;
  padding: 5px 0;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #ccc;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-weight: 700;
}
.select_city_tab a.actived:before{ position: absolute; left: 0; right: 0; top: 0; height: 2px; background: #148CDC;}
.select_city_tab a.actived {
  border-bottom-color: transparent;
  color: #148CDC;
}
.select_city_tab a.last {
  border-right: none;
}
.select_city_con_wrap div.actived {
  display: block;
}
.select_city_con {
  padding: 10px 15px;
  overflow: hidden;
  display: none;
}
.select-icon {
  background: url('/public/images/select_icon.png') no-repeat center right;
}
/*.select_city_con {
  overflow: hidden;
}*/
.select_city_con dl {
  width: 100%;
  overflow: hidden;
}
.select_city_con dt {
  display: inline-block;
  width: 30px;
  float: left;
  margin-right: 10px;
  font-weight: 700;
  text-align: right;
  line-height: 2;
}
.select_city_con dd {
  display: inline;
  float: left;
  margin-left: 0;
  width: 212px;
}
.select_city_con .diff_dd {
}
.select_city_con a {
  display: inline-block;
  color: #333;
  padding: 0 9px;
  outline: 0;
  text-decoration: none;
  white-space: nowrap;
  line-height: 2;
}
.select_city_con a.actived,
.select_city_con a.actived:hover {
  background: #148CDC;
  color: #fff;
}
.select_city_con a:hover {
  color: #148CDC;
}