body{
    padding: 0;
    margin: 0;
    font-family:Microsoft JhengHei , Arial;
  }
  header{
      margin: 0;
      padding: 0;
  }
  section{
      margin: 0;
      padding: 0;
  }
  a {
      text-decoration: none;
      -webkit-tap-highlight-color: transparent; 
      outline: none;
  }
  ul,li{
      margin: 0;
      padding: 0;
      list-style: none;
  }
  input, textarea,select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0;
  }
  input:focus {outline: none; } 
  input:focus::-webkit-input-placeholder {opacity: 0; -webkit-transition: .4s; transition: .4s; } 
  input:focus::-moz-placeholder {opacity: 0; -moz-transition: .4s; } 
  input:focus:-ms-input-placeholder {opacity: 0; -webkit-transition: .4s; transition: .4s; }
  textarea:focus {outline: none; } 
  textarea:focus::-webkit-input-placeholder {opacity: 0; -webkit-transition: .4s; transition: .4s; } 
  textarea:focus::-moz-placeholder {opacity: 0; -moz-transition: .4s; } 
  textarea:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: .4s; transition: .4s; }
  
  
  .trumbowyg-editor-box.trumbowyg-autogrow-on-enter,
  .trumbowyg-textarea.trumbowyg-autogrow-on-enter {
    -webkit-transition: height 300ms ease-out;
    -o-transition: height 300ms ease-out;
    transition: height 300ms ease-out;
  }
@font-face {
    font-family: "FONT_AWESOME6_PRO_THIN";
    src: url("fonts/FONT_AWESOME6_PRO_THIN.eot"); /* IE9 */
    src: url("fonts/FONT_AWESOME6_PRO_THIN?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("fonts/FONT_AWESOME6_PRO_THIN.woff") format("woff"), /* chrome、firefox */
    url("fonts/FONT_AWESOME6_PRO_THIN.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("fonts/FONT_AWESOME6_PRO_THIN.svg#FONT_AWESOME6_PRO_THIN") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
  }
  :root {
    --background-color: #2c3e50;
    --border-color: #7591AD;
    --text-color: #34495e;
    --color1: #EC3E27;
    --color2: #fd79a8;
    --color3: #0984e3;
    --color4: #00b894;
    --color5: #fdcb6e;
    --color6: #e056fd;
    --color7: #F97F51;
    --color8: #BDC581;
    --color9: #debde6;
    --color10: rgba(220,190,230, 0.3)
}
.main-mask_index {
  width: 100vw;
  height: 100%;
  background-color: rgba(0,0,0,.9);
  z-index: 11;
  position: fixed;
  top: 0;
  overflow: hidden;
  box-sizing: border-box;
  display: none;
}
.home_mask_index {
  width: 100vw;
  height: 100%;
  background-color: rgba(0,0,0,.9);
  z-index: 11;
  position: fixed;
  top: 0;
  overflow: hidden;
  box-sizing: border-box;
  display: none;
}
/*通用loading*/
.loader {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  color: #000;
  /* 圆角形成圆形 */
  border-radius: 50%;
  /* 实现顶部圆弧 */
  border-top: 5px solid var(--color2);
  /* 解决loading转动时上下浮动问题
  */
  border-bottom: 5px solid transparent;
  /* background-color: turquoise; */
  /* 内容左右、上下居中 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 增加动画 */
  animation: animate 1.0s linear infinite;
}

.loader::after, .loader::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: -5px;
  border-radius: 50%;
  border-bottom: 5px solid transparent;
  /* background-color: wheat; */
}

.loader::after {
  /* 实现顶部圆弧 */
  border-top: 5px solid var(--color3);
  /* 旋转3分之一圈 */
  transform: rotate(120deg);
}

.loader::before {
  /* 实现顶部圆弧 */
  border-top: 5px solid var(--color6);
  /* 旋转3分之一圈 */
  transform: rotate(-120deg);
}

/* 创建动画关键帧，实现旋转 */

@keyframes animate {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.loader span{
  /* reverse的作用：还是同一个动画但是动画的方向是反着的 */
  animation: animate 1.0s linear infinite reverse;
  background-color: var(--color10);
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  font-size: 1.0rem;
  font-weight: bolder;
}

/*通用弹框*/
.alert_div{ 
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 2px 4px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
  position:fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:120px;
  height:30px;
  display: none;
}
.alert_div .success{
  display: block;
  height: 30px;
  font-size: 14px;
  font-weight: bolder;
  background: url(../images/checked.png) no-repeat;
  background-size: 24px 24px;
  background-position-y:50% ;
  padding-left: 36px;
  line-height: 30px;
}
.copy_alert{ 
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 2px 4px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
  position:fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:260px;
  height:30px;
  display: none;
}
.copy_alert .success{
  display: block;
  height: 30px;
  font-size: 14px;
  font-weight: bolder;
  background: url(../images/checked.png) no-repeat;
  background-size: 24px 24px;
  background-position-y:50% ;
  padding-left: 36px;
  line-height: 30px;
}

.current_div {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 2px 4px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    height: 150px;
    display: none;
    box-sizing: border-box;
}
.current_div .title{
  width:100%;
  height: 30px;
  font-size: 14px;
  color: #999;
  font-weight: bolder;
  line-height: 30px;
  position: absolute;
  top: 5px;
  left: 10px;
}
.current_div .close{
  display: block;
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  font-family: "FONT_AWESOME6_PRO_THIN";
  font-size: 24px;
  font-weight: bolder;
}
.current_div .warning {
  display: block;
  width: 24px;
  height: calc(100% - 30px);
  font-size: 14px;
  font-weight: bolder;
  background: url(../images/warning.png)left no-repeat;
  background-position-y: 64%;
  background-size: 24px 24px;
  position: absolute;
  z-index: 0;
  box-sizing: border-box;
  left: 15px;
}
.current_content{
  width: 100%;
  height: 50%;
  font-size: 14px;
  color: #000;
  box-sizing: border-box;
  padding-left: 50px;
  display: flex;
  align-items: center;
  border-top: 1px solid #eee;
  margin-top: 35px;
}
.current_content.red{
  color: red;
}
.current_content.green{
  color: green;
}
.content_button{
  width:100%;
  height: 30px;
  display: flex;
  justify-content: right;
}
.content_button button {
  padding: 0 12px;
  text-align: center;
  border: 0;
  background-color: transparent;
  border-radius: 3px;
  margin-right: 15px;
  cursor: pointer;
  font-size: 12px;
  height: 26px;
}
.content_button button.confirm{
  background-color: #25a25a;
  color: #fff;

}
.content_button button.cancel{
  background-color: #eee;
  color: #666;
}
.warnning_diag{
    width:520px;
    height: 520px;
    padding: 20px;
    box-sizing: border-box;
    position: fixed;
    z-index: 99;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 16px solid #be8bdb;
    border-radius: .3vw;
}
.warnning_top{
    width:100%;
    height: 160px;
    background: url(../images/18.png) top center no-repeat;
}
.warnning_concent{
    width:90%;
    height: 185px;
    margin: 0 auto;
    text-align: justify;
    line-height: 24px;
}
.not_prompt{
    width:90%;
    height: 50px;
    margin: 0 auto;
}

.not_prompt span{
    display: block;
    float: right;
    height: 18px;
    padding-bottom: 5px;
}
.wd_bottom{
    width:100%;
    height: 50px;
    display: inline-block;
    text-align: center;
}
.ok_btn{
    min-width: 180px;
    height: 45px;
    background-color: #be8bdb;
    color: #fff;
    font-size: 1.0rem;
    line-height: 47px;
    text-align: center;
    margin-right: 8px;
    border: 0;
    padding: 0 20px;
    cursor: pointer;
    border-radius: .3vw;
}
.no_btn{
    min-width: 180px;
    height: 45px;
    background-color: #be8bdb;
    color: #fff;
    font-size: 1.0rem;
    line-height: 47px;
    text-align: center;
    margin-left: 8px;
    border: 0;
    padding: 0 20px;
    cursor: pointer;
    border-radius: .3vw;
}
 /*复选框基本（未选中）的样式*/
 .isCancel{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: block;
    float: right;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon-checked.png);
    background-size: contain;
    box-sizing:border-box;
    background-position: 0 0;
    background-color: white;
    border:solid 2px #be8bdb;
    cursor: pointer;
    margin-top: 3px;
    margin-right: 6px;
}

/* 复选框鼠标按下时增加的样式 */
.isCancel:active{
    background-position: 0 -36px;
    background-color: #be8bdb;
    border: 0;
}

/*复选框选中后增加的样式*/
.isCancel:checked{
    background-position: 0 -36px;
    background-color: #be8bdb;
    border: 0;
}

/*复选框选中后增加的样式*/
.isCancel:checked:active{
    background-position: 0 -36px;
    background-color: #be8bdb;
    border: 0;
}
.warnning_diag .close{
    width:64px;
    height: 64px;
    position: fixed;
    z-index: 101;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 15vh;
    background: url(../images/diag_close.png) center no-repeat;
    background-size: contain;
    cursor: pointer;
}
/* 登入弹层样式已移至 login-dialog.css，此处已删除重复样式 */
/*聯絡我們彈窗*/
.contact_diag{
  width:700px;
  height:460px;
  position: absolute;
  z-index: 100;
  border-radius: 6px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
  overflow: hidden;
  display: none;
}
.contact_diag .contact_main{
  width:100%;
  height: 100%;
  padding-top: 90px;
  box-sizing: border-box;
}
.contact_main span{
  display: block;
  width:100%;
  text-align: center;
}
.contact_main img{
  width:180px;
  height: 180px;
}
.contact_main span.title {
  display: block;
  padding-top: 21px;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -.6px;
  font-weight: bolder;
}
.contact_main span.desc {
  padding-top: 5px;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -.5px;
  font-weight: 300;
}
.contact_diag_close{
  display: block;
  position: absolute;
  top: 0.7vw;
  right: 0.7vw;
  width:30px;
  height: 30px;
  font-size: 24px;
  color: #000;
  font-family: "FONT_AWESOME6_PRO_THIN";
  font-weight: bolder;
  cursor: pointer;
  z-index: 10;
  text-align: center;
  line-height: 30px;
}
.contact_diag_close:hover{
  width:30px;
  height: 30px;
  border-radius: 30px;
  background-color: #eee;
}
@media screen and (max-width: 768px) {
  .contact_diag {
    width: 90vw;
    height: auto;
    max-height: 32vh;
    position: fixed;
    border-radius: 12px;
  }
  .contact_diag .contact_main {
    padding: 50px 20px 30px;
  }
  .contact_main img {
    width: 140px;
    height: 140px;
  }
  .contact_main span.title {
    font-size: 17px;
    line-height: 24px;
    padding-top: 16px;
  }
  .contact_main span.desc {
    font-size: 13px;
    line-height: 20px;
    padding-top: 8px;
  }
  .contact_diag_close {
    top: 10px;
    right: 10px;
  }
  .main-mask_index {
    position: fixed;
    top: 0;
    left: 0;
  }
}
/*購買置頂彈窗*/
.buy_diag{
  width:31.5vw;
  height:42vw;
  position: absolute;
  z-index: 100;
  border-radius: 6px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0px 10px 0px #333;
  overflow: hidden;
  display: none;
}
.buy_diag_close{
  display: block;
  position: absolute;
  top: 0.7vw;
  right: 0.7vw;
  width:30px;
  height: 30px;
  font-size: 24px;
  color: #000;
  font-family: "FONT_AWESOME6_PRO_THIN";
  font-weight: bolder;
  cursor: pointer;
  z-index: 10;
  text-align: center;
  line-height: 30px;
}
.buy_diag_close:hover{
  width:30px;
  height: 30px;
  border-radius: 30px;
  background-color: #eee;
}
.buy_diag .top{
  width:100%;
  height:6.46vw;
  background: url(../images/buy_diag_top.jpg) center no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-top: 3.0vw;
  box-sizing: border-box;
}
.buy_diag .top .logo_n{
  width:4.16vw;
  height: 4.16vw;
  background: #debde6 url(../images/index_logo.png) center no-repeat;
  background-size: 50%;
  border-radius: 4.16vw;
  position: absolute;
  top: 3.0vw;
  left:5%;
}
.buy_diag .top .title{
  width:100%;
  height: 3.13vw;
  padding-left: 6.5vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 0.8vw;
  font-weight: bolder;
}
.buy_diag .price_div{
  width:100%;
  height:6.88vw;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  padding-left: 5%;
  box-sizing: border-box;
}
.buy_diag .price_div .left{
  width:60%;
  height: 100%;
  float: left;
  color: #666;
}
.buy_diag .price_div .left span{
  display: block;
  width:100%;
  height: 50%;
  font-size: 0.75vw;
}
.buy_diag .price_div .left span.big{
  color: #000;
  font-size: 0.85vw;
  font-weight: bolder;
  line-height: 4.8vw;
}
.buy_diag .price_div .right{
  width:40%;
  height: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: right;
  padding-right: 5%;
  box-sizing: border-box;
}
.buy_diag .price_div .right span{
  display: inline-block;
  font-size: 0.75vw;
}
.buy_diag .price_div .right span.big{
  display: inline-block;
  color: #7b378b;
  font-family: "AVANTI";
  padding-right: 6px;
  letter-spacing: .2rem;
  font-size: 1.3vw;
  font-weight: bolder;
}
.buy_diag .buy_main{
  width:100%;
  height: 24.74vw;
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
  overflow-y: auto;
}
.buy_diag .buy_main::-webkit-scrollbar{
  width: 4px;
}

/*定义滚动条轨道 内阴影+圆角*/
.buy_diag .buy_main::-webkit-scrollbar-track
{
  box-shadow:0px 0px 3px #fff;
  border-radius: 4px;
  background-color: #f4f4f4;
}

/*定义滑块 内阴影+圆角*/
.buy_diag .buy_main::-webkit-scrollbar-thumb
{
  border-radius: 4px!important;
  box-shadow:0px 0px 3px #eee;
  background-color: #ccc;
  transition: 0.3s ease-in-out;
}
.buy_diag ul, li{
  list-style: none;
  margin: 0;
  padding: 0;
}
.buy_diag .buy_main_div{
  width:90%;
  margin: 0 auto;
  border-top: #e0e0e0 solid 1px;
  height: auto;
  overflow: hidden;
}
.buy_diag li{
  width:100%;
  margin: 0 auto;
  border-bottom: #e0e0e0 solid 1px;
  min-height: 3.65vw;
  position: relative;
  overflow: hidden;
}
.buy_diag li dl, .buy_diag li dt{
  margin: 0;
  padding: 0;
}
.buy_diag li span.down_arrow{
  display:flex;
  width:2.0vw;
  height: 2.0vw;
  position: absolute;
  right: 0;
  top: 1vw;
  font-size: 1.5vw;
  color: #000;
  font-family: "FONT_AWESOME6_PRO_THIN";
  cursor: pointer;
  align-items: center;
  justify-content: center;
  animation-duration: 0.7s;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.buy_diag li span.down_arrow.up{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  animation-duration: 0.7s;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.buy_diag li>dl{
  width:100%;
  height: auto;
  min-height:8vw ;
  background-color: #f4f4f4;
  font-size: 3.0rem;
  text-align: center;
  display: none;
  overflow: hidden;
}
.buy_diag li>dl dt{
  text-align: left;
  font-size: 0.75vw;
  color: #666;
  padding: 0.5vw;
  box-sizing: border-box;
}
.buy_diag li>dl.show{
  display: block;
}
.buy_diag li span.title{
  font-display: block;
  width:100%;
  height: 3.65vw;
  font-size: 0.9vw;
  font-weight: bolder;
  line-height: 3.65vw;
}
#recharge_main{
  display: none;
}
.buy_diag dt img{
  width:100%;
}
.buy_diag .buy_bottom{
  width:100%;
  height: 4.166vw;
  background-color: #eee;
  line-height: 4.166vw;
  position: relative;
  padding-left: 5%;
  box-sizing: border-box;
  font-weight: bolder;
  position: relative;
  font-size: 0.85vw;
}
.buy_diag .buy_bottom span{
  display: inline-block;
  padding-right: 6px;
  color: #7b378b;
  font-family: "AVANTI";
}
.buy_diag .buy_bottom a{
  display: inline-block;
  color: #7b378b;
  padding-left: 6px;
}
.buy_diag .buy_bottom button{
  width:4.68vw;
  height: 1.9vw;
  background-color: #debde6;
  text-align: center;
  line-height: 1.8vw;
  font-size: 0.85vw;
  border-radius: 4px;
  position: absolute;
  top: 1.0vw;
  right: 5%;
  border: 0;
  outline: none;
  cursor: pointer;
}

/*富文本編輯器*/
@font-face {
    font-family: "FONT_AWESOME6_PRO_THIN";
    src: url("fonts/FONT_AWESOME6_PRO_THIN.eot"); /* IE9 */
    src: url("fonts/FONT_AWESOME6_PRO_THIN?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("fonts/FONT_AWESOME6_PRO_THIN.woff") format("woff"), /* chrome、firefox */
    url("fonts/FONT_AWESOME6_PRO_THIN.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("fonts/FONT_AWESOME6_PRO_THIN.svg#FONT_AWESOME6_PRO_THIN") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
  }
  .trumbowyg-box.trumbowyg-fullscreen {
    background: #fefefe;
    border: none !important;
  }
.index_editor{
    width:66vw;
    height: 40.5vw;
    margin: auto;
    background-color:#fff;
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    padding: 0 1vw 3vw 1vw;
    display: none;
}
.index_editor .title{
    width: 100%;
    height:3vw;
    font-size: 1.0vw;
    line-height: 3vw;
    padding-left: .2vw;
    box-sizing: border-box;
    position: relative;
}
.index_editor .baseinfo_div{
  width:calc(30% - 4px);
  height:33.6vw;
  background-color: #f4f4f4;
  border: 1px solid #eee;
  border-right:1px solid #fff;
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  overflow: hidden;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
}
.base-title-pane{
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    width: 100%;
    height: 3vw;
    margin: 0;
    overflow: hidden;
    padding-left: 0.3vw;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    font-size: 1.0vw;
    font-weight: bolder;
    align-items: center;
    justify-content: center;
}
.base_cotent_div {
  width: 100%;
  height: 32.2vw;
  padding: 0 0.8vw;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: overlay;
  margin-top: 0.6vw;
}

.base_cotent_div::-webkit-scrollbar{
  width: 4px;
}
/*定义滚动条轨道 内阴影+圆角*/
.base_cotent_div::-webkit-scrollbar-track
{
    border-radius: 4px;
    background-color: #f4f4f4;
} 
/*定义滑块 内阴影+圆角*/
.base_cotent_div::-webkit-scrollbar-thumb
{
    border-radius: 4px!important;
    box-shadow:0px 0px 3px #eee;
    background-color: transparent;
    transition: 0.3s ease-in-out;
}
.base_cotent_div:hover::-webkit-scrollbar-thumb{
  background-color: #333;
}
.index_search_diag_row.base_info, .index_search_diag_row.base_quanxian{
  margin-top: 0;
  margin-bottom: 12px;
}
.index_search_diag_row.base_quanxian{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.index_search_diag_row.base_info .item{
  width:33%;
}
.index_search_diag_row.base_quanxian .item{
  width:50%;
}
.index_search_diag_row.base_info .yw_input{
  width:98%;
  margin-top: 10px;
}
.index_search_diag_row.base_info .diag_input{
  width:98%;
  padding-right: 24px;
  box-sizing: border-box;
}
.base_info_half{
  display:block;
  width:49%;
  float: left;
  margin-left: 1%;
}


.index_editor .content_div{
    width:70%;
    height:33.5vw;
    background-color: #f4f4f4;
    border: 1px solid #eee;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow: hidden;
    float: left;
}
.index_editor span.jjms{
    position: absolute;
    top: 0.82vw;
    left: 30%;
    z-index: 90;
    display: none;
    width:3.5vw;
    height: 1.25vw;
    cursor: pointer;
    font-size: .85vw;
    cursor: pointer;
    line-height: 1.25vw;
    color: #333;
    border: 1px solid #666 ;
    padding: 0 .3vw;
    border-radius: 3px;
    background-color: #eee;
    text-align: center;
}
.index_editor span.jjms:hover{
    background-color: #ddd;
}
.index_editor span.zyms{
    position: absolute;
    top: 0.82vw;
    left: 30%;
    z-index: 80;
    display: block;
    width:3.5vw;
    height: 1.25vw;
    cursor: pointer;
    font-size: .85vw;
    cursor: pointer;
    line-height: 1.25vw;
    color: #333;
    border: 1px solid #666 ;
    padding: 0 .3vw;
    border-radius: 3px;
    background-color: #eee;
    text-align: center;
}
.index_editor span.zyms:hover{
    background-color: #ddd;
}
.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
    color: transparent !important;
    text-shadow: 0 0 7px #333;
  }
  @media screen and (min-width: 0 \0 ) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important;
    }
  }
  @supports (-ms-accelerator: true) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important;
    }
  }
  .trumbowyg-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.trumbowyg-textarea {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-style: none;
    resize: none;
    outline: none;
    overflow: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.trumbowyg-editor-box {
    width:100%;
    height: 30.4vw;
    padding: 0;
    overflow: hidden;
}
.trumbowyg-editor-box:hover {
    overflow-y: auto;
}
.trumbowyg-editor-box::-webkit-scrollbar
{
    width: 4px;
}
  .trumbowyg-box-blur .trumbowyg-editor img,
  .trumbowyg-box-blur .trumbowyg-editor hr {
    opacity: 0.2;
  }
  
  .trumbowyg-textarea {
    position: relative;
    display: block;
    overflow: auto;
    border: none;
    font-size: 14px;
    font-family: "Consolas", "Courier", "Courier New", monospace;
    line-height: 18px;
  }
  
  .trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
    height: 1px !important;
    width: 25%;
    min-height: 0 !important;
    padding: 0 !important;
    background: none;
    opacity: 0 !important;
  }
  
  .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 1px;
  }
  .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor-box {
    display: none;
  }
  
  .trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
    opacity: 0.8;
    background: none;
  }
  
  
  
  .trumbowyg-button-pane button.trumbowyg-textual-button {
    width: auto;
    line-height: 35px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
  .trumbowyg-button-pane button.trumbowyg-disable, .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
    opacity: 0.2;
    cursor: default;
    pointer-events: none;
  }
  .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
    background: #e3e9eb;
  }
  .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #fff;
    outline: none;
  }
  .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    display: block;
    content: " ";
    position: absolute;
    bottom: 0.4vw;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #555;
  }
  .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
    padding-left: 10px !important;
    padding-right: 18px !important;
  }
  .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
    top: 17px;
    right: 7px;
  }
  .trumbowyg-button-pane .trumbowyg-right {
    margin-left: auto;
  }
.trumbowyg-button-pane {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    width: 100%;
    height: 3vw;
    margin: 0;
    list-style-type: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    padding-left: 0.3vw;
    box-sizing: border-box;
    border: 0;
    outline: 0;
}
.trumbowyg-button-pane .trumbowyg-button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
    color: transparent;
  }
  
  .trumbowyg-button-pane button {
    position: relative;
    padding: 0!important;
    padding-top: 0.3vw !important;
    margin-left: 0.2vw;
    margin-right: 0.2vw;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #fff;
    outline: 0;
    cursor: pointer;
  }
.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
.trumbowyg-button-pane button.trumbowyg-disable, .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
  background: #e3e9eb;
}
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button.trumbowyg-active {
  background-color: #ddd;
  outline: none;
}
  .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button.trumbowyg-active {
    padding: .1vw;
    background-color: #ddd;
    border-radius: 3px;
    outline: none;
}
.trumbowyg-fontsize-button{
    background: url(../yw_editor/images/fontsize.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;
    display: none;
  }
  
  .trumbowyg-strong-button {
    background: url(../yw_editor/images/bold.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;
  }
  
  .trumbowyg-em-button{
    background: url(../yw_editor/images/italic.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;
    display: none;
  }
  .trumbowyg-underline-button{
    background: url(../yw_editor/images/underline.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;
  }
  .trumbowyg-justifyLeft-button {
    background: url(../yw_editor/images/justifyLeft.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;
    display: none;
  }
  .trumbowyg-justifyRight-button {
    background: url(../yw_editor/images/justifyRight.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;
    display: none;
  }
  .trumbowyg-justifyCenter-button {
    background: url(../yw_editor/images/justifyCenter.svg) center no-repeat;
    width: 2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;
    display: none;
  }
  .trumbowyg-justifyFull-button {
    background: url(../yw_editor/images/justifyFull.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;
    display: none;
  }
  .trumbowyg-foreColor-button {
    background:#fff url(../yw_editor/images/fontcolors.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:19px 19px;
    font-size: 0;
  }
  .trumbowyg-backColor-button{
    background: url(../yw_editor/images/background.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:18px 18px;
    font-size: 0;
  }
  .trumbowyg-base64-button {
    background: url(../yw_editor/images/base64.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:18px 18px;
    font-size: 0; 
  }
  .trumbowyg-undo-button {
    background: url(../yw_editor/images/undo.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0; 
  }
  .trumbowyg-redo-button {
    background: url(../yw_editor/images/redo.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0; 
  }
  .trumbowyg-emoji-button{
    background: url(../yw_editor/images/emoji.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:20px 20px;
    font-size: 0;
    display: none;
  }
  .trumbowyg-indent-button {
    background: url(../yw_editor/images/indent.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0;  
    display: none;
  }
  .trumbowyg-outdent-button  {
    background: url(../yw_editor/images/outdent.svg) center no-repeat;
    width:2.25vw!important;
    height: 2.25vw!important;
    background-size:17px 17px;
    font-size: 0; 
    display: none; 
  }

  .trumbowyg-overlay {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    height: 34.5vw;
    width: 100%;
    left: 0;
    display: none;
    top: 0;
    z-index: 100;
  }
  .trumbowyg-dropdown {
    max-width: 300px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    border: 1px solid #d7e0e2;
    padding: 5px 0;
    background: #fff;
    color: #222;
    margin-left: -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
            box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
    z-index: 12;
    border-radius: 3px;
    margin-top: -0.4vw;
  }
  .trumbowyg-dropdown button {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    background: #fff;
    padding: 0 20px 0 10px;
    color: #222;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    -webkit-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
  }
  .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
    background: #ecf0f1;
  }
  .trumbowyg-dropdown button svg {
    float: left;
    margin-right: 14px;
  }
  
  /* Modal box */
  .trumbowyg-modal {
    position: absolute;
    margin: auto;
    top: 0!important;
    bottom: 0;
    right:0;
    left: 0;
    width: 23vw;
    min-width:250px;
    max-width: 418px;
    height: 168px!important;
    z-index: 12;
    overflow: hidden;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
    padding: 0.5vw;
    box-sizing: border-box;
    border-top:1px solid #f4f4f4;
  }
  
  .trumbowyg-fixed-top{
    top:3vw;
  }
  .trumbowyg-modal-box {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0.75rem;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    backface-visibility: hidden;
  }
  .trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: 0.75rem;
    font-weight: bold;
    display: block;
    color: #333;
    text-align: left;
    padding-left: 1vw;
    box-sizing: border-box;
  }
  .trumbowyg-modal-box .trumbowyg-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px;
  }
  .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
    background: #2BC06A;
    width: 0;
    height: 100%;
    -webkit-transition: width 150ms linear;
    -o-transition: width 150ms linear;
    transition: width 150ms linear;
  }
  .trumbowyg-modal-box .trumbowyg-input-row {
    position: relative;
    margin: 15px 12px;
    border: 1px solid #dedede;
    overflow: hidden;
    height: 28px;
  }
  .trumbowyg-modal-box .trumbowyg-input-infos {
    display: block;
    float: left;
    text-align: center;
    width: 80px;
    height: 28px;
    border-right: 1px solid #dedede;
    padding: 0;
    background-color: #fbfcfc;
  }

  .trumbowyg-modal-box .trumbowyg-input-infos label {
    color: #69878f;
    overflow: hidden;
    height: 27px;
    line-height: 27px;
  }
  .trumbowyg-modal-box .trumbowyg-input-infos label, .trumbowyg-modal-box .trumbowyg-input-infos label span {
    display: block;
    height: 27px;
    line-height: 30px;
    -webkit-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
  }
  .trumbowyg-modal-box .trumbowyg-input-infos .trumbowyg-msg-error {
    color: #e74c3c;
  }

  .trumbowyg-modal-box .trumbowyg-input-html {
    display: inline-block;
    width: calc(100% - 81px );
    height: 27px;
    overflow: hidden;
    padding-top: 1px;
  }
  .trumbowyg-modal-box .trumbowyg-input-html, .trumbowyg-modal-box .trumbowyg-input-html input, .trumbowyg-modal-box .trumbowyg-input-html textarea, .trumbowyg-modal-box .trumbowyg-input-html select {
    font-size: 14px;
  }
  .trumbowyg-modal-box .trumbowyg-input-html input, .trumbowyg-modal-box .trumbowyg-input-html textarea, .trumbowyg-modal-box .trumbowyg-input-html select {
    -webkit-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
    height: 27px;
    line-height: 27px;
    border: 0;
    width: calc(100% - 2px);
    padding: 0 7px;
  }
  .trumbowyg-modal-box .trumbowyg-input-html input:hover, .trumbowyg-modal-box .trumbowyg-input-html input:focus, .trumbowyg-modal-box .trumbowyg-input-html textarea:hover, .trumbowyg-modal-box .trumbowyg-input-html textarea:focus, .trumbowyg-modal-box .trumbowyg-input-html select:hover, .trumbowyg-modal-box .trumbowyg-input-html select:focus {
    outline: 1px solid #95a5a6;
  }
  .trumbowyg-modal-box .trumbowyg-input-html input:focus, .trumbowyg-modal-box .trumbowyg-input-html textarea:focus, .trumbowyg-modal-box .trumbowyg-input-html select:focus {
    background: #fbfcfc;
  }
  .trumbowyg-modal-box .trumbowyg-input-html input[type=checkbox] {
    width: 16px;
    height: 16px;
    padding: 0;
  }
  .trumbowyg-modal-box .trumbowyg-input-html-with-checkbox {
    text-align: left;
    padding: 3px 1px 1px 3px;
  }
  .trumbowyg-modal-box .trumbowyg-input-error input, .trumbowyg-modal-box .trumbowyg-input-error select, .trumbowyg-modal-box .trumbowyg-input-error textarea {
    outline: 1px solid #e74c3c;
  }
  .trumbowyg-modal-box .trumbowyg-input-error .trumbowyg-input-infos label span:first-child {
    margin-top: -27px;
  }
  .trumbowyg-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red;
  }
  .trumbowyg-modal-box .trumbowyg-modal-button {
    position: absolute;
    bottom: 16px;
    right: 8px;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 54px;
    height: 27px;
    line-height: 27px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: 0.75rem;
    -webkit-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
    border-radius: 3px;
    text-align: center;
  }
  .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    right:75px;
    background: #2bc06a;
  }
  .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
    background: #40d47e;
    outline: none;
  }
  .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
    background: #25a25a;
  }
  .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    color: #555;
    background: #e6e6e6;
    border-radius: 3px;
  }
  .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
    background: #fbfbfb;
    outline: none;
  }
  .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
    background: #d5d5d5;
  }
  /* 顔色面板*/
  .trumbowyg-dropdown--color-list{
    display: grid;
    z-index: 11;
    grid-template-columns: repeat(12,0.78vw);
    grid-gap: 0.26vw;
    grid-template-rows: repeat(3,0.78vw);
    box-shadow: 0px 0px 0.3vw 0px rgba(0,0,0,.2);
    padding: 0.26vw;
    overflow-y: hidden;
    padding-bottom: 2.3vw;
  }
  .trumbowyg-dropdown--color-list button{
    display: inline-block;
    width:0.78vw;
    height: 0.78vw;
    font-size: 0;
    padding: 0;
    line-height: 0;
  }
  .trumbowyg-dropdown--color-list button:hover, .trumbowyg-dropdown--color-list button:focus {
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.8);
  }
  .trumbowyg-dropdown--color-list button:active {
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.8);
  }
  .trumbowyg-dropdown--color-list button.trumbowyg-backColorRemove-dropdown-button , .trumbowyg-dropdown--color-list button.trumbowyg-foreColorRemove-dropdown-button {
    position: absolute;
    left:0.26vw;
    bottom: 0.26vw;
    width:calc(100% - 0.52vw)!important;
    height: 1.7vw;
    font-size: 0.75vw;
    text-align: center;
  }
  .trumbowyg-dropdown--color-list button.trumbowyg-backColorRemove-dropdown-button:hover, .trumbowyg-dropdown--color-list button.trumbowyg-backColorRemove-dropdown-buttonn:focus {
    border: 1px solid #ddd;
    box-shadow: 0px 0px 0px;
    background-color: #eee;
  }
  .trumbowyg-dropdown--color-list button.trumbowyg-foreColorRemove-dropdown-button:hover, .trumbowyg-dropdown--color-list button.trumbowyg-foreColorRemove-dropdown-button:focus {
    border: none;
    box-shadow: 0px 0px 0px;
    background-color: #eee;
  }
  /* 表情面板*/
.trumbowyg-dropdown-emoji{
    max-width:17.7vw;
    display: grid;
    z-index: 11;
    grid-template-columns: repeat(5,3.0vw);
    grid-gap: 0.26vw;
    grid-template-rows: repeat(3,3.0vw);
    box-shadow: 0px 0px 0.3vw 0px rgba(0,0,0,.2);
    padding: 1.0vw;
    overflow-y: hidden;
    box-sizing: border-box;
  }
  
  .trumbowyg-dropdown-emoji button{
    width:3.0vw;
    height: 3.0vw;
    font-size: 0!important;
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
  }
  .trumbowyg-dropdown-emoji button > img{
   width:100%;
  }



.trumbowyg-box, .trumbowyg-editor-box {
    position: relative;
    width: 100%;
}

  
/*定义滚动条轨道 内阴影+圆角*/
.trumbowyg-editor-box::-webkit-scrollbar-track
{
    box-shadow:0px 0px 3px #fff;
    border-radius: 4px;
    background-color: #ccc;
}
  
/*定义滑块 内阴影+圆角*/
.trumbowyg-editor-box::-webkit-scrollbar-thumb
{
    border-radius: 4px!important;
    box-shadow:0px 0px 3px #eee;
    background-color: #333;
    transition: 0.3s ease-in-out;
}


.trumbowyg-box .trumbowyg-editor {
    margin: 0 auto;
    overflow: hidden;
    outline: none;
    padding: 1vw;
    font-size: 0.8vw;
}

  
  .trumbowyg-modal-box .trumbowyg-input-html input{
    height:26px!important;
    cursor: pointer;
    padding-left: 6px;
    box-sizing: border-box;
  }
  .trumbowyg-input-html .upload_button{
    position: absolute;
    top:0;
    left:80px;
    z-index: 10;
    width:73px;
    height: 27px;
    background-color: #06bef7;
    text-align: center;
    color: #fff;
    line-height: 29px;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .trumbowyg-input-html input.upload_file{
    padding-left: 1px!important;

}
  #trumbowyg-demo p{
    margin: 0;
    padding: 0;
  }
  /**
   * Fullscreen
   */
  body.trumbowyg-body-fullscreen {
    overflow: hidden;
  }
  
  .trumbowyg-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 99999;
  }
  .trumbowyg-fullscreen.trumbowyg-box,
  .trumbowyg-fullscreen .trumbowyg-editor-box {
    border: none;
  }
  .trumbowyg-fullscreen .trumbowyg-editor-box,
  .trumbowyg-fullscreen .trumbowyg-textarea {
    height: auto !important;
    overflow: auto;
  }
  .trumbowyg-fullscreen .trumbowyg-overlay {
    height: 100% !important;
  }
  .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
    color: #222;
    fill: transparent;
  }
  
  .trumbowyg-editor {
    /*
     * For resetCss option
     */
  }
  .trumbowyg-editor object,
  .trumbowyg-editor embed,
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    max-width: 100%;
  }
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    height: auto;
  }
  .trumbowyg-editor img {
    cursor: move;
  }
  .trumbowyg-editor canvas:focus {
    outline: none;
  }
.button_bottom{
    width:100%;
    height: 3vw;
}
.button_bottom .trumbowyg-modal-button {
    position: absolute;
    bottom: 0.95vw;
    right: 12px;
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 0.25vw 2.0vw;
    line-height: 1.5vw;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-size: 0.75vw;
    -webkit-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
    border-radius: 3px;
    text-align: center;
}
.button_bottom .push-submit {
    right: 8.5vw;
    background: #2bc06a;
}
.button_bottom .saveas {
    color: #555;
    background: #e6e6e6;
}

/*日曆女郎*/
.pc-banner {
	  background: url(../images/top_main_bg08.jpg) center no-repeat;
    background-size: cover;
	  width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: .4vw;
    box-sizing: content-box;
}
.swiper-container {
	width: 100%;
	margin: 1.8vw 0;
}
/*修改頭像*/

.displaynone{
  display: none;
}
.clipbg{
  position: fixed;
  /*background: #fff url(../images/index_login_bg.jpg) top center no-repeat;*/
  background-color: #fff;
  background-size:contain;
  border-radius: .3vw;
  z-index: 999;
  width: 700px;
  height: 460px;
  margin: auto;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  display: none;
}
.prompt_info{
  display: inline-block;
  width:100%;
  height: 2rem;
  position: absolute;
  padding: 1rem;
  font-size: 0.9rem;
  top: 10%;
  left:0;
  color: #000;
  z-index: 9;
  text-align: center;
  box-sizing: border-box;
}
.user_logo_close{
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 10;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-family: "FONT_AWESOME6_PRO_THIN";
  font-size: 24px;
  font-weight: bolder;
  text-align: center;
  line-height: 30px;
}
.user_logo_close:hover{
  border-radius: 30px;
  background-color: #eee;
}
.loading{
  position: absolute;
  top: 40%;
  width: 38%;
  left: 31%;
  height: 1.6rem;
  line-height: 1.6rem;
  z-index: 99999;
  text-align: center;
  color: #fff;
  border-radius:0.2rem ;
  background: #9f9f9f;
}
.clipbg #clipArea{
  width: 100%;
  height: calc(100% - 6.75rem);
  margin: auto;

}
.clipbg .footer{
  width:100%;
  height: auto;
  text-align: center;
}
.clipbg dl, .clipbg dd{
  margin: 0;
  padding: 0;
}
.clipbg dl{
  background: #fff;
  overflow: hidden;
}
.clipbg dd{
  position: relative;
  height: 2.25rem;
  line-height: 2.25rem;
  border-bottom:1px solid #f4f4f4 ;
  cursor: pointer;
}
.clipbg dd.browse_btn{
  background-image: linear-gradient(to right, rgba(220,190,230,0) 0%, rgba(220,190,230,1.0) 50%, rgba(220,190,230,0) 100%);
  color: #000;
  border: none;
  cursor: pointer!important;
}
.clipbg dd input{
  cursor: pointer!important;
}
.clipbg .back{
  height: 2.25rem;
  line-height:2.25rem;
  background: #ffffff;
}
.clipbg dd input{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11;
  filter:alpha(opacity=0);  
  -moz-opacity:0;  
  -khtml-opacity: 0;  
  opacity: 0; 
}
.photo-clip-layer{
  cursor: move;
}


@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0 15px;
	}
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	background: #fff;
	padding:10px;
	display: block;
	border-radius: 14px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		background: url(../images/top_slick_cover_bg01.png) 0 0 repeat;
		border-radius: 20px;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}

.swiper-slide img {
	width: 100%;
	border-radius: 14px;
	display: block;
}

@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 7px;
	}
}

.swiper-pagination {
	position: relative!important;
	margin-bottom: 1.8vw;
}

.swiper-pagination-bullet {
	background: #af66d7!important;
	margin-left: 4px;
	margin-right: 4px;
	width: 0.8vw!important;
	height: 0.8vw!important;
	opacity: 1;
	margin-bottom: 3px;
}

.swiper-pagination-bullet-active {
	width: 0.8vw!important;
	height: 0.8vw!important;
	background: #FFF!important;
	border: 3px solid #491e45!important;
	margin-bottom: 0;
}

@media screen and (max-width: 668px) {
	
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 2px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 60%;
	margin: 0 auto;
	bottom: 0;
	position: relative;
}


.swiper-button-prev {
	width: 2.5vw!important;
	height: 2.5vw!important;
	border-radius: 50%;
	background: #af66d7 center no-repeat;
    background-size: 25%!important;
}

.swiper-button-next {
	width: 2.5vw!important;
	height: 2.5vw!important;
	border-radius: 50%;
	background: #af66d7 center no-repeat;
    background-size: 25%!important;
}
.swiper-button-prev:hover {
	background-color: #491e45;
}
.swiper-button-next:hover {
	background-color: #491e45;
}
.uc_pagination{
  width:100%;
  height: 90px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.8vw;
  background-color: #f4f4f4;
}
.uc_pagination span{
  display: block;
  color: #999;
  background-color: #ddd;
  width:2.5vw;
  height: 2.5vw;
  border-radius: 6px;
  font-size: 20px;
  line-height: 2.7vw;
  text-align: center;
  cursor: pointer;
  font-family: "AVANTI";
}
.uc_pagination span:hover{
  background-color: #e59dcf;
  color: #fff;
}
.uc_pagination span.select{
  background-color: #e59dcf;
  color: #fff;
}
.uc_pagination span.ts_arrow{
  font-family: "FONT_AWESOME6_PRO_THIN";
  font-weight: 800;
  font-size: 18px;
}
.uc_pagination a{
  display: block;
  width:100%;
  height: 100%;
  color: #999;
}
.uc_pagination a:hover{
  display: block;
  width:100%;
  height: 100%;
  color: #fff;
}
@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}


/*样式2*/
    
@media (min-width:768px) and (max-width: 1024px){
}