body, html {
  margin:0;
  padding:0;
  /*width:100%;
  height:100%;*/
}


.abs { position:absolute
}
.rel  {
  position:relative
}
.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}

.flexwrap  {flex-wrap :wrap}

/* Hide legacy category banner on pages where rec01 is a direct child of form (psystem layout). */
form > #rec01.r.t-rec > .other_av {
  display: none !important;
}

/*背颢色*/
.bg0{/*白色*/
  background-color:white;
}
.bgfd{/*白色*/ background-color:#fdfdfd; }
.bgfa{/*白色*/ background-color:#fafafa; }
.bgf8{/*白色*/ background-color:#f8f8f8; }

.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); }
/*
//类型分色
//高亮色;
//正文色，
//时间色
//连接色
//状态色，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: 5px }
.m2  { margin:10px }
.m3  { margin:15px }
.m4  { margin:20px }
.m5  { margin:25px }
.m6  { margin:6px }

.mv0  { margin-bottom: 0px !important; margin-top: 0px  !important}
.mv1  { margin-bottom: 5px; margin-top: 5px }
.mv2  { margin-bottom:10px; margin-top:10px }
.mv3  { margin-bottom:15px; margin-top:15px }
.mv4  { margin-bottom:20px; margin-top:20px }
.mv5  { margin-bottom:25px; margin-top:25px }
.mv6  { margin-bottom:6px; margin-top:6px }

.mh0  { margin-left: 0px !important; margin-right: 0px  !important}
.mh1  { margin-left: 5px; margin-right: 5px }
.mh2  { margin-left:10px; margin-right:10px }
.mh3  { margin-left:15px; margin-right:15px }
.mh4  { margin-left:20px; margin-right:20px }
.mh5  { margin-left:25px; margin-right:25px }
.mh6  { margin-left:6px; margin-right:6px }

.mt0  { margin-top: 0px !important}
.mt1  { margin-top: 5px }
.mt2  { margin-top:10px }
.mt3  { margin-top:15px }
.mt4  { margin-top:20px }
.mt5  { margin-top:25px }
.mt6  { margin-top:6px }
.mt7  { margin-top:7px }
.mt8  { margin-top:8px }
.mt9  { margin-top:9px }
.mt10 { margin-top:10px }
.mr0  { margin-right: 0px !important}
.mr1  { margin-right: 5px }
.mr2  { margin-right:10px }
.mr3  { margin-right:15px }
.mr4  { margin-right:20px }
.mr5  { margin-right:25px }
.mr6  { margin-right:6px }
.mb0  { margin-bottom: 0px !important}
.mb1  { margin-bottom: 5px }
.mb2  { margin-bottom:10px }
.mb3  { margin-bottom:15px }
.mb4  { margin-bottom:20px }
.mb5  { margin-bottom:25px }
.mb6  { margin-bottom:6px }
.mb7  { margin-bottom:7px }
.ml0  { margin-left: 0px !important}
.ml1  { margin-left: 5px }
.ml2  { margin-left:10px }
.ml3  { margin-left:15px }
.ml4  { margin-left:20px }
.ml5  { margin-left:25px }
.ml6  { margin-left:6px }

.p0  { padding: 0px !important;}
.p1  { padding: 5px }
.p2  { padding:10px }
.p3  { padding:15px }
.p4  { padding:20px }
.p5  { padding:25px }
.p6  { padding:6px }
.pv0  { padding-bottom: 0px !important; padding-top: 0px !important}
.pv1  { padding-bottom: 5px; padding-top: 5px }
.pv2  { padding-bottom:10px; padding-top:10px }
.pv3  { padding-bottom:15px; padding-top:15px }
.pv4  { padding-bottom:20px; padding-top:20px }
.pv5  { padding-bottom:25px; padding-top:25px }
.pv6  { padding-bottom:6px; padding-top:6px }

.ph0  { padding-left: 0px !important; padding-right: 0px !important}
.ph1  { padding-left: 5px; padding-right: 5px }
.ph2  { padding-left:10px; padding-right:10px }
.ph3  { padding-left:15px; padding-right:15px }
.ph4  { padding-left:20px; padding-right:20px }
.ph5  { padding-left:25px; padding-right:25px }
.ph6  { padding-left:6px; padding-right:6px }

.pt0  { padding-top: 0px !important}
.pt1  { padding-top: 5px }
.pt2  { padding-top:10px }
.pt3  { padding-top:15px }
.pt4  { padding-top:20px }
.pt5  { padding-top:25px }
.pt6  { padding-top:6px }
.pr0  { padding-right: 0px !important}
.pr1  { padding-right: 5px }
.pr2  { padding-right:10px }
.pr3  { padding-right:15px }
.pr4  { padding-right:20px }
.pr5  { padding-right:25px }
.pr6  { padding-right:6px }
.pb0  { padding-bottom: 0px !important}
.pb1  { padding-bottom: 5px }
.pb2  { padding-bottom:10px }
.pb3  { padding-bottom:15px }
.pb4  { padding-bottom:20px }
.pb5  { padding-bottom:25px }
.pb6  { padding-bottom:6px }
.pl0  { padding-left: 0px !important}
.pl1  { padding-left: 5px }
.pl2  { padding-left:10px }
.pl3  { padding-left:15px }
.pl4  { padding-left:20px }
.pl5  { padding-left:25px }
.pl6  { padding-left:6px }

.hline {
  height: 1px;
  background-color: #ECECEC
}
.hline2 {
  height: 2px;
  background-color: #B7B7B7
}
.hline3 {
  height: 1px;
  background-color: #a0a0a0
}
.vline  {
  width:1px;
  background-color: #ededed
}


.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
}

.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
}
.radius30 { border-radius: 30px }
.radius40 { border-radius: 40px }
.radius50 { border-radius: 50px }
.radius80  { border-radius: 80px }
.hideover {
  overflow:hidden;
}
.of_hidden {
    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%; }

.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}
.right0  {right:0px}
.top0  {top:0px}
.bottom0  {bottom:0px}

.zdialog {
    z-index: 900
}
.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 {
    word-break: break-all;
}
.break_world {
    word-break: break-word;
}


.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:#597F18;
}
.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;
}
.cFE382B{
  color:#FE382B;
}
.c191919  {
  color: #191919;
}
.cA5A5A5  {
  color: #A5A5A5;
}
.c333333  {
  color: #333333;
}
.c343434  {
  color: #343434;
}
.c666666  {
  color: #666666;
}
.c444  {
  color: #444;
}
.c555  { color: #555; }
.c666  { color: #666; }
.cfff  { color: #fff; }
.c_f1  { color: #f1f1f1; }
.c_f5  { color: #f5f5f5; }
.c_f9  { color: #f9f9f9; }
.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_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;
}



.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%; }
.w80p  { width:80%; }
.h80p  { height:80%; }
.w90p  { width:90%; }
.h90p  { height:90%; }
.w100p  { width:100%; }
.h100p  { height: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}
.left84  {left:84px}
.left88  {left:88px}
.left177  {left:177px}
.right0  {right:0px}
.left250  {left:250px}
.top0  {top:0px}
.top10  {top:10px}
.top20  {top:20px}
.top26  {top:26px}
.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}
.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  {z-index:900}
.ztopest {
    z-index: 100000
}
.bordernone{ border:none; }



.square::before{content: "";padding-top: 100%;display: block;}




/*//new*/
  .cgold {
    color: #FFE4C5;
  }
.fs10{ font-size: 10px; }
.fs12{ font-size: 12px; }
.fs13{ font-size: 13px; }
.fs14{ font-size: 14px; }
.fs15{ font-size: 15px; }
.fs16{ font-size: 16px; }
.fs17{ font-size: 17px; }
.fs18{ font-size: 18px; }
.fs20{ font-size: 20px; }
.fs22{ font-size: 22px; }
.fs23{ font-size: 23px; }
.fs24{ font-size: 24px; }
.fs25{ font-size: 25px; }
.fs26{ font-size: 26px; }
.fs27{ font-size: 27px; }
.fs28{ font-size: 28px; }
.fs30{ font-size: 30px; }
.fs32{ font-size: 32px; }
.fs33{ font-size: 33px; }
.fs35{ font-size: 35px; }
.fs40{ font-size: 40px; }
.fs45{ font-size: 45px; }
.fs50{ font-size: 50px; }
.fs55{ font-size: 55px; }
.fs60{ font-size: 60px; }
.fs68{ font-size: 68px; }
.fs70{ font-size: 70px; }
.fs87{ font-size: 87px; }
.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 ;}
.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;}
.ph20{ padding-left: 20px;padding-right: 20px;}
.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;}
.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}
.pt30{ padding-top: 30px;}
.pt40{ padding-top: 40px;}
.pt50{ padding-top: 50px;}
.pt60{ padding-top: 60px;}
.pt70{ padding-top: 70px;}
.pt80{ padding-top: 80px;}
.pt120{ padding-top: 120px;}
.pt400{ padding-top: 400px;}

.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.pb20{ padding-bottom: 20px;}
.pb25{ padding-bottom: 25px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}
.pb50{ padding-bottom: 50px;}
.pb60{ padding-bottom: 60px;}
.pb70{ padding-bottom: 70px;}
.pb80{ padding-bottom: 80px;}
.pb120{ padding-bottom: 120px;}
.pb140{ padding-bottom: 140px;}
.pb170{ padding-bottom: 170px;}

.pl10{ padding-left: 10px;}
.pl20{ padding-left: 20px;}
.pl25{ padding-left: 25px;}
.pl30{ padding-left: 30px;}
.pl40{ padding-left: 40px;}
.pl50{ padding-left: 50px;}
.pl60{ padding-left: 60px;}
.pl70{ padding-left: 70px;}
.pl80{ padding-left: 80px;}


.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;}
.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;}
.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;}
.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;}
.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;}
.ml20{ margin-left: 20px;}
.ml25{ margin-left: 25px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.ml60{ margin-left: 60px;}
.ml70{ margin-left: 70px;}
.ml80{ margin-left: 80px;}
.ml117{ margin-left: 117px;}
.ml160{ margin-left: 160px;}


.mr0{ margin-right: 0px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.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;}

.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;}
.bge3e3e3 {
    background-color: #eee;
}
.bgeee{background-color: #eee;}

.w12{width: 12px;}
.w26{width: 26px;}
.w40{ width: 40px; }
.w45{ width: 45px; }
.w48{ width: 48px; }
.w50{ width: 50px; }
.w60{ width: 60px; }
.w70{ width: 70px; }
.w80{width: 80px;}
.w90{ width: 90px; }
.w100{ width: 100px; }
.w120{ width: 120px; }
.w140{ width: 140px; }
.w160{ width: 160px; }
.w180{ width: 180px; }
.w200{ width: 200px; }
.w217{ width: 217px; }
.w300{ width: 300px; }
.w340{ width: 340px; }
.w400 {
    width: 400px;
}
.w415{ width: 415px; }
.w420{ width: 420px; }
.w473{ width: 473px; }
.w600{ width: 600px; }
.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; }
.w680{ width: 680px; }
.w681{ width: 681px; }
.w750{ width: 750px; }



.h40{ height: 40px; }
.h45{ height: 45px; }
.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;}
.h10{height: 10px;}
.h17{height: 17px;}
.h20{height: 20px;}
.h22{height: 22px;}
.h25{ height: 25px; }
.h26{ height: 26px; }
.h29{ height: 29px; }
.h33{ height: 33px; }
.h34{ height: 34px; }
.h35{ height: 35px; }
.h38{ height: 38px; }
.h56{ height: 56px; }
.h50{ height: 50px; }
.h60{ height: 60px; }
.h63{ height: 63px; }
.h67{ height: 67px; }
.h80{ height: 80px; }
.h57{ height: 57px; }
.h70{ height: 70px; }
.h74{ height: 74px; }
.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; }
.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;
}
.lineheight25{
  line-height: 25px;
}
.lineheight30{
  line-height: 30px;
}
.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_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;}
.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;}
.brw10{ border-right-width: 10px;}
.brw20{ border-right-width: 20px;}
.brw30{ border-right-width: 30px;}
.btw0{  border-top-width: 0px;}
.btw10{ border-top-width: 10px;}
.btw20{ border-top-width: 20px;}
.btw30{ border-top-width: 30px;}

.bbw0{  border-bottom-width: 0px;}
.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-rel:hover .hover-opacity10 {
    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_ellipse{
  display: -webkit-box ;
  overflow: hidden; /*隐藏溢出的文本  */
  text-overflow: ellipsis;
  word-break: break-all;/*自动换行*/
  -moz-box-orient: vertical; /*从上到下自动排列子元素*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2; /*显示的行数*/
}
.line-clamp2{ -webkit-line-clamp:2; /*显示的行数*/ }




.menu_active {
  border-bottom:3px solid #ff8143;
}

/**
盒子选中样式。 右上角带三角形
 */
.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;
}

.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;
}

.transition {
    transition:all 0.5s;
}
.bshadow-hover:hover {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%)
}
.bshadow-hover50:hover {
    box-shadow: 0px 0px 10px  rgb(0 0 0 / 50%)
}
.spin {
    animation-name: luwa-spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes luwa-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}






/*首页网格型展示*/
.index-grid-gallery {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    width: 1080px;
    height: 700px;
    grid-gap: 20px 20px;
    grid-template-areas:
        'a a a a d d'
        'a a a a d d'
        'a a a a d d'
        'a a a a c c'
        'b b e e c c'
        'b b e e c c';
}
.index-grid-gallery1 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    width: 1080px;
    height: 700px;
    grid-gap: 20px 20px;
    grid-template-areas:
        'a a a a d d'
        'a a a a d d'
        'a a a a d d'
        'a a a a c c'
        'b b e e c c'
        'b b e e c c';
}

.index-grid-gallery2 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    width: 1080px;
    height: 700px;
    grid-gap: 20px 20px;
    grid-template-areas:
        'a a e e d d'
        'a a e e d d'
        'a a e e c c'
        'a a e e c c'
        'b b e e c c'
        'b b e e c c';
}
.index-grid-gallery3 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    width: 1080px;
    height: 700px;
    grid-gap: 20px 20px;
    grid-template-areas:
        'a a d d d d'
        'a a d d d d'
        'b b d d d d'
        'b b d d d d'
        'b b e e c c'
        'b b e e c c';
}

.banner-item-content {
    flex-direction: column;
    /*width: 1100px;*/
    width:900px;
}
.fill-5d {
    fill: #5d5d5d;
}
.fill-d1 {
    fill: #d1d1d1;
}
.fill-e1 {
    fill: #e1e1e1;
}
.fill-f1 {
    fill: #f1f1f1;
}
.hover-rel:hover .hover-fill-ff, 
.hover-fill-ff:hover{
    fill:#ffffff;
}
.hover-rel:hover .hover-block{
    display:block !important;
}
.transform-anim {
    transition: transform 0.2s linear;
}

.hover-rel:hover .scale1-5,
.scale1-5:hover {
    transform: scale(1.5);
}
.maxw80vw {
    max-width:80vw;
}
.maxw27vw {
    max-width:27vw;
}
.maxh24vw {
    max-height:24vw;
}

/*大屏*/
@media(min-width:800px) {
    .mob {
        display: none !important;
    }
}
/*小屏*/
@media(max-width:800px) {
    .mob-wrap {
        word-break:break-all;
        white-space:normal;
    }
    .pc {
        display: none !important;
    }

    .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;
            }

            /*移动端行*/
    .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-tac {
        text-align: center;
    }
    .mob-aic {
        align-items: center;
    }
    .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-mb20 {
        margin-bottom: 20px;
    }
    .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-ph20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .mob-pv20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .mob-float-unset {
        float: unset !important;
    }
    .mob-w100p {
        width: 100%;
    }
    .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-width-unset {
        width: unset !important;
    }
    .mob-height-30 {
        height: 30px;
    }
    .mob-height-80 {
        height: 80px;
    }
    .mob-height-unset {
        height: unset !important;
    }
    .mob-c-body {
        color:#333;
    }
    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;
        height: unset !important;
        width: unset !important;
        transform: unset !important;
        position: unset !important;
    }
  
    .mob-bg-none{
        background:none !important;
    }
    .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-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;
    }
}