@charset "UTF-8";

@import "base.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: 12rem !important;
    font-family: "Helvetica Neue","Microsoft YaHei", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", sans-serif;
    color: #444;background: #9159c8;
}
#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: 12rem; margin: 0 auto;font-size: 0;text-align: center;}

/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
.sec{
    display: inline-block;
    width: 100%;
}
.sen{
    display: inline-block;
    width: 100%;
    background: #011163;
    border-radius: .3rem;
    margin-top: .5rem;
}
.tit{
    display: inline-block;
    width: 100%;
    margin-top: -.44rem;
}
.tit h2{
    height: .92rem;
    line-height: .92rem;
    font-size: .42rem;
    font-weight: bold;
    color: #fff;
    box-shadow: inset 0 0 .16rem #f779d7;
    background: #5e29f6;
    background: -webkit-linear-gradient(180deg,#c376fd,#5e29f6);
    background: -moz-linear-gradient(180deg,#c376fd,#5e29f6);
    background: -o-linear-gradient(180deg,#c376fd,#5e29f6);
    background: linear-gradient(180deg,#c376fd,#5e29f6);
    display: inline-block;
    border-radius: 1rem;
    padding: 0 .62rem;
}
.tit h2 span{
    width: 1.78rem;
    display: inline-block;
    color: #03146d;
    height: .92rem;
    background: url("../images/titimg.png") no-repeat center top;
    background-size: auto .92rem;
    margin-right: .14rem;
}
.titxz h2 span{
    width: 2.18rem;
    background: url("../images/titimg1.png") no-repeat center top;
    background-size: auto .92rem;
}
.cot{
    display: inline-block;
    width: 100%;
}
.sec1{
    background: url("../images/s1Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    height: 7.91rem;
}
.sec2{
    background: url("../images/s2Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    height: 8.84rem;
}
.sec3{
    background: url("../images/s3Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    height: 9.12rem;
}
.sec4{
    background: url("../images/s4Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    height: 12.88rem;
}
.sec5{
    background: url("../images/s5Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    height: 9.34rem;
}
.sec6{
    background: url("../images/s6Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    height: 11.68rem;
}
.sec7{
    background: url("../images/s7Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    height: 7.4rem;
}
.sec8{
    background: url("../images/s8Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    height: 7.34rem;
}
.sec9{
    background: url("../images/s9Bg.jpg") no-repeat center top;
    background-size: auto 100%;
    /*height: 11.57rem;*/
    padding-bottom: .5rem;
}

.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.hidden{visibility: hidden;}
/*banner */
.banner-box{
    position:relative;
    height:9.72rem;width:100%; text-align:center;
    background:url("../images/banner.jpg") no-repeat center top;
    overflow:hidden;
}
.banner-box .wrap{height: auto;}
.banner-box .logo{
    width: 2.04rem; height: .69rem; display: block;
    position: absolute; top: .32rem; left: .06rem;
}
.banner-box .logo img{width: 100%;display: block;}
.banPic{
    position: relative;
}
.deng{
    width: 11rem;
    margin-top: -.1rem;
}
.ban-ip{
    width: 9.89rem;
    animation: fangda 0.2s ease-in-out;
    position: absolute;
    left: 1.12rem;
    top: 1.9rem;
}
.gezi{
    position: absolute;
    right: -1.3rem;
    bottom: -2.6rem;
    animation: shan 6s infinite linear;
}
.xing1{
    position: absolute;
    left: 0;
    top: .5rem;
    animation: shan1 5s infinite linear;
}
.xing2{
    position: absolute;
    left: .8rem;
    top: 1.5rem;
    animation: shan1 2s infinite linear;
}
.xing3{
    position: absolute;
    left: -1.05rem;
    top: 3.48rem;
    animation: shan1 3s infinite linear;
}
.xing4 {
    position: absolute;
    left: -2.05rem;
    top: 2.48rem;
    animation: shan1 4s infinite linear;
}
.xing5 {
    position: absolute;
    left: 3.05rem;
    top: .48rem;
    animation: shan1 5s infinite linear;
}
.xing6 {
    position: absolute;
    right: 3.05rem;
    top: 1.8rem;
    animation: shan1 3s infinite linear;
}
.xing7 {
    position: absolute;
    right: 0;
    top: .8rem;
    animation: shan1 4s infinite linear;
}
.xing8 {
    position: absolute;
    right: -1rem;
    top: 3.8rem;
    animation: shan1 5s infinite linear;
}
.xing9 {
    position: absolute;
    right: -3rem;
    top: 2.4rem;
    animation: shan1 5s infinite linear;
}
.xing10 {
    position: absolute;
    right: -3rem;
    top: .4rem;
    animation: shan1 6s infinite linear;
}
.sections{
    width: 100%; clear: both;
}

/*sec1*/
.sen1{
    height: 6.55rem;
}
.cot1{
    position: relative;
}
.cot1>span{
    width: 1.87rem;
    height: 1.98rem;
    display: inline-block;
    font-size: .28rem;
    font-weight: bold;
    color: #fff;
    background: url("../images/s1P.png") no-repeat center top;
    background-size: 100%;
    position: absolute;
    transition: all .8s;
    cursor: pointer;
}
.cot1 .s1D{
    width: 1.17rem;
    height: 1.1rem;
    padding-top: .18rem;
}
.cot1 .s1X{
    width: 1.51rem;
    height: 1.22rem;
    padding-top: .35rem;
}
.cot1 .sp1{
    top: .82rem;
    left: .78rem;
    animation: moveXY2 1s linear infinite alternate;
}
.cot1 .sp2{
    top: .74rem;
    left: 5.12rem;
    animation: moveXY1 2s linear infinite alternate;
}
.cot1 .sp3{
    top: .8rem;
    right: .74rem;
    animation: moveXY1 3s linear infinite alternate;
}
.cot1 .sp4{
    top: 1.44rem;
    left: 2.32rem;
    animation: moveXY2 4s linear infinite alternate;
}
.cot1 .sp5{
    top: 2.42rem;
    left: 4rem;
    animation: moveXY2 1s linear infinite alternate;
}
.cot1 .sp6{
    top: 1.84rem;
    right: 3.82rem;
    animation: moveXY2 2s linear infinite alternate;
}
.cot1 .sp7{
    top: 1.7rem;
    right: 1.9rem;
    animation: moveXY2 1s linear infinite alternate;
}
.cot1 .sp8{
    top: 2.86rem;
    left: .85rem;
    animation: moveXY1 2s linear infinite alternate;
}
.cot1 .sp9{
    top: 3.78rem;
    left: 2.88rem;
    animation: moveXY1 3s linear infinite alternate;
}
.cot1 .sp10{
    width: 1.87rem;
    height: 1.4rem;
    padding-top: .55rem;
    top: 2.94rem;
    left: 5.3rem;
    animation: moveXY1 1s linear infinite alternate;
}
.cot1 .sp11{
    top: 3.75rem;
    right: 2.7rem;
    animation: moveXY1 5s linear infinite alternate;
}
.cot1 .sp12{
    padding-top: .45rem;
    top: 3.42rem;
    right: .84rem;
    animation: moveXY1 1s linear infinite alternate;
}
.cot1>span:hover{
    transform: scale(2);
    /*color: #e5a7f9;*/
}
/*sec2*/
.videoShow{
    width: 91%;
    margin:3% 4.5%;
    border-radius: .2rem;
    height: 6.2rem;
    background: #000;
}
/*sec3*/
.sen3{
    height: 7.8rem;
}
.s3T{
    display: inline-block;
    width: 100%;
    background: url("../images/s3img1.png") no-repeat center 1.72rem;
    background-size: auto 4.16rem;
    padding-bottom: .57rem;
    position: relative;
}
.s3icon{
    width: .25rem;
    position: absolute;
}
.s3icon1 {
    left: 3.5rem;
    top: 2.12rem;
    animation: moveS1 1s linear infinite alternate;
}
.s3icon2 {
    left: 3.5rem;
    top: 3.78rem;
    animation: moveS2 2s linear infinite alternate;
}
.s3icon3 {
    right: 3.5rem;
    top: 2.08rem;
    animation: moveS2 1s linear infinite alternate;
}
.s3icon4 {
    right: 3.5rem;
    top: 3.73rem;
    animation: moveS1 2s linear infinite alternate;
}
.s3T>div{
    display: inline-block;
    float: left;
}
.s3B{
    display: inline-block;
    width: 11.14rem;
    height: 1.36rem;
    border: .01rem solid #fd7ce9;
    background: #02177d;
    position: relative;
}
.s3B .s3d1{
    width: .23rem;
    height: .04rem;
    background: #fd7ce9;
    position: absolute;
    left: -.01rem;
    top: -.02rem;
}
.s3B .s3d2{
    width: .23rem;
    height: .04rem;
    background: #fd7ce9;
    position: absolute;
    left: -.01rem;
    bottom: -.02rem;
}
.s3B .s3d3{
    width: .23rem;
    height: .04rem;
    background: #fd7ce9;
    position: absolute;
    right: -.01rem;
    top: -.02rem;
}
.s3B .s3d4{
    width: .23rem;
    height: .04rem;
    background: #fd7ce9;
    position: absolute;
    right: -.01rem;
    bottom: -.02rem;
}
.s3B>p {
    font-size: .18rem;
    color: #fff;
    text-align: left;
    line-height: .31rem;
    width: 96%;
    margin: .18rem 2% 0;
}
.s3T>div .s3P2{
    font-size: .23rem;
    color: #fff;
    height: .42rem;
    line-height: .4rem;
    border-radius: 1rem;
    padding: 0 .2rem;
    background: #5e29f6;
    background: -webkit-linear-gradient(90deg, #fd7ce9, #5e29f6);
    background: -moz-linear-gradient(90deg, #fd7ce9, #5e29f6);
    background: -o-linear-gradient(90deg, #fd7ce9, #5e29f6);
    background: linear-gradient(90deg, #fd7ce9, #5e29f6);
    display: inline-block;
}
.s3L {
    margin-top: 1.24rem;
    margin-left: .42rem;
    width: 3rem;
}
.s3Z {
    margin-top: .7rem;
    margin-left: .46rem;
    width: 4.25rem;
}
.s3R {
    margin-top: 1.24rem;
    margin-left: .44rem;
    width: 3rem;
}
.s3P2{
    margin-top: 1.35rem;
}
.s3Z .s3P2{
    margin-top: 1.5rem;
}
/*sec4*/
.cot4{
    margin-top: .58rem;
}
.cot4>div{
    display: inline-block;
    width: 11.16rem;
    height: 3rem;
    border: .02rem solid #5e29f6;
    border-radius: .25rem;
    margin-bottom: .45rem;
    position: relative;
}
.cot4>div>div{
    display: inline-block;
    float: left;
}
.s4L{
    width: 2.8rem;
    height: 3.3rem;
    border-radius: .12rem;
    background: #5e29f6;
    background: -webkit-linear-gradient(180deg, #974ff0, #5e29f6);
    background: -moz-linear-gradient(180deg, #974ff0, #5e29f6);
    background: -o-linear-gradient(180deg, #974ff0, #5e29f6);
    background: linear-gradient(180deg, #974ff0, #5e29f6);
    position: absolute;
    left: 0;
    top: -.15rem;
    transition: all .8s;
    cursor: pointer;
}
.s4L:hover {
    transform: scale(1.1);
}
.s4xq2 .s4L{
    left: initial;
    right: 0;
}
.s4xq2 .s4R {
    float: left;
    margin-left: .22rem;
}
.s4R{
    margin-top: .18rem;
    margin-left: 2.98rem;
}
.s4R>img{
    margin-right: .14rem;
    transition: all .8s;
    cursor: pointer;
}
.s4R>img:hover {
    transform: scale(1.1);
}
.s4L>p {
    font-size: .17rem;
    color: #fff;
    text-align: left;
    line-height: .3rem;
    width: 82%;
    margin: 0 9%;
    display: block;
}
.s4L>p>i{
    display: block;
    width: .63rem;
    height: .05rem;
    background: #fff;
    margin: .38rem 0 .13rem;
}
.cot4 .s4xq3{
    margin-bottom: 0;
}
.s4ts{
    font-size: .18rem;
    color: #fff;
    text-align: right;
    width: 80%;
    float: right;
    margin-top: .2rem;
    margin-bottom: .36rem;
    margin-right: .7rem;
}
/*sec5*/
.s5U{
    display: inline-block;
    width: 91%;
    margin: .52rem 4.5% .41rem;
}
.s5U li{
    display: inline-block;
    float: left;
    font-size: .3rem;
    color: #d1d8fa;
    width: 2.6rem;
    height: .8rem;
    line-height: .8rem;
    background: #061d8c;
    border-radius: .12rem;
    cursor: pointer;
    margin: 0 .06rem;
}
.s5U li.cur{
    font-weight: bold;
    color: #fff;
    background: #5e29f6;
    background: -webkit-linear-gradient(90deg, #c376fd, #5e29f6);
    background: -moz-linear-gradient(90deg, #c376fd, #5e29f6);
    background: -o-linear-gradient(90deg, #c376fd, #5e29f6);
    background: linear-gradient(90deg, #c376fd, #5e29f6);
}
.s5N{
    display: inline-block;
    width: 100%;
    height: 5.13rem;
    background: url("../images/s5Cbg.png") no-repeat center top;
    background-size: auto 5.13rem;
}
.s5N>div{
    display: none;
    width: 100%;
}
.s5N .cur{
    display: inline-block;
}
.s5T{
    display: inline-block;
    width: 88%;
    margin: .16rem 6% 0;
}
.s5T>div{
    display: inline-block;
    width: 5.16rem;
    height: 2.98rem;
    float: left;
    margin: 0 .06rem;
}
.s5B{
    display: inline-block;
    width: 100%;
    margin-top: .5rem;
}
.s5B>p{
    font-size: .18rem;
    color: #fff;
    text-align: left;
    line-height: .32rem;
    width: 90%;
    margin: 0 5%;
}
.s5xq2 .s5B{
    margin-top: .4rem;
}
/*sec6*/
.s6T{
    display: inline-block;
    width: 100%;
    position: relative;
}
.s6T>div{
    display: inline-block;
    float: left;
}
.s6L {
    float: left;
    margin-left: .48rem;
    position: relative;
    margin-top: .62rem;
    z-index: 1;
}
.s6xz {
    position: absolute;
    left: .12rem;
    top: .12rem;
    width: 95%;
    -webkit-animation: animtran 2s linear infinite;
    animation: animtran 2s linear infinite;
}
.s6L .yuan{
    width: 3.81rem; height: 3.56rem; display: block;
}
.s6L .yuan .inYuan{
    width: 100%; height: 100%; display: block;
    position: relative;
}
.s6L .yuan .inYuan img{width: 100%; display: block;}
.s6L .yuan .inYuan span{
    width: .84rem; height: .36rem; display: block;
    background: #5e29f6;
    background: -webkit-linear-gradient(90deg,#c376fd,#5e29f6);
    background: -moz-linear-gradient(90deg,#c376fd,#5e29f6);
    background: -o-linear-gradient(90deg,#c376fd,#5e29f6);
    background: linear-gradient(90deg,#c376fd,#5e29f6);
    font-size: .16rem;line-height: .36rem; color: #fff; font-weight: 300;
    border-radius: .06rem;
    position: absolute;
}
.s6L .yuan .inYuan span.dot1 {
    left: .58rem;
    top: 1.3rem;
}
.s6L .yuan .inYuan span.dot2 {
    left: 1.6rem;
    top: 2.5rem;
}
.s6L .yuan .inYuan span.dot3 {
    right: .5rem;
    top: 1.1rem;
}
.s6R{
    display: inline-block;
    width: 8.81rem;
    height: 2.97rem;
    background: #02177d;
    background: -webkit-linear-gradient(90deg, #011163, #02177d);
    background: -moz-linear-gradient(90deg, #011163, #02177d);
    background: -o-linear-gradient(90deg, #011163, #02177d);
    background: linear-gradient(90deg, #011163, #02177d);
    border-radius: .22rem;
    position: absolute;
    top: 1.02rem;
    right: .56rem;
    z-index: 0;
}
.s6R p{
    width: 6rem;
    font-size: .19rem;
    color: #fff;
    text-align: left;
    line-height: .37rem;
    margin-top: .72rem;
    margin-left: 2.52rem;
}
/*轮播*/
.s6B .picbox{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: .39rem 0 .66rem;
}
.s6B .picbox .itemPic{
    width: 3.56rem; height: 4.64rem; display: block;margin: 0 .12rem;background: url("../images/s6nrBg.png") no-repeat center top;background-size: 100%;
    transition: all .8s;
    cursor: pointer;
}

.s6B .picbox .itemPic .itPic{
    width: 3.32rem; display: block; height: 2.2rem;
    margin: .11rem .11rem 0;
}
.s6B .picbox .itemPic h5{
    font-size: .26rem;
    font-weight: bold;
    margin: .28rem auto .12rem;
    line-height: 1;
    background-image: -webkit-linear-gradient(bottom, #5e29f6, #c376fd 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.s6B .picbox .itemPic .s2lP{
    font-size: .17rem;
    color: #202223;
    line-height: .29rem;
    text-align: left;
    width: 87%;
    margin: 0 6.5%;
}
.s6B .picbox .itemPic:hover{
    transform: scale(1.05);
}
.s6B .picbox .itemPic .swiper-slide img{width: 100%; display: block;}
/*sec7*/
.cot7>div{
    display: inline-block;
    float: left;
}
.s7L{
    width: 2.2rem;
    height: 3.84rem;
    background: #061d8c;
    border-top-left-radius: .12rem;
    border-bottom-left-radius: .12rem;
    margin-left: .4rem;
    margin-top: .86rem;
}
.s7U{
    display: inline-block;
    width: 2rem;
    margin-left: .18rem;
    padding-top: .52rem;
}
.s7U li{
    display: inline-block;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: .3rem;
    color: #fff;
    border-top-left-radius: .12rem;
    border-bottom-left-radius: .12rem;
    cursor: pointer;
    position: relative;
}
.s7U li.cur{
    font-weight: bold;
    color: #fff;
    background: #5e29f6;
    background: -webkit-linear-gradient(90deg, #c376fd, #5e29f6);
    background: -moz-linear-gradient(90deg, #c376fd, #5e29f6);
    background: -o-linear-gradient(90deg, #c376fd, #5e29f6);
    background: linear-gradient(90deg, #c376fd, #5e29f6);
}
.s7U li::before{
    display: inline-block;
    content: '';
    width: 1.99rem;
    height: .02rem;
    background: url("../images/s7icon1.png") no-repeat center top;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.s7U .cur::before{
    display: none;
}
.s7U li:last-child::before{
    display: none;
}
.s7R{
    display: inline-block;
    width: 9.04rem;
    height: 4.54rem;
    background: #5d29f6;
    background: -webkit-linear-gradient(180deg, #c376fd, #5d29f6);
    background: -moz-linear-gradient(180deg, #c376fd, #5d29f6);
    background: -o-linear-gradient(180deg, #c376fd, #5d29f6);
    background: linear-gradient(180deg, #c376fd, #5d29f6);
    border-radius: .2rem;
    position: relative;
    margin-top: .51rem;
    margin-left: -.02rem;
}
.s7R::before{
    display: inline-block;
    content: '';
    width: 8.96rem;
    height: 4.46rem;
    background: #fff;
    border-radius: .2rem;
    position: absolute;
    top: .04rem;
    left: .04rem;
}
.s7R>div{
    display: none;
}
.s7R .cur{
    display: inline-block;
}
.s7T{
    display: inline-block;
    width: 93.6%;
    margin: .27rem 0 0;
}
.s7T>div{
    display: inline-block;
    float: left;
    width: 4.11rem;
    height: 2.51rem;
    margin: 0 .06rem;
}
.s7B{
    display: inline-block;
    width: 90%;
    position: relative;
    margin-top: .3rem;
}
.s7B p{
    font-size: .18rem;
    color: #202223;
    text-align: left;
    line-height: .3rem;
}
.s7T .s7Ct{
    width: 8.24rem;
    height: 2.26rem;
    position: relative;
    margin-top: .25rem;
}
/*sec8*/
.cot8{

}
.s8nr{
    width: 94%;
    height: 4.91rem;
    margin: .3rem 3% .44rem;
    background: #061d8c;
    border-radius: .12rem;
}
.s8nr>div{
    display: inline-block;
    width: 100%;
}
.s8nr .s8T {
    margin: .36rem 3.5% .32rem;
    width: 93%;
}
.s8T>p{
    font-size: .17rem;
    color: #fff;
    line-height: .3rem;
    text-align: left;
}
.s8B>div{
    display: inline-block;
    float: left;
    width: 5.16rem;
    height: 2.98rem;
}
.s8L{
    margin-right: .24rem;
}
.s8nr .s8B{
    width: 94%;
    margin: 0 3%;
}
/*sec9*/
.itemCont{
    width: 94%;
    margin: .3rem 3% .38rem;
    background: #061d8c;
    border-radius: .12rem;
}
.itemCont .tip{
    width: 10.63rem;height: 2.01rem; display: inline-block; padding: .24rem 0 0;margin-top: .3rem;
    font-size: .19rem; line-height: .36rem; text-align: left;
    background: url("../images/s9img2.png") no-repeat center top;
    background-size: 100%;
}
.itemCont .tip p{
    font-size: .17rem;
    color: #000;
    text-align: left;
    width: 94%;
    margin: 0 3%;
    line-height: .32rem;
}
.itemCont .tip .P1{
    margin-top: .4rem;
}
.s3-shurubox{
    width: 10.64rem; height: 2.04rem; display: inline-block;
    position: relative;
    margin-bottom: .2rem;
    background: #5e29f6;
    background: -webkit-linear-gradient(180deg, #c376fd, #5e29f6);
    background: -moz-linear-gradient(180deg, #c376fd, #5e29f6);
    background: -o-linear-gradient(180deg, #c376fd, #5e29f6);
    background: linear-gradient(180deg, #c376fd, #5e29f6);
    border-radius: .16rem;
    position: relative;
    z-index:1;
}
.s3-shurubox::before{
    display: inline-block;
    content: '';
    width: .14rem;
    height: .87rem;
    background: url(../images/s9img1.png) no-repeat center top;
    background-size: 100%;
    position: absolute;
    bottom: -.5rem;
    right: .32rem;
    z-index: 11;
}
.s3-shurubox::after{
    display: inline-block;
    content: '';
    width: .14rem;
    height: .87rem;
    background: url(../images/s9img1.png) no-repeat center top;
    background-size: 100%;
    position: absolute;
    bottom: -.5rem;
    left: .32rem;
    z-index: 11;
}
.s3-shurubox textarea{
    width: 10.36rem; height: 1.76rem; border: none;
    font-size: .2rem; line-height: 1.5;margin-top: .04rem;
    border-radius: .16rem;
    padding-top: .2rem;
    padding-left: .2rem;
}
.s3-shurubox .text-btn{
    width: 1.4rem;
    height: 0.52rem;
    display: block;
    background: #5e29f6;
    background: -webkit-linear-gradient(left, #c376fd, #5e29f6);
    background: -o-linear-gradient(right, #c376fd, #5e29f6);
    background: -moz-linear-gradient(right, #c376fd, #5e29f6);
    background: linear-gradient(to right, #c376fd, #5e29f6);
    font-size: 0.24rem;
    line-height: 0.5rem;
    color: #fff;
    border-radius: .1rem;
    position: absolute;
    right: 0.3rem;
    bottom: 0.5rem;
}
.PLS{
    width: 10.64rem;
    padding-bottom: .04rem;
    display: inline-block;
    position: relative;
    margin-bottom: .14rem;
    background: #5e29f6;
    background: -webkit-linear-gradient(180deg, #c376fd, #5e29f6);
    background: -moz-linear-gradient(180deg, #c376fd, #5e29f6);
    background: -o-linear-gradient(180deg, #c376fd, #5e29f6);
    background: linear-gradient(180deg, #c376fd, #5e29f6);
    border-radius: .16rem;
}
.plList{
    width: 10.36rem;
    min-height: 3.4rem;
    border: none;
    font-size: .2rem;
    line-height: 1.5;
    margin-top: .04rem;
    border-radius: .16rem;
    padding-top: .2rem;
    padding-left: .2rem;
    background: #fff;
    display: inline-block;
}
.plList .cont-list{
    width: 96%; display: block; margin: 2% .4rem;
}
.plList .cont-item{
    width: 100%;
    align-items: flex-start;
}
.list-txt{
    width: 100%;
    border-bottom: solid .015rem #fad2e6;
    padding-bottom: .15rem;
    margin-bottom: .17rem;
}
.list-txt .li-p{
    width: 100%; clear: both;text-align: left;margin-bottom: .05rem;
    font-size: .16rem; font-weight: bold; color: #5e2af6; line-height: .32rem;
}
.list-txt .li-p time{
    font-size: .16rem; color: #5e2af6; margin-left: .12rem;
}
.list-txt .li-p2{
    width: 100%;
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.list-txt .li-p2 .pl-one{
    font-size: .2rem; line-height: .32rem; text-align: left;
    width: 7.15rem;
}
.list-txt .li-p2 .pl-one span{color:#ff1e2f; font-weight: 500;}
#pagination2{width: 100%; clear: both; float: left; margin-top: .1rem; font-size: .14rem;margin-bottom: .5rem}
.ui-pagination-container .ui-pagination-page-item, .ui-pagination-container .ui-pagination-page-btn {
    font-size: .18rem!important;
    line-height: .42rem!important;
    border: .01rem solid #666!important;
    color: #666!important;
    padding: 0 .14rem!important;
}
.ui-pagination-page-item:last-child{
    background: #5e29f6!important;
    background: -webkit-linear-gradient(180deg, #c376fd, #5e29f6)!important;
    background: -moz-linear-gradient(180deg, #c376fd, #5e29f6)!important;
    background: -o-linear-gradient(180deg, #c376fd, #5e29f6)!important;
    background: linear-gradient(180deg, #c376fd, #5e29f6)!important;
    border: initial!important;
    color: #fff!important;
}
.ui-pagination-container .ui-pagination-page-item.active{
    background: #ef3340!important;
    background: -webkit-linear-gradient(90deg, #ef3340, #fc504d)!important;
    background: -moz-linear-gradient(90deg, #ef3340, #fc504d)!important;
    background: -o-linear-gradient(90deg, #ef3340, #fc504d)!important;
    background: linear-gradient(90deg, #ef3340, #fc504d)!important;
    border: initial!important;
    color: #fff!important;
}
.shsj{
    text-indent: .35rem;
}



    /*按钮悬停*/
.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:50%; left:20px;z-index:9;
    transform: translate(0,-50%);
    width:1.54rem; height: 5.33rem;
    background: url('../images/fixedNavBg.png') no-repeat center;
    background-size: 100%;
}
.lfNav .close{position:absolute;top:0; right:0; height:.22rem; width:.22rem; }
.lfNav .close img{width: 100%; display: block;}
.nav-bg{width:1.36rem; height:.34rem; display: block;clear:both;margin: 0 auto .04rem}
.nav-bg a{width:100%; height:.34rem;line-height: .32rem; display: block; margin:auto;
    background: #fff;
    border-radius: .05rem;
    font-size: .18rem; color: #6b35f4;
    text-align: center;
}
.nav-bg a:hover{
    color: #fff;
    background: #eb6bb8;
    background: -webkit-linear-gradient(90deg,#eb6bb8,#f7a184);
    background: -moz-linear-gradient(90deg,#eb6bb8,#f7a184);
    background: -o-linear-gradient(90deg,#eb6bb8,#f7a184);
    background: linear-gradient(90deg,#eb6bb8,#f7a184);
}
.mt185{margin-top:1.2rem;}
.left_top{width:.49rem; height:.37rem;display: block;float:left;margin-left:.47rem;
    margin-top: .08rem;
}
.left_top img{width: 100%; display: block;}
@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 shan{
    0%{transform: scale(0); opacity: 1;}
    50%{transform: scale(.5); opacity: 1;}
    100%{transform: scale(1); opacity: 0;}
}
@keyframes shan1{
    0%{transform: scale(0); opacity: 1;}
    50%{transform: scale(.6); opacity: 1;}
    100%{transform: scale(1.5); opacity: 0;}
}
@keyframes moveXY1{
    0%{transform: translate(-.05rem,.1rem);opacity: .8;}
    100%{transform: translate(.1rem,-.1rem);opacity: 1}
}
@-webkit-keyframes moveXY1{
    0%{transform: translate(-.05rem,.1rem);opacity: .8;}
    100%{transform: translate(.1rem,-.1rem);opacity: 1}
}
@keyframes moveXY2{
    0%{transform: translate(.05rem,.1rem);opacity: .8;}
    100%{transform: translate(-.1rem,-.1rem);opacity: 1}
}
@-webkit-keyframes moveXY2{
    0%{transform: translate(.05rem,.1rem);opacity: .8;}
    100%{transform: translate(-.1rem,-.1rem);opacity: 1}
}
@keyframes moveS1{
    0%{transform: translate(0,-.1rem);}
    100%{transform: translate(0,.1rem);}
}
@keyframes moveS2{
    0%{transform: translate(0,.1rem);}
    100%{transform: translate(0,-.1rem);}
}
/* 旋转 */
@keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}