html {
    font-size: 36px
}

.wxs {
    position: absolute;
    width: 1px;
    z-index: -1000
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #fff;
    font-size: 15px;
    color: #fff;
    margin: 0 auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 640px
}

img {
    margin-top: -1px
}

.cover {
    position: fixed;
    width: 1000%;
    height: 1000%;
    background: #fff;
    z-index: 101
}

.container {
    overflow: hidden;
    width: 100%
}

.bgPic {
    width: 100%;
    display: inherit
}

.bgImg {
    width: 100%;
    display: inherit
}

.loading {
    position: fixed;
    width: 100%;
    height: 101%;
    left: 0;
    top: 0;
    z-index: 2000;
    background: #351c46;
    overflow: hidden
}

.loading p {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 51%;
    margin-top: 50px;
    color: #ffeb66;
    font-weight: bold
}

.loading img {
    position: absolute;
    width: 38%;
    left: 31%;
    top: 33%;
    z-index: 100;
    border-radius: 2rem
}

.module {
    position: relative
}

.install {
    line-height: .65rem;
    color: #3a88d5;
    width: 1.6rem;
    height: .65rem;
    font-size: .35rem;
    font-weight: 1000;
    border-radius: .9rem;
    text-align: center;
    background: #e3f0fb;
    border: .5px solid #e3f0fb;
    box-shadow: 0 2px 2px 0 #d6d6d6;
    padding: 1px 0 0 0;
    margin: 0 auto;
    margin-top: 2.65rem;
    margin-left: 6.54rem;
}

.install-other {
    margin-top: 0;
    background: #f2f2f2;
    color: #2f82df;
    box-shadow: none;
    border-radius: .5rem;
    height: .65rem;
    line-height: .65rem;
    width: 1.6rem;
    border: .5px solid #f2f2f2
}

.install-slide {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translate(0px, -50%);
    margin-top: 0;
    background: #f7f7f7;
    color: #2f82df;
    border-radius: .5rem;
    height: .65rem;
    line-height: .65rem;
    width: 1.6rem;
    border: .5px solid #f2f2f2;
    box-shadow: 0 1px 2px #fdfdfd inset;
    font-weight: 300
}

.disabled {
    opacity: .5
}

.list {
    position: relative
}

.downloadApp {
    position: absolute;
    top: 0;
    left: 40%;
    width: 20%;
    height: 79%;
    z-index: 100
}

.downloadApp_bottom {
    height: 0;
    top: 26.8%;
    left: 69%
}

.download_slide {
    left: 0;
    width: 100%;
    height: 97%
}

.share {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 16px;
    top: 22px
}

.share .js_share {
    width: 100%
}

.share .js_share img {
    width: 100%;
    opacity: .8
}

.mongolia {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
    z-index: 100000
}

.mongolia .yst {
    width: 80%;
    margin-left: 15%;
    margin-top: 0
}

.mongolia img {
    width: 100%
}

.dep-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 999999;
    display: none
}

.dialog-deeplink {
    width: 90%;
    height: 90px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    text-align: center;
    border-radius: 10px;
    font-size: 12px;
    border: 1px solid #d8d8d8
}

.notice-content-deeplink,
.notice-deeplink {
    height: 50px;
    line-height: 50px
}

.dialog-deeplink>.line-deeplink {
    display: inline-block;
    width: 100%
}

.button-content-deeplink {
    height: 40px;
    line-height: 40px
}

.dialog-deeplink>.line-deeplink>.button-deeplink {
    width: 50%;
    float: left
}

.module-video-content {
    position: relative
}

.module-video {
    position: absolute;
    top: 5.2%;
    left: 5%;
    width: 90%;
    overflow: hidden;
    z-index: 100
}

.video-wrap {
    -webkit-border-radius: 10px
}

.video-content {
    width: 100%
}

.video-content video {
    width: 100%;
    display: inherit;
    border: 2px solid #c2995c;
    box-sizing: border-box;
    border-radius: 10px
}

.play-icon {
    position: absolute;
    top: 28%;
    left: 39%;
    width: 22%;
    z-index: 100
}

.mask {
    position: absolute;
    top: 2.58%;
    left: 8.68%;
    width: 82.5%
}

.play-icon img {
    width: 100%
}

.mask img {
    width: 100%
}

.wifiRemind {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
    font-size: .4rem;
    display: none
}

.remind-title {
    position: absolute;
    left: 32%;
    top: 22%;
    font-size: .4rem
}

.videoCancel {
    position: absolute;
    left: 14%;
    top: 60%;
    background: #414141;
    padding: .15rem .8rem;
    border-radius: .5rem
}

.videoContinue {
    position: absolute;
    left: 56%;
    top: 60%;
    background: #fc843a;
    padding: .13rem .4rem;
    border-radius: .5rem
}

.wifiRemindBg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5
}

.swiper-box {
    position: absolute;
    top: 17%;
    left: 0;
    width: 100%
}

.wq {
    position: absolute;
    top: 3%;
    left: 11%;
    height: 29%;
    width: 78%
}

.module-app.animated {
    animation-duration: .5s;
    -webkit-animation-duration: .5s
}

.module-app {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001;
    box-sizing: border-box;
    padding: 8px 16px;
    width: 100%;
    height: 64px;
    background: #fff;
    box-shadow: 0 -8px 8px rgba(0, 0, 0, .05);
    display: -moz-box;
    display: -webkit-box;
    display: box
}

.app-icon {
    padding-right: 8px;
    padding-top: 1px;
    width: 48px
}

.app-icon img {
    width: 48px;
    height: 48px;
    display: inherit
}

.app-detail {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    padding-top: 6px
}

.app-title {
    font-size: 15px;
    line-height: 20px;
    color: #000
}

.app-group {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, .5)
}

.app-install {
    padding-left: 8px;
    padding-top: 5px
}

.btn-txt {
    width: 62px;
    margin-top: 7px;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    color: #007dff;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    background-color: #f7f7f7;
    box-shadow: 0 1px 2px #fdfdfd inset;
    max-width: 66px;
    min-width: 36px;
    padding-left: 12px;
    padding-right: 12px;
    width: auto;
    position: relative
}

.app-install .btn-txta:before {
    border-color: #eceab6 !important
}

.btn-bluetxta:before {
    border-color: #eceab6 !important
}

.disabled {
    opacity: .5
}

.btn {
    position: absolute;
    top: 57%;
    left: 3%;
    width: 30%;
    height: 24%
}

.btn-second {
    left: 35%
}

.btn-third {
    left: 68%
}

.gif {
    position: absolute;
    top: 33.7%;
    left: 0;
    width: 100%
}

.article {
    background: #f6f5fa
}

.article p {
    font-size: .46rem;
    margin: 1rem .4rem;
    color: #333;
    line-height: .8rem;
    text-align: justify
}

.article .h3-box {
    margin: 1rem .4rem
}

.article h3 {
    font-size: .5rem;
    background: #e4f2f9;
    color: #000;
    display: inline
}

.article_part2 img {
    margin: 1rem 0
}

.article h1 {
    text-align: center;
    font-size: .6rem;
    margin: 1rem 0;
    color: #000
}

.article .img_wq {
    width: 100%;
    margin: 0
}

.article .img_wq_botton {
    margin-bottom: 2rem
}

.wangqi {
    position: relative
}

.detailButton {
    position: absolute;
    height: 18%;
    width: 78%;
    top: 0;
    left: 11%;
    /*z-index: 1001*/
}

.detailButton:nth-of-type(2) {
    top: 20.5%
}

.detailButton:nth-of-type(3) {
    top: 41.5%
}

.more {
    position: absolute;
    height: 26%;
    width: 72%;
    top: 62%;
    left: 15%;
    z-index: 1001;
}


.conBody{
	background: #f6f5fa;
}
.bottom_btn{
	position: unset;
    background: #f6f5fa;
    width: 100%;
    height: 7.5rem;
}
.bottom_btn img{
	width: 20%;
	margin: 0 auto;
}

.bottom_btn .cancelImg,.module-app .cancelImg{
	width: 100%;
}
.bottom_btn .app_name{    
	text-align: center;
    color: #191919;
    font-weight: 600;
    margin: 0.3rem 0;
    font-size: 0.45rem;
    line-height: 0.45rem;
    }
.bottom_btn .install_bottom{
	position: unset;
    text-align: center;
    margin: 0 auto;
    background: #e7e8ea;
    border: 1px solid #e7e8ea;
    border-radius: 0.9rem;
    color: #0959f6;
    font-weight: 600;
    box-shadow: none;
}

.bottom_btn .company{
	text-align: center;
    margin-top: 0.7rem;
    color: #919294;
    font-size: 0.3rem;
}

.bottom_btn .info{
	text-align: center;
	color: #919294;
    font-size: 0.3rem;    
    margin-top: 0.15rem;
}
.bottom_btn .install_continue{     
	text-align: left;
    width: 12%;
    padding-left: 4%;
}
.bottom_btn .install_box{
	position: relative;
	height: 0.74rem;
}

.bottom_btn .btn_cancel{
	position: absolute;
    top: 2.5%;
    left: 57%;
    width: 0.74rem;
    height: 0.74rem;
    line-height: 1rem;
    margin-left: -0.65rem;
    display: none;
}

.module-app .btn_cancel{
    position: absolute;
    top: 31.5%;
    right: 4%;
    width: 0.74rem;
    height: 0.74rem;
    line-height: 1rem;
    margin-left: -0.65rem;
    display: none;
}

.module-app .install_continue{     
	text-align: left;
    width: 12%;
    padding-left: 4%;
}
.install-slide{
	border: 1px solid #f2f2f2;
	width: 1.7rem;
	color: #0959f6;
	font-weight: 600;
	height: 0.7rem;
    line-height: 0.7rem;
}
.article .bottom_text{
	margin-bottom: 0.2rem;
}
.article .img_wq_botton{
	margin-bottom: 1rem;
}
.more{
	height: 67%;
    top: 9%;
}