@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{border:0}
body,html{margin:0 auto;}
img {border:none;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
a,
button,
input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*Çå³þ°´Å¥ÒõÓ°*/
}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}

.banner a{display: block;width:56.4%;position:absolute;right:2.3%;top:75.8%;border-radius: 64px;overflow: hidden;box-shadow: 0 13px 17px rgba(152,107,148,.3);}

.dqjSlides {width:96%;left:50%;top:15.3%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0 2%;}
.dqjSlides ul {}
.dqjSlides li { display: block;box-shadow: 0 15px 16px rgba(152,107,148,.4);border-radius:52px; }
.dqjSlides .pagenation {text-align: center;padding:4% 0;}
.dqjSlides .swiper-pagination-bullet {width:2.5%;padding-top: 2.5%;height: auto; background-color: #cbcbcb}
.dqjSlides .swiper-pagination-bullet-active {background-color:#6e57a7}
.content1 .userInfo {width:59.2%;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:50%;}
.content1 .userInfo h5 {font-size:5.8rem;color:#fff;text-align: center;line-height: 1.4;}
.content1 .userInfo h6 {font-size:3.4rem;color:#fff;text-align: center;line-height: 1.4;}
.content1 .userInfo p {font-size:2rem;color:#fff;text-align: center;line-height: 1.4;}
.content1 .userInfo form {margin-top:6%;overflow: hidden;}
.content1 .userInfo label {display:block;width:100%;background-color: #fff;border-radius: 42px;overflow: hidden;margin-top:4%;}
.content1 .userInfo label input {width:100%;text-align: center;font-size: 3.4rem;color:#cecece;line-height: 2.47;outline: none;border-color:transparent;}
.content1 .userInfo .submitBox {width:100%;text-align: center;padding-bottom: 20px;margin-top:4%}
.content1 .userInfo .submitBox a {display:inline-block;font-size:3.4rem;color:#ff455a;background-color: #fff;width:66%;border-radius: 42px;border:2px solid #ff455a;line-height: 2.3;box-shadow: 0 8px 13px rgba(0,0,0,.25);}

.content2 .viewBox {width:95.5%;left:50%;top:34.3%;background-color: #fff;border:1px dashed #b5b5b5;border-radius: 30px;padding:6% 0;}
.content2 p {font-size:3.9rem;color:#222222;text-align: center;line-height: 1.3;}
.content2 p span {color:#ff455a}
.content2 a,.content3 a,.content4 a{display:block;}
.content2 a:nth-of-type(1),.content3 .viewBox a:nth-of-type(1),.content4 .viewBox a:nth-of-type(1){width:68.5%;margin:8% auto 0;}
.content2 a:nth-of-type(2),.content3 .viewBox a:nth-of-type(2),.content4 .viewBox a:nth-of-type(2){width:52.66%;margin:0 auto 0;}

.content3 .viewBox {width:100%;left:0;top:80%;}
.content4 .viewBox {width:100%;left:0;top:78%;}
.content4 .viewBox a:nth-of-type(1) {width:52.5%}
.content4 .viewBox a:nth-of-type(2) {width:43.86%}

.content5 {background-color:#ffe4f2;padding:0 0 8%}
.content5 .viewBox {width:95.5%;background-color: #8c60a1;border-radius: 25px 0 25px 0;box-shadow: 0 18px 16px rgba(86,65,138,.26);margin:0 auto}
.content5 .viewBox h6 {font-size:4.6rem;color:#fff;text-align: center;line-height: 3.2;}

.lists {width:100%;display: flex;justify-content: space-between;flex-flow: wrap;padding-bottom: 5%}
.lists li {width:48.6%;position:relative;margin-bottom: 8%;}
.lists li a {position:absolute;width:55.7%;left:50%;top:91%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;border-radius: 30px;box-shadow: 0 10px 8px rgba(173,93,105,.25);}

.linkBox {padding:2% 19% 6%;background-color: #ffe4f2}
.content6 .viewBox{background-color:#ffb034;}
.content6 li:last-child,.content7 li:last-child{width:100%}
.content6 li:last-child a,.content7 li:last-child a {width:27%}

.content7 .viewBox{background-color:#ff8eb1;}
.content6 .viewBox ul,.content7 .viewBox ul {padding-top:8%;}
.content8 .viewBox{background-color:#405294;}
.content9 .viewBox{background-color:#57cabe;}
.content8 .viewBox .animationGif,.content9 .viewBox .animationGif {width:19.8%;right:0%;top:-8%;}
.content10 .linkBox {position:absolute;left:50%;bottom:1%;background-color: #fff;width:100%}
.content11 a {display:block;width:47%;position:absolute;left:50%;bottom:6%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}

/*µ¼º½*/
.sticky_nav {width:100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;top:0;left:0;justify-content: space-between;background-color: transparent;transition: .3s;transform:translate3d(0,-115%,0);}
.sticky_nav.active {transform:translate3d(0,0,0);}
.sticky_nav.fixed {position: fixed;z-index:5;}
.sticky_nav a{display:block;width:16%;background-color: #fff;font-size:3rem;color:#ff455a;line-height: 2.6;text-align: center;border-radius: 0 0 12px 12px;box-shadow: 0 8px 11px rgba(152,107,148,.32);transition: .3s;transform: translate3d(0,-5px,0);}
.sticky_nav a.active {background:linear-gradient(to bottom,#ff275a,#ff5a5a);color: #fff;font-weight: bold;transform: translate3d(0,0,0);}
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
	
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/


}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}