﻿@charset "utf-8";
@import url("reset.css");
.desktop .mobileW{display: none;}
.mobile .desktopW{display: none;}
html,body{height: 100%;overflow: hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.wrapper{position: relative;display: table;table-layout: fixed;width: 100%;height: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.layout{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.main{width: 900px;margin: 0 auto;}
.content{display:-webkit-flex;display: flex;}
.desktopW .phone{width: 50%;}
.desktopW .info{width: 45%;/*margin-top: 50px;*/}
.desktopW .logo{padding:0 0 30px 0;}
.desktopW .down{width: 100%;}
.desktopW .down a{display: block;width: 100%;height: 60px;line-height: 60px;margin: 30px 0;font-size: 24px;border-radius: 50px;}
.desktopW .down span{display:inline-block;height: 100%;padding-left: 40px;background-position: left center;background-repeat:no-repeat;}
.desktopW .down .ios{color: #e65f5b;border:3px solid #e65f5b;}
.desktopW .down .ios span{background-image: url(../images/iosm.png);}
.desktopW .down .android{color: #07b554;border: 3px solid #07b554;}
.desktopW .down .android span{background-image: url(../images/androidm.png);}
.desktopW .footer{position: absolute;left: 0;bottom: 70px;width: 100%;text-align: center;font-size: 36px;line-height: 1em;color: #bdbcbd;}
.desktopW .footer span{color: #fc5f4e;cursor:auto;}

.weba{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;}
.desktopW .weba a{margin:0;width:100%;font-size:20px;color: #0082f3;border: 3px solid #0082f3;}
.desktopW .down .weba1 span{background-image: url(../images/weba1.png);}
.desktopW .down .weba2 span{background-image: url(../images/weba2.png);}

@media screen and (max-height: 690px) {
	.desktopW .footer{bottom: 35px;}
}
@media screen and (max-height: 600px) {
	.desktopW .footer{bottom: 20px;font-size: 26px;}
}

.container{width: 80%;margin: 0 auto;}
.container .logo{width: 70%;margin: 1rem auto;}
.container .phone{width: 70%;margin: 0 auto;}
.container .down{width: 70%;margin: 0 auto;}
.container .down a{display: block;width: 100%;margin: .6rem 0;}
.container .footer{line-height: 1rem;color: #bdbcbd;font-size: 1rem;}
.container .footer span{color: #fc5f4e;cursor:auto;}

.mobileW .weba{display: block; height: 100%;}
.mobileW .weba a{display: block;height: 5.0rem;line-height: 5.0rem;margin: .6rem 0;font-size: 2.5rem;border-radius: 80px;color: #0082f3;border: 2px solid #0082f3;}
.mobileW .weba span{display:inline-block;height: 100%;padding-left: 2.0rem;background-position: left center;background-repeat:no-repeat;background-size:2.0rem;}
.mobileW .weba1 span{background-image: url(../images/weba1.png);}
.mobileW .weba2 span{background-image: url(../images/weba2.png);}

.layui-layer-content{padding:30px;text-align: center;color:#FF4400;font-size:1rem;}
.layui-layer-btn .layui-layer-btn1{background-color: #FF4400;color: #fff;border-color: #FF4400;}
.mobile .layui-layer-btn a{height: 35px;line-height: 35px;margin: 5px 20px 0;}
}