@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: #000;}
img {border:none; vertical-align:middle;width: 100%;display:block;}
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body {min-width: 320px;max-width: 750px ;margin: 0 auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;}
body,h1,h2,h3,h4,h5,p,dl,dd,ul,li,ol,form,input,textarea,th,td,select,div{ margin:0; padding:0;font-family:'Microsoft Yahei';box-sizing:border-box;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;}

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1681094383753') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-click:before {
  content: "\e6b9";
}

.main{width: 100%;margin: .35rem auto;padding-bottom: 1px;}
h2.title{width: 100%;margin: auto;padding: .3rem 0;font-size: .4rem;text-align: center;color: #6815ce;}
.ask{width: 100%;margin: .3rem auto;}
.ask a{display: block;width: 60%;margin: auto;background: linear-gradient(to right, #295ef0, #6815ce);border-radius: 30px;text-align: center;font-size: .3rem;line-height: 2.5;color: #fff;position: relative;box-shadow: 0px 0px 8px 4px #ddc9ff;}
.ask a i{font-size: .3rem;position: absolute;right: 8%;}

.main1 ul, .main5 ul, .main7 ul{width: 100%;margin: auto;display: flex;flex-wrap: wrap;}
.main1 ul li, .main5 ul li{flex: 30%;margin: 0 5px 10px 5px;display: flex;flex-direction: column;align-items: center;}
.main1 ul li span, .main5 ul li span, .main7 ul li span{display: block;width: 100%;font-size: .3rem;color: #fff;text-align: center;line-height: 2;color: #6815ce;}

.main2 h2.title{padding-bottom: 0px;}
.main2 span{display: block;font-size: .28rem;text-align: center;line-height: 2;font-weight: bold;color: #e55149;padding-bottom: .2rem;}
.main2 img{width: 96%;margin: auto;display: block;}

.main3{position: relative;}
.main3 h2.title{position: absolute;top: 0%;color: #fff;padding-bottom: 0%;}

.main4 h2.title{margin-bottom: 5%;}
.main4 .kc{position: relative;width: 94%;margin: 0 auto;margin-bottom: 12%;padding: 6% 1% 12% 1%;border: 2px #6815ce solid;}
.main4 .kc .kc-item{width: 50%;float: left;}
.main4 .kc .kc-text{color: #6815ce;font-size: .3rem;}
.main4 .kc .kc-class{position: absolute;left: 5%;top: -2%;font-size: .4rem;color: #6815ce;background-color: #fff;width:30%;height: 10px;text-align: center;line-height: 10px;}
.main4 .kc .kc-task{position: absolute;right: 2%;bottom: -9%;width: 30%; text-align: center;line-height: 2;border-radius: 10px;font-size: .2rem;background: url(../images/anniubgc.png) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;color: #fff;}
.main4 .kc .kc-task span{font-size: .36rem;font-weight: bold;}

.m6-item{margin: 5% 0;}
.m6-item .tac{width: 94%;height: 100%;margin: auto;background: url(../images/lsbgc.png) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden;}
.m6-item .tac .text{width: 66.66666667%;float: left;}
.m6-item .tac .text span{color: #fff;display: block;padding-left: 6%;}
.m6-item .tac .text span.name{font-size: .36rem;font-weight: 700;padding-top: 6%;}
.m6-item .tac .text span.kec{padding-top: 5%;font-size: .3rem;}
.m6-item .tac .img{width: 33.33333333%;float: left;}

.main7 ul li{flex: 47%;margin: 0 5px 10px 5px;display: flex;flex-direction: column;align-items: center;}

.main8{margin-top: 5%;background: url(../images/bannerbgc.jpg) no-repeat;background-size: 100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-webkit-background-size:100% 100%;position: relative;}
.main8 h2.title{color: #fff;}
.main8 .m8-item{width: 90%;margin: 5% auto;}

.main9{margin-bottom: 0;}