* {outline-width: 0px; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; padding-right: 0px}
html {box-sizing: border-box; -moz-box-sizing: border-box}
* {-moz-box-sizing: inherit}
*:before {-moz-box-sizing: inherit}
*:after {-moz-box-sizing: inherit}
li {list-style-type: none}
body {max-width: 700px; height: 100%; width: 100%; margin: auto; z-index: 1000; background-color: #fff}
img {width: 100%; display: block}
.bodymargintop {margin-top: 44px}
.homepage-ico {background: url(//img.to8to.com/to8to_h5/index/headglobal.png?v=20170726) no-repeat; background-size: 375px 375px}
.head-goback {height: 0px; position: relative; float: left}
.head-goback:after {height: 13px; width: 2px; background: #7c7c7c; position: absolute; content: '?'; left: 18px}
.head-goback:before {height: 13px; width: 2px; background: #7c7c7c; position: absolute; content: '?'; left: 18px}
.head-goback:after {top: 10px; transform: rotate(50deg)}
.head-goback:before {top: 18px; transform: rotate(-50deg)}
.head-index {width: 64px; position: relative; margin: 0px auto; z-index: 1; display: block}
.head-index i {width: 100%; background-position: -31px -4px; display: block}
.head-right-func {height: 100%; right: 0px; position: absolute; z-index: 2; top: 0px}
.head-service {height: 100%; width: 38px; right: 42px; position: absolute; padding-bottom: 10px; padding-top: 10px; padding-left: 8px; top: 0px; padding-right: 8px}
.head-service i {height: 20px; width: 22px; position: relative; background-position: -101px -7px; margin: 0px auto; display: block}
.head-linkbar {height: 100%; width: 40px; right: 0px; position: absolute; padding-bottom: 12px; padding-top: 14px; padding-left: 7px; top: 0px; padding-right: 35px}
.head-linkbar i {height: 15px; width: 18px; background-position: -193px -71px; display: block}
.red-point:before {font-size: 9px; border-top: #fff 1px solid; height: 16px; border-right: #fff 1px solid; width: 16px; right: -5px; border-bottom: #fff 1px solid; position: absolute; color: #fff; text-align: center; content: '3'; border-left: #fff 1px solid; line-height: 14px; top: -6px; background-color: #fa6969; border-radius: 50%}
.nav-link {height: 100%; width: 100%; position: fixed; left: 0px; z-index: -1; opacity: 0}
.nav-content {background-color: #fff; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; flex-flow: wrap; -ms-flex-flow: wrap; -webkit-flex-flow: wrap}
.nav-content li {width: 25%; float: left; text-align: center; background-color: #fff}
.nav-content li a {width: 100%; display: block}
.nav-content li a:before {height: 0px; content: '0'; display: block; visibility: hidden}
.nav-detail i {height: 25px; width: 25px; margin: 0px auto; display: block}
.nav-index i {background-position: -4px -37px}
.nav-company i {background-position: -39px -37px}
.nav-effect i {background-position: -69px -37px}
.nav-strategy i {background-position: -100px -40px}
.nav-mall i {background-position: -4px -69px}
.nav-design i {background-position: -40px -71px}
.nav-news i {background-position: -70px -71px}
.nav-app i {background-position: -99px -72px}
.nav-mall i {}
.nav-design i {}
.nav-news i {}
.nav-app i {}
.nav-content-icon {height: 25px; width: 25px; background: url(//img.to8to.com/to8to_h5/index/headglobal.png?v=20170726) no-repeat -4px -37px; margin: 0px auto; background-size: 375px 375px}
.nav-content-text {color: #666}
.nav-close {height: 100%; width: 100%}
.navigation {height: 34px !important; background-position: -60px -296px; top: 7px !important}
.dn {display: none}
.headappbanner {overflow: hidden; height: 71px; width: 100%; padding-bottom: 8px; padding-top: 8px; padding-left: 0px; z-index: 2; top: 0px; padding-right: 0px; background-color: #f8f8f8}
.headappbanner div {display: inline-block}
.headappbanner span {display: inline-block}
.crossxbanner {height: 16px; width: 16px; vertical-align: top; background: url(//img.to8to.com/wap/v2/icon-se174a62dfa.png?v=20161008) no-repeat -349px -453px; margin: 22px 11px; display: inline-block}
.headappbanner .bigerfont {border-top: #97ebc6 1px solid; height: 55px; border-right: #97ebc6 1px solid; width: 55px; vertical-align: top; border-bottom: #97ebc6 1px solid; font-weight: bold; color: white; text-align: center; filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#18dd88,endcolorstr=#00a55c,grandienttype =0); border-left: #97ebc6 1px solid; line-height: 55px; background-color: #97ee94; border-radius: 9px; -webkit-border-radius: 9px; -ms-border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px}
.headappbanner .headcopywriting span {color: #68ac87}
.headappbanner .headcopywriting {overflow: hidden; height: 60px; margin-left: 7px}
.headappbanner .headcopywriting h3 {font-weight: bold; line-height: 20px}
.headappbanner .headcopywriting p {font-size: 14px; line-height: 22px}
.headappbanner .headcopywriting span {font-size: 12px; height: 12px; display: block; line-height: 12px}
.headappbanner .mfdownload {border-top: #97ebc6 1px solid; height: 33px; border-right: #97ebc6 1px solid; width: 101px; border-bottom: #97ebc6 1px solid; float: right; color: #fff; text-align: center; margin: 12px 16px 12px 0px; border-left: #97ebc6 1px solid; display: inline-block; line-height: 32px; background-color: #0ec373; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px}
.navstyle2#dt-hd {width: 100%; border-bottom: #ececec 1px solid; position: relative; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; min-height: 45px; z-index: 39; line-height: 45px; top: 0px; padding-right: 0px; background-color: #fff}
.two-box {padding-top: 40px}
.hide-title {display: none}
.container {position: relative}
.container .num {font-size: 0px; height: 11%; width: 30%; vertical-align: middle; position: absolute; color: #fff; text-align: center; left: 34.5%; top: 53%}
.container .num span {font-size: 24px; height: 100%; width: 33.3%; display: inline-block; line-height: 1.4}
.container .active-form {width: 100%; background-color: #32cbdd}
.container .form-mox {margin: 0px 15px}
.container .form-element {width: 100%; vertical-align: middle; position: relative; padding-bottom: 14px}
.container .last.form-element {padding-bottom: 50px}
input[type='text'] {font-size: 16px; height: 45px; width: 100%; outline-width: 0px; padding-left: 10px; display: block; line-height: 18px; padding-right: 10px; -webkit-appearance: none; border-radius: 2px; -moz-border-radius: 0}
input[type='tel'] {font-size: 16px; height: 45px; width: 100%; outline-width: 0px; padding-left: 10px; display: block; line-height: 18px; padding-right: 10px; -webkit-appearance: none; border-radius: 2px; -moz-border-radius: 0}
.click-make {font-size: 16px; height: 45px; width: 100%; outline-width: 0px; padding-left: 10px; display: block; line-height: 18px; padding-right: 10px; -webkit-appearance: none; border-radius: 2px; -moz-border-radius: 0}
.container .read {color: #006e7b; line-height: 14px}
.container .read a {text-decoration: underline}
#zxdcheck {border-top-style: none; height: 15px; width: 15px; border-bottom-style: none; float: left; border-right-style: none; border-left-style: none; background-color: #fff; margin-right: 5px; border-radius: 2px; -moz-border-radius: 2px}
.content {display: none}
.click-make {font-size: 18px; background: #ffd800; font-weight: bold; color: #666; text-align: center; line-height: 45px}
.fixed {width: 70px; right: 0px; position: fixed; z-index: 10; bottom: 70px}
.no-checked {color: #fff; background-color: #ccc}
.finger {height: 50px; width: 50px; background: url(//static.to8to.com/wap/static/images/mfsj/finger.png) no-repeat center 50%; position: absolute; left: 60%; display: block; top: 30px; -moz-background-size: cover; background-size: cover}
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-fill-mode: both}
.infinite.animated {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-animation-iteration-count: infinite}
.hinge.animated {-webkit-animation-duration: 2s; animation-duration: 2s; -moz-animation-duration: 2s}
.pulse {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pulse; animation-name: pulse; -moz-animation-duration: 1s; -moz-animation-name: pulse}
a {border-top-style: none; border-bottom-style: none; border-right-style: none; outline-style: none; border-left-style: none}
.load {height: 100%; width: 100%; background-color: #fff}
.load img {width: 100px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.g-msg {height: 40px; width: 100%; position: fixed; left: 0px; z-index: 5; top: 50px}
.g-msg .msg {height: 40px; position: absolute; margin-left: 10px; display: none; border-radius: 20px; -moz-border-radius: 20px}
.g-msg .msg img {height: 30px; width: 30px; margin: 5px; display: inline-block; border-radius: 15px; -moz-border-radius: 15px}
.g-msg .msg span {height: 40px; color: #fff; display: inline-block; line-height: 40px; margin-right: 10px}
.page2 {background-color: #fff}
.page2 .fs-1 {width: 40%; margin: 0px auto; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -moz-animation-duration: 0.5s}
.page2 .fs-2 {width: 40%; position: relative; float: left; margin: 0px 5%; top: -9px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -moz-animation-duration: 0.5s}
.page2 .fs-3 {width: 40%; position: relative; float: left; margin: 0px 5%; top: -9px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -moz-animation-duration: 0.5s}
.play1 {left: 35%; top: 20%}
.play2 {left: 53%; top: 62%}
.dot {height: 20px; width: 20px; position: absolute; border-radius: 50%; -moz-border-radius: 50%}
.dot > div {height: 20px; width: 20px; display: inline-block; background-color: #fff; -webkit-animation-fill-mode: both; animation-fill-mode: both; border-radius: 50%; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; -moz-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; -moz-border-radius: 50%; -moz-animation-fill-mode: both}
.dot1 {left: 20%; top: 70%}
.dot2 {left: 90%; top: 60%}
.dot3 {left: 73%; top: 76%}
.dot p {
    width: 200px;
    position: absolute;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    left: -50px;
    margin-top: 10px;
    display: none;
    padding-right: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
	line-height:20px;
}
.dot1 p {width: 200px; position: absolute; color: #fff; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; left: -50px; margin-top: 10px; display: none; padding-right: 0px; border-radius: 3px; -moz-border-radius: 3px}
.dot1 p:before {border-top: transparent 8px solid; height: 0px; border-right: transparent 8px solid; width: 0px; border-bottom: transparent 8px solid; position: absolute; content: ''; left: 52px; border-left: transparent 8px solid; top: -16px}
.dot2 p {width: 200px; position: absolute; color: #fff; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; left: -215px; margin-top: 10px; top: -41px; padding-right: 0px; border-radius: 3px; -moz-border-radius: 3px}
.dot2 p:before {border-top: transparent 8px solid; height: 0px; border-right: transparent 8px solid; width: 0px; border-bottom: transparent 8px solid; position: absolute; content: ''; left: 200px; border-left: transparent 8px solid; top: 33px}
.dot3 p {width: 200px; position: absolute; color: #fff; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; left: -214px; margin-top: 10px; display: none; top: -10px; padding-right: 0px; border-radius: 3px; -moz-border-radius: 3px}
.dot3 p:before {border-top: transparent 8px solid; height: 0px; border-right: transparent 8px solid; width: 0px; border-bottom: transparent 8px solid; position: absolute; content: ''; left: 200px; border-left: transparent 8px solid; top: 2px}
.swiper-container {padding-bottom: 20px; padding-top: 20px; padding-left: 0px; padding-right: 0px}
.swiper-slide {box-sizing: border-box; width: 33%; padding-bottom: 20px; padding-top: 20px; padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box}
.swiper-slide div {border-radius: 50%; -moz-border-radius: 50%}
.swiper-slide-active div {border-top: yellow 1px solid; border-right: yellow 1px solid; border-bottom: yellow 1px solid; padding-bottom: 97.5%; border-left: yellow 1px solid; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s, -moz-transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s}
.designer-info img {display: none}
.city:after {border-top: transparent 8px solid; height: 0px; border-right: transparent 8px solid; width: 0px; right: 5px; border-bottom: transparent 8px solid; position: absolute; content: ''; border-left: transparent 8px solid; top: 15px}
.designer1 {background-image: url(/images/mfsj/designer01.jpg); background-repeat: no-repeat; padding-bottom: 100%; -moz-background-size: 100%; background-size: 100%}
.designer2 {background-image: url(/images/mfsj/designer02.jpg); background-repeat: no-repeat; padding-bottom: 100%; -moz-background-size: 100%; background-size: 100%}
.designer3 {background-image: url(/images/mfsj/designer03.jpg); background-repeat: no-repeat; padding-bottom: 100%; -moz-background-size: 100%; background-size: 100%}
.gif1 {width: 70%; position: absolute; left: 8%; top: 14%}
.gif11 {width: 70%}
.gif21 {width: 70%}
.gif2 {width: 70%; position: absolute; left: 23%; top: 55%}
.house1 {width: 52%; position: absolute; left: 48%; top: 33%}
.house2 {width: 68%; position: absolute; left: 0%; top: 76%}
.banner-wx-new {width: 100%; position: fixed; color: #fff; padding-bottom: 5px; padding-top: 5px; padding-left: 12px; left: 0px; z-index: 39; display: none; padding-right: 12px; bottom: 0px}
.banner-wx-new-img {width: 25%; vertical-align: middle; text-align: center; display: inline-block}
.banner-wx-new-img img {max-width: 100%; height: 80px; width: 103px; display: inline-block}
.banner-wx-new-text {font-size: 14px; width: 75%; vertical-align: middle; padding-left: 7px; display: inline-block; line-height: 21px}
.banner-wx-new-text p {color: #fff}
.banner-wx-new-text-name {color: #34c083}
.banner-wx-new-text-number {color: #e57e04}
.banner-wx-new-text-hao {color: #e57e04}
body {-webkit-user-select: text; user-select: text}
.banner-wx-new-text {-webkit-user-select: none; user-select: none}
#banner-wx-new-text-hao {-webkit-user-select: text; user-select: text}
.banner-wx-new-text-tip {color: #e57e04}

@media unknown    
{
.banner-wx-new-text {font-size: 12px}
.banner-wx-new-img img {height: 66px}
.banner-wx-new-img img {height: 72px}
    }
.banner-wx-new-text-btn {vertical-align: middle}
.weixin-pop-wx3-btn {font-size: 12px; vertical-align: baseline; padding-bottom: 2px; padding-top: 2px; padding-left: 5px; margin-left: 7px; display: inline-block; padding-right: 5px; background-color: #22cc77; border-radius: 5px}
.weixin-pop-wx3-btn-text {color: #fff; padding-left: 5px; display: inline-block}
.weixin-pop-wx3-btn-icon {vertical-align: sub}
.pulse-btn {-webkit-animation: pulse-btn 5s infinite; -moz-animation: pulse-btn 5s infinite; animation: pulse-btn 5s infinite}

@media unknown    
{
.banner-wx-new-img img {height: 60px}
.weixin-pop-wx3-btn {padding-bottom: 2px; padding-top: 2px; padding-left: 3px; padding-right: 3px}
.weixin-pop-wx3-btn-text {padding-left: 2px}
.weixin-pop-wx3-btn {margin-left: 5px}
    }
.banner-wx-new-pop {height: 100%; width: 100%; position: fixed; z-index: 103; top: 0px}
.banner-wx-new-pop-box {height: 96px; width: 206px; position: absolute; text-align: center; margin-left: -103px; left: 50%; margin-top: -48px; top: 50%; background-color: #fff}
.banner-wx-new-pop-box-tip {font-size: 14px; height: 50%; padding-top: 15px; margin-left: 0px}
.banner-wx-new-pop-box-tip img {height: 29px; width: 20px; vertical-align: text-top; margin-left: 2px; margin-top: -8px; display: inline-block}
.banner-wx-new-pop-box-num {font-size: 20px; height: 50%; color: #fff; padding-top: 10px; background-color: #25c875}
.new-result-box {-webkit-user-select: none; user-select: none}
.banner-wx-new-pop-box {-webkit-user-select: text; user-select: text}
.banner-wx-new-pop-box-tip {-webkit-user-select: none; user-select: none}
body #banner-wx-new-pop-box-num {-webkit-user-select: text; user-select: text}
.banner-wx-new-pop-box-close {font-size: 18px; border-top: #fff 1px solid; height: 28px; border-right: #fff 1px solid; width: 28px; right: -1px; border-bottom: #fff 1px solid; position: absolute; color: #fff; padding-top: 1px; border-left: #fff 1px solid; top: -50px; border-radius: 50%}

@media unknown    
{
.banner-wx-new-text {padding-left: 20px}
.banner-wx-new-img img {height: 75px}
    }
.all-question {background-color: #31cadd}
.question {background-color: #31cadd}
.title {color: #ffffff}
.radio {position: relative; background-color: #ffffff; border-radius: 4px}
.line {}
.option {cursor: pointer; width: 45%; vertical-align: top; display: inline-block}
.village {width: 100%; border-bottom: #dddddd 1px solid}
.area {width: 100%}
.areabox {position: relative}
.areabox input {border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none}
.square {right: 10px; position: absolute; top: 12px}
.botton {text-align: center; background-color: #ffd800; border-radius: 4px}
.botton input {background-color: #ffd800; border-radius: 4px}
.option .off {vertical-align: top; background-image: url(//static.to8to.com/wap/static/images/mfsj/before_icon.png); display: inline-block; background-size: 100% 100%}
.option .on {vertical-align: top; background-image: url(//static.to8to.com/wap/static/images/mfsj/before_icon.png); display: inline-block; background-size: 100% 100%}
.option .on {background-image: url(//static.to8to.com/wap/static/images/mfsj/after_icon.png)}
.note {width: 100%}
.liangfang {border-top-style: none; width: 100%; background: #fff; border-bottom-style: none; border-right-style: none; border-left-style: none; -webkit-appearance: none; -moz-appearance: none; appearance: none}
.textbox {position: relative}
.miao {position: absolute; color: #a9a9a9; left: 3px; top: 1px}
input[type='date']:before {color: #a9a9a9; content: attr(placeholder)}
.week {position: absolute; color: #222}
.cptent-content {overflow: hidden}
.four-box {padding-top: 40px}
.share-btn {width: 71.46%; background: #34c083; color: #fff; text-align: center; margin: 0px auto; border-radius: 0.2rem}
.back-index-btn {width: 71.46%; background: #cccccc; color: #fff; text-align: center; margin: 15px auto 0px; border-radius: 0.2rem}
.pop-bottom {height: 100%; width: 100%; position: fixed; left: 0px; z-index: 44; display: none; top: 0px}
.share-content {width: 78.67%; position: fixed; margin-left: 10.66%; left: 0px; z-index: 45; display: none; top: 0px}
.share-close-icon {width: 6.93%; position: absolute}
.share-icon-list {}
.share-icon-list .share-icon-btn {width: 14.4%; float: left; margin-right: 6.96%}
.share-icon-list .share-icon-btn:unknown {margin-right: 0%}
.share-icon-list .share-icon-btn img {width: 100%}
.share-icon-list .share-text {width: 100%; color: #fff; text-align: center}
.share-point {width: 56.13%; right: 4%; position: absolute; z-index: 45; display: none}
.clearfix:after {overflow: hidden; height: 0px; content: " "; clear: both; display: block}
.one-box {display: block; margin-top:57px;}
.two-box {display: none}
.three-box {display: none}
.four-box {display: none}
.share-link-box {height: 100%; width: 100%; position: fixed; left: 0px; z-index: 9999; top: 0px}
.share-detail-box {width: 100%; position: fixed; left: 0px; z-index: 15000; bottom: 0px}
.share-detail-box .share-detail-div {position: relative; padding-bottom: 5%; padding-top: 5%; padding-left: 5%; padding-right: 5%}
.share-detail-box .share-detail-div .load-head {padding-bottom: 5%}
.share-detail-div .load-head {padding-bottom: 5%}
.share-detail-div .load-head h3 {text-align: center}
.share-detail-div .share-load-con {overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 4%}
.share-load-con .share-con-title {margin-bottom: 5%}
.share-load-con .share-con-border {overflow: hidden; margin-bottom: 5%; border-top: #b9b9b9 1px dashed; border-right: #b9b9b9 1px dashed; text-overflow: ellipsis; border-bottom: #b9b9b9 1px dashed; color: #666; padding-bottom: 3%; padding-top: 3%; padding-left: 3%; border-left: #b9b9b9 1px dashed; line-height: 1.5; padding-right: 3%; border-radius: 5px}
.share-load-con .share-load-btn {margin-bottom: 8%; width: 100%; color: #fff; padding-bottom: 4%; text-align: center; padding-top: 4%; padding-left: 0px; display: inline-block; padding-right: 0px; background-color: #34c083; border-radius: 5px}
.share-load-con .share-btn-border {margin-bottom: 5%; border-top: #34c083 1px solid; border-right: #34c083 1px solid; width: 100%; border-bottom: #34c083 1px solid; color: #34c083; padding-bottom: 4%; text-align: center; padding-top: 4%; padding-left: 0px; border-left: #34c083 1px solid; display: inline-block; padding-right: 0px; border-radius: 5px}
.share-con-border .share-load-icon1 {background-image: url(//img.to8to.com/wap/v2/share_icon.png); background-repeat: no-repeat; display: inline-block; background-size: 25px 82px}
.share-con-border .share-load-icon2 {background-image: url(//img.to8to.com/wap/v2/share_icon.png); background-repeat: no-repeat; display: inline-block; background-size: 25px 82px}
.share-detail-div .share-load-close {background-image: url(//img.to8to.com/wap/v2/share_icon.png); background-repeat: no-repeat; display: inline-block; background-size: 25px 82px}
.share-con-border .share-load-icon1 {height: 24px; width: 24px; vertical-align: middle; background-position: 0px 0px; margin: 0px 3px}
.share-con-border .share-load-icon2 {height: 23px; width: 23px; vertical-align: middle; background-position: 0px -29px; margin: 0px 3px}
.share-detail-div .share-load-close {height: 25px; width: 24px; right: 5%; position: absolute; background-position: 0px -57px; top: 3%}