.clearfix:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0;
}

i {
    font-style: normal;
}

.main-banner {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.house-custom-class {
    width: 100%;
    min-height: 392px;
    padding: 65px 0 108px;
    background: #fff;
}

.sub-tit {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 40px;
    color: rgb(81, 83, 100);
}

.class-content {
    width: 965px;
    height: 272px;
    display: block;
    margin: 80px auto 0;
}

.six-privilege {
    padding: 70px 0 90px;
    background: #fbf4f4;
}

.privilege-box {
    width: 1219px;
    margin: 50px auto 0;
    background: #fff;
}

.privilege-tab {
    width: 255px;
    height: 560px;
    float: left;
}

.privilege-tab li {
    height: 42px;
    padding: 25px 0 26px 30px;
    cursor: pointer;
    border-bottom: 1px solid #e5e7ef;
    border-right: 1px solid #e5e7ef;
}

.privilege-tab .no-bottom-border, .others-t8t-content .no-bottom-border {
    border-bottom: none;
}

.privilege-tab li span {
    width: 100%;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
    color: #a8b6cc;
    margin-bottom: 8px;
    display: block;
}

.privilege-tab li p {
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    color: #b4bfd0;
}

.privilege-tab .cur_privilege {
    color: #f34b4e;
    border-right: 1px solid #f34b4e;
}

.privilege-tab .cur_privilege span, .privilege-tab .cur_privilege p {
    color: #f34b4e;
}

.privilege-content {
    float: left;
    width: 964px;
    height: 560px;
    overflow: hidden;
}

.privilege-content img {
    display: none;
    width: 964px;
    height: 560px;
}

/*.lv3-tit {	margin-top: 65px;	height: 28px;	font-size: 28px;	line-height: 28px;	color: #515364;	text-align: center;}*/
.platform-money-step {
    width: 750px;
    height: 145px;
    margin: 64px auto 72px;
}

.platform-money-step li {
    float: left;
    height: 145px;
    position: relative;
}

.platform-money-step li i {
    padding-top: 35px;
    padding-bottom: 26px;
    height: 23px;
    text-align: center;
    font-family: "΢ÈíÑźÚ";
    font-size: 15px;
    line-height: 23px;
    color: #945f5c;
    position: relative;
}

.platform-money-step li i:after {
    content: "";
    width: 188px;
    height: 8px;
    position: absolute;
    bottom: 10px;
    left: -5px;
    background: #000;
}

.platform-money-step .pay-to-wholehouse p {
    text-align: left;
    padding-left: 12px;
}

.platform-money-step img, .platform-money-step span, .platform-money-step li i, .four-benefit-tit, .four-benefit li span, .privilege-four-img, .privilege-five-img, .privilege-six-img, .service-flow-content li img, .service-flow-content li span, .service-flow-content li i {
    display: block;
}

.platform-money-step img {
    margin: 0 auto;
}

.platform-money-step p {
    color: #b4bfd0;
    font-size: 12px;
    text-align: center;
}

.platform-money-step span, .owner p, .t8t-platform p, .wholehouse-company p {
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
}

.platform-money-step span {
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    color: #515364;
    font-family: "΢ÈíÑźÚ";
    bottom: 22px;
}

.owner p, .t8t-platform p, .wholehouse-company p {
    height: 12px;
    line-height: 12px;
    bottom: 0;
}

.owner {
    width: 150px;
}

.owner img {
    width: 120px;
    height: 95px;
}

.owner-to-platform {
    width: 186px;
}

.t8t-platform {
    width: 115px;
}

.t8t-platform img {
    width: 76px;
    height: 85px;
}

.pay-to-wholehouse {
    width: 184px;
}

.wholehouse-company {
    width: 115px;
}

.wholehouse-company img {
    width: 86px;
    height: 88px;
}

.four-benefit-tit {
    width: 290px;
    height: 21px;
    margin: 0 auto;
}

.four-benefit {
    width: 815px;
    margin: 0 auto;
    padding-top: 40px;
}

.four-benefit li {
    float: left;
    height: 52px;
    padding-left: 43px;
    position: relative;
}

.four-benefit li:before {
    content: "";
    height: 28px;
    background-image: url(../images/whole_house_icon1.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0;
}

.benefit-one:before {
    width: 30px;
    background-position: 0 0;
}

.benefit-two:before {
    background-position: -46px 0;
}

.benefit-two:before, .benefit-three:before, .benefit-four:before {
    width: 36px;
}

.benefit-three:before {
    background-position: -96px 0;
}

.benefit-four:before {
    background-position: -147px 0;
}

.four-benefit li span {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #515364;
    margin-bottom: 7px;
}

.four-benefit li p {
    font-size: 12px;
    color: #b4bfd0;
}

.benefit-one {
    width: 119px;
}

.benefit-two {
    width: 145px;
}

.benefit-three {
    width: 218px;
}

.benefit-four, .benefit-four p {
    width: 145px;
}

.four-benefit .benefit-four span {
    margin-bottom: 5px;
}

.design-wrap {
    width: 100%;
    min-height: 705px;
    position: relative;
    background-image: url(../images/design_bg.png);
    background-repeat: repeat-x;
    background-position: bottom center;
}

.design-content-wrap {
    margin: 0 auto;
    min-height: 706px;
    background-image: url(../images/design_bg_img.png);
    background-repeat: no-repeat;
    background-size: 1920px 342px;
    background-position: bottom center;
}

.design-content-wrap-box {
    width: 1106px;
    margin: 0 auto;
}

.apply-success-wrap {
    margin: 122px 60px 0 0;
    width: 590px;
    height: 385px;
    float: left;
}

.apply-success-txt {
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 24px;
    color: rgb(81, 83, 100);
}

.mrg-lt {
    margin-left: 100px;
}

.apply-success-txt i, .apply-success-txt span {
    display: block;
    float: left;
}

.apply-success-txt span {
    font-weight: 500;
}

.apply-success-txt i {
    padding: 0 15px;
    font-size: 44px;
    color: rgb(243, 75, 78);
    font-weight: bold;
}

.apply-success-box {
    width: 480px;
    height: 309px;
    margin: 20px auto 0;
    overflow: hidden;
}

.apply-success-swiper {
    width: 100%;
    height: 44px;
    position: relative;
}

.apply-slide {
    width: 100%;
    line-height: 44px;
    font-size: 18px;
    color: rgb(145, 155, 171);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.free-design-wrap {
    width: 450px;
    height: 570px;
    margin: 70px auto 0;
    position: relative;
}

.free-design {
    width: 440px;
    min-height: 450px;
    padding-top: 54px;
    border: 5px solid rgb(246, 224, 215);
}

.free-design-tit, .free-design-subtit {
    text-align: center;
    display: block;
}

.free-design-tit {
    height: 38px;
    line-height: 38px;
    font-size: 36px;
    color: rgb(81, 83, 100);
    font-weight: 600;
}

.free-design-subtit {
    padding: 15px 0 30px;
    font-size: 20px;
    color: rgb(145, 155, 171);
    position: relative;
}

.free-design-subtit:before, .free-design-subtit:after {
    content: "";
    width: 21px;
    height: 1px;
    border-bottom: 1px solid rgb(145, 155, 171);
    position: absolute;
    top: 28px;
}

.free-design-subtit:before {
    left: 85px;
}

.free-design-subtit:after {
    right: 85px;
}

.free-design > .input-item {
    width: 338px;
    margin: 0 auto;
}

.free-design > .input-item input {
    width: 319px;
    height: 48px;
    line-height: 48px;
    padding-left: 19px;
    display: block; /*color: rgb(180,191,208);*/
    font-size: 16px;
    color: #000;
    border: 1px solid rgb(215, 218, 227);
}

.free-design > .checkbox-group {
    width: 338px;
    margin: 0px auto 10px;
}

.err-pd5 {
    padding: 5px 0;
}

.free-design i {
    height: 20px;
    line-height: 20px;
    color: red;
    display: block;
}

.imm-get {
    margin: 0 auto;
    color: #fff;
    text-align: center;
    display: block;
    background: rgb(243, 75, 78);
    border-radius: 3px;
    width: 340px;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
    border: none;
    cursor: pointer; /*animation-name: sizechange;       animation-duration: 1000ms;         animation-iteration-count: infinite;    animation-direction: alternate; */
}

/*@keyframes sizechange {　    0% {        width: 340px;		height: 60px;		font-size: 24px;		line-height: 60px;    }    50% {    	width: 323px;		height: 57px;		line-height: 57px;		font-size: 23px;    }    100% {        width: 340px;		height: 60px;		line-height: 60px;		font-size: 24px;    }}*/
.free-design-tip {
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    color: rgb(243, 75, 78);
}

.dilatation-compare-wrap {
    padding: 72px 0 109px;
    height: 723px;
    background: url(../images/dilatation_bg.png) repeat;
}

.dilatation-compare-content {
    width: 1220px;
    margin: 47px auto 0;
}

.dilatation-tab {
    width: 473px;
    height: 46px;
    margin: 47px auto 48px;
}

.dilatation-tab li {
    float: left;
    margin-right: 77px;
    color: rgb(161, 163, 175);
    font-size: 26px;
    cursor: pointer;
}

.dilatation-tab .no-mg-right {
    margin-right: 0;
}

.dilatation-tab .cur-dilatation {
    color: rgb(243, 75, 78);
    font-size: 30px;
    border-bottom: 2px solid rgb(243, 75, 78);
}

.dilatation-content {
    width: 1220px;
    height: 530px;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.dilatation-content > div {
    width: 100%;
    background: #fff;
    position: absolute;
}

.dilatation-content ul li, .custom-before, .swiper-case-content > div {
    float: left;
}

.swiper-case-content > div {
    padding-bottom: 23px;
}

.dilatation-content ul img {
    width: 800px;
    height: 530px;
    display: block;
}

.parlour-box {
    z-index: 2;
}

.bedroom-box, .guest-room-box, .kitchen-box {
    z-index: 1;
}

.parlour-swiper, .bedroom-swiper, .guest-room-swiper, .kitchen-swiper {
    float: left;
    width: 800px;
    height: 530px;
    overflow: hidden;
    position: relative;
}

.dilatation-rt-describe {
    float: left;
    width: 420px;
    padding-top: 84px;
}

.dilatation-rt-describe p {
    text-align: center;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 24px;
    color: rgb(148, 95, 92);
}

.dilatation-rt-describe .dilatation-line-one {
    font-size: 22px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 18px;
    font-weight: bold;
}

.dilatation-rt-describe .dilatation-line-two {
    font-size: 33px;
    height: 33px;
    line-height: 33px;
    margin-bottom: 39px;
    font-weight: bold;
}

.others-compare-t8t {
    background: #fff;
    padding: 80px 0 90px;
}

.others-t8t-content {
    width: 1101px;
    min-height: 481px;
    margin: 84px auto 0;
}

.other-companies {
    width: 450px;
    min-height: 470px;
    float: left;
    background: rgb(244, 245, 250);
}

.companies-tit {
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 62px;
    font-size: 26px;
    font-weight: bold;
}

.other-companies .companies-tit {
    color: rgb(81, 83, 100);
    background: rgb(234, 236, 244);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.companies-cnt {
    height: 133px;
    position: relative;
    border-bottom: 1px dashed rgb(230, 231, 240);
    z-index: 2;
}

.add-bottom-bd {
    position: relative;
}

.add-bottom-bd:after {
    content: "";
    width: 201px;
    height: 5px;
    border-bottom: 1px dashed rgb(230, 231, 240);
    position: absolute;
    bottom: 0;
    right: -201px;
    z-index: 5;
}

.companies-cnt span:after, .companies-cnt p:after, .custom-after-dsc:after {
    content: "";
    height: 100%;
}

.companies-cnt span, .companies-cnt p {
    float: left;
    height: 133px;
}

.companies-cnt span {
    width: 150px;
    color: rgb(81, 83, 100);
    font-size: 24px;
    text-align: center;
}

.companies-cnt p {
    width: 250px;
    font-size: 16px;
    line-height: 26px;
    color: rgb(145, 155, 171);
    position: relative;
}

.t8t-advantage .companies-cnt span, .t8t-advantage .companies-cnt p {
    color: rgb(148, 95, 92);
}

.companies-cnt p em, .companies-cnt p, .companies-cnt p:after, .companies-cnt span:after, .companies-cnt span, .custom-after-dsc, .custom-after-dsc:after, .custom-after-dsc em, .swiper-brand-content li, .swiper-brand-content li:after, .swiper-brand-content li img {
    display: inline-block;
    vertical-align: middle;
}

.VS-tip {
    float: left;
    width: 201px;
    height: 470px;
}

.VS-tip img {
    display: block;
    width: 80px;
    margin: 0 auto;
}

.t8t-advantage {
    width: 450px;
    height: 470px;
    float: left;
    background: rgb(166, 114, 113);
}

.t8t-advantage .companies-tit {
    color: #fff;
    line-height: 70px;
}

.t8t-advantage .companies-cnt {
    width: 430px;
    margin: 0 auto;
}

.companies-cnt-t8t {
    background-image: url(../images/vs_t8t_bg2.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.bg-color {
    background: #fff;
}

.custom-case-wrap {
    padding: 70px 0 75px;
    background: rgb(251, 244, 244);
}

.custom-case-content {
    width: 1221px;
    height: 660px;
    position: relative;
    overflow: hidden;
    margin: 50px auto 0;
}

.custom-before-txt, .custom-after-info {
    background: #fff;
}

.custom-before-txt:after {
    content: "";
    width: 150px;
    height: 150px;
    background-image: url(../images/VS.png);
    background-repeat: no-repeat;
    background-size: 150px 150px;
    top: -21px;
    right: -87px;
    position: absolute;
    z-index: 30;
}

.custom-before p {
    width: 100%;
}

.custom-before p, .custom-after-txt {
    height: 107px;
    text-align: center;
    line-height: 107px;
    color: rgb(148, 95, 92);
    font-size: 40px;
    position: relative;
}

.custom-after-txt {
    display: inline-block;
    width: 320px;
    float: left;
}

.custom-after-txt:after {
    content: "";
    width: 47px;
    height: 27px;
    background-image: url(../images/whole_house_icon2.png);
    background-repeat: no-repeat;
    background-position: 0 -133px;
    position: absolute;
    right: 29px;
    top: 42px;
}

.custom-before img, .custom-after img {
    height: 530px;
    display: block;
}

.custom-before, .custom-before img {
    width: 340px;
}

.custom-after, .custom-after img {
    width: 860px;
}

.custom-after {
    float: left;
    margin-left: 21px;
}

.custom-after-info {
    position: relative;
    height: 107px;
}

.custom-after-dsc {
    width: 480px;
    height: 107px;
    font-size: 16px;
    float: left;
    color: rgb(148, 95, 92);
    position: relative;
}

.service-flow-wrap {
    padding: 85px 0 50px;
    background: #fff;
}

.service-flow-content {
    width: 1075px;
    margin: 58px auto 0;
}

.service-flow-content li {
    float: left;
    width: 215px;
    height: 100px;
    padding-top: 80px;
    text-align: center;
    position: relative;
}

.service-flow-content li img {
    position: absolute;
    left: 50%;
    bottom: 120px;
}

.service-flow-content li span {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 12px;
    color: rgb(81, 83, 100);
}

.service-flow-content li p {
    color: rgb(180, 191, 208);
    font-size: 14px;
    height: 14px;
    line-height: 14px;
}

.service-flow-content li i {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border: 1px solid rgb(226, 229, 237);
    border-radius: 50%;
    margin: 24px auto 0;
    position: relative;
}

.service-flow-content li i:after {
    content: "";
    width: 175px;
    height: 1px;
    border-bottom: 1px solid rgb(226, 229, 237);
    position: absolute;
    right: -178px;
    top: 17px;
    z-index: 2;
}

.service-flow-content .service-step5 i:after {
    content: "";
    width: 0;
    height: 0;
    border: none;
}

.service-flow-content em {
    display: block;
}

.service-flow-content li, .custom-before-txt {
    position: relative;
}

.service-step1:before, .service-step2:before, .service-step3:before, .service-step4:before {
    content: "";
    left: 50%;
    position: absolute;
    background-image: url(../images/whole_house_icon1.png);
}

.service-step1:before, .service-step2:before, .service-step3:before {
    height: 64px;
}

.service-step1:before {
    width: 53px;
    margin-left: -24px;
    top: 5px;
    background-position: 0px -333px;
}

.service-step2:before {
    width: 71px;
    top: 11px;
    margin-left: -35px;
    background-position: -60px -333px;
}

.service-step3:before {
    top: 5px;
    width: 84px;
    margin-left: -35px;
    background-position: -139px -333px;
}

.service-step4:before {
    width: 68px;
    height: 61px;
    top: 5px;
    margin-left: -34px;
    background-position: -218px -333px;
}

.service-step5:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 70px;
    width: 73px;
    height: 58px;
    background-position: 1px -166px;
    background-image: url(../images/whole_house_icon3.png);
}

.brand-company-wrap {
    padding: 50px 0 195px;
    background-image: url(../images/brand_bg.png);
    background-repeat: no-repeat;
    background-size: 1920px 478px;
    background-position: bottom center;
}

.brand-company-box {
    width: 1158px;
    margin: 60px auto 0;
    position: relative;
}

.brand-company-content {
    position: relative;
    width: 1070px;
    height: 345px;
    margin-left: 60px;
    overflow: hidden;
}

.brand-company-cnt4li {
    margin-top: 115px;
}

.swiper-brand-content {
    position: relative;
}

.swiper-brand-content ul {
    float: left;
}

.swiper-brand-content li {
    width: 197px;
    height: 102px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #fff;
    position: relative;
    border: 1px solid rgb(222, 225, 233);
}

.swiper-brand-content li img {
    width: 195px;
    height: 100px;
    display: block;
    margin-top: -50px;
    margin-left: -97px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.custom-case-pagination {
    bottom: 150px;
    left: 360px;
    width: 862px;
}

.parlour-pagination, .bedroom-pagination, .guest-room-pagination, .kitchen-pagination {
    bottom: 20px;
    width: 100%;
}

.custom-case-pagination, .parlour-pagination, .bedroom-pagination, .guest-room-pagination, .kitchen-pagination {
    position: absolute;
    z-index: 20;
    height: 30px;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8; /*border: 1px solid #fff;*/
    cursor: pointer;
}

.swiper-active-switch {
    background: rgb(148, 95, 92);
}

.custom-case-prev, .brand-company-prev, .dilatation-prev {
    background-position: -46px -36px;
}

.custom-case-next, .brand-company-next, .dilatation-next {
    background-position: 0px -36px;
}

.custom-case-prev, .custom-case-next, .brand-company-prev, .brand-company-next, .dilatation-prev, .dilatation-next {
    width: 33px;
    height: 57px;
    background-image: url(../images/whole_house_icon1.png);
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    display: none;
}

.custom-case-prev, .custom-case-next {
    top: 50%;
    margin-top: -112px;
}

.custom-case-prev, .dilatation-prev {
    left: 33px;
    z-index: 9;
}

.custom-case-next, .dilatation-next {
    right: 33px;
    z-index: 9;
}

.brand-company-prev, .brand-company-next {
    top: 50%;
    margin-top: -37px;
}

.brand-company-prev {
    left: -31px;
}

.brand-company-next {
    right: -31px;
}

.dilatation-prev, .dilatation-next {
    top: 50%;
    margin-top: -43px;
}

.btm-float {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 95px;
    z-index: 20;
}

.btm-float__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    fliter: opacity(0.7);
}

.btm-float__content {
    position: relative;
    width: 1220px;
    padding-top: 15px;
    height: 60px;
    margin: 0 auto;
    z-index: 2; /*background-image: url(../images/rbt.png);*/
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 89px 79px;
}

.btm-float__content:before {
    content: "";
    width: 160px;
    height: 162px;
    /*background-image: url(../images/whole_house_icon_new.png);*/
    background-repeat: no-repeat;
    background-position: 0;
    position: absolute;
    background-size: 100%;
    top: -55px;
    left: 0;
}

.btm-float__content .close {
    position: absolute;
    right: 12px;
    width: 30px;
    top: 0px;
    height: 30px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDUtMzFUMTU6MTU6NDYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA1LTMxVDE4OjAwOjU2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA1LTMxVDE4OjAwOjU2KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0ZjcyODc4LTI0ZjEtNGZkZi04MjlhLWU4N2RmY2ZiMDk0OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNGY3Mjg3OC0yNGYxLTRmZGYtODI5YS1lODdkZmNmYjA5NDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNGY3Mjg3OC0yNGYxLTRmZGYtODI5YS1lODdkZmNmYjA5NDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI0ZjcyODc4LTI0ZjEtNGZkZi04MjlhLWU4N2RmY2ZiMDk0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wNS0zMVQxNToxNTo0NiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vNgEuwAAAytJREFUSImtl12IVVUUx39eqcs0jWCQhZDlOJgYfcxQWFFiIEQPJYgQIQQGiUYgNkoRPfSgFFZQvkRQZB8UpFKUL0IvyWATYR/USxh+wFhGNU2MWFPmr4ezTywPd99zrrlgse9e67/+/7P33R/nzFLpwRYAtwNDwGJgAJgCvgO+B8aAk43Z1Dpvq6PqAevtL/Vj9dEGvLXiG9WJjNC0+rN6KpM/rK49H/E+dXeFbEJ9Xb1XHVQHLGZljrpIXa2+nR4o2mu9iF+dnrq0SXWTOrvbKIL3q49b/AWlHVLn1on3qT+Eov3qvIaiVR9SPwtc39aJx0X1xnmKVv2DwLk3J/5kAH14gYRLHwvcD5XxWRb7fC4wmXbfT8B84GwvB0CNDQA/Av3ADHAZcLqVktsDcF0H4TuAHcA1NSI3JdwNlfg0sCn9bgNbgf+m/XSakq8z0/ZLyv+uLsxgRtR/Eu54BnMi5Y+otIAVQF96qjczI9qZ2jnAFxRHa7RlwKdAOZMvZXjeSe1CYBj1+bAYBrssmm0BN60uTfFb1bMhN9qFYyTiUN+PU1Hjz4TiE+oGdSbEttTUz1anEnYn6jepc6CBOOoLdranGtZ/kvDvtiiWPcCpzP9UtVFgVyW2A9jWsP6P1Pa1gD9T56KGxTcDt1ViK4GlDetLO9MCjqXO5Q0KbgE+B65N/bHUjlDsgkUNOIZSO9UCjoZgu0vRCDAe+luAO4HnUr8NHKp5gCtDfgJ1XVg0azKLZFllcW3tsgum1CUZnvUBtwqLl4HS9mSKTgZMbjvFcyC3bcdTflptl8GDobDT/f1sGtFjGdLSt6u/qU90yC2pDrJMLA+JjzLEl9YIl95fM2rV4SiOxVtnaRsbCjX1pwP3W2U8Aq5QzwTQPRdI+IHA+at6SSdx1JWeaw/+T+HNFb7hmO9U8Eil4FV1fo+ig+p7FZ77q7hc8SrPva1m1BfVFTWid6svV0Qn1bs64ct3uE62GHiF4mUj2jHgK4rvs78p7oTrgBuBqyrYfcDD5L7fGkzhWvVLe7Nx9b467m4jr9r1wOo0wgUUV/HFFLfiJHCc4mzfCxxuQvgvtyGoncIitKYAAAAASUVORK5CYII=");
    background-size: 100%;
}

.btm-float__img {
    position: absolute;
    bottom: 0;
    left: 125px;
    width: 451px;
    height: 130px;
}

.btm-float__content input, .btm-submit { /*color: rgb(153,153,153);*/
    color: #000;
    display: block;
    border: none;
    margin-right: 10px;
    cursor: pointer;
}

.btm-float .btm-tel {
    width: 240px;
}

.btm-label, .btm-submit {
    float: left;
}

.btm-name-error, .btm-tel-error, .btm-city-errer {
    width: 120px;
    display: block;
    color: red;
    font-size: 12px;
    padding-top: 2px;
}

.btm-label1 {
    margin-left: 200px;
}

.btm-float__content .btm-label input {
    width: 170px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    padding: 10px;
}

.btm-float__content .btm-submit {
    font-family: "MicrosoftYaHei-Bold";
    font-size: 16px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: rgb(243, 75, 78);
    border-radius: 2px;
}

.btm-float__content p {
    float: left;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    margin-left: 10px;
}

.pop-wrap {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
}

.pop-wrap:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.post-succ-pop {
    display: inline-block;
    vertical-align: middle;
    width: 518px;
    min-height: 310px;
    left: 50%;
    margin-left: -240px;
    position: relative;
    background: #fff url(../images/succ_pop_bg.png) no-repeat bottom left;
    background-size: 480px 310px;
}

.close-btn {
    width: 21px;
    height: 21px;
    display: inline-block;
    cursor: pointer;
    right: 15px;
    top: 15px;
    position: absolute;
}

.pop-tit {
    margin: 42px 0 25px 307px;
    color: rgb(68, 68, 68);
    font-size: 24px;
    font-family: "MicrosoftYaHei-Bold";
    position: relative;
}

.pop-tit:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/ok_bg.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: -45px;
    top: 3px;
}

.pop-tip {
    width: 212px;
    line-height: 25px;
}

.pop-tip, .succ-btn {
    margin-left: 262px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-family: "MicrosoftYaHei";
}

.pop-tip i {
    color: rgb(243, 75, 78);
}

.succ-btn {
    width: 88px;
    height: 36px;
    text-align: center;
    line-height: 34px;
    border: 2px solid rgb(227, 227, 227);
    background: #fff;
    margin-top: 25px;
    cursor: pointer;
}

.free-design input::-webkit-input-placeholder {
    color: rgb(180, 191, 208);
    font-size: 16px;
}

.btm-float input::-webkit-input-placeholder {
    color: rgb(180, 191, 208);
    font-size: 14px;
}

@media screen and (min-width: 1460px) {
    .btm-float .district input {
        font-size: 14px;
    }

    .free-design .district input {
        font-size: 16px;
    }

    .district input {
        width: 260px !important;
        height: 28px;
        padding: 10px 20px;
    }
}

/* 服务协议同意框 */
.cluse-box {
    color: #999;
    position: relative;
    margin-left: 20px;
    display: block;
    font-size: 14px;
}

.cluse-box .ico-clause {
    height: 14px;
    width: 14px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkY0NDA5RTVBMEYxMUU3ODJCOEQ3MzBGRjc4QTYwOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkY0NDA5RjVBMEYxMUU3ODJCOEQ3MzBGRjc4QTYwOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCRjQ0MDlDNUEwRjExRTc4MkI4RDczMEZGNzhBNjA5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCRjQ0MDlENUEwRjExRTc4MkI4RDczMEZGNzhBNjA5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jq4vwQAAAFpJREFUeNpifPjwoScDA8NcIJZkIA48B+JkBqDGZz9+/PhPLACpBelhAtnEzs7OQCyAqpVkYiATjGocPhqf//z5k2gNULUvWIBEysuXL0GJXIJIvU+BOA0gwADFKEjgcWgCPwAAAABJRU5ErkJggg==) no-repeat center center;
    position: absolute;
    top: 2px;
    left: -20px;
}

.cluse-box .ico-clause.clause-active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREU0M0Y5NzVBMEYxMUU3QTEwOEZFNUQwNkNBQUFDRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREU0M0Y5ODVBMEYxMUU3QTEwOEZFNUQwNkNBQUFDRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJERTQzRjk1NUEwRjExRTdBMTA4RkU1RDA2Q0FBQUNFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJERTQzRjk2NUEwRjExRTdBMTA4RkU1RDA2Q0FBQUNFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2GRO7QAAASBJREFUeNpiefjwoScDA8NcIJZkIA48B+JkBqDGZz9+/PhPLACpBelhAtnEzs7OQCyAqpVkIlZD1fV1DL13dsL5RGmc8/Aww+R7exk+/fmBEAS6F6+ftr64+J9/a87/5PPz//8DQhAA6YHbeO3zM4ZbX16i2HQVKJZ8YSGDIb8cwxS9aAZGIMRwas6lZQwux3oZjr67A+Y//fGBIfjUVAYxdl6G1aaZDBxMrCiGwjUuMU5hkOEUYPA/OZlh0eNjYE3f/v5mWG+azSDCxoPpcWQ/fv79/X/Aycn/ebZk/Rfalvf/wJsbWP0N0oMROL///f2ffXHJ/xVPTuEMMKwaiQGwUH3+8+dPolMOVO0LFiCR8vLlS1AilyBS71MgTgMIMADy70jJUXEWEAAAAABJRU5ErkJggg==) no-repeat center center;
}

.cluse-box a {
    color: #ff960a;
}

.btm-float .checkbox-group {
    clear: both;
    margin-left: 200px;
}

.btm-float .checkbox-group .checkbox-label {
    color: #fff;
}

.checkbox-group .checkbox-box {
    width: 20px;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

.checkbox-group .checkbox-box label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background: #eee;
    border: 1px solid #ccc;
}

.checkbox-group .checkbox-box label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 10px;
    height: 4px;
    background: transparent;
    top: 4px;
    left: 2px;
    border: 1px solid rgb(243, 75, 78);
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox-group .checkbox-box label:hover::after {
    opacity: 0;
}

.checkbox-group .checkbox-box input[type=checkbox]:checked + label {
    border: 1px solid rgb(243, 75, 78);
}

.checkbox-group .checkbox-box input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.checkbox-group .show-protocal, .checkbox-group .checkbox-label {
    font-size: 14px;
}

.checkbox-group .show-protocal {
    color: rgb(243, 75, 78);
}

/* 隐私对话框开始 */
.privacy-confirm {
}

.privacy-confirm-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
}

.privacy-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    width: 252px;
    height: 122px;
    background: #FFFFFF;
    box-shadow: 0px 5px 30px 0px rgba(207, 207, 207, 0.5);
    border-radius: 10px;
    padding: 10px 12px 18px;
}

.btm-float .privacy-content {
    transform: translate(-50%, -80%);
}

.privacy-content p {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    line-height: 1.4;
    text-align: center;
    margin-top: 37px;
}

.privacy-content a {
    color: #ff960a;
}

.footer-wrapper {
    padding-top: 20px;
    text-align: center;
}

.footer-wrapper a {
    font-size: 14px;
    display: inline-block;
    width: 96px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    background: #F5F5F5;
    border-radius: 3px;
}

.footer-wrapper a:nth-child(1) {
    color: #999999;
    background: #F5F5F5;
}

.footer-wrapper a:nth-child(2) {
    color: #FFFFFF;
    background: #ff960a;
    margin-left: 10px;
}

.ui-none {
    display: none !important;
}

/* 隐私对话框结束 */