@charset "utf-8";

/*内页公共样式*/
.n_ba{position: relative;z-index: 10;overflow: hidden;}
.n_ba .imgBox .img{padding-bottom: 34.63%;}
.n_ba .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; bottom: 0;}
.n_ba .top .wp{height: 100%;display: flex;flex-direction: column;justify-content: center;max-width: 15rem;padding-top: 1rem;}
.n_ba .top h3{font-size: .48rem;color: #fff;font-weight: bold;}
.n_ba .top h4{font-size: .48rem;color: #fff;margin: .05rem 0 .3rem;font-weight: 100;opacity: .5;text-transform: uppercase;}
.n_ba .top .line{ width: 3.38rem; height: .02rem; background: rgba(255,255,255,.5); position: relative; z-index: 1}
.n_ba .top .line:after{ content: ""; position: absolute; left: 0; width: .94rem; height: .04rem; background: #fff; bottom: -.01rem}

.list_sj{position: absolute;right: 0;bottom: 0;left: 0;z-index: 10;}
.list_sj .bg{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 63vw;z-index: -1;background-image: -moz-linear-gradient(48deg, #5600d4 30%, #dc3e69 100%);background-image: -webkit-linear-gradient(48deg, #5600d4 30%, #dc3e69 100%);background-image: -ms-linear-gradient(48deg, #5600d4 30%, #dc3e69 100%);transform: skewX(-35deg);transform-origin: left bottom;overflow: hidden;}
.list_sj .bg:after{content: "";position: absolute;bottom: 0;left: 20%;height: .06rem;width: 100%;z-index: -1;transform: skewX(-20deg);transform-origin: left bottom;background-image: -moz-linear-gradient( -178deg, #444ac9 1%, #7c75f7 100%);background-image: -webkit-linear-gradient(48deg, #c04ffa 0, #c03081 100%);background-image: -ms-linear-gradient( -178deg, #444ac9 1%, #7c75f7 100%);}
.n_ba .wp{ display: flex; justify-content: flex-end}

.list_sj ul{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-bottom: .06rem;min-width: 8rem;height: .95rem;}
.list_sj ul li{min-width: 16.66667%;position: relative;z-index: 1;}
.list_sj ul li:before{content: "";position: absolute;width: 1px;height: .2rem;background: rgba(255,255,255,.5);transform: skewX(-35deg);top: 50%;margin-top: -.1rem;right: -.4rem;}
.list_sj ul li:last-child:before{ display: none}
.list_sj ul li *{ transition: .5s;}
.list_sj ul li a{display: flex;width: 100%;height: .95rem;justify-content: center;align-items: center;font-size: .2rem;color: #fff;position: relative;z-index: 1;text-transform: uppercase;margin: 0 .4rem;}
.list_sj ul li a::before{content: "";position: absolute;top: .65rem;left: 50%;transform: translateX(-50%);background: url(../images/list_sj.png) center no-repeat;width: .21rem;height: .14rem;opacity: 0;visibility: hidden;transition: .5s;background-size: .21rem .14rem;}
.list_sj ul li.on a:before, .list_sj ul li a:hover:before{opacity: 1;visibility:visible;}
.list_sj ul li:last-child a{ padding-right: 0}
.list_sj ul li.on a, .list_sj ul li a:hover{ font-weight: 600}


#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #4627df;background-image: -moz-linear-gradient( -178deg, #444bc9 50%, #9941c9 100%);background-image: -webkit-linear-gradient( -178deg, #444bc9 50%, #9941c9 100%);background-image: -ms-linear-gradient( -178deg, #444bc9 50%, #9941c9 100%);}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 {font-size: 16px;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#sub_nav_content dl { font-size: 0px; overflow: hidden; background: rgb(255, 255, 255); padding: 10px 0px; }
#sub_nav_content dt { position: relative; background: rgb(255, 255, 255); z-index: 999; width: 100%; display: inline-block; margin-bottom: 0px; float: left; }
#sub_nav_content dt a { margin: 0px 20px; display: block; color: rgb(91, 83, 73); line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41); }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #923ac1;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

@media(min-width: 1199px){	
}
@media(max-width: 1199px){	
	#m_n_nav{ display: block;}
	.list_sj{ display: none}
}
@media(max-width: 991px){
	
}
@media(max-width: 767px){
	
}
@media(max-width: 456px){
	
} 

.n_tit1{justify-content: space-between;align-items: baseline;margin: .5rem 0 .7rem;position: relative;z-index: 1;padding: 0 0 .25rem;}
.n_tit1 .ll h3{font-size: .26rem;}
.n_tit1 .ll h3.h31{-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #c7c9ef; text-fill-color: transparent; text-stroke: 1px #c7c9ef;}
.n_tit1 .ll h3.h32{color: #333333;}
.n_tit1 .rr1{flex: 1;/* overflow: hidden; */padding: 0 0 0 .2rem;position: relative;z-index: 1;width: 100%;}
.n_tit1:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background: #cec9ef;}
.mianbao{text-align: right;line-height: 1.375;}
.n_tit1:before{content: "";position: absolute;bottom: 0;left: 0;height: .04rem;width: .23rem;z-index: -1;background: #cec9ef;transform: skewX(-20deg);transform-origin: left bottom;}
.mianbao *{font-size: .16rem;color: #999;font-family: Roboto_l;font-style: normal;transition: .5s;text-transform: uppercase;}
.mianbao span{margin: 0 .05rem;}
.mianbao a:hover{color: #931a6a;}
.n_container .wp{ max-width: 15rem}
.home0.n_container{padding: 0 0 1.55rem;background: url(../images/home0.jpg) center bottom no-repeat;background-size: 100% auto;}
.home0.n_container .bg02{left: auto; top: -1rem; right: 0;}
.home0.n_container .bg03{left: 0;top: 16rem;right: auto;}

.about{ }
.about .fl01 .wp{ align-items: flex-start}
.about .fl01 .left{flex: 1;overflow: hidden;padding: 0 .5rem 0 0;}
.about .fl01 .right{width: 7.68rem;position: relative;z-index: 1;margin: 0 .3rem 0 0;}
.about .fl01 .right:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;transform: translate(.3rem, .3rem);background: linear-gradient(90deg, #5600d4 50%, #e04166 100%);}
.about .fl01 .right .img{clip-path: polygon( 0% 0,  0 0,  100% 0,  calc(100% - .94rem) 0,  100% .94rem,  100% 100%,  0 100%,  0 100%  );}
.about .fl03 .right .img{clip-path: polygon(0% 0, /* top left */0 0%,/* top left */ 100% 0%, /* top right */ 100% .42rem,/* top right */100% calc(100% - .42rem), /* bottom right */ 100% 100%,  /* bottom right */ .42rem 100%, /* bottom left */ 0 calc(100% - .42rem)/* bottom left */)}

.home0{overflow: hidden;position: relative;z-index: 2;}
.home0 .bg01{position: absolute;right: 0;top: 3.1rem;width: 59.635%;z-index: -1;}
.home0 .bg01 img{ width: 100%}
.home0 .bg02{position: absolute;left: 20%;top: 8.4rem;width: 8rem;max-width: 41.8%;z-index: -1;}
.home0 .bg02 img{ width: 100%}
.home1 .bg1{position: absolute;top: .2rem;left: .4rem;width: 34.58%;z-index: -1;}
.home1 .bg1 img{ width: 100%; -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
.home0 .bg03{position: absolute;right: 3%;top: 18.5rem;width: 8rem;max-width: 41.8%;z-index: -1;}
.home0 .bg03 img{ width: 100%}
.home0 .bg04{position: absolute;right: 3%;top: -.5rem;width: 8rem;max-width: 41.8%;z-index: -1;}
.home0 .bg04 img{ width: 100%}

.home0 .bg05{position: absolute;right: 0;bottom: 0;width: 8.87rem;max-width: 46%;z-index: -2;}
.home0 .bg05 img{ width: 100%}

.n_tit2{ position: relative; margin-bottom: .44rem;}
.n_tit2 h3 small{font-size: .36rem;color: #d8a15a;margin: 0 .08rem 0 0;font-family: 'Canela Web';font-weight: normal;}
.n_tit2 h3 big{font-size: .6rem;color: #d8a15a;font-family: 'Canela Web';font-weight: normal;}
.n_tit2 h4{ font-size: .36rem; color: #923ac1; margin: .1rem 0 0}
.n_tit2 .line{display: flex;align-items: flex-end;padding: 0;margin: .2rem 0 0;}
.n_tit2 .line .dot{width: 6px;height: 6px;border: #933cc2 1px solid;border-radius: 50%;}
.n_tit2 .line .line1{flex: 1;height: 1px;background: #c04ffc;background-image: -moz-linear-gradient( #c04ffc, #c04ffc);background-image: -webkit-linear-gradient( #c04ffc, #c04ffc);background-image: -ms-linear-gradient( #c04ffc, #c04ffc);margin: 0 0 2px;position: relative;z-index: 1;}
.n_tit2 .line .line1:before{content: "";position: absolute;bottom: 0;right: 0;height: .04rem;width: .24rem;z-index: -1;background: #c04ffc;transform: skewX(-30deg);transform-origin: left bottom;}

.about .fl02{padding: .1rem 0 0;}
.about .fl03{ padding: .5rem 0 0;}
.about .fl03 .left{order: 1;padding: 0 0 0 .6rem;}
.about .fl03 .right{margin: 0 0 0 .3rem;}
.about .fl03 .right:before{ display: none}
.about .fl03 .right:after{left: 0;transform: translate(-.3rem, .3rem);clip-path: polygon( 0% 0, /* top left */ 0 0, /* top left */ 100% 0, /* top right */ calc(100% - .94rem) 0, /* top right */ 100% .94rem, /* bottom right */ 100% 100%, /* bottom right */ 0 100%, /* bottom left */ 0 100% /* bottom left */ );}

.about .fl04{ padding: .7rem 0 0;}
.list18{ margin: .7rem -2.5%;}
.list18 li{ padding: 0 2.5%; flex: 1;}
.list18 h3{font-size: .6rem;color: #d8a15a;font-family: 'Canela Web';font-weight: normal;line-height: .6rem;}
.list18 h6{font-size: .18rem; color: #777; border-bottom: #c1307f 2px solid; padding-bottom: .15rem; margin: .05rem 0 0}

@media(min-width: 1024px){	
}
@media(max-width: 1600px){	
}
@media(max-width: 1024px){
	.n_tit1 .ll{ width: 100%;}
	.n_tit1 .rr1{ display: none;}

	.about .fl01 .left{flex: auto;width: 100%;padding: .5rem 0 0;order: 1;}
	.about .fl01 .right{width: 100%;}
	.n_tit1{margin: .2rem 0 .4rem;padding: 0 0 .15rem;display: none;}
	.about .fl01 .right:before{transform: scale(.6);left: -3rem;top: -2rem;}

    .n_tit2 .line{margin: .1rem 0 0;}
    .n_tit2 .line .line2{transform: rotate(70deg);height: .4rem;}
	.list18 h3{font-size: .36rem;line-height: .36rem;}
    .n_ba .top{ display: none;}
	.home0.n_container{padding: .4rem 0 .8rem;}
}
@media(max-width: 800px){
	.n_tit2{ margin-bottom: .25rem}
	.home0.n_container{padding: 。4re'm 0 .8rem';}
	.home0:before{ height: .2rem}

	.list18 li{width: 50%;flex: auto;margin-bottom: .25rem;}

	.n_tit1 .ll h3{font-size: .24rem;}
}
@media(max-width: 640px){
	.n_tit2 h3 small{font-size: .2rem;}
    .n_tit2 h3 big{font-size: .4rem;}
    .n_tit2 h4{ font-size: .3rem}
	.list18{ margin: .3rem 0 .2rem}
	.list18 h6{ font-size: .14rem}
    .list18 h3{font-size: .3rem;line-height: .3rem;}
	.list18 li{width: 50%;}
}
@media(max-width: 455px){
	
} 

/*翻页条*/

.p_goto{ margin: 0 .03rem}
.p_goto input{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;border: #d2d5da 1px solid;border-radius: .04rem;width: .6rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d2d5da 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #333333;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #333333 1px solid;}

@media(max-width: 800px){
    .j_pages{ margin: .4rem auto 0;}
} 

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.detail .wp{ max-width: 15rem;}
.arc-tit{ margin-bottom: .5rem}
.arc-tit h3{font-size: .4rem;text-align: center;color: #991c9c;margin-bottom: 0.2rem;}
.arc-tit h6{font-size: .18rem;color: #8d8c8c;text-align: center;}
.arc-tit h6 span{ margin: 0 .2rem 0 0; }
.arc-tit h6 span img{ width: .16rem; height: .16rem; margin: -3px .1rem 0 0}

.ar_f{padding: .4rem 0 0;}
.ar_f .a{font-size: .2rem;color: #ff6a01;display: block;padding: .08rem 0;}
.ar_f .a span{ color: #333333;}

.list19W{position: relative;z-index: 1;margin-bottom: .7rem;}
.list19 li{width: 9.36rem;}
.list19Box .dots{ text-align: center; margin: .3rem 0 0}
.list19Box .dots span{width: .05rem;height: .08rem;background: #dbdbdb;opacity: 1;transform: skewX(-30deg);border-radius: 0;margin: 0 .1rem !important;}
.list19Box .dots span.active{ background: #961c9e}

.arrow4{width: .62rem;height: .62rem;border: #961c9e 1px solid;border-radius: 50vw;font-family: 'swiper-icons';font-size: .24rem;color: #961c9e;display: flex;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;justify-content: center;}
.arrow4.prev{ left: -1rem}
.arrow4.next{ right: -1rem}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .arrow4{ display: none;}

    .list19W{margin-bottom: .3rem;}
    .list19 li{width: 100%;}
}
@media(max-width: 800px){
    .list19Box .dots{ margin: .2rem 0 0;}
} 
@media(max-width: 560px){
} 

.list20{ margin: 0 -2.26%;}
.list20 li{ padding: 0 2.26%; width: 50%; margin-bottom: .1rem}
.list20 .a{position: relative;z-index: 1;height: 1rem;display: flex;align-items: center;padding: 0 .8rem 0 .45rem;overflow: hidden;font-size: .2rem;transition: .5s;}
.list20 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f8f8fc; z-index: -1; transform: skewX(-30deg); transform-origin: right top}
.list20 .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #f8f8fc;z-index: -1;transform: skewX(-30deg);transform-origin: right top;background: linear-gradient(135deg, #5600d4 20%, #e04166 100%);opacity: 0;transition: .5s;}
.list20 .a .line{content: "";position: absolute;top: 50%;left: 0;background: #f8f8fc;background: linear-gradient(0deg, #5600d4, #e04166);width: .03rem;height: .56rem;transform: translateY(-50%);}

@media(min-width: 1024px){
    .list20 .a:hover{ color: #fff;}
    .list20 .a:hover::after{ opacity: 1;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
} 
@media(max-width: 560px){
    .list20 li{ width: 100%;}
    .list20 .a{height: .6rem;padding: 0 .6rem 0 .3rem;font-size: .18rem;}
    .list20 .a .line{ height: .36rem;}
} 

.listazBox .box{border-top: #891ea9 2px solid;background: #f8f8fc;padding: 0 .36rem;margin-bottom: .32rem;position: relative;z-index: 1;}
.listazBox .box .top{height: .98rem;align-items: center;font-size: .24rem;color: #333333;position: relative;z-index: 1;flex-wrap: nowrap;}
.listazBox .box::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #f8f8fc;z-index: -1;background: linear-gradient(135deg, #5600d4 20%, #e04166 100%);opacity: 0;transition: .5s;}
.listazBox .box .top img{transform: rotate(-90deg);width: .42rem;box-shadow: 0px .05rem .17rem 0px rgba(45, 81, 178, 0.27);border-radius: 50%;cursor: pointer;}

.listazBox .box .top.active img{transform: rotate(0deg);}

.list21{margin: -.2rem 1.3rem 0 24%;padding: 0 0 .5rem;display: none;}
.list21 li{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; line-height: .55rem; border-bottom: #cfcfd1 1px solid}
.list21 li .ll1{ font-size: .2rem; color: #891da9}
.list21 li .rr1{font-size: .2rem;color: #333333;}

.list21 .arc-con p, .list21s .arc-con p{text-indent: 0 !important;}

@media(min-width: 1024px){
    /* .listazBox .box:hover::before{ opacity: 1;}
    .listazBox .box:hover *{ color: #fff;} */
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
	.listazBox .box{padding: 0 .2rem;margin-bottom: .25rem;}
	.listazBox .box .top{font-size: .2rem;height: .7rem;}
	.listazBox .box .top img{ width: .32rem}

	.list21{margin: -.1rem 0 0;}
	.list21 *{ font-size: .18rem !important}
} 
@media(max-width: 560px){
	.listazBox .box .top{font-size: .2rem;}
} 

.list21s{margin: -.2rem 1.3rem 0 24%;padding: 0 0 .5rem;display: none;}
.list21s .arc-con ul li{ margin-bottom: .3rem; position: relative; z-index: 1;}
.list21s .arc-con ul li:before{content: "";position: absolute;left: -.16rem;background: #8a1ea9;width: .05rem;height: .05rem;border-radius: 50vw;top: .16rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list21s{margin: 0 0 0;}
	.list21s *{ font-size: .18rem !important}
} 
@media(max-width: 560px){
} 


.list14{margin: -.5rem 0 0;}
.list14 li{ border-bottom: #d7d7d7 1px solid}
.list14 .a{height: 1.5rem;align-items: center;position: relative;z-index: 1;padding: 0  .3rem;transition: .5s;}
.list14 .a:after{content: "";position: absolute;left: 0;bottom: -1px;height: 2px;width: 0;transition: .5s;}
.list14 .time{width: 1.95rem;margin: 0 .5rem 0 0;position: relative;}
.list14 .time:before{content: "";position: absolute;width: 1px;height: .48rem;background: #d4a85b;right: 0;top: 50%;transform: translateY(-50%);transition: .5s;}
.list14 .time{font-size: .16rem;color: #999999;font-family: 'Canela Web';position: relative;z-index: 1; transition: .5s;}
.list14 .time big{font-size: .36rem;color: #931a6a;font-family: 'Canela Web';font-weight: normal;width: .46rem;display: inline-block;position: relative;margin: 0 .1rem 0 0;transition: .5s;}

.list14 h4{flex: 1;font-size: .24rem;}

@media(min-width: 1024px){
	.list14 .a:hover{ box-shadow: 0px 14px 40px 0px rgba(168, 168, 168, 0.56); background: #fff;}
    .list14 .a:hover:after{ background: #991c9c; width: 100%;}
	.list14 .a:hover h4{ color: #991c9c}
}
@media(max-width: 1024px){
	.list14{margin: -.2rem 0 0;}
}
@media(max-width: 800px){
	
    .list14 .time big{font-size: .3rem;margin: 0 .1rem 0 0;width: auto;}
    .list14 .time{font-size: .14rem;width: 1.1rem;margin: 0 .2rem 0 0;}
    .list14 .time:before{ height: .3rem}
    .list14 .a{height: .8rem;padding: 0;}
} 
@media(max-width: 560px){
} 

.pages{margin: .6rem 0 0;}
.pages ul{justify-content: center;align-items: center;font-size: .15rem;color: #333;}
.pages ul li{text-align:center;margin: .03rem .02rem;font-size: .14rem;color: #333;align-items: center;}
.pages ul li a{height: .34rem;text-align: center;padding: 0 .1rem;min-width: .34rem;display: flex;border: 1px solid #C5C5C5;;border-radius: 2px;align-items: center;justify-content: center;transition: .5s;}
.pages ul li a svg{width: 14px;height: 14px;fill: #959595;transition: .5s;}
.pages ul li.cur{border: #861eab 1px solid;padding: 0 8px;min-width: .34rem;height: .34rem;line-height: .32rem;border-radius: 2px;}
.pages ul li a.on{background: #9E3622;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color: #fff;background: #861eab;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border: 1px solid #ccc;width: .3rem;height: .3rem;text-align: center;padding: 0 .04rem;background: transparent;border-radius: .04rem;margin: 0 .08rem;}
.page-form button{border:none;width: .5rem;height: .3rem;line-height: .28rem;text-align: center;background: #9E3622;color: #fff;border-radius: .04rem;margin: 0 .06rem;cursor: pointer;}
.pages ul li.next svg{ transform: rotateY(180deg)}
.pages ul li a:hover{ background: #861eab; border: #861eab 1px solid;color: #fff;}
.pages ul li a:hover{color: #fff;}
.pages ul li a:hover svg{fill: #861eab;}

@media(max-width: 560px){
    .pages{ margin-top: .3rem;}
    .pages ul li{ margin: .03rem 1px;}
    .pages ul li a, .pages ul li.cur{ height: .28rem; min-width: .28rem; line-height: .26rem;}
}

.h33{position: relative;z-index: 1;font-size: .3rem;color: #8e329e;font-weight: normal;margin: -.3rem 0 .36rem;padding: 0 0 0 .15rem;}
.h33:before{content: "";position: absolute;left: 0;background: #8e329e;width: .04rem;height: .04rem;border-radius: 50vw;top: 50%;transform: translateY(-50%);}

.xyfg .fl1{ width: 11rem; max-width: 100%; margin: 0 auto}

.list22 .imgBox .img{ padding-bottom: 50%;}
.list22 .imgBox::after{ content: ""; position: absolute;}

.list22Box{ margin: 0 0 .2rem;}

.list23Box{ margin: -.03rem; padding: .03rem;}
.list23 .a{ display: block; position: relative; z-index: 1; margin-bottom: .5rem;}
.list23 .a::before{ content: ""; position: absolute; top: -.03rem; right: -.03rem; bottom: -.03rem; left: -.03rem; z-index: -1; background: linear-gradient(135deg, #5600d4 50%, #e04166 100%); border-radius: .03rem; opacity: 0; transition: .5s;}
.list23 .txt{ position: absolute; top: 100%; left: 0; right: 0; padding: .1rem 0 0;}
.list23 h4{ line-height: .36rem; }

.list23 li.swiper-slide-thumb-active h4{ color: #8e329e;}
.list23 li.swiper-slide-thumb-active .a::before{ opacity: 1;}

.arrow2 .arrow{width: .67rem;height: .67rem;background-size: cover !important;box-shadow: 0px 0px 10px 0px rgba(130, 30, 175, 0.32);border-radius: 50vw;margin: 0;cursor: pointer;transition: .5s}
.arrow2 .prev{ background: url(../images/arrow2_p_on.png) center no-repeat; }
.arrow2 .next{ background: url(../images/arrow2_n_on.png) center no-repeat; }

.list22W{ overflow: visible; position: relative; z-index: 1;}
.list22W .prev{left: -.3rem;}
.list22W .next{right: -.3rem;}
.list22W .arrow2 .arrow{position: absolute;z-index: 1;width: 0.61rem;height: 0.61rem;background-color: rgba(236,191,253,.4);top: 50%;transform: translateY(-50%);}


@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .list22W .arrow2 .arrow{ width: .32rem; height: .32rem;}
    .list22W .arrow2 .arrow.prev{ left: -.14rem;}
    .list22W .arrow2 .arrow.next{ right: -.14rem;}

    .h33{ font-size: .22rem;  margin: 0 0 .25rem;}
}
@media(max-width: 800px){
    
} 
@media(max-width: 560px){
} 

.list24{ margin: -.35rem 0 0}
.list24 .a{ position: relative; z-index: 1; padding: .35rem 0; align-items: center}
.list24 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;opacity: 0;transition: .5s;}
.list24 .a::after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: #e1c7f0;height: 1px;z-index: -1;transition: .5s;}
.list24 .imgBox{ width: 3.8rem; margin: 0 .5rem 0 0 }
.list24 .imgBox .img{padding-bottom: 58%;}
.list24 .txt{ flex: 1; overflow: hidden;}
.list24 h4{ font-size: .22rem;}
.list24 p{margin: .14rem 0 .55rem;font-size: .16rem;}
.list24 h6{ font-size: .18rem; color: #861dab; }
.list24 h6 span{ color: #8d8d8d; display: inline-block; position: absolute; position: relative; margin: 0 0 0 .2rem}
.list24 h6 span:before{ content: ""; position: absolute; width: 1px; height: .14rem; background: #c1c1c1; left: -.1rem; top: 50%; transform: translateY(-50%)}

@media(min-width: 1024px){
    .list24 .a:hover::before{opacity: 1;left: -.35rem;right: -.35rem;box-shadow: 0px 27px 46px 0px rgba(178, 158, 198, 0.31);top: 0;bottom: 0;}
    .list24 .a:hover h4{ color: #991c9c;}
    .list24 .a:hover::after{left: -.35rem;right: -.35rem;background: #9115a3;bottom: 0; height: 2px;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list24 .imgBox{width: 100%;margin: 0 0 .25rem;}
    .list24 .txt{ width: 100%; flex: auto;}
	.list24 p{ margin: .1rem 0 .25rem}
} 
@media(max-width: 560px){
} 

.h34{font-size: .36rem;color: #721874;margin-bottom: .8rem;position: relative;z-index: 1;}
.h34::before{content: "";right: 0;bottom: .05rem;height: 2px;background: #e2cef3;left: .7rem;margin: 0 0 0 .2rem;position: absolute;}
.xxbs .fl0{ margin-bottom: 1rem;}
.xxbs .fl1 .flex{ align-items: center}
.xxbs .fl1 img{ width: 3.34rem; margin: 0 7% 0 0}
.xxbs .fl1 .arc-con{ flex: 1; overflow: hidden}

.more5{margin: 1.7rem auto .4rem;text-align: center; width: 3.45rem; max-width: 70%}


.xxbs .fl3 .arc-con{ text-align: center;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
	.h34{ margin-bottom: .4rem; font-size: .24rem}
	.h34:before{ left: .4rem}
	.xxbs .fl0{ margin-bottom: .4rem}
    .xxbs .fl1 img{width: 2.34rem;margin: 0 auto .4rem;}
    .xxbs .fl1 .arc-con{ flex: auto; width: 100%;}

	.more5{ margin: .5rem auto .3rem}
} 
@media(max-width: 560px){
}