/*通用样式*/
* {
	margin: 0 auto;
	padding: 0;
	font-family: Microsoft YaHei
}


img {
	width: 100%;
	height: auto;
}


ul {
	list-style: none;
}


.dn {
	display: none;
}


body {
	background-color: #272727;
	height: 100%;
}


.clear {
	clear: both;
}


.content,
.mywrap * {
	position: relative;
	overflow: hidden;
}


.swiper-wrapper {
	overflow: visible;
	top: 0;
	width: auto!important;
	height: 100%;
}


.mywrap,
.content {
	width: 100%;
	height: 100%;
}


.btn_hdgz {
	display: block;
	width: 13%;
	padding-top: 5%;
	position: absolute;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	top: 1%;
	left: 74%;
}



.com-3822896 {
	position: absolute;
	top: 12%;
	left: 6%;
	height: 78vw;
	width: 88vw;
}


.com-3822896 .lequ_content {
	background: url(

http://pic1.qiyipic.com/common/20170414/422PCZSIMG_25_20.png) no-repeat scroll center top/100% auto;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}


.com-3822896 .lequ_lottery {
	width: 93%;
	margin: 5vw auto;
	margin-left: 4%;
	font-size: 0;
	height: 88%;
}


.com-3822896 .selected {
	border: 1.2vw solid #ff8b02;
	margin: -0.1vw -0.3vw!important;
}


.com-3822896 .lequ_gift_each {
	display: inline-block;
	letter-spacing: 0;
	border-radius: 5%;
	position: relative;
	margin: 1%;
	z-index: 1;
	width: 31%;
	height: 30%;
	background-size: 100% 100%;
	background-color: #fff;
}


.com-3822896 .lequ_gift_get {
	display: inline-block;
	letter-spacing: 0;
	background-size: contain;
	vertical-align: top;
	width: 31%;
	height: 30%;
	margin: 1%;
}


.com-3822896 .lequ_lottery_btn {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	background-image: url(

http://pic1.qiyipic.com/common/20170414/422PCZSIMG_14.png);
	background-size: 100% 98%;
	background-position: center center;
	background-repeat: no-repeat;
}


.swiper-container {
	width: 78vw;
	height: 27vw;
	top: 8vw;
	position: absolute;
	left: 11vw;
	overflow: hidden;
	background-color: transparent;
}


.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 45%!important;
	height: 100%!important;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: transparent;
}


.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	top: -4vw;
}


.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}


.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 3px;
}


.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}


.whh-warn {
	position: fixed !important;
	opacity: 1;
	background: rgba(255, 255, 255, 1);
	font-family: "微软雅黑";
	border: 1px solid #8d55f3;
	max-width: 70%;
	width: 60%;
}


.whh-warn .warn-sure {
	background-color: #8d55f3;
	width: 80%;
}


.whh-warn .warn-title {
	padding-bottom: 20px;
	white-space: normal;
	font-size: 20px;
}


.whh-warn .warn-close {
	display: inline-block;
	color: #979797;
	width: 24px;
	height: 24px;
	border: 1px solid #979797;
	border-radius: 15px;
	text-align: center;
	line-height: 24px;
	position: absolute;
	right: 10px;
	top: 10px;
}


a.btn_component.btn_component22 {
	top: 89%;
	left: 24%;
	width: 53%;
}


a.btn_component.btn_component21 {
	top: 89%;
	left: 24%;
	width: 53%;
}


a.btn_component.btn_component20 {
	top: 89%;
	left: 24%;
	width: 53%;
}


a.btn_component.btn_component19 {
	top: 85%;
	left: 68%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}


a.btn_component.btn_component18 {
	top: 61%;
	left: 36%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}


a.btn_component.btn_component17 {
	top: 61%;
	left: 4%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}


a.btn_component.btn_component16 {
	top: 15%;
	left: 68%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}


a.btn_component.btn_component15 {
	top: 15%;
	left: 36%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}


a.btn_component.btn_component14 {
	top: 81%;
	left: 27%;
	width: 47%;
	padding-top: 36%;
	padding: 13% 0 0 0;
}


a.btn_component.btn_component13 {
	top: 54%;
	left: 65%;
	width: 25%;
	padding-top: 36%;
	padding: 0;
}


a.btn_component.btn_component12 {
	top: 54%;
	left: 38%;
	width: 25%;
	padding-top: 36%;
	padding: 0;
}


a.btn_component.btn_component11 {
	top: 54%;
	left: 12%;
	width: 25%;
	padding-top: 36%;
	padding: 0;
}


a.btn_component.btn_component10 {
	top: 24%;
	left: 65%;
	width: 25%;
	padding: 0;
}


a.btn_component.btn_component9 {
	top: 24%;
	left: 38%;
	width: 25%;
	padding: 0;
}


a.btn_component.btn_component8 {
	top: 24%;
	left: 12%;
	width: 25%;
	padding: 0;
}


a.btn_component.btn_component7 {
	top: 94%;
	left: 40%;
	width: 20%;
	height: 3%;
}
a.btn_component.btn_component5 {
    top: 75%;
    left: 16%;
    padding: 20% 0 0 0;
    width: 21%;
    padding-top: 9%;
}


a.btn_component.btn_component4 {
	top: 75%;
	left: 45%;
	padding: 20% 0 0 0;
	padding-top: 14%;
	width: 44%;
}


a.btn_component.btn_component3 {
	top: 30%;
	left: 75%;
	width: 13%;
	padding: 20% 0 0 0;
	padding-top: 0;
	font-size: 1vw;
	text-decoration: underline;
	line-height: 3.5vw;
	height: 5vw;
	color: #ff9e02;
	letter-spacing: 0.3vw;
}



@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
}


@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {
}


@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {
}

img {
	width: 100%;
	height: auto
}

ul {
	list-style: none
}

.dn {
	display: none
}

body {
	background-color: #272727;
	height: 100%;
}

.clear {
	clear: both
}


.swiper-wrapper {
	overflow: visible;
	top: 0;
	width: auto!important;
	height: 100%;;
}

.mywrap,
.content {
	width: 100%;
	height: 100%;
}

.btn_hdgz {
	display: block;
	width: 13%;
	padding-top: 5%;
	position: absolute;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	top: 1%;
	left: 74%;
}

.btn_component {
	display: block;
	position: absolute;
}

/*九宫格样式*/
.com-3822896 {
	position: absolute;
	top: 12%;
	left: 6%;
	height: 78vw;
	width: 88vw;
}

.com-3822896 .lequ_content {
	background:url(
http://pic1.qiyipic.com/common/20170414/422PCZSIMG_25_20.png) no-repeat scroll center top/100% auto;
	width: 100%;
	margin: 0 auto;
	height: 100%
}

.com-3822896 .lequ_lottery {
	width: 93%;
	margin: 5vw auto;
	margin-left: 4%;
	font-size: 0;
	height: 88%;
}

.com-3822896 .selected {
	border: 1.2vw solid #ff8b02;
	margin: -0.1vw -0.3vw!important;
}

.com-3822896 .lequ_gift_each {
	display: inline-block;
	letter-spacing: 0;
	border-radius: 5%;
	position: relative;
	margin: 1%;
	z-index: 1;
	width: 31%;
	height: 3rem;
	height: 30%;
	background-size: 100% 100%;
	background-color: #fff;
}

.com-3822896 .lequ_gift_get {
	display: inline-block;
	letter-spacing: 0;
	background-size: contain;
	vertical-align: top;
	width: 31%;
	height: 30%;
	margin: 1%;
}

.com-3822896 .lequ_lottery_btn {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	   background-image: url(
http://pic1.qiyipic.com/common/20170414/422PCZSIMG_14.png);
    width: 100%;
    height: 100%;
    background-size: 100% 98%;
    background-position: center center;
    background-repeat: no-repeat;
}

/*九宫格样式end*/

/*通用样式end*/
/*swiper相关*/
/*swiper*/
  .swiper-container {
        width: 78vw;
        height: 27vw;
        top: 8vw;
        position: absolute;
        left: 11vw;
        overflow: hidden;
        background-color: transparent;;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 45%!important;
        height: 100%!important;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-color: transparent;
    }


.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	top: -4vw;
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
/*swiper end*/
/*swiper相关end*/
/*浮层样式修正*/

/*自定义浮层*/
.whh-warn {
	position: fixed !important;
	opacity: 1;
	background: rgba(255, 255, 255, 1);
	font-family: "微软雅黑";
	border: 1px solid #8d55f3;
	max-width: 70%;
	width: 60%;
}

.whh-warn .warn-sure {
	background-color: #8d55f3;
	width: 80%;
}

.whh-warn .warn-title {
	padding-bottom: 20px;
	white-space: normal;
	font-size: 20px
}

.whh-warn .warn-close {
	display: inline-block;
	color: #979797;
	width: 24px;
	height: 24px;
	border: 1px solid #979797;
	border-radius: 15px;
	text-align: center;
	line-height: 24px;
	position: absolute;
	right: 10px;
	top: 10px;
}

/*cms 乐高组件浮层*/

/*.mod_hy_event_pop {
	border: 1px solid #8d55f3;
	border-radius: 10px;
}

.mod_hy_event_pop .formList_btn {
	background-color: #8d55f3;
	border: 1px solid #8d55f3;
	border-radius: 10px;
}

.mod_hy_event_pop .formList_btn .btn-confirm {
	color: #fff;
}*/

/*浮层样式修正end*/
.mywrap .con1 {
	padding-top: 137.5%;
	background: url(//pic0.qiyipic.com/common/20180404/four-lianxuAndroid_01.jpg) no-repeat scroll center top/100% auto;
}

.mywrap .con2 {
	background: url(
http://pic0.qiyipic.com/common/20170503/lxbyios0503img_02.jpg) no-repeat scroll center top/100% auto;
	padding-top: 34%;
}

.mywrap .con3 {
	background: url(
http://pic0.qiyipic.com/common/20170503/lxbyios0503img_03.gif) no-repeat scroll center top/100% auto;
	padding-top: 48%;
}

.mywrap .con4 {
	background: url(//pic2.qiyipic.com/common/20180404/four-lianxu_02.jpg) no-repeat scroll center top/100% auto;
	padding-top: 69%;
}

.mywrap .con5 {
	background: url(//pic0.qiyipic.com/common/20180404/four-lianxuIOS_04_04.jpg) no-repeat scroll center top/100% auto;
	padding-top: 83%;
}
.mywrap .con6 {
	background: url(//pic2.qiyipic.com/common/20180404/four-lianxu_03.jpg) no-repeat scroll center top/100% auto;
	padding-top: 206%;
}
.mywrap .con7 {
	background: url(//pic1.qiyipic.com/common/20180404/four-lianxuIOS_06.jpg) no-repeat scroll center top/100% auto;
	padding-top: 142%;
}

.mywrap .con2.isandriod {
	background: url(
http://pic0.qiyipic.com/common/20170503/lxbyios0503img_03.jpg) no-repeat scroll center top/100% auto;
	
}
.mywrap .con5.isandriod {
	background: url(//pic0.qiyipic.com/common/20180404/four-lianxuAndroid_04.jpg) no-repeat scroll center top/100% auto;
}

a.btn_component.btn_component22 {
	top: 89%;
	left: 24%;
	width: 53%;
}
a.btn_component.btn_component21 {
	top: 89%;
	left: 24%;
	width: 53%;
}
a.btn_component.btn_component20 {
	top: 89%;
	left: 24%;
	width: 53%;
}
a.btn_component.btn_component19 {
	top: 61%;
	left: 68%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}
a.btn_component.btn_component18 {
	top: 61%;
	left: 36%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}
a.btn_component.btn_component17 {
	top: 61%;
	left: 4%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}
a.btn_component.btn_component16 {
	top: 15%;
	left: 68%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}
a.btn_component.btn_component15 {
	top: 15%;
	left: 36%;
	width: 29%;
	padding-top: 36%;
	padding: 41% 0 0 0;
}
a.btn_component.btn_component14 {
	top: 81%;
	left: 27%;
	width: 47%;
	padding-top: 36%;
	padding: 13% 0 0 0;
}
a.btn_component.btn_component13 {
	top: 54%;
	left: 65%;
	width: 25%;
	padding-top: 36%;
	padding: 0;
}
a.btn_component.btn_component12 {
	top: 54%;
	left: 38%;
	width: 25%;
	padding-top: 36%;
	padding: 0;
}

a.btn_component.btn_component11 {
	top: 54%;
	left: 12%;
	width: 25%;
	padding-top: 36%;
	padding: 0;
}

a.btn_component.btn_component10 {
	top: 25%;
	left: 65%;
	width: 25%;
	padding: 0;
}

a.btn_component.btn_component9 {
	top: 25%;
	left: 38%;
	width: 25%;
	padding: 0;
}

a.btn_component.btn_component8 {
	top: 25%;
	left: 12%;
	width: 25%;
	padding: 0;
}

a.btn_component.btn_component6 {top: 89%;left: 33%;width: 35%;padding: 20% 0 0 0;padding-top: 10%;}

a.btn_component.btn_component5 {
    top: 75%;
    left: 16%;
    padding: 20% 0 0 0;
    width: 21%;
    padding-top: 9%;
}

a.btn_component.btn_component4 {
	top: 71%;
	left: 45%;
	padding: 20% 0 0 0;
	padding-top: 14%;
	width: 44%;
}


a.btn_component.btn_component2 {
    top: 95%;
    left: 64%;
    padding-top: 7%;
    width: 21%;
    text-decoration: underline;
    color: #b83139;
}

a.btn_component.btn_component1 {
    top: 81%;
    left: 20%;
    height: 9%;
    width: 60%;
    z-index: 10;
}


.priesMoney{
    width: 74%;
    height: 31%;
    top: 15%;
    left: 13%;
    background: url(//pic1.qiyipic.com/common/20180404/four-lianxu1.png) no-repeat scroll center top/100% auto;
    animation: priesMoney 0.5s 1s;
}
@keyframes priesMoney{
  0%{
    transform: scale(0);
  }
  100%{
    transform: scale(1);
  }
}

/*适配样式*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {

	/* 兼容iphone5 */
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {

	/* 兼容iphone6 */
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {

	/* 兼容iphone6 Plus */
}


* {
	margin: 0 auto;
	padding: 0;
	font-family: Microsoft YaHei;
}