*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;}
body{width: 100%;overflow-x: hidden;background: #ffffff}
img{vertical-align: middle;max-width: 100%;}
.top-bar{width: 100%;height: .88rem;display: flex;align-items: center;justify-content: center;font-size: .34rem;}

.slider{width: 100%;padding: 0 .0rem;}
.swiper-container{width: 100%;height: auto;overflow: hidden;}
.swiper-slide{width: 100%;height: auto;}
.swiper-slide img{width: 100%;}
.swiper-pagination{text-align: right;padding-right: .3rem;}
.swiper-pagination-bullet{width: .18rem;height: .18rem;border-radius: 100%;background: #ffffff; opacity:.6}

.swiper-pagination-bullet-active{width: .4rem;background: #ffffff;border-radius: .06rem;transition: all .3s linear;opacity:1}

.quick-nav{width: 100%;height: auto;overflow: hidden;padding: .65rem 0 .25rem 0;}
.quick-nav ul{padding: 0 .05rem;display: flex;justify-content: center;flex-wrap: wrap;}
.quick-nav ul li{width: 25%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: .5rem;}
.quick-nav ul li img{width: 1.16rem;}
.quick-nav ul li span{font-size: .28rem;padding-top: .1rem;color: #666666;}

.services{width: 100%;height: auto;overflow: hidden;padding: 0 .4rem;margin-bottom: .0rem;}
.services .title{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: .3rem;}
.services .title span{font-size: .34rem;color: #333333;font-weight: bold;}
.services .title a{font-size: .25rem;color: #999;}
.services .list ul{display: flex;width: 100%;justify-content: space-between;}
.services .list ul li{width: 3.2rem;padding: .28rem .01rem;background: #FFF;border-radius: .1rem;display: flex;flex-direction: column;justify-content: center;}
.services .list ul li p{font-size: .3rem;color: #333333;}
.services .list ul li span{font-size: .24rem;color: #999999;padding-top: .15rem;}

.institutions{width: 100%;height: auto;overflow: hidden;padding: 0 .1rem;}
.institutions .title{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: .35rem;}
.institutions .title span{font-size: .34rem;color: #333333;font-weight: bold;}
.institutions .title a{font-size: .25rem;color: #999;}
.institutions .list{width: 100%;height: auto;overflow: hidden;padding-top: .2rem;padding-left: .2rem;padding-right: .2rem;}
.institutions .list ul li{display: block;align-items: center;justify-content: space-between;margin-bottom: .5rem;background:#f0e4fb;float:left ;border-radius: 0.15rem;    width: 100%;
}
.padding3{padding-bottom:.3rem}
.institutions .list ul li .img{width: 100%;flex-shrink: 0;margin-right: .1rem;padding-left: .2rem;padding-right: .2rem;float: left; }
.institutions .list ul li .img img{width:100%}
.institutions .list ul li .sub-title{width: 2.86rem; text-align: center; margin:0 auto;display:block;;}

.institutions .list ul li .desc {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.institutions .list ul li .desc p{font-size: .28rem;color: #333333;margin-bottom: .14rem;font-weight: bold;}
.institutions .list ul li .desc span{font-size: .22rem;color: #808080;}
.institutions .list ul li button{width: 1.15rem;height: .5rem;font-size: .24rem;color: #ffffff;border-radius: .5rem;flex-shrink: 0;background: #24d4b0;margin-left: .1rem;}
/* tap-bar */
.tap-bar-holder{width: 100%;height: 1.15rem;}
.tap-bar{width: 100%;height: auto;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;background: #ffffff;box-shadow: 0 -.05rem .1rem rgba(100,100,100,.1);}
.tap-bar ul{width: 100%;display: flex;justify-content: space-between;}
.tap-bar ul li{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 1.15rem;color: #a0a0a0;}
.tap-bar ul li.on{color: #30e0ad;}
.tap-bar ul li i{font-size: .44rem;}
.tap-bar ul li span{font-size: .18rem;margin-top: .05rem;}

.gonggao {
    font-size: 0.3rem;
    margin: 0.3rem;
    font-weight: bold;
}
.ioslive{
	font-size: 0.45rem;
	margin: 0 auto;
	width: 90%;
	height: 14vw;
	line-height: 13vw;
	border-radius: 14vw;
	border: 2px solid #FD83BB;
	text-align: center;

	color: #EE6CA8;

}

.tools{padding:0.3rem;}
.newlist {
	background:#f0e4fb;
	padding:.15rem;
	margin-top:.2rem;
	border-radius: .18rem;
}
.newlist li{
	display:block;
	border:1px solid ##DF5CC3;
	border-radius: 0.25rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin:10px 0 10px 0;
    padding:0.1rem 0.2rem;
    background: #fff;

	
}
.newlist .img {

    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 1rem;
    width: 1rem;
    padding: 0.2rem

}
.img1{
    background-image: url(../images/n1.png);
}
.img2{
    background-image: url(../images/n2.png);
}
.img3{
    background-image: url(../images/n3.png);
}
.img4{
    background-image: url(../images/n4.png);
}
.img5{
    background-image: url(../images/icon_ad.png);
}

.issue{
	margin-left:0.2rem;
    font-size: .275rem;
    color:#000;
    width: 80%;
    overflow:hidden
		
}
.issue span{
display:block
}
.copyto{
	border-radius: .5rem;
	padding:0.15rem 0.2rem;
	font-size: .325rem;
    color:#000;
    border:1px solid #E2C6FB;
    position:absolute;
    right:0.15rem;

}



	.down{
		display: flex;
		padding: 15px 7.5px;
	}

.button1{
    margin: 0 7.5px;
    background: linear-gradient(to right, #742de5, #e35070);
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    width: calc(50% - 15px);
    font-size: 16px;
    background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
    background-size: 600%;
    -webkit-animation: anime 6s linear infinite;
    animation: anime 6s linear infinite;

    }
	
.button2{
    margin: 0 7.5px;
    background: linear-gradient(to right, #742de5, #e35070);
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    width: calc(50% - 15px);
    font-size: 16px;
    background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
    background-size: 600%;
    -webkit-animation: anime 3s linear infinite;
    animation: anime 3s linear infinite;

    }




@keyframes anime {
    0% {background-position: 0% 50%;}

    50% {background-position: 100% 50%;}

    100% {background-position: 0% 50%;}
    }

@-webkit-keyframes anime {
    0% {background-position: 0% 50%;}

    50% {background-position: 100% 50%;}

    100% {background-position: 0% 50%;}
    }