官网新增模拟器下载
This commit is contained in:
dragon
@@ -1,351 +1,456 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-family: "Heiti SC", "Microsoft Sans Serif"; }
|
font-family: "Heiti SC", "Microsoft Sans Serif";
|
||||||
|
}
|
||||||
.container {
|
|
||||||
position: relative; }
|
.container {
|
||||||
|
position: relative;
|
||||||
@media screen and (min-width: 769px) {
|
}
|
||||||
.m-bg {
|
|
||||||
display: none; }
|
@media screen and (min-width: 769px) {
|
||||||
.m-bg img {
|
.m-bg {
|
||||||
display: block; } }
|
display: none;
|
||||||
.homePc {
|
}
|
||||||
width: 100%;
|
.m-bg img {
|
||||||
height: 10rem;
|
display: block;
|
||||||
background: url(../images/homePc.png) no-repeat;
|
}
|
||||||
background-size: 100% 100%;
|
}
|
||||||
position: relative;
|
|
||||||
overflow: hidden; }
|
.homePc {
|
||||||
.homePc .logo {
|
width: 100%;
|
||||||
width: 0.64rem;
|
height: 10rem;
|
||||||
height: 0.64rem;
|
background: url(../images/homePc.png) no-repeat;
|
||||||
position: absolute;
|
background-size: 100% 100%;
|
||||||
top: 0.36rem;
|
position: relative;
|
||||||
left: 2.4rem; }
|
overflow: hidden;
|
||||||
.homePc .name {
|
}
|
||||||
font-size: 0.3rem;
|
|
||||||
color: #282828;
|
.homePc .logo {
|
||||||
font-weight: 600;
|
width: 0.64rem;
|
||||||
position: absolute;
|
height: 0.64rem;
|
||||||
top: 0.55rem;
|
position: absolute;
|
||||||
left: 3.22rem; }
|
top: 0.36rem;
|
||||||
.homePc .charge {
|
left: 2.4rem;
|
||||||
font-size: 0.32rem;
|
}
|
||||||
color: #282828;
|
|
||||||
font-weight: 600;
|
.homePc .name {
|
||||||
position: absolute;
|
font-size: 0.3rem;
|
||||||
right: 4.24rem;
|
color: #282828;
|
||||||
top: 0.5rem; }
|
font-weight: 600;
|
||||||
.homePc p {
|
position: absolute;
|
||||||
font-size: 0.32rem;
|
top: 0.55rem;
|
||||||
color: #282828;
|
left: 3.22rem;
|
||||||
font-weight: 600;
|
}
|
||||||
position: absolute;
|
|
||||||
right: 3.95rem;
|
.homePc .charge {
|
||||||
top: 0.5rem; }
|
font-size: 0.32rem;
|
||||||
.homePc .kefu {
|
color: #282828;
|
||||||
font-size: 0.32rem;
|
font-weight: 600;
|
||||||
color: #282828;
|
position: absolute;
|
||||||
font-weight: 600;
|
right: 4.24rem;
|
||||||
position: absolute;
|
top: 0.5rem;
|
||||||
right: 2.4rem;
|
}
|
||||||
top: 0.5rem; }
|
|
||||||
.homePc .swiper {
|
.homePc p {
|
||||||
width: 12rem;
|
font-size: 0.32rem;
|
||||||
height: 9rem;
|
color: #282828;
|
||||||
margin: 0.85rem 0 0 5rem;
|
font-weight: 600;
|
||||||
position: relative;
|
position: absolute;
|
||||||
overflow-y: hidden; }
|
right: 3.95rem;
|
||||||
.homePc .swiper .swiper-wrapper {
|
top: 0.5rem;
|
||||||
width: 9rem;
|
}
|
||||||
height: 100%;
|
|
||||||
/*先去掉前进后退按钮默认样式*/
|
.homePc .kefu {
|
||||||
--swiper-navigation-size:0;
|
font-size: 0.32rem;
|
||||||
/*再自定义样式*/ }
|
color: #282828;
|
||||||
.homePc .swiper .swiper-wrapper .swiper-slide img {
|
font-weight: 600;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
right: 2.4rem;
|
||||||
left: 50%;
|
top: 0.5rem;
|
||||||
transform: translateX(-50%); }
|
}
|
||||||
.homePc .swiper .swiper-wrapper .slide1 {
|
|
||||||
position: relative; }
|
.homePc .swiper {
|
||||||
.homePc .swiper .swiper-wrapper .slide1 .iphone {
|
width: 12rem;
|
||||||
width: 2.78rem;
|
height: 9rem;
|
||||||
height: 0.84rem;
|
margin: 0.85rem 0 0 5rem;
|
||||||
position: absolute;
|
position: relative;
|
||||||
left: 1.3rem;
|
overflow-y: hidden;
|
||||||
bottom: 2.1rem; }
|
}
|
||||||
.homePc .swiper .swiper-wrapper .slide1 .android {
|
|
||||||
width: 2.78rem;
|
.homePc .swiper .swiper-wrapper {
|
||||||
height: 0.84rem;
|
width: 9rem;
|
||||||
position: absolute;
|
height: 100%;
|
||||||
right: 1.3rem;
|
/*先去掉前进后退按钮默认样式*/
|
||||||
bottom: 2.1rem; }
|
--swiper-navigation-size: 0;
|
||||||
.homePc .swiper .swiper-wrapper .swiper-button-prev img {
|
/*再自定义样式*/
|
||||||
width: 0.54rem;
|
}
|
||||||
height: 0.84rem; }
|
|
||||||
.homePc .swiper .swiper-wrapper .swiper-button-next img {
|
.homePc .swiper .swiper-wrapper .swiper-slide img {
|
||||||
width: 0.54rem;
|
position: absolute;
|
||||||
height: 0.84rem; }
|
top: 0;
|
||||||
.homePc .swiper .swiper-pagination {
|
left: 50%;
|
||||||
width: 20%;
|
transform: translateX(-50%);
|
||||||
height: 50%;
|
}
|
||||||
position: absolute;
|
|
||||||
top: 5rem;
|
.homePc .swiper .swiper-wrapper .slide1 {
|
||||||
right: -1rem; }
|
position: relative;
|
||||||
.homePc .swiper .swiper-pagination .swiper-pagination-bullet {
|
}
|
||||||
width: 0.25rem !important;
|
|
||||||
height: 0.25rem !important;
|
.homePc .swiper .swiper-wrapper .slide1 .iphone {
|
||||||
background: none !important;
|
width: 2.78rem;
|
||||||
background-image: url(../images/li.png) !important;
|
height: 0.84rem;
|
||||||
background-size: 100% 100% !important;
|
position: absolute;
|
||||||
opacity: 1 !important;
|
left: 0.3rem;
|
||||||
margin: 0.5rem 0; }
|
bottom: 2.1rem;
|
||||||
.homePc .swiper .swiper-pagination .swiper-pagination-bullet-active {
|
}
|
||||||
background: none !important;
|
|
||||||
background-image: url(../images/li_active.png) !important;
|
.homePc .swiper .swiper-wrapper .slide1 .android {
|
||||||
background-size: 100% 100% !important;
|
width: 2.78rem;
|
||||||
opacity: 1 !important; }
|
height: 0.84rem;
|
||||||
|
position: absolute;
|
||||||
.eori {
|
right: 2.6rem;
|
||||||
width: 100%;
|
bottom: 2.1rem;
|
||||||
background: #30312C;
|
}
|
||||||
color: white;
|
|
||||||
padding: 0.2rem 0;
|
.homePc .swiper .swiper-wrapper .slide1 .simulator {
|
||||||
vertical-align: top; }
|
width: 2.78rem;
|
||||||
.eori .recordfoot {
|
height: 0.84rem;
|
||||||
color: #fff;
|
position: absolute;
|
||||||
display: flex;
|
right: -0.8rem;
|
||||||
justify-content: center;
|
bottom: 2.1rem;
|
||||||
align-items: center;
|
}
|
||||||
margin-bottom: 0.1rem; }
|
|
||||||
.eori .recordfoot .record {
|
.homePc .swiper .swiper-wrapper .swiper-button-prev img {
|
||||||
display: inline-block;
|
width: 0.54rem;
|
||||||
padding-right: 0.0533333333rem;
|
height: 0.84rem;
|
||||||
height: 0.16rem;
|
}
|
||||||
width: 0.15rem; }
|
|
||||||
.eori .recordfoot a {
|
.homePc .swiper .swiper-wrapper .swiper-button-next img {
|
||||||
font-size: 0.2rem;
|
width: 0.54rem;
|
||||||
color: #fff; }
|
height: 0.84rem;
|
||||||
.eori .gongsi {
|
}
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
.homePc .swiper .swiper-pagination {
|
||||||
text-align: center; }
|
width: 20%;
|
||||||
.eori .gongsi p {
|
height: 50%;
|
||||||
font-size: 0.2rem; }
|
position: absolute;
|
||||||
.eori .gongsi p:nth-child(2) {
|
top: 5rem;
|
||||||
margin: 0 0.2rem; }
|
right: -1rem;
|
||||||
|
}
|
||||||
.service {
|
|
||||||
position: fixed;
|
.homePc .swiper .swiper-pagination .swiper-pagination-bullet {
|
||||||
left: 0;
|
width: 0.25rem !important;
|
||||||
bottom: 0;
|
height: 0.25rem !important;
|
||||||
top: 0;
|
background: none !important;
|
||||||
right: 0;
|
background-image: url(../images/li.png) !important;
|
||||||
background: rgba(0, 0, 0, 0.8);
|
background-size: 100% 100% !important;
|
||||||
z-index: 9999;
|
opacity: 1 !important;
|
||||||
display: none; }
|
margin: 0.5rem 0;
|
||||||
.service .service_in {
|
}
|
||||||
width: 8.23rem;
|
|
||||||
height: 4.9rem;
|
.homePc .swiper .swiper-pagination .swiper-pagination-bullet-active {
|
||||||
background: #FFFFFF;
|
background: none !important;
|
||||||
border-radius: 0.5rem;
|
background-image: url(../images/li_active.png) !important;
|
||||||
position: relative;
|
background-size: 100% 100% !important;
|
||||||
left: 50%;
|
opacity: 1 !important;
|
||||||
top: 50%;
|
}
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
overflow: hidden; }
|
.eori {
|
||||||
.service .service_in .close {
|
width: 100%;
|
||||||
width: 0.5rem;
|
background: #30312C;
|
||||||
height: 0.5rem;
|
color: white;
|
||||||
position: absolute;
|
padding: 0.2rem 0;
|
||||||
top: 0.35rem;
|
vertical-align: top;
|
||||||
right: 0.4rem; }
|
}
|
||||||
.service .service_in .title {
|
|
||||||
width: 100%;
|
.eori .recordfoot {
|
||||||
font-size: 0.48rem;
|
color: #fff;
|
||||||
color: #2D2727;
|
display: flex;
|
||||||
font-weight: 600;
|
justify-content: center;
|
||||||
text-align: center;
|
align-items: center;
|
||||||
margin: 0.35rem 0; }
|
margin-bottom: 0.1rem;
|
||||||
.service .service_in .subhead {
|
}
|
||||||
width: 100%;
|
|
||||||
font-size: 0.24rem;
|
.eori .recordfoot .record {
|
||||||
color: #2D2727;
|
display: inline-block;
|
||||||
font-weight: 600;
|
padding-right: 0.05333rem;
|
||||||
text-align: center;
|
height: 0.16rem;
|
||||||
margin-bottom: 0.5rem; }
|
width: 0.15rem;
|
||||||
.service .service_in .con {
|
}
|
||||||
width: 100%;
|
|
||||||
height: 2.6rem;
|
.eori .recordfoot a {
|
||||||
display: flex;
|
font-size: 0.2rem;
|
||||||
justify-content: space-evenly;
|
color: #fff;
|
||||||
align-items: center; }
|
}
|
||||||
.service .service_in .con div {
|
|
||||||
flex: 1;
|
.eori .gongsi {
|
||||||
font-size: 0.2rem;
|
display: flex;
|
||||||
text-align: center; }
|
justify-content: center;
|
||||||
.service .service_in .con .left {
|
text-align: center;
|
||||||
border-right: 1px solid #F0F0F0; }
|
}
|
||||||
.service .service_in .con .left p e {
|
|
||||||
display: inline-block;
|
.eori .gongsi p {
|
||||||
width: 0.25rem;
|
font-size: 0.2rem;
|
||||||
height: 0.25rem;
|
}
|
||||||
line-height: 0.25rem;
|
|
||||||
text-align: center;
|
.eori .gongsi p:nth-child(2) {
|
||||||
border-radius: 50%;
|
margin: 0 0.2rem;
|
||||||
background-color: #ffe710; }
|
}
|
||||||
.service .service_in .con .left img {
|
|
||||||
width: 3rem;
|
.service {
|
||||||
height: 1.7rem;
|
position: fixed;
|
||||||
margin-top: 0.38rem; }
|
left: 0;
|
||||||
.service .service_in .con .right p e {
|
bottom: 0;
|
||||||
display: inline-block;
|
top: 0;
|
||||||
width: 0.25rem;
|
right: 0;
|
||||||
height: 0.25rem;
|
background: rgba(0, 0, 0, 0.8);
|
||||||
line-height: 0.25rem;
|
z-index: 9999;
|
||||||
text-align: center;
|
display: none;
|
||||||
border-radius: 50%;
|
}
|
||||||
background-color: #ffe710; }
|
|
||||||
.service .service_in .con .right img {
|
.service .service_in {
|
||||||
width: 1.68rem;
|
width: 8.23rem;
|
||||||
height: 1.68rem;
|
height: 4.9rem;
|
||||||
margin-top: 0.38rem; }
|
background: #FFFFFF;
|
||||||
|
border-radius: 0.5rem;
|
||||||
@media screen and (max-width: 768px) {
|
position: relative;
|
||||||
.pc-bg {
|
left: 50%;
|
||||||
display: none; }
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
.m-bg {
|
overflow: hidden;
|
||||||
display: block; }
|
}
|
||||||
|
|
||||||
.homeM {
|
.service .service_in .close {
|
||||||
width: 100%;
|
width: 0.5rem;
|
||||||
height: 14.3rem;
|
height: 0.5rem;
|
||||||
background: url(../images/homeM.png) no-repeat;
|
position: absolute;
|
||||||
background-size: 100% 100%;
|
top: 0.35rem;
|
||||||
position: relative; }
|
right: 0.4rem;
|
||||||
.homeM .logo {
|
}
|
||||||
height: 0.5rem;
|
|
||||||
padding: 0.1rem 0 0 0.34rem;
|
.service .service_in .title {
|
||||||
display: flex;
|
width: 100%;
|
||||||
align-items: center; }
|
font-size: 0.48rem;
|
||||||
.homeM .logo img {
|
color: #2D2727;
|
||||||
width: 0.5rem;
|
font-weight: 600;
|
||||||
height: 0.5rem;
|
text-align: center;
|
||||||
margin-right: 0.08rem; }
|
margin: 0.35rem 0;
|
||||||
.homeM .logo p {
|
}
|
||||||
font-size: 0.26rem;
|
|
||||||
font-weight: 600; }
|
.service .service_in .subhead {
|
||||||
.homeM .charge {
|
width: 100%;
|
||||||
width: 0.6rem;
|
font-size: 0.24rem;
|
||||||
height: 0.4rem;
|
color: #2D2727;
|
||||||
line-height: 0.4rem;
|
font-weight: 600;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 0.1rem;
|
margin-bottom: 0.5rem;
|
||||||
font-size: 0.26rem;
|
}
|
||||||
font-weight: 600;
|
|
||||||
position: absolute;
|
.service .service_in .con {
|
||||||
right: 0.34rem;
|
width: 100%;
|
||||||
top: 0.2rem;
|
height: 2.6rem;
|
||||||
background-color: rgba(0, 0, 0, 0.2); }
|
display: flex;
|
||||||
.homeM .download {
|
justify-content: space-evenly;
|
||||||
width: 100%;
|
align-items: center;
|
||||||
height: 0.84rem;
|
}
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
.service .service_in .con div {
|
||||||
position: absolute;
|
flex: 1;
|
||||||
left: 0;
|
font-size: 0.2rem;
|
||||||
bottom: 0.8rem; }
|
text-align: center;
|
||||||
.homeM .download .iphone,
|
}
|
||||||
.homeM .download .android {
|
|
||||||
width: 2.78rem;
|
.service .service_in .con .left {
|
||||||
height: 0.84rem; }
|
border-right: 1px solid #F0F0F0;
|
||||||
.homeM .swiper2 {
|
}
|
||||||
width: 100%;
|
|
||||||
height: 7.76rem;
|
.service .service_in .con .left p e {
|
||||||
position: absolute;
|
display: inline-block;
|
||||||
top: 4.5rem;
|
width: 0.25rem;
|
||||||
overflow-x: hidden; }
|
height: 0.25rem;
|
||||||
.homeM .swiper2 .swiper-wrapper {
|
line-height: 0.25rem;
|
||||||
width: 100%;
|
text-align: center;
|
||||||
height: 8rem; }
|
border-radius: 50%;
|
||||||
.homeM .swiper2 .swiper-wrapper .swiper-slide img {
|
background-color: #ffe710;
|
||||||
width: 100%;
|
}
|
||||||
height: 100%; }
|
|
||||||
.homeM .swiper2 .swiper-pagination {
|
.service .service_in .con .left img {
|
||||||
position: absolute;
|
width: 3rem;
|
||||||
top: 6.8rem;
|
height: 1.7rem;
|
||||||
left: 0; }
|
margin-top: 0.38rem;
|
||||||
.homeM .swiper2 .swiper-pagination .swiper-pagination-bullet {
|
}
|
||||||
width: 0.25rem !important;
|
|
||||||
height: 0.25rem !important;
|
.service .service_in .con .right p e {
|
||||||
background: none !important;
|
display: inline-block;
|
||||||
background-image: url(../images/li.png) !important;
|
width: 0.25rem;
|
||||||
background-size: 100% 100% !important;
|
height: 0.25rem;
|
||||||
opacity: 1 !important;
|
line-height: 0.25rem;
|
||||||
margin-right: 0.3rem; }
|
text-align: center;
|
||||||
.homeM .swiper2 .swiper-pagination .swiper-pagination-bullet-active {
|
border-radius: 50%;
|
||||||
background: none !important;
|
background-color: #ffe710;
|
||||||
background-image: url(../images/li_active.png) !important;
|
}
|
||||||
background-size: 100% 100% !important;
|
|
||||||
opacity: 1 !important; }
|
.service .service_in .con .right img {
|
||||||
|
width: 1.68rem;
|
||||||
.eori {
|
height: 1.68rem;
|
||||||
width: 100%;
|
margin-top: 0.38rem;
|
||||||
background: #30312C;
|
}
|
||||||
color: white;
|
|
||||||
padding: 0.2rem 0; }
|
@media screen and (max-width: 768px) {
|
||||||
.eori .recordfoot {
|
.pc-bg {
|
||||||
color: #fff;
|
display: none;
|
||||||
display: flex;
|
}
|
||||||
justify-content: center;
|
.m-bg {
|
||||||
align-items: center; }
|
display: block;
|
||||||
.eori .recordfoot .record {
|
}
|
||||||
display: inline-block;
|
.homeM {
|
||||||
padding-right: 0.0533333333rem;
|
width: 100%;
|
||||||
height: 0.3rem;
|
height: 14.3rem;
|
||||||
width: 0.3rem;
|
background: url(../images/homeM.png) no-repeat;
|
||||||
background: url(../images/icon_police.png) no-repeat; }
|
background-size: 100% 100%;
|
||||||
.eori .gongsi {
|
position: relative;
|
||||||
display: block;
|
}
|
||||||
text-align: center; }
|
.homeM .logo {
|
||||||
.eori .gongsi p {
|
height: 0.5rem;
|
||||||
line-height: 1.3;
|
padding: 0.1rem 0 0 0.34rem;
|
||||||
font-size: 0.2rem; }
|
display: flex;
|
||||||
.eori .gongsi p:nth-child(2) {
|
align-items: center;
|
||||||
margin: 0; }
|
}
|
||||||
.eori .tit {
|
.homeM .logo img {
|
||||||
height: 1.6rem;
|
width: 0.5rem;
|
||||||
line-height: 1.6rem;
|
height: 0.5rem;
|
||||||
text-align: center;
|
margin-right: 0.08rem;
|
||||||
font-size: 20px; } }
|
}
|
||||||
.toast {
|
.homeM .logo p {
|
||||||
background: rgba(0, 0, 0, 0.9);
|
font-size: 0.26rem;
|
||||||
border-radius: 10px;
|
font-weight: 600;
|
||||||
width: 100px;
|
}
|
||||||
font-size: 16px;
|
.homeM .charge {
|
||||||
position: fixed;
|
width: 0.6rem;
|
||||||
left: 50%;
|
height: 0.4rem;
|
||||||
top: 50%;
|
line-height: 0.4rem;
|
||||||
transform: translate(-50%, -50%);
|
text-align: center;
|
||||||
color: #fff;
|
border-radius: 0.1rem;
|
||||||
height: 40px;
|
font-size: 0.26rem;
|
||||||
line-height: 40px;
|
font-weight: 600;
|
||||||
text-align: center;
|
position: absolute;
|
||||||
display: none;
|
right: 0.34rem;
|
||||||
z-index: 9; }
|
top: 0.2rem;
|
||||||
|
background-color: rgba(0, 0, 0, 0.2);
|
||||||
.tips {
|
}
|
||||||
display: none;
|
.homeM .download {
|
||||||
position: fixed;
|
width: 100%;
|
||||||
top: 0;
|
height: 0.84rem;
|
||||||
right: 0.2666666667rem;
|
display: flex;
|
||||||
width: 6.1333333333rem;
|
justify-content: space-evenly;
|
||||||
z-index: 9; }
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
/*# sourceMappingURL=index.css.map */
|
bottom: 0.8rem;
|
||||||
|
}
|
||||||
|
.homeM .download .iphone,
|
||||||
|
.homeM .download .android,
|
||||||
|
.homeM .download .simulator {
|
||||||
|
width: 2rem;
|
||||||
|
height: 0.6rem;
|
||||||
|
}
|
||||||
|
.homeM .swiper2 {
|
||||||
|
width: 100%;
|
||||||
|
height: 7.76rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 4.5rem;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
.homeM .swiper2 .swiper-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
height: 8rem;
|
||||||
|
}
|
||||||
|
.homeM .swiper2 .swiper-wrapper .swiper-slide img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.homeM .swiper2 .swiper-pagination {
|
||||||
|
position: absolute;
|
||||||
|
top: 6.8rem;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.homeM .swiper2 .swiper-pagination .swiper-pagination-bullet {
|
||||||
|
width: 0.25rem !important;
|
||||||
|
height: 0.25rem !important;
|
||||||
|
background: none !important;
|
||||||
|
background-image: url(../images/li.png) !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
margin-right: 0.3rem;
|
||||||
|
}
|
||||||
|
.homeM .swiper2 .swiper-pagination .swiper-pagination-bullet-active {
|
||||||
|
background: none !important;
|
||||||
|
background-image: url(../images/li_active.png) !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
.eori {
|
||||||
|
width: 100%;
|
||||||
|
background: #30312C;
|
||||||
|
color: white;
|
||||||
|
padding: 0.2rem 0;
|
||||||
|
}
|
||||||
|
.eori .recordfoot {
|
||||||
|
color: #fff;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.eori .recordfoot .record {
|
||||||
|
display: inline-block;
|
||||||
|
padding-right: 0.05333rem;
|
||||||
|
height: 0.3rem;
|
||||||
|
width: 0.3rem;
|
||||||
|
background: url(../images/icon_police.png) no-repeat;
|
||||||
|
}
|
||||||
|
.eori .gongsi {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.eori .gongsi p {
|
||||||
|
line-height: 1.3;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
}
|
||||||
|
.eori .gongsi p:nth-child(2) {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.eori .tit {
|
||||||
|
height: 1.6rem;
|
||||||
|
line-height: 1.6rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast {
|
||||||
|
background: rgba(0, 0, 0, 0.9);
|
||||||
|
border-radius: 10px;
|
||||||
|
width: 100px;
|
||||||
|
font-size: 16px;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #fff;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
display: none;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0.26667rem;
|
||||||
|
width: 6.13333rem;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|||||||
@@ -114,7 +114,7 @@ html {
|
|||||||
width: 2.78rem;
|
width: 2.78rem;
|
||||||
height: 0.84rem;
|
height: 0.84rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 1.3rem;
|
left: 0.3rem;
|
||||||
bottom: 2.1rem;
|
bottom: 2.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -122,7 +122,15 @@ html {
|
|||||||
width: 2.78rem;
|
width: 2.78rem;
|
||||||
height: 0.84rem;
|
height: 0.84rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 1.3rem;
|
right: 2.6rem;
|
||||||
|
bottom: 2.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.simulator {
|
||||||
|
width: 2.78rem;
|
||||||
|
height: 0.84rem;
|
||||||
|
position: absolute;
|
||||||
|
right: -0.8rem;
|
||||||
bottom: 2.1rem;
|
bottom: 2.1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -389,9 +397,10 @@ html {
|
|||||||
bottom: 0.8rem;
|
bottom: 0.8rem;
|
||||||
|
|
||||||
.iphone,
|
.iphone,
|
||||||
.android {
|
.android,
|
||||||
width: 2.78rem;
|
.simulator {
|
||||||
height: 0.84rem;
|
width: 2rem;
|
||||||
|
height: 0.6rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
BIN
view/yinmeng/home/images/simulator.png
Normal file
BIN
view/yinmeng/home/images/simulator.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
@@ -61,6 +61,9 @@
|
|||||||
<div class="android">
|
<div class="android">
|
||||||
<img src="./images/android.png" alt="">
|
<img src="./images/android.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
<div class="simulator">
|
||||||
|
<img src="./images/simulator.png" alt="">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<img src="./images/pic2.png" alt="">
|
<img src="./images/pic2.png" alt="">
|
||||||
@@ -106,6 +109,7 @@
|
|||||||
<div class="download">
|
<div class="download">
|
||||||
<img src="./images/ios.png" class="iphone" alt="">
|
<img src="./images/ios.png" class="iphone" alt="">
|
||||||
<img src="./images/android.png" class="android" alt="">
|
<img src="./images/android.png" class="android" alt="">
|
||||||
|
<img src="./images/simulator.png" class="simulator" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ let urlData = getQueryString()
|
|||||||
let urlPrefix = getUrlPrefix()
|
let urlPrefix = getUrlPrefix()
|
||||||
//获取url参数
|
//获取url参数
|
||||||
let channelData = urlData.channel
|
let channelData = urlData.channel
|
||||||
|
var simulator = 'https://image.nnbc123.cn/yinmeng_mlq.apk';
|
||||||
//定义官方渠道包
|
//定义官方渠道包
|
||||||
const channelDict = {
|
const channelDict = {
|
||||||
'yinmeng0': 'https://image.lecheng163.com/yinmeng_yinmeng0.apk',
|
'yinmeng0': 'https://image.lecheng163.com/yinmeng_yinmeng0.apk',
|
||||||
@@ -85,6 +86,9 @@ $(function () {
|
|||||||
$('.iphone').on('click', function () {
|
$('.iphone').on('click', function () {
|
||||||
window.location.href = iosUrl;
|
window.location.href = iosUrl;
|
||||||
})
|
})
|
||||||
|
$('.simulator').on('click', function () {
|
||||||
|
window.location.href = simulator;
|
||||||
|
})
|
||||||
//联系客服按钮
|
//联系客服按钮
|
||||||
$('.homePc .kefu').click(function () {
|
$('.homePc .kefu').click(function () {
|
||||||
$('.service').fadeIn()
|
$('.service').fadeIn()
|
||||||
|
|||||||
Reference in New Issue
Block a user