@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: #eafefd; 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;}
.section{ padding-top: .6rem;}
.title{ margin-bottom: .45rem;}
.title h2{ width: 6.21rem; height: .8rem; background: url(../images/t_bg.png) no-repeat center / 100% 100%; position: relative; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.t-bt02-box{width: 3.8rem; height: 100%; margin-top: 0.3rem;}
.title h2 .t-xing01{position: absolute; top: .16rem; left: .18rem;}
.title h2 .t-xing02{position: absolute; bottom: -0.07rem; right: .21rem;}

/*banner*/
.banner{
	width: 100%;height: 8.55rem;position: relative;background: url(../images/ban_bg.jpg) no-repeat top center;font-size: 0;
}
.logo{
  width: 2rem; height: .8rem; background: #fff; border-radius: 0 0 .1rem .1rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1.14rem; position: relative; z-index: 9;
}
.logo img{
  width: 1.65rem; display: block;
}
.ban-bt{
  position: relative;
}
.ban-bt01{
  margin-bottom: .3rem;
}
.ban-xiao{
  position: absolute; top: -0.71rem; left: 2.43rem;
}
.ban-bt p{
  margin-top: .28rem; display: flex; justify-content: center;
}
.ban-bt p i{
  content: ''; width: .89rem; height: .92rem; background: url(../images/ban_img08.png) no-repeat center / 100%; display: block;margin: -0.19rem -0.77rem 0 0; position: relative; z-index: 2;
}
.ban-bt p span{
  width: 4.6rem; height: .64rem; line-height: .64rem; border-radius: .32rem; font-size: .36rem; font-weight: bold; color: #fff; display: block; text-align: right; padding-right: .3rem; box-shadow:inset 0 0 .06rem #fff; box-sizing: border-box;
  background: #a8fce1;
  background: -webkit-linear-gradient(bottom, #a8fce1, #6fe2fe);
  background: -o-linear-gradient(bottom, #a8fce1, #6fe2fe);
  background: -moz-linear-gradient(bottom, #a8fce1, #6fe2fe);
  background: linear-gradient(to bottom, #a8fce1, #6fe2fe);  
}
.ban-l01{
  position: absolute; left: -1.3rem; top: .8rem; animation: move 1s infinite alternate linear;
}
.ban-l02{
  position: absolute; left: -3.25rem; top: 2.57rem; animation: move1 1s infinite alternate linear;
}
.ban-book{
  position: absolute; top: 5.05rem; left: -0.62rem; z-index: 1; animation: bookMove 1.2s infinite alternate ease-in-out;
}
@keyframes bookMove{
  0%{transform: translateY(0);}
  100%{transform: translateY(.06rem);}
}
.ban-red{
  position: absolute; top: 2.68rem; left: .62rem;
}
.ban-r01{
  position: absolute; top: .56rem; right: 1.34rem; animation: move1 1s infinite alternate linear;
}
.ban-r02{
  position: absolute; top: 1.9rem; right: -1.95rem; animation: move 1s infinite alternate linear;
}
.ban-peo{
  position: absolute; top: 2.17rem; right: -1.62rem;
}
.ban-peo img{
  animation: peoMove 1s infinite alternate ease-in-out;
}
@keyframes peoMove{
  0%{transform: translateY(0);}
  100%{transform: translateY(.16rem);}
}
.ban-shu{
  position: absolute; top: -0.07rem; left: -0.54rem;
}
.ban-white{
  position: absolute; bottom: 1.22rem; left: -0.86rem;
}
@keyframes move{
  0%{transform: translateX(0);}
  100%{transform: translateX(.1rem);}
}
@keyframes move1{
  0%{transform: translateX(.1rem);}
  100%{transform: translateX(0);}
}

/*sec01*/
.sec01{
  padding-top: .3rem;
}
.s1-video{
  width: 9.3rem; background: #000; position: absolute; top: .68rem; left: .84rem;
}
.sec01-kuang{
  position: relative; z-index: 1;
}


/*sec02*/
.t-xing01{
  animation: shan .8s infinite alternate linear;
}
.t-xing02{
  animation: shan .8s infinite alternate linear;
}
.sec02-title{
  margin-bottom: .22rem;
}
.sec02-main{
  width: 10.97rem; height: 4.95rem; background: url(../images/s2_mbg.png) no-repeat center / 100% 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
}
.sec02-l{
  width: 5.14rem; margin-top: .34rem;
}
.sec02-l p{
  font-size: .24rem; line-height: .58rem; background: url(../images/s2_lbg.png) repeat-y; background-size: 5.14rem; margin-bottom: .28rem;
}
.sec02-main .sec02-r-img{
  margin-top: -0.41rem;
}
.pub-btn{
  transition: all .5s; transform: scale(1);
}
.pub-btn:hover{
  transform: scale(1.1);
}
.pub-btn2{
  transition: all .5s; transform: scale(1);
}
.pub-btn2:hover{
  transform: scale(1.1);
}
@keyframes shan{
  0%{transform: scale(0.6); opacity: .9;}
  100%{transform: scale(1.05); opacity: 1;}
}

/*sec03*/
.sec03-t{
  height: 3.68rem; background: url(../images/s3_tbg.png) no-repeat top center / 100%; padding-top: .34rem; box-sizing: border-box;
}
.sec03-t ul{
  display: flex; justify-content: center; flex-wrap: wrap;
}
.sec03-t ul li{
  width: 4.7rem; height: 1.4rem; margin: 0 .08rem .16rem;
}
.sec03-t ul li .item-box{
  width: 100%; height: 100%; background: #fee882; border-radius: .14rem; transition: all .5s; display: flex; align-items: center; justify-content: flex-start;
}
.sec03-t ul li:hover .item-box{
  transform: scale(1.05);
}
.sec03-t ul li img{
  margin-left: .3rem;
}
.sec03-t ul li .item-box div{
  text-align: left; margin-left: .25rem;
}
.sec03-t ul li .item-box div h3{
  font-size: .28rem; color: #000000; font-weight: bold; margin-bottom: .12rem;
}
.sec03-t ul li .item-box div p{
  line-height: .4rem; font-size: .24rem; color: #77280a; background: #ffffcc; padding: 0 .15rem; border-radius: .06rem; display: inline-block;
}
.sec03-b{
  background: #2bd4ff; border-radius:0 0 .15rem .15rem; padding: .4rem .4rem .3rem;
}
.sec03-b ul{
  background: #fff; border-radius: .2rem; padding: .3rem .32rem .78rem; display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec03-b ul li{
  width: 4.7rem; height: 1.6rem; background: url(../images/s3_b_lbg.png) no-repeat center / 100%; padding-top: .24rem; box-sizing: border-box;
}
.sec03-b ul li:hover h4{
  transform: scale(1.07);
}
.sec03-b ul li h4{
  width: 3.64rem; height: .65rem; border-radius: .1rem; font-size: .3rem; color: #fff; margin: 0 auto; transition: all .5s;
  background: #27d2ff; 
  background: -webkit-linear-gradient(right, #27d2ff, #3df9ba);
  background: -o-linear-gradient(right, #27d2ff, #3df9ba);
  background: -moz-linear-gradient(right, #27d2ff, #3df9ba);
  background: linear-gradient(to right, #27d2ff, #3df9ba);
}
.sec03-b ul li h4 span{
  color: #fdf09a; font-weight: bold; font-size: .42rem;
}
.sec03-b ul li p{
  font-size: .2rem; color: #000000; margin-top: .18rem;
}
.sec03-btn{
  margin-top: -0.52rem; display: block;
}
.s3-tips{
  font-size: .18rem; color: #fff; margin-top: .08rem;
}


/*sec04*/
.sec04-main ul{
  display: flex; flex-wrap: wrap;
}
.sec04-main ul li{
  width: 2.58rem; height: 2.78rem; background: #fff; border: .01rem solid #2bd3ff; border-radius: .2rem; margin-bottom: .18rem; margin-right: .18rem; overflow: hidden; transition: all .5s;
}
.sec04-main ul li:hover{
  transform: scale(1.06);
}
.sec04-main ul li:nth-child(4){
  margin-right: 0;
}
.sec04-main ul li h3{
  width: 1.95rem; height: .46rem; line-height: .46rem; background: url(../images/s4_l_bt02.png) no-repeat center / 100%; display: flex; align-items: center; justify-content: center;
  font-size: .24rem; color: #fff; font-weight: bold; margin: 0 auto .2rem;
}
.sec04-main ul li h3::before{
  content: ''; width: .13rem; height: .16rem; background: url(../images/s4_xing.png) no-repeat center / 100%; display: block; margin-right: .08rem;
}
.sec04-main ul li h3::after{
  content: ''; width: .13rem; height: .16rem; background: url(../images/s4_xing.png) no-repeat center / 100%; display: block; margin-left: .08rem;
}
.sec04-main ul li:nth-child(1) h3{
  width: 2.41rem; height: .46rem; background: url(../images/s4_l_bt.png) no-repeat center / 100%;
}
.sec04-main ul li p{
  height: 1.4rem; font-size: .2rem; color: #303030; line-height: .3rem; text-align: justify; margin-left: .24rem; margin-right: .2rem;
}
.sec04-main ul li p b{
  font-weight: bold;
}
.sec04-main ul li span{
  width: 100%; height: .52rem; line-height: .5rem; font-size: .22rem; color: #fff; display: block;
  background: #13eaa3;
  background: -webkit-linear-gradient(right, #13eaa3, #3ed3f9);
  background: -o-linear-gradient(right, #13eaa3, #3ed3f9);
  background: -moz-linear-gradient(right, #13eaa3, #3ed3f9);
  background: linear-gradient(to right, #13eaa3, #3ed3f9);
}
.sec04-main ul li span b{
  font-size: .3rem; font-weight: bold;
}
.sec04-tips{
  font-size: .18rem; color: #000000; margin-top: 0.05rem;
}

/*sec05*/
.sec05{
  background: url(../images/s5_bg.jpg) no-repeat bottom center / 100%;
}
.sec05-title{
  position: relative;
}
.sec05-title p{
  font-size: .2rem; color: #000000; margin-top: .25rem;
}
.myCourse{
  width: 1.6rem;
  height: .42rem;
  line-height: .41rem;
  border-radius: .24rem;
  font-size: .21rem;
  color: #fff;
  display: block;
  position: absolute;
  right: .35rem;
  top: 1.08rem;
  background: #ffaf00;
  background: -webkit-linear-gradient(right, #ffaf00, #fe6a00);
  background: -o-linear-gradient(right, #ffaf00, #fe6a00);
  background: -moz-linear-gradient(right, #ffaf00, #fe6a00);
  background: linear-gradient(to right, #ffaf00, #fe6a00);
}
.sec05-main{
  padding-bottom: 3rem;
}
.sec05-main ul{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec05-main ul li{
  width: 3.48rem; height: 3.2rem; margin-bottom: .24rem; border-radius: .2rem; box-sizing: border-box; position: relative;
}
.sec05-main ul li .sec05-list{
  width: 100%; height: 2.35rem; padding: .22rem; box-sizing: border-box; border-radius: .2rem .2rem 0 0; margin-bottom: .18rem;
}
.sec05-main ul li:nth-child(1) .sec05-list,.sec05-main ul li:nth-child(8) .sec05-list{
  background: #58afff;
  background: -webkit-linear-gradient(-52deg, #58afff,#bfe0ff, #1687ee);
  background: -o-linear-gradient(-52deg, #58afff,#bfe0ff, #1687ee);
  background: -moz-linear-gradient(-52deg, #58afff,#bfe0ff, #1687ee);
  background: linear-gradient(to -52deg, #58afff,#bfe0ff, #1687ee);
}
.sec05-main ul li:nth-child(2) .sec05-list{
  background: #58afff;
  background: -webkit-linear-gradient(-52deg, #4dd9fc,#b7eefb, #00c2f1);
  background: -o-linear-gradient(-52deg, #4dd9fc,#b7eefb, #00c2f1);
  background: -moz-linear-gradient(-52deg, #4dd9fc,#b7eefb, #00c2f1);
  background: linear-gradient(to -52deg, #4dd9fc,#b7eefb, #00c2f1);
}
.sec05-main ul li:nth-child(3) .sec05-list,.sec05-main ul li:nth-child(7) .sec05-list{
  background: #fbcf35;
  background: -webkit-linear-gradient(-52deg, #fbcf35,#fde4b4, #f5ae04);
  background: -o-linear-gradient(-52deg, #fbcf35,#fde4b4, #f5ae04);
  background: -moz-linear-gradient(-52deg, #fbcf35,#fde4b4, #f5ae04);
  background: linear-gradient(to -52deg, #fbcf35,#fde4b4, #f5ae04);
}
.sec05-main ul li:nth-child(4) .sec05-list{
  background: #9a3cfc;
  background: -webkit-linear-gradient(-52deg, #9a3cfc,#dab8fe, #881afb);
  background: -o-linear-gradient(-52deg, #9a3cfc,#dab8fe, #881afb);
  background: -moz-linear-gradient(-52deg, #9a3cfc,#dab8fe, #881afb);
  background: linear-gradient(to -52deg, #9a3cfc,#dab8fe, #881afb);
}
.sec05-main ul li:nth-child(5) .sec05-list,.sec05-main ul li:nth-child(6) .sec05-list{
  background: #fc5f53;
  background: -webkit-linear-gradient(-52deg, #fc5f53,#fec4bf, #fd402d);
  background: -o-linear-gradient(-52deg, #fc5f53,#fec4bf, #fd402d);
  background: -moz-linear-gradient(-52deg, #fc5f53,#fec4bf, #fd402d);
  background: linear-gradient(to -52deg, #fc5f53,#fec4bf, #fd402d);
}
.sec05-main ul li:nth-child(9) .sec05-list{
  background: #15e393;
  background: -webkit-linear-gradient(-52deg, #15e393,#b3f4db, #18e796);
  background: -o-linear-gradient(-52deg, #15e393,#b3f4db, #18e796);
  background: -moz-linear-gradient(-52deg, #15e393,#b3f4db, #18e796);
  background: linear-gradient(to -52deg, #15e393,#b3f4db, #18e796);
}
.sec05-main ul li:nth-child(10) .sec05-list{
  background: #39d94f;
  background: -webkit-linear-gradient(-52deg, #39d94f,#b9fac2, #27e942);
  background: -o-linear-gradient(-52deg, #39d94f,#b9fac2, #27e942);
  background: -moz-linear-gradient(-52deg, #39d94f,#b9fac2, #27e942);
  background: linear-gradient(to -52deg, #39d94f,#b9fac2, #27e942);
}
.sec05-main ul li:nth-child(11) .sec05-list{
  background: #769de4;
  background: -webkit-linear-gradient(-52deg, #769de4,#c9d8f5, #467bdb);
  background: -o-linear-gradient(-52deg, #769de4,#c9d8f5, #467bdb);
  background: -moz-linear-gradient(-52deg, #769de4,#c9d8f5, #467bdb);
  background: linear-gradient(to -52deg, #769de4,#c9d8f5, #467bdb);
}
.sec05-main ul li:nth-child(12) .sec05-list{
  background: #cd67f7;
  background: -webkit-linear-gradient(-52deg, #cd67f7,#edc7fc, #c44df5);
  background: -o-linear-gradient(-52deg, #cd67f7,#edc7fc, #c44df5);
  background: -moz-linear-gradient(-52deg, #cd67f7,#edc7fc, #c44df5);
  background: linear-gradient(to -52deg, #cd67f7,#edc7fc, #c44df5);
}
.sec05-main ul li:nth-child(13) .sec05-list{
  background: #2cf2de;
  background: -webkit-linear-gradient(-52deg, #2cf2de,#c9fcf6, #2af2de);
  background: -o-linear-gradient(-52deg, #2cf2de,#c9fcf6, #2af2de);
  background: -moz-linear-gradient(-52deg, #2cf2de,#c9fcf6, #2af2de);
  background: linear-gradient(to -52deg, #2cf2de,#c9fcf6, #2af2de);
}
.sec05-main ul li:nth-child(14) .sec05-list{
  background: #1edfaf;
  background: -webkit-linear-gradient(-52deg, #1edfaf,#b7eddf, #21cca2);
  background: -o-linear-gradient(-52deg, #1edfaf,#b7eddf, #21cca2);
  background: -moz-linear-gradient(-52deg, #1edfaf,#b7eddf, #21cca2);
  background: linear-gradient(to -52deg, #1edfaf,#b7eddf, #21cca2);
}
.sec05-main ul li .sec05-list .sec05-list-m{
  width: 100%; height: 100%; background: #ffffff71; border: .01rem solid #fff; border-radius: .14rem;
}
.sec05-list-m i{
  width: .93rem; height: .34rem; line-height: .32rem; border: .01rem solid #fff; border-top: none; border-radius:0 0 .08rem .08rem; display: block; margin-bottom: .08rem; margin-left: .24rem; font-size: .2rem; color: #fff; font-weight: 600;
  background: #1f95ff;
  background: -webkit-linear-gradient(right, #1f95ff, #69b8ff);
  background: -o-linear-gradient(right, #1f95ff, #69b8ff);
  background: -moz-linear-gradient(right, #1f95ff, #69b8ff);
  background: linear-gradient(to right, #1f95ff, #69b8ff);
}
.sec05-main ul li:nth-child(2) .sec05-list i{
  background: #02c4f0;
  background: -webkit-linear-gradient(right, #02c4f0, #60e0ff);
  background: -o-linear-gradient(right, #02c4f0, #60e0ff);
  background: -moz-linear-gradient(right, #02c4f0, #60e0ff);
  background: linear-gradient(to right, #02c4f0, #60e0ff);
}
.sec05-main ul li:nth-child(3) .sec05-list i,.sec05-main ul li:nth-child(7) .sec05-list i{
  background: #f9a605;
  background: -webkit-linear-gradient(right, #f9a605, #fac21f);
  background: -o-linear-gradient(right, #f9a605, #fac21f);
  background: -moz-linear-gradient(right, #f9a605, #fac21f);
  background: linear-gradient(to right, #f9a605, #fac21f);
}
.sec05-main ul li:nth-child(4) .sec05-list i{
  background: #8b24fc;
  background: -webkit-linear-gradient(right, #8b24fc, #9d48fd);
  background: -o-linear-gradient(right, #8b24fc, #9d48fd);
  background: -moz-linear-gradient(right, #8b24fc, #9d48fd);
  background: linear-gradient(to right, #8b24fc, #9d48fd);
}
.sec05-main ul li:nth-child(5) .sec05-list i,.sec05-main ul li:nth-child(6) .sec05-list i{
  background: #fd4331;
  background: -webkit-linear-gradient(right, #fd4331, #fe6050);
  background: -o-linear-gradient(right, #fd4331, #fe6050);
  background: -moz-linear-gradient(right, #fd4331, #fe6050);
  background: linear-gradient(to right, #fd4331, #fe6050);
}
.sec05-main ul li:nth-child(9) .sec05-list i{
  background: #05c57b;
  background: -webkit-linear-gradient(right, #05c57b, #0edb8b);
  background: -o-linear-gradient(right, #05c57b, #0edb8b);
  background: -moz-linear-gradient(right, #05c57b, #0edb8b);
  background: linear-gradient(to right, #05c57b, #0edb8b);
}
.sec05-main ul li:nth-child(10) .sec05-list i{
  background: #24eb3f;
  background: -webkit-linear-gradient(right, #24eb3f, #75f07f);
  background: -o-linear-gradient(right, #24eb3f, #75f07f);
  background: -moz-linear-gradient(right, #24eb3f, #75f07f);
  background: linear-gradient(to right, #24eb3f, #75f07f);
}
.sec05-main ul li:nth-child(11) .sec05-list i{
  background: #477cdb;
  background: -webkit-linear-gradient(right, #477cdb, #719be5);
  background: -o-linear-gradient(right, #477cdb, #719be5);
  background: -moz-linear-gradient(right, #477cdb, #719be5);
  background: linear-gradient(to right, #477cdb, #719be5);
}
.sec05-main ul li:nth-child(12) .sec05-list i{
  background: #c44ff5;
  background: -webkit-linear-gradient(right, #c44ff5, #d175f9);
  background: -o-linear-gradient(right, #c44ff5, #d175f9);
  background: -moz-linear-gradient(right, #c44ff5, #d175f9);
  background: linear-gradient(to right, #c44ff5, #d175f9);
}
.sec05-main ul li:nth-child(13) .sec05-list i{
  background: #27d3ff;
  background: -webkit-linear-gradient(right, #27d3ff, #53f4e4);
  background: -o-linear-gradient(right, #27d3ff, #53f4e4);
  background: -moz-linear-gradient(right, #27d3ff, #53f4e4);
  background: linear-gradient(to right, #27d3ff, #53f4e4);
}
.sec05-main ul li:nth-child(14) .sec05-list i{
  background: #22c49c;
  background: -webkit-linear-gradient(right, #22c49c, #45d4ad);
  background: -o-linear-gradient(right, #22c49c, #45d4ad);
  background: -moz-linear-gradient(right, #22c49c, #45d4ad);
  background: linear-gradient(to right, #22c49c, #45d4ad);
}

.sec05-list-m h3{
  font-size: .35rem; color: #016ccf; font-weight: 900; line-height: .45rem;text-shadow: .02rem .02rem 0 #fff,-0.02rem .02rem 0 #fff,.02rem -0.02rem 0 #fff,-0.02rem -0.02rem 0 #fff; margin-bottom: .14rem;
}
.sec05-main ul li:nth-child(2) h3{
  color: #01bae5;
}
.sec05-main ul li:nth-child(3) h3,.sec05-main ul li:nth-child(7) h3{
  color: #f9a504;
}
.sec05-main ul li:nth-child(4) h3{
  color: #8b24fc;
}
.sec05-main ul li:nth-child(5) h3,.sec05-main ul li:nth-child(6) h3{
  color: #fd4432;
}
.sec05-main ul li:nth-child(8) h3{
  color: #1076f5;
}
.sec05-main ul li:nth-child(9) h3{
  color: #05c57b;
}
.sec05-main ul li:nth-child(10) h3{
  color: #07d223;
}
.sec05-main ul li:nth-child(11) h3{
  color: #477cdb;
}
.sec05-main ul li:nth-child(12) h3{
  color: #ae25e7;
}
.sec05-main ul li:nth-child(13) h3{
  color: #27d5ff;
}
.sec05-main ul li:nth-child(14) h3{
  color: #06d1a0;
}
.sec05-main ul li:nth-child(8) h3 span{
  font-size: .32rem;
}
.sec05-main ul li:nth-child(12) h3 span{
  font-size: .3rem;
}
.sec05-list-m p{
  font-size: .16rem; color: #000000; margin-top: .1rem; display: flex; align-items: center; justify-content: center;
}
.sec05-main ul li:nth-child(14) p{
  margin-top: -0.05rem;
}
.sec05-list-m p::before{
  content: ''; width: .11rem; height: .14rem; background: url(../images/s5_xing01.png) no-repeat center / 100%; display: block; margin-right: .1rem;
}
.sec05-list-m p::after{
  content: ''; width: .11rem; height: .14rem; background: url(../images/s5_xing01.png) no-repeat center / 100%; display: block; margin-left: .1rem;
}
.sec05-main ul li:nth-child(2) .sec05-list-m p::before{
  background: url(../images/s5_xing02.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(2) .sec05-list-m p::after{
  background: url(../images/s5_xing02.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(8) .sec05-list-m p::before{
  background: url(../images/s5_xing08.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(8) .sec05-list-m p::after{
  background: url(../images/s5_xing08.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(3) .sec05-list-m p::before,.sec05-main ul li:nth-child(7) .sec05-list-m p::before{
  background: url(../images/s5_xing03.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(3) .sec05-list-m p::after,.sec05-main ul li:nth-child(7) .sec05-list-m p::after{
  background: url(../images/s5_xing03.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(4) .sec05-list-m p::before{
  background: url(../images/s5_xing04.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(4) .sec05-list-m p::after{
  background: url(../images/s5_xing04.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(5) .sec05-list-m p::before,.sec05-main ul li:nth-child(6) .sec05-list-m p::before{
  background: url(../images/s5_xing05.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(5) .sec05-list-m p::after,.sec05-main ul li:nth-child(6) .sec05-list-m p::after{
  background: url(../images/s5_xing05.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(9) .sec05-list-m p::before{
  background: url(../images/s5_xing09.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(9) .sec05-list-m p::after{
  background: url(../images/s5_xing09.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(10) .sec05-list-m p::before{
  background: url(../images/s5_xing10.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(10) .sec05-list-m p::after{
  background: url(../images/s5_xing10.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(11) .sec05-list-m p::before{
  background: url(../images/s5_xing11.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(11) .sec05-list-m p::after{
  background: url(../images/s5_xing11.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(12) .sec05-list-m p::before{
  background: url(../images/s5_xing12.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(12) .sec05-list-m p::after{
  background: url(../images/s5_xing12.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(13) .sec05-list-m p::before{
  background: url(../images/s5_xing13.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(13) .sec05-list-m p::after{
  background: url(../images/s5_xing13.png) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(14) .sec05-list-m p::before{
  display: none;
}
.sec05-main ul li:nth-child(14) .sec05-list-m p::after{
  display: none;
}
.sec05-main ul li .km{
  width: 88%; display: block; margin: 0 auto; line-height: .3rem; text-align: justify; font-size: .18rem; color: #303030; margin-bottom: .15rem; display: none;
}
.sec05-main ul li .km b{
  font-weight: 600;
}
.sec05-main ul li a{
  width: 1.68rem; height: .48rem; line-height: .48rem; border-radius: .24rem; font-size: .24rem; color: #fff; display: block; margin: 0 auto;
  background: #ffaf00;
  background: -webkit-linear-gradient(right, #ffaf00, #fe6a00);
  background: -o-linear-gradient(right, #ffaf00, #fe6a00);
  background: -moz-linear-gradient(right, #ffaf00, #fe6a00);
  background: linear-gradient(to right, #ffaf00, #fe6a00);
}
.sec05-b{
  position: absolute; top: 2.35rem; left: 0; right: 0; background: #fff; border: .01rem solid #fff; border-radius:0 0 .2rem .2rem; padding: .22rem 0; z-index: 9;
}
.sec05-main ul li.on .sec05-b{
  box-shadow: 0 .05rem .2rem rgba(0, 0, 0, 0.171);
}

/* 弹窗 */
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.popup { z-index: 9; 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%);}
.popup.popupBg01{
  width: 6rem; height: 5.51rem; background: url(../images/popup_bg01.png) no-repeat center / 100%;
}
.popup.popupBg02{
  width: 6rem; height: 6.11rem; background: url(../images/popup_bg02.png) no-repeat center / 100%;
}
.popup.popupBg03{
  width: 6rem; height: 6.51rem; background: url(../images/popup_bg03.png) no-repeat center / 100%;
}
.popup .close,.popup .close02 {display: block; width: .73rem; height: .73rem; position: absolute; top: -0.47rem; right: -0.03rem;}
.popup .close img,.popup .close02 img{width: 100%;}
.popup h3 {text-align: center; font-size: .46rem; color: #000000;font-weight: 900; padding-top: 1.03rem; margin-bottom: 1.3rem; text-shadow: .02rem .02rem 0 #fff, -0.02rem .02rem 0 #fff, .02rem -0.02rem 0 #fff, -0.02rem -0.02rem 0 #fff;}
.popup-m {width: 100%; margin: 0 auto; box-sizing: border-box; text-align: center;}
.popup-m h4 {width: 1.6rem; height: 0.4rem; line-height: .4rem; color: #fff; font-size: .24rem; margin-bottom: 0.1rem; text-align: center; box-sizing: border-box; display: block; border-radius: .2rem; background: #aa2c12; background: linear-gradient(to right, #aa2c12, #ec3c19);
}
.popup-p{text-align: center; font-size: .28rem; color: #333333; line-height: 0.42rem;}
.popup-p span{color: #ff0000; font-weight: bold;}
.popup-p3{padding: .5rem 0;}
.popup-img{width: 4.1rem; margin: -0.47rem auto -0.02rem;}
.popup-img2{width: 3.46rem; margin: .2rem auto;}
.popup a.popBtn{width: 2.4rem; height: .62rem; line-height: .62rem; font-size: .3rem; color: #fff; font-weight: bold; text-align: center; letter-spacing: .02rem; display: inline-block; border-radius: .3rem; margin-top: .55rem;
background: #fe839a;
background: -webkit-linear-gradient(right, #fe839a, #f73d6c);
background: -o-linear-gradient(right, #fe839a, #f73d6c);
background: -moz-linear-gradient(right, #fe839a, #f73d6c);
background: linear-gradient(to right, #fe839a, #f73d6c);

}
.popup a.popBtn span{ font-weight: bold; background-image: -webkit-linear-gradient(top,#fff9f2,#fff9f2,#fef5c2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#getSuc .popup-p{
  font-size: .26rem; line-height: .35rem;
}
.km-box img{
  width: 2.94rem;
}
.km-box p{
  font-size: .2rem; color: #000000; margin-top: -0.6rem; margin-bottom: .5rem;
}

#myReceived ul{
  margin-top: -0.2rem; height: 2.3rem; overflow-y: scroll;
}
#myReceived ul li{
  width: 5.4rem; height: .95rem; border-radius: .1rem; background: #fff; margin: 0 auto; display: flex; justify-content: space-between; padding: 0 .16rem; box-sizing: border-box; margin-bottom: .22rem;
}
#myReceived ul li i{
  width: .38rem; height: .53rem; background: url(../images/popup_bt_bg.png) no-repeat center / 100%;  display: block; font-size: .24rem; color: #fff; font-weight: 600; padding-top: .04rem; box-sizing: border-box;
}
#myReceived ul li p{
  width: 61%; font-size: .24rem; color: #333333; line-height: .34rem; text-align: left; margin-top: .1rem;
}
#myReceived ul li p b{
  font-weight: bold; font-size: .23rem;
}
#myReceived ul li a{
  width: 1.2rem; height: .46rem; line-height: .46rem; border-radius: .24rem; font-size: .26rem; color: #fff; font-weight: 600; display: block; margin-top: .25rem;
  background: #fe839a;
  background: -webkit-linear-gradient(right, #fe839a, #f73d6c);
  background: -o-linear-gradient(right, #fe839a, #f73d6c);
  background: -moz-linear-gradient(right, #fe839a, #f73d6c);
  background: linear-gradient(to right, #fe839a, #f73d6c);
}

#select .popup h3{
  margin-bottom: .9rem;
}
#select ul{
  display: flex; justify-content: center; flex-wrap: wrap; margin-top: -0.1rem; height: 2.46rem; width: 90%; align-content: center;
  flex-direction: row;
  margin: 0 auto;
}
#select ul li{
  min-width: 1.5rem; height: .6rem; line-height: .6rem; background: url(../images/popup_select_lbg.png) no-repeat center / 100% 100%; font-size: .26rem; color: #333333; margin: .08rem; border-radius: .06rem; cursor: pointer; padding: 0 .1rem;
}
#select ul li.on{
  color: #fff;
  background: #118eff;
  background: -webkit-linear-gradient(right, #118eff, #84f2f2);
  background: -o-linear-gradient(right, #118eff, #84f2f2);
  background: -moz-linear-gradient(right, #118eff, #84f2f2);
  background: linear-gradient(to right, #118eff, #84f2f2);
}
#select .popBtn{
  margin-top: 0;
}


#noLogin .popBtn,#actEnd .popBtn,#Received .popBtn,#noReceive .popBtn,#getSuc .popBtn{
  margin-top: .18rem;
}


/*侧边悬停*/
.lfNav{position: fixed;width:150px; height:318px; background: #00000081; border-radius: .16rem; top:24%; left:20px; padding-top: 18px; padding-bottom: 15px; box-sizing: border-box; text-align: center; z-index:99;}
.lfNav .close{position:absolute;top:-28px; right:0; width:22px; height:22px; }
.lfNav .close img{width: 100%;}
.nav-bg.mt185{margin-top:12px;}
.nav-bg{
  width:130px; height:34px; line-height: 34px; display: block; text-align: center; margin: 0 auto 4px;
}
.nav-bg a{width:100%; height:100%; font-weight: 600; display: block; margin:auto;
	font-size: 18px; color: #fff;
}
.nav-bg a:hover{
  border-radius: 6px;
  background: #27d2ff;
  background: -webkit-linear-gradient(right, #27d2ff, #3ef9ba);
  background: -o-linear-gradient(right, #27d2ff, #3ef9ba);
  background: -moz-linear-gradient(right, #27d2ff, #3ef9ba);
  background: linear-gradient(to right, #27d2ff, #3ef9ba);
}
.nav-bg:last-of-type{
	background: initial;
}
.left_top{width:53px; height:53px;}