@charset "UTF-8";
@import url('animate-tool.css');
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto; width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
body{
    width: 100%;height:100%;font-size: 12px;min-width: 1200px!important;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    color: #444;background: #1dfcd3;
}
#footer_bx{clear: both;}


.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
    .pc-hide{display:none !important;}
}
/*@media screen and (min-width:800px) and (max-width:1440px){body{zoom:0.8}}*/
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
/* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

/* banner */
.banner_box{
    width: 100%; height: 8.45rem; display: block; clear: both;
    background: url("../images/banner01.jpg") no-repeat center top / auto 100%;
	overflow: hidden;
}
.banner_box img{display: inline-block; position: absolute;}
.banner_box img.theme{
    left: 1.95rem; top: .9rem;
    width: 8.11rem;
    animation: fangda 0.5s ease-in-out;
    -webkit-animation: fangda 0.5s ease-in-out;
    -moz-animation: fangfa 0.5s ease-in-out;
    -o-animation: fangda 0.5s ease-in-out;
}
.banIp{
    position: absolute; top: 2.85rem; left: -1.91rem;
    width: 3.88rem; display: inline-block;
}

.banIp img.ip{width:100%; display: inline-block;left: 0; top: 0;}
.banIp img.light{
	width: .98rem;
	top: 1.15rem; left: -1.27rem;
    animation: light 700ms ease-in-out infinite;
    -webkit-animation: light 700ms ease-in-out infinite;
}
.banIp img.lightning{
	width: 1.03rem; display: inline-block;
	position: absolute;top: -.42rem; right: -.43rem;
    animation: breath 1700ms ease-in-out infinite;
    -webkit-animation: breath 1700ms ease-in-out infinite;
}
.banner_box img.bag{
	width: 2.72rem; top: -.2rem; right:-1.27rem;
	transform-origin: 0 0;
	/* animation: rotate 1s ease infinite; */
	animation:rotate 1s infinite alternate linear;
}
.banner_box img.star{
	width: 1.1rem; top: .3rem; right: 1.9rem;
	animation: breath 1700ms  ease-in-out 1s infinite;
	-webkit-animation: breath 1700ms ease-in-out 1s infinite;
}
.banner_box img.paper{
	width: 1.92rem; top: .38rem; left: .47rem;
	animation: fudong .8s infinite alternate linear;
}
.banner_box img.book01{
	width: 1.47rem; top: .12rem; left: 6rem;
	animation: fudong2 .8s infinite alternate linear;
}
.banner_box img.comp{
	width: 1.77rem; top: 3rem; right: -3.62rem;
	animation: fudong .8s infinite alternate linear;
}
.banner_box img.gold{
	width: .92rem; top: 2.78rem; right: .87rem;
	animation: fudong .8s infinite alternate linear;
}
.banner_box img.buyCar{
	width: 4.49rem; top: 3.11rem; right: -1.87rem;
}
.banner_box img.book02{
	width: 2.13rem; top: 6.65rem; right: 3.3rem;
	animation: fudong2 .8s infinite alternate linear;
}
.banner_box img.handL{
	width: 3.36rem; top: 1.08rem; left: -3.48rem;
}
.banner_box img.handR{
	width: 2.52rem; top: 0; right: -4rem;
}
.banner_box img.pap{
	width: 1.09rem; top: 5.84rem; left: 1.08rem;
	animation: fudong .8s infinite alternate linear;
}
.banner_box img.blast{
	width: 1.83rem; top: 6.48rem; left: 3.04rem;
}

@keyframes fangda {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes breath {
    from {opacity: 0;}
    15% {opacity: 1;}
    30% {opacity: 0;}
    45% {opacity: 1;}
    60% {opacity: 0;}
    to {opacity: 0;}
}
@-webkit-keyframes breath {
    from {opacity: 0;}
    15% {opacity: 1;}
    30% {opacity: 0;}
    45% {opacity: 1;}
    60% {opacity: 0;}
    to {opacity: 0;}
}
@keyframes light {
    from {opacity: 0.1;}
    50% {opacity: 1;}
    to {opacity: 0.1;}
}
@-webkit-keyframes light {
    from {opacity: 0.1;}
    50% {opacity: 1;}
    to {opacity: 0.1;}
}
@keyframes fudong {
    0% {transform: translateY(-.1rem);}
    100% {transform: translateY(.1rem);}
}
@keyframes fudong2 {
    0% {transform: translateY(.1rem);}
    100% {transform: translateY(-.1rem);}
}
@keyframes rotate{
	0%{transform: rotate(10deg);}
	100%{transform: translate(-10deg);}
}
@keyframes rotates{
	0%{transform: rotate(0deg);}
	25%{transform: rotate(10deg);}
	50%{transform: rotate(0deg);}
	75%{transform: rotate(-10deg);}
	100%{transform: translate(0deg);}
}

/* sections */
.sections{width: 100%; clear: both;}
.secTit{width: 100%; clear: both;}
/* section01 */
.sec01{
	margin-top: .9rem;
}
.s1-main{
	width: 100%; height: 7.04rem; clear: both; display: inline-block;
	background: url('../images/s1-img01.png') no-repeat center top / 100%;
}
.video_box{
	width: 8.96rem; display: block;float: left; margin-top: 1.08rem; margin-left: .74rem;
}

/* section02 */
.sec02{margin-top: .74rem;}
.s2-title{text-align: center;}
.s2-title img{width: 5.95rem; display: inline-block;}
.s2-main{
    width: 100%; height: auto; margin-top: .61rem;
    background: #ffa8e7;
    border: solid #000000 .04rem;
    border-radius: .12rem .12rem 0 0;
    box-sizing: border-box;
    overflow: hidden;
	text-align: center;
}
.s2-main .top{
    width: 100%; height: .38rem; clear: both;
    background: #fff;
    position: relative;
	border-bottom: solid .04rem #000;
}
.s2-main .top::before{
    content: ''; width:.77rem; height: .22rem; display: inline-block;
	background: url('../images/icon-dot01.png') no-repeat center / 100%;
	float: left;
	margin-left: .62rem; margin-top:.07rem;
}
.s2-main .top::after{
	content: '';width: 1.03rem; height: .08rem; display: inline-block;
	border: solid .02rem #000;
	border-radius: .1rem;
	float: right; margin-top: .12rem; margin-right: .8rem;
}
.s2-main .partTheme{
	width: 11.54rem; height: 1.3rem; display: flex; clear: both; margin:.25rem auto 0;
	background: url('../images/s2-img01.png') no-repeat center / 100%;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s2-main .partTheme h3{
	font-size: .46rem; font-weight: bold; color: #fff;
	text-shadow: .01rem .01rem .01rem #000103,
				-.01rem -.01rem .01rem #000103, 
				-.01rem .01rem .01rem #000103,
				.01rem -.01rem .01rem #000103,
				.02rem .05rem 0 #000103;
}
.s2-main .item{
	width: 11.49rem; clear: both; margin: auto;
	background: #b7fa34;
	border: solid .03rem #000;
	border-radius: .16rem;
	box-sizing: border-box;
	margin-bottom: .81rem;
}
.s2-main .item1{margin-top: .82rem;}
.s2-main .item3{margin-bottom: .27rem;}
.s2-main .item .step{
	clear: both;height: .46rem; width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: .31rem;
}
.s2-main .item .step h5{
	font-size: .26rem; line-height: .46rem; font-weight: 500;
	margin-left: .11rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.s2-main .item .step h5::before{
	content: ''; width: .12rem; height: .12rem; display: inline-block;
	border-radius: 50%;
	border: solid .02rem #333;
	background: #ff812b;
	margin-right: .06rem;
}
.s2-main .item .step2 h5::before{
	background: #a079e8;
}
.s2-main .item .step3 h5::before{
	background: #3895fc;
}
.s2-main .item .step1 img{
	width: .96rem; margin-top: -.26rem; display: inline-block; height: 1.05rem;
}
.s2-main .item .step2 img{
	width: 1.12rem; margin-top: -.3rem;display: inline-block; height: .94rem;
}
.s2-main .item .step3 img{
	width: 1.02rem; margin-top: -.16rem;display: inline-block; height: .63rem;
}
.s2-main .item .kuang{
	width: 11.52rem;
	background: url('../images/s2-icon01.png') repeat;
	border: solid .04rem #000103;
	border-bottom: 0;
	border-radius: 0 0 .16rem .16rem;
	box-sizing: border-box;
	margin-left: -.033rem;
	position: relative; z-index: 3;
	/* padding-top: .13rem; */
}
.s2-main .item .kuang::before{
	content: ''; width: 11.52rem; height: .88rem; display: inline-block;
	background: url('../images/s2-img02.png') no-repeat center / 100%;
	margin-left: -.04rem;margin-top: -.88rem;
	float: left;
}
.s2-main .item .kuang .tit{
	width: 3.14rem; height: .92rem; display: inline-block;
	background: url('../images/s2-tit02.png') no-repeat center / 100%;
	position: absolute;
	top: -1.3rem;left: 50%;
	transform: translate(-50%,0);
}
.s2-main .item .kuang .tit h4{
	font-size: .36rem; line-height: .8rem; font-weight: bold; color: #000;
}
.s2-main .item1 .kuang .txt{
	clear: both;width: 100%; display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	
}
.s2-main .item1 .kuang .txt .long{
	font-size: .24rem; line-height: .49rem; height: .49rem;
	border: solid .02rem #000;
	background: #fdecf8;
	display: inline-block;
	border-radius: .04rem;
	padding: 0 .12rem; clear: both;
	float: left; margin-top: -.13rem; margin-bottom: .25rem;
	margin-left: .3rem; 
}
.s2-main .item1 .kuang .txt .time{
	clear: both; float: left;
	font-size: .24rem; line-height: .53rem; text-align: left;
	margin-left: .3rem; margin-bottom: .2rem;
}
.s2-main .item1 .kuang .txt .time span{
	line-height: .49rem; display: inline-block;
	border: solid .02rem #000;
	border-radius: .04rem;
	background: #fdecf8;
	padding: 0 .12rem;
	margin-right: .1rem;
}
.s2-main .item1 .kuang a.btn{
	width: 2.23rem; display: inline-block;
	clear: both; margin-bottom: .22rem;
	border-radius: .32rem;
}
.s2-main .item1 .kuang a.btn img{width: 100%; display: inline-block;}
.s2-main .item1 .kuang::after{
	content: '';width: 4.07rem; height: 3.02rem; display: inline-block;
	background: url('../images/s2-step01.png') no-repeat center / 100%;
	position: absolute; right:0; bottom: 0;
}
.s2-main .item2 .giftbox{
	width: 100%; clear: both; display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s2-main .item2 ul{
	width: 100%; clear: both; float: left;margin-top: -.14rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s2-main .item2 ul li{
	width: 2.1rem; height: 2.16rem; display: inline-block;
	margin: 0 .07rem .19rem;
	cursor: pointer;
}
.s2-main .item2 ul li .flip-box{
	width:100%; height: 2.16rem; display: flex;
	background: url('../images/s2-img06.png') no-repeat center / 100%;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}
.s2-main .item2 ul li .flip-box img{width: .71rem; display: inline-block; margin-bottom: .1rem;}
.s2-main .item2 ul li .flip-box p{
	font-size: .24rem; line-height: .36rem; color: #333;
	width: 100%; clear: both;
}
.s2-main .item2 ul li .flip-box p b{display: block; font-weight: bold;}
.s2-main .item2 ul li .flip-box span{
	font-size: .16rem; line-height: .24rem; margin-top: .8rem;
	display: inline-block;
}
.s2-main .item2 p.zhu{
	font-size: .18rem; line-height: .24rem; width: 100%; clear: both; margin: .1rem auto;
}
.s2-main .item3 .topPart{
	width: 100%; clear: both; display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
}
.s2-main .item3 .topPart p{
	font-size: .18rem; line-height: .32rem; color: #333; text-align: center;
	width: 100%; clear: both; float: left; margin-top: -.23rem;
}
.s2-main .item3 .topPart a{
	width: 1.42rem; height: .49rem; display: inline-block;
	background: #ffbbec;
	border: solid .02rem #000;
	border-radius: .04rem;
	font-size: .24rem; line-height: .49rem; color: #000;
	box-shadow: -.04rem .04rem 0 .01rem #000;
	position: absolute;top: -.49rem; right: .75rem;
}
.s2-main .item3 .topPart a::after{
	content: ''; width: .18rem; height: .49rem; display: inline-block; vertical-align: top;
	background: url('../images/s2-icon02.png') no-repeat center / 100%;
	margin-left: .1rem;
}
.s2-main .cursorList{
	width: 100%; clear: both; margin-top: .15rem;
	height: 7.25rem; overflow-y: scroll;
}
.s2-main .cursorList ul{
	width: 100%; clear: both; 
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s2-main .cursorList ul li{
	width: 2.59rem; height: 2.28rem; display: inline-block;
	background: url('../images/s2-img08.png') no-repeat center / 100%;
	margin: 0 .07rem .21rem;
}
.s2-main .cursorList ul li .kmTit{
	width: 100%; height: .95rem; display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s2-main .cursorList .kmTit h5{
	font-size: .24rem; line-height: .32rem; font-weight: bold; color: #000;
}
.s2-main .cursorList .kmTit h5.type02{
	font-size: .2rem; letter-spacing: -1px;
}
.s2-main .cursorList .txt{
	width: 100%; clear: both; float: left; margin-top: .13rem;
}
.s2-main .cursorList .txt span{
	width: 86%; height: .73rem; display: inline-block;
	float: left; margin: 0 7%; text-align: left;
	font-size: .16rem; line-height: .22rem;
}
.s2-main .cursorList .txt a{
	width: .85rem; height: .3rem; display: inline-block;
	background: #ff5986;
	border: solid .01rem #000;
	border-radius: .02rem;
	font-size: .2rem; line-height: .3rem; color: #fff; font-weight: bold;
	box-shadow: -.02rem .02rem 0 .01rem #000;
}
.s2-main .cursorList .txt a::after{
	content: ''; width: .22rem; height: .3rem; display: inline-block;
	vertical-align: top;
	background: url('../images/s2-icon03.png') no-repeat center / 100%;
	margin-left: .06rem;
}
@media screen and (min-width:800px) {
	.s2-main .cursorList{
		width: 98%; margin: .15rem 1% 0;
	}
	.cursorList::-webkit-scrollbar{
		width: 10px; height: 10px;
	}
	.cursorList::-webkit-scrollbar-track{
	  background: #1dfcd3;
	  border-radius:5px;
	  border: solid .01rem #000;
	  box-sizing: border-box;
	  overflow: hidden;
	  padding: 0 .02rem;
	}
	.cursorList::-webkit-scrollbar-thumb{
	  background: #c7fc3f;
	  border-radius:10px;
	  border: solid .01rem #000;
	}
	.cursorList::-webkit-scrollbar-thumb:hover{
	  background: #f9fb02;
	  
	}
	.cursorList::-webkit-scrollbar-corner{
	  background: #f00;
	}
}

.s2-main .third-btm{
	width: 100%; clear: both; padding:.15rem 0;
}
.s2-main .third-btm span{
	font-size: .18rem; line-height: 1.5; color: #8f8e8e;
}
.s2-main .third-btm p{
	font-size: .18rem; line-height: 1.5; color: #434343;
}

/* section03 */
.sec03{margin-top: .74rem;}
.s3-title{text-align: center;}
.s3-title img{width: 5.95rem; display: inline-block;}
.s3-main{
    width: 100%; height: auto; margin-top: .61rem;
    background: #ffa8e7;
    border: solid #000000 .04rem;
    border-radius: .12rem .12rem 0 0;
    box-sizing: border-box;
    overflow: hidden;
	text-align: center;
}
.s3-main .top{
    width: 100%; height: .38rem; clear: both;
    background: #fff;
    position: relative;
	border-bottom: solid .04rem #000;
}
.s3-main .top::before{
    content: ''; width:.77rem; height: .22rem; display: inline-block;
	background: url('../images/icon-dot01.png') no-repeat center / 100%;
	float: left;
	margin-left: .62rem; margin-top:.07rem;
}
.s3-main .top::after{
	content: '';width: 1.03rem; height: .08rem; display: inline-block;
	border: solid .02rem #000;
	border-radius: .1rem;
	float: right; margin-top: .12rem; margin-right: .8rem;
}
.s3-main .partTheme{
	width: 11.54rem; height: 1.3rem; display: flex; clear: both; margin:.25rem auto 0;
	background: url('../images/s3-img01.png') no-repeat center / 100%;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s3-main .partTheme h3{
	font-size: .46rem; font-weight: bold; color: #fff;
	text-shadow: .01rem .01rem .01rem #000103,
				-.01rem -.01rem .01rem #000103, 
				-.01rem .01rem .01rem #000103,
				.01rem -.01rem .01rem #000103,
				.02rem .05rem 0 #000103;
}
.s3-main .item{
	width: 11.49rem; clear: both; margin: auto;
	background: #fbfb00;
	border: solid .03rem #000;
	border-radius: .16rem;
	box-sizing: border-box;
	margin-bottom: .27rem;margin-top: .48rem;
}

.s3-main .item .step{
	clear: both;height: .46rem; width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: .31rem;
}
.s3-main .item .step h4{
	font-size: .26rem; line-height: .46rem; font-weight: 500;
	margin-left: .11rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.s3-main .item .step h4::before{
	content: ''; width: .12rem; height: .12rem; display: inline-block;
	border-radius: 50%;
	border: solid .02rem #333;
	background: #ff812b;
	margin-right: .06rem;
}
.s3-main .item .step img{
	width: .72rem; margin-top: -.2rem;
}
.s3-main .item .kuang{
	width: 11.52rem;
	background: url('../images/s2-icon01.png') repeat;
	border: solid .04rem #000103;
	border-bottom: 0;
	border-radius: 0 0 .16rem .16rem;
	box-sizing: border-box;
	margin-left: -.04rem;
	position: relative; z-index: 3;
	/* padding-top: .13rem; */
}
.s3-main .item .kuang::before{
	content: ''; width: 11.52rem; height: .88rem; display: inline-block;
	background: url('../images/s3-img02.png') no-repeat center / 100%;
	margin-left: -.04rem;margin-top: -.88rem;
	float: left;
}
.s3-main .cursorList{
	width: 90%; clear:both; float: left;
	margin: -.18rem 3% 0;padding: 0 2%;
	height: 7.4rem; overflow-y: scroll;
}
.s3-main .cursorList ul{
	width: 100%; display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.s3-main .cursorList ul li{
	width: 3.13rem; height: 3.42rem; display: inline-block;
	border: solid .02rem #000;
	border-radius: .22rem;
	background: #cafff5;
	/* margin: 0 auto .3rem; */
	margin: .15rem 0;
	overflow: hidden;
	transition: all .8s;
}
.s3-main .cursorList ul li:hover{
	transform: scale(1.05);
}
.s3-main .cursorList ul li.cur2{background: #ffdbaa;}
.s3-main .cursorList ul li.cur3{background: #edd0ff;}
.s3-main .cursorList ul li.cur4{background: #ffd1cf;}
.s3-main .cursorList ul li.cur5{background: #c0fbd5;}
.s3-main .cursorList ul li.cur6{background: #ffd2b6;}
.s3-main .cursorList ul li.cur7{background: #c9e3ff;}
.s3-main .cursorList ul li.cur8{background: #ffe2cc;}
.s3-main .cursorList ul li.cur9{background: #cdd4fb;}
.s3-main .cursorList ul li.cur10{background: #ffd2cc;}

.s3-main .cursorList .curtop{
	width: 2.96rem; height: 2.28rem; display: inline-block;
	background: #fff;
	border: solid .01rem #000;
	border-bottom: 0;
	border-radius: .2rem .2rem 0 0;
	margin-top: .16rem;
}
.s3-main .cursorList .curtop h5{
	width: 2.06rem; height: .43rem; display: inline-block;
	background: #000;
	border-radius: 0 0 .2rem .2rem;
	font-size: .24rem; line-height: .43rem; color: #fff; font-weight: bold;
	margin-top: -.19rem;
}
.s3-main .cursorList .curtop h6{
	width: 100%; clear: both;margin-top: .13rem;
	font-size: .3rem; line-height: .44rem; font-weight: bold; color: #18e1bc;
}
.s3-main .cursorList .cur2 .curtop h6{color: #fda126;}
.s3-main .cursorList .cur3 .curtop h6{color: #a432e9;}
.s3-main .cursorList .cur4 .curtop h6{color: #e0221b;}
.s3-main .cursorList .cur5 .curtop h6{color: #1a6f38;}
.s3-main .cursorList .cur6 .curtop h6{color: #ff6302;}
.s3-main .cursorList .cur7 .curtop h6{color: #2964a3;}
.s3-main .cursorList .cur8 .curtop h6{color: #c37131;}
.s3-main .cursorList .cur9 .curtop h6{color: #0820a0;}
.s3-main .cursorList .cur10 .curtop h6{color: #d24431;}

.s3-main .cursorList .curtop .txt{
	width: 100%; height: 1.45rem; display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s3-main .cursorList .curtop .txt span{
	width: .32rem;
	height: auto;
	font-size: .2rem; line-height: .22rem; color: #333; text-align: center;
	border: solid .01rem #000;
	border-radius: .3rem;
	background: #9fffed;
	padding: .14rem 0;
	margin-right: .2rem; margin-left: .2rem;
}
.s3-main .cursorList .cur2 .curtop .txt span{background: #ffdbaa;}
.s3-main .cursorList .cur3 .curtop .txt span{background: #edd0ff;}
.s3-main .cursorList .cur4 .curtop .txt span{background: #ffd1cf;}
.s3-main .cursorList .cur5 .curtop .txt span{background: #c0fbd5;}
.s3-main .cursorList .cur6 .curtop .txt span{background: #ffd2b6;}
.s3-main .cursorList .cur7 .curtop .txt span{background: #c9e3ff;}
.s3-main .cursorList .cur8 .curtop .txt span{background: #ffe2cc;}
.s3-main .cursorList .cur9 .curtop .txt span{background: #cdd4fb;}
.s3-main .cursorList .cur10 .curtop .txt span{background: #ffd2cc;}

.s3-main .cursorList .curtop .txt p{
	font-size: .16rem; line-height: .26rem; text-align: left;
	width: 2.2rem; display: inline-block;
	letter-spacing: -1px;
}
.s3-main .cursorList .btm{
	width: 100%; height: .96rem; clear: both; display: inline-flex;
	background: #9fffed;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s3-main .cursorList .cur2 .btm{background: #ffc475;}
.s3-main .cursorList .cur3 .btm{background: #e2b3ff;}
.s3-main .cursorList .cur4 .btm{background: #ffaaa7;}
.s3-main .cursorList .cur5 .btm{background: #99eab6;}
.s3-main .cursorList .cur6 .btm{background: #ffc39d;}
.s3-main .cursorList .cur7 .btm{background: #b0d6ff;}
.s3-main .cursorList .cur8 .btm{background: #f9d6bb;}
.s3-main .cursorList .cur9 .btm{background: #c0c9f6;}
.s3-main .cursorList .cur10 .btm{background: #ffc0b8;}

.s3-main .cursorList .btm .price{
	width: 100%; height: .38rem;
	background: rgba(255,255,255,.6);
	border: solid .02rem rgba(0,0,0,.5);
	border-left: 0; border-right: 0;
	font-size: .24rem; line-height: .38rem; color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.s3-main .cursorList .btm .price b{font-weight: bold;}
.s3-main .cursorList .btm .price a{
	width: .74rem; display: inline-block;
	margin-left: .46rem;margin-right: -.2rem;
	border-radius: 50%;
}
.s3-main .cursorList .btm .price a img{width:100%; display: inline-block;}
.s3-main p.zhu{
	font-size: .18rem; line-height: .24rem; padding: .15rem 0;
	clear: both;
}

/* section03 */
.sec04{margin-top: .74rem;}
.secMain{
    width: 100%; height: auto; margin-top: .61rem;
    background: #ffa8e7;
    border: solid #000000 .04rem;
    border-radius: .12rem .12rem 0 0;
    box-sizing: border-box;
    overflow: hidden;
	text-align: center;
}
.secMain .top{
    width: 100%; height: .38rem; clear: both;
    background: #fff;
    position: relative;
	border-bottom: solid .04rem #000;
}
.secMain .top::before{
    content: ''; width:.77rem; height: .22rem; display: inline-block;
	background: url('../images/icon-dot01.png') no-repeat center / 100%;
	float: left;
	margin-left: .62rem; margin-top:.07rem;
}
.secMain .top::after{
	content: '';width: 1.03rem; height: .08rem; display: inline-block;
	border: solid .02rem #000;
	border-radius: .1rem;
	float: right; margin-top: .12rem; margin-right: .8rem;
}
.secMain .partTheme{
	width: 11.54rem; height: 1.3rem; display: flex; clear: both; margin:.25rem auto 0;
	background: url('../images/s2-img01.png') no-repeat center / 100%;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.secMain .partTheme h3{
	font-size: .46rem; font-weight: bold; color: #fff;
	text-shadow: .01rem .01rem .01rem #000103,
				-.01rem -.01rem .01rem #000103, 
				-.01rem .01rem .01rem #000103,
				.01rem -.01rem .01rem #000103,
				.02rem .05rem 0 #000103;
}
.secMain .item{
	width: 11.49rem; clear: both; margin: auto;
	background: #fbfb00;
	border: solid .03rem #000;
	border-radius: .16rem;
	box-sizing: border-box;
	margin-bottom: .27rem;margin-top: .48rem;
}

.secMain .item .step{
	clear: both;height: .46rem; width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: .31rem;
}
.secMain .item .step h4{
	font-size: .26rem; line-height: .46rem; font-weight: 500;
	margin-left: .11rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.secMain .item .step h4::before{
	content: ''; width: .12rem; height: .12rem; display: inline-block;
	border-radius: 50%;
	border: solid .02rem #333;
	background: #ff812b;
	margin-right: .06rem;
	margin-left: .3rem;
}
.s4-main .item .step img{
	width: .72rem; margin-top: -.2rem;
}
.secMain .item .kuang{
	width: 11.52rem;
	background: url('../images/s2-icon01.png') repeat;
	border: solid .04rem #000103;
	border-bottom: 0;
	border-radius: 0 0 .16rem .16rem;
	box-sizing: border-box;
	margin-left: -.04rem;
	position: relative; z-index: 3;
	/* padding-top: .13rem; */
}
.secMain .item .kuang::before{
	content: ''; width: 11.52rem; height: .88rem; display: inline-block;
	background: url('../images/s4-img02.png') no-repeat center / 100%;
	margin-left: -.04rem;margin-top: -.88rem;
	float: left;
}
.s4-main .cursorList{clear: both; width: 100%; display: inline-block;}
.s4-main .item ul{
	width: 100%; clear: both; float: left; margin-top: -.28rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s4-main .item ul li{
	width: 3.18rem; height: 2.67rem; display: inline-flex;
	border: solid .02rem #000;
	margin: 0 .25rem .3rem;
	/* background: url('../images/s4-img04.png') no-repeat center / 3.02rem; */
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	position: relative;
	transition: all .8s;
	background-size: 3.02rem;
}
.s4-main .item ul li:hover{
	transform: scale(1.05);
}
.s4-main .item ul li.cur1,.s4-main .item ul li.cur2{
	background: #9bcdfc url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li.cur3{
	background: #bba3ff url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li.cur4,.s4-main .item ul li.cur5{
	background: #ff8f68 url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li.cur6{
	background: #bf96f2 url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li.cur7{
	background: #ff7268 url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li.cur8{
	background: #adb3fc url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li.cur9{
	background: #ffaa61 url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li.cur10{
	background: #c9e99b url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li.cur11,.s4-main .item ul li.cur12{
	background: #b7a2e3 url('../images/s4-img04.png') no-repeat center;
}
.s4-main .item ul li h5{
	font-size: .38rem; font-weight: bold; margin-bottom: .1rem;
}
.s4-main .item ul li h5.type02{
	line-height: .4rem; font-size: .36rem;
}
.s4-main .item ul li h5.type02 em{font-size: .28rem; display: block;}
.s4-main .item ul li h6{
	width: 2.38rem; height: .88rem; display: inline-block;
	font-size: .38rem; font-weight: bold; line-height: .88rem;
	position: relative;
}
.s4-main .item ul li.cur1 h6{background: #9bcdfc;}
.s4-main .item ul li.cur2 h6{background: #9bcdfc;}
.s4-main .item ul li.cur3 h6{background: #bba3ff;}
.s4-main .item ul li.cur4 h6{background: #ff8f68;}
.s4-main .item ul li.cur5 h6{background: #ff8f68;}
.s4-main .item ul li.cur6 h6{background: #bf96f2;}
.s4-main .item ul li.cur7 h6{background: #ff7268;}
.s4-main .item ul li.cur8 h6{background: #adb3fc;}
.s4-main .item ul li.cur9 h6{background: #ffaa61;}
.s4-main .item ul li.cur10 h6{background: #c9e99b;}
.s4-main .item ul li.cur11 h6{background: #b7a2e3;}
.s4-main .item ul li.cur12 h6{background: #b7a2e3;}

.s4-main .item ul li h6::after{
	content: ''; width: .25rem; height: .33rem; display: inline-block;
	background: url('../images/s4-img06.png') no-repeat center / 100%;
	position: absolute; top: .74rem; right: -.06rem;
	animation: fangdaS 1s ease-in-out infinite;
}
.s4-main .item ul li p{
	font-size:.16rem; line-height: .24rem; width: 88%; clear: both;
	margin-top: .08rem;
	
}
.s4-main .item ul li.cur6 p{line-height: .2rem;}
.s4-main .item ul li span{
	width: .97rem; height: .56rem; display: inline-block;
	background: url('../images/s4-img05.png') no-repeat center / 100%;
	font-size: .2rem; line-height: .42rem; color: #333;
	position: absolute; top: -.15rem; right: -.23rem; z-index: 9;
}
.s4-main .item ul li span b{font-weight: bold;}
.s4-main p.zhu{
	font-size: .18rem; line-height: .24rem; padding: 0 0 .15rem;
	clear: both;
}

@keyframes fangdaS{
	0% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
	50%{ transform: scale(1.1);}
	100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
}

/* section05 */
.s5-main{margin-bottom: 1rem;}
.s5-main .item .step h4::before{
	content: ''; width: .12rem; height: .12rem; display: inline-block;
	border-radius: 50%;
	border: solid .02rem #333;
	background: #1dfcd3;
	margin-right: .06rem;
	margin-left: .3rem;
}
.s5-main .item .step img{
	width: .73rem; margin-top: -.2rem;
}
.s5-main .picbox{clear: both; width: 100%; display: inline-block;margin-top: -.66rem;}
.s5-main .picbox >p{
	font-size: .18rem; line-height: 1.5;
	width: 100%; clear: both; float: left;
}
.s5-main .picbox .pic{
	width:11rem; height: auto; display: inline-block; margin-top: .2rem;margin-bottom: .25rem;
	background: #666; 
	border-radius: .2rem;
	overflow: hidden;
}
.s5-main .picbox .pic img{width:100%; display: inline-block;}
.s5-main .picbox .btn{
	width:100%; clear: both;
}
.s5-main .picbox .btn a{
	width: 2.23rem; height: .66rem; display: inline-block;
	border-radius: .3rem;
}
.s5-main .picbox .btn a img{width:100%; display: inline-block;}
.s5-main .picbox .btn p{
	font-size:.18rem; line-height: 1.5;
	margin: .15rem auto;
}

/* section04 */

	
/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/*侧边悬停*/
.lfNav{
	position: fixed;top:45%; left:20px;z-index:9;
	width:155px; height:514px; display: block; margin-top: -257px;
	background: url('../images/fixedNavBg.png') no-repeat center;
	text-align: center;
}
.lfNav .close{position:absolute;top:10px; right:10px; height:12px; width:12px; }
.mt185{margin-top:180px;}
.nav-bg{width:120px; height:30px; display: block;float:left; clear:both;margin-left:17px;
	background: #fff;
	border: solid 1px #000;
	border-radius: .3rem;
	margin-bottom:7px;
	/* background: #fa3b91;
	background: -webkit-linear-gradient(90deg,#f72eb3,#fc4970);
	background: -moz-linear-gradient(90deg,#f72eb3,#fc4970);
	background: -o-linear-gradient(90deg,#f72eb3,#fc4970);
	background: linear-gradient(90deg,#f72eb3,#fc4970); */
	/* border-radius: .32rem; */
	overflow: hidden;
}
.nav-bg a{width:100%; height:30px; display: block; margin:auto; font-size:18px; line-height: .30rem;color: #333; text-align: center;}
.nav-bg a:hover{
	color: #fff;
	background: #fa3b91;
	background: -webkit-linear-gradient(90deg,#f72eb3,#fc4970);
	background: -moz-linear-gradient(90deg,#f72eb3,#fc4970);
	background: -o-linear-gradient(90deg,#f72eb3,#fc4970);
	background: linear-gradient(90deg,#f72eb3,#fc4970);
}

.left_top{width:51px; display: inline-block;}
.left_top img{width:100%;}