/*public-start*/
.left { float:left;}
.right { float:right;}
.clearfix:after { *zoom:1;}
/*public-end*/
 .top-banner { width: 100%;height:500px;background:url(https://www.xyj321.com/static/mfbjd/images/mfbjd-banner.jpg) no-repeat center center;background-size:cover;}
.top-banner .zx-detail { width: 648px;margin: 0 auto;padding-top:65px;}
.top-banner .zx-detail h1 { font-weight:normal;font-size: 60px;font-family: "思源黑体";border-bottom: 1px solid #ff6905;padding-bottom: 18px;width:646px;letter-spacing:3px;}
.top-banner .zx-detail h1 b { color:#fa7d01;}
.top-banner .zx-detail h1 span { color:#666;}
.top-banner .zx-detail p { font-size: 30px;font-family: "思源黑体";border-bottom: 1px solid #ff6905;width:646px;text-align: center;padding: 15px 0;color:#666;letter-spacing:5px;}
.top-banner .zx-detail i.dot{ padding: 0 20px;position: relative;top:-7px;}
.main-con { width:100%;margin: 0 auto;min-height:800px;}
.main-con .calculate { width: 1122px;height:490px;position: relative;background: #fff;box-shadow: 0 6px 10px rgba(82,82,82,.18);margin: 0 auto;margin-top:-232px;padding: 50px 56px 50px 42px;}
h2.title-mfbjd.on i {  width: 16px;height: 16px; background: url("https://www.xyj321.com/static/base/images/!img.png") no-repeat;background-size: 16px 16px;vertical-align: middle;
 margin: -6px -14px 0 8px; }
.calculate .calculate-left { padding-right: 110px;}
.calculate h2 { margin-bottom: 44px;}
.calculate h2 span { font-size: 24px;font-family: "思源黑体";color:#333;}
.calculate h2 em { font-size: 16px;font-family: "思源黑体";color:#f46f20;margin-left: 18px;}
.calculate .city-address { height:42px;line-height: 42px;padding-bottom: 20px;}
.calculate .fw-area{ height:40px;line-height: 40px;padding-bottom: 20px;}
.calculate label { color:#565555;font-size: 20px;font-family: "思源黑体";margin-right:27px;float:left;height:44px;line-height: 44px;}
.calculate input,.calculate-left .location-province,.calculate-left .location-city { border:1px solid rgb(232, 232, 232); font-size: 18px;font-family: "思源黑体";}
.calculate-left .location-province,.calculate-left .location-city { padding: 8px 0;padding-left:8px;}
.calculate input{ padding: 9px 0;padding-left:8px;}
.calculate-left .location-province,.calculate-left .location-city { width:152px;color:#565555;margin-right: 8px;}
.calculate .fw-area input { width:302px;color:#adadad;padding-left: 12px;}
.calculate .fw-area em { margin-left: -28px;color:#565555;font-size: 18px;font-family: "思源黑体";}
.calculate .fw-type select { width: 94px;border:1px solid rgb(232, 232, 232);color:#565555;font-size: 18px;font-family: "思源黑体";padding:8px 0;margin-right: 13px;padding-left:12px;}
.calculate .fw-type .fw-stc{ padding-bottom: 20px;width: 100%;}
.calculate .fw-type .opt select { width:148px;}
.calculate .fw-type .fw-room select{ width:152px;}
.calculate .fw-type .level-option select { width:316px;margin-top:20px;}
.calculate .nickname,.calculate .telephone{ height:44px;line-height: 44px;margin-top: 20px;}
/*.calculate .nickname label,.calculate .telephone label{ margin-right:28px;height:40px;line-height: 40px;}*/
.calculate .nickname input,.calculate .telephone input{ width:302px;color:#adadad;padding-left:12px;}
.calculate .telephone label { margin-bottom: 0;}
div.img-ico { height:448px;border-right:1px solid #eee;position: absolute;left:610px;top:77px;}
div.img-ico img { margin-left: -64px;margin-top: 160px;cursor:pointer;position: absolute;left:-2px;top:0;z-index: 99;}

.calculate-right { margin-left:62px;}
.calculate-right .zx-budget { width:390px;border:1px solid #e5e5e5;padding: 18px;background:#f9f9f9;border-radius: 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.06);}
.calculate-right .zx-budget  .jsq-prev{}
.calculate-right .zx-budget h3 { text-align:center;width:378px;margin:0 auto;border-radius: 10px;font-size: 24px;font-family: "思源黑体";background: #b8b8b8;padding: 32px 0;color:#fff;margin-bottom:22px;}
.calculate-right .zx-budget h3 em{color:#fff;}
.calculate-right .zx-budget h3 span b{color:#ff6905;}
/* .calculate-right .zx-budget h3 em { text-indent:83px;} */
.calculate-right .zx-budget h3 span{ color:#ff6905;}
.calculate-right .zx-budget p { width:378px;margin:0 auto;border-radius: 10px;font-size: 18px;font-family: "思源黑体";background:#e9e9e9;color:#565555;height:60px;line-height:60px;margin-bottom:22px;}
.calculate-right .zx-budget p em { display: inline-block;width:50%;border-right:1px solid #e0e0e0;text-align:center;}
.calculate-right .zx-budget p span { text-align: center;width:49%;position: relative;display: inline-block;}
.calculate-right .zx-budget p .xyj_zj { font-size:14px;color:#bbb;text-decoration: line-through;position: absolute;right: 15px;top:0;display: none;}
.calculate-right .zx-budget p .xyj_zj strong { font-weight:normal;}
.calculate-right .zx-budget p span b { color:#e63c3c;margin-right:6px;}
.calculate-right .zx-budget i { display: inline-block;color:#e8732d;font-size: 14px;font-family: "思源黑体";text-indent:40px;}

.section1 { margin-top:60px;margin: 48px auto 0;}
 h4.title { height:79px;border-bottom:1px solid #e5e5e5;}
 h4.title p { font-size: 28px;font-family: "思源黑体";color:#333;text-align: center;}
 h4.title em { font-size: 16px;font-family: "思源黑体";color:#a3a3a3;text-align: center;display: block;margin-top: 14px;}
 h4.title i { display: block;width: 100px;border:1px solid #ff6905;margin:20px auto 0;}
.section1 .bjlist { width:1220px;margin:0 auto;margin-top:40px;margin-bottom: 80px;}
.section1 .bjlist ul li { float:left;width:400px;height:400px;background: #f4f4f4;margin-right: 10px;box-shadow: 0 3px 5px rgba(0,0,0,.13);}
.section1 .bjlist ul li:last-child { margin-right:0;}
.section1 .bjlist ul li div.list{height: 140px;}
.section1 .bjlist ul li em { display: block;width:400px;height:140px;/* margin: 86px auto 0; */}
.section1 .bjlist ul li em.first{ background: url(https://www.xyj321.com/static/mfbjd/images/accurate.png) no-repeat center 86px;}
.section1 .bjlist ul li em.second{ background: url(https://www.xyj321.com/static/mfbjd/images/ouick.png) no-repeat center bottom;}
.section1 .bjlist ul li em.three{ background: url(https://www.xyj321.com/static/mfbjd/images/strong.png) no-repeat center 81px;}
.section1 .bjlist ul li h5 { font-size: 22px;font-family: "思源黑体";color:#353535;text-align: center;margin-top:34px;}
.section1 .bjlist ul li span { font-size: 20px;font-family: "思源黑体";color:#c1c1c1;text-align: center;margin-top:14px;display: block;}
.section1 .bjlist ul li i { width: 90px;height: 1px;background: #c1c1c1;margin:20px auto 0;display: block;}
.section1 .bjlist ul li p { margin: 20px auto 0;font-size: 14px;font-family: "思源黑体";color:#666;text-align: center;width:250px;line-height: 24px;}
.zxbj { width: 100%;height:534px;background: url(https://www.xyj321.com/static/mfbjd/images/zxbj-banner.jpg) no-repeat center center;}
.zxbj h4.title { padding-top:64px;}
.zxbj .zxbjlist { margin-top:42px;height:198px;}
.zxbj .zxbjlist ul { width:1220px;margin:0 auto;}
.zxbj .zxbjlist ul li { float:left;}
.zxbj .zxbjlist ul li img{ padding: 0 15px;}
.zxbj .zxbjlist ul li em { width:30px;height:55px;background:url(https://www.xyj321.com/static/mfbjd/images/arrow.png) no-repeat center center;vertical-align: middle;margin-top:100px;}
.zxbj .zxbj-button { width:214px;margin:44px auto 0;}
.zxbj .zxbj-button input { text-align: center;background:#ff6905;padding: 16px 49px;color:#fff;border-radius: 5px;font-size: 20px;font-family: "思源黑体";}
.bj-opacity{ margin:66px auto 0;padding-bottom: 70px;}
.bj-opacity .opacitylist{ width:1220px;margin:52px auto 0;}
.bj-opacity .opacitylist ul li { width:380px;float: left;margin-right:36px;position: relative;}
.bj-opacity .opacitylist ul li:last-child{ margin-right:0;}
.bj-opacity span.top-bg{ width:401px;height:283px;background: url(https://www.xyj321.com/static/mfbjd/images/opacity-bg.png) no-repeat center center;display: block;background-size: 100% 100%;}
.bj-opacity span.bottom-bg{ width:401px;height:281px;background: url(https://www.xyj321.com/static/mfbjd/images/bottom-bg.png) no-repeat center center;display: block;background-size: 100% 100%;}

.bj-opacity .opacitylist ul li span.bottom-bg em{ font-size: 24px;font-family: "思源黑体";color:#525252;text-align: center;padding-top:162px;display: block;width:242px;margin: 0 auto;line-height: 30px;}
.bj-opacity .opacitylist .ico-img { position: absolute;left: 43px;top:92px;width: 316px;height: 316px;border-radius: 50%;}

.calculate-after{padding-left: 14px;}
.calculate-after img{display: block;margin-bottom: 42px;}
.calculate-after p{font-size: 16px;color:#565555;margin-bottom: 25px;text-align: center;}
.calculate-after p span{color:#ff6905;}
.calculate-after .result-title{font-size: 26px;color:#333;margin-bottom: 13px;text-align: center;}
.calculate-after .des{color:#ff7826;line-height: 20px;font-size: 16px;margin-top: 35px;}
.calculate-after .imgbox{position: relative;}
.calculate-after .sevice-tel{position: absolute;bottom: 0;left: 0;font-size: 18px;color:#fff;margin-bottom: 0;height: 42px;line-height: 42px;width:100%;text-align: center;}
.calculate i.delete{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://www.xyj321.com/static/mfbjd/images/xxx.png) no-repeat right center;
    position: absolute;
    right: 18px;
    top: 18px;
    cursor: pointer;
}

/* fix */
.fw-type {
    position: relative;
}
.fw-type.mfbjd_1::after {
    content: '';
    position: absolute;
    right: 17px;
    top: 19px;
    border-top: 7px solid black;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

}
.type-value-show {
    display: inline-block;
    width: 316px;
    height: 44px;
    line-height: 44px;
    font-size: 0;
    border: 1px solid rgb(232, 232, 232);
}
.type-value-show span {
    font-size: 16px;
    margin: 0 10px;
}
.selected-list {
    position: absolute;
    top: 46px;
    left: 126px;
    padding-bottom: 0!important;
    width: 316px!important;
    font-size: 0;
    background: white;
    border: 1px solid rgb(232, 232, 232);
}
.selected-list.hidden {
    display: none;
}
.select-item {
    display: inline-block;
    width: 20%;
}
.select-item > div {
    margin: 10px 3px;
    height: 30px;
    line-height: 30px;
    width: 90%;
    background: #f4f4f4;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.select-item > div.active {
    color: white;
    background: #ff6d15;
}
.fw-type-new-old {
    margin-top: 10px;
}

.in-line {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    width: 100px;
}