@charset "utf-8";
body{background-color:#f0f0f0;font-family:'Microsoft YaHei','Helvetica','宋体';font-size:14px;padding:0px;margin:0px auto;color:#333;}
body{min-width:320px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
*:focus{outline:none}
label{cursor:pointer}
ul,em,i,dl,dt,dd,hr,h1,h2,h3,h3,h4,h5,h6,strong{font-style:normal;font-weight:normal;margin:0px;padding:0px;}
ul,li,img,form,p{margin:0px;padding:0px;border:0px}
li{list-style-type:none;display:block}
td{font-size:14px;color:#333}
h1,h2,h3,h4,h5,h6,hr,p{margin:0;padding:0;word-wrap:break-word}
a{color:#333;text-decoration:none;}

@font-face {
  font-family: "iconfont";
  src: url('iconfont/iconfont.woff2?t=1680434662584') format('woff2'),
       url('iconfont/iconfont.woff?t=1680434662584') format('woff'),
       url('iconfont/iconfont.ttf?t=1680434662584') format('truetype');
}

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

/*head*/
.header{background-color: #fff;}
.top-wp{display: flex; align-items: center;justify-content: space-between;background-color: #fff;padding: 35px 0;}
.top-wp .logos{height: 50px;}
.top-wp .logos .imgs{float: left;}
.top-wp .logos .imgs img{height: 50px;border: 0;vertical-align: middle;}
.top-wp .logos .dq{height: 50px; border-left: 1px solid #999; padding: 0 15px; margin-left: 15px; float: left;}
.top-wp .logos .dq .city, .top-wp .logos .dq .change{display: block; height: 25px; color: #5a32f3; font-size: 16px; text-align: center; line-height: 25px;}
.top-wp .logos .dq .change{color: #333;}

.top-wp .menu{height: 42px;}
.top-wp .menu ul{margin-top: 4px; float: left;}
.top-wp .menu ul li{float: left;}
.top-wp .menu ul li a{position: relative; display: block; font-size: 16px; line-height: 34px; margin: 0 20px;}
.top-wp .menu ul li a:hover, .top-wp .menu ul li a.hover{color: #9f21c9;}
.top-wp .menu ul li a:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-bottom: solid 2px #5a32f3;
  -webkit-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}
.top-wp .menu ul li a:hover:before, .top-wp .menu ul li a.hover:before{width: 100%;}
.top-wp .menu div.login-click{display: flex; align-items: center; height: 40px; background-color: #9f21c9; border: 1px solid #9f21c9; margin-left: 20px; border-radius: 6px; float: left;}
.top-wp .menu div.login-click i{color: #fff; font-size: 24px; margin: 0 10px;}
.top-wp .menu div.login-click span{height: 40px; color: #333; font-size: 14px; line-height: 40px; padding: 0 10px; background-color: #fff; border-radius: 0 6px 6px 0;}

@media ( max-width: 992px) {
  .top-wp{padding: 15px 0;}
  .top-wp .logos{height: 30px;}
  .top-wp .logos .imgs img{height: 30px;}
  .top-wp .logos .dq{height: 30px; padding: 0 6px; margin-left: 6px;}
  .top-wp .logos .dq .city, .top-wp .logos .dq .change{display: inline-block; height: 30px; font-size: 14px; line-height: 30px;}
  .top-wp .logos .dq .change{padding: 0 6px;}
  .top-wp .menu{height: 30px;}
  .top-wp .menu ul{display: none;}
  .top-wp .menu div.login-click{height: 28px; margin-left: 0px;}
  .top-wp .menu div.login-click i{font-size: 18px; margin: 0 6px;}
  .top-wp .menu div.login-click span{height: 28px; line-height: 28px; padding: 0 6px;}
}
/*bar*/
.bar-wrap{position: fixed; width: 100%; height: 60px; z-index: 101; background-color: #fff; border-top: 1px solid #ccc; bottom: 0; display: none;}
.bar-item{display: flex; align-items: center; width: 100%; height: 60px; background-color: #fff;}
.bar-item li{ width: 20%; height: 60px;}
.bar-item li a{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 60px; text-decoration: none;}
.bar-item li a .icon{width: 100%; height: 30px; color: #aaa; font-size: 24px; line-height: 30px; text-align: center;}
.bar-item li a .title{width: 100%; height: 20px; color: #aaa; font-size: 12px; text-align: center; line-height: 20px;}
.bar-item li.on a .icon{color: #9f21c9;}
.bar-item li.on a .title{color: #9f21c9;}
@media ( max-width: 992px) {
  .bar-wrap{display: block;}
}
/*float*/
.modFloatCate{position: fixed; width: 40px; right: 10px; bottom: 25%; z-index: 102; display: none;}
.modFloatCate li{height: 40px; margin-top: 5px;}
.modFloatCate li a{
  display: block;
  text-decoration: none;
  background-color: rgba(0,0,0,.2);
  color: #333;
  font-size: 24px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.modFloatCate li a:hover{ color: #fff; background-color: rgba(0,0,0,.4); }
.wCode{position: relative;}
.wCode .code-show{
  position: absolute;
  background-color: #fff;
  padding: 10px;
  width: 120px;
  height: 120px;
  left: -150px;
  top: -45px;
}
.wCode .code-show::after{
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
  left: 135px;
  top: 60px;
}
.wCode .code-show img{
  width: 120px;
  height: 120px;
  vertical-align: middle;
}
.mCode{display: none;}
@media ( max-width: 992px) {
  .modFloatCate{right: 15px;}
  .wCode{display: none;}
  .mCode{display: block;}
}
/*bottom*/
.footer{background-image: linear-gradient(to right, #c04efe,#5a32f3);}
.snav{display: flex; align-items: center; justify-content: space-between; margin-top: 25px;}
.snav dl{display: block;}
.snav dl dt, .snav dl dd{display: block; color: #ffd1ba; font-size: 16px; line-height: 36px; text-align: left;}
.snav dl dd{color: #fff; font-size: 14px; line-height: 24px;}
.snav dl dd a{color: #fff; font-size: 14px;}
.snav dl dd a:hover{color: #ffd1ba; font-size: 14px;}
.bottom{display: flex; align-items: flex-start; justify-content: space-between; margin: 30px 0;}
.bottom .bm-left{display: flex; align-items: center; justify-content: space-evenly;}
.bottom .bm-left .bm-code{height: 150px;}
.bottom .bm-left .bm-code span{background-color: #fff; padding: 8px; display: block;}
.bottom .bm-left .bm-code span img{width: 110px; vertical-align: top;}
.bottom .bm-left .bm-code em{color: #ccc; font-size: 12px; line-height: 24px; text-align: center; display: block;}

.bottom .bm-right{display: flex; flex-direction: column; align-items: flex-start; height: 100px; border-left: 1px solid #fff; margin-left: 20px; padding-left: 30px;}
.bottom .bm-right span{color: #ffd0b9; font-size: 28px; line-height: 36px; text-align: left; padding-bottom: 4px;}
.bottom .bm-right em{color: #fff; font-size: 14px; line-height: 30px; text-align: left;}
.bottom .bm-right a{
  width: 100%;
  border-radius: 5px;
  background-image: linear-gradient(to right, #fff,#fee4d5);
  position: relative;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.1);
  padding: 8px 0;
  color: #5a32f3;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-top: 6px;
  cursor: pointer;
}
.bottom .bm-right a:active {
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.1);
  top: 1px;
}
@media ( max-width: 992px) {
  .snav{flex-direction: column; align-items: flex-start; margin-top: 20px;}
  .snav dl dt, .snav dl dd{display: inline-block; margin-right: 15px; line-height: 28px;}
  .bottom{margin: 20px 0;}
  .bottom .bm-left{justify-content: flex-start; padding: 0 0;}
  .bottom .bm-left .bm-code{height: 120px;}
  .bottom .bm-left .bm-code span img{width: 80px;}
  .bottom .bm-right{border-left: 0px; margin-left: 0px; padding-left: 0px;}
  .bottom .bm-right span{font-size: 22px; line-height: 28px;}
  .bottom .bm-right em{font-size: 12px; line-height: 24px;}
  .bottom .bm-right a{font-size: 14px; font-weight: 500;}
}
/*copy*/
.copy{color: #ccc; font-size: 12px; text-align: center; line-height: 20px; border-top: 1px solid #ccc; padding: 6px 0;}
.copy a, .copy a:hover{color: #ccc;}
@media ( max-width: 992px) {
  .copy{margin-bottom: 60px;}
}