@charset "UTF-8";
/*-----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;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #fff; font-size: 12px;min-width: 1100px!important;  font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none !important;}
.section{ padding-top: .5rem;}
.title{ margin-bottom: .4rem;}
.title h2{font-size: .42rem; color: #333333; font-weight: bold; letter-spacing: .01rem; display: flex; align-items: center; justify-content: center;}
.title h2 span{color: #744ce8; font-weight: bold; padding-left: .14rem;}
.title h2 .t-left{margin-right: .58rem;}
.title h2 .t-right{margin-left: .58rem;}

/*banner*/
.banner{
	width: 100%; height: 3.88rem; position: relative; background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0;
}
.banner .wrap{
  height: 100%; padding-top: .66rem; box-sizing: border-box;
}
.banner span{
  width: 2.32rem; height: .6rem; line-height: .6rem; background: #8185e8; border-radius: .3rem; font-size: .34rem; color: #fff; letter-spacing: .02rem; margin-bottom: .3rem; display: inline-block;
}
.banner h1{
  margin-bottom: .3rem; visibility: hidden;
}
.banner p{
  width: 6.32rem; height: .54rem; line-height: .44rem; background: url(../images/ban_pbg.png) no-repeat center / 100%; font-size: .24rem; color: #1f1f1f; margin: 0 auto;
}
.banner p i{
  color: #ff34ab; font-size: .28rem; font-style: italic;
}
.ban-img01{
  position: absolute; left: -0.76rem; bottom: .06rem; animation: move 1s infinite alternate ease-in-out;
}
.ban-img02{
  position: absolute; left: 13.28rem; top: .22rem; animation: move2 1s infinite alternate ease-in-out;
}
.ban-img03{
  position: absolute; right: -1.6rem; bottom: 0; animation: move3 1s infinite alternate ease-in-out;
}
@keyframes move{
  0%{transform: translate(0,0);}
  100%{transform: translate(.05rem,-0.05rem);}
}
@keyframes move2{
  0%{transform: translate(0,0);}
  100%{transform: translate(.1rem,-0.1rem);}
}
@keyframes move3{
  0%{transform: translate(0,0);}
  100%{transform: translate(.05rem,-0.05rem);}
}

/*sec01*/
.sec01-main{
  background: #cdcef4; border-radius: .2rem; padding: .16rem .3rem .3rem;
}
.sec01-main table tr{
  transition: .5s all;
}
.sec01-main table tr th{
  font-size: .24rem; font-weight: 600; color: #7173bb; padding-bottom: .1rem;
}
.sec01-main table tr td{
  line-height: .46rem; font-size: .18rem; color: #333333; border-bottom: .01rem solid #cdcef4; border-right: .01rem solid #cdcef4;
}
.sec01-main table tr td:last-child{
  border-right: none;
}
.sec01-main table .tbody{
  box-shadow: .01rem .01rem .08rem #a4a7f2a2; border-radius: .1rem; background: #fff;
}
.sec01-main table .tbody tr:nth-child(1) td:nth-child(1){
  border-radius: .1rem 0 0 0;
}
.sec01-main table .tbody tr:nth-child(1) td:last-child{
  border-radius: 0 .1rem 0 0;
}
.sec01-main table .tbody tr:last-child td:nth-child(1){
  border-radius: 0 0 0 .1rem;
}
.sec01-main table .tbody tr:last-child td:last-child{
  border-radius: 0 0 .1rem 0;
}
.sec01-main table .tbody tr:last-child td{
  border-bottom: none;
}
.sec01-main table a{
  color: #e4328a; text-decoration: underline; transition: all .5s;
}
.sec01-main table a:hover{
  color: #ff0000;
}
.sec01-main table tr:hover{
  transform: scale(1.05);
}

/*sec02*/
.sec02{
  background: url(../images/s2_bg.jpg) no-repeat top center / auto 100%; padding-bottom: .5rem; margin-top: .5rem;
}
.sec02 ul{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec02 ul li{
  width: 2.12rem; background: #fff; border-radius: .12rem; margin-bottom: .1rem; padding-bottom: .1rem; padding-top: .02rem; box-shadow: 0 .01rem .04rem #a4a7f281;
}
.sec02 ul li img{
  margin-bottom: .1rem;
}
.sec02 ul li h3{
  font-size: .22rem; color: #333333; margin-bottom: .1rem; font-weight: 600;
}
.sec02 ul li a{
  width: .92rem; height: .26rem; line-height: .26rem; background: #fff0f7; border: .01rem solid #e4328a; border-radius: .13rem; font-size: .16rem; color: #e7569b; font-weight: 600; display: inline-block;
}
.scale{
  animation: scale .8s infinite alternate ease-in-out;
}
@keyframes scale {
  0%{transform: scale(1);}
  100%{transform: scale(1.1);}
}

/*sec03*/
.sec03 ul{
  display: flex; justify-content: center; align-items: center;
}
.sec03 ul li{
  margin: 0 -0.05rem;
}
.sec03 ul li div{
  height: 1.72rem; display: flex; flex-direction: column; justify-content: center;
}
.sec03 ul li div h3{
  font-size: .2rem; color: #5267fa; font-weight: bold; margin-bottom: .06rem;
}
.sec03 ul li:nth-child(2) div h3{
  color: #7a5fe6;
}
.sec03 ul li:nth-child(3) div h3{
  color: #3fa488;
}
.sec03 ul li:nth-child(4) div h3{
  color: #f47e7e;
}
.sec03 ul li:nth-child(5) div h3{
  color: #ed8c49;
}
.sec03 ul li div p{
  font-size: .16rem; color: #333333; line-height: .24rem;
}
.sec03 ul li span{
  width: 2.09rem; height: .35rem; line-height: .32rem; background: url(../images/s3_tbg01.png) no-repeat center / 100%; display: block; font-size: .16rem; color: #fff;
}
.sec03 ul li:nth-child(2) span{
  background: url(../images/s3_tbg02.png) no-repeat center / 100%;
}
.sec03 ul li:nth-child(3) span{
  background: url(../images/s3_tbg03.png) no-repeat center / 100%;
}
.sec03 ul li:nth-child(4) span{
  background: url(../images/s3_tbg04.png) no-repeat center / 100%;
}
.sec03 ul li:nth-child(5) span{
  background: url(../images/s3_tbg05.png) no-repeat center / 100%;
}
.sec03 ul li:nth-child(2n-1) h3{
  padding-top: .3rem;
}
.sec03 ul li:hover img{
  animation: swing2 linear .8s alternate infinite;
  transform-origin: top center;
  transform-box: fill-box;
}
.sec03 ul li:nth-child(2n) img{
  transform-origin: bottom center;
}
@keyframes swing2 {
  0% { transform: rotate(-20deg); }
  100% { transform: rotate(20deg); }
}

/*sec04*/
.sec04{
  background: url(../images/s4_bg.jpg) no-repeat top center; margin-top: .5rem; min-height: 5.36rem; box-sizing: border-box;
}
.sec04-main{
  background: #fff; border-radius: .2rem; padding: .2rem;
}
.myform{
  background: #f8f8f8; border-radius: .1rem; padding-bottom: .2rem;
}
.myform .hang-box{
  display: flex; justify-content: center; flex-wrap: wrap; padding-top: .36rem;
}
.myform .hang{
  display: flex; align-items: center; margin: 0 .21rem .24rem;
}
.myform .hang b{
  width: .92rem; font-size: .22rem; color: #333333; text-align: right;
}
.myform .hang01 input,.myform .hang01 select{
  width: 3.12rem; height: .46rem; background: #fff; border: .01rem solid #d2d2d2; border-radius: .1rem; font-size: .2rem; padding-left: .2rem; box-sizing: border-box;
}
.yzm-box{
  width: 3.12rem; height: .46rem; background: #fff; border: .01rem solid #d2d2d2; border-radius: .1rem; font-size: .18rem; box-sizing: border-box; padding-right: .1rem; padding-left: .2rem;
}
.yzm-box input.yzm01{
  width: 1.58rem; height: 100%; border: none; font-size: .18rem; float: left;
}
.yzm-box input.yzm02{
  width: 1.14rem; height: .24rem; line-height: .24rem; background: #ebebeb; border-radius: .12rem; font-size: .14rem; color: #999999; border: none; display: block; float: right; margin-top: .1rem;
}
.subtn1{
  width: 2.68rem; height: .55rem; line-height: .55rem; border-radius: .28rem; box-shadow: 0 .06rem .13rem #ff7bed5e; margin: 0 auto .1rem; font-size: .22rem; color: #ffffff; 
  background: #ff85e1;
  background: -webkit-linear-gradient(bottom, #ff85e1, #f237cd);
  background: -o-linear-gradient(bottom, #ff85e1, #f237cd);
  background: -moz-linear-gradient(bottom, #ff85e1, #f237cd);
  background: linear-gradient(to bottom, #ff85e1, #f237cd);
}

/*sec05*/
.sec05-main{
  display: flex; padding-bottom: .8rem;
}
.sec05-item{
  margin: 0 .05rem; position: relative;
}
.sec05-item img{
  margin-bottom: .1rem;
}
.sec05-i01{
  width: 1.26rem; margin-top: 1.14rem;
}
.sec05-i02{
  width: 1.96rem; text-align: right; margin-top: .16rem;
}
.sec05-i03{
  width: 2.86rem;
}
.sec05-i04{
  width: 1.69rem; text-align: left; margin-top: .16rem;
}
.sec05-i05{
  width: 1.69rem; margin-top: 1.15rem;
}
.sec05-item i{
  width: .71rem; height: .61rem; background: #ecedfa; display: block; position: absolute;
}
.sec05-i02 i.i01{
  width: .45rem; height: .38rem; background: #d1c4f5; top: .49rem; left: -0.09rem;
}
.sec05-i02 i.i02{
  top: 3.48rem; right: 0;
}
.sec05-i04 i{
  width: .37rem; height: .33rem; background: #9f98ff; top: 3.83rem; right: -0.23rem;
}
.sec05-i05 i{
  top: -0.71rem; left: -0.15rem;
}

/* 弹窗 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, .8);
  display: none;
}

.popup {
  width: 5.3rem;
  z-index: 9;
  border-radius: .3rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: .2rem;
  padding: .2rem;
}
.popup .close {
  display: block;
  width: .5rem;
  position: absolute;
  top: -.65rem;
  right: 0;
}
.popup-m {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: #f8f8f8;
  border-radius:.1rem;
  border-top: none;
  padding: .3rem 0 .3rem;
}
.popup-m .hang-box{
  padding-top: 0;
}
.popup-m .subtn1{
  margin-top: .1rem; margin-bottom: .15rem;
}
.popup-m .myform{
  padding-bottom: 0;
}
.popup-m .myform .hang{
  margin-bottom: .2rem;
}
#xieyi.xieyi a{
  color: #6d64e7 !important;
}
/* #xieyi.xieyi #xy.xy input[type=checkbox]::before{
  width: .18rem !important; background: url(../images/checked.png) no-repeat center !important;
} */