body, html {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
  }
  /* span {
    display: inline-block;
  } */
  /* a {
    text-decoration: none;
    color:inherit;
  } */
  /* a:visited{ */
    /*color:#0588FF;*/
    /* color:inherit; */
  /* } */
  
  .a_with_link_color a{
    color: #0588FF;
  }
  
  
  .abs { position:absolute
  }
  .rel  {
    position:relative
  }
  .sticky  {
    position:sticky;
  }
  .fix {
    position:fixed;
  }
  .row {
    flex-direction:row;
    display:flex;
  }
  .col {
    display:flex;
    flex-direction:column;
  }
  .jcc { justify-content:center; }
  .jcs { justify-content:flex-start; }
  .jce { justify-content:flex-end; }
  .jcsa { justify-content:space-around; }
  .jcsb { justify-content:space-between; }
  .shrink0 {
    flex-shrink : 0;
  }
  .grow0 {
    flex-grow : 0;
  }
  .basic0p {
    flex-basic : 0%;
  }
  
  .ais { align-items:flex-start; }
  .aie { align-items:flex-end; }
  .aic { align-items:center; }
  .aistretch { align-items:stretch; }
  
  .ass { align-self:flex-start; }
  .ase { align-self:flex-end; }
  .asc { align-self:center; }
  .asstretch { align-self:stretch; }
  
  .tal {text-align:left}
  .tac {text-align:center}
  .tar {text-align:right}
  
  .flex1 {flex:1}
  .flex2 {flex:2}
  .flex3 {flex:3}
  .flex4 {flex:4}
  .flex5 {flex:5}
  .flex6 {flex:6}
  .flex7 {flex:7}
  .flex8 {flex:8}
  .flex9 {flex:9}
  .flex10 {flex:10}
  .flex11 {flex:11}
  .flex12 {flex:12}
  .flex13 {flex:13}
  .flex14 {flex:14}
  .flex15 {flex:15}
  .flex16 {flex:16}
  .flex17 {flex:17}
  .flex18 {flex:18}
  .flex19 {flex:19}
  .flex20 {flex:20}
  .flex21 {flex:21}
  .flex22 {flex:22}
  .flex23 {flex:23}
  .flex24 {flex:24}
  
  
  /*背颢色*/
  .bg0{/*白色*/
    background-color:white;
  }
  .bgf0{/*白色*/ background-color:#f0f0f0; }
  .bgfd{/*白色*/ background-color:#fdfdfd; }
  .bgfa{/*白色*/ background-color:#fafafa; }
  .bgf8{/*白色*/ background-color:#f8f8f8; }
  
  .hover_bg_f3:hover{
    background-color: #f3f3f3;
  }
  .hover_bg_d3:hover{
    background-color: #d3d3d3;
  }
  .hover_bg_00_05:hover{
    background-color: rgba(0, 0, 0, 0.5);
  }
  .hover_fill_999:hover{
    fill: #999;
  }
  .hover_fill_f3:hover{
    fill: #f3f3f3;
  }
  .trans{
    transition: all 0.3s;
  }
  
  .bg1{/*灰色*/
    background-color:#f1f1f1;
  }
  .bg2{/*黄色*/
    background-color:#FFF2C8;
  }
  .bg3{/*红色*/
    background-color:white;
  }
  .bg_root{
    background-color: #f0f2f5;
  }
  /*按钮色*/
  .bg4 { background-color: red; }
  .bgblack{ background-color:black; }
  .bgwhite{ background-color:white; }
  .bgred{ background-color:red; }
  .bgbaby  { background-color:#fdf7fa; }
  .bgoverlay  { background-color :rgba(0, 0, 0, 0.3); }
  .bgbtnlight  { background-color:#efefef; }
  .bglogo  { background-color:rgba(255,255,255,1); }
  /*正文色*/
  .c_2 {/* 更浅色  placeholder*/
    color: #b3b3b3
  }
  .c_1 {/* 浅色 描述*/
    color: #A3A3A3
  }
  .c0 {/*普通色  正文*/
    color: #343434
  }
  .c1 {/*副标题*/
    color: #222
  }
  .c2 {/*标题*/
    color: #4a4a4a
  }
  /*高亮色*/
  .chl1 {
    color: #FB4370;
  }
  .chl2  {
    color:orange;
  }
  .chl3  {
    color:red;
  }
  /*链接色*/
  .clink  {
      /*color:#00BFFF !important;*/
    color: #1890ff !important;
  }
  /*时间色*/
  .ctime  {
    color:#00BFFF;
  }
  /*状态色*/
  .csucc  {
    color : green;
  }
  .cwarn  {
    color: #cd3200
  }
  .cdan  {
    color:red;
  }
  .cfail  {
    color: #CBCBCB
  }
  .cidle  {
    color: #53BEAC
  }
  .cdisable  {/*无效*/
    color:#a1a1a1;
  }
  .cgold {
    color: #f5ca3a;
  }
  /*常用色*/
  .cred {
    color: #DE4035
  }
  .cwhite {
    color: white
  }
  .cblack  {
    color:black;
  }
  .c51{ color:rgb(51,51,51); }
  .c515151 {
    color: #515151;
  
  }
  /*
  //类型分色
  //高亮色;
  //正文色，
  //时间色
  //连接色
  //状态色，succ， fail;， idle; disabled
  */
  
  .fs_3{/*小描述*/
    font-size: 10px
  }
  .fs_2{/*小描述*/
    font-size: 12px
  }
  .fs_1{/*小描述*/
    font-size: 13px
  }
  html, body {
  }
  .fs0 {/*普通正文大小*/
    font-size: 14px
  }
  .fs1 {/*副标题*/
    font-size: 17px
  }
  .fs2 {/* 标题*/
    font-size: 18px !important;
  }
  .fs3 {/* 大标题*/
    font-size: 28px
  }
  
  .bold {
    font-weight: bold
  }
  
  .m0  { margin: 0px  !important}
  .m1  { margin:1px }
  .m2  { margin:2px }
  .m3  { margin:3px }
  .m4  { margin:4px }
  .m5  { margin:5px }
  .m6  { margin:6px }
  
  .mv0  { margin-bottom: 0px !important; margin-top: 0px  !important}
  .mv1  { margin-bottom:1px; margin-top:1px }
  .mv2  { margin-bottom:2px; margin-top:2px }
  .mv3  { margin-bottom:3px; margin-top:3px }
  .mv4  { margin-bottom:4px; margin-top:4px }
  .mv5  { margin-bottom:5px; margin-top:5px }
  .mv6  { margin-bottom:6px; margin-top:6px }
  
  .mh0  { margin-left:0px !important; margin-right: 0px  !important}
  .mh1  { margin-left:1px; margin-right: 1px }
  .mh2  { margin-left:2px; margin-right:2px }
  .mh3  { margin-left:3px; margin-right:3px }
  .mh4  { margin-left:4px; margin-right:4px }
  .mh5  { margin-left:5px; margin-right:5px }
  .mh6  { margin-left:6px; margin-right:6px }
  .mh7  { margin-left:7px; margin-right:7px }
  
  .mt0  { margin-top: 0px !important}
  .mt1  { margin-top: 1px }
  .mt2  { margin-top:2px }
  .mt3  { margin-top:3px }
  .mt4  { margin-top:4px }
  .mt5  { margin-top:5px }
  .mt6  { margin-top:6px }
  .mt7  { margin-top:7px }
  .mt8  { margin-top:8px }
  .mt9  { margin-top:9px }
  .mt10 { margin-top:10px }
  .mt11 { margin-top:11px }
  .mt12 { margin-top:12px }
  .mr0  { margin-right: 0px !important}
  .mr1  { margin-right: 1px }
  .mr2  { margin-right:2px }
  .mr3  { margin-right:3px }
  .mr4  { margin-right:4px }
  .mr5  { margin-right:5px }
  .mr6  { margin-right:6px }
  .mr7  { margin-right:7px }
  .mb0  { margin-bottom: 0px !important}
  .mb1  { margin-bottom: 1px }
  .mb2  { margin-bottom:2px }
  .mb3  { margin-bottom:3px }
  .mb4  { margin-bottom:4px }
  .mb5  { margin-bottom:5px }
  .mb6  { margin-bottom:6px }
  .mb7  { margin-bottom:7px }
  .ml0  { margin-left: 0px !important}
  .ml1  { margin-left: 1px }
  .ml2  { margin-left:2px }
  .ml3  { margin-left:3px }
  .ml4  { margin-left:4px }
  .ml5  { margin-left:5px }
  .ml6  { margin-left:6px }
  .ml7  { margin-left:7px }
  
  .p0  { padding: 0px !important;}
  .p1  { padding:1px }
  .p2  { padding:2px }
  .p3  { padding:3px }
  .p4  { padding:4px }
  .p5  { padding:5px }
  .p6  { padding:6px }
  .p40  { padding:40px }
  .pv0  { padding-bottom:0px !important; padding-top: 0px !important}
  .pv1  { padding-bottom:1px; padding-top:1px }
  .pv2  { padding-bottom:2px; padding-top:2px }
  .pv3  { padding-bottom:3px; padding-top:3px }
  .pv4  { padding-bottom:4px; padding-top:4px }
  .pv5  { padding-bottom:5px; padding-top:5px }
  .pv6  { padding-bottom:6px; padding-top:6px }
  
  .ph0  { padding-left: 0px !important; padding-right: 0px !important}
  .ph1  { padding-left: 1px; padding-right:1px }
  .ph2  { padding-left:2px; padding-right:2px }
  .ph3  { padding-left:3px; padding-right:3px }
  .ph4  { padding-left:4px; padding-right:4px }
  .ph5  { padding-left:5px; padding-right:5px }
  .ph6  { padding-left:6px; padding-right:6px }
  
  .pt0  { padding-top: 0px !important}
  .pt1  { padding-top: 1px }
  .pt2  { padding-top:2px }
  .pt3  { padding-top:3px }
  .pt4  { padding-top:4px }
  .pt5  { padding-top:5px }
  .pt6  { padding-top:6px }
  .pr0  { padding-right: 0px !important}
  .pr1  { padding-right: 1px }
  .pr2  { padding-right:2px }
  .pr3  { padding-right:3px }
  .pr4  { padding-right:4px }
  .pr5  { padding-right:5px }
  .pr6  { padding-right:6px }
  .pb0  { padding-bottom: 0px !important}
  .pb1  { padding-bottom: 1px }
  .pb2  { padding-bottom:2px }
  .pb3  { padding-bottom:3px }
  .pb4  { padding-bottom:4px }
  .pb5  { padding-bottom:5px }
  .pb6  { padding-bottom:6px }
  .pl0  { padding-left: 0px !important}
  .pl1  { padding-left: 1px }
  .pl2  { padding-left:2px }
  .pl3  { padding-left:3px }
  .pl4  { padding-left:4px }
  .pl5  { padding-left:5px }
  .pl6  { padding-left:6px }
  
  .hline {
    height: 1px;
    background-color: #f3f3f3
  }
  .hline2 {
    height: 2px;
    background-color: #f3f3f3
  }
  .hline3 {
    height: 1px;
    background-color: #a0a0a0
  }
  .vline  {
    width:1px;
    background-color: #f3f3f3
  }
  
  
  .size5 {
    width: 5px;
    height:5px
  }
  .size10 {
    width: 10px;
    height: 10px
  }
  .size15 {
    width: 15px;
    height: 15px
  }
  .size18  {
    width: 18px;
    height: 18px
  }
  .size20  {
    width: 20px;
    height: 20px
  }
  .size30  {
    width: 30px;
    height: 30px
  }
  .size35  {
    width: 35px;
    height: 35px
  }
  .size40  {
    width: 40px;
    height: 40px
  }
  .size50  {
    width: 50px;
    height: 50px
  }
  .size60  {
    width: 60px;
    height: 60px
  }
  .size70  {
    width: 70px;
    height: 70px
  }
  .size80  {
    width: 80px;
    height: 80px
  }
  .size120{
    width: 120px;
    height: 120px
  }
  
  .minw400  {min-width:400px;}
  .minw1200  {min-width:1200px;}
  .minw100p  {min-width:100%}
  .minh100p  {min-height:100%}
  .minh100  {min-height:100px}
  .minh200  {min-height:200px}
  .maxw100p  {max-width:100%}
  .maxh100p  {max-height:100%}
  .borderbox  {box-sizing:border-box}
  .fitcover {object-fit: cover}
  .fitcontain {object-fit: contain}
  .fitfill {object-fit: fill}
  
  .hide  {
    display: none
  }
  .show {
    display: flex
  }
  .flex  {
    display: flex
  }
  .block  { display:block; }
  .inline_block  { display:inline-block; }
  
  .radius1 {
    border-radius: 5px
  }
  .radius2 {
    border-radius: 10px
  }
  .radius5 {
    border-radius: 5px
  }
  .radius10 {
    border-radius: 10px
  }
  .radius15 {
    border-radius: 15px;
  }
  .radius20 {
    border-radius: 20px
  }
  
  .radius25 {
    border-radius: 25px
  }
  .radius30 { border-radius: 30px }
  .radius40 { border-radius: 40px }
  .radius50 { border-radius: 50px }
  .radius80  { border-radius: 80px }
  .hideover {
    overflow:hidden;
  }
  .ellipsis {text-overflow:ellipsis}
  .wsnowrap  {white-space:nowrap}
  .wsnormal  {white-space:normal}
  
  .ofyauto  {
    overflow-y:auto;
  }
  
  .w1em  {width:1em !important;}
  .w2em  {width:2em !important;}
  .w3em  {width:3em !important;}
  .w4em  {width:4em !important;}
  .w5em  {width:5em !important;}
  .w6em  {width:6em !important;}
  .w7em  {width:7em !important;}
  .w8em  {width:8em !important;}
  
  .mw100  { max-width:100%; }
  .mh100  { max-height:100%; }
  .w12_5p  {width:12.5%}
  .h12_5p  {height:12.5%}
  .w25p  {width:25%}
  .h25p  {height:25%}
  .w33p  {width:33.333333%}
  .h33p  {height:33.333333%}
  .w50p  {width:50%}
  .h50p  {height:50%}
  .w60p  { width:60%; }
  .h60p  { height:60%; }
  .w70p  { width:70%; }
  .h70p  { height:70%; }
  .w80p  { width:80%; }
  .h80p  { height:80%; }
  .w90p  { width:90%; }
  .h90p  { height:90%; }
  .w100p  { width:100%; }
  .h100p  { height:100%; }
  .w100vw  { width:100vw; }
  .h100vh  { height:100vh; }
  
  .deco_no  {
    text-decoration:none;
  }
  .shadow1{
    box-shadow: 0px 0px 5px rgba(144,144,144, 0.4);
  }
  .btn_primary {
    border-radius: 0.3rem;
    background: rgba(53,130,220,1);
    color: white;
    text-align: center;
    padding: 0.7rem;
  }
  .btn_disable{
    border-radius: 0.3rem;
    background: rgba(144,144,144,1);
    color: white;
    text-align: center;
    padding: 0.7rem;
  }
  /* .logo{
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
  } */
  .logo_mini{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
  }
  
  .left0  {left:0px}
  .left10  {left:10px}
  .left20  {left:20px}
  .left30  {left:30px}
  .right0  {right:0px}
  .top0  {top:0px}
  .bottom0  {bottom:0px}
  
  .zdialog  {z-index:90000}
  .ztopest  {z-index:100000}
  .bordernone{ border:none; }
  
  .anchor50p  {
    transform:translate(-50%,-50%);
  }
  .pointer {cursor: pointer;}
  
  .border0{
      border:1px solid #e8e8e8;
  }
  
  /* table th, table td{
      white-space:nowrap;
  } */
  .ant-table-body {
      overflow:auto;
  }
  .table1 {
      overflow:hidden;
  }
  .table1 tr:nth-child(odd){
      background:rgba(65, 222, 255, 0.05);
  }
  .table1 th{
      border:1px solid #e9e9e9;
      padding:3px 10px;
  }
  .table1 td{
      border:1px solid #e9e9e9;
      padding:3px 10px;
  }
  
  .square::before{content: "";padding-top: 100%;display: block;}
  
  .break_all,.break-all {
    word-break: break-all;
  }
  .wrap-text {
    word-break: break-all;
    white-space:normal;
  }
  
  .ant-table-content{
    overflow: auto;
  }
  .ant-modal{
      max-width: calc(80vw) !important;
  
  }
  .ant-modal .ant-descriptions-extra{
    margin-right:2em;
  }
  /*detail page下的表格样式*/
  .detail_page  .ant-page-header-heading-title{
    font-size: 16px;
    font-weight: bold;
  }
  .detail_page .ant-page-header{
      padding:16px 0px 0px 0px;
  }
  
  .detail_page  .ant-pro-page-container-children-content{
    margin:0;
  }
  .detail_page .ant-pro-table .ant-card-body{
    margin:0;
    padding:0;
  }
  .detail_page .ant-pro-table-list-toolbar-container{
    margin:0;
    padding-top:0;
  }
  
  .ant-menu.ant-menu-sub.ant-menu-vertical{
    max-height:none !important;/*矫正*/
  }
  .ant-switch-checked .ant-switch-handle {
    left: calc(100% - 18px - 2px) !important;
  }
  
  .precolor_head {
    position: relative;
    font-weight: bold;
    padding:20px 1em;
    font-size: 16px;
  }
  .precolor_head::before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    margin-right: 5px;
    content: "";
    display: inline-block;
    height: 30%;
      /*width: 3px;*/
    width: 0.4em;
    background-color: #155bd4;
  }
  
  .w100{width:100px}
  .h100{height:100px}
  .lh1_5em { line-height: 1.5em; }
  .lh2em { line-height: 2em; }
  .lh3em { line-height: 3em; }
  
  .translate_x100p{
    transform: translate3d(100%, 0, 0);
  }
  
  
  
  .abs { position:absolute
  }
  .abs0{
    left:0;
    right: 0;
    top:0;
    bottom: 0;
  }
  .rel  {
    position:relative
  }
  .row {
    flex-direction:row;
    display:flex;
  }
  .row_aic{
    flex-direction:row;
    display:flex;
    align-items: center;
  }
  .col {
    display:flex;
    flex-direction:column;
  }
  .jcc { justify-content:center; }
  .jcs { justify-content:flex-start; }
  .jce { justify-content:flex-end; }
  .jcsa { justify-content:space-around; }
  .jcsb { justify-content:space-between; }
  .shrink0 {
    flex-shrink : 0;
  }
  .grow0 {
    flex-grow : 0;
  }
  
  .ais { align-items:flex-start; }
  .aie { align-items:flex-end; }
  .aic { align-items:center; }
  .aistretch { align-items:stretch; }
  
  .ass { align-self:flex-start; }
  .ase { align-self:flex-end; }
  .asc { align-self:center; }
  .asstretch { align-self:stretch; }
  
  .tal {text-align:left}
  .tac {text-align:center}
  .tar {text-align:right}
  
  .flex1 {flex:1}
  .flex2 {flex:2}
  .flex3 {flex:3}
  .flex4 {flex:4}
  .flex5 {flex:5}
  .flex6 {flex:6}
  .flex7 {flex:7}
  .flex8 {flex:8}
  
  .flexwrap  {flex-wrap :wrap}
  
  /*背颢色*/
  .bg0{/*白色*/
    background-color:white;
  }
  .bgC9945F{
    background-color: #C9945F;
  }
  .bg_red{
    background-color: red;
  }
  .bg1{/*灰色*/
    background-color:#f1f1f1;
  }
  .bg2{/*黄色*/
    background-color:#FFF2C8;
  }
  .bg3{/*红色*/
    background-color:white;
  }
  .bg_root{
    background-color: #f0f2f5;
  }
  
  /*按钮色*/
  .bg_primary{
    background-color: #597F18;
  }
  .bg4 { background-color: red; }
  .bgblack{ background-color:black; }
  .bgwhite{ background-color:white; }
  .bgred{ background-color:red; }
  .bgbaby  { background-color:#fdf7fa; }
  .bgoverlay  { background-color :rgba(0, 0, 0, 0.3); }
  .bgbtnlight  { background-color:#efefef; }
  .bglogo  { background-color:rgba(255,255,255,1); }
  /*正文色*/
  .c_2 {/* 更浅色  placeholder*/
    color: #b3b3b3
  }
  .c_1 {/* 浅色 描述*/
    color: #A3A3A3
  }
  .c0 {/*普通色  正文*/
    color: #000000;
  }
  .c1 {/*副标题*/
    color: #222
  }
  .c2 {/*标题*/
    color: #4a4a4a
  }
  /*高亮色*/
  .chl1 {
    color: #FB4370;
  }
  .chl2  {
    color:orange;
  }
  .chl3  {
    color:red;
  }
  /*链接色*/
  .clink  {
    color:#00BFFF;
  }
  /*时间色*/
  .ctime  {
    color:#00BFFF;
  }
  /*状态色*/
  .csucc  {
    color : green;
  }
  .cwarn  {
    color: #cd3200
  }
  .cdan  {
    color:red;
  }
  .cfail  {
    color: #CBCBCB
  }
  .cidle  {
    color: #53BEAC
  }
  .cdisable  {/*无效*/
    color:#a1a1a1;
  }
  /*常用色*/
  .c595959{ color: #595959; }
  .c_primary{
    color:#0588FF !important;
  }
  .c999{ color: #999999; }
  .c999999{
    color: #999999;
  }
  .c969696{
    color: #969696;
  }
  .c676767{
    color: #676767;
  }
  .c656565{
    color: #656565;
  }
  .cccc {color:#ccc;}
  .c2B2B2B{
    color: #2B2B2B;
  }
  .cred {
    color: #FE382B;
  }
  .cwhite { color: white }
  .cblack  {
    color:black;
  }
  .c1E1E1E {
    color: #1E1E1E;
  }
  .c868686 {
    color: #868686;
  }
  .c8D8D8D {
    color: #8D8D8D;
  }
  .c000000 {
    color: #000000;
  }
  .c888888 {
    color: #888888;
  }
  .cACACAC{
    color: #ACACAC;
  }
  .cFE382B{
    color:#FE382B;
  }
  .c191919  {
    color: #191919;
  }
  .cA5A5A5  {
    color: #A5A5A5;
  }
  .c343434  {
    color: #343434;
  }
  .cFF5B5B  {
    color: #FF5B5B;
  }
  .cFF7979  {
    color: #FF7979;
  }
  .cF7FBFF{
    color: #F7FBFF;
  }
  
  .c_5a{
    color: #5A5A5A;
  }
  
  .c_ae{
    color: #AEAEAE;
  }
  
  .c_67{
    color: #676767;
  }
  
  .c_2c{
    color: #2c2c2c;
  }
  
  .c_4c{
    color: #4C4C4C;
  }
  
  .c_be{
    color: #BEBEBE;
  }
  
  .c_b8{
    color: #B8B8B8;
  }
  
  .c_333 { color: #333; }
  .c444  { color: #444; }
  .c555  { color: #555; }
  .c666  { color: #666; }
  .c777  { color: #777; }
  .c888  { color: #888; }
  .cfff  { color: #fff; }
  .c_8a  { color: #8A8A8A; }
  .c_f1  { color: #f1f1f1; }
  .c_f3  { color: #F3F3F3; }
  .c_f5  { color: #f5f5f5; }
  .c_4f  { color: #4F4F4F; }
  .c_51  { color: #515151; }
  .c_f9  { color: #f9f9f9; }
  .c_e8  { color: #E8E8E8; }
  .c_0588ff {color:#0588FF}
  .c_f2b {color: #FF2B2B}
  .ceee  { color: #eee; }
  .cddd  { color: #ddd; }
  .cccc  { color: #ccc; }
  
  .chl_orange{
    color:#FE9717;
  }
  .caaa{
    color: #aaa;
  }
  .cgrey{
    color: #969696;
  }
  .c757575{
    color: #757575;
  }
  .c777777{
    color: #777777;
  }
  .cF1481C{
    color: #F1481C;
  }
  .c597f18{ color:#597f18;}
  
  
  
  .bold { font-weight: bold }
  .fw_300 { font-weight: 300 }
  .fw_400 { font-weight: 400 }
  .fw_500 { font-weight: 500 }
  .fw_600 { font-weight: 600 }
  .fw_700 { font-weight: 700 }
  
  
  .hline_dashed {
    height: 1px;
  
  }
  .hline_primary_short{
    width: 49px;
  }
  .tab_bottom_line {
    width: 50px;
    height: 9px;
    background-color: #597F18;
  }
  .tab_bottom_line_idle {
    width: 50px;
    height: 9px;
  }
  .hline {
    height: 2px;
    background-color: #f3f3f3
  }
  .hline2 {
    height: 2px;
    background-color: #B7B7B7
  }
  .hline3 {
    height: 1px;
    background-color: #a0a0a0
  }
  .vline  {
    width:1px;
    background-color: #ededed
  }
  
  
  .minw100p  {min-width:100%}
  .minh100p  {min-height:100%}
  .maxw100p  {max-width:100%}
  .maxh100p  {max-height:100%}
  .max_height_250{
    max-height: 250px;
  }
  
  .hide  {
    display: none
  }
  .show {
    display: flex
  }
  .flex  {
    display: flex
  }
  
  .radius5 {
    border-radius: 5px ;
  }
  .radius10 {
    border-radius: 10px ;
  }
  .radius15 {
    border-radius: 15px ;
  }
  .radius20 {
    border-radius: 20px ;
  
  }
  .radius_top_20 {
    border-top-left-radius: 20px ;
    border-top-right-radius: 20px ;
  }
  .radius_top_30 {
    border-top-left-radius: 30px ;
    border-top-right-radius: 30px ;
  }
  .radius_top_40 {
    border-top-left-radius: 40px ;
    border-top-right-radius: 40px ;
  }
  .radius_top_50 {
    border-top-left-radius: 50px ;
    border-top-right-radius: 50px ;
  }
  
  .radius_l0 {border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
  .radius_r0 {border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
  
  
  .radius0 { border-radius: 0px ; }
  .radius30 { border-radius: 30px ; }
  .radius40 { border-radius: 40px ; }
  .radius50 { border-radius: 50px ; }
  .radius75 { border-radius: 75px ; }
  .radius50p { border-radius: 50% ; }
  .radius80  {
    border-radius: 80px
  }
  .radiusl0 { border-top-left-radius: 0px ;  border-bottom-left-radius: 0px;}
  .radiusl30 { border-top-left-radius: 30px ;  border-bottom-left-radius: 30px;}
  .radiusl40 { border-top-left-radius: 40px ;  border-bottom-left-radius: 40px;}
  .radiusl50 { border-top-left-radius: 50px ;  border-bottom-left-radius: 50px;}
  .radiusl75 { border-top-left-radius: 75px ;  border-bottom-left-radius: 75px;}
  .radiusl50p { border-top-left-radius: 50% ;  border-bottom-left-radius: 50%;}
  
  .radiusr0 { border-top-right-radius: 0px ;  border-bottom-right-radius: 0px;}
  .radiusr30 { border-top-right-radius: 30px ;  border-bottom-right-radius: 30px;}
  .radiusr40 { border-top-right-radius: 40px ;  border-bottom-right-radius: 40px;}
  .radiusr50 { border-top-right-radius: 50px ;  border-bottom-right-radius: 50px;}
  .radiusr75 { border-top-right-radius: 75px ;  border-bottom-right-radius: 75px;}
  .radiusr50p { border-top-right-radius: 50% ;  border-bottom-right-radius: 50%;}
  .hideover {
    overflow:hidden;
  }
  .ofhidden {
    overflow:hidden;
  }
  .overflow_scroll{
    overflow: scroll;
  }
  .overflow_auto{
    overflow:auto;
  }
  .overflow_hidden{
    overflow:hidden;
  }
  
  .w12_5p  {width:12.5%}
  .h12_5p  {height:12.5%}
  .w25p  {width:25%}
  .h25p  {height:25%}
  .w30p  {width:30%}
  .w31p  {width:31.333333%}
  .w32p  {width:32.333333%}
  .w33p  {width:33.333333%}
  .h33p  {height:33.333333%}
  .w50p  {width:50%}
  .h50p  {height:50%}
  .w60p  { width:60%; }
  .h60p  { height:60%; }
  .w70p  { width:70%; }
  .h70p  { height:70%; }
  .w75p  { width:75%; }
  .h75p  { height:75%; }
  .w80p  { width:80%; }
  .h80p  { height:80%; }
  .w90p  { width:90%; }
  .h90p  { height:90%; }
  .w100p  { width:100%; }
  .h100p  { height:100%; }
  
  .col-1 {width: 4.16%;}
  .col-2 {width: 8.33%;}
  .col-3 {width: 12.5%;}
  .col-4 {width: 16.66%;}
  .col-5 {width: 20.83%;}
  .col-6 {width: 25%;}
  .col-7 {width: 29.16%;}
  .col-8 {width: 33.33%;}
  .col-9 {width: 37.5%;}
  .col-10 {width: 41.66%;}
  .col-11 {width: 45.83%;}
  .col-12 {width: 50%;}
  .col-13 {width: 54.16%;}
  .col-14 {width: 58.33%;}
  .col-15 {width: 62.5%;}
  .col-16 {width: 66.66%;}
  .col-17 {width: 70.83%;}
  .col-18 {width: 75%;}
  .col-19 {width: 79.16%;}
  .col-20 {width: 83.33%;}
  .col-21 {width: 87.5%;}
  .col-22 {width: 91.66%;}
  .col-23 {width: 95.83%;}
  .col-24 {width: 100%;}
  
  
  
  .deco_no  {
    text-decoration:none;
  }
  .text_decoration_line_through{
    text-decoration: line-through;
  }
  .shadow1{ box-shadow: 0px 0px 5px rgba(144,144,144, 0.4); }
  .shadow5{ box-shadow: 0px 0px 5px rgba(144,144,144, 0.4); }
  .shadow10{ box-shadow: 0px 0px 10px rgba(144,144,144, 0.5); }
  .bbox{
    box-sizing: border-box;
  }
  .toellipsis{
    text-overflow:ellipsis;;
  }
  
  .btn_primary {
    background: #597F18;
    color: white;
    text-align: center;
    line-height: 80px;
    height: 80px;
    width: 260px;
  }
  .btn_primary_o {
    border: 1px solid #597F18;
    color: #597F18;
    text-align: center;
    line-height: 80px;
    height: 80px;
    width: 260px;
  }
  
  .left0  {left:0px}
  .left15  {left:15px}
  .left84  {left:84px}
  .left88  {left:88px}
  .left177  {left:177px}
  
  .left50p  {left:50%}
  
  .right0  {right:0px}
  .right40  {right:40px}
  .left250  {left:250px}
  .top0  {top:0px}
  .top1  {top:1px}
  .top2  {top:2px}
  .top3  {top:3px}
  .top4  {top:4px}
  .top5  {top:5px}
  .top9  {top:9px}
  .top10  {top:10px}
  .top15  {top:15px}
  .top20  {top:20px}
  .top26  {top:26px}
  .top40  {top:40px}
  .top60  {top:60px}
  .top80  {top:80px}
  .top100  {top:100px}
  .top41  {top:41px}
  .top58  {top:58px}
  .top62  {top:62px}
  .top432  {top:432px}
  .top_5  {top:-5px}
  .top_10  {top:-10px}
  .top_20  {top:-20px}
  .top_60  {top:-60px}
  .top_81  {top:-81px}
  .top_111  {top:-111px}
  .top180  {top:180px}
  .top189  {top:189px}
  .top224  {top:224px}
  
  .top100p  {top:100%;}
  .top110p  {top:110%;}
  .top120p  {top:120%;}
  
  .bottom_10  {bottom:-10px}
  .bottom_5  {bottom:-5px}
  .bottom0  {bottom:0px}
  .bottom10  {bottom:10px}
  .bottom20  {bottom:20px}
  .bottom30  {bottom:30px}
  .bottom40  {bottom:40px}
  .bottom50  {bottom:50px}
  .bottom51  {bottom:51px}
  .bottom60  {bottom:60px}
  .top50p{
    top: 50%;
  }
  
  .zdialog  {zIndex:900}
  .ztopest  {zIndex:10000}
  .bordernone{ border:none; }
  
  
  
  .square::before{content: "";padding-top: 100%;display: block;}
  
  
  
  
  /*//new*/
    .cgold {
      color: #FFE4C5;
    }
  .fs8{ font-size: 8px   !important; }
  .fs9{ font-size: 9px   !important; }
  .fs10{ font-size: 10px !important; }
  .fs12{ font-size: 12px !important; }
  .fs13{ font-size: 13px !important; }
  .fs14{ font-size: 14px !important; }
  .fs15{ font-size: 15px !important; }
  .fs16{ font-size: 16px !important; }
  .fs17{ font-size: 17px !important; }
  .fs18{ font-size: 18px !important; }
  .fs19{ font-size: 19px !important; }
  .fs20{ font-size: 20px !important; }
  .fs22{ font-size: 22px !important; }
  .fs23{ font-size: 23px !important; }
  .fs24{ font-size: 24px !important; }
  .fs25{ font-size: 25px !important; }
  .fs26{ font-size: 26px !important; }
  .fs27{ font-size: 27px !important; }
  .fs28{ font-size: 28px !important; }
  .fs29{ font-size: 29px !important; }
  .fs30{ font-size: 30px !important; }
  .fs32{ font-size: 32px !important; }
  .fs33{ font-size: 33px !important; }
  .fs35{ font-size: 35px !important; }
  .fs36{ font-size: 36px !important; }
  .fs40{ font-size: 40px !important; }
  .fs45{ font-size: 45px !important; }
  .fs50{ font-size: 50px !important; }
  .fs55{ font-size: 55px !important; }
  .fs60{ font-size: 60px !important; }
  .fs68{ font-size: 68px !important; }
  .fs70{ font-size: 70px !important; }
  .fs87{ font-size: 87px !important; }
  .fs132{ font-size: 132px; }
  
  .p10{ padding: 10px;}
  .p15{ padding: 15px;}
  .p20{ padding: 20px;}
  .p25{ padding: 25px;}
  .p30{ padding: 30px;}
  .p40{ padding: 40px;}
  .p50{ padding: 50px;}
  .p60{ padding: 60px;}
  .p70{ padding: 70px;}
  .p80{ padding: 80px;}
  
  .pv5{ padding-bottom: 5px;padding-top: 5px ;}
  .pv10{ padding-bottom: 10px;padding-top: 10px ;}
  .pv15{ padding-bottom: 15px;padding-top: 15px ;}
  .pv20{ padding-bottom: 20px;padding-top: 20px ;}
  .pv25{ padding-bottom: 25px;padding-top: 25px ;}
  .pv30{ padding-bottom: 30px;padding-top: 30px ;}
  .pv32{ padding-bottom: 32px;padding-top: 32px ;}
  .pv35{ padding-bottom: 35px;padding-top: 35px ;}
  .pv40{ padding-bottom: 40px;padding-top: 40px ;}
  .pv50{ padding-bottom: 50px;padding-top: 50px ;}
  .pv60{ padding-bottom: 60px;padding-top: 60px ;}
  .pv70{ padding-bottom: 70px;padding-top: 70px ;}
  .pv80{ padding-bottom: 80px;padding-top: 80px ;}
  
  .ph10{ padding-left: 10px;padding-right: 10px;}
  .ph15{ padding-left: 15px;padding-right: 15px;}
  .ph20{ padding-left: 20px;padding-right: 20px;}
  .ph23{ padding-left: 23px;padding-right: 23px;}
  .ph25{ padding-left: 25px;padding-right: 25px;}
  .ph30{ padding-left: 30px;padding-right: 30px;}
  .ph35{ padding-left: 35px;padding-right: 35px;}
  .ph36{ padding-left: 36px;padding-right: 36px;}
  .ph40{ padding-left: 40px;padding-right: 40px;}
  .ph50{ padding-left: 50px;padding-right: 50px;}
  .ph60{ padding-left: 60px;padding-right: 60px;}
  .ph70{ padding-left: 70px;padding-right: 70px;}
  .ph80{ padding-left: 80px;padding-right: 80px;}
  
  
  .pt5{ padding-top: 5px;}
  .pt10{ padding-top: 10px;}
  .pt15{ padding-top: 15px;}
  .pt17{ padding-top: 17px;}
  .pt20{ padding-top: 20px;}
  .pt25{ padding-top: 25px;}
  .pt30{ padding-top: 30px;}
  .pt38{ padding-top: 38px;}
  .pt40{ padding-top: 40px;}
  .pt50{ padding-top: 50px;}
  .pt60{ padding-top: 60px;}
  .pt70{ padding-top: 70px;}
  .pt80{ padding-top: 80px;}
  .pt120{ padding-top: 120px;}
  .pt130{ padding-top: 130px;}
  .pt400{ padding-top: 400px;}
  
  .pt1vh{ padding-top: 1vh;}
  .pt2vh{ padding-top: 2vh;}
  .pt3vh{ padding-top: 3vh;}
  .pt4vh{ padding-top: 4vh;}
  .pt5vh{ padding-top: 5vh;}
  .pt6vh{ padding-top: 6vh;}
  .pt7vh{ padding-top: 7vh;}
  .pt8vh{ padding-top: 8vh;}
  .pt9vh{ padding-top: 9vh;}
  .pt10vh{ padding-top: 10vh;}
  .pt15vh{ padding-top: 15vh;}
  .pt20vh{ padding-top: 20vh;}
  .pt25vh{ padding-top: 25vh;}
  .pt30vh{ padding-top: 30vh;}
  .pt32vh{ padding-top: 32vh;}
  .pt38vh{ padding-top: 38vh;}
  .pt40vh{ padding-top: 40vh;}
  .pt50vh{ padding-top: 50vh;}
  .pt54vh{ padding-top: 54vh;}
  .pt60vh{ padding-top: 60vh;}
  .pt70vh{ padding-top: 70vh;}
  .pt80vh{ padding-top: 80vh;}
  
  .pb10{ padding-bottom: 10px;}
  .pb15{ padding-bottom: 15px;}
  .pb20{ padding-bottom: 20px;}
  .pb25{ padding-bottom: 25px;}
  .pb30{ padding-bottom: 30px;}
  .pb32{ padding-bottom: 32px;}
  .pb38{ padding-bottom: 38px;}
  .pb40{ padding-bottom: 40px;}
  .pb50{ padding-bottom: 50px;}
  .pb54{ padding-bottom: 54px;}
  .pb60{ padding-bottom: 60px;}
  .pb70{ padding-bottom: 70px;}
  .pb80{ padding-bottom: 80px;}
  .pb120{ padding-bottom: 120px;}
  .pb130{ padding-bottom: 130px;}
  .pb140{ padding-bottom: 140px;}
  .pb170{ padding-bottom: 170px;}
  
  .pb1vh{ padding-bottom: 1vh;}
  .pb2vh{ padding-bottom: 2vh;}
  .pb3vh{ padding-bottom: 3vh;}
  .pb4vh{ padding-bottom: 4vh;}
  .pb5vh{ padding-bottom: 5vh;}
  .pb6vh{ padding-bottom: 6vh;}
  .pb7vh{ padding-bottom: 7vh;}
  .pb8vh{ padding-bottom: 8vh;}
  .pb9vh{ padding-bottom: 9vh;}
  .pb10vh{ padding-bottom: 10vh;}
  .pb15vh{ padding-bottom: 15vh;}
  .pb20vh{ padding-bottom: 20vh;}
  .pb25vh{ padding-bottom: 25vh;}
  .pb30vh{ padding-bottom: 30vh;}
  .pb32vh{ padding-bottom: 32vh;}
  .pb38vh{ padding-bottom: 38vh;}
  .pb40vh{ padding-bottom: 40vh;}
  .pb50vh{ padding-bottom: 50vh;}
  .pb54vh{ padding-bottom: 54vh;}
  .pb60vh{ padding-bottom: 60vh;}
  .pb70vh{ padding-bottom: 70vh;}
  .pb80vh{ padding-bottom: 80vh;}
  
  .pl10{ padding-left: 10px;}
  .pl15{ padding-left: 15px;}
  .pl20{ padding-left: 20px;}
  .pl25{ padding-left: 25px;}
  .pl30{ padding-left: 30px;}
  .pl34{ padding-left: 34px;}
  .pl35{ padding-left: 35px;}
  .pl40{ padding-left: 40px;}
  .pl50{ padding-left: 50px;}
  .pl60{ padding-left: 60px;}
  .pl70{ padding-left: 70px;}
  .pl80{ padding-left: 80px;}
  .pl120{ padding-left: 120px;}
  .pl130{ padding-left: 130px;}
  .pl140{ padding-left: 140px;}
  .pl300{ padding-left: 300px;}
  
  .pr10{ padding-right: 10px;}
  .pr20{ padding-right: 20px;}
  .pr25{ padding-right: 25px;}
  .pr30{ padding-right: 30px;}
  .pr40{ padding-right: 40px;}
  .pr50{ padding-right: 50px;}
  .pr60{ padding-right: 60px;}
  .pr70{ padding-right: 70px;}
  .pr80{ padding-right: 80px;}
  
  .m10{ margin: 10px;}
  .m20{ margin: 20px;}
  .m25{ margin: 25px;}
  .m30{ margin: 30px;}
  .m40{ margin: 40px;}
  .m50{ margin: 50px;}
  .m60{ margin: 60px;}
  .m70{ margin: 70px;}
  .m80{ margin: 80px;}
  
  .mv0{ margin-top: 0px;margin-bottom: 0px;}
  .mv10{ margin-top: 10px;margin-bottom: 10px;}
  .mv15{ margin-top: 15px;margin-bottom: 15px;}
  .mv17{ margin-top: 17px;margin-bottom: 17px;}
  .mv20{ margin-top: 20px;margin-bottom: 20px;}
  .mv25{ margin-top: 25px;margin-bottom: 25px;}
  .mv30{ margin-top: 30px;margin-bottom: 30px;}
  .mv40{ margin-top: 40px;margin-bottom: 40px;}
  .mv50{ margin-top: 50px;margin-bottom: 50px;}
  .mv60{ margin-top: 60px;margin-bottom: 60px;}
  .mv70{ margin-top: 70px;margin-bottom: 70px;}
  .mv80{ margin-top: 80px;margin-bottom: 80px;}
  
  .mh5{ margin-right: 5px;margin-left: 5px;}
  .mh10{ margin-right: 10px;margin-left: 10px;}
  .mh15{ margin-right: 15px;margin-left: 15px;}
  .mh20{ margin-right: 20px;margin-left: 20px;}
  .mh25{ margin-right: 25px;margin-left: 25px;}
  .mh30{ margin-right: 30px;margin-left: 30px;}
  .mh37{ margin-right: 37px;margin-left: 37px;}
  .mh40{ margin-right: 40px;margin-left: 40px;}
  .mh50{ margin-right: 50px;margin-left: 50px;}
  .mh60{ margin-right: 60px;margin-left: 60px;}
  .mh70{ margin-right: 70px;margin-left: 70px;}
  .mh80{ margin-right: 80px;margin-left: 80px;}
  .mh90{ margin-right: 90px;margin-left: 90px;}
  .mh100{ margin-right: 100px;margin-left: 100px;}
  
  .mt0{ margin-top: 0px;}
  .mt5{ margin-top: 5px;}
  .mt10{ margin-top: 10px;}
  .mt15{ margin-top: 15px;}
  .mt16{ margin-top: 16px;}
  .mt17{ margin-top: 17px;}
  .mt20{ margin-top: 20px;}
  .mt25{ margin-top: 25px;}
  .mt30{ margin-top: 30px;}
  .mt35{ margin-top: 35px;}
  .mt40{ margin-top: 40px;}
  .mt50{ margin-top: 50px;}
  .mt60{ margin-top: 60px;}
  .mt_60{ margin-top: -60px;}
  .mt70{ margin-top: 70px;}
  .mt80{ margin-top: 80px;}
  .mt_80{ margin-top: -80px;}
  .mt_90{ margin-top: -90px;}
  .mt90{ margin-top: 90px;}
  .mt100{ margin-top: 100px;}
  .mt120{ margin-top: 120px;}
  .mt180{ margin-top: 180px;}
  .mt250{ margin-top: 250px;}
  .mt400{ margin-top: 400px;}
  
  .mb0{ margin-bottom: 0px;}
  .mb10{ margin-bottom: 10px;}
  .mb15{ margin-bottom: 15px;}
  .mb20{ margin-bottom: 20px;}
  .mb25{ margin-bottom: 25px;}
  .mb27{ margin-bottom: 27px;}
  .mb30{ margin-bottom: 30px;}
  .mb35{ margin-bottom: 35px;}
  .mb40{ margin-bottom: 40px;}
  .mb50{ margin-bottom: 50px;}
  .mb60{ margin-bottom: 60px;}
  .mb70{ margin-bottom: 70px;}
  .mb80{ margin-bottom: 80px;}
  .mb90{ margin-bottom: 90px;}
  .mb100{ margin-bottom: 100px;}
  .mb120{ margin-bottom: 120px;}
  .mb130{ margin-bottom: 130px;}
  .mb140{ margin-bottom: 140px;}
  .mb150{ margin-bottom: 150px;}
  .mb160{ margin-bottom: 160px;}
  
  .ml0{ margin-left: 0px;}
  .ml10{ margin-left: 10px;}
  .ml13{ margin-left: 13px;}
  .ml14{ margin-left: 14px;}
  .ml15{ margin-left: 15px;}
  .ml16{ margin-left: 16px;}
  .ml17{ margin-left: 17px;}
  .ml20{ margin-left: 20px;}
  .ml25{ margin-left: 25px;}
  .ml30{ margin-left: 30px;}
  .ml35{ margin-left: 35px;}
  .ml40{ margin-left: 40px;}
  .ml50{ margin-left: 50px;}
  .ml55{ margin-left: 55px;}
  .ml60{ margin-left: 60px;}
  .ml70{ margin-left: 70px;}
  .ml80{ margin-left: 80px;}
  .ml110{ margin-left: 110px;}
  .ml117{ margin-left: 117px;}
  .ml127{ margin-left: 127px;}
  .ml160{ margin-left: 160px;}
  .ml240{ margin-left: 240px;}
  
  
  .mr0{ margin-right: 0px;}
  .mr10{ margin-right: 10px;}
  .mr15{ margin-right: 15px;}
  .mr17{ margin-right: 17px;}
  .mr20{ margin-right: 20px;}
  .mr25{ margin-right: 25px;}
  .mr30{ margin-right: 30px;}
  .mr40{ margin-right: 40px;}
  .mr50{ margin-right: 50px;}
  .mr60{ margin-right: 60px;}
  .mr70{ margin-right: 70px;}
  .mr80{ margin-right: 80px;}
  .mr84{ margin-right: 84px;}
  .mr100{ margin-right: 100px;}
  .mr150{ margin-right: 150px;}
  .mr107{ margin-right: 107px;}
  .mr400{ margin-right: 400px;}
  
  .size16{
    width: 16px;
    height: 16px;
  }
  .size20{
    width: 20px;
    height: 20px;
  }
  .size28{
    width: 28px;
    height: 28px;
  }
  .size30{
    width: 30px;
    height: 30px;
  }
  .size35{
    width: 35px;
    height: 35px;
  }
  .size36{
    width: 36px;
    height: 36px;
  }
  .size38{
    width: 38px;
    height: 38px;
  }
  .size40{
    width: 40px;
    height: 40px;
  }
  .size45{
    width: 45px;
    height: 45px;
  }
  .size48{
    width: 48px;
    height: 48px;
  }
  .size50{
    width: 50px;
    height: 50px;
  }
  .size55{
    width: 55px;
    height: 55px;
  }
  .size60{
    width: 55px;
    height: 55px;
  }
  .size70{
    width: 70px;
    height: 70px;
  }
  .size80{
    width: 80px;
    height:80px;
  }
  .size90{
    width: 90px;
    height:90px;
  }
  .size100{
    width: 100px;
    height: 100px;
  }
  .size108{ width: 108px; height: 108px; }
  .size120{ width: 120px; height: 120px; }
  .size140{
    width: 140px;
    height: 140px;
  }
  .size150{
    width: 150px;
    height: 150px;
  }
  .size180{ width: 180px; height: 180px; }
  .size200{ width: 200px; height: 200px; }
  .size280{ width: 280px; height: 280px; }
  
  .zindex_1{
    z-index: -1;
  }
  .zindex1{
    z-index: 1;
  }
  .zindex2{
    z-index: 2;
  }
  .zindex9{
    z-index: 9;
  }
  .bg_f1{ background: #f1f1f1; }
  .bg_f2{ background: #f2f2f2; }
  .bg_f3{ background: #f3f3f3; }
  .bg_f4{ background: #f4f4f4; }
  .bg_f5{ background: #f5f5f5; }
  .bg_fa{ background: #fafafa; }
  .bg_fb{ background: #fbfbfb; }
  .bg_fe{ background: #fefefe; }
  .bg_white{
    background: #ffffff;
  }
  .bg_grey{
    background: #f7f7f7;
  }
  .bg_grey_50p{
    background: rgba(144,144,144,.6);
  }
  .bg_grey_70p{
    background: rgba(0,0,0,.7);
  }
  .bg597f18{ background-color:#597f18;}
  .bg555{background-color: #555;}
  .bg777{background-color: #777;}
  .bg999{background-color: #999;}
  .bgbbb{background-color: #bbb;}
  .bgccc{background-color: #ccc;}
  .bgeee{background-color: #eee;}
  
  .w1{width: 1px;}
  .w12{width: 12px;}
  .w15{width: 15px;}
  .w20{width: 20px;}
  .w26{width: 26px;}
  .w40{ width: 40px; }
  .w45{ width: 45px; }
  .w48{ width: 48px; }
  .w50{ width: 50px; }
  .w54{ width: 54px; }
  .w60{ width: 60px; }
  .w70{ width: 70px; }
  .w80{width: 80px;}
  .w90{ width: 90px; }
  .w100{ width: 100px; }
  .w110{ width: 110px; }
  .w155{ width: 155px; }
  .w1100{ width: 1100px; }
  .w400{ width: 400px; }
  .w800{ width: 800px; }
  .w830{ width: 830px; }
  .w860{ width: 860px; }
  .w880{ width: 880px; }
  .w120{ width: 120px; }
  .w140{ width: 140px; }
  .w160{ width: 160px; }
  .w180{ width: 180px; }
  .w200{ width: 200px; }
  .w217{ width: 217px; }
  .w280{ width: 280px; }
  .w300{ width: 300px; }
  .w310{ width: 310px; }
  .w320{ width: 320px; }
  .w330{ width: 330px; }
  .w340{ width: 340px; }
  .w415{ width: 415px; }
  .w420{ width: 420px; }
  .w460{ width: 460px; }
  .w473{ width: 473px; }
  .w476{ width: 476px; }
  .w500{ width: 500px; }
  .w530{ width: 530px; }
  .w550{ width: 550px; }
  .w600{ width: 600px; }
  .w670{ width: 670px; }
  .w208{
    width: 208px;
  }
  .w136{
    width: 136px;
  }
  .w210{
    width: 210px;
  }
  .w150{ width: 150px; }
  .w158{ width: 158px; }
  .w200{ width: 200px; }
  .w250{
    width: 250px;
  }
  .w160{
    width: 160px;
  }
  .w180{ width: 180px; }
  .w184{ width: 184px; }
  
  .w34{ width: 34px; }
  .w37{ width: 37px; }
  .w70{ width: 70px; }
  .w371{ width: 371px; }
  .w225{ width: 225px; }
  .w235{ width: 235px; }
  .w220{ width: 220px; }
  .w228{ width: 228px; }
  .w574{ width: 574px; }
  .w650{ width: 650px; }
  .w680{ width: 680px; }
  .w681{ width: 681px; }
  .w700{ width: 700px; }
  .w720{ width: 720px; }
  .w739{ width: 739px; }
  .w750{ width: 750px; }
  
  .w1vw{ width: 1vw; }
  .w2vw{ width: 2vw; }
  .w3vw{ width: 3vw; }
  .w4vw{ width: 4vw; }
  .w5vw{ width: 5vw; }
  .w6vw{ width: 6vw; }
  .w7vw{ width: 7vw; }
  .w8vw{ width: 8vw; }
  .w9vw{ width: 9vw; }
  .w10vw{ width: 10vw; }
  .w20vw{ width: 20vw; }
  .w30vw{ width: 30vw; }
  .w40vw{ width: 40vw; }
  .w50vw{ width: 50vw; }
  .w60vw{ width: 60vw; }
  .w70vw{ width: 70vw; }
  .w80vw{ width: 80vw; }
  .w90vw{ width: 90vw; }
  
  .h1vh{ height: 1vh; }
  .h2vh{ height: 2vh; }
  .h3vh{ height: 3vh; }
  .h4vh{ height: 4vh; }
  .h5vh{ height: 5vh; }
  .h6vh{ height: 6vh; }
  .h7vh{ height: 7vh; }
  .h8vh{ height: 8vh; }
  .h9vh{ height: 9vh; }
  .h10vh{ height: 10vh; }
  .h20vh{ height: 20vh; }
  .h30vh{ height: 30vh; }
  .h40vh{ height: 40vh; }
  .h50vh{ height: 50vh; }
  .h60vh{ height: 60vh; }
  .h70vh{ height: 70vh; }
  .h80vh{ height: 80vh; }
  .h90vh{ height: 90vh; }
  
  .h40{ height: 40px; }
  .h45{ height: 45px; }
  .h70{ height: 70px; }
  .h80{ height: 80px; }
  .h400{ height: 400px; }
  .h420{ height: 420px; }
  .h473{ height: 473px; }
  .h600{ height: 600px; }
  .h713{ height: 713px; }
  .h750{ height: 750px; }
  .h830{ height: 830px; }
  .h888{ height: 888px; }
  .h950{ height: 950px; }
  .h1020{ height: 1020px; }
  
  .h1{height: 1px;}
  .h2{height: 2px;}
  .h7{ height: 7px; }
  .h9{ height: 9px; }
  .h10{height: 10px;}
  .h15{height: 15px;}
  .h17{height: 17px;}
  .h19{height: 19px;}
  .h20{height: 20px;}
  .h22{height: 22px;}
  .h25{ height: 25px; }
  .h26{ height: 26px; }
  .h29{ height: 29px; }
  .h32{ height: 32px; }
  .h33{ height: 33px; }
  .h34{ height: 34px; }
  .h35{ height: 35px; }
  .h38{ height: 38px; }
  .h56{ height: 56px; }
  .h50{ height: 50px; }
  .h60{ height: 60px; }
  .h63{ height: 63px; }
  .h64{ height: 64px; }
  .h67{ height: 67px; }
  .h80{ height: 80px; }
  .h85{ height: 85px; }
  .h57{ height: 57px; }
  .h70{ height: 70px; }
  .h74{ height: 74px; }
  .h75{ height: 75px; }
  .h90{ height: 90px; }
  .h94{ height: 94px; }
  .h100{ height: 100px; }
  .h120{ height: 120px; }
  .h121{ height: 121px; }
  .h132{ height: 121px; }
  .h150{ height: 150px; }
  .h158{ height: 158px; }
  .h160{ height: 160px; }
  .h161{ height: 161px; }
  .h200{ height: 200px; }
  .h221{ height: 221px; }
  .h250{ height: 250px; }
  .h260{ height: 260px; }
  .h261{ height: 261px; }
  .h225{ height: 225px; }
  .h240{ height: 240px; }
  .h283{ height: 283px; }
  .h300{ height: 300px; }
  .h318{ height: 318px; }
  .h335{ height: 335px; }
  .h369{ height: 369px; }
  .h396{ height: 396px; }
  .h500{ height: 500px; }
  .h1569{ height: 1569px; }
  
  page{
    height: 100%;
  }
  .right10{ right: 10px; }
  .right15{ right: 15px; }
  .right20{ right: 20px; }
  .right158{ right: 158px; }
  .right181{ right: 181px; }
  .right_20{ right: -20px; }
  .right_21{
    right: -21px;
  }
  .right_22{
    right: -22px;
  }
  .right_30{
    right: -30px;
  }
  
  .size_arrow_small{
    max-width: 16px;
    max-height: 24px;
  }
  .arrow_size_small{
    width: 16px;
    height: 24px;
  }
  .lg_btn_primary{
    background: #597F18;
    border-radius: 50px;
    line-height: 87px;
    color: white;
    font-size: 35px;
    text-align: center;
  }
  .md_btn_primary{
    background: #597F18;
    border-radius: 50px;
    line-height: 63px;
    height: 63px;
    color: white;
    font-size: 25px;
    text-align: center;
  }
  .btn_primary_lg{
    background: #597F18;
    border-radius: 50px;
    line-height: 87px;
    color: white;
    font-size: 35px;
    text-align: center;
  }
  
  .btn_disable2{
    line-height: 87px;
    border-radius: 50px;
    background: rgba(144,144,144,1);
    color: white;
    font-size: 35px;
    text-align: center;
  }
  .btn_primary_lg_white{
    background: white;
    border-radius: 50px;
    line-height: 87px;
    color: #597F18;
    font-size: 35px;
    text-align: center;
  }
  .md_btn_primary_white{
    background: white;
    border-radius: 50px;
    line-height: 63px;
    height: 63px;
    color: #597F18;
    font-size: 25px;
    text-align: center;
  }
  .min_height_100p{
    min-height: 100%;
  }
  .min_height_100{ min-height: 100px; }
  
  .min_height_150{ min-height: 150px; }
  .min_height_350{
    min-height: 350px;
  }
  
  .lineheight20{
    line-height: 20px;
  }
  
  .lineheight21{
    line-height: 21px;
  }
  
  .lineheight25{
    line-height: 25px;
  }
  .lineheight28{
    line-height: 28px;
  }
  .lineheight30{
    line-height: 30px;
  }
  .lineheight33{
    line-height: 33px;
  }
  .lineheight40{
    line-height: 40px;
  }
  .lineheight45{
    line-height: 45px;
  }
  .lineheight50{
    line-height: 50px;
  }
  .lineheight60{
    line-height: 60px;
  }
  .lineheight70{
    line-height: 70px;
  }
  .lineheight80{
    line-height: 80px;
  }
  .lineheight100{
    line-height: 100px;
  }
  .yuan_12_white{
    width: 12px;
    height: 12px;
    background: #FFFFFF;
  }
  .button_none{
    margin:0;
    padding:0;
  ;
    border-radius: 0;
    background:transparent;
  }
  .button_none:after{
    border:0;
  }
  
  
  
  
  .size_179_56{
    width: 179px;
    height: 56px;
  }
  .size_350_90{
    width: 350px;
    height: 90px;
  }
  
  
  /* bd 基本配置。  */
  .bd { border-width:1px; border-style: solid; border-color: #e8e8e8; }
  .bdl0 { border-left-width: 0px !important;}
  .bdl1 { border-left-width: 1px !important;}
  .bdl2 { border-left-width: 2px !important;}
  .bdr0 { border-right-width: 0px !important;}
  .bdr1 { border-right-width: 1px !important;}
  .bdr2 { border-right-width: 2px !important;}
  .bdh0 { border-left-width: 0px !important; border-right-width: 0px !important;}
  .bdh1 { border-left-width: 1px !important; border-right-width: 1px !important;}
  .bdh2 { border-left-width: 2px !important; border-right-width: 2px !important;}
  .bdv0 { border-top-width: 0px !important; border-top-width: 0px !important;}
  .bdv1 { border-top-width: 1px !important; border-top-width: 1px !important;}
  .bdv2 { border-top-width: 2px !important; border-top-width: 2px !important;}
  .bdt0 { border-top-width: 0px !important;}
  .bdt1 { border-top-width: 1px !important;}
  .bdt2 { border-top-width: 2px !important;}
  .bdb0 { border-bottom-width: 0px !important;}
  .bdb1 { border-bottom-width: 1px !important;}
  .bdb2 { border-bottom-width: 2px !important;}
  /*非方向的为0*/
  .bd_b0 { border-left-width: 0 !important; border-top-width: 0 !important;border-right-width: 0 !important}
  .bd_t0 { border-left-width: 0 !important; border-bottom-width: 0 !important;border-right-width: 0 !important}
  .bd_r0 { border-left-width: 0 !important; border-top-width: 0 !important;border-bottom-width: 0 !important}
  .bd_l0 { border-bottom-width: 0 !important; border-top-width: 0 !important;border-right-width: 0 !important}
  .bd_b1 { border-left-width: 1px; border-top-width: 1px;border-right-width: 1px}
  .bd_t1 { border-left-width: 1px; border-bottom-width: 1px;border-right-width: 1px}
  .bd_r1 { border-left-width: 1px; border-top-width: 1px;border-bottom-width: 1px}
  .bd_l1 { border-bottom-width: 1px; border-top-width: 1px;border-right-width: 1px}
  .bd_b2 { border-left-width: 2px; border-top-width: 2px;border-right-width: 2px}
  .bd_t2 { border-left-width: 2px; border-bottom-width: 2px;border-right-width: 2px}
  .bd_r2 { border-left-width: 2px; border-top-width: 2px;border-bottom-width: 2px}
  .bd_l2 { border-bottom-width: 2px; border-top-width: 2px;border-right-width: 2px}
  
  /*边框*/
  .bordert_f3 { border-top: 1px solid #f3f3f3; }
  .bordert_ed { border-top: 1px solid #ededed; }
  
  .border_f3 { border: 1px solid #f3f3f3; }
  .border_ed { border: 1px solid #ededed; }
  
  .bc_transparent{
    border-color: transparent;
  }
  .bc_888{ border-color: #888; }
  .bc_999{ border-color: #999999; }
  .bc_aaa{ border-color: #aaa; }
  .bc_bbb{ border-color: #bbb; }
  .bc_ccc{ border-color: #ccc; }
  .bc_f3{ border-color: #f3f3f3; }
  
  .bc_red{ border-color: red; }
  
  .bc_primary {
    border-color: #597F18;
    border-style: solid;
  }
  .borderc_primary {
    border-color: #597F18;
    border-style: solid;
  }
  .border_solid{
    border-style: solid;
    border-width: 0px;
  }
  .borderw_1 {
    border-width: 1px;
  }
  .bw0{
    border-width: 0px;
  }
  .bw1{
    border-width: 1px;
  }
  .border_primary {
    border:1px solid #597F18;
  }
  
  .borderc_597f18 {
    border-color: #597F18;
  }
  
  
  .blw0{ border-left-width: 0px;}
  .blw1{ border-left-width: 1px;}
  .blw10{ border-left-width: 10px;}
  .blw15{ border-left-width: 15px;}
  .blw20{ border-left-width: 20px;}
  .blw30{ border-left-width: 30px;}
  .brw0{  border-right-width: 0px;}
  .brw1{ border-right-width: 1px;}
  .brw10{ border-right-width: 10px;}
  .brw20{ border-right-width: 20px;}
  .brw30{ border-right-width: 30px;}
  .btw0{  border-top-width: 0px;}
  .btw1{ border-top-width: 1px;}
  .btw10{ border-top-width: 10px;}
  .btw20{ border-top-width: 20px;}
  .btw30{ border-top-width: 30px;}
  
  .bbw0{  border-bottom-width: 0px;}
  .bbw1{ border-bottom-width: 1px;}
  .bbw10{ border-bottom-width: 10px;}
  .bbw20{ border-bottom-width: 20px;}
  .bbw30{ border-bottom-width: 30px;}
  
  .line_through {
    text-decoration: line-through;
  }
  
  
  
  .opacity0{ opacity: 0; }
  .opacity01{ opacity: 0.1; }
  .opacity02{ opacity: 0.2; }
  .opacity03{ opacity: 0.3; }
  .opacity04{ opacity: 0.4; }
  .opacity05{ opacity: 0.5; }
  .opacity06{ opacity: 0.6; }
  .opacity07{ opacity: 0.7; }
  .opacity08{ opacity: 0.8; }
  .opacity09{ opacity: 0.9; }
  .opacity10{ opacity: 1.0; }
  
  .hover_opacity0:hover{ opacity: 0; }
  .hover_opacity01:hover{ opacity: 0.1; }
  .hover_opacity02:hover{ opacity: 0.2; }
  .hover_opacity03:hover{ opacity: 0.3; }
  .hover_opacity04:hover{ opacity: 0.4; }
  .hover_opacity05:hover{ opacity: 0.5; }
  .hover_opacity06:hover{ opacity: 0.6; }
  .hover_opacity07:hover{ opacity: 0.7; }
  .hover_opacity08:hover{ opacity: 0.8; }
  .hover_opacity09:hover{ opacity: 0.9; }
  .hover_opacity10:hover{ opacity: 1.0; }
  
  /*@import "./form.scss";*/
  
  
  .loading-icon {
    display: inline-block;
    margin-right: 24px;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background: 0 0;
    border: 4px solid #e9eaec;
    border-color: #e9eaec #e9eaec #e9eaec #2d8cf0;
    border-radius: 50%;
    animation: btn-spin 0.6s linear;
    animation-iteration-count: infinite;
  }
  
  .border5_green{
    border:solid 5px #597f18;
  }
  .border5_white{
    border:solid 5px white;
  }
  
  .goods_option_item_active{
    border:solid 5px #597f18;
    background: #d0d189;
    height: 67px;
    color: #597F18;
  }
  .goods_option_item_idle{
    border:solid 5px #f2f2f2;
    background: #f7f7f7;
    height: 67px;
    color: #cacaca;
  }
  
  .size_683_114{
    width: 683px;
    height: 114px;
  }
  .size_100p_358{
    width: 100%;
    height: 358px;
  }
  
  .multi_line{
    display: -webkit-box ;
    text-overflow: ellipsis;
    word-break: break-all;/*自动换行*/
    -moz-box-orient: vertical; /*从上到下自动排列子元素*/
    -webkit-box-orient: vertical;
  }
  
  .multi_line_ellipse{
    display: -webkit-box ;
    overflow: hidden; /*隐藏溢出的文本  */
    text-overflow: ellipsis;
    word-break: break-all;/*自动换行*/
    -moz-box-orient: vertical; /*从上到下自动排列子元素*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1; /*显示的行数*/
  }
  .line-clamp2{ -webkit-line-clamp:2; /*显示的行数*/ }
  
  
  
  
  .menu_active_orange {
    border-bottom:3px solid #ff8143;
  }
  
  .menu_active {
    border-bottom:1px solid;
  }
  
  
  /**
  盒子选中样式。 右上角带三角形
   */
  .box_active {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      border: 2px solid #FF6A00;
  }
  .box_active:after {
      content: '';
      display: block;
      position: absolute;
      top: 0px;
      right: 0;
      border: 15px solid;
      border-color: transparent;
      border-top-color: #FF6A00;
      border-right-color: #FF6A00;
  }
  .box_active .active-index{
      position: absolute;
      top: 2px;
      right: 2px;
      color: #fff;
      z-index: 2;
      font-style: normal;
      line-height: 1;
  }
  .img_box_button{
      width: 104px;
      height: 104px;
      margin-right: 8px;
      text-align: center;
      vertical-align: top;
      background-color: #fafafa;
      border: 1px dashed #d9d9d9;
      border-radius: 2px;
      cursor: pointer;
      transition: border-color 0.3s;
  }
  .img_box_button:hover{
      border-color: #1890ff;
  }
  
  .search_button{
    width: 100px;
    margin-left: -109px;
    height: 40px;
    background: #13B18B;
    opacity: 1;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    border-radius: 0px;
  }
  
  .mask {
      position: absolute;
      left:0;
      right:0;
      top:0;
      bottom:0;
      background: rgba(0, 0, 0, 0.3);
      opacity: 0;
      transition: all 0.2s;
  }
  .mask:hover{
      opacity: 1;
  }
  
  .w980 {
    width: 980px;
  }
  
  /*旋转*/
  @keyframes roll {
     0% {
       transform: rotate(0deg);
     }
     100% {
       transform: rotate(360deg);
     }
   }
  
  .roll-forever {
    animation: 4s roll linear infinite normal;
  }
  
  @keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .fade-in {
    animation: 0.3s fade-in linear forwards;
  }
  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .fade-out {
    animation: 0.3s fade-out linear forwards;
  }
  
  @keyframes slide-rtl-fade-in {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .slide-rtl-fade-in {
    animation: 0.3s slide-rtl-fade-in linear forwards;
  }
  @keyframes slide-rtl-fade-out {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }
  .slide-rtl-fade-out {
    animation: 0.3s slide-rtl-fade-out linear forwards;
  }
  @keyframes slide-ltr-fade-in {
    0% {
      opacity: 0;
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .slide-ltr-fade-in {
    animation: 0.3s slide-ltr-fade-in linear forwards;
  }
  @keyframes slide-ltr-fade-out {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(-100%);
    }
  }
  .slide-ltr-fade-out {
    animation: 0.3s slide-ltr-fade-out linear forwards;
  }
  @keyframes slide-fade-in {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0px);
    }
  }
  .slide-fade-in {
    animation: 0.3s slide-fade-in linear forwards;
  }
  @keyframes slide-fade-out {
    0% {
      opacity: 1;
      transform: translateY(0px);
    }
    100% {
      opacity: 0;
      transform: translateY(10px);
    }
  }
  .slide-fade-out {
    animation: 0.3s slide-fade-out linear forwards;
  }
  
  
  
  
  /*基本样式*/
  input, textarea{
    background: rgb(255, 255, 255);
    border: 2px solid rgb(243, 243, 243);
    outline: none;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 18px;
    height: 50px;
    box-sizing: border-box;
    width: 100%;
  }
  textarea{
    padding-top: 10px;
  }
  input:focus{
    /*outline:#0588FF solid 1px*/
  }
  select{
    height: 50px;
    /*background: #FFFFFF;*/
    border: 2px solid #F3F3F3;
    padding-left: 10px;
    /*padding-right: 10px;*/
    border-radius: 5px;
    font-size: 18px;
    -webkit-appearance: none;
    background: none;
    width: 100%;
    padding-right: 14px;
  }
  /*select:after {*/
  /*  position: absolute;*/
  /*  top: 50%;*/
  /*  right: 0;*/
  /*  margin-top: -4px;*/
  /*  width: 0;*/
  /*  height: 0;*/
  /*  border-top: 6px solid;*/
  /*  border-right: 5px solid transparent;*/
  /*  border-left: 5px solid transparent;*/
  /*  color: #a6a6a6;*/
  /*  content: "";*/
  /*  pointer-events: none;*/
  /*}*/
  /*默认样式结束*/
  
  
  
  .form-label {
    width:200px;
    margin-right: 20px;
    text-align: right;
  }
  .panel-shadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  }
  .yahei{
    font-family: 'Microsoft YaHei UI'
  }
  .hansans{
    font-family: "SourceHanSansCN-Normal";
  }
  
  
  /*用户的内容，需要控制图片宽茺*/
  .user-html-content {
    position:relative;
  }
  .user-html-content img {
    max-width:200px;
  }
  
  .no_vborder_table{
    border-collapse: collapse;
    table-layout:fixed;
    text-align: center;
  }

  .no_vborder_table_tr1 {
    border-bottom: 1px solid #EBEBEB;
  }
  
  .no_vborder_table_tr2 {
    border-bottom: 2px solid #FFFFFF;
  }
  
  .td_radius_bg {
    width: 120px;
    height: 46px;
    background: #247FB9;
    border-radius: 29px;
    line-height: 46px;
    color: #FFFFFF;
  }
  
  .td_text {
    font-size: 14px !important;
    width: 134px;
    color: #6d7278;
    /* word-break:keep-all !important; */
    white-space: normal !important;
    word-wrap:break-word;
    line-height: 20px;
    text-align: left;
  }

  .td_text2 {
    font-size: 14px !important;
    width: 134px;
    color: #6d7278;
    /* word-break:keep-all !important; */
    white-space: nowrap !important;
    /* white-space: normal !important; */
    word-wrap:break-word;
    line-height: 20px;
    text-align: left;
  }
  
  .no_vborder_table_p{
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    color: #6D7278;
  }
  
  .table_list_item_check {
    width: 16px;
    height: 16px;
    background: #247FB9;
    border-radius: 8px;
  }
  
  .table_list_item_button_bg{
    width: 120px;
    height: 46px;
    background: #03AFEF;
    box-shadow: 0px 13px 19px 0px rgba(3,175,239,0.2900);
    border-radius: 29px;
    position:relative;
  }
  
  .table_list_item_button{
    /* display: ; */
    width: 120px;
    height: 46px;
    background: #0178BF;
    box-shadow: 0px 13px 19px 0px rgba(3,175,239,0.2900);
    border-radius: 29px;
    position: absolute;
    right: 7px;
    top: 5px;
  }
  
  .line_external_circle{
    width: 39px;
    height: 39px;
    background: #EDF3FF;
    border-radius: 19.5px;
    position: relative;
  }
  
  .line_internal_circle{
    width: 18px;
    height: 18px;
    background: #0178BF;
    position: absolute; 
    top: 10.5px; right: 10.5px;
    border-radius: 9px;
  }
  
  .line_v_long{
    width: 3px;
    height: 1434px;
    background: #0178BF;
    border-radius: 5px;
    position: absolute;
    right: 17px;
    top:30px
  }
  
  .line_h_left{
    width: 599px;
    height: 3px;
    background: #0178BF;
    border-radius: 4px;
    position: absolute;
    left: 23px;
    top:20px
  }
  
  .line_h_right{
    width: 599px;
    height: 3px;
    background: #0178BF;
    border-radius: 4px;
    position: absolute;
    right: 23px;
    top:20px
  }
  
  .mob_table_title_bg{
    width: 328px;
    height: 66px;
    background: #247FB9;
    color: #FFFFFF;
    text-align: center;
    line-height: 66px;
  }
  
  .mob {
    display:none;
  }
  
  .mob-hide-col {
    display:flex;
    flex-direction:column !important;
  }
  
  .mob-col{
    display: none;
  }
  
  /*小屏*/
  @media(max-width:600px) {
    .col-m-1 {width: 4.16%;}
    .col-m-2 {width: 8.33%;}
    .col-m-3 {width: 12.5%;}
    .col-m-4 {width: 16.66%;}
    .col-m-5 {width: 20.83%;}
    .col-m-6 {width: 25%;}
    .col-m-7 {width: 29.16%;}
    .col-m-8 {width: 33.33%;}
    .col-m-9 {width: 37.5%;}
    .col-m-10 {width: 41.66%;}
    .col-m-11 {width: 45.83%;}
    .col-m-12 {width: 50%;}
    .col-m-13 {width: 54.16%;}
    .col-m-14 {width: 58.33%;}
    .col-m-15 {width: 62.5%;}
    .col-m-16 {width: 66.66%;}
    .col-m-17 {width: 70.83%;}
    .col-m-18 {width: 75%;}
    .col-m-19 {width: 79.16%;}
    .col-m-20 {width: 83.33%;}
    .col-m-21 {width: 87.5%;}
    .col-m-22 {width: 91.66%;}
    .col-m-23 {width: 95.83%;}
    .col-m-24 {width: 100%;}
  
    .mob-wrap {
      word-break:break-all;
      white-space:normal;
    }
    .pc {
      display: none !important;
    }
  
    .mob {
      display:block;
    }
  
    .index-grid-gallery {
      display: flex;
      flex-direction: column;
      width: unset;
      height: unset;
    }
  
    .index-grid-gallery .gallery-item {
      display: flex;
      flex-direction: column;
      background-color: unset;
      width: unset;
      height: unset;
      position: relative;
    }
  
    .index-grid-gallery .gallery-item .gallery-item-img {
      background-color: unset;
      width: unset;
      height: unset;
      position: relative;
    }
  
    /*flex*/
    .mob-flex1 {
      flex:1;
    }
    .mob-flex-unset {
      flex:unset;
    }
    /*移动端行*/
    .mob-row{
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .mob-row-list {
      display: flex;
      flex-direction: column;
      align-items:center;
      background-color: unset;
      width: unset;
      height: unset;
      position: relative;
    }
    .mob-row-list > a {
      margin-top:40px;
      max-width:100%;
    }
  
    .banner-item-content {
      flex-direction: column;
      width: 80vw;
    }
    .products_right {
      width:unset;
    }
    .psystem_title > h1 {
      margin-top:30px;
    }
    .mob-col {
      display:flex;
      flex-direction:column !important;
    }
  
    .mob-hide-col{
      display: none;
    }
  
    .mob-fs10 { font-size:10px !important; }
    .mob-fs11 { font-size:11px !important; }
    .mob-fs12 { font-size:12px !important; }
    .mob-fs13 { font-size:13px !important; }
    .mob-fs14 { font-size:14px !important; }
    .mob-fs15 { font-size:15px !important; }
    .mob-fs16 { font-size:16px !important; }
    .mob-fs17 { font-size:17px !important; }
    .mob-fs18 { font-size:18px !important; }
    .mob-fs19 { font-size:19px !important; }
    .mob-fs20 { font-size:20px !important; }
    .mob-fs21 { font-size:21px !important; }
    .mob-fs22 { font-size:22px !important; }
    .mob-fs23 { font-size:23px !important; }
    .mob-fs24 { font-size:24px !important; }
    .mob-fs25 { font-size:25px !important; }
    .mob-fs26 { font-size:26px !important; }
    .mob-fs27 { font-size:27px !important; }
    .mob-fs28 { font-size:28px !important; }
    .mob-fs29 { font-size:29px !important; }
    .mob-fs30 { font-size:30px !important; }
  
    .mob-tal {
      text-align: left;
    }
    .mob-tac {
      text-align: center;
    }
    .mob-top9 {
      top:9px !important;;
    }
    .mob-aic {
      align-items: center;
    }
    .mob-jcsa { justify-content: space-around; }
    .mob-jcsb { justify-content: space-between; }
    .mob-jcs { justify-content: flex-start; }
    .mob-jcc { justify-content: center; }
    .mob-jce { justify-content: flex-end; }
    .mob-flexwrap {
      flex-wrap:wrap;
    }
    .mob-ais {
      align-items: flex-start;
    }
    .mob-aistretch {
      align-items: stretch;
    }
    .mob-asc { align-self: center; }
    .mob-ass { align-self: flex-start; }
    .mob-ase { align-self: flex-end; }
    .mob-asstretch { align-self: stretch; }
    .products_right6 li.item-li-3{
      margin:0;
    }
    .products_rights li {
      margin: 0;
    }
    .mob-m0 {
      margin: 0 !important;
    }
    .mob-p0 {
      padding: 0 !important;
    }
    .mob-bd0 {
      border: none !important;
    }
    .mob-ml0 { margin-left: 0 !important; }
    .mob-ml10 { margin-left: 10px !important; }
    .mob-ml20 { margin-left: 20px !important; }
    .mob-ml30 { margin-left: 30px !important; }
    .mob-mb10 { margin-bottom: 10px; }
    .mob-mb20 { margin-bottom: 20px; }
    .mob-mb30 { margin-bottom: 30px; }
    .mob-mr0 { margin-right: 0px !important; }
    .mob-mr10 { margin-right: 10px !important; }
    .mob-mr20 { margin-right: 20px !important; }
    .mob-mt0 {
      margin-top: 0 !important;
    }
    .mob-mt10 {
      margin-top: 10px !important;
    }
    .mob-mt20 {
      margin-top: 20px !important;
    }
    .mob-mt40 {
      margin-top:40px !important;
    }
    .mob-mh0 {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
    .mob-mh20 {
      margin-left: 20px !important;
      margin-right: 20px !important;
    }
    .mob-mv20 {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }
    .mob-ph10 {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
    .mob-ph20 {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .mob-pv10 {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .mob-pv20 {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    .mob-pl0 { padding-left: 0 !important; }
    .mob-pl10 { padding-left: 10px !important; }
    .mob-pl20 {
      padding-left: 20px !important;
    }
    .mob-pt20 {
      padding-top: 20px !important;
    }
    .mob-pt30 {
      padding-top: 30px !important;
    }
    .mob-pb0 { padding-bottom: 0px !important; }
    .mob-pr10 { padding-right: 10px !important; }
    .mob-pr20 { padding-right: 20px !important; }
    .mob-float-unset {
      float: unset !important;
    }
    .mob-w80p { width: 80% !important; }
    .mob-w90p { width: 90% !important; }
    .mob-w100p { width: 100% !important; }
    .mob-maxw100p {
      max-width: 100%;
    }
    .mob-minw700 {
      min-width: 700px;
    }
    .mob-minw100 {
      min-width: 100px;
    }
    .mob-block {
      display: block;
    }
    .mob-hide {
      display:none;
    }
    .bshadow-hover:hover {
      box-shadow:unset;
    }
    .products_rights li.bshadow-hover:hover {
      border: 1px solid #fff;
    }
    .mob-overflow-auto {
      overflow: auto;
    }
    .mob-hide-scrollbar {
      scrollbar-width:0px;
    }
    .mob-hide-scrollbar::-webkit-scrollbar {
      display:none;
    }
    .mob-width-unset {
      width: unset !important;
    }
    .mob-height-30 {
      height: 30px !important;
    }
    .mob-height-50 {
      height: 50px !important;
    }
    .mob-height-80 {
      height: 80px !important;
    }
    .mob-height-unset {
      height: unset !important;
    }
    .mob-c-body {
      color:#333;
    }
    .mob-c888{ color:#888 !important; }
    img {
      max-width:100%;
    }
    .cpxq_left {
      max-width: 100%;
      margin-right:0px;
      float:unset;
    }
    .tabscontent {
      min-height:100px;
    }
    .cp_icon {
      max-width:100%;
    }
    .mob-base {
      float: unset !important;
      max-width: 100% !important;
      max-height: unset !important;
      min-width: unset !important;
      /*min-height: unset !important;*/
      height: unset !important;
      width: unset !important;
      transform: unset !important;
      position: unset !important;
    }
  
    .mob-bg-none{
      background:none !important;
    }
    .mob-bg-ff{
      background:#ffffff !important;
    }
    .mob-radius5 {
      border-radius: 5px;
    }
    .el-pager .number {
      display: none !important;
    }
    .el-pager .number.active {
      display: unset !important;
    }
    .el-pager .more {
      display: none !important;
    }
    .term_txt  {
      font-size:24px;
      line-height:100px;
    }
  
    .resc_menu:hover a.hover {
      background: #528dcb;
      color: #fff;
    }
    .mob-w30 { width: 30px !important; }
    .mob-w50 { width: 50px !important; }
    .mob-w70 { width: 70px !important; }
    .mob-w80 { width: 80px !important; }
  
    .mob-h33 { height: 33px !important; }
    .mob-h40 { height: 40px !important; }
    .mob-h50 { height: 50px !important; }
    .mob-h70 { height: 70px !important; }
    .mob-h80 { height: 80px !important; }
  
    .mob-w70vw { width: 70vw !important; }
    .mob-w80vw { width: 80vw !important; }
    .mob-w90vw {
      width: 90vw !important;
    }
    .mob-w100vw {
      width: 100vw !important;
    }
    .mob-h60vw {
      height: 60.7vw !important;
    }
    .mob-rel {
      position:relative !important;
    }
    .mob-bbox {
      box-sizing: border-box;
    }
    .mob-fit-cover {
      object-fit: cover;
    }
    .mob-obj-pos-top {
      object-position: top;
    }
    .mob-opacity05{
      opacity:0.5 ;
    }
    .mob-opacity10{
      opacity:1 ;
    }
  
    /*tab边框*/
    .tab-bottom-border-active {
      border-bottom: 2px solid  rgba(53,130,220,1);
    }
    .mob-abs {
      position:absolute !important;
    }
    .mob-rel {
      position: relative !important;
    }
    .mob-pos-unset {
      position: unset !important;
    }
    .mob-top110p  {top:110%;}
  }