/* 装修计算器主页
=================================================================== */ 
a{
	text-decoration:none;
}
.red { color:#ff1840;}
.font14 { font-size:14px;width: 384px;}
table {
	empty-cells: show;
	border-collapse: collapse;
	border-spacing:0;
}
.calculator-a-wrap {
	background: #eb2e4a url(../../images/calculatorBg.png) repeat;
	width: 100%;
	min-width: 1220px;
	margin: auto;
}
.banner-c {
	text-align:center;
	padding-top:86px;
}
.banner-c img {
	width:85%;
}
.mid-center {
	background:#fff;
	height:500px;
	border:1px #d9d9d9 solid;
	position:relative;
	top:-90px;
	width: 1218px;
	margin: auto;
}
@media screen and (min-width: 1460px){
  .mid-center {	
	width: 1458px;
	margin: auto;
}
}
.pt3-z {
	padding:50px 0 0 0;
}
.form_line {
	height:75px;	
}
.form_line .label {
	float:left;
	font-size:18px;
	color:#333;
	width:105px;
	padding-top:6px;
}
.form_line .label_start {
    float: right;
    font-size: 24px;
    color: #ff6b67;
    font-family: Arial;
    margin-top: 4px;
}
.form_line .element {
    width: 260px;
    position: relative;
    padding-bottom: 35px;
	margin-left:12px;
	float:left;
}
.form_line .text_wrap {
    position: static;	
	border:1px #d9d9d9 solid;
	background:#eee;
	border-radius:4px;
	font-size:14px;
}
.form_line .text_lbl {
    color: #333;
    position: absolute;
    top: 8px;
}
.form_line .text_wrap .unit {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #333;
	font-size:14px;
}
.form_line .area_text {
    border:none;
	background:none;
	width:218px;
    padding: 10px 20px 9px 20px;
    margin-right: 0;
        height: 22px;
        font-size: 16px;
        appearance: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
}
input[type="number"]{
	-webkit-appearance: none !important;
	-moz-appearance: textfield;
    appearance: none !important;	       
}
input::-ms-clear{display:none;}
.form_line .controls {
    width: 178px;
    padding: 0 0 0 20px;
	border:1px #d9d9d9 solid;
	background:#eee;
	border-radius:4px;
	font-size:16px;
	height:38px;
	color:#333;
	position:relative;
}
.form_line .controls .unit2 {
	right:15px;
	position:absolute;
	top:7px;
}
.form_line .controls .text_lbl i {
	padding:0 10px 0 0;
}
.form_line .controls-w {
  width:238px;
  cursor: pointer;
}
.form_line .a_hover .controls-show,.form_line .controls-w .huxing-show {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    position: absolute;
    left: 0;
	top:38px;
    display: none;
	z-index:99999999;
}

.form_line .a_hover:hover .controls-show {
	display: block;
	width: 197px;
	border-radius: 4px;
	border:1px #d9d9d9 solid;
	padding:5px 0;
	height: 480px;
	overflow-y:scroll;
}
.form_line .controls-w:hover .huxing-show {
	display: block;
	width: 251px;
	border-radius: 4px;
	border:1px #d9d9d9 solid;
	padding:5px 0 5px 6px;
}
.form_line .a_hover .controls-show li {
	line-height:32px;
	padding:0 0 0 20px;
}
.form_line .a_hover .controls-show li:hover {
	cursor:pointer;
}
.form_line .a_hover .controls-show li.active {
    background:#ff6b67 url(../../images/d-is.png) 140px 9px no-repeat;
	color:#fff;
}
.form_line .controls-w .huxing-show li {
    float: left;
    width: 42px;
    margin-left: 6px;
	font-size:14px;
}
.form_line .controls-w .huxing-show li span:hover {
    color: #000;
}
.form_line .controls-w .huxing-show li span {
    display: inline-block;
    width: 42px;
    text-align: center;
    margin: 5px 0;
	line-height:25px;
    background-color: #f0f0f0;
    border-radius: 2px;
	color:#555;
  text-decoration:none;
  cursor: pointer;
}
.form_line .controls-w .huxing-show li span.active {
    background:#ff6b67;
	color:#fff;
}


@media screen and (min-width:1460px) {
.form_line .element {
	width: 300px;
}
.form_line .area_text {
    width: 258px;
}

.form_line .text_wrap {
	font-size:16px;
}
.form_line .area_text {
    padding: 8px 20px 8px 20px;
}
.form_line .controls-w {
	width:278px;
}
.banner-c img {
	width:auto;
}
.form_line .controls-w:hover .huxing-show {
	width: 291px;
	padding:5px 0 5px 6px;
}
.form_line .controls-w .huxing-show li {
    width: 45px;
	margin-left: 10px;
}
.form_line .controls-w .huxing-show li span {
    width: 45px;
}
}


.w450 {
	width:410px;
}
.yuan-width {
	width:180px;
	background:url(../../images/carimg01.png) no-repeat;
	height:500px;
	position:relative;
}
.yuan-width span {
	width:110px;
	height:110px;
	background:#ff1840;
	border-radius:100%;
	display:block;
	text-align:center;
	position:absolute;
	top:195px;
	left:19%;
	cursor:pointer;
	z-index: 900;
}
.yuan-width span em {
	font-size:28px;
	color:#fff;	
	padding-top:15px;
	display:block;
	width: 80px;
	margin: auto;
	line-height: 40px;
}
.yuan-width span img{
	width: 180px;
	height: 180px;
}

.yuan-width .circle-animate,.yuan-width .circle-animate2  {
    position: absolute;
    top: 180px;
    left:11%;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #ff1840;
    z-index: 12;
    top: 50%;
    left: 50%;
    background-color: rgba(350,91,100,.5);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    -webkit-animation: pulsate 2s infinite;
    animation: pulsate 2s infinite;
}
.yuan-width .circle-animate2 {
	-webkit-animation: pulsate 2s -.8s infinite;
    animation: pulsate 2s -.8s infinite;
}
@-webkit-keyframes pulsate{
0%, 100% {
    width: 90px;
    height: 90px;
    opacity: 0;
}
1% {
    opacity: 1;
}
70% {
    opacity: .8;
}
99.999% {
    width: 180px;
    height: 180px;
    opacity: 0;
}
}
@keyframes pulsate{
0%, 100% {
    width: 90px;
    height: 90px;
    opacity: 0;
}
1% {
    opacity: 1;
}
70% {
    opacity: .8;
}
99.999% {
    width: 180px;
    height: 180px;
    opacity: 0;
}
}
.n-b {
	overflow:hidden;
	padding:40px 0 15px 0;
}
.n-b span {
	font-size:26px;
	float:left;
	padding-top:15px;
}
.n-b b {
	color:#ff1840;
	font-size:40px;
	font-weight:normal;
	width:170px;
	text-align:center;
	float:left;
	padding-top: 5px;
}
.box-r-list {
	border:1px #d9d9d9 solid;
	padding:25px 0;
}
.box-r-list li {
	color:#5d5d5d;
	font-size:16px;
	overflow:hidden;
	padding:5px 0;
}
.box-r-list li span {
    float: left;
    width: 50%;
    text-align: right;
	color:#5d5d5d;
}
.box-r-list li strong {
    float: left;
    width: 50%;
    font-weight: 400;
    text-align: left;
}
.box-r-list li strong em {
    display: inline-block;
    width: 70px;
    font-style: normal;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
	color:#333;
}
.guid-txt {
	color:#999;
	font-size:14px;
	text-align:justify;
	text-justify:inter-ideograph;
	margin:20px 0 0 0;
	line-height:25px;
}
.guid-txt span {
	color:#ff1840;
}

.left-width {
    width: 36%;
	float: left; 
	padding-left:4%;
}
.center-width {
    width: 20%;
	float:left;
}
.right-width {
	float: right;
	padding-right:6%;
}
@media screen and (min-width:1460px) {
.left-width {
	width: 37%;
	padding-left:7%;
}
}
.form_error{
	position: absolute;
    bottom: 10px;
    left: 0;
    font-size: 12px;
      margin-top: 3px;
	color: #ff1840;
	/* display: none */
}
/*提示框 */
#tips {
	position: fixed;
	height:60px;
	width: 150px;
	left:0;
	right:0;
	top:0;
	bottom: 0;
	margin: auto;
	display: none;
	line-height: 60px;
	font-size: 16px;
	text-align:center;
	color: #fff;
	font-weight: 400;
	background-color: rgba(0, 0, 0, .6);
	z-index: 999
}

/* RADIO */

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #ff1840;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
	padding: 16px;
}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}
.element .button-holder {
	padding-top: 5px;
}
.button-holder span {
	font-size: 16px;
	margin-right: 30px;
	margin-left: 10px;
}