html,body{background:#fff;}
#header .header{padding:32px 80px 32px 80px;}
#header .logo{height:60px;}
#header .navmue .title{margin:10px 0;}
#header .navmue .title{margin:0 10px;font-size: 16px;border-bottom:4px solid rgba(250, 250, 250, 1);padding-bottom:5px;cursor: pointer;}
#header .navmue .title:hover{border-bottom:4px solid #ff84e0;}
#header .navmue .title.active{border-bottom:4px solid #ff84e0;}

.color-000{color:#000000;}
.color-5d5{color:#5d5d5d;}
.color-cf8{color:#cf8903;}
.color-primary{color:rgba(119, 50, 255, 1);}
.color-pink{color:rgba(255, 112, 183, 1);}
.color-c703{color:#7030a0;}
.bg-1{background: #e2dfff;}
.bg-2{background: #ffe6c4;}
.bg-3{background: #cdffe8;}
.bg-4{background: #ffdcf6;}
.bg-5{background: #ffc8c6;}
.bg-6{background: #fff2f8;}
.bg-7{background: #e9eaff;}
.bg-8{background: #f9fff0;}


.btn-x1{
  background: rgba(21, 16, 45, 1);
  background-blend-mode: normal;
  border-radius: 6px;
  mix-blend-mode: normal;
  box-shadow: inset 0px -4px 8px rgba(94, 83, 142, 0.2),inset 0px 4px 8px rgba(94, 83, 142, 0.2);
  padding: 6px 16px 6px 16px;
  box-sizing: border-box;
  color:#fff;
}
.btn-x1.active,.btn-x1:hover{
  background-blend-mode: normal;
  box-shadow: 0px 2px 0px rgba(166, 129, 238, 1);
  mix-blend-mode: normal;
  background: rgba(110, 64, 201, 1);
  box-sizing: border-box;
}

.btn-x3{
  mix-blend-mode: normal;border:1px solid rgb(255, 255, 255);padding: 6px 16px 6px 16px;border-radius: 6px;
  color: #fff;
}
.btn-x3.active,.btn-x3:hover{
  background-blend-mode: normal;
  box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 1),inset 1px 0px 0px rgba(255, 255, 255, 1),inset 0px -1px 0px rgba(255, 255, 255, 1),inset 0px 1px 0px rgba(255, 255, 255, 1);
  mix-blend-mode: normal;
  background: rgba(242, 242, 242, 1);
  box-sizing: border-box;color: #333;
}

.btn-primary{background-image:linear-gradient(180deg, rgba(159, 112, 255, 1) 0%, rgba(119, 50, 255, 1) 100%);color:#fff;border-radius: 20px;
  padding:12px 16px 12px 16px;text-align: center;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),inset -2px -2px 4px rgba(88, 42, 187, 0.49),inset 2px 2px 3px rgba(198, 180, 238, 0.5);}
.btn-default{background-image:linear-gradient(180deg, rgb(252, 251, 255) 0%, rgb(235, 235, 235) 100%);color:#555555;border-radius: 20px;
  padding:12px 16px 12px 16px;text-align: center;box-shadow: 0px 1px 2px rgb(27 36 55 / 5%), inset -2px -2px 4px rgb(165 165 165 / 49%), inset 2px 2px 3px rgb(255 255 255 / 50%);}
.btn-pink{background-image:linear-gradient(180deg, rgb(255, 112, 183) 0%, rgb(255, 50, 228) 100%);color:#fff;border-radius: 20px;
  padding:12px 16px 12px 16px;text-align: center;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),inset -2px -2px 4px rgba(88, 42, 187, 0.49),inset 2px 2px 3px rgba(198, 180, 238, 0.5);}
.btn-primary:hover,.btn-pink:hover{color:#fff;}


.bgcard-primary{
  background-image:linear-gradient(180deg, rgba(159, 112, 255, 1) 0%, rgba(119, 50, 255, 1) 100%);border-radius: 20px;
  padding:30px 20px;
}
.bgcard-pink{
  background-image:linear-gradient(180deg, rgb(255, 112, 183) 0%, rgb(255, 50, 228) 100%);border-radius: 20px;
  padding:30px 20px;
}
.bgcard{background-size: cover;}
.bgcard .big-title{font-size:50px;font-weight: 500;padding:0 30%;}
.bgcard .big-cate-two{font-size: 16px;cursor: pointer;}
/*
.bgcard .big-cate-two .big-cate-item{padding:10px 15px;border-radius: 10px;margin:5px 0;}
.bgcard .big-cate-two .big-cate-item.active{background:#fff;color:#333;}
.bgcard .big-cate-two .big-cate-item.active a{color:#333;}
.bgcard .big-cate-two .big-cate-item:hover,.bgcard .big-cate-three .big-cate-item:hover{background:#65007d;color:#fff;}
.bgcard .big-cate-two .big-cate-item:hover a,.bgcard .big-cate-three .big-cate-item:hover a{color:#fff;}
*/
.bgcard .big-cate-three{cursor: pointer;font-size: 16px;}
/*
.bgcard .big-cate-three .big-cate-item{border:2px solid #65007d;border-radius:10px;padding:10px 15px;margin:5px 0;}
.bgcard .big-cate-three .big-cate-item.active{background:#65007d;color:#fff;}
.bgcard .big-cate-three .big-cate-item.active a{color:#fff;}
*/

.body .main{margin-top:-360px;}
.body .main .main-bg{border-radius: 20px;background: rgba(0,0,0,0.1);}
.body .main .main-bg{margin:0 20px;}
.body .main .main-bg .main-body{border-radius:20px;padding-bottom:30px;}

.body .c3title{font-size:18px;font-weight: bold;padding:10px 20px;border-bottom: 3px solid #c354c8;}

.body .catebody{padding:10px 60px;}
@media screen and (min-width:1300px){
  .body .main .main-bg{margin:0 20px;}
  .imanbody{width: 90%;}
}
@media screen and (max-width:1300px){
  .body .main .main-bg{margin:0 10px;}
  .bgcard .big-title{padding:0 10px;}
  .imanbody{width:100%;}
  .body .catebody{padding:10px 20px;}
}
.color-d3b{color:#c891cd;}
.waterfall-container .btn-copy{background:#c354c8;color:#fff;border-radius: 30px;padding:5px 10px;}
.waterfall-container .btn-down-pdf{background:#c354c8;color:#fff;border-radius: 30px;padding:5px 10px;}
.waterfall-container .btn-down-pdf:hover,.waterfall-container .btn-copy:hover{transform: scale(1.1);}
/* 容器样式 */
.waterfall .waterfall-container {
  column-count: 4;        /* 默认4列布局‌:ml-citation{ref="2" data="citationList"} */
  column-gap: 20px;       /* 列间距‌:ml-citation{ref="2,4" data="citationList"} */
  padding: 20px;
  margin: 0 auto;
}

/* 瀑布流样式 */
.waterfall .waterfall-container .item {
  margin-bottom: 20px;     /* 垂直间距‌:ml-citation{ref="2" data="citationList"} */
  break-inside: avoid;     /* 防止内容项被截断‌:ml-citation{ref="4" data="citationList"} */
  background: #f5f5f5;
  border-radius:30px;
  overflow: hidden;
  box-shadow: rgb(51 51 51 / 10%) 4px 5px 3px 0px;
  border:2px solid transparent;
  background-image:linear-gradient(to right, #fad4fa, #fbd4fb), linear-gradient(to right bottom, #d3b8e1, #c4b5cd, #d59ee7);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  box-sizing: border-box;
}
.waterfall .waterfall-container .item .content{
  padding:15px 20px 30px 20px;
}
/* 图片自适应 */
.waterfall .waterfall-container .item .img {
  width: 100%;
  height: auto;           /* 保持图片原始比例‌:ml-citation{ref="2,4" data="citationList"} */
}

/* 响应式适配 */
@media (max-width: 768px) {
  .waterfall .waterfall-container {
      column-count: 2;    /* 中等屏幕显示2列‌:ml-citation{ref="2,5" data="citationList"} */
  }
}

@media (max-width: 480px) {
  .waterfall .waterfall-container {
      column-count: 1;    /* 小屏幕显示1列‌:fml-citation{ref="2,5" data="citationList"} */
  }
}

.tabi .tabi-item{padding:10px 25px;border-radius:30px;color: #333;border:2px solid transparent;font-size:18px;
  background-image:linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right bottom, #d3b8e1, #df3789, #713490);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  box-sizing: border-box;}
.tabi .tabi-item.active{border: 2px solid #ff84e0;color:#ffffff;background-image:linear-gradient(to right, #df3789,#713490);}
.tabi .tabi-item:hover{border: 2px solid #ff84e0;color:#ffffff;background-image:linear-gradient(to right, #df3789,#713490);}

.sobodyi{    border: 3px solid #000;
  width:80%;max-width: 600px;height:40px;
  border-radius: 15px;overflow: hidden;
  }
.sobodyi span{background: #000;color:#fff;font-size:20px;height: 100%;width:80px;text-align: center;line-height: 40px;} 
.sobodyi .sotext{border: none;background:none;width:100%;padding:10px 15px;}

body.nav-open .lower-screen {
  -webkit-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

body.nav-open .nav-toggle {
  box-shadow: none;
}
body.nav-open .nav-toggle:before {
  width: 1300px;
  height:3200px;
  background-color: rgba(74, 117, 230, 0.95);
  background-image:url('/moban/1/image/testbg.jpg');
  background-size:cover;
}
body.nav-open .nav-toggle .icon {
  width: 0;
}
body.nav-open .nav-toggle .icon:before {
  -webkit-transform: translateY(9px) rotate(45deg);
      -ms-transform: translateY(9px) rotate(45deg);
          transform: translateY(9px) rotate(45deg);
}
body.nav-open .nav-toggle .icon:after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
      -ms-transform: translateY(-9px) rotate(-45deg);
          transform: translateY(-9px) rotate(-45deg);
}
.nav-toggle {
  width: 40px;
  height: 60px;
  z-index: 2;
  border-radius: 50%;
  right: 15px;
  position: absolute;
  cursor: pointer;
  -webkit-transition-duration: 0.66s;
          transition-duration: 0.66s;
  -webkit-transition-timing-function: swing;
          transition-timing-function: swing;
}
.nav-toggle:before {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition-duration: 0.66s;
          transition-duration: 0.66s;
  -webkit-transition-timing-function: swing;
          transition-timing-function: swing;
}
.nav-toggle .icon {
  width: 30px;
  height: 4px;
  background-color: rgb(56, 56, 56);
  border-radius: 2px;
  position: absolute;
  top: 28px;
  left: 15px;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  transiting-timing-function: swing;
}
.nav-toggle .icon:before,
.nav-toggle .icon:after {
  width: 30px;
  height: 4px;
  background-color: rgb(56, 56, 56);
  border-radius: 2px;
  content: "";
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: swing;
  transition-timing-function: swing;
}
.nav-toggle .icon:before {
  top: -9px;
}
.nav-toggle .icon:after {
  top: 9px;
}
.lower-screen::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width:1300px){
  .navpc{display: none;}
  .nav-toggle{display: block;}
  .mobileicon{display: block;}
  #nav-mobile{display: block;}
}
@media screen and (min-width:1300px){
  .navpc{display: flex;}
  .nav-toggle{display: none;}
  .mobileicon{display: none;}
  #nav-mobile{display: none;}
}
body.nav-open .nav {
  
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity:1;
  z-index:9;
  top:50px;
}
.nav {
  position: absolute;
  top: -500px;
  left: 0;
  width: 100%;
  z-index:-1;
  padding: 0;
  -webkit-transition-duration: 0.66s;
          transition-duration: 0.66s;
  -webkit-transition-timing-function: swing;
          transition-timing-function: swing;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transform: translateY(100%);
   opacity:0;       
}
.nav ul li {
  list-style: none;
}
.nav ul li a {
  display: block;
  padding: 10px 0;
  text-align: center;
  color: white;
  text-decoration: none;
  font-size:14px;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}
.nav ul:hover li a {
  opacity: 0.5;
}
.nav ul:hover li:hover a {
  opacity: 1;
}

.avatarurl{border-radius: 50%;}