@charset "utf-8";
/*--！！注意！！------------------------------*/
/*--此css是移动端使用，注意样式适应移动端-----*/
/*--浏览器内核兼容如：------------------------*/
/*---webkit-border-radius---------------------*/
/*---moz-border-radius------------------------*/
/*---border-radius----------------------------*/
/*--参照设备width:360px;font-size:100px 等比缩放font-size--*/

/*--样式重置以及清除浮动--*/
html{font-size:100px;font-weight: 400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-weight: 400;}
body,input,label,select,option,textarea,button,fieldset,legend,td,th,caption{ background-color:transparent;font-weight: 400;color:#3A3D40;font-size:14px;font-family:"Microsoft YaHei","PingFang SC",Helvetica,Roboto,Arial,sans-serif;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight: 400;}
a,button{color:#3A3D40;text-decoration:none; cursor: pointer;border: none;display: inline-block}
a{vertical-align:top}
img { border:none;vertical-align: middle;}
ol,ul,li { list-style:none; }
input, textarea, select, button {outline: none;}
table { border-collapse:collapse; }
html {min-width: 100%;min-height: 100%;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*通用样式*/
html, body {
    width: 100%;
    height: 100%;
    background: #148b90;
    overflow:hidden;
}
a{
    display: inline-block;
}
.imgWrap img{
    width: 100%;
}
.imgWrap .maImg{
    width: 0.8rem;
}
.commWrap{
    background-position: center;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

/*弹出框*/
.shadowBox{
    background: rgba(37,112,113,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    top: 0rem;
    left: 0rem;
}
.closeBtn{
    width: 0.336rem;
    height: 0.364rem;
    background: url("https://static.web.sdo.com/komori/pic/20180926_web/closeBtn.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
}
.closeBtn.yuClose{
    right: 0.2rem;
    top: -0.1rem;
}
.closeBtn.yuSClose{
    right: 0.2rem;
    top: -0.1rem;
}
.mainWrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
/*预约*/
.yuSJump{
    width: 3.255rem;
    height: 3.5rem;
    /*background: url("https://static.web.sdo.com/komori/pic/20180926_web/m/MyuYue.png");*/
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1.75rem;
    margin-left: -1.5rem;
}
.yuSJump img{
    position: absolute;
    width: 3.255rem;
    left: 0rem;
    top: 0rem;
}
.yuJump{
    width: 3.05rem;
    height: 3.23rem;
    background: url("https://static.web.sdo.com/komori/pic/20180926_web/m/yuWrap.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1.615rem;
    margin-left: -1.32rem;
    text-align: center;
}
.yuJump .paddingWrap{
    padding: 0.4rem;
    padding-right: 0.7rem;
}
.longWrap{
    display: inline-block;
    width: 1.805rem;
    height: 0.3rem;
    background: url("https://static.web.sdo.com/komori/pic/20180926_web/input1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 0.2rem;
    position: relative;
}
.longInput{
    width: 1.415rem;
    height: 0.3rem;
    border: 0px;
    margin-bottom: 0.15rem;
    font-size: 0.12rem;
    color: #ffffff;
    padding-left: 0.39rem;
}
.shortInput{
    display: inline-block;
    width: 0.745rem;
    height: 0.3rem;
    background: url("https://static.web.sdo.com/komori/pic/20180926_web/input2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    border: 0px;
    font-size: 0.12rem;
    color: #ffffff;
    padding-left: 0.15rem;
}
.submitWrap{
    width: 0.9rem;
}
.yzm{
    display: inline-block;
    width: 0.81rem;
    float: left;
    margin-left: 0.08rem;
}
.yzm a {
    background: #f9f0e7;
    color: #000000;
    font-size: 0.12rem;
    text-align: center;
    height: 0.27rem;
    line-height: 0.27rem;
    border: 1px solid #999999;
    width: 0.86rem;
    border-radius: 100px;
}
.phoneIcon{
    width: 0.11rem;
    height: 0.16rem;
    background: url("https://static.web.sdo.com/komori/pic/20180926_web/phone.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0.16rem;
    top: 0.08rem;
}
.qqIcon{
    width: 0.16rem;
    height: 0.16rem;
    background: url("https://static.web.sdo.com/komori/pic/20180926_web/qq.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0.13rem;
    top: 0.08rem;
}
.platWrap{
    font-size: 0.16rem;
    color: #ffffff;
    width: 0.75rem;
    height: 0.3rem;
    line-height: 0.3rem;
    position: relative;
    text-align: center;
    z-index: 30;
}
.platWrap.an{
    float: left;
    margin-left: 0.15rem;
}
.platWrap.ios{
    float: right;
}
.switch{
    background: #a4c439;
    border: 0.02rem solid #ffffff;
    width: 0.83rem;
    height: 0.26rem;
    position: absolute;
    border-radius: 100px;
    left: 0px;
    top: 0px;
    transition-duration: 300ms;
}
.anIcon{
    width: 0.15rem;
    height: 0.17rem;
    background: url(https://static.web.sdo.com/komori/pic/20180926_web/an.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0.07rem;
}
.iosIcon{
    width: 0.15rem;
    height: 0.17rem;
    background: url("https://static.web.sdo.com/komori/pic/20180926_web/ios.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0.07rem;
}
.maImg{
    position: absolute;
    right: -0.9rem;
    top: 0rem;
    width: 1rem;
}
.testBtn{
    width: 100px;
    padding: 0.1rem 0rem;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #ffffff;
    border-radius: 100px;
    margin-top: 2rem;
}
.jietu{
	/* width: 100%; 
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	color: #fff;
	display: none;
	z-index: 99;
    */
    background-position:center;
    background-size:cover;
    width: 100%;
    height: 100%;
    overflow:hidden;
    position:relative;
    background-image: url("");

}
.jietu .img-wrap{
	width: 5.72rem;
	position: absolute;
	left: 50%;
	margin-left: -2.86rem;
	height: 10.18rem;
	margin-top: -5.09rem;
	top: 50%;
}
.jietu .img-share{
	width: 100%;
	height: 100%;
    opacity:0;
}
.shareBtnImg{
    position:absolute;
    right:2%;
    top:5%;
    width: 15%;
}
.shareTipsImg{
    position:absolute;
    right:10px;
    top:15%;
    width: 30%;
}
.shareAppImg{
    position:absolute;
    right:18%;
    top:5%;
    width: 15%;
}
input::-webkit-input-placeholder{
    /* WebKit browsers */
    color: #ffffff;
}
input:-moz-placeholder{
    /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
}
input::-moz-placeholder{
    /* Mozilla Firefox 19+ */
    color: #ffffff;
}
input:-ms-input-placeholder{
    /* Internet Explorer 10+ */
    color: #ffffff;
}