@import url(bootstrap.min.css);
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot?4936');
  src: url('../fonts/iconfont.eot?#iefix4936') format('embedded-opentype'),
    url('../fonts/iconfont.woff2?4936') format('woff2'),
    url('../fonts/iconfont.woff?4936') format('woff'),
    url('../fonts/iconfont.ttf?4936') format('truetype'),
    url('../fonts/iconfont.svg#iconfont?4936') format('svg');
  font-weight: normal;
  font-style: normal;
}
.iconfont {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
@font-face {
  font-family: 'newfont';
  src: url('../fonts/newfont.eot?4936');
  src: url('../fonts/newfont.eot?#iefix4936') format('embedded-opentype'),
    url('../fonts/newfont.woff2?4936') format('woff2'),
    url('../fonts/newfont.woff?4936') format('woff'),
    url('../fonts/newfont.ttf?4936') format('truetype'),
    url('../fonts/newfont.svg#newfont?4936') format('svg');
  font-weight: normal;
  font-style: normal;
}
.newfont {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
@font-face {
  font-family: 'megaicon';
  src: url('../fonts/megaicon.eot?4936');
  src: url('../fonts/megaicon.eot?#iefix4936') format('embedded-opentype'),
    url('../fonts/megaicon.woff?4936') format('woff'),
    url('../fonts/megaicon.ttf?4936') format('truetype'),
    url('../fonts/megaicon.svg#megaicon?4936') format('svg');
  font-weight: normal;
  font-style: normal;
}
.megaicon {
  font-family: 'megaicon' !important;
  font-size: 20px;
  font-style: normal;
}
@font-face {
  font-family: 'newfont1';
  src: url('../fonts/newfont1.eot?4936');
  src: url('../fonts/newfont1.eot?#iefix4936') format('embedded-opentype'),
    url('../fonts/newfont1.woff2?4936') format('woff2'),
    url('../fonts/newfont1.woff?4936') format('woff'),
    url('../fonts/newfont1.ttf?4936') format('truetype'),
    url('../fonts/newfont1.svg#newfont1?4936') format('svg');
  font-weight: normal;
  font-style: normal;
}
.newfont1 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}

@font-face {
  font-family: 'font_family_heluo';  /* Project id 4873291 */
    src: url('//at.alicdn.com/t/c/font_4873291_ca1rm6uyjv9.woff2?t=1763345080784') format('woff2'),
       url('//at.alicdn.com/t/c/font_4873291_ca1rm6uyjv9.woff?t=1763345080784') format('woff'),
       url('//at.alicdn.com/t/c/font_4873291_ca1rm6uyjv9.ttf?t=1763345080784') format('truetype');
}



.iconfont_new_heluo {
  font-family: "font_family_heluo" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-ok:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e6a6';
  font-size: 14px;
}
.glyphicon-menu-down {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
}
.glyphicon-menu-down:before {
  content: '\e632';
}
.icon-index:before {
  content: '\e63e';
}
.icon-log:before {
  content: '\e82a';
}
.icon-matter:before {
  content: '\e649';
}
.icon-task:before {
  content: '\e64c';
}
.icon-bill:before {
  content: '\e64b';
}
.icon-query:before {
  content: '\e644';
}
.icon-indrcontract:before {
  content: '\e744';
}
.icon-indrflow:before {
  content: '\e743';
}
.icon-indrbill:before {
  content: '\e78c';
}
.icon-indrbudget:before {
  content: '\e799';
}
.icon-invoice:before {
  content: '\e8bc';
}
.icon-feescale:before {
  content: '\eace';
}
.icon-more:before {
  content: '\e646';
}
.icon-indbus:before {
  content: '\e792';
}
.icon-bar:before {
  content: '\e648';
}
.icon-chat:before {
  content: '\e657';
}
.icon-myen:before {
  content: '\e6bf';
}
.icon-reserve:before {
  content: '\e64c';
}
.icon-indfly:before {
  content: '\e75c';
}
.icon-indsleep:before {
  content: '\e75d';
}
.icon-indset:before {
  content: '\e6cc';
}
.icon-indtrip:before {
  content: '\e731';
}
.icon-indcarrent:before {
  content: '\e773';
}
.icon-indqueryorder:before {
  content: '\e7a0';
}
.icon-indunusual:before {
  content: '\e7c2';
}
.icon-indnotice:before {
  content: '\e7e2';
}
.icon-indevice:before {
  content: '\e82c';
}
.icon-abnotice:before {
  content: '\edbf';
}
.icon-indmyorder:before {
  content: '\eb05';
}
.icon-indworkapp:before {
  content: '\eb06';
}
.icon-indpendtask:before {
  content: '\eb07';
}
.icon-inddonetask:before {
  content: '\eb09';
}
.icon-indunread:before {
  content: '\eb0b';
}
.icon-indhasread:before {
  content: '\eb0e';
}
.icon-indmybill:before {
  content: '\eb30';
}
.icon-indbeover:before {
  content: '\eb11';
}
.icon-ind-personnel:before {
  content: '\e7f2';
}
.icon-ind-docmanage:before {
  content: '\eb15';
}
.icon-indattend:before {
  content: '\eb16';
}
.icon-indsalarymanage:before {
  content: '\eb80';
}
.icon-indmysalary:before {
  content: '\eb81';
}
.icon-indtoolapp:before {
  content: '\eb18';
}
.icon-indTicket:before {
  content: '\eb19';
}
.icon-ind-initiate:before {
  content: '\eb1c';
}
.icon-query:before {
  content: '\eb2d';
}
.icon-indcalendar:before {
  content: '\eb1d';
}
.icon-indexmailbox:before {
  content: '\e6d0';
}
.icon-ind-interface:before {
  content: '\eb20';
}
.icon-ind-objectadmin:before {
  content: '\eb22';
}
.icon-ind-downcenter:before {
  content: '\eb24';
}
.icon-invoice-board:before {
  content: '\e881';
}
.icon-ind-bussiness:before {
  content: '\eb3e';
}
.icon-indjiekou {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-indjiekou:before {
  content: '\ebe7';
}
.icon-shujutongbu:before {
  content: '\e707';
}
.icon-shujuguanli:before {
  content: '\e70c';
}
.icon-070:before {
  content: '\e742';
}
.icon-071:before {
  content: '\e747';
}
.icon-057:before {
  content: '\e746';
}
.icon-056:before {
  content: '\e74d';
}
.icon-001:before {
  content: '\e74b';
}
.icon-indbmclassicon1:before {
  content: '\eae1';
}
.icon-indbmclassicon2:before {
  content: '\eada';
}
.icon-indbmclassicon3:before {
  content: '\ead6';
}
.icon-indbmclassicon4:before {
  content: '\ead8';
}
.icon-indbmclassicon5:before {
  content: '\ead5';
}
.icon-indbmclassicon6:before {
  content: '\eade';
}
.icon-indbmclassicon7:before {
  content: '\eadf';
}
.icon-indbmclassicon8:before {
  content: '\ead7';
}
.icon-indbmclassicon9:before {
  content: '\eadd';
}
.icon-indbmclassicon10:before {
  content: '\eae0';
}
.icon-indbmicon1:before {
  content: '\ead9';
}
.icon-indbmicon2:before {
  content: '\eadb';
}
.icon-indbmicon3:before {
  content: '\eae5';
}
.icon-indbmicon4:before {
  content: '\eadc';
}
.icon-indbmicon5:before {
  content: '\eae9';
}
.icon-indbmicon6:before {
  content: '\eae3';
}
.icon-indbmicon7:before {
  content: '\eae6';
}
.icon-indbmicon8:before {
  content: '\eae2';
}
.icon-indbmicon9:before {
  content: '\eae8';
}
.icon-indbmicon10:before {
  content: '\eae4';
}
.icon-indbmicon11:before {
  content: '\eae7';
}
.icon-indbmicon12:before {
  content: '\eaed';
}
.icon-indbmicon13:before {
  content: '\eaeb';
}
.icon-indbmicon14:before {
  content: '\eaea';
}
.icon-indbmicon15:before {
  content: '\eaec';
}
.icon-indbmicon16:before {
  content: '\eaf0';
}
.icon-indbmicon17:before {
  content: '\eaef';
}
.icon-indbmicon18:before {
  content: '\eaee';
}
.icon-indbmicon19:before {
  content: '\eaf7';
}
.icon-indbmicon20:before {
  content: '\eaf8';
}
.icon-indbmicon21:before {
  content: '\eaf3';
}
.icon-indbmicon22:before {
  content: '\eaf1';
}
.icon-indbmicon23:before {
  content: '\eaf4';
}
.icon-indbmicon24:before {
  content: '\eaf2';
}
.icon-indbmicon25:before {
  content: '\eaf5';
}
.icon-indbmicon26:before {
  content: '\eaf6';
}
.icon-indbmicon27:before {
  content: '\eafa';
}
.icon-indbmicon28:before {
  content: '\eafb';
}
.icon-indbmicon29:before {
  content: '\eaf9';
}
.icon-indbmicon30:before {
  content: '\eafc';
}
.icon-indbmicon31,
.icon-indbmicon32,
.icon-indbmicon33 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-indbmicon31:before {
  content: '\ebb5';
}
.icon-indbmicon32:before {
  content: '\ed23';
}
.icon-indbmicon33:before {
  content: '\ebac';
}
.icon-indbmicon34:before {
  content: '\ed25';
}
.icon-detailType1:before {
  content: '\e80c';
}
.icon-detailType2:before {
  content: '\ed27';
}
.icon-detailType3:before {
  content: '\e849';
}
.icon-detailType4:before {
  content: '\e848';
}
.icon-detailType5:before {
  content: '\ed29';
}
.icon-detailType6:before {
  content: '\e7f9';
}
.icon-detailType7:before {
  content: '\e7fa';
}
.icon-detailType8:before {
  content: '\e7fb';
}
.icon-detailType9:before {
  content: '\e808';
}
.icon-detailType10:before {
  content: '\e7fd';
}
.icon-indvou:before {
  content: '\e7c2';
}
.icon-indvoubuild:before {
  content: '\e7c2';
}
.icon-indvouhandle:before {
  content: '\e7c2';
}
.icon-indvouexport:before {
  content: '\e7c2';
}
.icon-indshuiwuguanli {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-indshuiwuguanli:before {
  content: '\ec0f';
}
.icon-indshuiwubaobiao {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-indshuiwubaobiao:before {
  content: '\ec0e';
}
.icon-indcitymatch:before {
  content: '\e7e5';
}
.icon-indcitylis:before {
  content: '\e7e4';
}
.icon-indcitypartners:before {
  content: '\e7e6';
}
.icon-indpersonnel:before {
  content: '\e7f2';
}
.icon-indcitypartner:before {
  content: '\e7e6';
}
.icon-indplancenter:before {
  content: '\ebdb';
}
.icon-indplantrend:before {
  content: '\ebd9';
}
.icon-indchannel:before {
  content: '\ecf9';
}
.icon-comdatacount:before {
  content: '\e7f3';
}
.icon-platformcount:before {
  content: '\e7da';
}
.icon-planclass:before {
  content: '\ebe0';
}
.icon-plantab:before {
  content: '\ebd3';
}
.icon-planreview:before {
  content: '\ebd0';
}
.icon-planmanage:before {
  content: '\ebcf';
}
.icon-planapplication:before {
  content: '\ebdb';
}
.icon-indservice:before {
  content: '\ec6a';
}
.icon-serviceapply:before {
  content: '\ec69';
}
.icon-servicesync:before {
  content: '\ec5f';
}
.icon-serviceimport:before {
  content: '\ec63';
}
.icon-serviceclean:before {
  content: '\ec66';
}
.icon-vouadmin:before {
  content: '\e7d6';
}
.icon-voubuild:before {
  content: '\e7d3';
}
.icon-vouhandle:before {
  content: '\e7d4';
}
.icon-vououtput:before {
  content: '\e7d5';
}
.icon-indboard {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-indboard:before {
  content: '\ebba';
}
.icon-zhinenghesuan {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-zhinenghesuan:before {
  content: '\eb58';
}
.icon-yuebiao:before {
  content: '\eb55';
}
.icon-mingxizhang:before {
  content: '\eb56';
}
.icon-zongzhang:before {
  content: '\eb57';
}
.icon-fzyuebiao:before {
  content: '\eb53';
}
.icon-fzmingxizhang:before {
  content: '\eb54';
}
.icon-duolanzhang:before {
  content: '\eb52';
}
.icon-xianjinliuliang:before {
  content: '\ec9a';
}
.icon-caiwubaobiao:before {
  content: '\eb85';
}
.icon-qimojiezhang:before {
  content: '\eb99';
}
.icon-qimojiezhuan:before {
  content: '\ebb2';
}
.icon-jiezhang:before {
  content: '\ebb0';
}
.icon-pingzhengshenhe:before {
  content: '\ecf4';
}
.icon-zhangbuchaxun:before {
  content: '\ecf3';
}
.icon-modplane:before {
  content: '\e6cb';
}
.icon-modcarrental:before {
  content: '\e6f3';
}
.icon-modhotel:before {
  content: '\e6f4';
}
.icon-modtrain:before {
  content: '\e72c';
}
.icon-modmsg:before {
  content: '\e7e1';
}
.icon-modother:before {
  content: '\e714';
}
.icon-modbaiwang:before {
  content: '\eacf';
}
.icon-modocr:before {
  content: '\eacd';
}
.icon-mailbox:before {
  content: '\e708';
}
.icon-modaerospace:before {
  content: '\eb7a';
}
.icon-modinspectticket:before {
  content: '\ead1';
}
.icon-modhangtian:before {
  content: '\ead0';
}
.icon-switchuser:before {
  content: '\e64e';
}
.icon-switchdepart:before {
  content: '\e627';
}
.icon-userset:before {
  content: '\e63f';
}
.icon-rechange:before {
  content: '\e82d';
}
.icon-exitlogin:before {
  content: '\e624';
}
.icon-accounts:before {
  content: '\ebe6';
}
.icon-switchadmin:before {
  content: '\e888';
}
.icon-supercompany:before {
  content: '\e769';
}
.icon-superlimit:before {
  content: '\e76a';
}
.icon-help:before {
  content: '\ebbb';
}
.icon-folder:before {
  content: '\ebd7';
}
.icon-invoice-settlement:before {
  content: '\e882';
}
.icon-invoice-count:before {
  content: '\e881';
}
.icon-invoice-apply:before {
  content: '\e880';
}
.icon-invoice-admin:before {
  content: '\e883';
}
.icon-qiyeguanxi::before {
  content: '\e82e';
}
.icon-addmod:before {
  content: '\e613';
}
.icon-index-date:before {
  content: '\e640';
}
.icon-index-sign:before {
  content: '\e6f2';
}
.icon-index-rule:before {
  content: '\e647';
}
.icon-topicback:before {
  content: '\e76f';
}
.icon-topiczan:before {
  content: '\e664';
}
.icon-topiccomment:before {
  content: '\e665';
}
.icon-commentmore:before {
  content: '\e609';
}
.icon-topictime:before {
  content: '\e663';
}
.icon-pubenclosure:before {
  content: '\e63a';
}
.icon-flowsee:before {
  content: '\e631';
}
.icon-flowrequired:before {
  content: '\e634';
}
.icon-flowedit:before {
  content: '\e635';
}
.icon-flowmodify:before {
  content: '\e636';
}
.icon-flowspecific:before {
  content: '\e659';
}
.icon-flowpost:before {
  content: '\e637';
}
.icon-flowrole:before {
  content: '\e651';
}
.icon-flowmoney:before {
  content: '\e67e';
}
.icon-flowbasicdata:before {
  content: '\e67f';
}
.icon-flowjudge:before {
  content: '\e67d';
}
.icon-flowDelselect:before {
  content: '\e66c';
}
.icon-goreg:before {
  content: '\e630';
}
.icon-logaccount:before {
  content: '\e62f';
}
.icon-logpsw:before {
  content: '\e62c';
}
.icon-logcode:before {
  content: '\e62e';
}
.icon-forgetpsw:before {
  content: '\e682';
}
.icon-resetpsw:before {
  content: '\e683';
}
.icon-backlogin:before {
  content: '\e681';
}
.icon-billnotice:before {
  content: '\e688';
}
.icon-billdown:before {
  content: '\e68b';
}
.icon-billup:before {
  content: '\e68c';
}
.icon-billdate:before {
  content: '\e650';
}
.icon-billperson:before {
  content: '\e65e';
}
.icon-billimg:before {
  content: '\e680';
}
.icon-billlist:before {
  content: '\e612';
}
.icon-billdel:before {
  content: '\e6ab';
}
.icon-wtxt:before {
  content: '\e65f';
}
.icon-wmuchtxt:before {
  content: '\e65c';
}
.icon-wnum:before {
  content: '\e662';
}
.icon-wnum1:before {
  content: '\e79a';
}
.icon-wmoney:before {
  content: '\e65d';
}
.icon-wradio:before {
  content: '\e68f';
}
.icon-wcheck:before {
  content: '\e73b';
}
.icon-wcascade:before {
  content: '\e658';
}
.icon-wdate:before {
  content: '\e650';
}
.icon-wperson:before {
  content: '\e65e';
}
.icon-wimg:before {
  content: '\e661';
}
.icon-wapply:before {
  content: '\e65a';
}
.icon-wloan:before {
  content: '\e65b';
}
.icon-wrelat:before {
  content: '\e7db';
}
.icon-wclass:before {
  content: '\e84d';
}
.icon-wparent:before {
  content: '\e877';
}
.icon-wlist:before {
  content: '\e852';
}
.icon-wchk:before {
  content: '\e853';
}
.icon-wpayment:before {
  content: '\e854';
}
.icon-wtxt1:before {
  content: '\e8d3';
}
.icon-wformula:before {
  content: '\e69d';
}
.icon-wdata:before {
  content: '\e61d';
}
.icon-widentify:before {
  content: '\e78d';
}
.icon-wprogress:before {
  content: '\e78b';
}
.icon-wsepinfo:before {
  content: '\e7a2';
}
.icon-wsubitem:before {
  content: '\e820';
}
.icon-waddress:before {
  content: '\e720';
}
.icon-wbasic:before {
  content: '\e821';
}
.icon-wtab:before {
  content: '\e8b6';
}
.icon-wdata1:before {
  content: '\e7db';
}
.icon-wdetail:before {
  content: '\e85d';
}
.icon-wline:before {
  content: '\e85b';
}
.icon-wsubset:before {
  content: '\e8cd';
}
.icon-wpic:before {
  content: '\e8e4';
}
.icon-wobject:before {
  content: '\e9cb';
}
.icon-waxis:before {
  content: '\e9f8';
}
.icon-wline:before {
  content: '\e85b';
}
.icon-wheadf:before {
  content: '\eac3';
}
.icon-wocr:before {
  content: '\ebb4';
}
.iconfont.icon-wcompose {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconfont.icon-wcompose:before {
  content: '\ecf5';
}
.iconfont.icon-wimglayout {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconfont.icon-wimglayout:before {
  content: '\ecec';
}
.iconfont.icon-wsignin {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconfont.icon-wsignin:before {
  content: '\e722';
}
.iconfont.icon-wjournal {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
}
.iconfont.icon-wjournal:before {
  content: '\ed38';
}
.icon-deploylist {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-deploylist:before {
  content: '\ed06';
}
.icon-wstatic:before {
  content: '\e8d1';
}
.icon-wdynamic:before {
  content: '\e8cf';
}
.icon-wfield:before {
  content: '\e8c9';
}
.icon-wtexts:before {
  content: '\e8d3';
}
.icon-wrows:before {
  content: '\eba1';
}
.icon-wmore:before {
  content: '\e66d';
}
.icon-phorizontal:before {
  content: '\e685';
}
.icon-pvertical:before {
  content: '\e686';
}
.icon-pback:before {
  content: '\e687';
}
.icon-pcolse:before {
  content: '\e656';
}
.icon-setname:before {
  content: '\e6a2';
}
.icon-setformula:before {
  content: '\e69d';
}
.icon-setdata:before {
  content: '\e699';
}
.icon-setrelat:before {
  content: '\e692';
}
.icon-settext:before {
  content: '\e69e';
}
.icon-setrange:before {
  content: '\e69a';
}
.icon-setedit:before {
  content: '\e697';
}
.icon-setmsgedit:before {
  content: '\e746';
}
.icon-setsmmary:before {
  content: '\e698';
}
.icon-setset:before {
  content: '\e63f';
}
.icon-zidingyichuantou:before {
  content: '\e86c';
}
.icon-setsettxt:before {
  content: '\e82f';
}
.icon-setnumrule:before {
  content: '\e753';
}
.icon-limittransfer:before {
  content: '\e7c6';
}
.icon-fieldvalues {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-fieldvalues:before {
  content: '\e85e';
}
.icon-billarrow:before {
  content: '\e668';
}
.icon-calculatedel:before {
  content: '\e6ab';
}
.icon-collectall:before {
  content: '\e6a1';
}
.icon-addcomm:before {
  content: '\e694';
}
.icon-objectstaff:before {
  content: '\e6ac';
}
.icon-objecttrader:before {
  content: '\e6ad';
}
.icon-objectwrite:before {
  content: '\e6ae';
}
.icon-billalldel:before {
  content: '\e66b';
}
.icon-billbigmod:before {
  content: '\e66e';
}
.icon-billicon1:before {
  content: '\e66e';
}
.icon-billicon2:before {
  content: '\e670';
}
.icon-billicon3:before {
  content: '\e672';
}
.icon-billicon4:before {
  content: '\e673';
}
.icon-billicon5:before {
  content: '\e677';
}
.icon-billicon6:before {
  content: '\e678';
}
.icon-billicon7:before {
  content: '\e676';
}
.icon-billicon8:before {
  content: '\e674';
}
.icon-billicon9:before {
  content: '\e675';
}
.icon-billicon10:before {
  content: '\e679';
}
.icon-billicon11:before {
  content: '\e67a';
}
.icon-billicon12:before {
  content: '\e6b2';
}
.icon-billicon13:before {
  content: '\e6b3';
}
.icon-billicon14:before {
  content: '\e6b6';
}
.icon-billicon15:before {
  content: '\e671';
}
.icon-billicon16:before {
  content: '\e6af';
}
.icon-billicon17:before {
  content: '\e6b5';
}
.icon-billicon18:before {
  content: '\e6bb';
}
.icon-billicon19:before {
  content: '\e6bc';
}
.icon-billicon20:before {
  content: '\e6b9';
}
.icon-billwayup:before {
  content: '\e632';
}
.icon-billwaydown:before {
  content: '\e669';
}
.icon-billplanedit:before {
  content: '\e6c5';
}
.icon-billplandel:before {
  content: '\e6ab';
}
.icon-billmouldselesct:before {
  content: '\e669';
}
.icon-flowArrowmod:before {
  content: '\e684';
}
.icon-exportfile:before {
  content: '\e737';
}
.icon-exportfile-empty:before {
  content: '\e6c7';
}
.icon-billapply:before {
  content: '\e670';
}
.icon-printbill:before {
  content: '\e6d9';
}
.icon-printcode:before {
  content: '\e6da';
}
.icon-billlinkchat:before {
  content: '\e657';
}
.icon-printblankpage:before {
  content: '\e7c5';
}
.iconfont-chat-tobill:before {
  content: '\e7ee';
}
.iconfont-addchatp:before {
  content: '\e6ae';
}
.icon-cashfill:before {
  content: '\e6fd';
}
.icon-checkfill:before {
  content: '\e6fc';
}
.icon-notefill:before {
  content: '\e6fe';
}
.iconsys1:before {
  content: '\e6e1';
}
.iconsys2:before {
  content: '\e6df';
}
.iconsys3:before {
  content: '\e6e5';
}
.iconsys4:before {
  content: '\e6e4';
}
.iconsys5:before {
  content: '\ed70';
}
.iconsys6:before {
  content: '\e73c';
}
.iconsys7:before {
  content: '\e73d';
}
.iconsys8:before {
  content: '\e74f';
}
.iconsys9:before {
  content: '\e794';
}
.iconsys10:before {
  content: '\e6ef';
}
.iconsys11:before {
  content: '\e6e7';
}
.iconsys213:before {
  content: '\e6e7';
}
.iconsys12:before {
  content: '\e6fb';
}
.iconsys13:before {
  content: '\e734';
}
.iconsys14:before {
  content: '\e745';
}
.iconsys16:before {
  content: '\e747';
}
.iconsys15:before {
  content: '\e752';
}
.iconsys22:before {
  content: '\e793';
}
.iconsys23:before {
  content: '\e7be';
}
.iconsys24:before {
  content: '\e7c2';
}
.iconsys27:before {
  content: '\e7cf';
}
.iconsys28:before {
  content: '\e7d0';
}
.iconsys29:before {
  content: '\e7d1';
}
.iconsys30:before {
  content: '\e77a';
}
.iconsys31:before {
  content: '\e7df';
}
.iconsys32:before {
  content: '\e7e0';
}
.iconsys33:before {
  content: '\e6f4';
}
.iconsys34:before {
  content: '\e7e1';
}
.iconsys35:before {
  content: '\e6cb';
}
.iconsys36,
.iconsys37,
.iconsys38,
.iconsys40 {
  font-family: 'megaicon' !important;
  font-size: 20px;
  font-style: normal;
}
.iconsys36:before {
  content: '\e73e';
}
.iconsys37:before {
  content: '\e73f';
}
.iconsys38:before {
  content: '\e740';
}
.iconsys39:before {
  content: '\e7de';
}
.iconsys40:before {
  content: '\e736';
}
.iconsys41 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconsys41:before {
  content: '\e79d';
}
.iconsys42:before {
  content: '\e835';
}
.iconsys43:before {
  content: '\e836';
}
.iconsys44:before {
  content: '\e837';
}
.iconsys45:before {
  content: '\e894';
}
.iconsys46:before {
  content: '\e8b1';
}
.iconsys47:before {
  content: '\e8bc';
}
.iconsys48:before {
  content: '\e9f9';
}
.iconsys49:before {
  content: '\e827';
}
.iconsys50:before {
  content: '\eaa2';
}
.iconsys51:before {
  content: '\eb3c';
}
.iconsys921:before {
  content: '\e86f';
}
.iconsys923:before {
  content: '\e86e';
}
.iconsys52:before {
  content: '\eb5d';
}
.iconsys53:before {
  content: '\eb5b';
}
.iconsys54:before {
  content: '\eb5c';
}
.iconsys64:before {
  content: '\ead0';
}
.iconsys65:before {
  content: '\eacf';
}
.iconsys66:before {
  content: '\eb7a';
}
.iconsys67:before {
  content: '\eba8';
}
.iconsys68:before {
  content: '\ebbd';
}
.iconsys69:before {
  content: '\ebdc';
}
.iconsys72:before {
  content: '\ebd4';
}
.iconsys70:before {
  content: '\ebd1';
}
.iconsys71:before {
  content: '\ebde';
}
.iconsys713 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.iconsys713:before {
  content: '\ecb1';
}
.iconsys80:before {
  content: '\ebf2';
}
.iconsys81:before {
  content: '\ebf4';
}
.iconsys82:before {
  content: '\ebf3';
}
.iconsys83:before {
  content: '\ebfc';
}
.iconsys84:before {
  content: '\ec61';
}
.iconsys101:before {
  content: '\e867';
}
.iconfont.iconsys85 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconfont.iconsys85:before {
  content: '\eceb';
}
.iconsys601:before {
  content: '\ecf6';
}
.iconsys90 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconsys90:before {
  content: '\ed1e';
}
.iconsys91:before {
  content: '\e8bc';
}
.iconsys92:before {
  content: '\eacd';
}
.iconsys93:before {
  content: '\ead1';
}
.iconsys94:before {
  content: '\e82b';
}
.iconsys724:before {
  content: '\e708';
}
.iconsys726:before {
  content: '\ebfe';
}
.iconsys725:before {
  content: '\e82b';
}
.iconsysmail:before {
  content: '\e6d0';
}
.iconsysmail {
  background: #4694df;
}
.icon-indexmailbox1:before {
  content: '\e708';
}
.icon-indexmailbox1 {
  background: #4694df;
}
.icon-icon-pingzhengshenhe1:before {
  content: '\e6fe';
}
.icon-icon-pingzhengshenhe1 {
  background: #4694df;
}
.icon-icon-shujutongbu1:before {
  content: '\e70b';
}
.icon-icon-shujutongbu1 {
  background: #26c393;
}
.icon-icon-shujuguanli1:before {
  content: '\e70f';
}
.icon-icon-shujuguanli1 {
  background: #f7bf2a;
}
.icon-icon-070:before {
  content: '\e745';
}
.icon-icon-070 {
  background: #f7bf2a;
}
.icon-icon-071:before {
  content: '\e74f';
}
.icon-icon-071 {
  background: #4ed3c2;
}
.icon-icon-057:before {
  content: '\e748';
}
.icon-icon-057 {
  background: #9774cf;
}
.icon-icon-056:before {
  content: '\e749';
}
.icon-icon-056 {
  background: #4fd2c2;
}
.icon-icon-001:before {
  content: '\e74c';
}
.icon-icon-001 {
  background: #4fd2c2;
}
.icon-email-mapping {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  background-color: #4ed3c2;
}
.icon-email-mapping:before {
  content: '\ebf8';
}
.icon-interface-notice {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  background-color: #4ed3c2;
}
.icon-interface-notice:before {
  content: '\eb6b';
}
.iconsysfts {
  background: #f7bf2a;
}
.iconsysfts:before {
  content: '\e82b';
}
.iconsys99:before {
  content: '\ed37';
}
.iconsys723:before {
  content: '\eacf';
}
.icon-basicicon23:before {
  content: '\ebe9';
}
.iconsys59:before {
  content: '\ebcd';
}
.icon-toolimg:before {
  content: '\e6c2';
}
.icon-admin1:before {
  content: '\e641';
}
.icon-admin2:before {
  content: '\e718';
}
.icon-admin3:before {
  content: '\e644';
}
.icon-admin4:before {
  content: '\e704';
}
.icon-flowadmin1:before {
  content: '\e6e9';
}
.icon-flowadmin2:before {
  content: '\e6ea';
}
.icon-flowadmin3:before {
  content: '\e67e';
}
.icon-travelform1:before {
  content: '\e6f8';
}
.icon-travelform2:before {
  content: '\e612';
}
.icon-facility0:before {
  content: '\e943';
}
.icon-facility1:before {
  content: '\e6d1';
}
.icon-facility2:before {
  content: '\e6ed';
}
.icon-facility3:before {
  content: '\e6f5';
}
.icon-facility4:before {
  content: '\e705';
}
.icon-facility5:before {
  content: '\e6d2';
}
.icon-facility6:before {
  content: '\e706';
}
.icon-facility7:before {
  content: '\e707';
}
.icon-facility8:before {
  content: '\e6f6';
}
.icon-facility9:before {
  content: '\e6e2';
}
.icon-triphasbill:before {
  content: '\e6f8';
}
.icon-tripnobill:before {
  content: '\e724';
}
.icon-selecthasbill:before {
  content: '\e70b';
}
.icon-selectno:before {
  content: '\e79e';
}
.icon-selectbill:before {
  content: '\e70c';
}
.icon-repair:before {
  content: '\e726';
}
.icon-abnormal:before {
  content: '\e6cd';
}
.icon-tinfoperson:before {
  content: '\e72d';
}
.icon-tinfohotel:before {
  content: '\e72e';
}
.icon-tinfotel:before {
  content: '\e72f';
}
.icon-tinfotimedely:before {
  content: '\e6e2';
}
.icon-tinfosite:before {
  content: '\e720';
}
.icon-tinfoinfo:before {
  content: '\e864';
}
.icon-tinfoexceed:before {
  content: '\e6cd';
}
.icon-tinfoseat:before {
  content: '\e716';
}
.icon-tinfoair:before {
  content: '\e6cb';
}
.icon-tinfodriver:before {
  content: '\e7b0';
}
.icon-tinfoplatenum:before {
  content: '\e774';
}
.icon-supplyfly:before {
  content: '\e6cb';
}
.icon-supplyseat:before {
  content: '\e716';
}
.icon-supplyarea1:before {
  content: '\e720';
}
.icon-supplyarea2:before {
  content: '\e721';
}
.icon-supplymoney:before {
  content: '\e6fd';
}
.icon-supplyinfo:before {
  content: '\e864';
}
.icon-supplyover:before {
  content: '\e6cd';
}
.icon-supplyhotel:before {
  content: '\e6f4';
}
.icon-supplytime1:before {
  content: '\e6a9';
}
.icon-supplytime2:before {
  content: '\e724';
}
.icon-supplystrain:before {
  content: '\e72c';
}
.icon-hasbilltrip:before {
  content: '\e6f8';
}
.icon-hastripbill:before {
  content: '\e70b';
}
.icon-hasbilltrip-expense:before {
  content: '\e751';
}
.icon-topiclis:before {
  content: '\e736';
}
.icon-stanopen:before {
  content: '\e6bd';
}
.icon-stancolse:before {
  content: '\e6cf';
}
.icon-modsubsidy:before {
  content: '\e710';
}
.icon-bmicon1:before {
  content: '\e7f7';
}
.icon-bmicon2:before {
  content: '\e7f8';
}
.icon-bmicon3:before {
  content: '\e7f9';
}
.icon-bmicon4:before {
  content: '\e7fa';
}
.icon-bmicon5:before {
  content: '\e7fb';
}
.icon-bmicon6:before {
  content: '\e7fc';
}
.icon-bmicon7:before {
  content: '\e7fd';
}
.icon-bmicon8:before {
  content: '\e7fe';
}
.icon-bmicon9:before {
  content: '\e7ff';
}
.icon-bmicon10:before {
  content: '\e800';
}
.icon-bmicon11:before {
  content: '\e801';
}
.icon-bmicon12:before {
  content: '\e802';
}
.icon-bmicon13:before {
  content: '\e803';
}
.icon-bmicon14:before {
  content: '\e804';
}
.icon-bmicon15:before {
  content: '\e805';
}
.icon-bmicon16:before {
  content: '\e806';
}
.icon-bmicon17:before {
  content: '\e807';
}
.icon-bmicon18:before {
  content: '\e808';
}
.icon-bmicon19:before {
  content: '\e809';
}
.icon-bmicon20:before {
  content: '\e80a';
}
.icon-bmicon21:before {
  content: '\e80b';
}
.icon-bmicon22:before {
  content: '\e80c';
}
.icon-bmicon23:before {
  content: '\e80d';
}
.icon-bmicon24:before {
  content: '\e80e';
}
.icon-bmicon25:before {
  content: '\e80f';
}
.icon-bmicon26:before {
  content: '\e811';
}
.icon-bmicon27:before {
  content: '\e812';
}
.icon-bmicon28:before {
  content: '\e813';
}
.icon-bmicon29:before {
  content: '\e814';
}
.icon-bmicon30:before {
  content: '\e81f';
}
.icon-bmicon31:before {
  content: '\ebab';
}
.icon-bmicon32:before {
  content: '\ebaa';
}
.icon-bmicon33:before {
  content: '\eba9';
}
.icon-bmicon34:before {
  content: '\ed24';
}
.icon-bmclassicon1:before {
  content: '\e815';
}
.icon-bmclassicon2:before {
  content: '\e816';
}
.icon-bmclassicon3:before {
  content: '\e817';
}
.icon-bmclassicon4:before {
  content: '\e818';
}
.icon-bmclassicon5:before {
  content: '\e819';
}
.icon-bmclassicon6:before {
  content: '\e81a';
}
.icon-bmclassicon7:before {
  content: '\e81b';
}
.icon-bmclassicon8:before {
  content: '\e81c';
}
.icon-bmclassicon9:before {
  content: '\e81d';
}
.icon-bmclassicon10:before {
  content: '\e81e';
}
.icon-setdates:before {
  content: '\e748';
}
.icon-rightmove:before {
  content: '\e796';
}
.icon-rightfront {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-rightfront:before {
  content: '\e795';
}
.icon-rightbehind {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-rightbehind:before {
  content: '\e798';
}
.icon-rightchild {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-rightchild:before {
  content: '\e86b';
}
.icon-rightpick {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-rightpick:before {
  content: '\e855';
}
.icon-areport1:before {
  content: '\e7a8';
}
.icon-areport2:before {
  content: '\e7a9';
}
.icon-areport3:before {
  content: '\e7aa';
}
.icon-areport4:before {
  content: '\e7ab';
}
.icon-areport5:before {
  content: '\e7ac';
}
.icon-areport6:before {
  content: '\e7ad';
}
.icon-areport7:before {
  content: '\e7ae';
}
.icon-areport8:before {
  content: '\e7af';
}
.icon-areport9:before {
  content: '\e7b1';
}
.icon-areport10:before {
  content: '\e7b2';
}
.icon-areport11:before {
  content: '\e7b3';
}
.icon-areport12:before {
  content: '\e7b4';
}
.icon-areport13:before {
  content: '\e7b5';
}
.icon-areport14:before {
  content: '\e7b6';
}
.icon-areport15:before {
  content: '\e7b7';
}
.icon-areport16:before {
  content: '\e7b8';
}
.icon-areport17:before {
  content: '\e7b9';
}
.icon-areport18:before {
  content: '\e7ba';
}
.icon-areport19:before {
  content: '\e7bb';
}
.icon-areport20:before {
  content: '\e7bc';
}
.icon-areport100:before {
  content: '\e7d8';
}
.icon-areport101:before {
  content: '\e7dd';
}
.iconbtn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  margin: 0 2px;
  border: 0;
  background: none;
  font-size: 22px;
  color: #ababab;
}
.iconbtn-search-colse {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.iconbtn-search-colse:before {
  content: '';
}
.iconbtn-disable {
  font-size: 22px;
}
.iconbtn-disable:before {
  content: '\e67b';
}
.iconbtn-bulkedit {
  font-size: 22px;
}
.iconbtn-bulkedit:before {
  content: '\ec65';
}
.iconbtn-enable:before {
  content: '\eb8a';
}
.iconbtn-voutobill:before {
  content: '\e6f9';
}
.iconbtn-vouall:before {
  content: '\e706';
}
.iconbtn-voucheck:before {
  content: '\e6fe';
}
.iconbtn-back:before {
  content: '\e6ec';
}
.iconbtn-search:before {
  content: '\e6ed';
}
.iconbtn-set:before {
  content: '\e71e';
}
.iconbtn-import:before {
  content: '\e6ef';
}
.iconbtn-batchdel {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 22px;
}
.iconbtn-batchdel:before {
  content: '\e734';
}
.iconbtn-handimport:before {
  content: '\e643';
}
.iconbtn-export:before {
  content: '\e6ee';
}
.iconbtn-hasaccount:before {
  content: '\e709';
}
.iconbtn-stayaccount:before {
  content: '\e70a';
}
.iconbtn-oldupdate:before {
  content: '\e72b';
}
.iconbtn-navdel:before {
  content: '\e734';
}
.iconbtn-newsave:before {
  content: '\e759';
}
.iconbtn-count:before {
  content: '\e791';
}
.iconbtn-test:before {
  content: '\e7ea';
}
.iconbtn-journal:before {
  content: '\e799';
}
.iconbtn-synlis:before {
  content: '\e843';
}
.iconbtn-log:before {
  content: '\e799';
}
.iconbtn-clearall:before {
  content: '\e799';
}
.iconbtn-sync:before {
  content: '\ebf7';
}
.iconbtn-taxreset:before {
  content: '\ebf7';
}
.iconbtn-declare {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 22px;
}
.iconbtn-declare:before {
  content: '\ec67';
}
.iconbtn-getintshu:before {
  content: '\e704';
}
.iconbtn-getintshuing:before {
  content: '\e739';
}
.iconbtn-updataintshu:before {
  content: '\e6fd';
}
.iconbtn-tijiao:before {
  content: '\e705';
}
.iconbtn-testresult:before {
  content: '\ebf5';
}
.iconbtn-apply:before {
  content: '\ec67';
}
.iconbtn-newsync:before {
  content: '\ec6c';
}
.iconbtn-write:before {
  content: '\e6b7';
}
.iconbtn-clear:before {
  content: '\ec68';
}
.iconbtn-del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.iconbtn-del:before {
  content: '\e7f6';
}
.iconbtn-history:before {
  content: '\e72b';
}
.iconbtn-changelog:before {
  content: '\ebda';
}
.iconbtn-screen:before {
  content: '\e7c1';
}
.iconbtn-more:before {
  content: '\e6fb';
}
.iconbtn-startsort:before {
  content: '\e850';
}
.iconbtn-outsort:before {
  content: '\e656';
}
.iconbtn-newoutput:before {
  content: '\e6ee';
}
.iconbtn-newprint:before {
  content: '\e860';
}
.iconbtn-qingchu:before {
  content: '\e715';
}
.iconbtn-bufa:before {
  content: '\edbe';
}
.iconbtn-picenlarge {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.iconbtn-picenlarge:before {
  content: '';
}
.iconbtn-outpicenlarge {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.iconbtn-outpicenlarge:before {
  content: '';
}
.iconbtn.iconbtn-outscreen {
  font-family: 'newfont1' !important;
}
.iconbtn.iconbtn-outscreen:before {
  content: '\e914';
}
.iconbtn-addnew:before {
  content: '\e6f0';
}
.iconbtn-define:before {
  content: '\e714';
}
.iconbtn-morehandle:before {
  content: '\e6fb';
}
.iconbtn-recharge-see:before {
  content: '\e709';
}
.iconbtn-orderflow:before {
  content: '\e799';
}
.iconbtn-interfaceapi:before {
  content: '\e7a6';
}
.iconbtn-breakdown:before {
  content: '\eb5a';
}
.iconbtn-printnew:before {
  content: '\e860';
}
.iconbtn-withdraw:before {
  content: '\eb87';
}
.iconbtn-chat:before {
  content: '\e889';
}
.iconbtn-modifyperson:before {
  content: '\ec6d';
}
.iconbtn-modifylink:before {
  content: '\ec6b';
}
.iconbtn-notice:before {
  content: '\ecf0';
}
.iconbtn-download:before {
  content: '\eb43';
}
.icon-megaicon1,
.icon-megaicon2,
.icon-megaicon3,
.icon-megaicon4,
.icon-megaicon5,
.icon-megaicon6,
.icon-megaicon7,
.icon-megaicon8,
.icon-megaicon9,
.icon-megaicon10,
.icon-megaicon11,
.icon-megaicon12,
.icon-megaicon13,
.icon-megaicon14,
.icon-megaicon15,
.icon-megaicon16,
.icon-megaicon17,
.icon-megaicon18,
.icon-megaicon19,
.icon-megaicon20 {
  font-family: 'megaicon' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 24px;
}
.icon-megaicon1:before {
  content: '\e780';
}
.icon-megaicon2:before {
  content: '\e781';
}
.icon-megaicon3:before {
  content: '\e77a';
}
.icon-megaicon4:before {
  content: '\e77b';
}
.icon-megaicon5:before {
  content: '\e779';
}
.icon-megaicon6:before {
  content: '\e777';
}
.icon-megaicon7:before {
  content: '\e784';
}
.icon-megaicon8:before {
  content: '\e785';
}
.icon-megaicon9:before {
  content: '\e789';
}
.icon-megaicon10:before {
  content: '\e786';
}
.icon-megaicon11:before {
  content: '\e782';
}
.icon-megaicon12:before {
  content: '\e787';
}
.icon-megaicon13:before {
  content: '\e77e';
}
.icon-megaicon14:before {
  content: '\e77f';
}
.icon-megaicon15:before {
  content: '\e77c';
}
.icon-megaicon16:before {
  content: '\e77d';
}
.icon-megaicon17:before {
  content: '\e788';
}
.icon-megaicon18:before {
  content: '\e783';
}
.icon-megaicon19:before {
  content: '\e775';
}
.icon-megaicon20:before {
  content: '\e778';
}
.checkmore-btn {
  font-family: 'megaicon' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 22px;
  color: #1878ff;;
}
.checkmore-btn:before {
  content: '\e755';
}
.icon-megafun01,
.icon-megafun02,
.icon-megafun1,
.icon-megafun2,
.icon-megafun3,
.icon-megafun4,
.icon-megafun5,
.icon-megafun6,
.icon-megafun7,
.icon-megafun8,
.icon-megafun9,
.icon-megafun10 {
  font-family: 'megaicon' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 24px;
}
.icon-megafun01 {
  color: #1878ff;;
}
.icon-megafun01:before {
  content: '\e751';
}
.icon-megafun02 {
  color: #1878ff;;
}
.icon-megafun02:before {
  content: '\e755';
}
.icon-megafun1 {
  color: #1878ff;;
}
.icon-megafun1:before {
  content: '\e6f4';
}
.icon-megafun2 {
  color: #1878ff;;
}
.icon-megafun2:before {
  content: '\e71a';
}
.icon-megafun3 {
  color: #1878ff;;
}
.icon-megafun3:before {
  content: '\e758';
}
.icon-megafun4 {
  color: #1878ff;;
}
.icon-megafun4:before {
  content: '\e750';
}
.icon-megafun5 {
  color: #1878ff;;
}
.icon-megafun5:before {
  content: '\e754';
}
.icon-megafun6 {
  color: #4fd2c2;
}
.icon-megafun6:before {
  content: '\e74f';
}
.icon-megafun7 {
  color: #4fd2c2;
}
.icon-megafun7:before {
  content: '\e753';
}
.icon-megafun8 {
  color: #4fd2c2;
}
.icon-megafun8:before {
  content: '\e756';
}
.icon-megafun9 {
  color: #4fd2c2;
}
.icon-megafun9:before {
  content: '\e757';
}
.icon-megafun10 {
  color: #f54646;
}
.icon-megafun10:before {
  content: '\e6f7';
}
.icon-megafun11,
.icon-megafun12,
.icon-megafun13,
.icon-megafun14,
.icon-megafun15,
.icon-megafun16,
.icon-megafun18 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 24px;
}
.icon-megafun11 {
  color: #1878ff;;
}
.icon-megafun11:before {
  content: '\e7b8';
}
.icon-megafun12 {
  color: #1878ff;;
}
.icon-megafun12:before {
  content: '\e7b9';
}
.icon-megafun13 {
  color: #4fd2c2;
}
.icon-megafun13:before {
  content: '\e7ba';
}
.icon-megafun14 {
  color: #1878ff;;
}
.icon-megafun14:before {
  content: '\e87e';
}
.icon-megafun15 {
  color: #4fd2c2;
}
.icon-megafun15:before {
  content: '\e87f';
}
.icon-megafun16 {
  color: #4fd2c2;
}
.icon-megafun16:before {
  content: '\eb39';
}
.icon-megafun18 {
  color: #4fd2c2;
}
.icon-megafun18:before {
  content: '\eb44';
}
.icon-megafun19 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 24px;
  color: #59c780;
}
.icon-megafun19:before {
  content: '\ec9c';
}
.icon-megafun20 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 24px;
  color: #49bef3;
}
.icon-megafun20:before {
  content: '\ec9e';
}
.icon-megafun21 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 24px;
  color: #4fd2c2;
}
.icon-megafun21:before {
  content: '\ebd8';
}
.icon-megafun22 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #4fd2c2;
  font-size: 24px;
}
.icon-megafun22:before {
  content: '\e90a';
}
.icon-megafun23 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #4fd2c2;
  font-size: 24px;
}
.icon-megafun23:before {
  content: '\ecba';
}
.icon-megafun24 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #4fd2c2;
  font-size: 24px;
}
.icon-megafun24:before {
  content: '\ed1f';
}
.icon-megafun25 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #4fd2c2;
  font-size: 24px;
}
.icon-megafun25:before {
  content: '\ed6c';
}
.icon-megafun26 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #ffd101;
  font-size: 24px;
}
.icon-megafun26:before {
  content: '\e7c3';
}
.icon-megafun27 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #39bf76;
  font-size: 24px;
}
.icon-megafun27:before {
  content: '\e7bc';
}
.icon-megafun28 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #f54646;
  font-size: 24px;
}
.icon-megafun28:before {
  content: '\e6fc';
}
.icon-indexsetting-pc {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-indexsetting-pc:before {
  content: '';
}
.icon-indexsetting-app {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-indexsetting-app:before {
  content: '';
}
.icon-indmegapage:before {
  content: '\e7f1';
}
.icon-indmegapage:before {
  content: '\e7f1';
}
.icon-attendm-base {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-attendm-base:before {
  content: '';
}
.icon-attendm-model {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-attendm-model:before {
  content: '';
}
.icon-attendm-shift {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-attendm-shift:before {
  content: '';
}
.icon-attendm-abnormal {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-attendm-abnormal:before {
  content: '';
}
.icon-extime {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-extime:before {
  content: '';
}
.icon-exseat {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-exseat:before {
  content: '';
}
.icon-exip {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-exip:before {
  content: '';
}
.icon-exwifi {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-exwifi:before {
  content: '';
}
.icon-mine-vacation {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-mine-vacation:before {
  content: '';
}
.icon-mine-overtime {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-mine-overtime:before {
  content: '';
}
.icon-vacationm-type {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-vacationm-type:before {
  content: '';
}
.icon-vacationm-balance {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-vacationm-balance:before {
  content: '';
}
.icontxt-vbadjust {
  color: #4ed3c3;
}
.icontxt-vbadjust:before {
  content: '';
}
.icontxt-vbinitial {
  color: #4dbff2;
}
.icontxt-vbinitial:before {
  content: '';
}
.icon-plattravel:before {
  content: '';
}
.icon-helpsele {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-helpsele:before {
  content: '\e8e0';
}
.icon-helpcheck {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-helpcheck:before {
  content: '\e8e1';
}
.icon-basicsetting {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-basicsetting:before {
  content: '\e760';
}
.icon-standardmodel {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 22px;
}
.icon-standardmodel:before {
  content: '\eaa2';
}
.iconbtn-poweredit:before {
  content: '\e87b';
}
.iconbtn-charhide {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconbtn-charhide:before {
  content: '\eb3d';
}
.icon-indworkapp:before {
  content: '\eb06';
}
.icon-ind-userdefined {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-ind-userdefined:before {
  content: '\eb15';
}
.home-temps .icon-ind-userdefined,
.blocksele-set .icon-ind-userdefined {
  background-color: #fd9a4a;
  border: 1px solid #fd9a4a;
  color: #fff;
}
.icon-initialMenu {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-initialMenu:before {
  content: '\eb5e';
}
.icon-vouchermainMenu {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-vouchermainMenu:before {
  content: '\eb6f';
}
.icon-voucherMenu {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-voucherMenu:before {
  content: '\eb5f';
}
.icon-voucheropen {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-voucheropen:before {
  content: '\eb84';
}
.icon-voucherknots {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-voucherknots:before {
  content: '\eb98';
}
.icon-voucherdatahandle {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-voucherdatahandle:before {
  content: '\e6e7';
}
.icon-voucherjiezhang {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-voucherjiezhang:before {
  content: '\ebb1';
}
.icon-voucherjiekou {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-voucherjiekou:before {
  content: '\e7f7';
}
.iconbtn-run {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 22px;
}
.iconbtn-run:before {
  content: '\e8b4';
}
.iconbtn-check {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 18px;
}
.iconbtn-check:before {
  content: '\ebf5';
}
.iconbtn-setboard {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconbtn-setboard:before {
  content: '\ebf1';
}
.iconbtn-setexperience {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconbtn-setexperience:before {
  content: '\ebf6';
}
.icon-taxplan:before {
  content: '\ebfe';
}
.iconbtn-mapping {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.iconbtn-mapping:before {
  content: '\ebf0';
}
.icon-viewicon1:before {
  content: '\ecad';
}
.icon-viewicon2:before {
  content: '\eca0';
}
.icon-viewicon3:before {
  content: '\eca9';
}
.icon-viewicon4:before {
  content: '\ecaa';
}
.icon-viewicon5:before {
  content: '\eca3';
}
.icon-viewicon6:before {
  content: '\eca7';
}
.icon-viewicon7:before {
  content: '\ecae';
}
.icon-viewicon8:before {
  content: '\ec9f';
}
.icon-out-links:before {
  content: '\edba';
}
.icon-setbasedata4925 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px !important;
}
.icon-setbasedata4925:before {
  content: '\e699';
}
.icon-setfilter4925 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px !important;
}
.icon-setfilter4925:before {
  content: '\e8c7';
}
.erjimenu {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 4px;
}
.icon-erjimenu1 {
  background-color: #4fd2c2;
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 20px;
}
.icon-erjimenu1:before {
  content: '\ec56';
}
.icon-meun-custom-line1 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-line1:before {
  content: '\eb14';
}
.icon-meun-custom-line2 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-line2:before {
  content: '\e830';
}
.icon-meun-custom-line3 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-line3:before {
  content: '\e831';
}
.icon-meun-custom-line4 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-line4:before {
  content: '\e832';
}
.icon-meun-custom-line5 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-line5:before {
  content: '\e839';
}
.icon-meun-custom-line6 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-line6:before {
  content: '\e83a';
}
.icon-meun-custom-line7 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-line7:before {
  content: '\e83b';
}
.icon-meun-custom-line8 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-line8:before {
  content: '\e83c';
}
.icon-meun-custom-shi1 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-shi1:before {
  content: '\eb15';
}
.icon-meun-custom-shi2 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-shi2:before {
  content: '\e83d';
}
.icon-meun-custom-shi3 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-shi3:before {
  content: '\e83e';
}
.icon-meun-custom-shi4 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-shi4:before {
  content: '\e841';
}
.icon-meun-custom-shi5 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-shi5:before {
  content: '\e842';
}
.icon-meun-custom-shi6 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-shi6:before {
  content: '\e843';
}
.icon-meun-custom-shi7 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-shi7:before {
  content: '\e844';
}
.icon-meun-custom-shi8 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-custom-shi8:before {
  content: '\e84e';
}
.icon-meun-erji-shi1 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
}
.icon-meun-erji-shi1:before {
  content: '\e851';
}
.icon-meun-erji-shi2 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
}
.icon-meun-erji-shi2:before {
  content: '\e85c';
}
.icon-meun-erji-shi3 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
}
.icon-meun-erji-shi3:before {
  content: '\e85e';
}
.icon-meun-erji-shi4 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
}
.icon-meun-erji-shi4:before {
  content: '\e85f';
}
.icon-meun-erji-shi5 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
}
.icon-meun-erji-shi5:before {
  content: '\e860';
}
.icon-meun-erji-line1 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-erji-line1:before {
  content: '\e861';
}
.icon-meun-erji-line2 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-erji-line2:before {
  content: '\e862';
}
.icon-meun-erji-line3 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-erji-line3:before {
  content: '\e863';
}
.icon-meun-erji-line4 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-erji-line4:before {
  content: '\e865';
}
.icon-meun-erji-line5 {
  font-size: 18px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.icon-meun-erji-line5:before {
  content: '\e866';
}
.icon-sign4102 {
  font-size: 18px;
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-sign4102:before {
  content: '\e772';
}
.full-height-layout #wrapper {
  height:100%;
}
.full-height-layout #wrapper {
  overflow: hidden;
}

.full-height-layout{
  height:calc( 100% - 65px );
  padding:0px !important;
}
.nav.navbar-right .col-handles {
  padding-right: 26px;
}
.nav.navbar-right .dropdown-menu,
.nav.navbar-right .navbar-dropdown {
  background: #fff;
  font-size: 0;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
}
.nav.navbar-right .dropdown-menu .topset-wrapper,
.nav.navbar-right .navbar-dropdown .topset-wrapper {
  width: 160px;
}
.nav.navbar-right .dropdown-menu .topset-firm-cur,
.nav.navbar-right .navbar-dropdown .topset-firm-cur {
  width: 430px;
}
.nav.navbar-right .dropdown-menu .row-firm,
.nav.navbar-right .navbar-dropdown .row-firm {
  width: 270px;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  border-right: 1px solid #f3f3f3;
  height: 195px;
}
.nav.navbar-right .dropdown-menu .row-firm > ul,
.nav.navbar-right .navbar-dropdown .row-firm > ul {
  padding-bottom: 10px;
  height: 150px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 10px 10px;
}
.nav.navbar-right .dropdown-menu .row-firm .tit,
.nav.navbar-right .navbar-dropdown .row-firm .tit {
  width: 50%;
  display: inline-block;
  text-align: left;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #1f2937;
  font-size: 14px;
  padding: 0 10px;
}
.nav.navbar-right .dropdown-menu .row-firm .txt,
.nav.navbar-right .navbar-dropdown .row-firm .txt {
  font-size: 14px;
  color: #1f2937;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
}
.nav.navbar-right .dropdown-menu .row-firm li,
.nav.navbar-right .navbar-dropdown .row-firm li {
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  cursor: pointer;
}
.nav.navbar-right .dropdown-menu .row-firm li.cur .txt,
.nav.navbar-right .navbar-dropdown .row-firm li.cur .txt {
  background: #1878ff;
  color: #fff;
}
.nav.navbar-right .dropdown-menu .row-firm li.cur:after,
.nav.navbar-right .navbar-dropdown .row-firm li.cur:after {
  font-size: 14px;
  color: #fff;
}
.nav.navbar-right .dropdown-menu .row-firm li.update-cur .txt,
.nav.navbar-right .navbar-dropdown .row-firm li.update-cur .txt {
  position: relative;
}
.nav.navbar-right .dropdown-menu .row-firm li.update-cur .txt:after,
.nav.navbar-right .navbar-dropdown .row-firm li.update-cur .txt:after {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #ff6000;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 3px;
  right: 10px;
}
.nav.navbar-right .dropdown-menu .row-firm .firm-hasson,
.nav.navbar-right .navbar-dropdown .row-firm .firm-hasson {
  position: relative;
}
.nav.navbar-right .dropdown-menu .row-firm .firm-hasson .firm-son,
.nav.navbar-right .navbar-dropdown .row-firm .firm-hasson .firm-son {
  display: none;
}
.nav.navbar-right .dropdown-menu .row-firm .firm-hasson:before,
.nav.navbar-right .navbar-dropdown .row-firm .firm-hasson:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e669';
  color: #a8a8a8;
  position: absolute;
  font-size: 15px;
  right: 10px;
}
.nav.navbar-right .dropdown-menu .row-firm .firm-hasson.cur:before,
.nav.navbar-right .navbar-dropdown .row-firm .firm-hasson.cur:before {
  content: '\e632';
  color: #fff;
}
.nav.navbar-right .dropdown-menu .row-firm .firm-hasson.cur .firm-son,
.nav.navbar-right .navbar-dropdown .row-firm .firm-hasson.cur .firm-son {
  border: 1px solid #f3f3f3;
  padding-bottom: 0;
  display: block;
}
.nav.navbar-right .dropdown-menu .row-firm .firm-hasson.cur .firm-son li,
.nav.navbar-right .navbar-dropdown .row-firm .firm-hasson.cur .firm-son li {
  margin-bottom: 0;
}
.nav.navbar-right .dropdown-menu .row-firm .firm-hasson.cur .firm-son .txt,
.nav.navbar-right .navbar-dropdown .row-firm .firm-hasson.cur .firm-son .txt {
  border: 0;
  color: #1f2937;
  background: #fff;
}
.nav.navbar-right
  .dropdown-menu
  .row-firm
  .firm-hasson.cur
  .firm-son
  li.cur
  .txt,
.nav.navbar-right
  .dropdown-menu
  .row-firm
  .firm-hasson.cur
  .firm-son
  li:hover
  .txt,
.nav.navbar-right
  .navbar-dropdown
  .row-firm
  .firm-hasson.cur
  .firm-son
  li.cur
  .txt,
.nav.navbar-right
  .navbar-dropdown
  .row-firm
  .firm-hasson.cur
  .firm-son
  li:hover
  .txt {
  color: #1899d0;
  background: #f7f7f7;
}
.nav.navbar-right .dropdown-menu .row-set,
.nav.navbar-right .navbar-dropdown .row-set {
  width: 160px;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.nav.navbar-right .dropdown-menu .row-set li,
.nav.navbar-right .navbar-dropdown .row-set li {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px 0 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  cursor: pointer;
}
.nav.navbar-right .dropdown-menu .row-set li i,
.nav.navbar-right .navbar-dropdown .row-set li i {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 18px;
}
.nav.navbar-right .dropdown-menu .row-set li:hover,
.nav.navbar-right .navbar-dropdown .row-set li:hover {
  background: #f7f7f7;
}
.topset-wrapper .col-titlis .tit {
  width: 50%;
}
.topset-wrapper .col-titnavs {
  display: flex;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 5px;
}
.topset-wrapper .col-titnavs .t {
  width: 120px;
  margin-left: 10px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  color: #585858;
  cursor: pointer;
}
.topset-wrapper .col-titnavs .t.cur {
  color: #4a92de;
  border-bottom: 2px solid #4a92de;
}
.navbar-default {
  border-color: #404352;
  position: relative;
  background:#fff;
}
.sidebar-collapse .sidebarset-entrance {
  position: absolute;
  background-color: #25293c;
  bottom: 0;
  left: 0;
  color: #8c94b4;
  text-align: center;
  width: 190px;
  cursor: pointer;
  min-height: 36px;
}
.sidebar-collapse .sidebarset-entrance .col-icons {
  color: #8c94b4;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
}
.sidebar-collapse .sidebarset-entrance .col-icons:before {
  content: '\e63f';
}
.sidebar-collapse .sidebarset-entrance .col-txts {
  display: inline-block;
  vertical-align: middle;
}
.sidebar-collapse .sidebarset-add {
  padding: 10px 0;
  margin-top: 12px;
}
.sidebar-collapse .sidebarset-add .mods-btn {
  border-radius: 5px;
  width: 135px;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  background: #319bf5;
}
.sidebar-collapse .sidebarset-add .mods-btn .col-icons {
  color: #fff;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 5px;
}
.sidebar-collapse .sidebarset-add .mods-btn .col-icons:before {
  content: '';
}
.sidebar-collapse .sidebarset-add .mods-btn .col-txts {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.navbar {
  border: 0;
}
.navbar > li.active {
  border-left: 4px solid #19aa8d;
  background: #293846;
}
.navbar .dropdown-menu {
  margin-top: 0px;
}
.dropdown-menu {
  border: medium none;
  display: none;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 1000;
  border-radius: 0;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
}
.site-nav {
  padding-bottom: 44px;
}
.site-nav .open > div,
.site-nav .open > div:hover,
.site-nav .open > div:focus {
  background: #fff;
}
.site-nav > .nav-item-mod{
  min-height:56px;
  margin-bottom:4px;
  display:flex;
  align-items:center;
  border-radius:4px;
  padding-left:12px;
  color:rgb(75 85 99);
  cursor: pointer;
  flex-wrap:wrap;
}


.site-nav > .nav-item-mod.actived{
  background-color: rgb(59 130 246);
  color:#fff;
}

.site-nav > .nav-item-mod:hover{
  background-color:rgb(243 244 246);

}

.site-nav > .nav-item-mod.actived:hover{
    background-color: rgb(59 130 246);
    color:#fff;
}

.site-nav > .nav-item-mod.actived a{
  color:#fff;

}



.site-nav > .nav-item-mod a{
  display: flex;
  align-items: center;

}
.site-nav > .nav-item-mod.actived i{
  color:#fff !important;
}


.site-nav > .nav-item-mod .nav-item i {
  margin-right: 6px;
  font-size: 18px;
  width: 32px;
  height:32px;
  display: flex;
  align-items: center;
justify-content: center;
    background-color:rgba(199,210,249,1 ) ;
  border-radius:50%;
  color:#1878ff;

}
.site-nav > .nav-item-mod .nav-item .nav-label {
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
  vertical-align: middle;
  max-width: 90px;
}
.site-nav > .nav-item-mod > .nav-item {

  font-size: 14px;
  font-size: 14px;
}
.site-nav > .nav-item-mod > .nav-item > .show {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  right: 10px;
  top: 15px;
  display: block;
  font-weight: normal;
  font-size: 20px;
}
.site-nav > .nav-item-mod > .nav-item > .show:before {
  content: '';
}
.site-nav > .nav-item-mod > .nav-item.actived > .show:before {
  content: '';
}
.site-nav > .nav-item-mod > .nav-item.actived1:before {
  width: 0;
  height: 0;
  border-right: 9px solid #172237;
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  position: absolute;
  top: 10px;
  right: 0px;
  content: '';
}
.site-nav > .nav-item-mod > .nav-item.erjiflg {
  background: rgba(68, 111, 222, 0.2) !important;
}
.site-nav > .nav-item-mod > .site-subnav .nav-item-mod > .nav-item {
  color: #8c94b4;
  font-size: 14px;
  padding: 5px 0 5px 60px;
  margin-top: 16px;
  display: block;
}
.site-nav > .nav-item-mod > .site-subnav .nav-item-mod > .nav-item.erjiflg {
  background: rgba(68, 111, 222, 0.2) !important;
}


/*.site-nav > .nav-item-mod > .site-subnav .nav-item-mod > .nav-item:hover,*/
/*.site-nav > .nav-item-mod > .site-subnav .nav-item-mod > .nav-item.actived,*/
/*.site-nav > .nav-item-mod > .site-subnav .nav-item-mod > .nav-item.actived1 {*/
/*  color: #fff;*/
/*  font-size: 14px;*/
/*  padding: 5px 0 5px 60px;*/
/*  margin-top: 16px;*/
/*}*/
/*.site-nav > .nav-item-mod .nav-item:hover,*/
/*.site-nav > .nav-item-mod .nav-item.actived,*/
/*.site-nav > .nav-item-mod .nav-item.actived1,*/
/*.site-nav > .nav-item-mod .nav-item:focus {*/
/*  background-color: rgb(243 244 246) !important;*/
/*  color: #4b5563;*/
/*}*/
/*.site-nav .nav-item {*/
/*  cursor: pointer;*/
/*}*/
.site-subnav-float {
  position: fixed;
  background-color: rgba(23, 34, 55, 0.92);
  overflow-y: hidden;
  overflow-x: auto;
  min-width: 190px;
  border-radius: 5px;
  z-index: 1999;
}
.site-subnav-float::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 5px;
}
.site-subnav-float::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #efefef;
  border-radius: 5px;
}
.site-subnav-float::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 5px;
}
.site-subnav-float .nav-item {
  color: #8c94b4;
  padding: 5px 10px;
  margin-top: 0;
}
.site-subnav-float .nav-item:hover,
.site-subnav-float .nav-item.actived {
  background: #35394d !important;
  color: #fff;
  padding: 5px 0 5px 10px;
  border: 0;
  margin-top: 0;
}
.site-subnav-float .nav-item i {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.site-subnav-float .nav-item .nav-label {
  display: inline-block;
  vertical-align: middle;
}
.site-subnav-float .site-subnav-float-top-hear {
  min-width: 190px;
  max-width: 190px;
  height: 48px;
  line-height: 48px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #a9b5c6;
  background-color: #172237;
  border-bottom: 1px solid rgba(117, 131, 154, 0.2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.site-subnav-float .site-subnav-float-top-hear i {
  font-size: 16px;
}
.site-subnav-float .site-subnav-float-top-hear:hover {
  color: #ffffff !important;
}
.site-subnav-float .site-subnav-float-top-hear:hover i {
  color: #ffffff !important;
}
.site-subnav-float .site-subnav-float-mid {
  overflow-y: scroll;
}
.site-subnav-float .site-subnav-float-mid ul {
  width: 190px;
  min-width: 190px;
  max-width: 190px;
  border-right: 1px solid rgba(117, 131, 154, 0.2);
}
.site-subnav-float .site-subnav-float-mid li {
  height: 48px;
  cursor: pointer;
}
.site-subnav-float .site-subnav-float-mid li .nav-item {
  height: 48px;
  line-height: 38px;
  border-radius: 4px;
  padding-left: 20px;
}
.site-subnav-float .site-subnav-float-mid li span {
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-subnav-float .site-subnav-float-mid li:hover .nav-item {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.site-subnav-float .site-subnav-float-mid::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 5px;
}
.site-subnav-float .site-subnav-float-mid::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #efefef;
  border-radius: 5px;
  display: none;
}
.site-subnav-float .site-subnav-float-mid::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 5px;
}
.site-subnav-float .site-subnav-float-con li {
  width: 190px;
  height: 48px;
  display: inline-block;
  writing-mode: horizontal-tb;
  cursor: pointer;
}
.site-subnav-float .site-subnav-float-con li .nav-item {
  height: 48px;
  line-height: 38px;
  border-radius: 4px;
  padding-left: 20px;
}
.site-subnav-float .site-subnav-float-con li span {
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-subnav-float .site-subnav-float-con li:hover .nav-item {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.mini-navbar .site-nav .nav-item-mod:focus {
  display: block;
  border-radius: 0 2px 2px 0;
  min-width: 140px;
  height: auto;
}
.mini-navbar .site-nav .nav-item-mod .site-subnav .nav-item-mod > .nav-item {
  color: #8c94b4;
  font-size: 14px;
  padding: 5px 0 5px 10px;
  margin-top: 0;
}
.mini-navbar
  .site-nav
  .nav-item-mod
  .site-subnav
  .nav-item-mod
  > .nav-item:hover,
.mini-navbar
  .site-nav
  .nav-item-mod
  .site-subnav
  .nav-item-mod
  > .nav-item.actived {
  border: 0;
  margin-top: 0;
}
.mini-navbar .site-nav .nav-item-mod > .nav-item > .show {
  display: none !important;
}
.mini-navbar .site-subnav {
  max-height: 300px;
  overflow-y: auto !important;
}
.mini-navbar .site-subnav::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 5px;
}
.mini-navbar .site-subnav::-webkit-scrollbar {
  width: 6px;
  background-color: #efefef;
  border-radius: 5px;
  height: 6px;
}
.mini-navbar .site-subnav::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 5px;
}
.notedit {
  background: #f7f7f7 !important;
}
.notedit-white {
  background: #fff !important;
}
.panel {
  margin-bottom: 0 !important;
  background-color: unset !important;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.icon-scrolll,
.icon-scrollr {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #cdcfcf;
  font-size: 14px;
  cursor: pointer;
}
.icon-scrolll {
  margin-left: 20px;
}
.icon-scrolll:before {
  content: '\e60a';
}
.icon-scrollr:before {
  content: '\e609';
}
.layui-layer-title {
  font-size: 14px !important;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.layui-layer-close1 {
  font-size: 20px !important;
}
.dropdown-backdrop {
  position: relative !important;
  z-index: -1 !important;
}
body {
  color: #606060;
  overflow-x: hidden;
  font-family: Microsoft YaHei, Arial, sans-serif;
  font-size: 14px;
}
html,
body {
  height: 100%;
}
a {
  cursor: pointer;
}
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}
video {
  width: 100% !important;
  height: auto !important;
}
ul,
li {
  list-style: none;
  padding: 0;
}
dt {
  font-weight: normal;
}
code {
  background-color: #f9f2f4;
  border-radius: 4px;
  color: #ca4440;
  font-size: 90%;
  padding: 2px 4px;
  white-space: nowrap;
}
.block {
  display: block;
}
.wrapper {
  padding: 0 10px;
}
.container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.border-bottom {
  border-bottom: 1px solid #e7eaec !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f7f7f7;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.visible {
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  flex: 0 !important;
  min-width: 0 !important;
  width: 0 !important;
}
#wrapper {
  width: 100%;
  overflow-x: hidden;
}
#page-wrapper {
  min-height: auto;
  position: inherit;
  margin: 0 0 0 200px;
  height:100%;
  overflow-y: auto;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 0;
  padding-left: 0;
}
.notice-comm {
  color: #606060;
  font-size: 14px;
  position: relative;
  padding-left: 30px;
  margin-top: 10px;
}
.notice-comm:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  content: '\e655';
  color: #1878ff;;
  vertical-align: middle;
  position: absolute;
  left: 5px;
  top: 0;
}
.notice-comm p {
  margin: 0;
  line-height: 26px;
}
.notice-comm span {
  color: #1878ff;;
}
button:focus {
  outline: 0;
}
.commm-sub {
  padding: 4px 22px;
  display: inline-block;
  text-align: center;
  background: #1878ff;;
  color: #fff;
  line-height: 24px;
  border: 0;
  border-radius: 4px;
}
.commm-sub:hover,
.commm-sub:active,
.commm-sub.active,
.commm-sub:focus,
.commm-sub.focus {
  color: #fff;
}
.btn-primary {
  background-color: #1878ff;;
  border-color: #1878ff;;
  color: #fff;
}
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus {
  background-color: #1878ff; !important;
  border-color: #1878ff; !important;
  color: #fff;
}
.btn-primary:hover {
  background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), #1878ff !important;
  color: #fff;
}
.btn-gray {
  background-color: #eee;
  border-color: #eee;

}

.btn-lightgray {
  background-color: #eee;
  border-color: #eee;
  color: #aeaeae;
}
.btn-lightgray:active,
.btn-lightgray.active,
.btn-lightgray:focus,
.btn-lightgray.focus {
  background-color: #eee;
  border-color: #eee;
  color: #aeaeae;
}
.btn-lightgray:hover {
  background-color: #eee;
  border-color: #eee;
  color: #aeaeae;
}
.btn-default,
.btn-white {
  background-color: #fff;
  border-color: #dfdfdf;
  color: #606060;
}
.btn-default:active,
.btn-default.active,
.btn-default:focus,
.btn-default.focus,
.btn-white:active,
.btn-white.active,
.btn-white:focus,
.btn-white.focus {
  background-color: #fff;
  border-color: #dfdfdf;
  color: #606060;
}
.btn-default:hover,
.btn-white:hover {
  background-color: #fff;
  border-color: #1878ff;
  color: #1878ff;
}
.btn-default.disable,
.btn-default[disabled],
.btn-white.disable,
.btn-white[disabled] {
  background-color: #f7f7f7;
  border-color: #e0e0e0;
  color: #aeaeae;
  cursor: not-allowed;
  opacity: 1;
}
.btn-lightblue {
  background-color: #f2fbff;
  border-color: #dfdfdf;
  color: #606060;
}
.btn-lightblue:active,
.btn-lightblue.active,
.btn-lightblue:focus,
.btn-lightblue.focus {
  background-color: #f2fbff;
  border-color: #dfdfdf;
  color: #606060;
}
.btn-lightblue:hover {
  background-color: #f2fbff;
  border-color: #1878ff;
  color: #1878ff;
}
.btn-corange {
  background: #f9a244;
  color: #fff;
}
.btn-corange:active,
.btn-corange.active,
.btn-corange:focus,
.btn-corange.focus {
  background: #f9a244;
  color: #fff;
}
.btn-corange:hover {
  background: #f9a244;
  color: #fff;
}
.btn-cgreen {
  background: #4fd2c2;
  color: #fff;
}
.btn-cgreen:active,
.btn-cgreen.active,
.btn-cgreen:focus,
.btn-cgreen.focus {
  background: #4fd2c2;
  color: #fff;
}
.btn-cgreen:hover {
  background: #4fd2c2;
  color: #fff;
}
.btn-white1 {
  background-color: #fff;
  border-color: #fff;
  color: #070707;
}
.btn-white1:active,
.btn-white1.active,
.btn-white1:focus,
.btn-white1.focus {
  background: #fff;
  color: #070707;
}
.btn-white1:hover {
  background: #fff;
  color: #070707;
}
.ui-head {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: normal;
}
.ui-head.font-xxs {
  font-size: 12px !important;
}
.ui-head.font-xs {
  font-size: 14px !important;
}
.ui-head.font-s {
  font-size: 16px !important;
}
.ui-head.font-m {
  font-size: 18px !important;
}
.ui-head.font-l {
  font-size: 20px !important;
}
.fixed-nav .slimScrollDiv #side-menu {
  padding-bottom: 60px;
  position: relative;
}
.slimScrollDiv > * {
  overflow: hidden;
}
.pace-done .nav-header {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.fixed-nav #wrapper {
  padding-top: 60px;
  box-sizing: border-box;
}
.body-small .navbar-fixed-top {
  margin-left: 0px;
}
.mini-navbar .navbar-static-side {
  width: 70px;
}
.mini-navbar .nav-label,
.mini-navbar .navbar-default .nav li a span {
  display: none;
}
.mini-navbar .logo-element {
  display: block;
}
.mini-navbar .nav-header {
  padding: 0;
  background-color: #1ab394;
}
.mini-navbar #page-wrapper {
  margin: 0 0 0 70px;
}
.mini-navbar .site-nav > .nav-item-mod .nav-item i {
  margin-right: 6px;
  font-size: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 28px;

}
.mini-navbar .site-nav > .nav-item-mod .nav-item .nav-label {
  display: none;
}
.fixed-sidebar .navbar-static-side {
  position: fixed;
  width: 200px;
  z-index: 2001;
  height: calc(100% - 53px);
  padding:16px;
}
.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 70px;
}
.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 70px;
}
.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 70px;
}
.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 70px;
}
.btn {
  border-radius: 3px;
  padding: 4px 21px;
  margin: 0 2px;
  line-height: 22px;
  font-size: 14px;
}
.btn:focus {
  outline: none;
}
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.open .btn.dropdown-toggle,
.panel,
.progress,
.progress-bar {
  box-shadow: none;
}
.label {
  background-color: #d1dade;
  color: #5e5e5e;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  text-shadow: none;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #1878ff;;
  position: fixed;
  z-index: 2000;
  top: 0;
  width: 100%;
  height: 2px;
}
.pace-inactive {
  display: none;
}
.glyphicon.fa {
  font-family: 'FontAwesome';
}
.inline {
  display: inline-block !important;
}
.i-checks {
  padding-left: 0;
}
.form-control {
  background-color: #fff;
  background-image: none;
  color: inherit;
  display: block;
  padding: 5px 12px;
  border: 1px solid #e5e6e7;
  resize: none;
  width: 100%;
  font-size: 14px;
  border-radius: 5px;
}
.form-control:focus {
  border-color: #e5e6e7 !important;
}
.input-group-addon {
  background-color: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}
.ui-sortable .ibox-title {
  cursor: move;
}
.ui-sortable-placeholder {
  border: 1px dashed #cecece !important;
  visibility: visible !important;
  background: #e7eaec;
}
.ibox.ui-sortable-placeholder {
  margin: 0px 0px 23px !important;
}
.xxs-input {
  width: 100px;
}
.xs-input,
.s-input {
  width: 180px !important;
}
.m-input {
  width: 300px;
}
.l-input {
  width: 400px;
}
label.error {
  color: #cc5965;
  display: inline-block;
  margin-left: 5px;
}
.form-control.error {
  border: 1px dotted #cc5965;
}
.sidebard-panel {
  width: 220px;
  background: #ebebed;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}
.media-body,
.sidebard-panel p {
  font-size: 14px;
}
.sidebard-panel .list-group {
  margin-bottom: 10px;
}
.sidebard-panel .list-group .list-group-item {
  padding: 5px 0;
  font-size: 14px;
  border: 0;
}
.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
}
.modal-dialog {
  z-index: 1200;
}
.modal-body {
  padding: 20px 30px 30px 30px;
}
.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.modal-footer {
  margin-top: 0;
}
.panel.blank-panel {
  background: none;
  margin: 0;
}
.blank-panel .panel-heading {
  padding-bottom: 0;
}
.full-width {
  width: 100% !important;
}
.ui-draggable .ibox-title {
  cursor: move;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #e7eaec;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 4px 0px 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #fff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0px;
}
.ibox-content {
  clear: both;
}
.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}
.ibox-title .label {
  float: left;
  margin-left: 4px;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.ibox .open > .dropdown-menu {
  left: auto;
  right: 0;
}
.gray-bg {
  background-color: rgb(248,249,250);
  padding:24px;
}
.log-bg {
  background-color: #404352;
}
.blue-bg {
  background-color: rgb(249,250,251);
}
.bule-bg {
  background-color: rgb(249,250,251);
}
.text-muted {
  color: #888888;
}
.full-height {
  height: 100%;
}
.modal {
  z-index: 2050 !important;
}
.sortable-list {
  padding: 10px 0;
}
@media (max-width: 768px) {
  body.fixed-sidebar .navbar-static-side {
    display: none;
  }
  body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 70px;
  }
  .navbar-header {
    display: inline;
    float: left;
  }
  .sidebard-panel {
    z-index: 2;
    position: relative;
    width: auto;
    min-height: 100% !important;
  }
  .fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px;
  }
  .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block;
  }
  .content-tabs {
    display: none;
  }

  .fixed-nav #content-main {
    height: calc(100% - 38px);
  }
}

.card-content{
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
  background-color: #fff;
  border-radius:4px;
  padding:24px;
}

#content-main {
  height: 100%;



  overflow-y: auto;


}
.nav-close {
  padding: 10px;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 1.4em;
  cursor: pointer;
  z-index: 10;
  display: none;
  color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 350px) {
  body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 0;
  }
  .nav-close {
    display: block;
  }
  #page-wrapper {
    margin-left: 0 !important;
  }
}
::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 5px;
}
::-webkit-scrollbar {
  width: 6px;
  background-color: #efefef;
  border-radius: 5px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #content-main {
    -webkit-overflow-scrolling: touch;
  }
}
.navbar-header {
  width: 60%;
}
.node-disabled {
  display: none;
}
.form-group {
  margin-bottom: 10px !important;
}
.flow-chk-wrap {
  height: 30px;
  line-height: 30px;
}
.flow-chk-wrap .flow-chk {
  top: 5px;
}
.flow-rdo-wrap {
  height: 30px;
  line-height: 30px;
}
.flow-rdo-wrap .flow-rdo {
  top: 5px;
}
.control-label {
  line-height: 30px;
  padding-top: 0 !important;
}
.pt8 {
  margin-top: 0 !important;
}
.edit-spr {
  line-height: 30px;
}
.loading-58 {
  background: url('/public/images/loading58.gif?4936') no-repeat center 20px;
  min-height: 60px;
  padding: 60px 0 20px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}
.loading-240 {
  background: url('/public/images/loading240.gif?4936') no-repeat center 20px;
  height: 126px;
  padding: 140px 0 40px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}
.loading-gray240 {
  background: url('/public/images/loadinggary240.gif?4936') no-repeat center top;
  height: 106px;
  text-align: center;
  color: #999;
}
.commmust {
  color: #ff1206;
  margin: 0 5px;
  vertical-align: middle;
  font-size: 18px;
  display: inline-block;
}
.commmust:before {
  content: '*';
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.send-mask {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999999;
}
.send-mask .send-mask-cent {
  position: absolute;
  top: 50%;
  margin-top: -150px;
  left: 0;
  width: 100%;
}
.send-mask .loading-240 {
  height: 260px;
  min-height: 260px;
  padding: 0;
}
.send-mask .info {
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
}
.navbar-static-top {
  background: #fff;
  margin-bottom: 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:64px;
}
.head-dropdown {

}
.head-dropdown a {
  color: #585858;
}
.head-dropdown .m-t-xs {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
  padding-left:8px;
}
.head-dropdown .caret {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-left: 2px;
  border-top: 0;
  font-size: 18px;
  color: #b1b1b1;
  vertical-align: top;
}
.head-dropdown .caret:before {
  content: '';
}
.head-dropdown .name,
.head-dropdown .department {
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
  max-width: 100px;
  font-weight: normal;
  margin-right: 5px;
}
.head-dropdown .name {
  color: #000;
}
.head-dropdown .department {
  color: #606060;
}
.head-dropdown .dropdown-menu {
  border-radius: 5px;
  overflow: hidden;
  top: 64px;
}
.head-dropdown .dropdown-menu li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.head-dropdown .dropdown-menu li.cur {
  position: relative;
  background: #f5fcff;
}
.head-dropdown .dropdown-menu li.cur:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e6a6';
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 20px;
  color: #5ac4f3;
}
.head-dropdown.open .caret:before {
  content: '';
}
.head-dropdown > div > span {
  overflow: hidden;
}
.minimalize-styl-2 {
  margin: 20px 5px 0 8px;
  padding: 0 6px;
  background: #fff;
  border: 0;
  color: #c2c2c2;
  display: inline-block;
  vertical-align: top;
}
.minimalize-styl-2 i {
  font-size: 22px;
  height: 32px;
  line-height: 32px;
}
.minimalize-styl-2:active,
.minimalize-styl-2:focus,
.minimalize-styl-2:link,
.minimalize-styl-2:hover {
  background: #fff !important;
  color: #c2c2c2 !important;
  box-shadow: none;
}
.navbar-link {
  margin-top: 20px;
  display: inline-block;
  margin-right: 5px;
}
.navbar-link .icon-linkcomp {
  width: 30px;
  height: 32px;
  line-height: 32px;
  font-size: 22px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #bebebe;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.navbar-link .icon-linkcomp:before {
  content: '';
}
.navbar-link .icon-linkcomp:hover {
  color: #1878ff;;
}
.navbar-link .icon-linkchat {
  width: 30px;
  height: 32px;
  line-height: 32px;
  font-size: 22px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #bebebe;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.navbar-link .icon-linkchat:before {
  content: '';
}
.navbar-link .icon-linkchat:hover {
  color: #1878ff;;
}
.navbar-link .icon-linkmail {
  width: 30px;
  height: 32px;
  line-height: 32px;
  font-size: 22px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #bebebe;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.navbar-link .icon-linkmail:before {
  content: '';
}
.navbar-link .icon-linkmail:hover {
  color: #1878ff;;
}
.navbar-link .icon-navbarsave {
  width: 30px;
  height: 32px;
  line-height: 32px;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 24px;
  color: #bebebe;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.navbar-link .icon-navbarsave:before {
  content: '';
}
.navbar-link .icon-navbarsave:hover {
  color: #1878ff;;
}
.navbar-link .icon-navebarback {
  width: 30px;
  height: 32px;
  line-height: 32px;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 24px;
  color: #bebebe;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.navbar-link .icon-navebarback:before {
  content: '\e6ec';
}
.navbar-link .icon-navebarback:hover {
  color: #1878ff;;
}
.mini-navbar .nav-logo span {
  background: url('../images/logomini.png?4936') no-repeat #35394d 10px 10px;
}
.dropdown-menu {
  border: 0;
}
.warp404conten {
  height: calc(100% - 20px);
  overflow: hidden;
}
.warp404 {
  height: 100%;
}
.warp404 .warp404-cent {
  height: 390px;
  position: absolute;
  top: 50%;
  margin-top: -233px;
  width: 100%;
  left: 0;
}
.warp404 .img {
  height: 300px;
  width: 315px;
  padding: 0 0 0;
  margin: 20px auto 30px;
}
.warp404 .txt {
  font-size: 14px;
  color: #606060;
  width: 750px;
  margin: 0 auto;
  padding-bottom: 30px;
  text-align: center;
}
.warp404 .txt a {
  color: #606060;
}
.warperror-conten {
  height: calc(100% - 20px);
  overflow: hidden;
}
.warperror {
  height: 100%;
}
.warperror .warperror-cent {
  height: 390px;
  position: absolute;
  top: 50%;
  margin-top: -233px;
  width: 100%;
  left: 0;
}
.warperror .img {
  height: 300px;
  width: 315px;
  padding: 0;
  margin: 20px auto 30px;
  text-align: center;
}
.warperror .txt {
  font-size: 14px;
  color: #606060;
  width: 750px;
  margin: 0 auto;
  padding-bottom: 30px;
  text-align: center;
}
.warperror .txt a {
  color: #606060;
}
.firm-dropdown {
  display: none;
}
.comm-notice {
  color: #df412d;
  padding: 5px;
  font-size: 14px;
}
.ibox-content {
  border: 0;
}
.ibox-title {
  border: 0;
  border-bottom: 1px solid #f3f3f3;
}
.ibox-noborder {
  background: #fff;
}
.social-comment {
  margin-top: 0;
}
.ibox {
  margin-bottom: 0;
}
.layui-layer-page .layui-layer-content {
  position: relative;
}
.form_datetime[readonly] {
  background: #fff;
}
.nav-comm {
  zoom: 1;
}
.nav-comm:after {
  content: '';
  display: block;
  clear: both;
}
.nav-comm ul {
  margin-bottom: 0;
}
.mod-side-warp {
  position: relative;
}
.mod-side-warp .mod-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  float: left;
}
.mod-side-warp .mod-hasside {
  margin-left: 330px;
}
.nav-logo {
  overflow: hidden;
}
.nav-logo span {
  width: 190px;
  height: 66px;
  background: url('../images/logoall.png?4936') no-repeat #35394d 28px 8px;
  display: block;
}
.navbar {
  height: 66px;
}
.pagination-group {
  zoom: 1;
  width: 100%;
}
.pagination-group:after {
  content: '';
  display: block;
  clear: both;
}
.pagination-group .btn {
  padding: 5px 10px;
}
.pagination-group div {
  float: right;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.input-group-addon {
  border-left: 0 !important;
}
.navbar-static-top .head-dropdown .dropdown-toggle {
  cursor: pointer;
  color: #fff;
}
.navbar-static-top .head-dropdown .dropdown-toggle span:first-child {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  margin-top:2px;
}
.navbar-static-top .head-dropdown .dropdown-toggle span:first-child img {
  border-radius: 0;
  width: 32px;
  height: 32px;
  vertical-align: top;
}
.navbar-static-top .head-dropdown .caret {
  width: 20px;
}
.nodatalis {
  font-size: 14px;
  text-align: center;
  padding: 40px 10px;
}
.nodatalis > p {
  line-height: 24px;
  color: #999;
}
.nodata,
.construction-load {
  background: #fff;
  padding: 30px 0;
}
.nodata .img,
.construction-load .img {
  margin: 16px auto;
}
.nodata .info,
.construction-load .info {
  color: #999;
  font-size: 14px;
  text-align: center;
}
.nodata-gary {
  background: none;
}
.nodata .img {
}
.nodata-new {
  text-align: center;
  padding: 30px 0;
  background: #fff;
}
.nodata-new .icon {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 50px;
  color: #dbdde7;
  margin-right: 10px;
}
.nodata-new .icon:before {
  content: '';
}
.nodata-new .txt {
  display: inline-block;
  vertical-align: middle;
  color: #aeaeae;
}
.construction-load .img {
  width: 223px;
  height: 180px;
  background: url('/public/images/construction.png?4936') no-repeat;
}
.search .input-group {
  display: block;
}
.search .input-group .form-control {
  border-radius: 5px;
  height: 32px;
}
.search .input-group .input-group-addon {
  position: absolute;
  right: 10px;
  top: 3px;
  z-index: 10;
  border: 0;
}
.search .input-group .input-group-addon .glyphicon-search {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #898989;
  font-size: 16px;
  cursor: pointer;
}
.search .input-group .input-group-addon .glyphicon-search:before {
  content: '\e608';
}
.search-lot {
  width: 220px;
  position: relative;
}
.search-lot .input-group {
  display: block;
}
.search-lot .input-group .form-control {
  border-radius: 5px;
  height: 32px;
  padding-right: 46px;
}
.search-lot .input-group .search-btn {
  position: absolute;
  right: 7px;
  top: 5px;
  z-index: 10;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #898989;
  font-size: 17px;
  cursor: pointer;
  vertical-align: middle;
}
.search-lot .input-group .search-btn:before {
  content: '\e608';
}
.search-lot .input-group .search-cancel {
  position: absolute;
  right: 24px;
  top: 5px;
  z-index: 10;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #898989;
  font-size: 17px;
  cursor: pointer;
  vertical-align: middle;
}
.search-lot .input-group .search-cancel:before {
  content: '';
}
.search-lot .input-group .search-btn:hover,
.search-lot .input-group .search-cancel:hover {
  color: #1878ff;;
}
.search-lot-cent {
  position: absolute;
  top: 31px;
  right: 0;
  z-index: 399;
}
.search-lot-cent .search-lot-date,
.search-lot-cent .search-lot-num,
.search-lot-cent .search-lot-txt {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  display: block;
  float: right;
}
.search-lot-cent .search-lot-date {
  width: 448px;
}
.search-lot-cent .search-lot-date .ui-datetime {
  width: 446px;
  display: block;
  margin: 10px auto 0;
  border: 0;
  padding: 0;
}
.search-lot-cent .search-lot-date .ui-date {
  display: inline-block;
}
.search-lot-cent .search-lot-date .addbtn-wrap {
  text-align: right;
  padding: 0 13px 10px 0;
}
.search-lot-cent .search-lot-num,
.search-lot-cent .search-lot-txt {
  width: 330px;
}
.search-lot-cent .search-lot-num > div,
.search-lot-cent .search-lot-txt > div {
  text-align: center;
  margin-top: 10px;
}
.search-lot-cent .search-lot-num > div .form-control,
.search-lot-cent .search-lot-txt > div .form-control {
  padding: 0 6px;
  display: inline-block;
}
.search-lot-cent .search-lot-num > div > span,
.search-lot-cent .search-lot-txt > div > span {
  color: #b9b9b9;
  margin: 0 5px;
}
.search-lot-cent .search-lot-num .addbtn-wrap,
.search-lot-cent .search-lot-txt .addbtn-wrap {
  margin-top: 0;
  text-align: right;
}
.search-lot-cent .search-lot-num .addbtn-wrap .btn,
.search-lot-cent .search-lot-txt .addbtn-wrap .btn {
  padding: 4px 18px;
  margin: 0 7px;
}
.search-lot-cent .search-lot-num > div .form-control {
  width: 138px;
}
.search-lot-cent .search-lot-txt > div .form-control {
  width: 296px;
}
.uigrid-search-lot .search-lot-date,
.uigrid-search-lot .search-lot-num,
.uigrid-search-lot .search-lot-txt {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  display: block;
  float: right;
}
.uigrid-search-lot .search-lot-date {
  width: 430px;
}
.uigrid-search-lot .search-lot-date .ui-datetime {
  width: 212px;
  display: block;
  margin: 10px auto 0;
  border: 0;
  padding: 0;
}
.uigrid-search-lot .search-lot-date .ui-date {
  display: inline-block;
}
.uigrid-search-lot .search-lot-date .addbtn-wrap {
  text-align: right;
  padding: 0 13px 10px 0;
}
.uigrid-search-lot .search-lot-num,
.uigrid-search-lot .search-lot-txt {
  width: 330px;
}
.uigrid-search-lot .search-lot-num > div,
.uigrid-search-lot .search-lot-txt > div {
  text-align: center;
  margin-top: 10px;
}
.uigrid-search-lot .search-lot-num > div .form-control,
.uigrid-search-lot .search-lot-txt > div .form-control {
  padding: 0 6px;
  display: inline-block;
}
.uigrid-search-lot .search-lot-num > div > span,
.uigrid-search-lot .search-lot-txt > div > span {
  color: #b9b9b9;
  margin: 0 5px;
}
.uigrid-search-lot .search-lot-num .addbtn-wrap,
.uigrid-search-lot .search-lot-txt .addbtn-wrap {
  margin-top: 0;
  text-align: right;
}
.uigrid-search-lot .search-lot-num .addbtn-wrap .btn,
.uigrid-search-lot .search-lot-txt .addbtn-wrap .btn {
  padding: 4px 18px;
  margin: 0 7px;
}
.uigrid-search-lot .search-lot-num > div .form-control {
  width: 138px;
}
.uigrid-search-lot .search-lot-txt > div .form-control {
  width: 296px;
}
.layui-layer-close1 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  background: none !important;
  color: #a9a9a9;
  width: 30px !important;
  height: 30px !important;
  color: #606060;
  font-size: 20px !important;
  padding-top: 6px;
}
.layui-layer-close1:before {
  content: '';
}
.select-ele .form-control[readonly] {
  background: #fff;
}
.ybox-mod {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
}
.ybox-mod > .ybox-title {
  padding: 5px 15px;
  line-height: 40px;
  font-size: 14px;
  height: 50px;
  color: #1f2937;
}
.ybox-mod .ybox-content {

  zoom: 1;
}
.ybox-mod .ybox-content:after {
  content: '';
  display: block;
  clear: both;
}
.ybox-mod .ybox-padding {
  padding: 20px;
}
.alert-form .alert-text dl {
  zoom: 1;
  display: flex;
  display: -webkit-flex;
}
.alert-form .alert-text dl:after {
  content: '';
  display: block;
  clear: both;
}
.alert-form .alert-text dl dt {
  width: 100px;
  line-height: 30px;
}
.alert-form .alert-text dl dd {
  flex: 1;
  -webkit-flex: 1;
}
.mod-form dl {
  zoom: 1;
  display: flex;
  display: -webkit-flex;
  margin-bottom: 10px;
}
.mod-form dl:after {
  content: '';
  display: block;
  clear: both;
}
.mod-form dl dt {
  width: 90px;
  line-height: 30px;
}
.mod-form dl dd {
  flex: 1;
  -webkit-flex: 1;
}
.bill-select {
  height: 32px;
  position: relative;
  border: 1px solid #e5e6e7;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  border-radius: 5px;
}
.bill-select p {
  height: 30px;
  margin: 0;
  padding-right: 25px;
  overflow: hidden;
  position: relative;
}
.bill-select p font {
  padding: 0 0 0 12px;
  display: block;
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
}
.bill-select p span {
  padding: 0;
  width: 16px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  color: #aeaeae;
  border-left: 0;
}
.bill-select .bill-select-con {
  width: 100%;
  padding-top: 4px;
  position: absolute;
  right: -1px;
  top: 28px;
  z-index: 299;
  display: none;
  min-width: 70px;
}
.bill-select ul {
  background-color: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 5px;
  padding: 0 !important;
  min-width: 109px;
  text-align: center;
  max-height: 300px;
  overflow-y: auto;
  font-size: 14px;
  line-height: 24px;
}
.bill-select ul li {
  padding: 4px 12px 4px 26px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.bill-select ul li:last-child {
  margin-bottom: 0;
}
.bill-select ul li.actived {
  position: relative;
}
.bill-select ul li.actived:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 4px;
  left: 6px;
  content: '\e6a6';
  font-size: 14px;
  color: #5ac4f3;
  line-height: 24px;
}
.bill-select ul li:hover {
  background-color: #f7f7f7;
  color: #606060;
}
.layer-right {
  position: relative;
  height: 100%;
}
.layer-right .layer-right-btn {
  position: absolute;
  right: 45px;
  top: -50px;
}
.layer-right .layer-right-content {
  height: calc(100% - 14px);
  overflow: hidden;
  overflow-y: auto;
  border-top: 1px solid #e8e8e8;
  margin-top: 14px;
}
.basic-datarela-add .alert-form .alert-text dt,
.basic-datarela-edit .alert-form .alert-text dt {
  width: 100px;
  line-height: 30px;
  text-align: right;
  padding-right: 10px;
}
.addmore-comm {
  text-align: center;
  border-top: 1px solid #f3f3f3;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #949494;
  cursor: pointer;
  margin: 8px 0;
}
.addmore-comm:hover {
  color: #1878ff;;
}
.addmore-comm p {
  margin-bottom: 0;
}
.select-ele .commtree-nav {
  border: 0;
}
.txta-l {
  text-align: left;
}
.txta-r {
  text-align: right;
}
.txta-c {
  text-align: center;
}
.bill-select p font {
  font-size: 14px;
}
.bill-select ul li {
  font-size: 14px;
  padding: 4px 12px 4px 26px;
}
.bill-select .bill-select-con {
  right: 0;
}
.linetree .commtree-nav {
  min-width: 260px;
  border-radius: 5px;
}
.linetree .commtree-body {
  overflow: hidden;
  overflow-y: auto;
  min-height: 200px;
  max-height: 300px;
}
.select-ele .linetree .commtree-nav {
  border: 0;
}
.addbtn-box {
  padding: 8px 0 8px 8px;
  zoom: 1;
  min-height: 32px;
}
.addbtn-box:after {
  content: '';
  display: block;
  clear: both;
}
.addbtn-box .addbtn {
  text-align: right;
}
.addbtn-box .addbtn .btn {
  margin: 0 0 0 2px;
}
.addbtn-box .addbtn a {
  margin: 0 0 0 2px;
}
.addbtn-box .total-num {
  color: #606060;
  font-size: 14px;
  padding: 0 10px;
  line-height: 32px;
  display: inline-block;
}
.addbtn-box .total-num > span {
  margin-left: 5px;
}
.form-control {
  height: 32px;
  font-size: 14px;
}
.wholeHigh {
  margin: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.wholeHigh .whole-content {
  height: calc(100% - 20px);
  border-radius: 5px;
  overflow: hidden;
  overflow-y: auto;
}
.wholeHigh.wholeHigh-scroll .whole-centbar {
  height: calc(100% - 52px);
  overflow-y: auto;
}
.whole-topbar {

  min-height: 50px;
  zoom: 1;
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  border-radius: 5px 5px 0 0;
}
.whole-topbar:after {
  content: '';
  display: block;
  clear: both;
}
.whole-topbar .row-main {
  zoom: 1;
}
.whole-topbar .row-main:after {
  content: '';
  display: block;
  clear: both;
}
.whole-topbar .row-main .col-tit {
  line-height: 50px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 24px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  color: #1f2937;
}
.whole-topbar .row-main .col-select {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.whole-topbar .row-main .col-btn {
  margin-top: 10px;
  margin-right: 10px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
.whole-topbar .row-main .col-btntxt {
  margin-top: 8px;
  margin-right: 10px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
.whole-topbar .row-main .col-btntxt > div {
  display: inline-block;
  vertical-align: middle;
}
.whole-topbar .row-main .col-btntxt .float-select {
  position: relative;
}
.whole-topbar .row-main .iconbtn {
  display: inline-block;
  vertical-align: middle;
}
.whole-topbar .row-main .col-search {
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
}
.whole-topbar .row-main .col-search .bill-select,
.whole-topbar .row-main .col-search .search-lot {
  display: inline-block;
  vertical-align: middle;
}
.whole-topbar .row-main-handle .ui-pureselect {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.whole-centbar .row-filter {
  padding: 15px 20px 10px 20px;
  zoom: 1;
}
.whole-centbar .row-filter:after {
  content: '';
  display: block;
  clear: both;
}
.whole-centbar .row-filter .col {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.whole-centbar .row-filter .col .btn {
  padding: 4px 30px;
}
.whole-centbar .row-filter .col .tit {
  margin-right: 5px;
  font-size: 14px;
}
.whole-centbar .row-filter .col .tit,
.whole-centbar .row-filter .col > div {
  display: inline-block;
  vertical-align: middle;
}
.whole-centbar .row-filter .col .comm-chk-content {
  margin-top: 5px;
}
.whole-centbar .row-result {
  padding: 10px 20px 0;
}
.whole-centbar .row-result > div {
  font-size: 0;
}
.whole-centbar .row-result .sort-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  color: #606060;
}
.whole-centbar .row-result .sort-icon.sort-icon-up:before {
  content: '';
}
.whole-centbar .row-result .sort-icon.sort-icon-down:before {
  content: '󦊹';
}
.whole-centbar .row-result ul {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 14px;
}
.whole-centbar .row-result li {
  display: inline-block;
  margin-bottom: 10px;
}
.whole-centbar .row-result .clear-all {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: #1878ff;;
}
.whole-centbar .row-result a {
  display: inline-block;
  padding: 0 10px;
  margin-right: 12px;
  line-height: 24px;
  border-radius: 5px;
  border: 1px solid #f6f5f5;
  color: #606060;
}
.whole-centbar .row-result a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 24px;
  color: #b0b0b0;
}
.whole-centbar .row-result a i:before {
  content: '';
}
.whole-centbar .row-result a:hover i {
  color: #1878ff;;
  transition: 0.5s;
  transform: rotate(360deg);
}
.life-summary {
  padding: 20px 0;
}
.life-summary dl {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  margin-left: 5%;
  margin-top: 30px;
}
.life-summary dt {
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
}
.life-summary dt i {
  display: inline-block;
  vertical-align: middle;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #eee;
  font-size: 32px;
  line-height: 70px;
  text-align: center;
  color: #fff;
}
.life-summary dt i.icon-modplane {
  background: #12b7f5;
}
.life-summary dt i.icon-modhotel {
  background: #f7bf2a;
}
.life-summary dt i.icon-modcarrental {
  background: #4fd2c2;
}
.life-summary dt i.icon-modtrain {
  background: #40a9e4;
}
.life-summary dt i.icon-modmsg,
.life-summary dt i.icon-modcarrental1 {
  background: #fd9a4a;
}
.life-summary dd {
  display: inline-block;
  vertical-align: middle;
  width: 280px;
}
.life-summary dd p {
  margin-bottom: 0;
}
.life-summary dd .row-num {
  position: relative;
}
.life-summary dd .row-num > span {
  cursor: pointer;
}
.life-summary dd .temps-handle {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.life-summary dd .temps-handle .mods {
  color: #1878ff;
}
.life-summary dd .icon-life-edit {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 14px;
  margin-right: 5px;
}
.life-summary dd .icon-life-edit:before {
  content: '';
}
.life-summary dd .icon-life-recharge {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 14px;
  margin-right: 5px;
}
.life-summary dd .icon-life-recharge:before {
  content: '';
}
.life-summary dd .icon-life-set {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 14px;
  margin-right: 5px;
}
.life-summary dd .icon-life-set:before {
  content: '';
}
.life-summary-money dt {
  vertical-align: top;
}
.life-summary-money .tit {
  color: #1f2937;
  font-size: 14px;
  padding-bottom: 10px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.life-summary-money .row-num {
  padding-bottom: 10px;
  cursor: pointer;
}
.navbar-dropdown {
  font-size: 0;
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  text-shadow: none;
}
.navbar-dropdown .topset-wrapper {
  width: 160px;
}
.navbar-dropdown .topset-firm-cur {
  width: 430px;
}
.navbar-warp {
  position: absolute;
  left: auto;
  right: 20px;
  top: 0;
  padding: 64px 10px 10px;
  z-index:9999;
}
.float-select .float-select-con {
  visibility: hidden;
}
.float-select:hover .float-select-con {
  visibility: visible;
}
.float-select-con {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 199;
  padding: 31px 0 10px 10px;
}
.float-select-con .float-select-lis {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  width: 98px;
  overflow: hidden;
}
.float-select-con ul {
  margin-bottom: 0;
}
.float-select-con ul li {
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
}
.float-select-con ul li:hover,
.float-select-con ul li.cur {
  background-color: #1878ff;
  color: #fff;
}
.link-red {
  color: #ff2805 !important;
}
.checkwork-alert .main-tit {
  padding: 0 20px;
}
.checkwork-alert .main-tit .tit {
  font-size: 14px;
  color: #606060;
}
.checkwork-alert .main-tit .col-txt {
  margin-right: 10px;
}
.search-lot-new {
  display: inline-block;
  vertical-align: middle;
}
.search-lot-new .search-lot-select,
.search-lot-new .search-lot,
.search-lot-new .select-ele {
  display: inline-block;
  vertical-align: top;
  width: 180px;
}
.search-lot-new .search-lot-select {
  margin-right: 5px;
}
.search-lot-new .select-ele {
  width: 180px;
}
.search-lot-new .search-lis {
  display: inline-block;
  vertical-align: top;
}
.search-lot-new .search-lot .select-ele {
  position: relative;
}
.search-lot-new .select-ele .form-control {
  padding-right: 38px;
}
.search-lot-new .search-lot .select-ele .search-btn {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 10;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #898989;
  font-size: 17px;
  cursor: pointer;
  vertical-align: middle;
}
.search-lot-new .search-lot .select-ele .search-btn:after {
  content: '\e608';
}
.search-lot-new .search-cancel {
  position: absolute;
  right: 24px;
  top: 5px;
  z-index: 10;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #898989;
  font-size: 17px;
  cursor: pointer;
  vertical-align: middle;
}
.search-lot-new .search-cancel:before {
  content: '';
}
.search-lot-new .search-btn:hover,
.search-lot-new .search-cancel:hover {
  color: #1878ff;;
}
.search-lot-new .search-lot {
  font-size: 14px;
}
.search-lot-new .search-lot .select-ele:after {
  content: '';
}
.comm-handle .handle-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #60c6f4;
  font-size: 16px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  display: inline-block;
}
.comm-handle .handle-btn:before {
  content: '';
}
.comm-handle .handle-cent {
  visibility: hidden;
}
.comm-handle .handle-lis {
  width: 120px;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 199;
}
.comm-handle ul {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}
.comm-handle li {
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
}
.comm-handle li:hover {
  background: #1878ff;
  color: #fff;
}
.comm-handle:hover .handle-cent {
  visibility: visible;
}
.equalHigh {
  height: calc(100% - 10px);
  overflow: hidden;
  position: relative;
  padding-left: 200px;
  padding-top: 10px;
  font-size: 14px;
  padding-right: 0;
}
.equalHigh .equal-side {
  width: 200px;
  height: calc(100% - 10px);
  background: #fff;
  display: block;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  left: 10px;
  top: 10px;
}
.equalHigh .equal-side .nav-comm {
  padding-top: 10px;
}
.equalHigh .equal-cent {
  height: 100%;
  display: block;
  overflow: hidden;
  overflow-y: auto;
  width: auto;
  width: auto;
  padding-right: 10px;
}
.equalRHigh {
  height: calc(100% - 10px);
  overflow: hidden;
  position: relative;
  font-size: 14px;
  padding-left: 0;
}
.equalRHigh .equal-side {
  width: 370px;
  height: 100%;
  background: #fff;
  display: block;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: 0.5s;
}
.equalRHigh .equal-side .equal-sidetopbar .pull-right {
  margin-top: 7px;
}
.equalRHigh .equal-side .nav-comm {
  padding-top: 10px;
}
.equalRHigh .equal-side.status {
  -webkit-transform: translateX(370px);
  right: -370px;
}
.equalRHigh .equal-cent {
  height: 100%;
  display: block;
  width: auto;
  transition: 0.5s;
  position: absolute;
  right: 390px;
  top: 10px;
  left: 10px;
}
.equalRHigh .equal-cent > div {
  height: 100%;
}
.equalRHigh .equal-cent.status {
  right: 10px;
}
.equalRHigh .equal-centbar {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background: #fff;
}
.equal-topbar {
  zoom: 1;
  background: #fff;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #ecf1f7;
  height: 50px;
}
.equal-topbar:after {
  content: '';
  display: block;
  clear: both;
}
.equal-topbar .col-select {
  font-size: 0;
  margin-top: 7px;
  margin-left: 10px;
}
.equal-topbar .col-select .tit,
.equal-topbar .col-select .bill-select,
.equal-topbar .col-select .select-ele,
.equal-topbar .col-select .ui-pureselect {
  vertical-align: middle;
  display: inline-block;
  margin: 0 4px;
  font-size: 14px;
}
.equal-topbar .col-tit {
  line-height: 50px;
  font-size: 14px;
  color: #1f2937;
  margin-left: 10px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.equal-topbar .col-edittit {
  padding-top: 9px;
  font-size: 14px;
  color: #1f2937;
  margin-left: 10px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.equal-topbar .col-selemod {
  font-size: 0;
  margin-top: 8px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}
.equal-topbar .iconbtn {
  line-height: 32px;
  vertical-align: middle;
}
.equal-topbar a.iconbtn {
  color: #aeaeae;
}
.equal-topbar .col-btn {
  margin: 7px 10px 0;
}
.equal-sidetopbar {
  zoom: 1;
  background: #fff;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #ecf1f7;
}
.equal-sidetopbar:after {
  content: '';
  display: block;
  clear: both;
}
.equal-sidetopbar .col-tit {

  font-size: 14px;
  color: #1f2937;
  margin-left: 10px;
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  margin-bottom:5px;
}
.equal-inlinesidetopbar .col-tit {
  display: inline-block;
  vertical-align: middle;
}
.equal-inlinesidetopbar .col-select {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.equal-inlinesidetopbar .col-select .ui-pureselect {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.select-basic {
  padding: 10px 18px;
}
.select-basic .select-basic-lis {
  min-height: 407px;
}
.select-basic dt {
  line-height: 30px;
  font-weight: bold;
}
.select-basic dd {
  font-size: 0;
  margin-top: 10px;
}
.select-basic .comm-chk-content {
  display: inline-block;
  font-size: 14px;
  width: 130px;
}
.select-basic .comm-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 90px;
}
.side-singlelis {
  padding: 10px 0;
  margin: 0 auto;
}
.side-singlelis .row-mod {
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
}
.side-singlelis .row-mod .tit {
  border: 1px solid #eee;
  height: 36px;
  line-height: 36px;
  padding: 0 24px 0 20px;
  display: block;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.side-singlelis .row-mod .col-handle {
  position: absolute;
  top: 5px;
  right: 2px;
  visibility: hidden;
}
.side-singlelis .row-mod:hover .tit {
  background: #f7f7f7;
}
.side-singlelis .row-mod:hover .col-handle {
  visibility: visible;
}
.side-singlelis .row-mod.disabled-cur .tit {
  background: #fbfbfb;
  color: #606060;
}
.side-singlelis .row-mod.disabled-cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #feed5f;
  position: absolute;
  top: 9px;
  left: 2px;
  font-size: 16px;
  content: '';
}
.side-singlelis .row-mod.cur .tit {
  color: #fff;
  background: #1878ff;
}
.side-singlelis .row-mod.cur .handle-btn {
  color: #fff;
}
.side-singlelis .row-modsub .col-sublis {
  border-radius: 0 0 5px 5px;
  border: 1px solid #eee;
  border-top: 0;
  padding: 8px 0;
  margin: 0;
  display: none;
}
.side-singlelis .row-modsub .col-sublis .subtmps {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 14px;
  color: #606060;
}
.side-singlelis .row-modsub .col-sublis .subtmps .txts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.side-singlelis .row-modsub .col-sublis .subtmps.cur,
.side-singlelis .row-modsub .col-sublis .subtmps:hover {
  color: #1878ff;
}
.side-singlelis .row-modsub > .tit {
  position: relative;
}
.side-singlelis .row-modsub > .tit:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #a8a8a8;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 13px;
  content: '\e669';
}
.side-singlelis .row-modsub.cur > .tit:after {
  color: #fff;
  content: '\e632';
}
.side-singlelis .row-modsub.cur .col-sublis {
  display: block;
}
.nodata-txt {
  color: #aeaeae;
  padding: 20px 0;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
}
.ordinary-bg {
  background: #fff;
  padding: 20px 20px;
  border-radius: 0 0 5px 5px;
}
.comm-handlerow {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 399;
}
.comm-handlerow > dl {
  background: rgba(64, 67, 82, 0.7);
  height: 50px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.comm-handlerow > dl > dt {
  margin-top: 10px;
  margin-left: 20px;
}
.comm-handlerow .colse,
.comm-handlerow .close {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  float: none;
  font-weight: normal;
  line-height: 30px;
  text-shadow: 0 0 0;
  filter: alpha(opacity=100);
  opacity: 1;
}
.comm-handlerow .colse:before,
.comm-handlerow .close:before {
  content: '';
}
.comm-handlerow .mod {
  display: inline-block;
  cursor: pointer;
  margin-right: 40px;
}
.comm-handlerow .nohandle-mod {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  line-height: 32px;
  vertical-align: middle;
}
.comm-handlerow .icontxt {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  line-height: 32px;
}
.comm-handlerow .icontxt-save {
  color: #1878ff;;
}
.comm-handlerow .icontxt-save:before {
  content: '';
}
.comm-handlerow .icontxt-del {
  color: #f54646;
}
.comm-handlerow .icontxt-del:before {
  content: '';
}
.comm-handlerow .icontxt-build-account {
  color: #4ed3c3;
}
.comm-handlerow .icontxt-build-account:before {
  content: '';
}
.comm-handlerow .icontxt-end-account {
  color: #f54646;
}
.comm-handlerow .icontxt-end-account:before {
  content: '';
}
.comm-handlerow .icontxt-look {
  color: #fd9a4a;
}
.comm-handlerow .icontxt-look:before {
  content: '';
}
.comm-handlerow .icontxt-cancel-look {
  color: #f54646;
}
.comm-handlerow .icontxt-cancel-look:before {
  content: '';
}
.comm-handlerow .icontxt-again-build {
  color: #4fd2c2;
}
.comm-handlerow .icontxt-again-build:before {
  content: '';
}
.comm-handlerow .icontxt-write {
  color: #1878ff;;
}
.comm-handlerow .icontxt-write:before {
  content: '';
}
.comm-handlerow .icontxt-cancel-write {
  color: #1878ff;;
}
.comm-handlerow .icontxt-cancel-write:before {
  content: '';
}
.comm-handlerow .icontxt-cancel-account {
  color: #f54646;
}
.comm-handlerow .icontxt-cancel-account:before {
  content: '';
}
.comm-handlerow .icontxt-write-build {
  color: #1878ff;;
}
.comm-handlerow .icontxt-write-build:before {
  content: '';
}
.comm-handlerow .icontxt-beover {
  color: #1878ff;;
}
.comm-handlerow .icontxt-beover:before {
  content: '';
}
.comm-handlerow .txt {
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  vertical-align: middle;
  margin-left: 10px;
}
.engrid-load-more {
  font-size: 14px;
  padding: 10px;
  text-align: center;
  color: #cdcdcd;
  cursor: pointer;
}
.engrid-load-more p {
  margin-bottom: 0;
}
.carrent-reserve .ybox-mod .pull-left,
.budget-add .ybox-mod .pull-left,
.single-userlis .ybox-mod .pull-left {
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.signrecord-warp .ybox-title .pull-left,
.tripresource-warp .ybox-title .pull-left,
.budget-planadd .ybox-title .pull-left {
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.budget-admin .mod-sidebar .ybox-title {
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.comm-backname {
  position: relative;
}
.comm-backname > .form-control {
  padding-right: 20px;
}
.comm-backname > .cols-bankname {
  position: absolute;
  top: 0;
  right: 5px;
  line-height: 30px;
  color: #aeaeae;
}
.comm-daterange-box {
  position: relative;
  display: flex;
}
.comm-daterange-box > .form-control,
.comm-daterange-box > div {
  display: inline-block;
  vertical-align: middle;
}
.comm-daterange-box .cols-range-line {
  display: inline-block;
  vertical-align: middle;
  color: #aeaeae;
  line-height: 30px;
  padding: 0 5px;
}
.drop-ele {
  position: relative;
  cursor: pointer;
}
.drop-ele:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  font-style: normal;
  position: absolute;
  right: 5px;
  top: 0;
  display: block;
  color: #aeaeae;
  content: '\e632';
  line-height: 32px;
  height: 30px;
}
.side-singlelis-handle .addmore-btn {
  width: 280px;
  height: 40px;
  margin: 10px auto 0;
  line-height: 40px;
  text-align: center;
  color: #bebebe;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  cursor: pointer;
  background: #f6fafd;
}
.side-singlelis-handle .addmore-btn .addnew-icon {
  color: #bebebe;
}
.side-singlelis-handle .addmore-btn:hover {
  background: #f2f9fe;
}
.side-singlelis-handle .row-mod.disabled-cur {
  background: #fbfbfb;
}
.side-singlelis-handle .row-mod.disabled-cur dt {
  color: #606060;
}
.side-singlelis-handle .row-mod.disabled-cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #feed5f;
  position: absolute;
  top: 9px;
  left: 2px;
  font-size: 16px;
  content: '';
}
.mode-lisbox {
  font-size: 0;
}
.mode-lisbox .row-tit {
  font-weight: bold;
  font-size: 14px;
}
.mode-lisbox .row-tit .iconfont {
  font-size: 14px;
  margin-right: 10px;
  line-height: 40px;
}
.mode-lisbox .col-tit {
  font-weight: bold;
  font-size: 18px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light, Microsoft YaHei, Arial, sans-serif;
  color: #1f2937;
}
.mode-lisbox .col-icon {
  width: 40px;
  height: 40px;
  background: #73ade8;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  margin-right: 5px;
  margin-left: 10px;
}
.mode-lisbox .iconfont {
  font-size: 20px;
}
.mode-lisbox .col-txt {
  display: inline-block;
  vertical-align: middle;
}
.mode-lisbox dl {
  width: 176px;
  height: 70px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  line-height: 70px;
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
  margin-right: 10px;
}
.mode-lisbox dl > a {
  cursor: pointer;
  display: block;
  width: 176px;
  height: 70px;
}
.mode-lisbox dl:nth-child(3n + 1) .col-icon {
  background-color: #fd9a4a;
}
.mode-lisbox dl:nth-child(3n + 2) .col-icon {
  background-color: #73ade8;
}
.mode-lisbox dl:nth-child(3n + 3) .col-icon {
  background-color: #ff7e66;
}
.mode-lisbox .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100px;
  color: #606060;
  font-size: 14px;
}
.ui-doubleopt-alert {
  padding: 10px 20px 20px;
}
.ui-doubleopt-alert .ui-doubleopt {
  display: flex;
  height: 420px;
}
.ui-doubleopt-alert .col-option {
  flex: 1;
  border: 1px solid #e5e6e7;
  border-radius: 5px 0 0 5px;
}
.ui-doubleopt-alert .col-option .commtree-nav {
  border: 0;
}
.ui-doubleopt-alert .col-option .mod-tree .commtree-body {
  max-height: 370px;
  min-height: 370px;
}
.ui-doubleopt-alert .icon-del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  margin-left: 5px;
  color: #f54646;
  width: 20px;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 12px;
  right: 10px;
}
.ui-doubleopt-alert .icon-del:before {
  content: '';
}
.ui-doubleopt-alert .col-result {
  flex: 1;
  border: 1px solid #e5e6e7;
  border-radius: 0 5px 5px 0;
  border-left: 0;
}
.ui-doubleopt-alert .col-result dl {
  padding: 5px 10px;
  display: flex;
  position: relative;
  cursor: pointer;
  margin: 0;
}
.ui-doubleopt-alert .col-result dl:hover {
  background: #f7f7f7;
}
.ui-doubleopt-alert .col-result dl:hover .icon-del {
  visibility: visible;
}
.ui-doubleopt-alert .col-result .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-left: 10px;
  color: #606060;
}
.ui-doubleopt-alert .col-result .lis-headopt {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ui-doubleopt-alert .col-result .lis-headopt .head {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  overflow: hidden;
}
.ui-doubleopt-alert .col-result .lis-headopt .head img,
.ui-doubleopt-alert .col-result .lis-headopt .head .ui-head {
  width: 34px;
  height: 34px;
}
.ui-doubleopt-alert .col-result .lis-headopt .head .ui-head {
  border-radius: 50%;
}
.ui-doubleopt-alert .col-result .lis-headopt .name {
  line-height: 34px;
  width: 80px;
}
.ui-doubleopt-alert .col-result .lis-txtopt {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ui-doubleopt-alert .col-result .lis-txtopt .icon-del {
  top: 8px;
}
.ui-doubleopt-alert .col-result .lis-txtopt .name {
  line-height: 26px;
  width: 300px;
}
.ui-doubleopt-alert .row-bot {
  zoom: 1;
  margin-top: 10px;
}
.ui-doubleopt-alert .row-bot:after {
  content: '';
  display: block;
  clear: both;
}
.ui-addform-alert {
  padding: 10px 20px;
  min-height: 280px;
}
.ui-addform-auto {
  min-height: auto;
}
.ui-form .col-mod {
  position: relative;
  min-height: 32px;
  padding-left: 88px;
  margin-bottom: 10px;
  position: relative;
}
.ui-form .col-mod .col-tits {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  line-height: 32px;
  text-align: right;
}
.ui-form .col-mod .col-cents {
  margin-bottom: 10px;
}
.ui-form .col-blend {
  font-size: 0;
}
.ui-form .col-blend .bill-select {
  font-size: 14px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.ui-form .col-flexcents {
  display: flex;
}
.ui-form .col-flexcents > div {
  flex: 1;
}
.ui-form .col-backname {
  position: absolute;
  top: 0;
  right: 10px;
  color: #aeaeae;
  line-height: 30px;
  padding: 0;
}
.ui-form .label-require .txts:before {
  content: '*';
  color: #ff6432;
  margin-right: 3px;
}
.ui-form .mods-icon-select {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 10px;
  font-size: 0;
}
.ui-form .mods-icon-select .mods-icon {
  color: #1878ff;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px;
}
.ui-form .mods-icon-select .mods-icon i {
  font-size: 20px;
}
.ui-form .mods-icon-select .mods-icon.cur {
  background: #1878ff;
  color: #fff;
}
.addbatch-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #4ed1c1;
}
.addbatch-btn:before {
  content: '';
}
.ui-grid {
  background: #fff;
}
.ui-grid .row-result {
  padding: 10px 20px 0;
}
.ui-grid .row-result > div {
  font-size: 0;
}
.ui-grid .row-result .sort-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  color: #606060;
}
.ui-grid .row-result .sort-icon.sort-icon-up:before {
  content: '';
}
.ui-grid .row-result .sort-icon.sort-icon-down:before {
  content: '󦊹';
}
.ui-grid .row-result ul {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 14px;
}
.ui-grid .row-result li {
  display: inline-block;
  margin-bottom: 10px;
}
.ui-grid .row-result .clear-all {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: #1878ff;;
}
.ui-grid .row-result a {
  display: inline-block;
  padding: 0 10px;
  margin-right: 12px;
  line-height: 24px;
  border-radius: 5px;
  border: 1px solid #f6f5f5;
  color: #606060;
}
.ui-grid .row-result a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 24px;
  color: #b0b0b0;
}
.ui-grid .row-result a i:before {
  content: '';
}
.ui-grid .row-result a:hover i {
  color: #1878ff;;
  transition: 0.5s;
  transform: rotate(360deg);
}
.ui-grid .preview-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #4fd4c4;
}
.ui-grid .preview-btn:before {
  content: '\ebcb';
}
.ui-grid .recovery-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #4fd3c5;
}
.ui-grid .recovery-btn:before {
  content: '';
}
.ui-grid .add-btn,
.ui-grid .del-btn,
.ui-grid .edit-btn,
.ui-grid .disable-btn,
.ui-grid .enable-btn,
.ui-grid .update-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
}
.ui-grid .add-btn {
  color: #1878ff;;
}
.ui-grid .add-btn:before {
  content: '';
}
.ui-grid .del-btn {
  color: #f54646;
}
.ui-grid .del-btn:before {
  content: '';
}
.ui-grid .enable-btn {
  color: #1878ff;
}
.ui-grid .enable-btn:before {
  content: '';
}
.ui-grid .disable-btn {
  color: #a9a8a8;
}
.ui-grid .disable-btn:before {
  content: '';
}
.ui-grid .edit-btn {
  color: #1878ff;;
}
.ui-grid .edit-btn:before {
  content: '';
}
.ui-grid .update-btn {
  color: #1878ff;
}
.ui-grid .update-btn:before {
  content: '\ebd8';
}
.ui-grid .addbatch-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #4ed1c1;
}
.ui-grid .addbatch-btn:before {
  content: '';
}
.ui-grid .edit-tr {
  visibility: hidden;
}
.ui-grid .engrid-row:hover .edit-tr {
  visibility: visible;
}
.ui-grid .link-cur {
  color: #1878ff;;
}
.ui-grid .ui-addmore {
  text-align: center;
}
.ui-grid .can-clickable:hover {
  color: #1878ff;
}
.ui-grid .engrid-row:hover .clk-txt {
  color: #1878ff;
}
.side-sonnav .addmore-btn {
  width: 280px;
  height: 40px;
  line-height: 40px;
  margin: 10px auto 0;
  color: #ababab;
  border-radius: 5px;
  background: #f6fafd;
  border: 1px solid #f3f3f3;
  text-align: center;
  cursor: pointer;
}
.side-sonnav .addmore-btn:hover {
  background: #f0f7fd;
}
.side-sonnav .vertical-navlis {
  width: 280px;
  margin: 10px auto;
  padding-bottom: 10px;
}
.side-sonnav .vertical-navlis .vertical-mod {
  position: relative;
  margin-top: 10px;
}
.side-sonnav .vertical-navlis .vertical-mod .col-handle {
  position: absolute;
  right: 30px;
  top: 2px;
  visibility: hidden;
}
.side-sonnav .vertical-navlis .vertical-mod .col-handle li {
  color: #606060;
}
.side-sonnav .vertical-navlis .vertical-mod .col-handle li:hover {
  color: #fff;
}
.side-sonnav .vertical-navlis .vertical-mod .row-onetit,
.side-sonnav .vertical-navlis .vertical-mod .row-twotit {
  line-height: 40px;
  background: #fff;
  border-radius: 5px;
  color: #1f2937;
  border: 1px solid #eee;
  display: block;
  cursor: pointer;
  position: relative;
}
.side-sonnav .vertical-navlis .vertical-mod .row-onetit:hover .col-handle,
.side-sonnav .vertical-navlis .vertical-mod .row-twotit:hover .col-handle {
  visibility: visible;
}
.side-sonnav .vertical-navlis .vertical-mod .row-onetit .col-tit {
  text-indent: 20px;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit {
  line-height: 40px;
  height: 40px;
  color: #2a2a2a;
  border: 0;
  position: relative;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit .col-tit {
  text-indent: 40px;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e669';
  color: #a8a8a8;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 13px;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit.nokids:before {
  content: '';
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit:hover {
  background: #f7f7f7;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit.cur {
  color: #1878ff;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit.disabled-cur {
  background: #fbfbfb;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit.disabled-cur .col-tit {
  color: #aeaeae;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twotit.disabled-cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #feed5f;
  position: absolute;
  top: 1px;
  left: 2px;
  font-size: 16px;
  content: '';
}
.side-sonnav .vertical-navlis .vertical-mod .row-twolis {
  border: 1px solid #eee;
  border-bottom: 0;
  border-top: 0;
  display: none;
  border-radius: 0 0 5px 5px;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twolis:last-child {
  border-bottom: 1px solid #eee;
}
.side-sonnav .vertical-navlis .vertical-mod .row-twolis.cur .row-twotit:before {
  content: '\e632';
}
.side-sonnav
  .vertical-navlis
  .vertical-mod
  .row-twolis.cur
  .row-twotit.nokids:before {
  content: '';
}
.side-sonnav .vertical-navlis .vertical-mod:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e669';
  color: #a8a8a8;
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 13px;
  z-index: 100;
}
.side-sonnav .vertical-navlis .vertical-mod:hover .row-onetit .col-tit {
  background: #f7f7f7;
}
.side-sonnav .vertical-navlis .vertical-mod.cur {
  position: relative;
}
.side-sonnav .vertical-navlis .vertical-mod.cur .row-twolis {
  display: block;
}
.side-sonnav .vertical-navlis .vertical-mod.cur .row-onetit .col-tit {
  background: #1878ff;
  color: #fff;
}
.side-sonnav
  .vertical-navlis
  .vertical-mod.cur
  .row-onetit
  .comm-handle
  .handle-btn {
  color: #fff;
}
.side-sonnav .vertical-navlis .vertical-mod.cur:before {
  content: '\e632';
  color: #fff;
}
.ui-chklis-inline .comm-chk-content {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.ui-chklis-inline .comm-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 160px;
}
.ui-treeopt-alert {
  padding: 10px 20px 20px;
}
.ui-treeopt-alert .row-bot {
  zoom: 1;
  margin-top: 10px;
}
.ui-treeopt-alert .row-bot:after {
  content: '';
  display: block;
  clear: both;
}
.ui-timedate-select .date-select {
  font-size: 0;
}
.ui-timedate-select .date-select .selects {
  width: 223px;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  height: 30px;
  border-radius: 5px;
}
.ui-timedate-select .date-select .form-control {
  width: 223px;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  padding-right: 40px;
}
.ui-timedate-select .date-select .txt {
  margin: 17px 6px 0;
  border-top: 1px solid #e8e8e8;
  width: 10px;
  height: 5px;
  display: inline-block;
  vertical-align: top;
}
.ui-timedate-select .date-select .info {
  display: inline-block;
  vertical-align: top;
  color: #cdcdcd;
  margin-left: 5px;
  font-size: 14px;
  line-height: 32px;
}
.ui-timedate-select .ui-form-backname .icon-closedate {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  right: 22px;
  top: 3px;
  font-size: 20px;
  color: #aeaeae;
  cursor: pointer;
}
.ui-timedate-select .ui-form-backname .icon-closedate:before {
  content: '\e68a';
}
.ui-add-btn {
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  width: 72px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
}
.ui-add-btn .add-icon {
  color: #1878ff;;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.ui-add-btn .add-icon:before {
  content: '';
}
.ui-add-btn .add-txts {
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.ui-form-backname {
  position: relative;
}
.ui-form-backname .form-control {
  padding-right: 18px;
}
.ui-form-backname .cell-backname {
  position: absolute;
  top: 0;
  right: 5px;
  line-height: 32px;
  color: #aeaeae;
}
.ui-form-backname .icon-backdate {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
}
.ui-form-backname .icon-backdate:before {
  content: '\e650';
}
.ui-form-backname .icon-closedate {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  right: 22px;
  top: 2px;
  line-height: 30px;
  font-size: 20px;
  color: #aeaeae;
  cursor: pointer;
}
.ui-form-backname .icon-closedate:before {
  content: '\e68a';
}
.ui-form-backname .time-reveal:hover {
  display: block;
}
.ui-temp-notice {
  position: relative;
}
.ui-temp-notice .notice-main {
  display: inline-block;
  display: flex;
  cursor: pointer;
}
.ui-temp-notice .notice-main .notice-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #cdcdcd;
  line-height: 32px;
  margin-top: 2px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
.ui-temp-notice .notice-main .notice-icon:before {
  content: '\e688';
}
.ui-temp-notice .notice-main .icon-order {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background-color: #eee;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.ui-temp-notice .notice-main .clr-blue {
  background-color: #49bef3;
}
.ui-temp-notice .notice-main .clr-green {
  background-color: #4fd2c2;
}
.ui-temp-notice .notice-main .clr-orange {
  background-color: #fea700;
}
.ui-temp-notice .notice-main .clr-red {
  background-color: #ff7e66;
}
.ui-temp-notice .notice-main .notice-cent {
  background: rgba(64, 67, 82, 0.8);
  line-height: 22px;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: 8px;
  margin-right: 30px;
  color: #fff;
  width: 180px;
  top: 32px;
  left: -14px;
  display: none;
  position: absolute;
  z-index: 99;
}
.ui-temp-notice .notice-main .notice-cent:before {
  width: 0;
  height: 0;
  border-bottom: 6px solid rgba(64, 67, 82, 0.8);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  top: -6px;
  left: 8px;
  content: '';
}
.ui-temp-notice .notice-main:hover .notice-cent {
  display: inline-block;
}
.ui-numrange-select .mod-select {
  display: flex;
}
.ui-numrange-select .mod-select .selects {
  position: relative;
  flex: 1;
}
.ui-numrange-select .mod-select .txt {
  width: 20px;
  text-align: center;
  line-height: 32px;
}
.ui-form-align {
  padding-top: 3px;
  font-size: 0;
}
.ui-form-align .cell-align {
  border: 1px solid #e8e8e8;
  width: 32px;
  height: 26px;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  border-right: 0;
}
.ui-form-align .cell-align:first-child {
  border-radius: 5px 0 0 5px;
}
.ui-form-align .cell-align:last-child {
  border-right: 1px solid #e8e8e8;
  border-radius: 0 5px 5px 0;
}
.ui-form-align .cell-align i {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #bcbcbc;
  font-size: 16px;
}
.ui-form-align .cell-align i.icon-alignl:before {
  content: '';
}
.ui-form-align .cell-align i.icon-alignc:before {
  content: '';
}
.ui-form-align .cell-align i.icon-alignr:before {
  content: '';
}
.ui-form-align .cell-align i.icon-alignt:before {
  content: '';
}
.ui-form-align .cell-align i.icon-alignm:before {
  content: '';
}
.ui-form-align .cell-align i.icon-alignb:before {
  content: '';
}
.ui-form-align .cell-align i.icon-splitall {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
}
.ui-form-align .cell-align i.icon-splitall:before {
  content: '';
}
.ui-form-align .cell-align i.icon-splitdown {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
}
.ui-form-align .cell-align i.icon-splitdown:before {
  content: '';
}
.ui-form-align .cell-align i.icon-splitright {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
}
.ui-form-align .cell-align i.icon-splitright:before {
  content: '';
}
.ui-form-align .cell-align i.icon-addrow {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
}
.ui-form-align .cell-align i.icon-addrow:before {
  content: '';
}
.ui-form-align .cell-align i.icon-addcol {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
}
.ui-form-align .cell-align i.icon-addcol:before {
  content: '';
}
.ui-form-align .cell-align i.icon-delrow {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.ui-form-align .cell-align i.icon-delrow:before {
  content: '';
}
.ui-form-align .cell-align i.icon-delcol {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.ui-form-align .cell-align i.icon-delcol:before {
  content: '';
}
.ui-form-align .cell-align i.icon-bigfont {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.ui-form-align .cell-align i.icon-bigfont:before {
  content: '';
}
.ui-form-align .cell-align i.icon-midfont {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
}
.ui-form-align .cell-align i.icon-midfont:before {
  content: '';
}
.ui-form-align .cell-align i.icon-smallfont {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 14px;
}
.ui-form-align .cell-align i.icon-smallfont:before {
  content: '';
}
.ui-form-align .cell-align i.icon-setcol {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.ui-form-align .cell-align i.icon-setcol:before {
  content: '';
}
.ui-form-align .cell-align i.icon-setrow {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.ui-form-align .cell-align i.icon-setrow:before {
  content: '';
}
.ui-form-align .cell-align i.icon-ordernothing {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.ui-form-align .cell-align i.icon-ordernothing:before {
  content: '';
}
.ui-form-align .cell-align i.icon-orderrise {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.ui-form-align .cell-align i.icon-orderrise:before {
  content: '';
}
.ui-form-align .cell-align i.icon-orderdrop {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.ui-form-align .cell-align i.icon-orderdrop:before {
  content: '';
}
.ui-form-align .cell-align:hover {
  background-color: #f7f7f7;
}
.ui-form-align .cell-align.cur {
  background-color: #1878ff;
  border: 1px solid #1878ff;
}
.ui-form-align .cell-align.cur i {
  color: #fff;
}
.ui-colorpicker .color-icons {
  display: inline-block;
  vertical-align: top;
}
.ui-colorpicker .color-icons .icon-colortxts {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  color: #ababab;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.ui-colorpicker .color-icons .icon-colortxts:before {
  content: '\e938';
}
.ui-colorpicker .color-icons .icon-colorblock {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  color: #ababab;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.ui-colorpicker .color-icons .icon-colorblock:before {
  content: '\e937';
}
.ui-colorpicker .color-main {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.drop-ele-rdoadd {
  font-size: 0;
  display: flex;
}
.drop-ele-rdoadd .drop-ele {
  flex: 1;
  font-size: 14px;
}
.drop-ele-rdoadd .cell-rdoadd .icon-rdoadd {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  color: #c3c3c3;
  width: 30px;
  padding: 0;
  background: #fff;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  border: 1px solid #e5e6e7;
  border-radius: 5px;
  margin-left: 6px;
  line-height: 30px;
  text-align: center;
}
.drop-ele-rdoadd .cell-rdoadd .icon-rdoadd:before {
  content: '\e6b0';
}
.drop-ele-datetotal {
  font-size: 0;
  display: flex;
}
.drop-ele-datetotal .ui-form-backname {
  flex: 1;
  font-size: 14px;
}
.drop-ele-datetotal .cell-time-total {
  line-height: 32px;
  color: #aeaeae;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 14px;
}
.drop-ele-datetotal .cell-time-total span {
  padding: 0 4px;
}
.expiration-reminding {
  display: block;
  position: absolute;
  top: 10px;
  left: 240px;
  line-height: 46px;
  height: 46px;
  width: 470px;
  color: #fff;
  background: rgba(37, 41, 60, 0.9);
  z-index: 9999;
  border-radius: 5px;
  padding: 0 20px;
}
.expiration-reminding span {
  width: 400px;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
}
.expiration-reminding .del-btn {
  float: right;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #f54646;
  font-size: 18px;
  cursor: pointer;
}
.expiration-reminding .del-btn:before {
  content: '\e6ab';
}
.laytitleft-smoneyadd {
  color: #aeaeae;
}
.layer-enfrymsg .layui-layer-content {
  padding: 0 20px 20px 20px;
}
.ui-setcolor-target {
  position: relative;
}
.ui-setcolor-target .ui-colorpicker {
  position: absolute;
  right: 10px;
  top: 0;
  line-height: 18px;
}
.ui-remind-alert {
  position: absolute;
  right: 15px;
  bottom: 0px;
  z-index: 999;
  overflow: hidden;
}
.ui-remind-alert .remind-content {
  width: 400px;
  color: #fff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  margin-bottom: 20px;
}
.ui-remind-alert .remind-head .head {
  width: 40px;
  margin-right: 15px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.ui-remind-alert .remind-head .head span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  background: #f7bf28;
}
.ui-remind-alert .remind-head .head .icon-readnotice {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  background: #ff7e66;
}
.ui-remind-alert .remind-head .head .icon-readnotice:before {
  content: '\eb0c';
}
.ui-remind-alert .remind-head .tit {
  display: inline-block;
  vertical-align: middle;
  @incldue tit;
  font-weight: bold;
}
.ui-remind-alert .remind-txt {
  margin: 15px 0;
  line-height: 20px;
}
.ui-remind-alert .remind-data {
  text-align: right;
}
.export-tips-alert .export-tips {
  min-height: 100px;
  padding: 0 20px;
}
.export-tips-alert .export-tips a {
  color: #1878ff;
}
.icon-closedate {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  right: 22px;
  top: 2px;
  line-height: 30px;
  font-size: 20px;
  color: #aeaeae;
  cursor: pointer;
}
.icon-closedate:before {
  content: '\e68a';
}
.ui-clearinp {
  position: relative;
}
.ui-clearinp input {
  padding-right: 30px;
}
.ui-clearinp .form-control {
  background: #fff;
}
.ui-clearinp .icon-closedate {
  right: 5px;
  top: 3px;
}
.edit-member-alert .colflex {
  display: flex;
}
.edit-member-alert .colflex .col-sele {
  width: 120px;
  margin-right: 10px;
}
.edit-member-alert .colflex .col-main {
  flex: 1;
}
.cell-main.field29-cell-mainfill {
  position: relative;
  border: solid 1px #f7f7f7;
  min-height: 30px !important;
  line-height: 28px !important;
  border-radius: 5px;
  flex: 1;
  width: 0;
  font-size: 0;
  padding-right: 0 !important;
  padding-left: 0 !important;
  display: flex;
}
.cell-main.field29-cell-mainfill .shu {
  min-height: 20px;
  width: 0;
  border-left: 1px solid #f7f7f7;
}
.cell-main.field29-cell-mainfill .form-control {
  padding: 2px 26px 5px 10px;
}
.cell-main.field29-cell-mainfill .cell-main.cell-address-fill {
  flex: 1;
  padding: 0 0 0 0;
}
.cell-main.field29-cell-mainfill .cell-main.cell-address-fill .form-control {
  border: none;
}
.cell-main.field29-cell-mainfill .cell-dituchaxun2 {
  width: 40px;
  flex: 0;
  display: flex;
  justify-content: center;
  padding: 0 12px;
  border-left: solid 1px #f7f7f7;
  cursor: pointer;
}
.cell-main.field29-cell-mainfill .cell-dituchaxun2 .icon-dituchaxun2 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  color: #4895df;
  font-size: 16px;
  line-height: 32px;
}
.cell-main.field29-cell-mainfill .cell-dituchaxun2 .icon-dituchaxun2:before {
  content: '\edbd';
}
.cell-main.field29-cell-mainfill.auto {
  padding-left: 10px !important;
  font-size: 14px;
  color: #9f9f9f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field29-hover:hover {
  border: solid 1px #169eda;
}
.administrative-box {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 2px 2px 0px rgba(232, 232, 232, 0.75);
  border-radius: 2px 2px 4px 4px;
  min-height: 320px;
  width: 100%;
  padding: 0 0px;
}
.administrative-box .row-tabs {
  width: calc(100% - 18px);
  margin: 0 auto;
  font-size: 0;
  zoom: 1;
  height: 36px;
  padding: 0 0px;
  border-bottom: 1px solid #f3f3f3;
}
.administrative-box .row-tabs:after {
  content: '';
  display: block;
}
.administrative-box .row-tabs .txts-mods {
  float: left;
  text-align: center;
  width: 80px;
  line-height: 33px;
  height: 33px;
  font-size: 14px;
  cursor: pointer;
}
.administrative-box .row-tabs .txts-mods:after {
  border-bottom: 3px solid #fff;
  border-bottom: transparent;
  content: '';
  width: 80px;
  display: block;
}
.administrative-box .row-tabs .txts-mods.cur {
  color: #1878ff;
}
.administrative-box .row-tabs .txts-mods.cur:after {
  border-bottom: 3px solid #1878ff;
}
.administrative-box .administrative-box-con {
  height: 284px;
  overflow-y: auto;
}
.administrative-box .administrative-box-con .item {
  height: 32px;
  padding-left: 10px;
  line-height: 32px;
  color: #1f2937;
  cursor: pointer;
}
.administrative-box .administrative-box-con .item:hover {
  background: #f7f7f7;
}
.administrative-box .administrative-box-con .item.cur {
  color: #1878ff;
}
.map-check-alert {
  padding: 0 20px;
}
.map-check-alert .col-mod {
  margin-bottom: 12px;
}
.map-check-alert .col-main {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  display: flex;
}
.map-check-alert .form-control {
  border: none;
  flex: 1;
}
.map-check-alert .icon-btn {
  width: 32px;
  border: 0;
  border-left: 1px solid #e8e8e8;
  background: #fff;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #cdcdcd;
}
.map-check-alert .icon-btn:after {
  content: '\e608';
}
.map-check-alert .signMap {
  height: 460px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.map-check-alert .signseat-search .col-main {
  position: relative;
}
.map-check-alert .signseat-search .col-lis {
  width: 400px;
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 299;
}
.map-check-alert .signseat-search .col-lis ul {
  max-height: 320px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #dfdfdf;
  border-radius: 0 0 5px 5px;
  background: #fff;
}
.map-check-alert .signseat-search .col-lis li {
  padding: 10px 10px 10px 40px;
  position: relative;
  cursor: pointer;
}
.map-check-alert .signseat-search .col-lis li:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #47bef2;
  content: '\e6b4';
  position: absolute;
  top: 5px;
  left: 10px;
}
.map-check-alert .signseat-search .col-lis li p {
  margin-bottom: 0;
}
.map-check-alert .signseat-search .col-lis li .tit {
  font-size: 14px;
  color: #606060;
  display: block;
}
.map-check-alert .signseat-search .col-lis li .seat {
  font-size: 14px;
  color: #aeaeae;
}
.map-check-alert .signseat-search .col-lis li:hover {
  background: #f7f7f7;
}
.log-yichang-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #f54646;
}
.log-yichang-btn:before {
  content: '';
}
.bank-zhaoshang,
.bank-nongye,
.bank-minsheng,
.bank-pufa,
.bank-guangfa,
.bank-gongshang,
.bank-jiaotong,
.bank-beijing,
.bank-huaxia,
.bank-qiye,
.bank-taiwantudi,
.bank-zhada,
.bank-huifeng,
.bank-taiwan,
.bank-renmin,
.bank-dongya,
.bank-zheshang,
.bank-bohai,
.bank-dazhong,
.bank-mogendatong,
.bank-guangda,
.bank-huaqi,
.bank-zhongxin,
.bank-zhongguo,
.bank-shanghai,
.bank-jianshe,
.bank-xingye,
.bank-changsha,
.bank-youchu,
.bank-ribenshangkou,
.bank-waihuijiaoyi,
.bank-zhongguojinchukou,
.bank-nongyefazhan,
.bank-yinlianzhifu,
.bank-ribenshanjingzhu,
.bank-zhongyangjiesuan,
.bank-hanya,
.bank-xingzhan,
.bank-yushan,
.bank-xinhan,
.bank-huayi,
.bank-youli,
.bank-sanlingdongjingrilian,
.bank-weishang,
.bank-dahua,
.bank-chuangxing,
.bank-wangshang,
.bank-jiyou,
.bank-xiamenguoji,
.bank-yongheng,
.bank-zijinqingsuan,
.bank-guojiakaifa,
.bank-meiguo,
.bank-daxin,
.bank-huaqiao,
.bank-hengsheng,
.bank-ruisuishiye,
.bank-hengfeng,
.bank-shichangqingsuan,
.bank-sanjingzhuyou,
.bank-hanguochanye,
.bank-ribenhengbin,
.bank-yonglong,
.bank-pingan {
  background-image: url('../images/bankimg4040.png?4936') !important;
  background-repeat: no-repeat;
}
.bank-zhaoshang {
  background-position: 0 0 !important;
}
.bank-nongye {
  background-position: -40px 0 !important;
}
.bank-minsheng {
  background-position: -80px 0 !important;
}
.bank-pufa {
  background-position: -120px 0 !important;
}
.bank-guangfa {
  background-position: -160px 0 !important;
}
.bank-gongshang {
  background-position: -200px 0 !important;
}
.bank-jiaotong {
  background-position: -240px 0 !important;
}
.bank-beijing {
  background-position: -280px 0 !important;
}
.bank-huaxia {
  background-position: -320px 0 !important;
}
.bank-qiye {
  background-position: -360px 0 !important;
}
.bank-taiwantudi {
  background-position: 0 -40px !important;
}
.bank-zhada {
  background-position: -40px -40px !important;
}
.bank-huifeng {
  background-position: -80px -40px !important;
}
.bank-taiwan {
  background-position: -120px -40px !important;
}
.bank-renmin {
  background-position: -160px -40px !important;
}
.bank-dongya {
  background-position: -200px -40px !important;
}
.bank-zheshang {
  background-position: -240px -40px !important;
}
.bank-bohai {
  background-position: -280px -40px !important;
}
.bank-dazhong {
  background-position: -320px -40px !important;
}
.bank-mogendatong {
  background-position: -360px -40px !important;
}
.bank-guangda {
  background-position: 0 -80px !important;
}
.bank-huaqi {
  background-position: -40px -80px !important;
}
.bank-zhongxin {
  background-position: -80px -80px !important;
}
.bank-zhongguo {
  background-position: -120px -80px !important;
}
.bank-shanghai {
  background-position: -160px -80px !important;
}
.bank-jianshe {
  background-position: -200px -80px !important;
}
.bank-xingye {
  background-position: -240px -80px !important;
}
.bank-changsha {
  background-position: -280px -80px !important;
}
.bank-youchu {
  background-position: -320px -80px !important;
}
.bank-ribenshangkou {
  background-position: -360px -80px !important;
}
.bank-waihuijiaoyi {
  background-position: 0 -120px !important;
}
.bank-zhongguojinchukou {
  background-position: -40px -120px !important;
}
.bank-nongyefazhan {
  background-position: -80px -120px !important;
}
.bank-yinlianzhifu {
  background-position: -120px -120px !important;
}
.bank-ribenshanjingzhu {
  background-position: -160px -120px !important;
}
.bank-zhongyangjiesuan {
  background-position: -200px -120px !important;
}
.bank-hanya {
  background-position: -240px -120px !important;
}
.bank-xingzhan {
  background-position: -280px -120px !important;
}
.bank-yushan {
  background-position: -320px -120px !important;
}
.bank-xinhan {
  background-position: -360px -120px !important;
}
.bank-huayi {
  background-position: 0 -160px !important;
}
.bank-youli {
  background-position: -40px -160px !important;
}
.bank-sanlingdongjingrilian {
  background-position: -80px -160px !important;
}
.bank-weishang {
  background-position: -120px -160px !important;
}
.bank-dahua {
  background-position: -160px -160px !important;
}
.bank-chuangxing {
  background-position: -200px -160px !important;
}
.bank-wangshang {
  background-position: -240px -160px !important;
}
.bank-jiyou {
  background-position: -280px -160px !important;
}
.bank-xiamenguoji {
  background-position: -320px -160px !important;
}
.bank-yongheng {
  background-position: -360px -160px !important;
}
.bank-zijinqingsuan {
  background-position: 0 -200px !important;
}
.bank-guojiakaifa {
  background-position: -40px -200px !important;
}
.bank-meiguo {
  background-position: -80px -200px !important;
}
.bank-daxin {
  background-position: -120px -200px !important;
}
.bank-huaqiao {
  background-position: -160px -200px !important;
}
.bank-hengsheng {
  background-position: -200px -200px !important;
}
.bank-ruisuishiye {
  background-position: -240px -200px !important;
}
.bank-hengfeng {
  background-position: -280px -200px !important;
}
.bank-shichangqingsuan {
  background-position: -320px -200px !important;
}
.bank-sanjingzhuyou {
  background-position: -360px -200px !important;
}
.bank-hanguochanye {
  background-position: 0 -240px !important;
}
.bank-ribenhengbin {
  background-position: -40px -240px !important;
}
.bank-yonglong {
  background-position: -80px -240px !important;
}
.bank-pingan {
  background-position: -120px -240px !important;
}
.bank-huarongxiangjiang {
  background-image: url('../images/huarong.png?4936') !important;
  background-repeat: no-repeat;
  background-size: contain !important;
}
.bank-mod-s > div {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
}
.bank-mod-s > div {
  background: url('../images/bankdefault4040.png') center no-repeat #fff;
}
.bank-mod-s > div:before {
  content: '';
}
.icon_airline {
  display: inline-block;
  vertical-align: -4px;
  _vertical-align: 0;
  margin-right: 4px;
  width: 27px;
  height: 27px;
}
.Airlines_3J,
.Airlines_3U,
.Airlines_8C,
.Airlines_8L,
.Airlines_8M,
.Airlines_A3,
.Airlines_A7,
.Airlines_AA,
.Airlines_AB,
.Airlines_AC,
.Airlines_AE,
.Airlines_AF,
.Airlines_AI,
.Airlines_AM,
.Airlines_AN,
.Airlines_AP,
.Airlines_AR,
.Airlines_AS,
.Airlines_AU,
.Airlines_AV,
.Airlines_AY,
.Airlines_AZ,
.Airlines_B7,
.Airlines_BA,
.Airlines_BD,
.Airlines_BI,
.Airlines_BK,
.Airlines_BR,
.Airlines_CA,
.Airlines_CI,
.Airlines_CM,
.Airlines_CO,
.Airlines_CP,
.Airlines_CX,
.Airlines_CY,
.Airlines_CZ,
.Airlines_DL,
.Airlines_DM,
.Airlines_EG,
.Airlines_EI,
.Airlines_EK,
.Airlines_ET,
.Airlines_EU,
.Airlines_EY,
.Airlines_FI,
.Airlines_FM,
.Airlines_FT,
.Airlines_FV,
.Airlines_G5,
.Airlines_GA,
.Airlines_GE,
.Airlines_GF,
.Airlines_GL,
.Airlines_HA,
.Airlines_HO,
.Airlines_HP,
.Airlines_HU,
.Airlines_HX,
.Airlines_HY,
.Airlines_IB,
.Airlines_IE,
.Airlines_IR,
.Airlines_IT,
.Airlines_JD,
.Airlines_JL,
.Airlines_JP,
.Airlines_JS,
.Airlines_JU,
.Airlines_KA,
.Airlines_KC,
.Airlines_KE,
.Airlines_KL,
.Airlines_KM,
.Airlines_KN,
.Airlines_KQ,
.Airlines_GS,
.Airlines_KU,
.Airlines_LA,
.Airlines_LG,
.Airlines_LH,
.Airlines_LO,
.Airlines_LT,
.Airlines_LX,
.Airlines_LY,
.Airlines_MA,
.Airlines_MD,
.Airlines_MF,
.Airlines_MH,
.Airlines_MI,
.Airlines_MK,
.Airlines_MS,
.Airlines_MU,
.Airlines_NH,
.Airlines_NS,
.Airlines_NW,
.Airlines_NX,
.Airlines_NZ,
.Airlines_OA,
.Airlines_OK,
.Airlines_OM,
.Airlines_OS,
.Airlines_OU,
.Airlines_OZ,
.Airlines_PG,
.Airlines_PK,
.Airlines_PR,
.Airlines_PS,
.Airlines_PX,
.Airlines_QF,
.Airlines_QR,
.Airlines_QX,
.Airlines_RA,
.Airlines_RG,
.Airlines_RJ,
.Airlines_RM,
.Airlines_RO,
.Airlines_S2,
.Airlines_S7,
.Airlines_SA,
.Airlines_SB,
.Airlines_SC,
.Airlines_SK,
.Airlines_SN,
.Airlines_SQ,
.Airlines_SU,
.Airlines_SV,
.Airlines_TG,
.Airlines_TK,
.Airlines_TP,
.Airlines_TU,
.Airlines_TZ,
.Airlines_UA,
.Airlines_UL,
.Airlines_UM,
.Airlines_UN,
.Airlines_UO,
.Airlines_US,
.Airlines_UX,
.Airlines_VN,
.Airlines_VP,
.Airlines_VS,
.Airlines_VV,
.Airlines_VX,
.Airlines_WN,
.Airlines_XF,
.Airlines_ZH,
.Airlines_KY,
.Airlines_PN,
.Airlines_CN,
.Airlines_JR,
.Airlines_JQ,
.Airlines_3K,
.Airlines_VF,
.Airlines_BL,
.Airlines_GK,
.Airlines_K6,
.Airlines_GJ,
.Airlines_AK,
.Airlines_Z2,
.Airlines_QZ,
.Airlines_JW,
.Airlines_PQ,
.Airlines_D7,
.Airlines_FD,
.Airlines_TV,
.Airlines_GX,
.Airlines_CG,
.Airlines_AQ,
.Airlines_Y8,
.Airlines_A6,
.Airlines_GY,
.Airlines_RY,
.Airlines_FU,
.Airlines_QW,
.Airlines_UQ,
.Airlines_9H,
.Airlines_DZ,
.Airlines_GT,
.Airlines_DR,
.Airlines_9C {
  background: url('/public/images/logo1818.png?4936') no-repeat;
  width: 18px;
  height: 18px;
}
.Airlines_3J {
  background-position: -1px 0px;
}
.Airlines_3U {
  background-position: -20px 0px;
}
.Airlines_8C {
  background-position: -40px 0px;
}
.Airlines_8L {
  background-position: -60px 0px;
}
.Airlines_8M {
  background-position: -80px 0px;
}
.Airlines_A3 {
  background-position: -100px 0px;
}
.Airlines_A7 {
  background-position: -120px 0px;
}
.Airlines_AA {
  background-position: -140px 0px;
}
.Airlines_AB {
  background-position: -160px 0px;
}
.Airlines_AC {
  background-position: -180px 0px;
}
.Airlines_AE {
  background-position: 0px -20px;
}
.Airlines_AF {
  background-position: -20px -20px;
}
.Airlines_AI {
  background-position: -40px -20px;
}
.Airlines_AM {
  background-position: -60px -20px;
}
.Airlines_AN {
  background-position: -80px -20px;
}
.Airlines_AP {
  background-position: -100px -20px;
}
.Airlines_AR {
  background-position: -120px -20px;
}
.Airlines_AS {
  background-position: -140px -20px;
}
.Airlines_AU {
  background-position: -160px -20px;
}
.Airlines_AV {
  background-position: -180px -20px;
}
.Airlines_AY {
  background-position: 0px -40px;
}
.Airlines_AZ {
  background-position: -20px -40px;
}
.Airlines_B7 {
  background-position: -40px -40px;
}
.Airlines_BA {
  background-position: -60px -40px;
}
.Airlines_BD {
  background-position: -80px -40px;
}
.Airlines_BI {
  background-position: -100px -40px;
}
.Airlines_BK {
  background-position: -120px -40px;
}
.Airlines_BR {
  background-position: -140px -40px;
}
.Airlines_CA {
  background-position: -160px -40px;
}
.Airlines_CI {
  background-position: -180px -40px;
}
.Airlines_CM {
  background-position: 0px -60px;
}
.Airlines_CO {
  background-position: -20px -60px;
}
.Airlines_CP {
  background-position: -40px -60px;
}
.Airlines_CX {
  background-position: -60px -60px;
}
.Airlines_CY {
  background-position: -80px -60px;
}
.Airlines_CZ {
  background-position: -100px -60px;
}
.Airlines_DL {
  background-position: -120px -60px;
}
.Airlines_DM {
  background-position: -140px -60px;
}
.Airlines_EG {
  background-position: -160px -60px;
}
.Airlines_EI {
  background-position: -180px -60px;
}
.Airlines_EK {
  background-position: 0px -80px;
}
.Airlines_ET {
  background-position: -20px -80px;
}
.Airlines_EU {
  background-position: -40px -80px;
}
.Airlines_EY {
  background-position: -60px -80px;
}
.Airlines_FI {
  background-position: -80px -80px;
}
.Airlines_FM {
  background-position: -100px -80px;
}
.Airlines_FT {
  background-position: -120px -80px;
}
.Airlines_FV {
  background-position: -140px -80px;
}
.Airlines_G5 {
  background-position: -160px -80px;
}
.Airlines_GA {
  background-position: -180px -80px;
}
.Airlines_GE {
  background-position: 0px -100px;
}
.Airlines_GF {
  background-position: -20px -100px;
}
.Airlines_GL {
  background-position: -40px -100px;
}
.Airlines_HA {
  background-position: -60px -100px;
}
.Airlines_HO {
  background-position: -80px -100px;
}
.Airlines_HP {
  background-position: -100px -100px;
}
.Airlines_HU {
  background-position: -120px -100px;
}
.Airlines_HX {
  background-position: -140px -100px;
}
.Airlines_HY {
  background-position: -160px -100px;
}
.Airlines_IB {
  background-position: -180px -100px;
}
.Airlines_IE {
  background-position: 0px -120px;
}
.Airlines_IR {
  background-position: -20px -120px;
}
.Airlines_IT {
  background-position: -40px -120px;
}
.Airlines_JD {
  background-position: -60px -120px;
}
.Airlines_JL {
  background-position: -80px -120px;
}
.Airlines_JP {
  background-position: -100px -120px;
}
.Airlines_JS {
  background-position: -120px -120px;
}
.Airlines_JU {
  background-position: -140px -120px;
}
.Airlines_KA {
  background-position: -160px -120px;
}
.Airlines_KC {
  background-position: -180px -120px;
}
.Airlines_KE {
  background-position: 0px -140px;
}
.Airlines_KL {
  background-position: -20px -140px;
}
.Airlines_KM {
  background-position: -40px -140px;
}
.Airlines_KN {
  background-position: -60px -140px;
}
.Airlines_KQ {
  background-position: -80px -140px;
}
.Airlines_GS {
  background-position: -100px -140px;
}
.Airlines_TV {
  background-position: -140px -140px;
}
.Airlines_CG {
  background-position: -161px -140px;
}
.Airlines_KU {
  background-position: 0px -160px;
}
.Airlines_LA {
  background-position: -20px -160px;
}
.Airlines_LG {
  background-position: -40px -160px;
}
.Airlines_LH {
  background-position: -60px -160px;
}
.Airlines_LO {
  background-position: -80px -160px;
}
.Airlines_LT {
  background-position: -100px -160px;
}
.Airlines_LX {
  background-position: -120px -160px;
}
.Airlines_LY {
  background-position: -140px -160px;
}
.Airlines_MA {
  background-position: -160px -160px;
}
.Airlines_MD {
  background-position: -180px -160px;
}
.Airlines_MF {
  background-position: 0px -180px;
}
.Airlines_MH {
  background-position: -20px -180px;
}
.Airlines_MI {
  background-position: -40px -180px;
}
.Airlines_MK {
  background-position: -60px -180px;
}
.Airlines_MS {
  background-position: -80px -180px;
}
.Airlines_MU {
  background-position: -100px -180px;
}
.Airlines_NH {
  background-position: -120px -180px;
}
.Airlines_NS {
  background-position: -140px -180px;
}
.Airlines_NW {
  background-position: -160px -180px;
}
.Airlines_NX {
  background-position: -180px -180px;
}
.Airlines_NZ {
  background-position: 0px -200px;
}
.Airlines_OA {
  background-position: -20px -200px;
}
.Airlines_OK {
  background-position: -40px -200px;
}
.Airlines_OM {
  background-position: -60px -200px;
}
.Airlines_OS {
  background-position: -80px -200px;
}
.Airlines_OU {
  background-position: -100px -200px;
}
.Airlines_OZ {
  background-position: -120px -200px;
}
.Airlines_PG {
  background-position: -140px -200px;
}
.Airlines_PK {
  background-position: -160px -200px;
}
.Airlines_PR {
  background-position: -180px -200px;
}
.Airlines_PS {
  background-position: 0px -220px;
}
.Airlines_PX {
  background-position: -20px -220px;
}
.Airlines_QF {
  background-position: -40px -220px;
}
.Airlines_QR {
  background-position: -60px -220px;
}
.Airlines_QX {
  background-position: -80px -220px;
}
.Airlines_RA {
  background-position: -100px -220px;
}
.Airlines_RG {
  background-position: -120px -220px;
}
.Airlines_RJ {
  background-position: -140px -220px;
}
.Airlines_RM {
  background-position: -160px -220px;
}
.Airlines_RO {
  background-position: -180px -220px;
}
.Airlines_S2 {
  background-position: 0px -240px;
}
.Airlines_S7 {
  background-position: -20px -240px;
}
.Airlines_SA {
  background-position: -40px -240px;
}
.Airlines_SB {
  background-position: -60px -240px;
}
.Airlines_SC {
  background-position: -80px -240px;
}
.Airlines_SK {
  background-position: -100px -240px;
}
.Airlines_SN {
  background-position: -120px -240px;
}
.Airlines_SQ {
  background-position: -140px -240px;
}
.Airlines_SU {
  background-position: -160px -240px;
}
.Airlines_SV {
  background-position: -180px -240px;
}
.Airlines_TG {
  background-position: 0px -260px;
}
.Airlines_TK {
  background-position: -20px -260px;
}
.Airlines_TP {
  background-position: -40px -260px;
}
.Airlines_TU {
  background-position: -60px -260px;
}
.Airlines_TZ {
  background-position: -80px -260px;
}
.Airlines_UA {
  background-position: -100px -260px;
}
.Airlines_UL {
  background-position: -120px -260px;
}
.Airlines_UM {
  background-position: -140px -260px;
}
.Airlines_UN {
  background-position: -160px -260px;
}
.Airlines_UO {
  background-position: -180px -260px;
}
.Airlines_PN {
  background-position: -180px -260px;
}
.Airlines_US {
  background-position: 0px -280px;
}
.Airlines_UX {
  background-position: -20px -280px;
}
.Airlines_VN {
  background-position: -40px -280px;
}
.Airlines_VP {
  background-position: -60px -280px;
}
.Airlines_VS {
  background-position: -80px -280px;
}
.Airlines_VV {
  background-position: -100px -280px;
}
.Airlines_VX {
  background-position: -120px -280px;
}
.Airlines_WN {
  background-position: -140px -280px;
}
.Airlines_XF {
  background-position: -160px -280px;
}
.Airlines_ZH {
  background-position: -180px -280px;
}
.Airlines_KY {
  background-position: 0px -300px;
}
.Airlines_K6 {
  background-position: -40px -302px;
}
.Airlines_GJ {
  background-position: -60px -302px;
}
.Airlines_CN {
  background-position: -120px -100px;
}
.Airlines_JR {
  background-position: -120px -140px;
}
.Airlines_JQ,
.Airlines_3K,
.Airlines_VF,
.Airlines_BL,
.Airlines_GK {
  background-position: -20px -300px;
}
.Airlines_AK,
.Airlines_Z2,
.Airlines_QZ,
.Airlines_JW,
.Airlines_PQ,
.Airlines_D7,
.Airlines_FD {
  background-position: -84px -300px;
}
.Airlines_GX {
  background-position: -180px -304px;
}
.Airlines_AQ {
  background-position: 0px -320px;
}
.Airlines_Y8 {
  background-position: -20px -320px;
}
.dataTables_paginate {
  float: right;
  text-align: right;
  padding: 20px;
}
.dataTables_paginate > a:last-of-type {
  border-right: 1px solid #eee;
}
.dataTables_paginate .paginate_button,
.dataTables_paginate .ellipsis {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #1f2937;
  border: 1px solid #eee;
  border-right: none;
  background-color: #fff;
}
.dataTables_paginate .paginate_button.current {
  background-color: #1878ff;;
  color: #fff;
}
.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.disabled:hover,
.dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #ccc !important;
  background: transparent;
}
.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button:active {
  background: #1878ff;;
  color: #fff;
}
.table > thead > tr > th {
  border-bottom: 1px solid #f4f4f2 !important;
  font-weight: normal;
  height: 40px;
  line-height: 24px;
}
.table > tbody > tr > td {
  border-bottom: 1px solid #f4f4f2 !important;
}
table.datatable {
  border: 0;
}
table.datatable thead {
  background: #fff;
}
table.datatable thead .sorting,
table.datatable thead .sorting_asc,
table.datatable thead .sorting_desc,
table.datatable thead .sorting_asc_disabled,
table.datatable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.datatable thead .sorting {
  background-image: url('../images/datatable/sort_both.png?4936');
}
table.datatable thead .sorting_asc {
  background-image: url('../images/datatable/sort_asc.png?4936');
}
table.datatable thead .sorting_desc {
  background-image: url('../images/datatable/sort_desc.png?4936');
}
table.datatable thead .sorting_asc_disabled {
  background-image: url('../images/datatable/sort_asc_disabled.png?4936');
}
table.datatable thead .sorting_desc_disabled {
  background-image: url('../images/datatable/sort_desc_disabled.png?4936');
}
table.datatable thead tr {
  border: 0;
}
table.datatable thead tr th {
  border: 0;
  color: #1f2937;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  background: #f6fafd;
  border: 1px solid #f4f4f2;
  border-top: 1px solid #f4f4f2 !important;
  height: 40px;
  line-height: 24px;
}
table.datatable tbody tr {
  border: 0;
}
table.datatable tbody tr td {
  border: 0;
  text-align: center;
  height: 40px;
  color: #1f2937;
  border-bottom: 1px solid #f3f3f3;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
}
.table-hover > tbody > tr:hover {
  background: #f7f7f7;
}
.file-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #fb7925;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
}
.file-icon.file-xls,
.file-icon.file-xlsx,
.file-icon.file-csv {
  color: #49ae2c;
  font-size: 16px;
}
.file-icon.file-xls:before,
.file-icon.file-xlsx:before,
.file-icon.file-csv:before {
  content: '';
}
.file-icon.file-pdf {
  color: #ea1c33;
  font-size: 16px;
}
.file-icon.file-pdf:before {
  content: '';
}
.file-icon.file-ppt,
.file-icon.file-pptx {
  color: #fb7925;
  font-size: 16px;
}
.file-icon.file-ppt:before,
.file-icon.file-pptx:before {
  content: '';
}
.file-icon.file-doc,
.file-icon.file-docx {
  color: #527ce7;
  font-size: 16px;
}
.file-icon.file-doc:before,
.file-icon.file-docx:before {
  content: '';
}
.file-icon.file-rar,
.file-icon.file-zip {
  color: #92d200;
}
.file-icon.file-rar:before,
.file-icon.file-zip:before {
  content: '';
}
.file-icon.file-txt {
  color: #20a3e6;
}
.file-icon.file-txt:before {
  content: '';
}
.file-icon.file-jpg {
  color: #ff5d5d;
  font-size: 16px;
}
.file-icon.file-jpg:before {
  content: '\ebef';
}
.file-icon.file-png {
  color: #58cb7e;
  font-size: 16px;
}
.file-icon.file-png:before {
  content: '\ebee';
}
.file-icon.file-bmp {
  color: #5a99ef;
  font-size: 16px;
}
.file-icon.file-bmp:before {
  content: '\ebed';
}
.file-icon.file-video {
  color: #4fd2c2;
  font-size: 16px;
}
.file-icon.file-video:before {
  content: '\ecca';
}
.ui-pureselect .select-hd .form-control {
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-right: 14px;
}
.ui-pureselect .select-hd .form-control[readonly] {
  background: #fff;
}
.ui-pureselect.disabled .select-hd .form-control {
  cursor: not-allowed;
  background: #f7f7f7 !important;
}
.ui-pureselect.disabled .select-hd .form-control[readonly] {
  background: #f7f7f7 !important;
}
.ui-pureselect-bd {
  width: 100%;
  position: absolute;
  z-index: 19999999;
  min-width: 70px;
  padding: 3px 0;
}
.ui-pureselect-bd .node-lis {
  border-radius: 0 0 5px 5px;
  min-width: 109px;
  max-height: 250px;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #e5e6e7;
  background-color: #fff;
  text-align: center;
  overflow-y: auto;
}
.ui-pureselect-bd .node-search {
  position: relative;
  border-radius: 5px 5px 0 0;
  background: #fff;
  border: 1px solid #e5e6e7;
  padding: 5px;
  border-bottom: 0;
}
.ui-pureselect-bd .node-search .form-control {
  height: 32px;
  font-size: 14px;
  padding-right: 50px;
}
.ui-pureselect-bd .node-search .empty-btn,
.ui-pureselect-bd .node-search .search-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1f2937;
  width: 20px;
  position: absolute;
  top: 10px;
  font-size: 16px;
  color: #ccc;
  padding: 0;
  border: 0;
  background: none;
}
.ui-pureselect-bd .node-search .empty-btn {
  right: 30px;
  display: none;
}
.ui-pureselect-bd .node-search .empty-btn:before {
  content: '';
}
.ui-pureselect-bd .node-search:hover .empty-btn {
  display: block;
}
.ui-pureselect-bd .node-search .search-btn {
  right: 10px;
}
.ui-pureselect-bd .node-search .search-btn:before {
  content: '';
}
.ui-pureselect-bd .node-temps {
  padding: 4px 32px 4px 26px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.ui-pureselect-bd .node-temps:last-child {
  margin-bottom: 0;
}
.ui-pureselect-bd .node-temps.cur {
  position: relative;
}
.ui-pureselect-bd .node-temps.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 4px;
  left: 6px;
  content: '\e6a6';
  font-size: 14px;
  color: #5ac4f3;
  line-height: 24px;
}
.ui-pureselect-bd .node-temps:hover {
  background-color: #f7f7f7;
  color: #606060;
}
.ui-pureselect-bd .node-nodata {
  padding: 15px 10px;
  text-align: center;
  line-height: 22px;
  color: #aeaeae;
  font-size: 14px;
  background: #fff;
  border-left: 1px solid #e5e6e7;
  border-right: 1px solid #e5e6e7;
}
.ui-pureselect-bd .node-panel {
  border-radius: 5px;
  border: 1px solid #e5e6e7;
  background-color: #fff;
}
.ui-pureselect-bd .node-panel .node-search {
  margin: 5px;
}
.ui-pureselect-bd .node-panel .node-lis {
  background: none;
  border: none;
}
.ui-pureselect-bd .node-search + .node-lis {
  border-top: 0 !important;
}
.ui-multiselect-bd {
  display: flex;
}
.ui-multiselect-bd .node-lis {
  flex: 1;
}
.ui-multiSelect {
  min-width: 140px;
  font-size: 0;
}
.ui-multiSelect > span {
  display: inline-block;
  vertical-align: middle;
}
.ui-multiSelect .drop-ele {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  width: calc(100% - 48px);
}
.ui-multiSelect .drop-ele:hover .form-control {
  border: 1px solid #36abdf;
}
.ui-multiSelect .multi-left {
  border: 1px solid #e5e6e7;
  border-radius: 4px;
  width: 20px;
  text-align: center;
  line-height: 30px;
  color: #b5b5b5;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  margin-right: 4px;
}
.ui-multiSelect .multi-left:before {
  content: '\e60a';
}
.ui-multiSelect .multi-left:hover {
  color: #36abdf;
  border: 1px solid #36abdf;
}
.ui-multiSelect .multi-right {
  border: 1px solid #e5e6e7;
  border-radius: 4px;
  width: 20px;
  text-align: center;
  line-height: 30px;
  color: #b5b5b5;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  margin-left: 4px;
}
.ui-multiSelect .multi-right:before {
  content: '\e609';
}
.ui-multiSelect .multi-right:hover {
  color: #36abdf;
  border: 1px solid #36abdf;
}
.ui-multiSelect.disabled .multi-left {
  cursor: not-allowed;
  background: #f7f7f7;
}
.ui-multiSelect.disabled .multi-right {
  cursor: not-allowed;
  background: #f7f7f7;
}
.ui-dateline-date {
  padding: 10px 0px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 99;
  max-width: 460px;
  position: absolute;
  z-index: 99;
}
.ui-dateline-date .left-arrow,
.ui-dateline-date .right-arrow {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 22px;
  color: #b1b1b1;
  vertical-align: top;
  text-align: center;
  background: #fbfbfb;
  cursor: pointer;
}
.ui-dateline-date .left-arrow:before,
.ui-dateline-date .right-arrow:before {
  content: '\e68b';
}
.ui-dateline-date .left-arrow {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.ui-dateline-date .right-arrow {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.ui-dateline-date .dateline-head {
  display: flex;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
}
.ui-dateline-date .dateline-head .left-arrow {
  float: left;
  background: #fff;
}
.ui-dateline-date .dateline-head .date-maintitle {
  flex: 1;
  display: flex;
}
.ui-dateline-date .dateline-head .date-title {
  flex: 1;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.ui-dateline-date .dateline-head .right-arrow {
  float: right;
  background: #fff;
}
.ui-dateline-date .date-head {
  display: flex;
  flex: 1;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
}
.ui-dateline-date .date-head .left-arrow {
  float: left;
  background: #fff;
}
.ui-dateline-date .date-head .date-txt {
  flex: 1;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.ui-dateline-date .date-head .right-arrow {
  float: right;
  background: #fff;
}
.ui-dateline-date .date-lis {
  width: 100%;
  margin: 10px 0;
  padding: 0 14px;
  max-height: 110px;
  min-height: 110px;
  overflow: auto;
}
.ui-dateline-date .date-lis .date-cell {
  float: left;
  min-width: 26px;
  max-width: 50px;
  height: 26px;
  line-height: 26px;
  margin: 0 1px 1px 0;
  padding: 0 3px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  cursor: pointer;
}
.ui-dateline-date .date-lis .cur {
  background: #f7f7f7;
  color: #1878ff;
}
.ui-dateline-date .date-box {
  width: 225px;
  display: inline-block;
  vertical-align: middle;
}
.ui-dateline-date .dateline-btn {
  padding: 0 10px;
  text-align: right;
}
.webuploader-container {
  position: relative;
}
.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #00b7ee;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
.webuploader-pick-hover {
  background: #00a2d4;
}
.webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none;
}
.comm-chk-wrap {
  position: relative;
  line-height: 32px;
  font-size: 0;
  min-height: 32px;
  min-width: 24px;
}
.comm-chk-wrap .comm-chk {
  position: absolute;
  top: 7px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: url('../images/green.png?4936') no-repeat 0 1px;
  cursor: pointer;
}
.comm-chk-wrap .comm-label {
  color: #7d7c7c;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 22px;
  font-size: 14px;
  line-height: 32px;
}
.comm-chk-wrap .comm-chk-bg {
  background: url('../images/green.png?4936') no-repeat -47px 1px;
  border: 0;
}
.comm-chk-wrap .comm-chk-bg_batch {
  background: url('../images/green.png?4936') no-repeat -47px 1px;
  border: 0;
}
.comm-chk-wrap .comm-chk-half {
  background: url('../images/green.png?4936') no-repeat -241px 1px;
  border: 0;
}
.comm-chk-wrap .comm-chk-disable {
  background: url('../images/green.png?4936') no-repeat -72px 1px;
  border: 0;
  cursor: not-allowed;
}
.comm-chk-wrap .comm-chk-bg.comm-chk-disable {
  background: url('../images/green.png?4936') no-repeat -96px 1px;
}
.comm-chk-gray .comm-chk {
  background: url('../images/chkgray.png?4936') no-repeat 0 1px;
}
.comm-chk-gray .comm-chk-bg {
  background: url('../images/chkgray.png?4936') no-repeat -47px 1px;
}
.comm-chk-gray .comm-chk-disable {
  background: url('../images/chkgray.png?4936') no-repeat -72px 1px;
}
.comm-chk-gray .comm-chk-bg.comm-chk-disable {
  background: url('../images/chkgray.png?4936') no-repeat -96px 1px;
}
.comm-rdo-wrap {
  position: relative;
  line-height: 32px;
  font-size: 0;
  min-height: 32px;
  min-width: 24px;
}
.comm-rdo-wrap .comm-rdo {
  position: absolute;
  top: 7px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: url('../images/green.png?4936') no-repeat -121px 1px;
  cursor: pointer;
}
.comm-rdo-wrap .comm-label {
  color: #7d7c7c;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 22px;
  font-size: 14px;
  line-height: 32px;
}
.comm-rdo-wrap .comm-rdo-bg {
  background: url('../images/green.png?4936') no-repeat -168px 0px;
  border: 0;
}
.comm-rdo-wrap .comm-rdo-disable {
  background: url('../images/green.png?4936') no-repeat -193px 1px;
  border: 0;
  cursor: not-allowed;
}
.comm-rdo-wrap .comm-rdo-bg.comm-rdo-disable {
  background: url('../images/green.png?4936') no-repeat -217px 1px;
}
.comm-rdo-wrap .txts-info {
  color: #aeaeae;
  margin-left: 5px;
}
.ui-radio {
  line-height: 30px;
  color: #606060;
  font-weight: normal;
  margin: 0;
}
.ui-radio input[type='radio'] {
  display: none;
}
.ui-radio .radio-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0 5px;
}
.ui-radio .radio {
  background: url(../images/green.png) no-repeat;
  background-position: -121px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.ui-radio .radio:hover {
  background-position: -145px 0;
}
.ui-radio input[type='radio']:checked + .radio {
  background-position: -169px 0px;
}
.ui-radio input[type='radio']:disabled + .radio {
  background-position: -193px 0px;
  cursor: not-allowed;
}
.ui-radio input[type='radio']:disabled + .radio + .radio-label {
  cursor: not-allowed;
}
.ui-radio input[type='radio']:checked:disabled + .radio {
  background-position: -217px 0px;
  cursor: not-allowed;
}
.ui-checkbox {
  line-height: 30px;
  color: #606060;
  font-weight: normal;
  margin: 0;
}
.ui-checkbox input[type='checkbox'] {
  display: none;
}
.ui-checkbox .checkbox-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0 5px;
}
.ui-checkbox .checkbox {
  background: url(../images/green.png) no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.ui-checkbox .checkbox:hover {
  background-position: -24px 0;
}
.ui-checkbox input[type='checkbox']:checked + .checkbox {
  background-position: -48px 0;
}
.ui-checkbox input[type='checkbox']:disabled + .checkbox {
  background-position: -72px 0;
  cursor: not-allowed;
}
.ui-checkbox input[type='checkbox']:disabled + .checkbox + .checkbox-label {
  cursor: not-allowed;
}
.ui-checkbox input[type='checkbox']:checked:disabled + .checkbox {
  background-position: -96px 0;
  cursor: not-allowed;
}
.icheckbox_square-green,
.iradio_square-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url('../images/green.png?4936') no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-green {
  background-position: 0 0;
}
.icheckbox_square-green.hover {
  background-position: -24px 0;
}
.icheckbox_square-green.checked {
  background-position: -48px 0;
}
.icheckbox_square-green.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-green.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-green {
  background-position: -120px 0;
}
.iradio_square-green.hover {
  background-position: -144px 0;
}
.iradio_square-green.checked {
  background-position: -168px 0;
}
.iradio_square-green.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-green.checked.disabled {
  background-position: -216px 0;
}
.btn-switch {
  height: 32px;
  overflow: hidden;
}
.mod-switch {
  border-radius: 18px;
  width: 32px;
  height: 18px;
  position: relative;
  background-color: #bbb;
  -webkit-transition: 0.8s;
  cursor: pointer;
  margin-top: 7px;
}
.mod-switch span {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  left: 1px;
  top: 1px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: 0.5s;
  z-index: 2;
  -webkit-transform: translateX(0px);
}
.mod-switch i {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: 0.5s;
  border-radius: 20px;
  -webkit-transform: scale(1);
}
.mod-switch.actived {
  background: #1878ff;
}
.mod-switch.actived i {
  -webkit-transform: scale(0);
  background-color: #1878ff;
}
.mod-switch.actived span {
  -webkit-transform: translateX(14px);
  border: 1px solid #fff;
}
.mod-switch.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.mod-switch.disabled span,
.mod-switch.disabled i {
  cursor: not-allowed;
}
.status-warp {
  position: absolute;
  right: 20px;
  top: 3px;
  display: none;
  transition: 0.5s;
  line-height: 24px;
}
.status-warp .status-cent {
  position: relative;
}
.status-warp .status-btn {
  transition: 0.5s;
  color: #fff;
  font-size: 20px;
  width: 46px;
  height: 46px;
  display: block;
  overflow: hidden;
  padding-top: 6px;
  margin-right: -6px;
}
.status-warp .status-btn i {
  margin: 0 0 0 14px;
}
.status-warp .status-lis {
  transition: 0.5s;
  display: none;
  position: absolute;
  width: 137px;
  background: #fff;
  right: 0;
  top: 28px;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  z-index: 100;
  overflow: hidden;
}
.status-warp .status-lis a {
  height: 32px;
  transition: 0.1s;
  line-height: 32px;
  color: #242424;
  width: 100%;
  text-indent: 10px;
  display: inline-block;
  font-size: 14px;
}
.status-warp .status-lis a:hover {
  background: #1878ff;;
  color: #fff;
}
.status-warp:hover .status-lis {
  display: block;
}
.commpub .uploader-list {
  overflow: hidden;
  clear: both;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.commpub .info {
  line-height: 24px;
  height: 24px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.commpub .file-item {
  position: relative;
  float: left;
  border: 1px solid #eee;
  margin: 0 5px 5px 0;
  background: #fff;
  padding: 0 7px;
  width: 116px;
}
.commpub .success:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  z-index: 200;
  background: url('../images/success.png?4936') no-repeat right bottom;
  content: ' ';
}
.commpub .commpub-btn .webuploader-pick {
  padding: 10px 20px;
}
.commpub .imgwarp {
  width: 100px;
  height: 100px;
  background: url('../images/bg.png?4936') no-repeat;
  text-align: center;
  margin: 0 8px 8px 0;
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 14px;
}
.commpub .imgwarp .infoext {
  padding-top: 31px;
  display: block;
  font-size: 17px;
  font-weight: bold;
}
.commpub .imgwarp .infonotice {
  display: block;
  text-align: center;
  line-height: 100px;
}
.commpub .error {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 36px;
}
.list-group-item {
  background: none;
}
.commtree-nav .search-tips {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #aeaeae;
}
.commtree-nav .commtree-body {
  padding-bottom: 8px;
}
.commtree-nav .commtree-body .search-nodata {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #aeaeae;
}
.commtree-nav .ui-addmore {
  color: #aeaeae;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  line-height: 34px;
  cursor: pointer;
}
.commtree-nav .ui-addmore p {
  margin: 0;
}
.commtree-nav .ui-addmore:hover {
  color: #75aee8;
}
.commtree-children > span {
  padding-left: 24px;
  overflow: hidden;
  display: block;
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 44px;
}
.commtree-children-con > .commtree-children > span {
  padding-left: 50px;
}
.commtree-children-con > .commtree-children-con > .commtree-children > span {
  padding-left: 65px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children
  > span {
  padding-left: 80px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children
  > span {
  padding-left: 95px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children
  > span {
  padding-left: 110px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children
  > span {
  padding-left: 125px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children
  > span {
  padding-left: 140px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children
  > span {
  padding-left: 155px;
}
.commtree-nav {
  background: #fff;
  border: 1px solid #e5e6e7;
}
.commtree-nav .commtree-search {
  margin: 5px;
  position: relative;
  line-height: 20px;
}
.commtree-nav .commtree-search .colse-btn,
.commtree-nav .commtree-search .search-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1f2937;
  width: 15px;
  position: absolute;
  top: 6px;
  font-size: 18px;
  color: #ccc;
}
.commtree-nav .commtree-search .colse-btn {
  right: 30px;
  display: none;
}
.commtree-nav .commtree-search .colse-btn:before {
  content: '';
}
.commtree-nav .commtree-search:hover .colse-btn {
  display: block;
}
.commtree-nav .commtree-search .search-btn {
  right: 10px;
}
.commtree-nav .commtree-search .search-btn:before {
  content: '';
}
.commtree-nav .commtree-children {
  cursor: pointer;
  line-height: 30px;
}
.commtree-nav .openicon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  color: #848484;
  cursor: pointer;
  vertical-align: middle;
}
.commtree-nav .openicon:before {
  content: '';
}
.commtree-nav .openicon.cur:before {
  content: '';
}
.commtree-children {
  position: relative;
  margin-top: 5px;
}
.commtree-children i {
  width: 20px;
  display: inline-block;
}
.commtree-children:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  left: 6px;
  content: '\e6a3';
  font-size: 14px;
  color: transparent;
}
.commtree-children:hover {
  background: #f7f7f7;
}
.commtree-children:hover:before {
  color: #f7f7f7;
}
.commtree-children.cur {
  background: #fff;
}
.commtree-children.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  left: 6px;
  content: '\e6a6';
  font-size: 14px;
  color: #5ac4f3;
}
.commtree-children.cur:hover {
  background: #f7f7f7;
}
.commtree-children strong {
  font-weight: normal;
}
.commtree-children .num-col {
  color: #cdcdcd;
  font-size: 14px;
  margin-left: 10px;
}
.commtree-children .handle-col {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #75aee8;
  line-height: 22px;
  padding: 0 5px;
  width: 20px;
  height: 20px;
  background: url(../images/green.png?2.16) no-repeat 0 1px;
  cursor: pointer;
}
.commtree-children .handle-col.cur-select {
  background: url(../images/green.png?2.16) no-repeat -47px 1px;
  border: 0;
}
.commtree-children .job-col {
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
  background-color: #75aee8;
  border-radius: 14px;
  padding: 2px 6px;
}
.commtree-body > .ui-addmore {
  padding-left: 35px;
}
.commtree-children-con > .ui-addmore {
  padding-left: 50px;
}
.commtree-children-con > .commtree-children-con > .ui-addmore {
  padding-left: 65px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .ui-addmore {
  padding-left: 80px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .ui-addmore {
  padding-left: 95px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .ui-addmore {
  padding-left: 110px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .ui-addmore {
  padding-left: 125px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .ui-addmore {
  padding-left: 140px;
}
.commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .commtree-children-con
  > .ui-addmore {
  padding-left: 155px;
}
.ui-datetime {
  width: 240px;
  border: 1px solid #eee;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
}
.ui-datetime .icon-arrow-left,
.ui-datetime .icon-arrow-right {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
}
.ui-datetime .icon-arrow-left:before {
  content: '';
}
.ui-datetime .icon-arrow-right:before {
  content: '';
}
.ui-datetime .ui-datetime-hd {
  margin-left: 8px;
}
.ui-datetime .ui-datetime-hd .ui-date-data {
  width: 120px;
  display: inline-block;
}
.ui-datetime .ui-datetime-hd .ui-time {
  width: 76px;
  display: inline-block;
  position: relative;
  margin-left: 4px;
}
.ui-datetime .ui-datetime-hd .ui-time .ui-time-lis {
  padding: 5px 0;
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
  height: auto;
  position: absolute;
  z-index: 699;
}
.ui-datetime .ui-datetime-hd .ui-time ul {
  width: 80px;
  max-height: 240px;
  background: #fff;
  border-radius: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 0;
}
.ui-datetime .ui-datetime-hd .ui-time li {
  padding: 8px 12px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
}
.ui-datetime .ui-datetime-hd .form-control[readonly] {
  background: #fff;
  padding: 0 3px;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.ui-datetime .ui-datetime-btn {
  text-align: right;
}
.ui-datetime .ui-datetime-btn .empty {
  cursor: pointer;
  margin-right: 12px;
  color: #606060;
}
.ui-datetime .ui-datetime-btn .btn {
  height: 32px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  background: #1878ff;
}
.search-lot-date.has-quickbar {
  width: 578px;
}
.search-lot-date.has-quickbar .ui-datetime {
  float: right;
  width: 458px;
}
.search-lot-date.has-quickbar .addbtn-wrap {
  display: block;
  clear: both;
  width: 100%;
}
.search-lot-date.has-quickbar .quick-select-bar {
  width: 90px;
  float: left;
  height: 308px;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  overflow-y: auto;
}
.search-lot-date.has-quickbar .ui-range-select {
  height: 308px;
  border-bottom: 1px solid #f3f3f3;
}
.search-lot-date.has-quickbar .quick-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 30px;
  cursor: pointer;
  padding-left: 20px;
}
.search-lot-date.has-quickbar .quick-txt:hover,
.search-lot-date.has-quickbar .quick-txt.cur {
  color: #169eda;
}
.ui-datetime-select {
  position: relative;
  z-index: 299;
}
.ui-datetime-select .ui-datetime {
  position: absolute;
}
.ui-datetime-range {
  zoom: 1;
  border: 1px solid #eee;
  border-radius: 5px;
  width: 484px;
  background: #fff;
}
.ui-datetime-range:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datetime-range .ui-datetime {
  float: left;
  border: 0;
}
.ui-datetime-range .ui-range-btn {
  text-align: right;
  padding: 10px 10px 10px;
}
.ui-datetime-range .ui-range-btn .empty {
  cursor: pointer;
  margin-right: 15px;
  color: #606060;
}
.ui-datetime-range .ui-range-btn .btn {
  padding: 5px 24px;
}
.ui-datetime-range .ui-time-accurate {
  width: 120px;
  display: flex;
}
.ui-datetime-range .ui-time-accurate ul {
  flex: 1;
}
.ui-datetime-range.has-quickbar {
  width: 578px;
}
.ui-datetime-range.has-quickbar .quick-select-bar {
  width: 90px;
  float: left;
  height: 308px;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  overflow-y: auto;
}
.ui-datetime-range.has-quickbar .ui-range-select {
  height: 308px;
  border-bottom: 1px solid #f3f3f3;
}
.ui-datetime-range.has-quickbar .quick-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 30px;
  cursor: pointer;
  padding-left: 20px;
}
.ui-datetime-range.has-quickbar .quick-txt:hover,
.ui-datetime-range.has-quickbar .quick-txt.cur {
  color: #169eda;
}
.ui-time-opt {
  padding-top: 2px;
  z-index: 2999999999;
  min-width: 240px;
}
.ui-time-opt .time-optcent {
  position: relative;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  border-radius: 5px;
}
.ui-time-opt ul {
  margin-bottom: 0;
}
.ui-time-opt ul::-webkit-scrollbar {
  height: 8px;
}
.ui-time-opt ul::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.ui-time-opt ul::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.ui-time-opt ul::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.ui-time-opt ul::-webkit-scrollbar,
.ui-time-opt ul::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.ui-time-opt ul::-webkit-scrollbar-button {
  width: 0;
}
.ui-time-opt .time-lis-box {
  width: 100%;
}
.ui-time-opt .time-lis {
  width: 100%;
  background: #fff;
  height: 190px;
  font-size: 0;
  border-radius: 5px;
}
.ui-time-opt .mod-lis {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  height: 190px;
  overflow: hidden;
  overflow-y: auto;
  border-right: 1px solid #e5e6e7;
}
.ui-time-opt .mod-lis:last-child {
  border-right: 0;
}
.ui-time-opt li {
  line-height: 30px;
  padding-left: 10px;
  color: #aeaeae;
  font-size: 14px;
  cursor: pointer;
}
.ui-time-opt li:hover {
  background: #f7f7f7;
}
.ui-time-opt li.cur {
  color: #1878ff;
}
.ui-time-opt .time-optbot {
  border-top: 1px solid #e5e6e7;
  text-align: right;
  padding: 5px 10px;
}
.ui-time-opt .time-optbot .clear-btn {
  font-size: 14px;
  color: #606060;
  margin-right: 5px;
  cursor: pointer;
}
.ui-time-opt .time-optbot .btn {
  padding: 2px 16px;
}
.ui-month-choose {
  width: 100%;
  position: absolute;
  z-index: 299;
  min-width: 70px;
  padding: 3px 0;
}
.ui-month-choose .node-temps {
  float: left;
  padding: 0;
  height: 26px;
  width: 26px;
  text-align: center;
  margin: 6px;
  border: 1px solid #fff;
}
.ui-month-choose .cur {
  border-radius: 50%;
  border: 1px solid #5ac4f3;
}
.ui-month-choose .cur:before {
  content: '' !important;
}
.ui-tips-alert .tips-content {
  display: table;
  margin: 0 auto;
  padding: 10px 20px 0 20px;
  word-break: break-all;
}
.ui-tips-alert .tips-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  color: #1878ff;;
}
.ui-tips-alert .tips-icon:before {
  content: '\e79f';
}
.ui-tips-alert .main-txt {
  text-align: center;
  color: #1f2937;
}
.ui-tips-alert .main-txt .txts {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.ui-tips-alert .remark-txt {
  text-align: center;
}
.ui-tips-alert .remark-txt p {
  color: #aeaeae;
}
.ui-tips-alert1 .tits {
  color: #1f2937;
  font-size: 14px;
  font-weight: bold;
}
.ui-tips-alert1 .txts {
  color: #1f2937;
  line-height: 23px;
  margin-top: 5px;
  margin-bottom: 0;
}
.ui-tips-alert1 .tips-center {
  text-align: center;
  padding-bottom: 10px;
}
.ui-tips-alert1 .tips-flex {
  display: flex;
  justify-content: flex-start;
  padding: 10px 20px 20px;
}
.en-guided-btn {
  width: 72px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #49bef3;
  color: #49bef3;
  border-radius: 5px;
  line-height: 30px;
  float: right;
  margin: 17px 12px 0 0;
}
.en-guided-box {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
}
.en-guided-box .col-bgs {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.en-guided-box .col-close {
  position: relative;
  width: 68%;
  margin: 30px auto 0;
  text-align: right;
  padding: 0 10px;
}
.en-guided-box .col-close .btns {
  border-radius: 5px;
  border: 1px solid #fff;
  font-weight: bold;
  color: #fff;
  padding: 10px 20px;
  line-height: 20px;
  cursor: pointer;
  margin-left: 10px;
}
.en-guided-box .col-maincent {
  position: relative;
  width: 68%;
  margin: 30px auto 0;
  border: 4px dashed #fff;
  padding: 10px;
  border-radius: 10px;
}
.en-guided-box .col-maincent img {
  display: block;
  border-radius: 10px;
}
.en-guided-box .col-infos {
  position: relative;
  padding: 10px;
  color: #fff;
  width: 68%;
  margin: 0 auto;
}
.en-guided-tip {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.en-guided-tip .col-bgs {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.en-guided-tip .guided-cent {
  position: absolute;
  height: 130px;
  z-index: 299;
  display: flex;
}
.en-guided-tip .guided-cent .col-gicons {
  background: #12151e;
  width: 138px;
  height: 30px;
  color: #8c94b4;
  padding: 5px 0 5px 25px;
  position: relative;
  font-size: 14px;
  display: block;
  line-height: 28px;
}
.en-guided-tip .guided-cent i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-right: 6px;
  font-size: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 28px;
}
.en-guided-tip .guided-cent i:before {
  content: '\ebbb';
}
.en-guided-tip .guided-c {
  width: 270px;
  height: 130px;
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  line-height: 24px;
  position: relative;
  margin-top: -16px;
}
.en-guided-tip .guided-c:before {
  display: block;
  width: 0;
  height: 0;
  border-width: 8px 8px 8px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 28px;
  left: -8px;
  content: '';
}
.en-guided-tip .guided-c .btn {
  float: right;
}
.en-reddot {
  position: relative;
}
.en-reddot:after {
  background: #ff4e00;
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  content: ' ';
  z-index: 99;
  display: block;
}
.en-reddot-label {
  background: #ff4e00;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  z-index: 99;
  display: inline-block;
}
.en-notice-tip {
  font-size: 14px;
  color: #fff;
  background: rgba(64, 67, 82, 0.8);
  border-radius: 5px;
  padding: 0 10px;
  line-height: 22px;
  position: absolute;
  z-index: 99;
}
.en-notice-tip:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: transparent transparent rgba(64, 67, 82, 0.8);
  position: absolute;
  top: -4px;
  left: 15px;
}
.en-notice-inner .notice-inner {
  font-size: 14px;
  color: #fff;
  background: rgba(64, 67, 82, 0.8);
  border-radius: 5px;
  padding: 0 10px;
  line-height: 22px;
  position: absolute;
  z-index: 99;
}
.en-notice-inner .notice-inner:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: transparent transparent rgba(64, 67, 82, 0.8);
  position: absolute;
  top: -4px;
  left: 15px;
}
.ui-menusele {
  position: relative;
  zoom: 1;
  border-bottom: 1px solid #f3f3f3;
  font-size: 0;
}
.ui-menusele:after {
  content: '';
  display: block;
  clear: both;
}
.ui-menusele .txts {
  width: 74px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  color: #1f2937;
  font-size: 14px;
  cursor: pointer;
  border-bottom: 2px solid #fff;
  margin: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
}
.ui-menusele .txts.cur {
  border-bottom: 2px solid #1878ff;
  color: #1878ff;
}
.black-template {
  background: rgb(248, 249, 250);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.black-template .icon-wmore {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
}
.black-template .icon-wmore:before {
  content: '\e70e';
}
.black-topbar {
  background: #ffffff;
  height: 52px;
  zoom: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 300px;
  text-align: center;
}
.black-topbar:after {
  content: '';
  display: block;
  clear: both;
}
.black-topbar .logo {
  margin-top: 14px;
  color: #fff;
  margin-left: 20px;
}
.black-topbar .logo img {
  display: block;
  float: left;
  width: 55px;
  height: 24px;
}
.black-topbar .logo .txt {
  margin-left: 8px;
  float: left;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
.black-topbar .pull-right {
  margin: 10px 20px 0 0;
}
.black-topbar > .pull-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 199;
}
.black-topbar > .pull-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 199;
}
.black-topbar .row-pagenav {
  text-align: center;
}
.black-topbar .row-pagenav .switch-page {
  font-size: 0;
  margin: 0;
}
.black-topbar .row-pagenav .col-temps {
  width: 120px;
  height: 50px;
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  padding: 9px 0;
  cursor: pointer;
  position: relative;
}
.black-topbar .row-pagenav .col-temps i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 18px;
}
.black-topbar .row-pagenav .col-temps .txts {
  display: inline-block;
  vertical-align: middle;
}

.black-topbar .row-pagenav .col-temps:first-child:after {
  border-right: 0;
}
.black-topbar .row-pagenav .col-temps.cur {
  color: #1878ff;
  border-bottom:1px solid  #1878ff;
}
.black-topbar .icon-pagefield {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.black-topbar .icon-pagefield:before {
  content: '\e85e';
}
.black-topbar .icon-pagelist {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.black-topbar .icon-pagelist:before {
  content: '\e85f';
}
.black-topbar .icon-pageprint {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.black-topbar .icon-pageprint:before {
  content: '\e860';
}
.black-topbar .icon-pageImport {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.black-topbar .icon-pageImport:before {
  content: '\e7ec';
}
.black-centbar {
  height: calc(100% - 72px);
  position: relative;
  margin-top: 52px;
}
.black-centbar .black-l {
  width: 200px;
  background: #fff;
  position: fixed;
  top: 62px;
  left: 10px;
  bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 30px;
  z-index: 199;
}
.black-centbar .black-l::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.black-centbar .black-l::-webkit-scrollbar {
  width: 6px;
  background-color: #eee;
  border-radius: 5px;
  height: 6px;
}
.black-centbar .black-l::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}
.black-centbar .black-m {
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  position: fixed;
  top: 62px;
  bottom: 10px;
  left: 220px;
  right: 410px;
  transition: 0.5s;
  border:1px solid #eee;
  border-radius:10px;
  background-color: #fff;
}
.black-centbar .black-m.status {
  right: 10px;
}
.black-centbar .black-r {
  width: 390px;
  position: absolute;
  position: fixed;
  top: 62px;
  right: 10px;
  bottom: 10px;
  transition: 0.5s;
  overflow: hidden;
  overflow-y: auto;
  border:1px solid #eee;
  border-radius:10px;
  background-color: #fff;
}
.black-centbar .black-r.status {
  right: -390px;
}
.black-r .black-mod-lis {
  height: 100%;
}
.black-r .black-mod-set {
  height: 100%;
  overflow: hidden;
}
.black-r .black-mod-set > dl {
  height: 100%;
  overflow: hidden;
}
.black-r .black-mod-setcent {
  height: calc(100% - 55px);
  overflow: hidden;
  overflow-y: auto;
}
.black-l .side-tit {
  border-bottom: 1px solid #eee;
  font-size: 14px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.black-l .switch-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  cursor: pointer;
}
.black-l .switch-btn:before {
  content: '\e68b';
}
.black-l .switch-btn.cur:before {
  content: '\e68c';
}
.black-l .widget-mod:after {
  width: 240px;
  display: block;
  content: '';
  margin: 0 auto;
  border-bottom: 1px solid #eeeeee;
  margin: 10px auto 0;
}
.black-l .widget-mod:last-child:after {
  border-bottom: 0;
}
.black-l .widget-mod .widget-nav {
  zoom: 1;
  padding: 10px 26px 0 18px;
}
.black-l .widget-mod .widget-nav:after {
  content: '';
  display: block;
  clear: both;
}
.black-l .widget-mod .widget-nav > .pull-left {
  cursor: pointer;
}
.black-l .widget-mod .widget-nav > .pull-left .tit-introduce {
  position: absolute;
  z-index: 99;
  display: none;
  position: absolute;
  padding-top: 10px;
}
.black-l .widget-mod .widget-nav > .pull-left .tit-introduce .in-cents {
  background: rgba(64, 67, 82, 0.8);
  line-height: 22px;
  border-radius: 5px;
  padding: 5px 10px;
  width: 180px;
}
.black-l .widget-mod .widget-nav > .pull-left .tit-introduce .in-cents:before {
  width: 0;
  height: 0;
  border-bottom: 6px solid rgba(64, 67, 82, 0.8);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  top: 5px;
  left: 20px;
  content: '';
}
.black-l .widget-mod .widget-nav > .pull-left:hover .tit-introduce {
  display: block;
}
.black-l .widget-mod.cur .widget-nav .switch-btn:before {
  content: '\e68c';
}
.black-l .widget-mod.cur .widget-custom {
  display: none;
}
.black-l .widget-mod.cur .widget-switch {
  display: none;
}
.black-l .widget-mod.cur .widget-group {
  display: none;
}
.black-l .widget-custom .widget-custom-lis {
  zoom: 1;
  padding: 0 10px 0;
}
.black-l .widget-custom .widget-custom-lis:after {
  content: '';
  display: block;
  clear: both;
}
.black-l .widget-custom .widget-item {
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  margin: 12px 0 0 9px;
  float: left;
  border-radius: 5px;
  vertical-align: middle;
  cursor: pointer;
  display:flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.black-l .widget-custom .widget-item:hover {
  background-color: rgba(199, 210, 249, 1);
  color: #1878ff;
}
.black-l .widget-custom .widget-item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 60px;
  margin-left: 8px;
}
.black-l .widget-custom .widget-item .widgetMark {
}
.black-l .widget-custom .widget-item .widgetMark i {
  font-size: 20px;
}
.black-l .widget-custom .widget-hide {
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #eee;
  cursor: pointer;
  background: #eee;
  width: 240px;
  border-radius: 5px;
  margin: 10px auto 0;
}
.black-l .widget-custom .widget-hide:hover {
  color:#1878ff;
}
.black-l .widget-item {
  position: relative;
  cursor: move;
}
.black-l .widget-item .del-widget {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #db4040;
  position: absolute;
  top: -18px;
  right: -7px;
  font-size: 17px;
  display: none;
}
.black-l .widget-item .del-widget:before {
  content: '\e6ab';
}
.black-l .widget-item:hover .del-widget {
  display: block;
}
.black-l .default-widget {
  padding: 0 8px 8px;
  zoom: 1;
}
.black-l .default-widget:after {
  content: '';
  display: block;
  clear: both;
}
.black-l .default-widget .widget-item,
.black-l .default-widget .widget-more {
  width: 256px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  margin: 12px 0 0 9px;
  float: left;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.black-l .default-widget .widget-item:hover,
.black-l .default-widget .widget-more:hover {
  background-color: rgba(199, 210, 249, 1);
  color: #1878ff;
}
.black-l .default-widget .widget-item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.black-l .default-widget .widget-more {
  transition: 0.5s;
}
.black-l .default-widget .widget-more i {
}
.black-mod-set .row-maintit {
  border-bottom: 1px solid #ecf1f7;
  font-size: 14px;
  height: 50px;
  padding-left: 25px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.black-mod-set .row-maintit .col-tits {
  line-height: 50px;
  font-weight: bold;
  color: #404352;
}
.black-mod-set .row-maintit .col-btn {
  margin-top: 8px;
}
.black-mod-set .row-maincent {
  padding-top: 10px;
}
.black-mod-set .col-mod {
  margin-bottom: 8px;
  position: relative;
  padding: 0 0 0 70px;
  min-height: 32px;
}
.black-mod-set .col-mod .col-tits {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  text-align: right;
  line-height: 32px;
}
.black-mod-set dd {
  padding: 0 10px;
}
.black-mod-set .row-sonmod {
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  padding: 10px 0 0;
  margin-bottom: 8px;
}
.black-mod-set .row-sonmod .col-cents {
  padding-right: 10px;
}
.black-addmob {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  margin-bottom: 0;
  cursor: pointer;
  min-width: 80px;
  flex: 1;
  border-radius: 5px;
  position: relative;
  text-align: center;
}
.black-addmob i {
  border: 1px dashed #31b5f0;
  height: 32px;
  display: block;
  border-radius: 5px;
  color: #31b5f0;
  vertical-align: middle;
  line-height: 32px;
}
.uigrid-table {
  position: relative;
  background: #fff;
}
.uigrid-table ul {
  margin: 0;
}
.uigrid-table .sort-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #606060;
  display: inline-block;
  vertical-align: middle;
}
.uigrid-table .sort-icon.sort-icon-up:before {
  content: '';
}
.uigrid-table .sort-icon.sort-icon-down:before {
  content: '󦊹';
}
.uigrid-table .tree-icon {
  width: 20px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  color: #b0b0b0;
  transition: 0.2s ease-in-out;
  text-align: right;
}
.uigrid-table .tree-icon.tree-spreaded:before {
  content: '';
}
.uigrid-table .tree-icon.tree-retracted:before {
  content: '';
}
.uigrid-table .caret-sort {
  width: 10px;
  height: 24px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: url('../images/sort-triangle.png?4936') no-repeat 0 6px;
}
.uigrid-table .sort-ascending {
  background-position: -20px 6px;
}
.uigrid-table .sort-descending {
  background-position: -40px 6px;
}
.uigrid-table .caret-treelevel {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  color: #b0b0b0;
  font-size: 14px;
  cursor: pointer;
}
.uigrid-table .caret-treelevel.level-retracted {
  margin-right: 5px;
}
.uigrid-table .caret-treelevel.level-retracted:before {
  content: '';
}
.uigrid-table .caret-treelevel.level-spreaded {
  margin-right: 5px;
}
.uigrid-table .caret-treelevel.level-spreaded:before {
  content: '';
}
.uigrid-table .caret-treelevel:hover {
  color: #1878ff;
}
.uigrid-table .caret-filter {
  display: inline-block;
  vertical-align: middle;
  color: #cbcbcb;
  cursor: pointer;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  width: 20px;
  line-height: 20px;
  float: right;
  margin-top: 2px;
}
.uigrid-table .caret-filter:before {
  content: '';
}
.uigrid-table .caret-filter:hover {
  color: #5cc5f3;
}
.uigrid-table .thbox {
  position: relative;
}
.uigrid-table .trigger-sort {
  position: absolute;
  top: 0;
  right: 20px;
  background: #f6fafd;
  bottom: 0;
  align-items: center;
  display: none;
  cursor: pointer;
}
.uigrid-table .trigger-filter {
  position: absolute;
  top: 0;
  right: 0;
  background: #f6fafd;
  bottom: 0;
  align-items: center;
  display: none;
  cursor: pointer;
}
.uigrid-table th .tits {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  max-width: 60%;
  max-width: calc(100% - 40px);
}
.uigrid-table th:hover .trigger-sort {
  display: flex;
}
.uigrid-table th:hover .trigger-filter {
  display: flex;
}
.uigrid-table .add-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #1878ff;;
}
.uigrid-table .add-btn:before {
  content: '';
}
.uigrid-table .edit-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #1878ff;;
}
.uigrid-table .edit-btn:before {
  content: '';
}
.uigrid-table .online-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #f7bf28;
}
.uigrid-table .online-btn:before {
  content: '';
}
.uigrid-table .del-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #f54646;
}
.uigrid-table .del-btn:before {
  content: '';
}
.uigrid-table .enable-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #1878ff;
}
.uigrid-table .enable-btn:before {
  content: '';
}
.uigrid-table .disable-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #a9a8a8;
}
.uigrid-table .disable-btn:before {
  content: '';
}
.uigrid-table .down-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #4fd2c2;
}
.uigrid-table .down-btn:before {
  content: '\ebe4';
}
.uigrid-table .switch-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #1878ff;;
}
.uigrid-table .switch-btn:before {
  content: '\ebd6';
}
.uigrid-table .downshelves-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #ff5d5d;
}
.uigrid-table .downshelves-btn:before {
  content: '\ebd5';
}
.uigrid-table .update-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #1878ff;
}
.uigrid-table .update-btn:before {
  content: '\ebd8';
}
.uigrid-table .sub-txts {
  min-width: 20px;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  margin-left: 2px;
  color: #fff;
  display: inline-block;
  text-align: center;
}
.uigrid-table .cell {
  cursor: pointer;
}
.uigrid-table .gutter {
  border-bottom: 1px solid #ebeef5;
}
.uigrid-table .edit-tr {
  visibility: hidden;
}
.uigrid-table .temp-tr .form-control {
  border: 1px solid #fff;
  padding: 0;
  transition: all 0.5s;
}
.uigrid-table .temp-tr:hover {
  background: #f7f7f7;
}
.uigrid-table .temp-tr:hover .edit-tr {
  visibility: visible;
}
.uigrid-table .temp-tr:hover .form-control {
  padding: 5px 12px;
  border: 1px solid #e5e6e7;
}
.uigrid-table .temp-tr:hover .cancelTip {
  display: none;
}
.uigrid-table .temp-tr:hover {
  background: #f7f7f7;
}
.uigrid-table .temp-tr:hover .edit-tr {
  visibility: visible;
}
.uigrid-table .temp-tr:hover .form-control {
  padding: 5px 12px;
  border: 1px solid #e5e6e7;
}
.uigrid-table .temp-tr:hover .cancelTip {
  display: none;
}
.uigrid-table .temp-tr.disabled-cur {
  background: url(../images/icon-disabled.png?4936) no-repeat #fbfbfb 2px 12px;
}
.uigrid-table .temp-tr.disabled-cur td {
  color: #aeaeae;
}
.uigrid-table .temp-tr.disabled-cur td:first-child {
  padding-left: 20px;
}
.uigrid-table .temp-tr.disabled-cur-noicon {
  background: #fbfbfb;
}
.uigrid-table .temp-tr.disabled-cur-noicon td {
  color: #aeaeae;
}
.uigrid-table .temp-tr-hover {
  background: #f7f7f7;
}
.uigrid-table .cell-hidden {
  visibility: hidden;
}
.uigrid-table .uigrid-main {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.uigrid-table .temp-table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  color: #606060;
  background-color: #fff;
  font-size: 14px;
}
.uigrid-table .temp-table th {
  border: 1px solid #f3f3f3;
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  height: 40px;
  padding: 2px 10px;
  background: #f6fafd;
  word-break: break-all;
}
.uigrid-table .temp-table td {
  border: 1px solid #f3f3f3;
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  height: 38px;
  padding: 2px 10px;
  word-break: break-all;
}
.uigrid-table .temp-table tr:first-child td {
  border-top: 0;
}
.uigrid-table .table-head {
  position: relative;
  z-index: 99;
  overflow: hidden;
}
.uigrid-table .table-body {
  overflow: auto;
  position: relative;
}
.uigrid-table .table-body::-webkit-scrollbar {
  height: 8px;
}
.uigrid-table .table-body::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.uigrid-table .table-body::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.uigrid-table .table-body::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.uigrid-table .table-body::-webkit-scrollbar,
.uigrid-table .table-body::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.uigrid-table .table-body::-webkit-scrollbar-button {
  width: 0;
}
.uigrid-table .uigrid-bot {
  zoom: 1;
  padding: 10px;
}
.uigrid-table .uigrid-bot:after {
  content: '';
  display: block;
  clear: both;
}
.uigrid-table .uigrid-bot .total-lis {
  float: left;
  display: inline-block;
  line-height: 32px;
}
.uigrid-table .uigrid-bot .table-page {
  float: right;
}
.uigrid-table .uigrid-bot .paging {
  float: right;
}
.uigrid-table .uigrid-bot .tit {
  display: inline-block;
  color: #606060;
  line-height: 34px;
}
.uigrid-table .uigrid-bot .col {
  display: inline-block;
  color: #606060;
  line-height: 34px;
  margin-right: 10px;
}
.uigrid-table .uigrid-bot .clear {
  cursor: pointer;
}
.uigrid-table .uigrid-bot .txts {
  display: inline-block;
  vertical-align: middle;
}
.uigrid-table .uigrid-bot .total-num {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.uigrid-table .uigrid-bot .total-pages {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.uigrid-table .uigrid-bot .total-pages > .form-control {
  width: 68px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}
.uigrid-table .uigrid-bot .ui-pureselect,
.uigrid-table .uigrid-bot .bill-select {
  width: 68px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.uigrid-table .uigrid-bot .pagination-group {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.uigrid-table .uigrid-bot .custom {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  margin-right: 5px;
}
.uigrid-table .uigrid-bot .ui-addmore {
  font-size: 14px;
}
.uigrid-table .uigrid-bot .table-addmore {
  font-size: 14px;
  text-align: center;
  text-align: center;
  color: #aeaeae;
  border-bottom: 1px solid #f7f7f7;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  padding: 5px 0;
}
.uigrid-table .uigrid-bot .table-addmore p {
  margin: 0;
}
.uigrid-table .uigrid-filter {
  padding: 10px 20px 0;
  background: #fff;
}
.uigrid-table .uigrid-filter > div {
  font-size: 0;
}
.uigrid-table .uigrid-filter .sort-icon ul {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.uigrid-table .uigrid-filter .clear-all {
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.uigrid-table .uigrid-filter li {
  margin-bottom: 10px;
  display: inline-block;
}
.uigrid-table .uigrid-filter a {
  padding: 0 10px;
  margin-right: 12px;
  line-height: 24px;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid #f6f5f5;
  color: #606060;
  display: inline-block;
}
.uigrid-table .uigrid-filter i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  margin-left: 5px;
  width: 10px;
  height: 24px;
  color: #b0b0b0;
  display: inline-block;
}
.uigrid-table .uigrid-filter i:before {
  content: '';
}
.uigrid-table .uigrid-filter a:hover i {
  color: #1878ff;;
  transition: 0.5s;
  transform: rotate(360deg);
}
.uigrid-table .uigrid-setcol {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  width: 60px;
  height: 41px;
  line-height: 41px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 299;
  border: 1px solid #f5f5f5;
  color: #bebebe;
  cursor: pointer;
  text-align: center;
  background: #f6fafd;
}
.uigrid-table .uigrid-setcol:before {
  content: '';
}
.uigrid-table .is-fixed-column {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 110;
  box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.08);
}
.uigrid-table .is-fixed-column .table-body {
  overflow: hidden;
}
.uigrid-table .is-fixed-handlecolumn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 109;
  overflow: hidden;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.08);
}
.uigrid-table .is-fixed-handlecolumn .uigrid-main {
  position: absolute;
  right: 0;
}
.uigrid-table .is-fixed-handlecolumn .table-body {
  overflow: hidden;
}
.uigrid-table .uigrid-search-lot .search-lot-txt .linetree {
  margin-top: 0;
}
.uigrid-table .uigrid-search-lot .search-lot-txt .commtree-nav {
  border: 0;
}
.uigrid-table .uigrid-search-lot .search-lot-txt > div .form-control {
  width: 100%;
}
.uigrid-table .uigrid-search-lot .search-lot-txt > div {
  padding: 10px;
}
.uigrid-table .uigrid-search-lot .search-lot-txt > .linetree {
  padding: 0 0 10px;
}
.uigrid-table .uigrid-search-lot .search-lot-date {
  border: 0;
}
.uigrid-table .uigrid-search-lot .ui-datetime-range .ui-range-btn {
  padding: 10px 20px;
}
.uigrid-table .uigrid-search-lot .search-lot-date .ui-datetime {
  width: 240px;
  text-align: center;
}
.enclosure-lis-alert {
  padding: 10px 20px;
}
.enclosure-lis-alert .enclosure-lis {
  min-height: 300px;
}
.enclosure-lis-alert .img-lis {
  zoom: 1;
  padding: 10px 0;
}
.enclosure-lis-alert .img-lis:after {
  content: '';
  display: block;
  clear: both;
}
.enclosure-lis-alert .img-lis li {
  float: left;
  margin-right: 14px;
  position: relative;
  cursor: pointer;
}
.enclosure-lis-alert .img-lis li strong {
  width: 80px;
  height: 80px;
  display: block;
  line-height: 80px;
  overflow: hidden;
}
.enclosure-lis-alert .img-lis li strong img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}
.enclosure-lis-alert .img-lis li .del {
  position: absolute;
  right: -10px;
  top: -10px;
  color: #f54646;
  cursor: pointer;
  visibility: hidden;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
}
.enclosure-lis-alert .img-lis li .del:before {
  content: '\e6ab';
}
.enclosure-lis-alert .img-lis li:hover .del {
  visibility: visible;
}
.enclosure-lis-alert .file-lis {
  zoom: 1;
}
.enclosure-lis-alert .file-lis:after {
  content: '';
  display: block;
  clear: both;
}
.enclosure-lis-alert .file-lis li {
  width: 380px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: relative;
  padding: 0 24px 0 20px;
  margin-right: 20px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
}
.enclosure-lis-alert .file-lis li .del {
  color: #f54646;
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 18px;
  cursor: pointer;
  visibility: hidden;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
}
.enclosure-lis-alert .file-lis li .del:before {
  content: '\e6ab';
}
.enclosure-lis-alert .file-lis li .download-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;
  position: absolute;
  right: 30px;
  top: 0;
  font-size: 18px;
  visibility: hidden;
}
.enclosure-lis-alert .file-lis li .download-btn:before {
  content: '';
}
.enclosure-lis-alert .file-lis li:hover .del,
.enclosure-lis-alert .file-lis li:hover .download-btn {
  visibility: visible;
}
.enclosure-lis-alert.enclosure-addlis-alert {
  min-height: 300px;
}
.enclosure-lis-alert.enclosure-addlis-alert .webuploader-pick {
  vertical-align: middle;
  background: none !important;
  color: #c9c9c9 !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.file-status {
  width: 50px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  margin: 5px 5px 0 5px;
  background-color: #fff5e5;
  color: #f7be26;
  border-radius: 10px;
  display: inline-block;
}
.file-status.uploaded {
  background-color: #e5f2fb;
  color: #5294de;
}
.file-status.sealed {
  background-color: #dcfcf1;
  color: #56caa3;
}
.enclosure-main {
  padding: 0 10px;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: 10px;
  margin-top: -10px;
}
.enclosure-main::-webkit-scrollbar {
  height: 8px;
}
.enclosure-main::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.enclosure-main::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.enclosure-main::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.enclosure-main::-webkit-scrollbar,
.enclosure-main::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.enclosure-main::-webkit-scrollbar-button {
  width: 0;
}
.enclosure-main .add-btn {
  color: #cdcdcd;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  position: relative;
}
.enclosure-main .add-btn:before {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 18px;
  content: '\e6f0';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  color: #1878ff;
}
.enclosure-main .add-btn .webuploader-pick {
  vertical-align: middle;
  background: none !important;
  color: #c9c9c9 !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.enclosure-main .txts {
  font-size: 14px;
  margin-left: 25px;
  max-width: 64%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #cdcdcd;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  float: left;
}
.enclosure-main .img-logo,
.enclosure-main .enclosure-logo {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  color: #1878ff;
}
.enclosure-main .img-logo .txts {
  font-size: 14px;
  margin-left: 25px;
  color: #1878ff;
}
.enclosure-main .seal-button {
  flex: none;
  width: 20px;
  height: 20px;
  border: 0px;
  line-height: 30px;
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  color: #97b4f0;
  float: right;
}
.enclosure-main .seal-button:before {
  content: '\e772';
}
.enclosure-main .enclosure-logo {
  margin-left: 5px;
}
.enclosure-main .enclosure-logo .txts {
  font-size: 14px;
  margin-left: 30px;
  color: #1878ff;
}
.enclosure-main .del-btn {
  position: absolute;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #f54646;
  font-size: 16px;
  cursor: pointer;
  display: none;
  top: -10px;
  right: -5px;
}
.enclosure-main .del-btn:before {
  content: '\e6ab';
}
.enclosure-main .icon-images {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 22px;
  position: absolute;
  left: 0px;
  top: -2px;
}
.enclosure-main .icon-images:before {
  content: '\e607';
}
.enclosure-main .icon-enclosure {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 18px;
  position: absolute;
  left: 10px;
  top: 0px;
}
.enclosure-main .icon-enclosure:before {
  content: '';
}
.enclosure-main .img-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.enclosure-main .img-item img {
  height: 100%;
  width: 100%;
}
.enclosure-main .img-item:hover .del-btn {
  display: block;
}
.enclosure-main .enclosure-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: #f7f7f7;
  border-radius: 5px;
  padding: 0 10px 0 30px;
  height: 28px;
  line-height: 28px;
}
.enclosure-main .enclosure-item .file-icon {
  left: 10px;
}
.enclosure-main .enclosure-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
  font-size: 14px;
}
.enclosure-main .enclosure-item:hover .del-btn {
  display: block;
}
.enclosure-main .enclosure-item:hover .div4930 {
  display: block;
}
.enclosure-main span.div4930 {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 54px;
  background: #f7f7f7;
  height: 100%;
}
.enclosure-main .download-btn4930 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #1878ff;;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 8px;
  top: -14px;
}
.enclosure-main .download-btn4930:before {
  content: '\eb44';
}
.enclosure-main .del-btn4930 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #f54646;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -14px;
}
.enclosure-main .del-btn4930:before {
  content: '\e6ab';
}
.enclosure-main.xs-img .img-item {
  height: 28px;
  width: 28px;
}
.enclosure-main.m-img .img-item {
  height: 68px;
  width: 68px;
}
.enclosure-main.l-img .img-item {
  height: 110px;
  width: 77px;
}
.iconnum-lis {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  margin-right: 4px;
  color: #169eda;
  display: inline-block;
  line-height: 30px;
  cursor: pointer;
}
.iconnum-lis:before {
  display: inline-block;
  vertical-align: middle;
}
.iconnum-lis b {
  margin: 0 4px;
  font-size: 14px;
  font-weight: normal;
}
.iconnum-lis:hover {
  color: #1878ff;
}
.iconnum-enclosure:before {
  content: '';
}
.iconnum-picture:before {
  content: '';
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 100;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
[class*=' datetimepicker-dropdown']:before,
[class*=' datetimepicker-dropdown-top']:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
[class*=' datetimepicker-dropdown']:before {
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
[class*=' datetimepicker-dropdown-top']:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
[class*=' datetimepicker-dropdown']:after,
[class*=' datetimepicker-dropdown-top']:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
[class*=' datetimepicker-dropdown']:after {
  border-bottom: 6px solid #fff;
  position: absolute;
}
[class*=' datetimepicker-dropdown-top']:after {
  border-top: 6px solid #fff;
  border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes,
.datetimepicker.hours div.datetimepicker-hours,
.datetimepicker.days div.datetimepicker-days,
.datetimepicker.months div.datetimepicker-months,
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
}
.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.minute:hover {
  background: #eee;
  cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
  background: #eee;
  cursor: pointer;
}
.datetimepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999;
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: 0;
  color: #999;
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fdd49a),
    to(#fdf59a)
  );
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069;
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #04c;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #1878ff;
  color: #fff;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker table tr td span:hover {
  background: #eee;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: 0;
  color: #999;
  cursor: default;
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #04c;
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #1878ff;
  color: #fff;
}
.datetimepicker table tr td span.old {
  color: #999;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker th span.glyphicon {
  pointer-events: none;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
  background: #eee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.datetimepicker .clear {
  color: #606060;
  font-weight: normal;
}
.datetimepicker .today {
  color: #606060;
  font-weight: normal;
}
.bootstrap-select {
  width: 220px \0;
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding: 0 10px !important;
  height: 32px;
  line-height: 32px;
  position: relative;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*='col-']):not([class*='form-control']):not(
    .input-group-btn
  ) {
  width: 220px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*='col-']) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*='col-'] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*='col-'].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*='col-'].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 90%;
  text-align: left;
  line-height: 32px;
  font-size: 14px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  border: 0;
  padding: 8px;
  width: 29px;
  display: block;
  right: 0;
  height: 26px;
  color: #aeaeae;
}
.bootstrap-select.btn-group[class*='col-'] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  border-radius: 5px;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
  margin-top: 2px;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  margin: 0 !important;
  border-radius: 0;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
  font-size: 14px;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick
  .dropdown-menu
  li.selected
  a
  span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a {
  padding: 3px 10px 3px 28px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a:hover {
  background: #e5f7ff;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  font-size: 14px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select .btn-default.focus,
.bootstrap-select .btn-default:focus {
  background: #fff;
}
.bootstrap-select .dropdown-menu > li > a {
  padding: 3px 10px 3px 30px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 3px 1% !important;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-actionsbox .actions-btn {
  width: 50% !important;
  margin: 0;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
}
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
select.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.bootstrap-select .btn-default {
  border: 1px solid #e5e6e7;
  color: #606060;
}
.bootstrap-select .btn-default:hover {
  background: #fff !important;
  border: 1px solid #1878ff;;
}
.bootstrap-select.open .btn-default {
  border: 1px solid #e5e6e7;
  background: #fff;
}
.bootstrap-select.open .btn-default:hover {
  background: #fff !important;
  border: 1px solid #1878ff;;
}
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  z-index: 29999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 18%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 92%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: 0.8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #1f2937;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
.sp-sat {
  background-image: -webkit-gradient(
    linear,
    0 0,
    100% 0,
    from(#fff),
    to(rgba(204, 154, 129, 0))
  );
  background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)';
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
  background-image: -webkit-gradient(
    linear,
    0 100%,
    0 0,
    from(#000),
    to(rgba(204, 154, 129, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    #000,
    rgba(204, 154, 129, 0)
  );
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)';
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
  background: -moz-linear-gradient(
    top,
    red 0%,
    #ff0 17%,
    lime 33%,
    cyan 50%,
    blue 67%,
    #f0f 83%,
    red 100%
  );
  background: -ms-linear-gradient(
    top,
    red 0%,
    #ff0 17%,
    lime 33%,
    cyan 50%,
    blue 67%,
    #f0f 83%,
    red 100%
  );
  background: -o-linear-gradient(
    top,
    red 0%,
    #ff0 17%,
    lime 33%,
    cyan 50%,
    blue 67%,
    #f0f 83%,
    red 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(red),
    color-stop(0.17, #ff0),
    color-stop(0.33, lime),
    color-stop(0.5, cyan),
    color-stop(0.67, blue),
    color-stop(0.83, #f0f),
    to(red)
  );
  background: -webkit-linear-gradient(
    top,
    red 0%,
    #ff0 17%,
    lime 33%,
    cyan 50%,
    blue 67%,
    #f0f 83%,
    red 100%
  );
  background: linear-gradient(
    to bottom,
    red 0%,
    #ff0 17%,
    lime 33%,
    cyan 50%,
    blue 67%,
    #f0f 83%,
    red 100%
  );
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
  display: none !important;
}
.sp-cf:before,
.sp-cf:after {
  content: '';
  display: table;
}
.sp-cf:after {
  clear: both;
}
.sp-cf {
  *zoom: 1;
}
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: 0.8;
}
.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: solid 1px #e8e8e8;
  padding: 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans',
    Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #d3d3d3;
}
.sp-hue {
  border: 0px;
}
.sp-input-container {
  float: right;
  width: 100%;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 0px inset;
  border-bottom: 1px #a8c1f2 solid;
  padding: 2px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  color: #1f2937;
  outline: none;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  height: 200px;
  width: 165px;
  border-left: solid 1px #fff;
}
.sp-palette-container {
  padding-right: 0;
}
.sp-palette-only .sp-palette-container {
  border: 0;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
.sp-initial {
  float: left;
  border: solid 1px #1f2937;
  display: none;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
.sp-palette-button-container,
.sp-button-container {
  float: right;
  margin-top: 4px;
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 1px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #e8e8e8;
  background: #fff;
  color: #1f2937;
  vertical-align: middle;
  border-radius: 3px;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #f0c49b;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
  display: none;
}
.sp-preview {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  *width: 220px;
  max-width: 220px;
  height: 160px;
  overflow-y: auto;
}
.sp-palette .sp-thumb-el {
  width: 24px;
  height: 24px;
  margin: 8px 5px;
  border-radius: 50%;
}
.sp-container {
  padding-bottom: 0;
}
.sp-container button {
  background-color: #47bef2;
  border: 1px solid #47bef2;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
  font-size: 11px;
  color: #1f2937 !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner {
  border-radius: 3px;
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  border-radius: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.ui-colorset-layer {
  position: fixed;
  z-index: 999999;
}
.ui-colorset-layer .sp-container {
  border: 0px;
  box-shadow: none;
}
.ui-colorset-layer .sp-picker-container {
  height: auto;
}
.ui-colorset-layer .active span {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.colorset-main {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #eee;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  clear: both;
  overflow: hidden;
  padding-bottom: 10px;
  width: 400px;
}
.color-cents {
  zoom: 1;
}
.color-cents:after {
  content: '';
  display: block;
  clear: both;
}
.col-dropcolor {
  position: relative;
  float: left;
  width: 210px;
  padding: 10px 0px 0px 10px;
}
.col-dropcolor ul {
  height: 165px;
  overflow-y: auto;
}
.col-dropcolor li {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin: 8px 5px;
}
.col-dropcolor li span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: block;
}
.col-selecolor {
  position: relative;
  float: right;
}
.colorset-confirm {
  margin: 0 10px;
}
.colorset-confirm .btn-clear {
  float: left;
  padding: 4px;
  line-height: 22px;
  cursor: pointer;
}
.colorset-confirm .btn-sure {
  float: right;
  height: 30px;
  line-height: 1;
  padding: 0 10px;
}
.color-grouppicker {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 1px;
  display: inline-block;
  border: solid 1px #e8e8e8;
  background: #fff;
  color: #1f2937;
  vertical-align: middle;
  border-radius: 3px;
}
.color-grouppicker span {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  float: left;
  z-index: 0;
}
.ui-widget-content {
  width: 740px !important;
  height: 430px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075);
}
.ui-widget-content .ui-datepicker-group {
  width: 366px;
  float: left;
}
.ui-widget-content .ui-datepicker-group table {
  width: 100%;
}
.ui-widget-content .ui-datepicker-group table th,
.ui-widget-content .ui-datepicker-group table td {
  text-align: center;
}
.ui-widget-content .ui-datepicker-group table th {
  background: #fafafa;
  height: 52px;
  line-height: 52px;
  color: #606060;
}
.ui-widget-content .ui-datepicker-group table td {
  background: #fafafa !important;
  border: 1px solid #fff;
  width: 52px;
  height: 52px;
  border-radius: 5px;
  font-size: 14px;
  font-family: 'microsoft yahei';
  cursor: pointer;
}
.ui-widget-content .ui-datepicker-group table td.ui-datepicker-current-day {
  background: #1878ff; !important;
}
.ui-widget-content .ui-datepicker-group table td.ui-datepicker-days-cell-over {
  background: #1878ff; !important;
  color: #fff !important;
}
.ui-widget-content
  .ui-datepicker-group
  table
  td.ui-datepicker-days-cell-over
  a {
  color: #fff !important;
  font-family: 'microsoft yahei';
}
.ui-widget-content .ui-datepicker-title {
  text-align: center;
  height: 60px;
  color: #1f2937;
  font-size: 14px;
  padding-top: 20px;
}
.ui-widget-content .ui-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-top: 10px;
}
.ui-widget-content .ui-icon-circle-triangle-w {
  float: left;
  margin-left: 20px;
}
.ui-widget-content .ui-icon-circle-triangle-w:before {
  content: '';
}
.ui-widget-content .ui-icon-circle-triangle-e {
  float: right;
  margin-right: 20px;
}
.ui-widget-content .ui-icon-circle-triangle-e:before {
  content: '';
}
.ui-widget-content .ui-state-disabled {
  color: #cdcdcd;
}
.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2;
}
#date-range12-container .date-picker-wrapper {
  position: absolute;
  z-index: 1;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial, sans-serif;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  box-sizing: initial;
  border-radius: 5px;
}
#date-range12-container .date-picker-wrapper.inline-wrapper {
  position: relative;
  box-shadow: none;
  display: inline-block;
}
#date-range12-container .date-picker-wrapper.single-date {
  width: auto;
}
#date-range12-container .date-picker-wrapper .month-name {
  text-transform: uppercase;
}
#date-range12-container .date-picker-wrapper .month-wrapper {
  cursor: default;
  position: relative;
  _overflow: hidden;
}
#date-range12-container .date-picker-wrapper .month-wrapper table {
  width: 360px;
  float: left;
}
#date-range12-container .date-picker-wrapper .month-wrapper table.month2 {
  width: 360px;
  float: left;
}
#date-range12-container .date-picker-wrapper .month-wrapper table th,
#date-range12-container .date-picker-wrapper .month-wrapper table td {
  width: 50px;
  text-align: center;
}
#date-range12-container .date-picker-wrapper .month-wrapper table td {
  background: #fafafa;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 14px;
  color: #606060;
}
#date-range12-container .date-picker-wrapper .month-wrapper table .day {
  padding: 5px 0;
  line-height: 1;
  font-size: 14px;
  margin-bottom: 1px;
  color: #ccc;
  cursor: default;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  div.day.lastMonth,
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  div.day.nextMonth {
  color: #999;
  cursor: default;
}
#date-range12-container .date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #9cdbf7;
}
#date-range12-container .date-picker-wrapper .month-wrapper table .week-name {
  height: 34px;
  line-height: 34px;
  font-weight: 100;
  text-transform: uppercase;
  background: #fafafa;
  color: #606060;
  font-size: 14px;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.has-tooltip {
  cursor: help !important;
}
#date-range12-container .date-picker-wrapper .time label {
  white-space: nowrap;
}
#date-range12-container .date-picker-wrapper .month-wrapper table .day.toMonth {
  color: #606060;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
  height: 100%;
  font-weight: normal;
  border-radius: 5px;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.toMonth
  > div
  > div {
  color: #1878ff;
  font-size: 14px;
  opacity: 1 !important;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.toMonth
  > div
  > div
  strong {
  font-size: 14px;
  font-family: 'microsoft YaHei';
  font-weight: normal;
  letter-spacing: -2px;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.toMonth.invalid {
  color: #ccc;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.toMonth.hovering {
  background-color: #cdecfa;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.nextMonth,
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.lastMonth {
  display: none;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.real-today {
  background-color: #ffe684;
}
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.real-today.checked,
#date-range12-container
  .date-picker-wrapper
  .month-wrapper
  table
  .day.real-today.hovering {
  background-color: #f1fbff;
}
#date-range12-container .date-picker-wrapper table .caption {
  height: 40px;
}
#date-range12-container .date-picker-wrapper table .caption .next,
#date-range12-container .date-picker-wrapper table .caption .prev {
  padding: 0 5px;
  cursor: pointer;
}
#date-range12-container .date-picker-wrapper table .caption .next:hover,
#date-range12-container .date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: #fff;
}
#date-range12-container .date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 1px;
  height: 100%;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}
#date-range12-container .date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}
#date-range12-container .date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}
#date-range12-container .date-picker-wrapper .selected-days {
  display: none;
}
#date-range12-container .date-picker-wrapper .drp_top-bar .error-top {
  display: none;
}
#date-range12-container .date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}
#date-range12-container .date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}
#date-range12-container .date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}
#date-range12-container .date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}
#date-range12-container .date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}
#date-range12-container .date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}
#date-range12-container .single-month .month-wrapper table {
  width: 680px;
  float: left;
}
#date-range12-container .single-month .caption {
  position: absolute;
  right: -85px;
  height: 100% !important;
}
#date-range12-container .single-month .caption th:first-child,
#date-range12-container .single-month .caption th:last-child {
  width: 30px !important;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d0d0d0;
  border-radius: 100%;
  display: block;
  position: absolute;
  right: 10px;
  background: #fff;
}
#date-range12-container .single-month .caption th:first-child span,
#date-range12-container .single-month .caption th:last-child span {
  display: block;
  background: none;
  height: 30px;
  overflow: hidden;
}
#date-range12-container .single-month .caption th:first-child span:before,
#date-range12-container .single-month .caption th:last-child span:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  color: #d0d0d0;
  display: block;
}
#date-range12-container .single-month .caption th:first-child:hover,
#date-range12-container .single-month .caption th:last-child:hover {
  background: #fff;
  border: 1px solid #52c1f3;
  color: #52c1f3;
  cursor: pointer;
}
#date-range12-container .single-month .caption th:first-child:hover span,
#date-range12-container .single-month .caption th:last-child:hover span {
  background: none;
}
#date-range12-container .single-month .caption th:first-child:hover span:before,
#date-range12-container .single-month .caption th:last-child:hover span:before {
  color: #52c1f3;
}
#date-range12-container .single-month .caption th:first-child {
  top: 0;
}
#date-range12-container .single-month .caption th:first-child span:before {
  content: '';
}
#date-range12-container .single-month .caption th.month-name {
  margin-top: 133px;
  display: block;
  line-height: 22px;
  color: #606060;
  font-size: 16px;
  font-weight: normal;
  font-family: 'microsoft YaHei';
}
#date-range12-container .single-month .caption th:last-child {
  bottom: 0;
}
#date-range12-container .single-month .caption th:last-child span:before {
  content: '';
}
#date-range12-container .single-month .first-date-selected .date-money-num,
#date-range12-container .single-month .first-date-selected .date-money {
  color: #fff !important;
}
#date-range12-container .single-month .drp_top-bar {
  display: none;
}
#date-range12-container .single-month {
  border: 0;
  background: none;
  margin: 20px 0;
}
#date-range12-container .single-month .date-money-num {
  color: #606060;
  font-size: 14px;
  display: block;
}
#date-range12-container .single-month .date-money-warp {
  padding: 0 5px;
  height: 50px;
}
#date-range12-container .single-month .date-money {
  opacity: 0.3;
  font-family: microsoft YaHei;
  font-size: 16px !important;
}
#date-range12-container .single-month .date-money i {
  font-size: 14px;
  font-style: normal;
}
.date-picker-wrapper .time {
  position: relative;
}
.date-picker-wrapper.single-month .time {
  display: block;
}
.date-picker-wrapper .time input[type='range'] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}
.date-picker-wrapper .time1,
.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}
.date-picker-wrapper .time1 {
  float: left;
}
.date-picker-wrapper .time2 {
  float: right;
}
.date-picker-wrapper .hour,
.minute {
  text-align: center;
}
.date-picker-wrapper .first-date-selected {
  background-color: #1878ff; !important;
  color: #fff !important;
}
.date-picker-wrapper .last-date-selected {
  background-color: #1878ff; !important;
  color: #fff !important;
}
.date-picker-wrapper .last-date-selected > div > div {
  color: #fff;
  font-size: 14px;
  opacity: 1 !important;
}
.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}
.date-picker-wrapper .date-range-length-tip:after {
  content: '';
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}
.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}
.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 14px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}
.date-picker-wrapper .week-number.week-number-selected {
  color: #4499ee;
  font-weight: bold;
}
.indresetpsw-warp {
  padding: 20px 30px 50px;
}
.indresetpsw-warp dl {
  position: relative;
  padding-left: 66px;
  margin-bottom: 14px;
}
.indresetpsw-warp dl dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  text-align: right;
  line-height: 40px;
  color: #252525;
  font-size: 14px;
}
.indresetpsw-warp dl dd .form-control {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
}
.indresetpsw-warp .addpsw-btn .btn-primary {
  margin-top: 10px;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  letter-spacing: 2px;
}
#reject-alertbox .alert-text dt {
  display: none;
}
#reject-alertbox .alert-text dd textarea.form-control {
  width: 100%;
  height: 160px;
  resize: none;
  border-radius: 5px;
}
.topic-element-add {
  background: #fff;
  margin-top: 10px;
  position: relative;
  padding-top: 10px;
  border-radius: 5px;
}
.topic-element-add > .top {
  padding-right: 40px;
}
.topic-element-add .pub-body {
  padding-bottom: 0;
}
.topic-element-add .pub-retract {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  cursor: pointer;
}
.topic-element-add .pub-retract:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #b0b0b0;
  content: '\e770';
}
.forum-lis {
  padding-bottom: 10px;
}
.index-warp {
  margin-top: 10px;
}
.index-warp .img-lis {
  zoom: 1;
}
.index-warp .img-lis:after {
  content: '';
  display: block;
  clear: both;
}
.index-warp .img-lis i.del {
  position: absolute;
  right: -10px;
  top: -10px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
}
.index-warp .img-lis i.del:before {
  content: '';
}
.index-warp .img-lis li {
  float: left;
  margin-right: 14px;
  position: relative;
  margin-top: 10px;
}
.index-warp .img-lis li strong {
  width: 80px;
  height: 80px;
  display: block;
}
.index-warp .img-lis li strong img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}
.index-warp .img-lis li .del {
  color: #db4040;
  position: absolute;
  right: -5px;
  top: -15px;
  color: #db4040;
}
.index-warp .file-lis {
  zoom: 1;
}
.index-warp .file-lis:after {
  content: '';
  display: block;
  clear: both;
}
.index-warp .file-lis i.del {
  position: absolute;
  right: -10px;
  top: -10px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
}
.index-warp .file-lis i.del:before {
  content: '';
}
.index-warp .file-lis li {
  width: 380px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: relative;
  padding: 0 66px 0 22px;
  line-height: 26px;
  cursor: pointer;
  font-size: 14px;
  color: #606060;
}
.index-warp .file-lis li .del {
  color: #db4040;
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 18px;
}
.icon-commentmore {
  margin-left: 5px;
}
.icon-commentmore.cur:before {
  content: '\e626';
}
.topic-element {
  background: #fff;
  padding: 14px 10px;
  margin-top: 10px;
  padding-left: 80px;
  font-size: 14px;
  border-radius: 5px;
  position: relative;
}
.topic-element .delbtn {
  color: #f78528;
  margin-right: 10px;
}
.topic-element .replaybtn {
  color: #606060;
  margin: 0 10px;
}
.topic-element .text-muted {
  color: #bebebe;
  display: block;
  float: left;
}
.topic-element .text-muted .iconfont {
  font-size: 16px;
}
.topic-element .text-muted span {
  margin-right: 10px;
  font-size: 14px;
}
.topic-element .topic-avatar {
  position: relative;
}
.topic-element .topic-avatar .media-body {
  overflow: inherit;
  width: auto;
  display: block;
}
.topic-element .topic-avatar .topic-landlord {
  position: absolute;
  left: -60px;
}
.topic-element .topic-avatar .topic-landlord .zan-info {
  bottom: 50px;
  left: -23px;
}
.topic-element .topic-avatar .topic-landlord .zan-info:before {
  left: 38px;
  bottom: -12px;
  border-color: rgba(64, 67, 82, 0.9) transparent transparent transparent;
}
.topic-element .topic-avatar .img-circle,
.topic-element .topic-avatar > .pull-left > .ui-head {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 12px !important;
}
.topic-element .topic-avatar .ui-head.font-s {
  font-size: 12px !important;
}
.topic-element .topic-avatar .tit strong {
  font-size: 14px;
  color: #1f2937;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.topic-element .topic-avatar .opera-btn a {
  margin-left: 12px;
  color: #aeaeae;
}
.topic-element .topic-avatar .opera-btn a:hover,
.topic-element .topic-avatar .opera-btn a.cur {
  color: #1878ff;
}
.topic-element .topic-avatar .opera-btn span {
  font-size: 13px;
  margin-left: 5px;
}
.topic-element .topic-avatar .opera-btn .iconfont {
  font-size: 16px;
  vertical-align: middle;
}
.topic-element .topic-avatar .opera-btn .icon-topicback {
  font-size: 18px;
}
.topic-element .topic-avatar .info {
  color: #606060;
  font-size: 14px;
  padding: 0;
  word-wrap: break-word;
  width: auto;
  display: block;
  margin: 5px 0;
}
.topic-element .topic-avatar .info p {
  margin-bottom: 0;
}
.topic-element .topic-avatar .media-body {
  padding: 0 0 0 0;
  font-size: 14px;
  width: auto;
  display: block;
}
.topic-element .topic-avatar .media-body textarea.form-control {
  resize: none;
}
.topic-element:first-child .topic-avatar .topic-landlord .zan-info {
  top: 50px;
  bottom: auto;
}
.topic-element:first-child .topic-avatar .topic-landlord .zan-info:before {
  left: 38px;
  top: -12px;
  bottom: auto;
  border-color: transparent transparent rgba(64, 67, 82, 0.9) transparent;
}
.topic-element:first-child .topiczan-lis .zan-info {
  top: 55px;
  bottom: auto;
}
.topic-element:first-child .topiczan-lis .zan-info:before {
  right: 25px;
  top: -12px;
  bottom: auto;
  border-color: transparent transparent rgba(64, 67, 82, 0.9) transparent;
}
.topic-element .topic-comment {
  overflow: hidden;
  padding: 5px 0;
}
.topic-element .topic-comment .pull-right {
  padding: 5px 0;
}
.topic-element .topic-comment .form-control {
  resize: none;
  border: 1px solid #ecf1f7;
  border-radius: 5px;
}
.topic-element .topic-footer .social-comment {
  border-top: 1px solid #ecf1f7;
  padding: 10px 0;
  position: relative;
  min-height: 62px;
}
.topic-element .topic-footer .social-comment > div.pull-left {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
.topic-element .topic-footer .social-comment .img-circle,
.topic-element .topic-footer .social-comment .ui-head {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.topic-element .topic-footer .social-comment .zan-info {
  bottom: 58px;
  left: -15px;
}
.topic-element .topic-footer .social-comment .zan-info .img-circle,
.topic-element .topic-footer .social-comment .zan-info .ui-head {
  width: 50px;
  height: 50px;
}
.topic-element .topic-footer .social-comment .zan-info:before {
  left: 26px;
  bottom: -12px;
  border-color: rgba(64, 67, 82, 0.9) transparent transparent transparent;
}
.topic-element .topic-footer .social-comment .delbtn,
.topic-element .topic-footer .social-comment .replaybtn {
  display: none;
}
.topic-element .topic-footer .social-comment:hover {
  cursor: pointer;
}
.topic-element .topic-footer .social-comment:hover .delbtn,
.topic-element .topic-footer .social-comment:hover .replaybtn {
  display: inline-block;
}
.topic-element .topic-footer .media-body {
  padding-left: 10px;
  font-size: 14px;
  width: auto;
  display: block;
}
.topic-element .topic-footer .text-muted {
  margin-top: 5px;
  font-size: 14px;
}
.topic-element .topiczan-lis {
  zoom: 1;
  margin: 0 auto;
}
.topic-element .topiczan-lis:after {
  content: '';
  display: block;
  clear: both;
}
.topic-element .topiczan-lis ul {
  float: right;
  max-width: 94%;
  margin-bottom: 0;
}
.topic-element .topiczan-lis li {
  float: right;
  width: 34px;
  height: 60px;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
  padding: 10px 0;
}
.topic-element .topiczan-lis li .head {
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
}
.topic-element .topiczan-lis li .head img {
  width: 34px;
  height: 34px;
}
.topic-element .topiczan-lis li .zan-info {
  bottom: 58px;
  right: -15px;
}
.topic-element .topiczan-lis li .zan-info:before {
  right: 27px;
  bottom: -12px;
  border-color: rgba(64, 67, 82, 0.9) transparent transparent transparent;
}
.topic-element .topiczan-lis .addmore {
  float: right;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  border: 1px solid #f2fbff;
  background: #f2fbff;
  display: block;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
  margin-left: 10px;
}
.topic-element .topiczan-lis .addmore:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e695';
  color: #1878ff;;
  font-size: 20px;
  line-height: 30px;
}
.topic-element .topiczan-lis .addmore.cur {
  border: 1px solid #1878ff;;
  background: #1878ff;;
}
.topic-element .topiczan-lis .addmore.cur:before {
  color: #f2fbff;
}
.topic-element .topic-myoperate {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.topic-element .topic-myoperate .tit {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #a9a9a9;
}
.topic-element .topic-myoperate .tit:before {
  content: '\e68b';
}
.topic-element .topic-myoperate .lis {
  position: absolute;
  background: #404352;
  width: 120px;
  right: -12px;
  margin-bottom: 0;
  border-radius: 5px;
  padding: 10px;
  display: none;
  z-index: 299;
}
.topic-element .topic-myoperate .lis:before {
  position: absolute;
  right: 14px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #404352;
  content: ' ';
}
.topic-element .topic-myoperate .lis .checkback,
.topic-element .topic-myoperate .lis .delbtn {
  color: #fff;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 8px;
}
.topic-element .topic-myoperate .lis .checkback i,
.topic-element .topic-myoperate .lis .delbtn i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}
.topic-element .topic-myoperate .lis .checkback i:before {
  content: '\e771';
}
.topic-element .topic-myoperate .lis .delbtn i:before {
  content: '\e656';
}
.topic-element .topic-myoperate:hover .tit {
  color: #1d9fd9;
}
.topic-element .topic-myoperate:hover .lis {
  display: block;
}
.indexPubTopic .selectResult,
.indexPubTopic .selectrangeResult {
  overflow: hidden;
  display: inline;
}
.indexPubTopic .selectResult span,
.indexPubTopic .selectrangeResult span {
  font-size: 13px;
  color: #fff;
  border-radius: 10px;
  padding: 0 9px;
  margin: 0 0 5px 5px;
  cursor: pointer;
  display: inline-block;
}
.indexPubTopic .selectResult span {
  background: #1878ff;;
}
.indexPubTopic .selectrangeResult span {
  background: #4ed3c3;
}
.indexPubTopic .tit {
  font-size: 18px;
  color: #000;
}
.indexPubTopic .content .pub-body .form-control {
  resize: none;
  border: 0;
}
.indexPubTopic .pub-footer {
  background: #fafbfc;
  border-top: 1px solid #ebebeb;
  padding: 10px 10px;
  border-radius: 5px;
}
.pub-initial {
  background: #fff;
  border-radius: 5px;
  padding: 5px 20px;
  zoom: 1;
}
.pub-initial:after {
  content: '';
  display: block;
  clear: both;
}
.pub-initial .info {
  float: left;
  line-height: 34px;
  cursor: pointer;
  font-size: 14px;
}
.pub-initial .info b {
  font-weight: normal;
}
.pub-initial .info b > span {
  color: #ff6000;
}
.pub-initial .pubbtn {
  float: right;
  cursor: pointer;
}
.pub-initial .pubbtn i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #a9a9a9;
  vertical-align: middle;
  font-size: 24px;
  margin-right: 4px;
}
.pub-initial .pubbtn i:before {
  content: '';
}
.pub-initial .pubbtn span {
  color: #606060;
  font-size: 14px;
}
.pub-initial .pubbtn:hover i,
.pub-initial .pubbtn:hover span {
  color: #1878ff;;
}
.topic-reback-warp {
  position: relative;
}
.topic-reback-warp .num-calc {
  position: absolute;
  top: -29px;
  left: 83px;
  color: #aeaeae;
}
.topic-reback-warp .reback-lis {
  margin-left: 10px;
  padding: 0 0 10px;
}
.topic-reback-warp .reback-lis .cent {
  min-height: 420px;
}
.topic-reback-warp .reback-lis .head {
  margin-left: 10px;
}
.topic-reback-warp .reback-lis .head img,
.topic-reback-warp .reback-lis .head .ui-head {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.topic-reback-warp .reback-lis .names {
  margin-left: 10px;
  width: 130px;
}
.topic-reback-warp .reback-lis .names span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.topic-reback-warp .reback-lis .times {
  width: 300px;
  text-align: center;
}
.topic-reback-warp .reback-lis .state {
  width: 130px;
  text-align: right;
  margin-right: 10px;
}
.topic-reback-warp .reback-lis .mod {
  margin: 0 10px;
  padding: 5px 0;
  cursor: pointer;
}
.topic-reback-warp .reback-lis .mod > div {
  display: inline-block;
  color: #606060;
}
.topic-reback-warp .reback-lis .mod:hover {
  background: #f9f9f9;
}
.pubpersonbox {
  position: relative;
  width: 230px;
  display: inline-block;
  vertical-align: middle;
}
.pubpersonbox .commtree-body {
  overflow: hidden;
  overflow-y: auto;
  max-height: 330px;
}
.pubpersonbox .treelis {
  position: absolute;
  top: 33px;
  right: 0;
  width: 100%;
  background: #fff;
  min-width: 300px;
}
.pubpersonbox .treelis .commtree-nav {
  border-radius: 5px;
}
.pubpersonbox .lately-perlis {
  background: #fff;
  overflow: hidden;
  overflow-y: scroll;
  max-height: 230px;
  border: 1px solid #eee;
}
.pubpersonbox .lately-perlis li {
  padding: 8px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 48px;
  margin-top: 2px;
  cursor: pointer;
}
.pubpersonbox .lately-perlis li.cur {
  background: #ecf1f7;
}
.pubpersonbox .lately-perlis .head {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.pubpersonbox .lately-perlis .head img {
  width: 32px;
}
.pubpersonbox .lately-perlis .name {
  color: #656565;
  font-size: 13px;
  line-height: 32px;
}
.pubpersonbox .lately-perlis .txt {
  color: #656565;
  font-size: 13px;
  line-height: 32px;
}
.pubpersonbox .select-perlis {
  border: 1px solid #e2e2e2;
  border-top: 0;
  display: flex;
  display: -webkit-flex;
}
.pubpersonbox .select-perlis a {
  display: inline-block;
  flex: 1;
  -webkit-flex: 1;
  background: #fff;
  color: #fff;
  color: #606060;
  text-align: center;
  line-height: 33px;
}
.pubpersonbox .select-perlis a.cur {
  background: #1878ff;
  color: #fff;
}
.pubback {
  width: auto;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.pubback .commtree-body {
  overflow: hidden;
  overflow-y: auto;
  max-height: 330px;
}
.pubback > .pubback-select {
  width: 215px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.pubback > .pubback-select .treelis {
  position: absolute;
  top: 35px;
  right: 0;
  min-width: 300px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.pubback > .pubback-select .treelis .commtree-nav {
  border-radius: 5px;
}
.pubback > .comm-chk-content {
  display: inline-block;
  vertical-align: middle;
}
.pubpersonsub {
  position: relative;
  z-index: 230;
  float: right;
}
.pubpersonsub .notice {
  border: 1px solid #f00;
}
.pubEnclosure-btn {
  float: left;
}
.pubEnclosure-btn .webuploader-pick {
  background: #fafbfc;
  color: #242424;
}
.pubEnclosure-btn .webuploader-pick i {
  font-size: 24px;
  padding: 5px;
  color: #a5b2c7;
  margin-right: 5px;
}
.pubEnclosure-warp {
  margin-bottom: 10px;
  width: 100%;
  margin: 0;
  color: #999;
}
.pubEnclosure-warp p {
  margin-bottom: 0;
}
.pubEnclosure-warp .title {
  line-height: 24px;
  height: 24px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.pubEnclosure-warp .pubList {
  clear: both;
}
.pubEnclosure-warp .pubList .error {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 36px;
}
.pubEnclosure-warp .item {
  position: relative;
  float: left;
  border: 1px solid #eee;
  margin: 0 5px 5px 0;
  background: #fff;
  padding: 0 7px;
  width: 126px;
}
.pubEnclosure-warp .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
  margin-bottom: 0;
  background: #fff;
}
.pubEnclosure-warp .success {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  z-index: 200;
  background: url('../images/success.png?4936') no-repeat right bottom;
}
.pubEnclosure-warp .progress-bar {
  background-color: #595e77;
}
.pubEnclosure-warp .filelist {
  margin: 0;
  padding: 0;
}
.pubEnclosure-warp .imgWrap {
  width: 110px;
  height: 110px;
  background: url('../images/bg.png?4936') no-repeat;
  text-align: center;
  margin: 0 8px 8px 0;
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 14px;
}
.pubEnclosure-warp .imgWrap .infoext {
  padding-top: 31px;
  display: block;
  font-size: 17px;
  font-weight: bold;
}
.pubEnclosure-warp .imgWrap .infonotice {
  display: block;
  text-align: center;
}
.pubEnclosure-warp .btns {
  padding: 10px;
  overflow: hidden;
}
.pubEnclosure-warp .btns .uploadBtn {
  background: #f88029;
  color: #fff;
  background: #f88029;
  color: #fff;
  float: right;
  padding: 5px 10px;
  border-radius: 5px;
}
.pubEnclosure-warp .info {
  text-align: right;
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding: 10px 0;
}
.pubEnclosure-warp .file-panel {
  position: absolute;
  height: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000') \0 ;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 300;
}
.pubEnclosure-warp .file-panel span {
  width: 24px;
  height: 24px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url('../images/icons.png?4936') no-repeat;
  margin: 5px auto 1px auto;
  cursor: pointer;
}
.pubEnclosure-warp .file-panel span.cancel {
  background-position: -48px -24px;
}
.pubEnclosure-warp .file-panel span.cancel:hover {
  background-position: -48px 0;
}
.topic-circle-info {
  background: #fff;
  border-radius: 5px;
  padding: 16px 20px;
  margin-bottom: 10px;
  zoom: 1;
  position: relative;
  text-align: center;
  min-height: 52px;
}
.topic-circle-info:after {
  content: '';
  display: block;
  clear: both;
}
.topic-circle-info .head {
  display: inline-block;
  height: 54px;
}
.topic-circle-info .head .img img {
  border-radius: 50%;
}
.topic-circle-info .head .txt {
  color: #020202;
  font-size: 14px;
  margin-left: 10px;
  line-height: 54px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.topic-circle-info .operate {
  position: absolute;
  top: 29px;
  right: 10px;
}
.topic-circle-info .newtit {
  text-align: left;
  font-size: 14px;
  color: #1f2937;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.topic-circle-info.topic-circle-new .operate {
  top: 10px;
}
.forum-addmore {
  text-align: center;
  padding: 10px 0;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 0 0 5px 5px;
}
.forum-addmore a {
  color: #949494;
}
.forum-addmore a:hover {
  color: #337ab7;
}
.icon-msglis {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  background: #f7bf28;
}
.icon-msglis:before {
  content: '';
}
.icon-msglis.icon-000,
.icon-msglis.icon-003,
.icon-msglis.icon-013,
.icon-msglis.icon-014,
.icon-msglis.icon-006,
.icon-msglis.icon-005 {
  border: 1px solid #f8c027;
  background: #f8c027;
  color: #fff;
}
.icon-msglis.icon-001,
.icon-msglis.icon-004,
.icon-msglis.icon-007,
.icon-msglis.icon-008,
.icon-msglis.icon-009 {
  border: 1px solid #1878ff;;
  background: #1878ff;;
  color: #fff;
}
.icon-msglis.icon-002,
.icon-msglis.icon-010,
.icon-msglis.icon-011,
.icon-msglis.icon-012,
.icon-msglis.icon-030,
.icon-msglis.icon-099 {
  border: 1px solid #4ed3c3;
  background: #4ed3c3;
  color: #fff;
}
.icon-msglis.icon-018 {
  border: 1px solid #40a9e3;
  background: #40a9e3;
  color: #fff;
}
.icon-msglis.icon-018:before {
  content: '';
}
.icon-msglis.icon-019 {
  border: 1px solid #12b7f5;
  background: #12b7f5;
  color: #fff;
}
.icon-msglis.icon-019:before {
  content: '';
}
.icon-msglis.icon-099:before {
  content: '\ebca';
}
.icon-msglis.icon-062:before {
  content: '\e70a';
}
.icon-msglis.icon-063 {
  background: #f76b6a;
  color: #fff;
}
.icon-msglis.icon-063:before {
  content: '\e70a';
}
.icon-msglis.icon-000:before {
  content: '';
}
.icon-msglis.icon-001:before {
  content: '';
}
.icon-msglis.icon-002:before {
  content: '';
}
.icon-msglis.icon-003:before,
.icon-msglis.icon-013:before,
.icon-msglis.icon-014:before {
  content: '';
}
.icon-msglis.icon-004:before,
.icon-msglis.icon-007:before {
  content: '';
}
.icon-msglis.icon-005:before {
  content: '';
}
.icon-msglis.icon-008:before,
.icon-msglis.icon-009:before {
  content: '';
}
.icon-msglis.icon-010,
.icon-msglis.icon-011,
.icon-msglis.icon-012 {
  background: #4fd2c2;
}
.icon-msglis.icon-010:before,
.icon-msglis.icon-011:before,
.icon-msglis.icon-012:before {
  content: '';
}
.icon-msglis.icon-030:before {
  content: '\e923';
}
.icon-msglis.icon-safe {
  background: #4ed3c3;
}
.icon-msglis.icon-safe:before {
  content: '';
}
.icon-msglis.icon-groupchat {
  background: #1878ff;;
}
.icon-msglis.icon-groupchat:before {
  content: '';
}
.icon-msglis.icon-defaulremind {
  background: #fd9a4a;
}
.icon-msglis.icon-defaulremind:before {
  content: '\eb35';
}
.btn-enclosure {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #d7d7d7;
  margin: 0 5px;
}
.btn-enclosure:before {
  content: '\e661';
}
.sign-range-select {
  zoom: 1;
  margin: 0 0 0 10px;
  position: absolute;
  top: 6px;
  left: 20px;
}
.sign-range-select:after {
  content: '';
  display: block;
  clear: both;
}
.sign-range-select .comm-rdo-content {
  float: left;
  margin-right: 10px;
}
.sign-warp {
  position: relative;
}
.sign-warp .col-flex {
  display: flex;
}
.sign-warp .col-variable {
  width: 280px;
}
.sign-warp .col-sel {
  flex: 1;
  margin-left: 10px;
}
.sign-range-cont .bill-basedata .title,
.sign-range-cont .bill-basedata .basedata-result .title {
  display: none;
}
.sign-range-cont .bill-basedata .basedata-operate {
  margin: 0 18px;
}
.sign-range-cont .commtree-nav {
  background: none;
  border: 0;
  height: 100%;
}
.sign-range-cont .commtree-nav .commtree-search {
  width: 160px;
  zoom: 1;
  float: right;
}
.sign-range-cont .commtree-nav .commtree-search:after {
  content: '';
  display: block;
  clear: both;
}
.sign-range-cont .bill-basedata .basedata-lis .lis,
.sign-range-cont .bill-basedata .basedata-result .lis {
  height: 100%;
}
.sign-range-cont .bill-basedata .basedata-lis {
  background: #fff;
}
.sign-range-cont .bill-basedata .basedata-lis .lis {
  overflow: hidden;
  padding: 0;
}
.sign-range-cont .commtree-nav .commtree-body {
  width: 100%;
  overflow-y: auto;
  height: calc(100% - 50px);
  border-top: 1px solid #e5e6e7;
  max-height: inherit;
}
.sapprover-warp .sign-range-cont .commtree-nav .commtree-search {
  width: auto;
  float: none;
}
.sign-result dl {
  display: flex;
  display: -webkit-flex;
  margin-top: 10px;
  padding: 0 10px;
  margin-bottom: 10px;
}
.sign-result dl .head {
  width: 44px;
  height: 44px;
}
.sign-result dl .head img,
.sign-result dl .head .ui-head {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.sign-result dl .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 40px;
  margin-left: 20px;
  width: 80px;
  color: #606060;
}
.sign-result dl .attr,
.sign-result dl .job {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 40px;
  margin-left: 10px;
  width: 80px;
  color: #aeaeae;
}
.sign-result dl .opera .colse {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #df412d;
  font-size: 20px;
  display: block;
  margin-top: 5px;
  cursor: pointer;
}
.sign-result dl .opera .colse:before {
  content: '\e6ab';
}
.system-warp .ybox-mod {
  margin-top: 10px;
  margin-bottom: 0;
}
.system-warp .ybox-mod .ybox-title h5 {
  display: inline;
  font-weight: bold;
  margin-right: 10px;
  color: #1f2937;
  font-weight: normal;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  font-size:18px;
}
.system-warp .ybox-mod .ybox-title span {
  font-size: 14px;
  color: #6b7280;
}
.system-warp .ybox-mod .sys-mod {
  width: 216px;
  height: 58px;
  margin: 0px 0 12px 12px;
  background:#f9fafb;
  position: relative;
  display: block;
  float: left;
  text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;

}
/*.system-warp .ybox-mod .sys-mod:nth-child(3n + 1) .txt {*/
/*  color: #1878ff;;*/
/*}*/
.system-warp .ybox-mod .sys-mod:nth-child(3n + 1) i {
  background-color: rgba(24,120,255,0.3);
  color: rgba(24,120,255,1);
}
/*.system-warp .ybox-mod .sys-mod:nth-child(3n + 2) .txt {*/
/*  color: #4fd2c2;*/
/*}*/
.system-warp .ybox-mod .sys-mod:nth-child(3n + 2) i {
  background-color: rgba(79,210,194,0.3);
  color: rgba(79,210,194,1);
}
/*.system-warp .ybox-mod .sys-mod:nth-child(3n + 3) .txt {*/
/*  color: #f7bf27;*/
/*}*/
.system-warp .ybox-mod .sys-mod:nth-child(3n + 3) i {
  background-color: rgba(247,191,39,0.3);
  color: rgba(247,191,39,1)
}
.system-warp .ybox-mod .sys-mod i {
  width: 32px;
  height: 32px;
  background: #eee;
  display: block;
  border-radius: 50%;
  float: left;
  color: #fff;
  font-size: 18px;
  line-height: 32px;
}
.system-warp .ybox-mod .sys-mod .txt {
color:#1f2937;
  margin-left: 10px;
  font-size: 14px;
  max-width: 60%;
  font-weight:500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.system-warp .ybox-mod .sys-mod a {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 5px;
  transition: 0.5s;
}
.system-warp .ybox-mod .sys-mod a .en-notice-tip {
  display: none;
}
.system-warp .ybox-mod .sys-mod a:hover {
  margin-top: -2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
}
.system-warp .ybox-mod .sys-mod a:hover .en-notice-tip {
  display: block;
}
.app-admin .vertical-navtog .vertical-mod:before {
  content: '';
}
.app-admin .vertical-navtog .vertical-mod.cur:before {
  content: '';
}
.app-warp .appset-alert {
  margin-top: 10px;
  padding: 2px 16px;
}
.app-warp .ibox-content {
  padding: 0 0 20px;
}
.app-warp .app-nav {
  zoom: 1;
  min-height: 46px;
  background: #f3f3f4;
  padding: 6px 20px 0;
}
.app-warp .app-nav:after {
  content: '';
  display: block;
  clear: both;
}
.app-warp .app-nav li {
  display: block;
  float: left;
}
.app-warp .app-nav li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  color: #606060;
}
.app-warp .app-nav li.active {
  background: #fff;
}
.app-warp .app-nav li.active a {
  background: #fff;
}
.app-warp .ibox {
  margin-bottom: 10px;
}
.app-warp .tab-pane {
  padding: 30px 50px;
}
.app-warp .app-userset dl,
.app-warp .app-billset dl {
  zoom: 1;
  display: flex;
  display: -webkit-flex;
}
.app-warp .app-userset dl:after,
.app-warp .app-billset dl:after {
  content: '';
  display: block;
  clear: both;
}
.app-warp .app-userset dt,
.app-warp .app-billset dt {
  width: 300px;
}
.app-warp .app-userset dd,
.app-warp .app-billset dd {
  width: 170px;
}
.app-warp .app-userset-warp {
  padding: 30px 0;
}
.app-warp .app-userset .tit {
  margin-top: 10px;
}
.app-warp .app-userset dl {
  margin-bottom: 0;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.app-warp .app-userset .appuser-mod {
  border-top: 1px solid #f3f3f3;
}
.app-warp .app-userset .appuser-mod:last-child {
  border-bottom: 1px solid #f3f3f3;
}
.app-warp .app-userset .appuser-mod .btn-switch {
  width: 38px;
  margin: 7px auto 0;
}
.app-warp .app-userset .appuser-mod dt {
  background: #f8fdff;
  border-right: 1px solid #f3f3f3;
  line-height: 40px;
}
.app-warp .app-billset .appbill-mod .bill-lismod {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.app-warp .app-billset .appbill-mod:nth-child(3n-1) .bill-lismod {
  background-color: #1878ff;;
}
.app-warp .app-billset .appbill-mod:nth-child(3n) .bill-lismod {
  background-color: #4fd2c2;
}
.app-warp .app-billset .appbill-mod:nth-child(3n + 1) .bill-lismod {
  background-color: #f7bf27;
}
.app-warp .app-billset dl {
  margin-bottom: 14px;
}
.app-warp .app-billset dl dt .bill-lismod {
  width: 160px;
  height: 44px;
  display: block;
  padding: 0 16px;
  color: #fff;
  line-height: 44px;
  border-radius: 5px;
}
.app-warp .app-billset dl dt .bill-lismod i {
  margin-right: 6px;
  font-size: 22px;
  vertical-align: middle;
}
.app-warp .app-billset dl dt .bill-lismod span {
  font-size: 14px;
}
.app-warp .app-billset dl dt .bill-lismod:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  cursor: pointer;
  color: #fff;
}
.app-warp .app-billset dl dd {
  text-align: center;
}
.app-warp .app-billset dl .btn-switch {
  width: 38px;
  margin: 12px auto 0;
}
.app-docking-main .equal-centbar {
  height: calc(100% - 52px);
  background: #fff;
  overflow: auto;
}
.app-docking-main .mod-hasside {
  margin-left: 0;
}
.app-docking-main.app-admin {
  margin-top: 0;
}
.app-pageset-wrap .form-control {
  margin-top: 1px;
  border: 1px solid #fff;
}
.app-pageset-wrap .engrid-row:hover .form-control {
  border: 1px solid #e5e6e7;
}
.app-pageset-wrap .merge-table .engrid-header .header-mod,
.app-pageset-wrap .merge-table .engrid-header .col-txt {
  height: 100px;
  line-height: 100px;
}
.app-pageset-wrap .merge-table .colspan-width {
  padding: 0;
  height: 50px;
  line-height: 50px;
}
.app-pageset-wrap .merge-table .colspan-width .col-main {
  padding: 0 10px;
}
.app-pageset-wrap .merge-table .colspan-width .col-main,
.app-pageset-wrap .merge-table .colspan-width .col-txt {
  height: 50px;
  line-height: 50px;
}
.app-pageset-wrap .merge-table .colspantd {
  display: flex;
  border-top: 1px solid #f5f5f5;
}
.app-pageset-wrap .merge-table .colspantd .col-main {
  flex: 1;
  border-right: 1px solid #f5f5f5;
}
.app-pageset-wrap .merge-table .colspantd .col-main:last-child {
  padding-left: 10px;
  border-right: 0;
}
.appset-tit-warp {
  padding: 0 20px;
}
.appset-tit-warp .appset-tit {
  margin-top: 20px;
}
.appset-tit-warp .appset-tit dl {
  zoom: 1;
  display: flex;
  display: -webkit-flex;
  line-height: 40px;
  text-align: center;
  margin-bottom: 0;
}
.appset-tit-warp .appset-tit dl:after {
  content: '';
  display: block;
  clear: both;
}
.appset-tit-warp .appset-tit dt {
  line-height: 40px !important;
  width: 150px !important;
}
.appset-tit-warp .appset-tit dd {
  line-height: 40px;
}
.appset-tit-warp .appbill-set {
  padding: 0 0 14px;
}
.appset-tit-warp .appbill-set .xs-input {
  width: 100% !important;
}
.appset-tit-warp .appbill-set .comm-chk-content {
  display: table;
  margin: 5px auto;
}
.appset-tit-warp .appbill-set dl {
  border: 1px solid #f3f3f3;
  border-bottom: 0;
  margin-bottom: 0;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.appset-tit-warp .appbill-set dl:last-child {
  border-bottom: 1px solid #f3f3f3;
}
.appset-tit-warp .appbill-set dl .btn-switch {
  text-align: center;
}
.appset-tit-warp .appbill-set dl .btn-switch .mod-switch {
  display: inline-block;
  margin-top: 12px;
}
.appset-tit-warp .appbill-set dl .form-control {
  margin: 3px auto 0;
}
.appset-tit-warp .appbill-set dl .other-name .form-control {
  border: 1px solid #fff;
  text-align: center;
}
.appset-tit-warp .appbill-set dl:hover .other-name .form-control {
  border: 1px solid #e5e6e7;
}
.appset-tit-warp .appbill-set dt {
  width: 150px !important;
  padding-top: 3px;
  background: #fff;
  border-right: 1px solid #f3f3f3;
  line-height: 40px !important;
}
.appset-tit-warp .appbill-set dt span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0 5px;
}
.appset-tit-warp .apptable-set {
  padding: 0 0 14px;
}
.appset-tit-warp .apptable-set dl {
  border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  margin-bottom: 0;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.appset-tit-warp .apptable-set dl:last-child {
  border-bottom: 1px solid #f3f3f3;
}
.appset-tit-warp .apptable-set dl .btn-switch {
  width: 38px;
  margin: 10px auto 0;
}
.appset-tit-warp .apptable-set dl .form-control {
  margin: 3px auto 0;
}
.appset-tit-warp .apptable-set dl .other-name .form-control {
  border: 1px solid #fff;
  text-align: center;
}
.appset-tit-warp .apptable-set dl:hover .other-name .form-control {
  border: 1px solid #e5e6e7;
}
.appset-tit-warp .apptable-set dt {
  padding-top: 3px;
  border-right: 1px solid #f3f3f3;
  line-height: 40px !important;
  width: 150px !important;
}
.appset-tit-warp .apptable-set .tit dt {
  color: #1878ff;;
}
.appset-tit-warp .apptable-set .apptableB {
  border-left: 20px solid #f3f3f4;
  border-top: 10px solid #f3f3f4;
  border-bottom: 10px solid #f3f3f4;
}
.appset-tit-warp .apptable-set .apptableB dt {
  width: 130px !important;
}
.head-dropdown.update-maincur {
  position: relative;
}
.head-dropdown.update-maincur:before {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #ff6000;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 10px;
  left: 30px;
}
.hastop-warp .hastop-head {
  height: 64px;
  background-color: rgb(255 255 255);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.hastop-warp .hastop-head .hastop-logo a {
  background: url('../images/logo-head.png?4936') no-repeat;
  width: 116px;
  height: 53px;
  display: block;
  float: left;
  background-size: 90%;
  margin-top: 10px;
}
.hastop-warp .navbar-static-top {

  background: none;
  box-shadow: none;
}
.hastop-warp .head-dropdown .name,
.hastop-warp .head-dropdown .department {
  /*padding-left:8px;*/
}
.hastop-warp .navbar-static-top .head-dropdown .dropdown-toggle {
  background: none;
}
.hastop-warp .hastop-footer {
  color: #767676;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 30px;
}
.hastop-warp .hastop-footer a {
  color: #767676;
}
.hastop-warp .hastop-footer a:hover {
  color: #767676;
}
.hastop-warp .hastop-footer span {
  margin-left: 5px;
}
.hastop-logo a.logo-custom {
  width: auto !important;
  background: none !important;
}
.nav-logo span.logo-custom {
  width: 190px !important;
  background: none !important;
}
.admin-ind {
  width: 100%;
  zoom: 1;
}

.admin-ind-ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.admin-ind:after {
  content: '';
  display: block;
  clear: both;
}
.admin-ind li {
  width: 320px;
  height: 200px;
  display: block;
  text-align: center;
  float: left;
  padding: 24px;
  background-color: rgb(255 255 255);
  border-radius:8px;
  border:1px solid rgb(243 244 246);
  margin-right:20px;
  margin-bottom:20px;
  transition: 0.5s;
}
.admin-ind li .ind-icon {
  width: 80px;
  height: 80px;
  background: #eee;
  display: block;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  line-height: 80px;
  margin:0 auto;
}
.admin-ind li .ind-icon i {
  font-size: 46px;
}
.admin-ind li .ind-tit {
  color:rgb(31, 41, 55);
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  display: block;
  transition: 0.5s;
  margin-top:16px;
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}

.admin-ind li .ind-desc {
  color:#6b7280;
  font-size:14px;
  font-weight:400;
  text-align: center;
  line-height: 30px;
  display: block;
  transition: 0.5s;
  margin-top:16px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
  Microsoft YaHei, Arial, sans-serif;
}


.admin-ind li:nth-child(4n) .ind-icon {
  background-color: #fdc74e;
  color: #fff;
}

.admin-ind li:nth-child(4n + 1) .ind-icon {
  background-color: #44d5e2;
  color: #fff;
}

.admin-ind li:nth-child(4n + 2) .ind-icon {
  background-color: #1878ff;;
  color: #fff;
}

.admin-ind li:nth-child(4n + 3) .ind-icon {
  background-color: #fd9a4a;
  color: #fff;
}
.admin-ind li:hover{
  scale: 1.04;
}
.admin-ind li a {
  background: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.my-warp {
  padding-top: 10px;
}
.entravel-mod {
  position: relative;
}
.entravel-mod .ybox-mod {
  margin-bottom: 10px;
  min-width: 1000px;
}
.entravel-mod .ybox-title {
  color: #1f2937;
  font-size: 14px;
  line-height: 22px;
  zoom: 1;
  height: auto;
}
.entravel-mod .ybox-title:after {
  content: '';
  display: block;
  clear: both;
}
.entravel-mod .ybox-title .pull-left {
  font-size: 14px;
  line-height: 40px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.entravel-mod .ybox-title .pull-right > div {
  display: inline-block;
  width: 160px;
  vertical-align: middle;
}
.entravel-mod .ybox-title .pull-right > div.search,
.entravel-mod .ybox-title .pull-right > div.search-lot {
  width: 220px;
}
.entravel-mod .ybox-title .pull-right .entravel-add {
  width: 100px;
}
.entravel-mod .ybox-title .pull-right .entravel-add a {
  height: 32px;
  background: #1878ff;;
  font-size: 14px;
  display: block;
  padding: 0 10px;
  border-radius: 5px;
  color: #fff;
  line-height: 32px;
}
.entravel-mod .ybox-title .pull-right .entravel-add a i {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
}
.entravel-mod .ybox-title .pull-right .entravel-add a i:before {
  content: '\e694';
}
.entravel-mod .enlis {
  padding-bottom: 10px;
  zoom: 1;
}
.entravel-mod .enlis:after {
  content: '';
  display: block;
  clear: both;
}
.entravel-mod .ybox-content {
  padding-bottom: 0;
}
.entravel-mod .addmore {
  text-align: center;
  border-top: 1px solid #f3f3f3;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #949494;
  cursor: pointer;
}
.entravel-mod .addmore:hover {
  color: #1878ff;;
}
.entravel-mod .mod {
  align-items: center;
  padding: 5px 2%;
  line-height: 30px;
  color: #606060;
  cursor: pointer;
  zoom: 1;
}
.entravel-mod .mod:after {
  content: '';
  display: block;
  clear: both;
}
.entravel-mod .mod p {
  margin-bottom: 0;
}
.entravel-mod .mod:hover {
  background: #f5fcff;
}
.entravel-mod .mod .col {
  display: inline-block;
  min-height: 24px;
  float: left;
}
.entravel-mod .enlis-travel .col,
.entravel-mod .enlis-travel .col-tit p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.entravel-mod .enlis-travel .col-icon {
  width: 4%;
}
.entravel-mod .enlis-travel .col-icon span {
  border: 1px solid #57c3f3;
  width: 30px;
  height: 30px;
  color: #57c3f3;
  background: #fff;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  display: block;
  margin: 0;
  font-size: 20px;
}
.entravel-mod .enlis-travel .col-tit {
  width: 30%;
}
.entravel-mod .enlis-travel .col-code {
  width: 16%;
}
.entravel-mod .enlis-travel .col-num {
  width: 24%;
}
.entravel-mod .enlis-travel .col-num span {
  margin: 0 10px 0 0;
}
.entravel-mod .enlis-travel .col-operate {
  width: 16%;
  text-align: left;
  float: right;
}
.entravel-mod .enlis-travel .col-share {
  width: 4%;
  text-align: center;
  overflow: inherit;
  float: right;
}
.entravel-mod .enlis-travel .clr-000,
.entravel-mod .enlis-travel .clr-003 {
  color: #4fd2c2;
}
.entravel-mod .enlis-travel .clr-001,
.entravel-mod .enlis-travel .clr-002,
.entravel-mod .enlis-travel .clr-004 {
  color: #1878ff;;
}
.entravel-mod .enlis-travel .clr-005,
.entravel-mod .enlis-travel .clr-006,
.entravel-mod .enlis-travel .clr-007 {
  color: #606060;
}
.entravel-mod .clr-blue {
  color: #1878ff;;
}
.entravel-mod .colse-back {
  width: 54px;
  height: 54px;
  color: #fff;
  background: #1878ff;;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  border-radius: 50%;
  line-height: 54px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}
.entravel-mod .colse-back:before {
  content: '';
}
.my-enlis .colse-back {
  width: 54px;
  height: 54px;
  color: #fff;
  background: #1878ff;;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  border-radius: 50%;
  line-height: 54px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}
.my-enlis .colse-back:before {
  content: '';
}
.enbilllis-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background: #404352;
  transition: 0.5s;
  z-index: 9999;
}
.enbilllis-wrap .enbilllis {
  background: #ecf1f7;
  width: 80%;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.enbilllis-wrap .enbilllis .enbilllis-main {
  height: 100%;
  padding: 0;
}
.enbilllis-wrap .enbilllis .en-slide {
  position: fixed;
  top: 50%;
  margin-top: -33px;
  background: #202129;
  width: 66px;
  height: 66px;
  display: block;
  opacity: 0.6;
  cursor: pointer;
  line-height: 66px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 40px;
  color: #fff;
}
.enbilllis-wrap .enbilllis .en-slide.en-slide-left {
  left: 0;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px 0 0 5px;
}
.enbilllis-wrap .enbilllis .en-slide.en-slide-left:before {
  content: '';
}
.enbilllis-wrap .enbilllis .en-slide.en-slide-right {
  right: 0;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 5px 5px 0;
}
.enbilllis-wrap .enbilllis .en-slide.en-slide-right:before {
  content: '';
}
.enbilllis-wrap .enbilllis .en-slide:hover {
  opacity: 1;
  cursor: pointer;
}
.enbilllis-wrap .enbilllis .enbilllis-side {
  position: absolute;
  right: -75px;
  top: 0;
  width: 75px;
  overflow: hidden;
}
.enbilllis-wrap .enbilllis .enbilllis-side a {
  display: block;
  width: 75px;
  height: 75px;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #dedede;
  color: #7a7a7a;
}
.enbilllis-wrap .enbilllis .enbilllis-side a i {
  display: inline-block;
  margin-top: 10px;
}
.enbilllis-wrap .enbilllis .enbilllis-side a span {
  display: block;
}
.enbilllis-wrap .enbilllis .enbilllis-side a:hover {
  background: #1878ff;;
  color: #fff;
}
.enbilllis-wrap .enbilllis .enbilllis-side a:last-child {
  border-bottom: 0;
}
.enbilllis-wrap .enbilllis .enbilllis-side a.cur {
  background: #1878ff;;
  color: #fff;
}
.encheckflow .check-flowlis {
  max-height: 560px;
  overflow: hidden;
  overflow-y: auto !important;
}
.encheckflow .check-flow .check-flowlis dl:before {
  width: 0;
}
.encheckflow .check-flowlis dl {
  width: 98% !important;
}
.encheckflow .check-flow .check-flowlis:after {
  width: 0;
}
.my-infoset {
  position: relative;
  height: 100%;
}
.my-infoset .ybox-title > .pull-left span {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.my-infoset .infoset-mod dl {
  zoom: 1;
  position: relative;
  padding-left: 110px;
  min-height: 30px;
}
.my-infoset .infoset-mod dl:after {
  content: '';
  display: block;
  clear: both;
}
.my-infoset .infoset-mod dt {
  position: absolute;
  left: 0;
  text-align: right;
  width: 100px;
  line-height: 30px;
}
.my-infoset .infoset-mod dt label {
  color: #606060;
  font-size: 14px;
  font-weight: normal;
}
.my-infoset .infoset-mod dd .text {
  line-height: 30px;
  color: #000;
}
.my-infoset .infoset-mod dd .comm-rdo-wrap {
  margin-right: 20px;
  cursor: pointer;
}
.cropper-container {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container .cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.cropper-container .cropper-dragger {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}
.cropper-container .cropper-preview {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-color: #304664;
  border-style: solid;
  border-width: 1px;
}
.cropper-container .cropper-dashed {
  position: absolute;
  display: block;
  filter: alpha(opacity=50);
  border: 0 dashed #fff;
  opacity: 0.5;
}
.cropper-container .cropper-face,
.cropper-container .cropper-line,
.cropper-container .cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10);
  opacity: 0.1;
}
.cropper-container .cropper-face {
  top: 0;
  left: 0;
  cursor: move;
}
.cropper-container .line-e {
  top: 0;
  right: -2px;
  width: 5px;
  cursor: e-resize;
}
.cropper-container .line-n {
  top: -2px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-container .line-w {
  top: 0;
  left: -2px;
  width: 5px;
  cursor: w-resize;
}
.cropper-container .line-s {
  bottom: -2px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-container .cropper-point {
  width: 5px;
  height: 5px;
  background-color: #304664;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.cropper-container .point-e {
  top: 49%;
  right: -2px;
  cursor: e-resize;
}
.cropper-container .point-n {
  top: -2px;
  left: 49%;
  cursor: n-resize;
}
.cropper-container .point-w {
  top: 49%;
  left: -2px;
  cursor: w-resize;
}
.cropper-container .point-s {
  bottom: -2px;
  left: 49%;
  cursor: s-resize;
}
.cropper-container .point-ne {
  top: -2px;
  right: -2px;
  cursor: ne-resize;
}
.cropper-container .point-nw {
  top: -2px;
  left: -2px;
  cursor: nw-resize;
}
.cropper-container .point-sw {
  bottom: -2px;
  left: -2px;
  cursor: sw-resize;
}
.cropper-container .point-se {
  right: -2px;
  bottom: -2px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100);
  opacity: 1;
}
.cropper-container .point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  background-color: #304664;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media (min-width: 768px) {
  .cropper-container .point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-container .point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-container .point-se {
    width: 5px;
    height: 5px;
    filter: alpha(opacity=75);
    opacity: 0.75;
  }
}
.cropper-hidden {
  display: none !important;
}
.addclasses-rules {
  padding: 10px 8px 50px 0;
}
.adddoc-rules-warp {
  min-height: 360px;
}
.adddoc-rules-warp .adddoc-range {
  position: relative;
  width: 240px;
}
.adddoc-rules-warp .adddoc-range .treelis {
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
}
.adddoc-rules-warp .adddoc-range-person {
  background: #fafbfc;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  height: 94px;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 10px;
}
.adddoc-rules-warp .adddoc-range-person span {
  background: #1878ff;;
  color: #fff;
  margin: 10px 0 0 10px;
  border-radius: 5px;
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
}
.adddoc-rules {
  padding: 10px 0 0 0;
}
.adddoc-rules dl {
  position: relative;
  padding: 0 8px 0 90px;
  margin-bottom: 10px;
}
.adddoc-rules dt {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px;
  width: 80px;
  text-align: right;
}
.adddoc-rules dd .adddoc-filebtn,
.adddoc-rules dd .webuploader-pick {
  border: 1px solid #eee;
  border-radius: 3px;
  color: #aeaeae;
  text-align: center;
  line-height: 36px;
  width: 78px;
  height: 32px;
  display: block;
  cursor: pointer;
  background: #fff;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 13px;
  line-height: 30px;
}
.adddoc-rules dd .adddoc-filebtn:before,
.adddoc-rules dd .webuploader-pick:before {
  content: '';
}
.adddoc-rules dd .adddoc-filebtn:hover,
.adddoc-rules dd .webuploader-pick:hover {
  border: 1px solid #63cfff;
  color: #63cfff;
}
.adddoc-rules .file-warp {
  max-height: 210px;
  overflow: hidden;
  overflow-y: auto;
}
.adddoc-rules .file-lis {
  zoom: 1;
}
.adddoc-rules .file-lis:after {
  content: '';
  display: block;
  clear: both;
}
.adddoc-rules .file-lis i.del {
  position: absolute;
  right: -10px;
  top: -10px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  display: none;
}
.adddoc-rules .file-lis i.del:before {
  content: '';
}
.adddoc-rules .file-lis li {
  width: 380px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: relative;
  margin-top: 10px;
  cursor: pointer;
  padding: 0 24px 0 20px;
  line-height: 24px;
}
.adddoc-rules .file-lis li:hover i.del {
  display: block;
}
.adddoc-rules .file-lis li .del {
  color: #db4040;
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 18px;
}
.adddoc-rules .linetree .commtree-nav {
  border: 0;
}
.adddoc-rules .linetree .commtree-nav .commtree-search {
  margin-top: 0;
}
.rules-filter {
  border-bottom: 1px solid #f3f3f3;
  background: #fff;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  height: 54px;
  zoom: 1;
}
.rules-filter:after {
  content: '';
  display: block;
  clear: both;
}
.rules-filter > .pull-right {
  margin-left: 8px;
}
.rules-content {
  margin-top: 10px;
  position: relative;
  padding-left: 334px;
  padding-right: 10px;
  height: calc(100% - 20px);
}
.rules-content .nodata {
  background: none;
}
.rules-content .addrules {
  float: right;
  position: relative;
  padding-top: 13px;
}
.rules-content .addrules .addrules-btn {
  position: relative;
  color: #1878ff;;
  padding-top: 10px;
  font-size: 14px;
}
.rules-content .addrules .addrules-btn i {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 22px;
  color: #ababab;
}
.rules-content .addrules .addrules-btn i:before {
  content: '\e6f0';
}
.rules-content .addrules .addrules-btn > span {
  font-size: 0;
}
.rules-content .addrules .add-lis {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 100;
  width: 140px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #eee;
  overflow: hidden;
  transition: 0.5s;
}
.rules-content .addrules .add-lis a {
  padding: 0 10px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #606060;
  display: block;
}
.rules-content .addrules .add-lis a:last-child {
  margin-bottom: 0;
}
.rules-content .addrules .add-lis a:hover {
  background-color: #1878ff;
  color: #fff;
}
.rules-content .rules-nav {
  width: 314px;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
}
.rules-content .rules-nav .tit {
  zoom: 1;
  border-bottom: 1px solid #ecf1f7;
  padding: 0 25px;
}
.rules-content .rules-nav .tit:after {
  content: '';
  display: block;
  clear: both;
}
.rules-content .rules-nav .txt {
  float: left;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  height: 54px;
  line-height: 54px;
}
.rules-content .rules-nav > .content {
  height: calc(100% - 60px);
  overflow-y: auto;
}
.rules-content .rules-nav .vertical-navtog {
  margin: 10px auto;
}
.rules-content .rules-nav .vertical-navtog .kids {
  position: relative;
  padding-right: 60px;
}
.rules-content .rules-nav .vertical-navtog .kids .name {
  display: block;
  overflow: hidden;
  height: 38px;
}
.rules-content .rules-nav .vertical-navtog .kids .status-warp {
  right: 30px;
}
.rules-content .rules-nav .vertical-navtog .kids .status-btn {
  color: #aeaeae;
}
.rules-content .rules-nav .vertical-navtog .kids .haskids {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #a8a8a8;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 13px;
  transition: 0.5s;
}
.rules-content .rules-nav .vertical-navtog .kids .haskids:before {
  content: '\e669';
}
.rules-content .rules-nav .vertical-navtog .kids:hover .status-warp {
  display: block;
}
.rules-content .rules-nav .vertical-navtog .kids.cur > .haskids,
.rules-content .rules-nav .vertical-navtog .kids.actived > .haskids {
  color: #fff;
}
.rules-content .rules-nav .vertical-navtog .kids.cur > .haskids:before,
.rules-content .rules-nav .vertical-navtog .kids.actived > .haskids:before {
  content: '\e632';
}
.rules-content .rules-nav .vertical-navtog > .mod {
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids {
  height: 38px;
  line-height: 38px;
  background: #fff;
  border-radius: 5px;
  display: block;
  cursor: pointer;
  transition: 0.5s;
  padding-left: 20px;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids .status-btn {
  color: #aeaeae;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids + .mod {
  border-top: 0;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids + .mod .kids {
  display: block;
  height: 40px;
  line-height: 40px;
}
.rules-content
  .rules-nav
  .vertical-navtog
  > .mod
  > .kids
  + .mod
  .kids
  .haskids {
  color: #aeaeae;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids + .mod .kids:hover {
  background: #f5fcff;
  cursor: pointer;
}
.rules-content
  .rules-nav
  .vertical-navtog
  > .mod
  > .kids
  + .mod
  .kids:hover
  .status-btn {
  color: #aeaeae;
}
.rules-content
  .rules-nav
  .vertical-navtog
  > .mod
  > .kids
  + .mod
  .kids
  + .mod
  > .kids {
  padding-left: 60px;
}
.rules-content
  .rules-nav
  .vertical-navtog
  > .mod
  > .kids
  + .mod
  .kids
  + .mod
  > .mod
  > .kids {
  padding-left: 80px;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids + .mod .kids.actived {
  background: #e4f7ff;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids + .mod > .kids {
  padding-left: 40px;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids.cur,
.rules-content .rules-nav .vertical-navtog > .mod > .kids.actived {
  background: #1878ff;
  color: #fff;
}
.rules-content .rules-nav .vertical-navtog > .mod > .kids.cur .status-btn,
.rules-content .rules-nav .vertical-navtog > .mod > .kids.actived .status-btn {
  color: #fff;
}
.rules-content .rules-nav .vertical-navtog .kids + .mod {
  display: none;
}
.rules-content .rules-nav .vertical-navtog .kids.cur + .mod {
  display: block;
}
.rules-admin {
  height: 100%;
}
.rules-admin .modlis dl {
  margin-bottom: 0;
}
.rules-admin .modlis dt {
  padding: 0 44px;
}
.rules-admin .modlis dt span {
  color: #60657e;
  font-size: 16px;
}
.rules-admin .modlis .status-warp {
  display: block;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  top: 6px;
}
.rules-admin .modlis .status-warp .status-lis {
  left: 0;
  right: auto;
}
.rules-admin .modlis .status-warp .status-btn {
  color: #ababab;
  vertical-align: middle;
}
.rules-admin .lot-downfile {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  position: absolute;
  right: 74px;
  top: 2px;
  color: #aeaeae;
}
.rules-admin .lot-downfile:before {
  content: '\ec98';
}
.rules-admin .mod {
  border-bottom: 1px solid #f3f3f3;
  background: #fff;
  padding: 14px 100px 14px 20px;
  position: relative;
}
.rules-admin .mod.topcur .info-txt:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e74a';
  color: #1878ff;;
  font-size: 16px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.rules-admin .mod .department {
  font-size: 14px;
  color: #aeaeae;
  line-height: 30px;
}
.rules-admin .mod .time {
  line-height: 30px;
  font-size: 14px;
  color: #aeaeae;
}
.rules-admin .mod .info-txt {
  color: #606060;
  font-size: 14px;
}
.rules-admin .mod .rule-batchwarp {
  position: absolute;
  right: 60px;
}
.rules-admin .mod .rule-batchwarp .rule-batch {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #aeaeae;
  cursor: pointer;
  font-size: 22px;
  padding: 0 5px;
  vertical-align: top;
}
.rules-admin .mod .rule-batchwarp .rule-batch:before {
  content: '\ec98';
}
.rules-admin .mod .rule-filewarp {
  position: absolute;
  right: 30px;
}
.rules-admin .mod .rule-filewarp .file-warp {
  right: -37px;
}
.rules-admin .mod .rule-btnwarp {
  position: absolute;
  right: 0;
}
.rules-admin .mod .operate {
  text-align: right;
  position: relative;
  float: right;
  width: 100px;
  position: absolute;
  right: 20px;
  top: 27px;
}
.rules-admin .mod .operate > div {
  display: inline-block;
}
.rules-admin .mod:hover {
  background: #f5fcff;
  cursor: pointer;
}
.rules-admin .more {
  text-align: center;
  background: #fff;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #949494;
  cursor: pointer;
  border-radius: 0 0 5px 5px;
}
.rules-admin .more:hover {
  color: #1878ff;;
}
.rules-admin .file-warp,
.rules-admin .rule-btnlis {
  position: absolute;
  z-index: 299;
  display: none;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  color: #fff;
}
.rules-admin .file-warp ul,
.rules-admin .rule-btnlis ul {
  margin-bottom: 0;
}
.rules-admin .file-warp {
  padding: 14px;
  right: 0;
  width: 420px;
  text-align: left;
}
.rules-admin .file-warp > div {
  max-height: 230px;
  overflow: hidden;
  overflow-y: auto;
}
.rules-admin .rule-btnlis {
  padding: 5px;
  right: -20px;
  width: 78px;
}
.rules-admin .rule-btnlis li {
  text-align: left;
  position: relative;
  padding-left: 30px;
  line-height: 30px;
}
.rules-admin .rule-btnlis li i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px;
  font-size: 20px;
}
.rules-admin .rule-btnlis li:hover {
  color: #1b9ed9;
}
.rules-admin .rule-filewarp {
  position: relative;
}
.rules-admin .rule-filewarp:hover .rule-file {
  color: #1878ff;;
}
.rules-admin .rule-filewarp:hover .file-warp {
  display: block;
}
.rules-admin .rule-btnwarp:hover .rule-btn {
  color: #1878ff;;
}
.rules-admin .rule-btnwarp:hover .rule-btnlis {
  display: block;
}
.rules-admin .file-lis {
  zoom: 1;
  min-height: 100px;
}
.rules-admin .file-lis:after {
  content: '';
  display: block;
  clear: both;
}
.rules-admin .file-lis li {
  width: 380px;
  position: relative;
  padding: 0 66px 0 26px;
  position: relative;
  cursor: pointer;
  line-height: 26px;
}
.rules-admin .file-lis li .down {
  position: absolute;
  right: 0;
  color: #337ab7;
  top: 0;
}
.rules-admin .file-lis li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.rules-admin .rule-file,
.rules-admin .rule-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #aeaeae;
  cursor: pointer;
  font-size: 22px;
  padding: 0 5px;
  vertical-align: top;
}
.rules-admin .rule-file.cur,
.rules-admin .rule-file:hover,
.rules-admin .rule-btn.cur,
.rules-admin .rule-btn:hover {
  color: #1878ff;
}
.rules-admin .rule-btn:before {
  content: '';
}
.rules-admin .rule-file:before {
  content: '';
}
.rules-admin .rule-modify:before {
  content: '';
}
.rules-admin .rule-del {
  font-size: 18px !important;
}
.rules-admin .rule-del:before {
  content: '';
}
.rules-admin .rule-top:before {
  content: '';
}
.rules-admin .rules-lis {
  height: calc(100% - 54px);
  overflow-y: auto;
  padding-bottom: 200px;
}
.billother-set {
  margin-top: 10px;
}
.billother-set .billother-cent .tit {
  height: 54px;
  line-height: 54px;
  border-bottom: 1px solid #eee;
  padding: 0 15px;
  background: #fff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
.billother-set .billother-cent .tit .pull-left {
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.billother-set .billother-lis {
  padding: 30px;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
}
.billother-set .billother-lis .billother-mod dt {
  color: #1f2937;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  padding-bottom: 14px;
  font-weight: bold;
}
.billother-set .billother-lis .set {
  margin-bottom: 10px;
}
.billother-set .billother-lis .set .txt {
  width: 150px;
  font-size: 14px;
}
.billother-set .billother-lis .set .txt,
.billother-set .billother-lis .set .form-control,
.billother-set .billother-lis .set .bill-select,
.billother-set .billother-lis .set .select-ele {
  display: inline-block;
  vertical-align: middle;
}
.notice-msg-icon {
  padding: 0 10px;
  display: inline-block;
}
.notice-msg-icon i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #ff4f0a;
  font-size: 18px;
  vertical-align: middle;
}
.notice-msg-icon i:before {
  content: '';
}
.msg-change-alert .btn {
  padding: 7px 16px;
}
.msg-change-alert .msg-info {
  color: #606060;
  margin: 40px 30px;
  font-size: 14px;
  padding-left: 30px;
  position: relative;
}
.msg-change-alert .msg-info .notice-msg-icon {
  position: absolute;
  top: -2px;
  left: -5px;
}
.msg-change-alert .daymod {
  margin: 0 70px;
}
.msg-change-alert .daymod p {
  margin-bottom: 0;
}
.msg-change-alert .daymod .daymod-icon {
  height: 36px;
  line-height: 36px;
}
.msg-change-alert .daymod .daymod-icon:before {
  border-bottom: 0;
}
.msg-change-alert .daymod .daymod-icon i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 30px;
  color: #1878ff;;
}
.msg-change-alert .daymod .daymod-icon.daymod-train {
  margin-top: 15px;
}
.msg-change-alert .daymod-plane i:before {
  content: '';
}
.msg-daytotal {
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.msg-daytotal p {
  margin-bottom: 0;
}
.msg-daytotal > div {
  display: inline-block;
}
.msg-daytotal .mod {
  width: 160px;
  text-align: center;
}
.msg-daytotal .mod .time {
  font-size: 24px;
  color: #1f2937;
}
.msg-daytotal .mod .place {
  font-size: 14px;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.msg-daytotal .mod p.year {
  color: #000;
  font-size: 22px;
}
.msg-daytotal .daymod {
  margin: 0 10px;
}
.msg-daytotal .daymod .sleep {
  position: relative;
  width: 140px;
  padding-bottom: 10px;
}
.msg-daytotal .daymod .sleep:before {
  position: absolute;
  width: 100%;
  border-bottom: 1px dashed #d4d4d4;
  top: 19px;
  left: 0;
  content: '';
  z-index: 100;
}
.msg-daytotal .daymod .sleep i {
  width: 50px;
  height: 20px;
  display: block;
  background: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 120;
  text-align: center;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #4abef2;
}
.msg-daytotal .daymod .sleep i:before {
  content: '';
}
.msg-daytotal .daymod .daytotal,
.msg-daytotal .daymod .time {
  font-size: 14px;
  color: #aeaeae;
  text-align: center;
}
.selecttime {
  position: relative;
}
.selecttime .form-control {
  width: 100px;
  background: #fff;
}
.selecttime-lis {
  position: absolute;
  top: 0;
  padding: 33px 30px 30px;
  left: -30px;
  z-index: 299;
}
.selecttime-lis ul {
  margin-bottom: 0;
  font-size: 0;
  padding: 10px;
  width: 260px;
  border-radius: 0 0 5px 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.selecttime-lis li {
  display: inline-block;
  font-size: 14px;
  width: auto;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  margin-top: 5px;
  margin-right: 5px;
  cursor: pointer;
  padding: 0 3px;
}
.selecttime-lis li:hover {
  background: #f5fcff;
}
.selecttime-lis li.cur {
  background: #1878ff;
  color: #fff;
}
.chk-lis .comm-chk-content {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  margin-right: 30px;
}
.sys-modlis {

}
.more-otherlis {
  padding: 20px;
  font-size: 0;
}
.more-otherlis dl {
  width: 176px;
  height: 70px;
  line-height: 70px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.more-otherlis dl > a {
  cursor: pointer;
}
.more-otherlis .col-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  background: #73ade8;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  margin-right: 5px;
}
.more-otherlis .col-txt {
  display: inline-block;
  vertical-align: middle;
}
.more-otherlis .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100px;
  color: #606060;
  font-size: 14px;
}
.more-otherlis .col-icon-beover:before {
  content: '';
}
.more-otherlis .col-icon-interfaceuser {
  background: #fda700;
}
.more-otherlis .col-icon-interfaceuser:before {
  content: '\e735';
}
.more-otherlis .col-icon-downcenter {
  background: #ff7e66;
}
.more-otherlis .col-icon-downcenter:before {
  content: '\e944';
}
.helptemporary {
  height: 100%;
}
.helptemporary .help-head {
  height: 60px;
  background: #35394d;
}
.helptemporary .help-logo {
  background: url('../images/logoall.png?4936') no-repeat center;
  width: 104px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
}
.helptemporary .help-txts {
  color: #fff;
  font-size: 18px;
  display: inline-block;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  line-height: 48px;
  margin-top: 6px;
}
.helptemporary .help-cent {
  height: calc(100% - 60px);
  padding: 10px;
}
.helptemporary .help-cent .help-cent-box {
  height: 100%;
  background: #fff;
  border-radius: 5px;
}
.helptemporary .help-cent .row-tit {
  border-bottom: 1px solid #ecf1f7;
  line-height: 30px;
  padding: 10px 15px;
  color: #1f2937;
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.helptemporary .help-cent .row-cent {
  padding: 10px 15px;
}
.helptemporary .help-cent .row-cent h6 {
  line-height: 30px;
  margin-bottom: 10px;
  color: #1f2937;
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.vacation-userset {
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.vacation-mine {
  position: relative;
}
.vacation-mine .row-lis {
  width: calc(100% - 40px);
  font-size: 0;
  height: 120px;
  overflow: hidden;
}
.vacation-mine .mods {
  width: 16%;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.vacation-mine .mods dl {
  padding-left: 58px;
  position: relative;
  border-right: 1px solid #f3f3f3;
  margin-top: 20px;
  height: 80px;
  padding-top: 20px;
  cursor: pointer;
}
.vacation-mine .mods dl:hover {
  background: #f7f7f7;
}
.vacation-mine .mods .col-icon {
  width: 36px;
  position: absolute;
  left: 12px;
  top: 20px;
}
.vacation-mine .mods .col-icon i {
  background: #eee;
  color: #fff;
  width: 36px;
  height: 36px;
  display: block;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.vacation-mine .mods .col-icon .icon-vatyear {
  background: #1878ff;;
}
.vacation-mine .mods .col-icon .icon-vatyear:before {
  content: '';
}
.vacation-mine .mods .col-icon .icon-vatrest {
  background: #4fd2c2;
}
.vacation-mine .mods .col-icon .icon-vatrest:before {
  content: '';
}
.vacation-mine .mods .col-icon .icon-vatcomm {
  background: #fd9a4a;
}
.vacation-mine .mods .col-icon .icon-vatcomm:before {
  content: '';
}
.vacation-mine .row-handle {
  width: 40px;
  position: absolute;
  top: 20px;
  right: 0;
}
.vacation-mine .icon-showbtn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  width: 40px;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
}
.vacation-mine .icon-showbtn:before {
  content: '';
}
.vacation-mine.cur .row-lis {
  min-height: 120px;
  height: auto;
}
.vacation-mine.cur .icon-showbtn:before {
  content: '';
}
.vacation-Journal .clr-over {
  color: #ff2400;
}
.check-vacationlis .engrid-main {
  max-height: 440px;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 10px;
}
.check-vacationlis .total-txt {
  padding: 20px;
}
.ind-grant {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  font-size: 14px;
  font-weight: normal;
}
.ind-grant .icon-grant {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #12b7f5;
  font-size: 16px;
  display: inline-block;
}
.ind-grant .icon-grant:before {
  content: '';
}
.ind-grant .icon-fujian {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #b6c0ce;
  font-size: 16px;
  display: inline-block;
}
.ind-grant .icon-fujian:before {
  content: '';
}
.ind-grant .grant-names {
  margin-left: 5px;
  display: inline-block;
}
.ind-grant p.txt {
  display: inline-block;
  margin: 0;
  margin-left: 5px;
  color: #aeaeae !important;
}
.mod-personal-card {
  width: 386px;
  padding: 5px;
}
.mod-personal-card .personal-card {
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  padding: 20px 0;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}
.mod-personal-card .card-head {
  padding: 0 40px 20px 20px;
  font-size: 0;
  cursor: pointer;
  position: relative;
}
.mod-personal-card .card-head .col-head {
  display: inline-block;
  vertical-align: top;
  width: 60px;
}
.mod-personal-card .card-head .col-head .ui-head,
.mod-personal-card .card-head .col-head img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
}
.mod-personal-card .card-head .col-cent {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin: 10px 0 0 10px;
}
.mod-personal-card .card-head .col-cent .txts-names {
  font-size: 16px;
  color: #000;
  line-height: 22px;
}
.mod-personal-card .card-head .col-cent .txts-job {
  font-size: 14px;
  color: #606060;
  line-height: 22px;
}
.mod-personal-card .card-head:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e614';
  color: #b8b8b8;
  position: absolute;
  top: 15px;
  right: 17px;
}
.mod-personal-card .card-lis .row {
  margin-bottom: 5px;
}
.mod-personal-card .card-lis .col-tit {
  width: 54px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  text-align: right;
  color: #aeaeae;
}
.mod-personal-card .card-lis .col-cents {
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
}
.mod-personal-card .card-lis .col-cents .txts {
  display: inline-block;
}
.mod-personal-card .card-lis .col-morepartment {
  display: block;
  background-color: #f6fafd;
  padding: 10px 15px 0;
  max-height: 190px;
  overflow-y: auto;
  margin-top: 5px;
}
.mod-personal-card .card-lis .btn-morepartment {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #cfcfcf;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  margin: 0 5px;
  cursor: pointer;
}
.mod-personal-card .card-lis .btn-morepartment:before {
  content: '\e884';
}
.mod-personal-card .card-lis .btn-morepartment:hover {
  color: #36abdf;
}
.mod-personal-card .card-lis .mod-post {
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  margin-bottom: 10px;
  background-color: #fff;
  height: 78px;
  padding: 10px 10px 10px 64px;
  position: relative;
  font-size: 0;
}
.mod-personal-card .card-lis .mod-post .cell-head {
  position: absolute;
  top: 16px;
  left: 10px;
  text-align: right;
}
.mod-personal-card .card-lis .mod-post .cell-head .icon-posthead {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  background-color: #73ade8;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.mod-personal-card .card-lis .mod-post .cell-head .icon-posthead:before {
  content: '\e826';
}
.mod-personal-card .card-lis .mod-post .cell-txts {
  width: 126px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 26px;
}
.mod-personal-card .card-lis .mod-post .cell-txts:nth-child(odd) {
  text-align: right;
}
.mod-personal-card .card-lis .row-partment .col-morepartment {
  display: none;
}
.mod-personal-card .card-lis .row-partment.cur .col-morepartment {
  display: block;
}
.mod-personal-card .card-lis .row-partment.cur .btn-morepartment {
  color: #36abdf;
}
.mod-personal-card .card-bot {
  padding: 0 20px;
  text-align: center;
}
.mod-personal-card .card-bot .btn {
  display: inline-block;
}
.mini-navbar .site-nav > li {
  position: relative;
}
.mini-navbar .site-nav > li > ul {
  position: fixed;
  background-color: #2d2f3c;
  left: 70px;
  margin-top: -38px;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
  z-index: 99999;
}
.mini-navbar .site-nav > li > ul li div span {
  display: inline-block !important;
}
.mini-navbar .site-nav > li > ul li div {
  width: 160px;
  margin-top: 0;
  font-size: 14px;
}
.mini-navbar .site-nav > li > ul li div:hover,
.mini-navbar .site-nav > li > ul li div.cur {
  color: #fff;
  font-size: 14px;
  padding: 5px 0 5px 23px;
  margin-top: 0;
}
.mini-navbar .sidebarset-entrance {
  width: 70px;
}
.mini-navbar .sidebarset-entrance .col-icons {
  font-size: 22px;
}
.mini-navbar .sidebarset-entrance .col-txts {
  display: none;
}
.site-nav.navbar-right .col-handles {
  margin-right: 30px;
}
.main-menu {
  zoom: 1;
  background: #fff;
  height: 46px;
  line-height: 46px;
  padding-right: 10px;
  border-radius: 5px;
  border-bottom: 1px solid #eee;
}
.main-menu:after {
  content: '';
  display: block;
  clear: both;
}
.main-menu li.msgcur {
  position: relative;
}
.main-menu li.msgcur:before {
  background: #ff4e00;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  line-height: 0;
  font-size: 0;
  content: ' ';
  display: block;
  position: absolute;
  right: 10px;
  top: 12px;
}
.main-tab-lis {
  float: left;
  margin: 0;
  padding: 0;
}
.main-tab-lis li {
  line-height: 46px;
  font-size: 14px;
  display: inline-block;
}

.main-tab-lis li a {
  padding: 0 20px;
  height: 46px;
  display: inline-block;
  color: #090909;
}
.main-tab-lis li a:hover {
  color: rgb(59, 130, 246)
}
.main-tab-lis li.active {
  color: rgb(59, 130, 246);
  border-bottom:1px solid rgb(59, 130, 246);
}
.main-tab-lis li.active a {
  color: rgb(59, 130, 246)
}
.main-tab-lis li.active a:hover {
  color: rgb(59, 130, 246)
}
.login-warp {
  background: #404352;
  width: 100%;
  height: 100%;
}
.login-warp .commError {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 0 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  line-height: 28px;
}
.login-warp .row {
  height: 100%;
}
.login-warp .login-side {
  background: #0b1b35;
  height: 100%;
  overflow: hidden;
  background: url('../images/log-tit-bg.jpg?4936') no-repeat center #0b1b35;
  -webkit-animation: mymove 10s infinite;
  animation: mymove 10s infinite;
}
@keyframes mymove {
  0% {
    background-position: -100px -100px;
  }
  50% {
    background-position: 0 -100px;
  }
  100% {
    background-position: -100px -100px;
  }
}
.login-warp .login-side .login-side-lis {
  width: 320px;
  margin: 0 auto;
  background: url('../images/log.png?4936') no-repeat left 40%;
  text-align: center;
  height: 100%;
}
.login-warp .login-side .login-side-cent {
  width: 320px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -160px;
  margin-top: -190px;
}
.login-warp .login-side .login-side-cent .logo {
  width: 320px;
  margin: 0 auto;
}
.login-warp .login-side .login-side-cent .main-txt {
  color: #fff;
  font-size: 32px;
  margin-top: 8px;
}
.login-warp .login-side .login-side-cent .sec-txt {
  color: #fff;
  font-size: 15px;
}
.login-warp .login-content {
  height: 100%;
}
.login-warp .login-lis {
  margin: 0 auto;
  margin-top: 40px;
}
.login-warp .login-lis input::-webkit-input-placeholder {
  color: #fff;
}
.login-warp .login-lis .input-group {
  height: 52px;
  margin-bottom: 14px !important;
  width:100%;
}
.login-warp .login-lis .input-group input {
  border: none;
  border-radius: 5px !important;
  height: 52px;
  border-bottom:1px solid #e3e6eb;
  width:100%;
}

.login-warp .login-lis .input-group-addon {

  border-radius: 5px;
  height: 52px;
  color: #fff;
}
.login-warp .login-lis .input-group-addon i {
  font-size: 20px;
}
.login-warp .login-lis .login-img {
  background: #fff;
}
.login-warp .form-group {
  margin-bottom: 28px;
}
.login-warp .login-btn {
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background: #1878ff;;
  font-size: 18px;
  padding: 0;
  vertical-align: middle;
  letter-spacing: 1px;
  margin: 0;
}
.login-warp .icheckbox_square-green,
.login-warp .iradio_square-green {
  background-image: url('../images/blue.png?4936');
}
.login-warp .checkbox {
  margin-bottom: 10px;
  color: #fff;
}
.login-warp .checkbox label {
  padding-left: 0;
}
.login-warp .checkbox a {
  color: #fff;
}
.login-warp .login-footer {
  text-align: center;
  color: #8894a4;
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 30px;
}
.login-warp .login-footer a {
  color: #8894a4;
  margin: 0 5px;
}
.login-warp .login-footer a:hover {
  color: #8894a4;
}
.ui-tooltip {
  width: 300px;
  width: auto !important;
  background: #fff;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  z-index: 99999;
  padding: 10px;
  color: #585858;
  font-family: microsoft yahei;
}
.psw-warp {
  background-color: #ecf1f7;
}
.psw-warp .commError {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 0 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  line-height: 28px;
}
.psw-warp i {
  margin: 0 5px;
}
.psw-warp .psw-head {
  height: 80px;
  background: #404352;
  padding: 16px 20px 0;
}
.psw-warp .psw-head a {
  background: url('../images/logo-head.png?4936') no-repeat;
  width: 100px;
  height: 60px;
  background-size: 100%;
  display: block;
  float: left;
}
.psw-warp .psw-head span {
  font-size: 16px;
  color: #fff;
  float: left;
  margin-left: 10px;
  height: 48px;
  line-height: 48px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.psw-warp .psw-content {
  width: 920px;
  margin: 80px auto 60px;
}
.psw-warp .psw-titlis {
  border-bottom: 1px solid #e9e6e6;
  zoom: 1;
}
.psw-warp .psw-titlis:after {
  content: '';
  display: block;
  clear: both;
}
.psw-warp .psw-titlis ul {
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.psw-warp .psw-titlis li {
  width: 50%;
  background: #fff;
  height: 50px;
  float: left;
  line-height: 50px;
  font-size: 14px;
}
.psw-warp .psw-titlis li a {
  color: #989898;
  height: 60px;
  width: 100%;
  display: block;
  text-align: center;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.psw-warp .psw-titlis li a i {
  font-weight: normal;
  font-size: 20px;
  vertical-align: middle;
}
.psw-warp .psw-titlis li.active {
  background: #1878ff;;
  color: #fff;
}
.psw-warp .psw-titlis li.active a {
  color: #fff;
  background: #1878ff;;
}
.psw-warp .psw-backlogin {
  text-align: right;
  margin-top: 60px;
  font-size: 14px;
}
.psw-warp .psw-backlogin a {
  color: #606060;
}
.psw-warp .psw-backlogin a i {
  display: inline-block;
  vertical-align: middle;
  color: #1878ff;;
  font-size: 22px;
  margin-right: 10px;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
}
.psw-warp .psw-backlogin a:hover {
  color: #999;
}
.psw-warp .psw-backlogin a:hover i {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
}
.psw-warp .psw-btn {
  width: 100%;
  text-align: center;
  height: 42px;
  line-height: 42px;
  background: #1878ff;;
  font-size: 14px;
  margin-top: 10px;
  padding: 0;
  vertical-align: middle;
  letter-spacing: 2px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.psw-warp .psw-btn[disabled] {
  background: #ccc;
  color: #1f2937;
  border: 1px solid #ccc;
}
.psw-warp .psw-footer {
  color: #767676;
  text-align: center;
}
.psw-warp .psw-footer a {
  color: #767676;
}
.psw-warp .psw-footer a:hover {
  color: #767676;
}
.psw-warp .psw-footer span {
  margin-left: 5px;
}
.psw-forget-warp {
  background: #fff;
  overflow: hidden;
  padding: 40px;
}
.psw-forget-warp .psw-forget {
  width: 460px;
  margin: 20px auto 20px auto;
}
.psw-forget-warp .psw-forget .input-group {
  width: 100%;
  position: relative;
}
.psw-forget-warp .psw-forget .input-group .input-group-addon {
  padding: 0 0 0 12px;
}
.psw-forget-warp .psw-forget .input-group .input-group-addon .get_code {
  width: 100%;
  height: 40px;
  display: block;
  border: 0;
  border-radius: 5px;
  background: #404352;
  color: #fff;
  padding: 0 10px;
}
.psw-forget-warp
  .psw-forget
  .input-group
  .input-group-addon
  .get_code[disabled] {
  background: #ccc;
  color: #1f2937;
  border: 1px solid #ccc;
  cursor: not-allowed;
}
.psw-forget-warp .psw-forget .input-group:last-child {
  margin-top: 20px;
}
.psw-forget-warp .psw-forget .notice p {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  border: 1px solid #faebcc;
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.psw-forget-warp .psw-forget .notice span {
  color: #f00;
  font-weight: bold;
  margin: 0 5px;
}
.psw-forget-warp .psw-forget .form-control {
  height: 40px;
  padding: 0 10px;
  border-radius: 5px;
  color: #a0a0a0;
  line-height: 40px;
}
.psw-forget-warp .input-group-addon:last-child {
  border: 0;
}
.psw-reset-warp {
  background: #fff;
  overflow: hidden;
  padding: 40px;
}
.psw-reset-warp .psw-reset {
  width: 460px;
  margin: 20px auto 20px auto;
}
.psw-reset-warp .psw-reset .input-group {
  width: 100%;
  position: relative;
}
.psw-reset-warp .psw-reset .form-control {
  height: 46px;
  padding: 0 22px;
  border-radius: 5px;
  color: #a0a0a0;
  line-height: 46px;
}
.login-navlis {
  width: 488px;
  height:678px;

}
.login-navlis .col-nav {
  font-size: 0;
  display: flex;
  justify-content: space-between;
  width: 250px;
  margin:0 auto;
}
.login-navlis .col-nav .tit {
  display: inline-block;
  font-size: 24px;
  width: 100px;
  text-align: center;
  height: 50px;
  line-height: 50px;

  cursor: pointer;
}

.login-navlis .col-nav .tit span {
  padding-bottom:8px;
}
.login-navlis .col-nav .tit.cur span{
  color: #1878ff;;
  border-bottom: 2px solid #1878ff;;
}
.login-navlis .info {
  text-align: center;
  color: #fff;
  margin-top: 40px;
}
.login-navlis .mod-codeway .cent {
  margin-top: 20px;
}
.login-navlis .info-success:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e765';
  color: #21a0d6;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 20px;
}
.login-navlis .code {
  width: 156px;
  height: 156px;
  margin: 0 auto;
  background: #fff;
  border-radius: 5px;
  padding: 12px;
}
.login-navlis .code img {
  width: 132px;
}
.login-navlis .recode > div {
  display: inline-block;
  width: 450px;
  margin: 20px auto;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.login-navlis .recode > div i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #fff;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 20px;
}
.login-navlis .recode > div i:before {
  content: '\e756';
}
.salary-tips-alert .ui-form {
  padding: 0 20px;
  min-height: 100px;
}
.salary-tips-alert .ui-form .salary-txts {
  color: #aeaeae;
}
.salary-tips-alert .ui-form .col-mod {
  padding-left: 60px;
}
.salary-tips-alert .ui-form .col-mod .col-tits {
  width: 30px;
}
.salary-tips-alert .ui-form .col-cents {
  position: relative;
}
.salary-tips-alert .ui-form .col-icon {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 30px;
}
.salary-tips-alert .ui-form .col-icon i {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #ababab;
}
.salary-tips-alert .ui-form .icon-psw:before {
  content: '\e887';
}
.salary-tips-alert .ui-form .clr .icon-psw:before {
  content: '\e886';
}
.salary-tips-alert .forget-pwd {
  text-align: right;
  color: #1878ff;
  cursor: pointer;
}
.infoset-alert .infoset-con {
  margin: 38px auto;
  width: 460px;
}
.infoset-alert .step {
  height: 50px;
  width: 100%;
  margin-bottom: 26px;
}
.infoset-alert .step-con li {
  display: inline-block;
  position: relative;
  width: 180px;
}
.infoset-alert .step-con .step-start:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 140px;
  background: #eee;
}
.infoset-alert .step-con .step-start .step-radius {
  left: 148px;
}
.infoset-alert .step-con .step-start .txt {
  left: 106px;
}
.infoset-alert .step-con .step-num:before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  height: 2px;
  width: 106px;
  background: #eee;
}
.infoset-alert .step-con .step-num .txt {
  left: 66px;
}
.infoset-alert .step-con .step-last:before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  height: 2px;
  width: 106px;
  background: #eee;
}
.infoset-alert .step-con .step-last:after {
  content: '';
  position: absolute;
  top: 0;
  left: 132px;
  height: 2px;
  width: 140px;
  background: #eee;
}
.infoset-alert .step-con .step-last .txt {
  left: 66px;
}
.infoset-alert .step-con .step-radius {
  position: absolute;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  top: -9px;
  left: 104px;
  border: 1px solid #eee;
}
.infoset-alert .step-con .step-radius i {
  display: block;
  margin: 2px;
  height: 12px;
  width: 12px;
  background: #eee;
  border-radius: 50%;
}
.infoset-alert .step-con .txt {
  position: absolute;
  width: 100px;
  top: 14px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.infoset-alert .step-con .cur {
  color: #1878ff;;
}
.infoset-alert .step-con .cur:before {
  background: #1878ff;;
}
.infoset-alert .step-con .cur .step-radius {
  border: 1px solid #1878ff;;
}
.infoset-alert .step-con .cur .step-radius i {
  background: #1878ff;;
}
.infoset-alert .row-input {
  display: flex;
  width: 100%;
  height: 42px;
  margin-bottom: 12px;
}
.infoset-alert .row-input .col-input {
  flex: 1;
}
.infoset-alert .row-input .col-btn {
  padding: 0;
  border: none;
  margin-left: 14px;
  width: 105px;
}
.infoset-alert .row-input .col-btn .btn {
  height: 98%;
  width: 100%;
}
.infoset-alert .row-input .form-control {
  height: 100%;
  border-radius: 5px;
}
.infoset-alert .row-input .bill-select {
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
.infoset-alert .row-input .bill-select p font {
  line-height: 42px;
}
.infoset-alert .row-input .bill-select p span {
  height: 42px;
  line-height: 42px;
}
.infoset-alert .row-psw {
  position: relative;
}
.infoset-alert .row-psw .form-control {
  padding-right: 14px;
}
.infoset-alert .row-psw .col-icon {
  position: absolute;
  top: 0;
  right: 34px;
  line-height: 42px;
  color: #aeaeae;
}
.infoset-alert .row-psw .col-icon i {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  cursor: pointer;
  font-size: 14px;
  color: #c7c7cc;
}
.infoset-alert .row-psw .col-icon .icon-psw:before {
  content: '\e887';
}
.infoset-alert .row-psw .clr .icon-psw:before {
  content: '\e886';
}
.infoset-alert .row-code .col-inp {
  display: inline-block;
  vertical-align: top;
  width: 336px;
}
.infoset-alert .row-code .col-inp input {
  height: 42px;
}
.infoset-alert .row-code .btn {
  height: 42px;
  width: 106px;
  margin-left: 12px;
}
.infoset-alert .row-input .ui-pureselect {
  height: 100%;
  width: 100%;
}
.infoset-alert .row-input .drop-ele {
  height: 100%;
  width: 100%;
}
.infoset-alert .row-input .drop-ele:after {
  line-height: 42px;
  height: 42px;
}
.infoset-alert .addbtn-box {
  padding: 15px 20px;
}
.laytitleft-tips {
  color: #aeaeae;
  font-size: 14px;
}
.start-attr .title,
.line-attr .title,
.work-center-tit .title,
.names-attr .title {
  font-size: 14px !important;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.start-attr .edit-power,
.line-attr .edit-branch,
.start-attr .edit-spr {
  font-size: 12px !important;
}
.save-wrap a {
  font-size: 14px !important;
  width: 100px !important;
}
.flow-wrapper .work-main .work-right {
  height: calc(100% - 70px);
  overflow: hidden;
  overflow-y: auto;
}
.flow-wrapper .work-main .work-right .control-label {
  line-height: 28px;
}
.flow-wrapper .work-main .work-right .control-label-gray {
  color: #aeaeae;
}
.start-attr .form-horizontal .form-group,
.line-attr .form-horizontal .form-group,
.names-attr .form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}
.start-attr .form-horizontal .form-group .control-label,
.line-attr .form-horizontal .form-group .control-label,
.names-attr .form-horizontal .form-group .control-label {
  padding-right: 10px;
}
.flow-poweredit {
  height: calc(100% - 80px);
}
.flow-poweredit table {
  margin-bottom: 0;
}
.flow-poweredit table > tbody > tr > td {
  padding: 4px 2px;
}
.flow-poweredit tr {
  border: 1px solid #f3f3f3;
}
.flow-poweredit tr td:first-child {
  text-align: right;
  color: #1f2937;
}
.flow-poweredit tr td:first-child.sonname {
  color: #1878ff;;
}
.flow-poweredit .power-tit {
  clear: both;
  padding: 0 33px 0;
  border-bottom: 1px solid #e6e5e5;
  overflow: hidden;
}
.flow-poweredit .power-tit .close {
  font-size: 40px;
  font-weight: normal;
  margin-top: 10px;
}
.flow-poweredit .power-tit .flow-logo {
  background-color: #1878ff;;
  width: 60px;
  height: 60px;
  display: inline-block;
  float: left;
  border-radius: 50%;
  display: none;
}
.flow-poweredit .power-tit .ftxt {
  color: #000;
  font-size: 14px;
  margin-left: 0;
  float: left;
  line-height: 60px;
}
.flow-poweredit .power-tit .bar-code {
  float: right;
  padding: 0 0 10px;
  font-size: 14px;
  margin-top: 15px;
  margin-right: 10px;
}
.flow-poweredit .power-tit .bar-code .btn-white {
  background-color: #1878ff;;
  border-color: #1878ff;;
  color: #fff;
}
.flow-poweredit .content {
  overflow: hidden;
  height: 100%;
  overflow-y: auto;
}
.flow-poweredit table {
  text-align: center;
  border: 1px solid #f3f3f3;
  color: #2a2a2a;
}
.flow-poweredit table td {
  border-top: 1px solid #f3f3f3;
}
.flow-poweredit .powerbtn-see i {
  color: #21b74c;
}
.flow-poweredit .powerbtn-required i {
  color: #eb3b3b;
}
.flow-poweredit .powerbtn-edit i {
  color: #4baee1;
}
.flow-poweredit .powerbtn-modify i {
  color: #fb9400;
}
.flow-poweredit a.actived i {
  color: #999898;
}
.flow-poweredit .table-second {
  background: #fafafa;
  padding: 10px 0 10px 10px;
  border: 1px solid #f3f3f3;
  border-right: 0;
  border-top: 0;
}
.flow-poweredit .table-second table {
  margin-bottom: 0;
  background: #fff;
}
.flow-staffselect .bar-code {
  float: right;
  padding: 0 0 10px;
  font-size: 14px;
  margin-top: 15px;
  margin-right: 10px;
}
.flow-staffselect .staff-tit {
  clear: both;
  padding: 0px 30px;
  border-bottom: 1px solid #e6e5e5;
  overflow: hidden;
}
.flow-staffselect .staff-tit .close {
  font-size: 40px;
  font-weight: normal;
  margin-top: 10px;
}
.flow-staffselect .staff-tit h5 {
  font-size: 16px;
  color: #000;
  float: left;
  margin-top: 24px;
}
.flow-staffselect .staff-tit .bar-code .btn-white {
  background-color: #1878ff;;
  border-color: #1878ff;;
  color: #fff;
}
.flow-staffselect .content {
  overflow-y: scroll;
}
.flow-staffselect .content-staff {
  width: 98%;
  margin: 0 auto;
}
.flow-staffselect .staff-select-tab {
  overflow: hidden;
  margin-top: 20px;
  padding: 0;
  display: flex;
}
.flow-staffselect .staff-select {
  display: block;
  background: #fff;
  margin: 10px;
}
.flow-staffselect .staff-select .stitle {
  clear: both;
  overflow: hidden;
  color: #fff;
  padding-left: 90px;
  margin-top: 30px;
}
.flow-staffselect .staff-select .sicon {
  width: 64px;
  height: 64px;
  background: #fff;
  border-radius: 50%;
  display: block;
  float: left;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 20px;
}
.flow-staffselect .staff-select .sicon i {
  color: #fff;
}
.flow-staffselect .staff-select .stit {
  float: left;
  font-size: 16px;
  color: #fff;
  margin: 10px 0 0 0;
  font-weight: bold;
}
.flow-staffselect .staff-select .sinfo {
  font-size: 14px;
  color: #9c9c9c;
  margin-top: 30px;
  margin: 30px 20px 0;
}
.flow-staffselect .staff-select a {
  display: block;
  background: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  position: relative;
  width: 220px;
  height: 190px;
}
.flow-staffselect .staff-select a.staff-specific .stit {
  color: #5fceea;
}
.flow-staffselect .staff-select a.staff-specific .sicon {
  background: #5fceea;
}
.flow-staffselect .staff-select a.staff-post .stit {
  color: #35e0ae;
}
.flow-staffselect .staff-select a.staff-post .sicon {
  background: #35e0ae;
}
.flow-staffselect .staff-select a.staff-role .stit {
  color: #3dbcdb;
}
.flow-staffselect .staff-select a.staff-role .sicon {
  background: #3dbcdb;
}
.flow-staffselect .staff-select.active a {
  background: #fafafa;
}
.flow-staffselect .staff-select.active .staff-specific {
  border: 1px solid #5fceea;
}
.flow-staffselect .staff-select.active .staff-post {
  border: 1px solid #35e0ae;
}
.flow-staffselect .staff-select.active .staff-role {
  border: 1px solid #3dbcdb;
}
.flow-staffselect .staff-select i {
  color: #77e4c4;
  margin: 7px auto;
  text-align: center;
  font-size: 36px;
  display: block;
  vertical-align: middle;
}
.flow-staffselect .tab-content {
  background: #fafafa;
  padding: 10px;
  margin: 10px;
  z-index: 99;
  position: relative;
}
.flow-staffselect .add-moreselect {
  padding: 10px;
  margin: 10px;
  overflow: hidden;
}
.flow-staffselect .add-moreselect .m-b {
  margin-bottom: 0;
}
.flow-staffselect .add-moreselect > div > div {
  width: 400px;
}
.flow-staffselect .form-group {
  margin-top: 10px;
}
.flow-staffselect .form-group .radio-box {
  float: left;
  margin-top: 10px;
  width: 190px;
}
.flow-staffselect .form-group .form-control {
  float: left;
  width: 250px;
  margin-left: 10px;
}
.flow-staffselect .form-group .l-input {
  width: 250px;
}
.flow-staffselect .form-group .m-input {
  width: 150px;
}
.flow-staffselect .form-group .s-input {
  width: 90px;
}
.flow-staffselect .staff-select-comm .form-control[readonly] {
  background-color: #fff;
  position: relative;
}
.flow-staffselect .staff-select-comm label {
  position: relative;
}
.flow-staffselect .staff-select-comm label:after {
  position: absolute;
  display: block;
  right: 5px;
  top: 10px;
  font-family: 'iconfont' !important;
  font-size: 14px;
  font-style: normal;
  content: ' \e632';
  color: #8a8a8a;
}
.flow-staffselect .specificTree {
  position: absolute;
  left: 220px;
  top: 33px;
  width: 250px;
  z-index: 99;
}
.flow-staffselect .commtree-nav .commtree-search {
  height: 30px;
}
.flow-staffselect .commtree-nav .commtree-search .form-control {
  margin-left: 0;
  width: 240px;
}
.flow-staffselect .commtree-nav .commtree-body {
  overflow-y: scroll;
  max-height: 230px;
}
.flow-staffselect .treeview {
  overflow-y: scroll;
  max-height: 230px;
  border: 1px solid #eee;
  border-top: 0;
  background: #fff;
}
.flow-staffselect .list-group {
  border-top: 0;
  background: #fff;
}
.flow-staffselect .list-group-item {
  border: 1px solid #fff;
}
.flow-staffselect .search-tree {
  position: relative;
}
.flow-staffselect .search-tree .form-control {
  margin: 0;
  padding-left: 36px;
}
.flow-staffselect .search-tree:before {
  position: absolute;
  display: block;
  left: 5px;
  top: 2px;
  font-family: 'iconfont' !important;
  font-size: 18px;
  font-style: normal;
  content: ' \e608';
  color: #8a8a8a;
}
.flow-lineselect .bar-code {
  float: right;
  padding: 0 0 10px;
  font-size: 14px;
  margin-top: 15px;
  margin-right: 10px;
}
.flow-lineselect .line-tit {
  clear: both;
  padding: 0px 33px;
  border-bottom: 1px solid #e6e5e5;
  overflow: hidden;
}
.flow-lineselect .line-tit .close {
  font-size: 40px;
  font-weight: normal;
  margin-top: 10px;
}
.flow-lineselect .line-tit h5 {
  font-size: 14px;
  color: #000;
  float: left;
  margin-top: 24px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.flow-lineselect .content {
  overflow-y: scroll;
}
.flow-lineselect .content-line {
  margin: 0 auto;
  width: 90%;
}
.flow-lineselect .line-select-tab {
  overflow: hidden;
  margin-top: 20px;
  padding: 0;
  display: flex;
}
.flow-lineselect .line-select {
  display: block;
  background: #fff;
  margin: 10px;
}
.flow-lineselect .line-select .stitle {
  clear: both;
  overflow: hidden;
  color: #fff;
  padding-left: 90px;
  margin-top: 30px;
}
.flow-lineselect .line-select .sicon {
  width: 64px;
  height: 64px;
  background: #fff;
  border-radius: 50%;
  display: block;
  float: left;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 20px;
}
.flow-lineselect .line-select .sicon i {
  color: #fff;
}
.flow-lineselect .line-select .stit {
  float: left;
  font-size: 14px;
  color: #fff;
  margin: 10px 0 0 0;
  font-weight: bold;
}
.flow-lineselect .line-select .sinfo {
  font-size: 14px;
  color: #9c9c9c;
  margin: 30px 20px 0;
}
.flow-lineselect .line-select a {
  display: block;
  background: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  position: relative;
  width: 242px;
  height: 190px;
}
.flow-lineselect .line-select a.line-money .stit {
  color: #ff7e66;
}
.flow-lineselect .line-select a.line-money .sicon {
  background: #ff7e66;
}
.flow-lineselect .line-select a.line-basicdata .stit {
  color: #33d0cf;
}
.flow-lineselect .line-select a.line-basicdata .sicon {
  background: #33d0cf;
}
.flow-lineselect .line-select a.line-judge .stit {
  color: #1878ff;;
}
.flow-lineselect .line-select a.line-judge .sicon {
  background: #1878ff;;
}
.flow-lineselect .line-select.active a {
  background: #fafafa;
}
.flow-lineselect .line-select.active .line-money {
  border: 1px solid #ff7e66;
}
.flow-lineselect .line-select.active .line-basicdata {
  border: 1px solid #33d0cf;
}
.flow-lineselect .line-select.active .line-judge {
  border: 1px solid #1878ff;;
}
.flow-lineselect .line-select i {
  color: #77e4c4;
  margin: 7px auto;
  text-align: center;
  font-size: 36px;
  display: block;
  vertical-align: middle;
}
.flow-lineselect .tab-content {
  background: #fafafa;
  padding: 10px;
  margin: 10px;
  z-index: 99;
  position: relative;
}
.flow-lineselect .add-moreselect {
  padding: 10px;
  margin: 10px;
  overflow: hidden;
}
.flow-lineselect .form-group {
  margin-top: 10px;
}
.flow-lineselect .form-group .radio-box {
  float: left;
  margin-top: 10px;
  width: 190px;
}
.flow-lineselect .form-group .form-control {
  float: left;
  width: 250px;
  margin-left: 10px;
}
.flow-lineselect .form-group .l-input {
  width: 250px;
}
.flow-lineselect .form-group .m-input {
  width: 150px;
}
.flow-lineselect .form-group .s-input {
  width: 90px;
}
.flow-lineselect .line-select-comm .form-control[readonly] {
  background-color: #fff;
  position: relative;
}
.flow-lineselect .line-select-comm label {
  position: relative;
}
.flow-lineselect .line-select-comm label:after {
  position: absolute;
  display: block;
  right: 5px;
  top: 10px;
  font-family: 'iconfont' !important;
  font-size: 14px;
  font-style: normal;
  content: ' \e632';
  color: #8a8a8a;
}
.flow-lineselect .specificTree {
  position: absolute;
  left: 220px;
  top: 33px;
  width: 250px;
  z-index: 99;
}
.flow-lineselect .treeview {
  overflow: hidden;
  overflow-y: auto;
  max-height: 230px;
  border: 1px solid #eee;
  border-top: 0;
  background: #fff;
}
.flow-lineselect .list-group {
  border-top: 0;
  background: #fff;
}
.flow-lineselect .list-group-item {
  border: 1px solid #fff;
}
.flow-lineselect .search-tree {
  position: relative;
}
.flow-lineselect .search-tree .form-control {
  margin: 0;
  padding-left: 36px;
}
.flow-lineselect .search-tree:before {
  position: absolute;
  display: block;
  left: 5px;
  top: 2px;
  font-family: 'iconfont' !important;
  font-size: 18px;
  font-style: normal;
  content: ' \e608';
  color: #8a8a8a;
}
.flow-lineselect .addselect-ele {
  padding-bottom: 10px;
  width: 100%;
  height: auto;
  zoom: 1;
}
.flow-lineselect .addselect-ele:after {
  content: '';
  display: block;
  clear: both;
}
.flow-lineselect .addselect-warp {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  zoom: 1;
}
.flow-lineselect .addselect-warp:after {
  content: '';
  display: block;
  clear: both;
}
.flow-lineselect .addselect-warp .select-warp {
  margin-left: 46px;
}
.flow-lineselect .addselect-warp .select-ele {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.flow-lineselect .addselect-warp .drop-ele {
  position: relative;
}
.flow-lineselect .addselect-warp .drop-ele:after {
  position: absolute;
  display: block;
  right: 5px;
  top: 0;
  font-family: 'iconfont' !important;
  font-size: 14px;
  font-style: normal;
  content: ' \e632';
  color: #8a8a8a;
}
.flow-lineselect .addselect-warp .linetree {
  position: absolute;
  z-index: 100;
}
.flow-lineselect .addselect-warp .commtree-nav {
  border: 0;
  padding-bottom: 0;
}
.flow-lineselect .addselect-warp .commtree-nav .commtree-body {
  overflow: hidden;
  overflow-y: auto;
  max-height: 230px;
  border-top: 0;
  background: #fff;
}
.flow-lineselect .addselect-warp .xs-input {
  width: 80px;
}
.flow-lineselect .addselect-warp .s-input {
  width: 160px;
}
.flow-lineselect .addselect-warp .m-input {
  width: 200px;
}
.flow-lineselect .addselect-warp .l-input {
  width: 240px;
}
.flow-lineselect .flow-contact-select .contact-ele-warp {
  overflow: hidden;
  border: 1px solid #e5e6e7;
  height: 38px;
  line-height: 38px;
  padding: 0 11px;
  margin: 10px 10px 0;
}
.flow-lineselect .flow-contact-select .contact-ele {
  float: left;
}
.flow-lineselect .flow-contact-select .select-warp {
  border-left: 1px solid #e5e6e7;
  border-right: 1px solid #e5e6e7;
  height: 38px;
  border-top: 0;
  border-bottom: 0;
  width: 100px;
  float: right;
}
.flow-lineselect .flow-contact-select .select-warp select {
  border: 1px solid #fff;
}
.flow-lineselect .flow-contact-select .contact-opera {
  float: right;
  margin-left: 10px;
}
.flow-lineselect .flow-contact-select .contact-opera i {
  font-size: 20px;
}
.flow-admin-warp {
  margin-top: 10px;
}
.flow-admin-warp .flow-lismod-warp {
  margin: 10px 10px 0;
}
.flow-admin-warp .flow-lismod-warp dl {
  margin-bottom: 10px;
}
.flow-admin-warp .flow-lismod-warp dt {
  padding-right: 15px;
  text-align: right;
}
.flow-admin-warp .flow-lismod-warp dd .mods {
  float: left;
  margin-right: 10px;
  line-height: 30px;
}
.flow-admin-warp .add-mechanism ul {
  zoom: 1;
  margin-bottom: 0;
}
.flow-admin-warp .add-mechanism ul:after {
  content: '';
  display: block;
  clear: both;
}
.flow-admin-warp .add-mechanism ul > li {
  width: 140px;
  position: relative;
  height: 32px;
  margin-bottom: 5px;
  float: left;
  cursor: pointer;
}
.flow-admin-warp .add-mechanism ul > li .tit {
  border: 1px solid #e5e6e7;
  padding: 0 10px;
  color: #606060;
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  display: block;
  margin: 0 10px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flow-admin-warp .add-mechanism ul .closeme {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 17px;
  color: #db4040;
  position: absolute;
  right: 0;
  top: -8px;
  cursor: pointer;
}
.flow-admin-warp .add-mechanism ul .closeme:after {
  content: '\e6ab';
}
.flow-admin-warp .add-mechanism .widget-more {
  width: 130px;
  float: left;
  border: 1px solid #eee;
  background: #f1fbff;
  color: #66c9f4;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  line-height: 32px;
  height: 32px;
}
.flow-admin-warp .add-mechanism .widget-more i {
  font-size: 20px;
}
.flow-admin-warp .flow-lismod-warp ul {
  display: inherit;
}
.flow-admin-warp .mod-sidebar .ybox-content {
  padding-top: 0;
}
.flow-admin-warp .select-flowmod .flowmod.cur {
  position: relative;
}
.flow-admin-warp .select-flowmod .flowmod.cur a {
  padding-left: 30px;
}
.flow-admin-warp .select-flowmod .flowmod.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e6a6';
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 14px;
  color: #fff;
}
.flow-admin-warp .select-flowmod .flowmod-fixed ul {
  background-color: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 5px 0;
  padding-bottom: 10px !important;
  min-width: 109px;
  text-align: center;
  max-height: 128px;
  overflow-y: auto;
}
.flow-admin-warp .select-flowmod .flowmod-fixed ul li {
  padding: 4px 18px;
  padding-left: 45px;
  margin-bottom: 4px !important;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.flow-admin-warp .select-flowmod .flowmod-fixed ul li:hover {
  background-color: #ffa319;
  color: #fff;
}
.flow-admin-warp .select-flowmod .flowmod-fixed ul li.actived:before,
.flow-admin-warp .select-flowmod .flowmod-fixed ul li:hover:before {
  font-family: 'Glyphicons Halflings';
  content: '\e013';
  position: absolute;
  left: 16px;
}
.flow-admin-warp .flow-billlis .add-mechanism {
  padding: 20px;
}
.flow-admin-warp .flow-billlis .add-mechanism li {
  width: 180px;
  margin-right: 20px;
}
.flow-admin-warp .flow-billlis dt {
  position: relative;
  margin: 0 20px;
  padding-left: 46px;
}
.flow-admin-warp .flow-billlis dt > p {
  display: inline-block;
  color: #aeaeae;
  display: block;
  margin-bottom: 0;
  line-height: 24px;
}
.flow-admin-warp .flow-billlis dt > p.tit {
  color: #1f2937;
}
.flow-admin-warp .flow-billlis dt .status-warp {
  display: block;
  top: 10px;
}
.flow-admin-warp .flow-billlis dt .status-warp .status-btn {
  color: #54c2f3;
}
.flow-admin-warp .flow-billlis dt > i {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  font-style: normal;
  line-height: 37px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
}
.flow-admin-warp .flow-billlis dt > i.type-gu {
  background: #4fd2c2;
}
.flow-admin-warp .flow-billlis dt > i.type-zi {
  background: #f7bf27;
}
.flow-admin-warp .flow-billlis dt .widget-more {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  text-align: center;
  padding: 0 3px;
  width: 180px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #606060;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 64px;
}
.flow-admin-warp .flow-billlis dl {
  zoom: 1;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 16px 0;
}
.flow-admin-warp .flow-billlis dl:after {
  content: '';
  display: block;
  clear: both;
}
.flow-admin-warp .flow-billlis dl.stop-flow {
  background: #fbfbfd;
}
.flow-admin-warp .flow-billlis dl.stop-flow dt > i {
  background: #c6c6c7;
}
.flow-admin-warp .flow-billlis dl.stop-flow dt > .tit {
  color: #aeaeae;
}
.flow-admin-warp .flow-billlis dl.stop-flow .add-mechanism li {
  border: 1px solid #f6f6f6;
}
.flow-lisadmin {
  background: #ecf1f7;
}
.flow-lisadmin .ybox-title {
  background: #fff;
  border-radius: 5px;
}
.flow-lisadmin .ybox-content {
  padding: 0;
}
.vertical-navtog {
  width: 260px;
  margin: 20px 20px 0;
  padding-bottom: 10px;
}
.vertical-navtog .vertical-mod {
  position: relative;
  margin-top: 10px;
}
.vertical-navtog .vertical-mod span {
  width: 260px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 5px;
  color: #1f2937;
  display: block;
  text-indent: 20px;
  cursor: pointer;
  border: 1px solid #eee;
}
.vertical-navtog .vertical-mod .onetit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-right: 20px;
}
.vertical-navtog .vertical-mod .twotit {
  line-height: 40px;
  height: 40px;
  text-indent: 40px;
  color: #2a2a2a;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.vertical-navtog .vertical-mod .twotit:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e669';
  color: #a8a8a8;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 13px;
}
.vertical-navtog .vertical-mod .twotit.nokids:before {
  content: '';
}
.vertical-navtog .vertical-mod .twotit:hover,
.vertical-navtog .vertical-mod .twotit.cur {
  background: #f7f7f7;
}
.vertical-navtog .vertical-mod .threetit {
  line-height: 40px;
  height: 40px;
  text-indent: 60px;
  color: #2a2a2a;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.vertical-navtog .vertical-mod .threetit:hover,
.vertical-navtog .vertical-mod .threetit.cur {
  background: #f7f7f7;
}
.vertical-navtog .vertical-mod .threelis {
  display: none;
}
.vertical-navtog .vertical-mod .twolis {
  border: 1px solid #eee;
  border-bottom: 0;
  border-top: 0;
  display: none;
  border-radius: 0 0 5px 5px;
}
.vertical-navtog .vertical-mod .twolis:last-child {
  border-bottom: 1px solid #eee;
}
.vertical-navtog .vertical-mod .twolis.cur .threelis {
  display: block;
}
.vertical-navtog .vertical-mod .twolis.cur .twotit:before {
  content: '\e632';
}
.vertical-navtog .vertical-mod .twolis.cur .twotit.nokids:before {
  content: '';
}
.vertical-navtog .vertical-mod:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e669';
  color: #a8a8a8;
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 13px;
}
.vertical-navtog .vertical-mod:hover span {
  background: #1878ff;
  color: #fff;
}
.vertical-navtog .vertical-mod:hover:before {
  color: #fff;
}
.vertical-navtog .vertical-mod.cur {
  position: relative;
}
.vertical-navtog .vertical-mod.cur .twolis {
  display: block;
}
.vertical-navtog .vertical-mod.cur span {
  background: #1878ff;
  color: #fff;
}
.vertical-navtog .vertical-mod.cur:before {
  content: '\e632';
  color: #fff;
}
.vertical-navtog.vertical-navlis .vertical-mod:before {
  content: ' ';
}
.vertical-navtog.vertical-navlis .vertical-mod.cur:before {
  content: '\e669';
}
.search-mod {
  width: 300px;
}
.flow-template-warp .temp-notice {
  background: #fbfbfb;
  padding: 30px 100px;
  margin-top: -20px;
  border-bottom: 1px solid #ecf1f7;
}
.flow-template-warp .temp-notice .notice-main i {
  margin: 0 10px 0;
  color: #1878ff;;
  vertical-align: middle;
}
.flow-template-warp .temp-notice .notice-lis {
  text-indent: 10px;
}
.flow-template-warp .temp-select {
  width: 88%;
  margin: 30px auto;
}
.flow-template-warp .temp-select li {
  float: left;
}
.flow-template-warp .temp-select li .tit {
  border-radius: 3px;
  background: #1878ff;;
  color: #fff;
  height: 46px;
  width: 120px;
  line-height: 46px;
  display: block;
  text-align: center;
  float: left;
  position: relative;
}
.flow-template-warp .temp-select li .tit:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-width: 23px 0 23px 23px;
  border-style: solid;
  border-color: transparent transparent transparent #1878ff;;
  position: absolute;
  right: -22px;
  top: 0;
}
.flow-template-warp .temp-select li .separate {
  width: 30px;
  height: 35px;
  display: block;
  float: left;
  margin: 5px 20px 0 40px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  vertical-align: middle;
  color: #c4c4c4;
}
.flow-template-warp .temp-select li .separate:after {
  content: '\e684';
}
.flow-template-warp .temp {
  zoom: 1;
  margin: 25px 0 0;
}
.flow-template-warp .temp:after {
  content: '';
  display: block;
  clear: both;
}
.flow-template-warp .temp .comm-rdo-content {
  float: left;
  width: 60px;
  margin-top: 10px;
}
.flow-template-warp .temp ul {
  float: left;
}
.flow-template-warp .temp:nth-child(5n + 1) li .tit {
  background: #1878ff;;
}
.flow-template-warp .temp:nth-child(5n + 1) li .tit:after {
  border-color: transparent transparent transparent #1878ff;;
}
.flow-template-warp .temp:nth-child(5n + 2) li .tit {
  background: #4fd2c2;
}
.flow-template-warp .temp:nth-child(5n + 2) li .tit:after {
  border-color: transparent transparent transparent #4fd2c2;
}
.flow-template-warp .temp:nth-child(5n + 3) li .tit {
  background: #f79f59;
}
.flow-template-warp .temp:nth-child(5n + 3) li .tit:after {
  border-color: transparent transparent transparent #f79f59;
}
.flow-template-warp .temp:nth-child(5n + 4) li .tit {
  background: #43ccdc;
}
.flow-template-warp .temp:nth-child(5n + 4) li .tit:after {
  border-color: transparent transparent transparent #43ccdc;
}
.flow-template-warp .temp:nth-child(5n + 5) li .tit {
  background: #46ddbb;
}
.flow-template-warp .temp:nth-child(5n + 5) li .tit:after {
  border-color: transparent transparent transparent #46ddbb;
}
.addOrganize {
  padding: 10px 0 20px;
}
.addOrganize .treeview {
  margin-top: 10px;
  border-top: 1px solid #eee;
}
.navhasedit .widget-more {
  width: 260px;
  height: 40px;
  margin: 10px 20px 0;
  line-height: 40px;
  text-align: center;
  color: #bebebe;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  cursor: pointer;
  background: #f6fafd;
}
.navhasedit .vertical-mod {
  position: relative;
}
.navhasedit .vertical-mod:hover .status-warp {
  display: block;
}
.navhasedit .stop-cur {
  position: relative;
}
.navhasedit .stop-cur span {
  background: #ccc !important;
  text-indent: 30px;
  color: #fff;
}
.navhasedit .stop-cur:before {
  color: #fff;
}
.navhasedit .stop-cur:after {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-size: 20px;
  color: #f7dc27;
  width: 30px;
  vertical-align: middle;
  display: inline-block;
  content: '\e67b';
  position: absolute;
  top: 8px;
  left: 5px;
}
.navhasedit .icon-wmore {
  color: #90d7f7;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.navhasedit .icon-wmore:before {
  content: '';
}
.flow-personlis .datatable tbody tr td {
  height: 54px;
  cursor: pointer;
}
.flow-personlis .editbtn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  font-size: 24px;
  margin-right: 8px;
}
.flow-personlis .editbtn:before {
  content: '';
}
.flow-personlis .delbtn i {
  color: #db4040;
  font-size: 24px;
}
.flow-personlis .select-ele {
  margin: 0 auto;
}
.flow-addPerson .addPerson dl {
  font-size: 14px;
  zoom: 1;
  display: flex;
  max-height: 223px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 10px;
}
.flow-addPerson .addPerson dl:after {
  content: '';
  display: block;
  clear: both;
}
.flow-addPerson .addPerson dt {
  width: 88px;
  float: left;
  line-height: 30px;
}
.flow-addPerson .addPerson dd {
  flex: 1;
  position: relative;
}
.flow-addPerson .addPerson dd .comm-rdo-content {
  margin: 10px 0 0 10px;
}
.flow-addPerson .addbtn-wrap {
  padding: 8px 0;
}
.flow-Jointly .temp-notice {
  margin: 0 0 10px 0;
}
.flow-Jointly .temp-notice i {
  margin: 0 8px 0 0;
  color: #1878ff;;
  vertical-align: middle;
}
.flow-Jointly .temp-notice .notice-lis {
  color: #ccc;
}
.flow-Jointly .Jointly-warp {
  border-top: 1px solid #f3f3f3;
}
.flow-Jointly .Jointly-warp dl {
  border-right: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  color: #585858;
  text-align: center;
  line-height: 36px;
  padding: 0;
}
.flow-Jointly .Jointly-warp dl .ui-sortable-helper {
  background: #fff;
  border: 1px dashed #1878ff;;
}
.flow-Jointly .Jointly-warp dl dd,
.flow-Jointly .Jointly-warp dl dt {
  line-height: 36px;
  height: 36px;
}
.flow-Jointly .Jointly-warp dl dt {
  background: #f3f3f5;
  font-weight: bold;
}
.flow-Jointly .Jointly-warp dl dd {
  border-bottom: 1px solid #f3f3f3;
  cursor: move;
}
.flow-Jointly .Jointly-warp dl dd.cur {
  background: #f1fbff;
  color: #66c9f4;
  border: 1px solid #eee;
}
#pop-set-flow .linetree {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 299;
  width: 338px;
  padding: 0;
}
#pop-set-flow .linetree .list-group {
  overflow: hidden;
}
#pop-set-flow .alert-text dt {
  text-align: right;
  padding-right: 25px;
}
#pop-set-flow .alert-text .select-ele {
  width: 338px !important;
}
#pop-set-flow .alert-text .commtree-nav {
  border: 0;
}
#pop-set-flow .alert-text .commtree-body {
  overflow-y: auto;
  max-height: 300px;
}
.flow-ind {
  width: 900px;
}
.flow-ind li {
  width: 245px;
}
.flow-ind li a {
  width: 230px;
}
.flow-ind li:last-child {
  width: 360px;
}
.flow-ind li:nth-child(3n + 1) .ind-icon {
  background-color: #1878ff;;
  color: #fff;
}
.flow-ind li:nth-child(3n + 1) a:hover .ind-icon {
  background-color: #fff;
  color: #1878ff;;
}
.flow-ind li:nth-child(3n) .ind-icon {
  background-color: #44d5e2;
  color: #fff;
}
.flow-ind li:nth-child(3n) a:hover .ind-icon {
  background-color: #fff;
  color: #44d5e2;
}
.flow-ind li:nth-child(3n-1) .ind-icon {
  background-color: #fdc74e;
  color: #fff;
}
.flow-ind li:nth-child(3n-1) a:hover .ind-icon {
  background-color: #fff;
  color: #fdc74e;
}
.flowsend-link {
  color: #ffa319;
  position: relative;
  padding-left: 28px;
  line-height: 30px;
  cursor: pointer;
}
.flowsend-link i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  color: #b2b2b2;
  vertical-align: middle;
}
.flowsend-link .icon-flowsend1:before {
  content: '';
}
.flowsend-link .icon-flowsend2:before {
  content: '';
}
.flowsend-link .icon-flownotice:before {
  content: '';
}
.flowsendmsg-warp dl {
  margin-top: 10px;
}
.flowsendmsg-warp .flowsend-tit dt {
  margin-right: 10px;
}
.flowsendmsg-warp .flowsend-tit dt,
.flowsendmsg-warp .flowsend-tit dd {
  display: inline-block;
  vertical-align: middle;
}
.flowsendmsg-warp .flowsend-cent dt {
  margin-bottom: 10px;
}
.flowsendmsg-warp .flowsend-cent .result-warp {
  border: 1px solid #e5e6e7;
  padding: 10px;
  height: auto;
  border-radius: 5px;
}
.flowsendmsg-warp .flowsend-cent .result-warp > div {
  overflow: hidden;
  height: 140px;
  overflow-y: auto;
  color: #aeaeae;
}
.flowrange-set .flowrange-set-lis {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 10px;
}
.flowrange-set .flowrange-set-lis ul {
  height: 150px;
  overflow: hidden;
  overflow-y: auto;
  padding: 10px;
}
.flowrange-set .flowrange-set-lis ul li {
  padding: 0 15px;
  border: 1px solid #dfdfdf;
  line-height: 32px;
  vertical-align: middle;
  color: #7e7e7e;
  background: #fff;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  word-break: break-all;
  white-space: pre-wrap;
}
.flowrange-set .flowrange-set-lis ul li.change-txt {
  background: #f1fbff;
}
.flowrange-set .flowrange-set-lis ul li span {
  color: #606060;
  font-size: 14px;
}
.flowrange-set .flowrange-set-lis ul li span strong {
  font-weight: normal;
}
.flowrange-set .flowrange-set-lis ul li i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  color: #db4040;
  top: -13px;
  right: -8px;
  font-size: 16px;
  display: none;
}
.flowrange-set .flowrange-set-lis ul li i:before {
  content: '\e6ab';
}
.flowrange-set .flowrange-set-lis ul li.cur i {
  display: block;
}
.flowrange-set .flowrange-set-cent {
  border: 1px solid #eee;
  border-radius: 5px;
  margin-top: 10px;
  padding: 20px 10px 50px 10px;
}
.flowrange-set .flowrange-set-cent dl {
  position: relative;
  margin-bottom: 10px;
  zoom: 1;
}
.flowrange-set .flowrange-set-cent dl:after {
  content: '';
  display: block;
  clear: both;
}
.flowrange-set .flowrange-set-cent dl dt {
  width: 143px;
  height: 42px;
  color: #fff;
  line-height: 42px;
  background: #e4f7ff;
  color: #606060;
  border: 1px solid #dfdfdf;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  float: left;
}
.flowrange-set .flowrange-set-cent dl .cent,
.flowrange-set .flowrange-set-cent dl .cent1 {
  margin: 0 0 0 20px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: middle;
  display: none;
}
.flowrange-set .flowrange-set-cent dl .cent {
  width: 320px;
}
.flowrange-set .flowrange-set-cent dl .cent1 {
  width: 220px;
}
.flowrange-set .flowrange-set-cent dl .add {
  position: absolute;
  right: 10px;
  top: 0;
  display: none;
  padding-top: 5px;
}
.flowrange-set .flowrange-set-cent dl.cur dt {
  background: #1878ff;
  color: #fff;
  border: 1px solid #fff;
}
.flowrange-set .flowrange-set-cent dl.cur .cent,
.flowrange-set .flowrange-set-cent dl.cur .cent1 {
  display: inline-block;
}
.flowrange-set .flowrange-set-cent dl.cur .add {
  display: block;
}
.f-delete-btn {
  color: #fff;
}
.f-delete-btn:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #e23541;
  content: '';
}
.f-delete-btn:hover {
  color: #fff;
}
.f-delete-btn:hover:before {
  color: #e23541;
}
.flowmore-btn-box .flowmore-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #aeaeae;
}
.flowmore-btn-box .flowmore-btn:before {
  content: '';
}
.flowmore-btn-box .col-md-3,
.flowmore-btn-box .flowmore-btn {
  cursor: pointer;
}
.flowmore-btn-box:hover .col-md-3,
.flowmore-btn-box:hover .flowmore-btn {
  color: #1878ff;;
}
.flowmore-btn-box.cur .flowmore-btn:before {
  content: '';
}
.edit-operate {
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  margin: 0;
  padding-left: 25px;
  position: relative;
}
.edit-operate a {
  color: #ffa319;
}
.edit-operate:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  color: #b2b2b2;
  content: '';
}
.edit-setbtn {
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  margin: 0;
  padding-left: 25px;
  position: relative;
}
.edit-setbtn a {
  color: #ffa319;
}
.edit-setbtn:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  color: #b2b2b2;
  content: '';
}
.edit-handle {
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  margin: 0;
  padding-left: 25px;
  position: relative;
}
.edit-handle a {
  color: #ffa319;
}
.edit-handle:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  color: #b2b2b2;
  content: '';
}
.buttonset-lis {
  padding: 0 20px;
}
.buttonset-lis dl {
  display: flex;
}
.buttonset-lis dd {
  flex: 1;
}
.buttonset-lis .buttonset-tit {
  margin-top: 20px;
}
.buttonset-lis .buttonset-tit dl {
  zoom: 1;
  display: flex;
  display: -webkit-flex;
  line-height: 40px;
  text-align: center;
  margin-bottom: 0;
  border: 1px solid #f3f3f3;
  border-bottom: 0;
}
.buttonset-lis .buttonset-tit dl:after {
  content: '';
  display: block;
  clear: both;
}
.buttonset-lis .buttonset-tit dt {
  line-height: 40px;
  width: 150px;
  border-right: 1px solid #f3f3f3;
}
.buttonset-lis .buttonset-tit dd {
  line-height: 40px;
}
.buttonset-lis .buttonset-cent {
  padding: 0 0 14px;
}
.buttonset-lis .buttonset-cent dl {
  border: 1px solid #f3f3f3;
  border-bottom: 0;
  margin-bottom: 0;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.buttonset-lis .buttonset-cent dl:last-child {
  border-bottom: 1px solid #f3f3f3;
}
.buttonset-lis .buttonset-cent dl .btn-switch {
  width: 38px;
  margin: 10px auto 0;
}
.buttonset-lis .buttonset-cent dl .form-control {
  margin: 3px auto 0;
}
.buttonset-lis .buttonset-cent dl .other-name .form-control {
  border: 1px solid #fff;
  text-align: center;
}
.buttonset-lis .buttonset-cent dl:hover .other-name .form-control {
  border: 1px solid #e5e6e7;
}
.buttonset-lis .buttonset-cent dt {
  width: 150px !important;
  padding-top: 3px;
  background: #fff;
  border-right: 1px solid #f3f3f3;
  line-height: 40px !important;
}
.flow-lisedit .ybox-content {
  padding: 0;
}
.lisedit-warp .lisedit-hd {
  border-bottom: 1px solid #ecf1f7;
  padding: 20px;
}
.lisedit-warp .lisedit-hd .cent,
.lisedit-warp .lisedit-bd .cent {
  min-height: 80px;
}
.lisedit-warp .addperson-tit .add-more {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #cecece;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.lisedit-warp .addperson-tit .add-more:before {
  content: '';
}
.lisedit-warp .addperson-tit .name {
  display: inline-block;
}
.lisedit-warp .addperson-tit .info {
  color: #aeaeae;
}
.lisedit-warp .lisedit-bd {
  padding: 20px;
}
.lisedit-warp .lisedit-bd > dl {
  position: relative;
  padding-left: 74px;
  margin-bottom: 10px;
}
.lisedit-warp .lisedit-bd > dl > dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  text-align: right;
  line-height: 34px;
  color: #606060;
}
.lisedit-warp .lisedit-bd > dl > dd .mod-switch {
  margin-top: 8px;
  display: inline-block;
}
.lisedit-warp .lisedit-bd > dl > dd textarea {
  width: 80%;
}
.lisedit-warp .result {
  margin: 20px 0 0 0;
  zoom: 1;
}
.lisedit-warp .result:after {
  content: '';
  display: block;
  clear: both;
}
.lisedit-warp .result .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  font-size: 18px;
  color: #db4040;
  position: absolute;
  right: 8px;
  top: -19px;
  cursor: pointer;
  visibility: hidden;
}
.lisedit-warp .result .del:before {
  content: '';
}
.lisedit-warp .result dl:hover .del {
  visibility: visible;
}
.lisedit-warp .result dl {
  float: left;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
  margin-bottom: 10px;
}
.lisedit-warp .result dl:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  float: left;
  font-size: 16px;
  margin: 0;
  color: #b1b1b1;
  position: absolute;
  top: 22px;
  right: 10px;
  content: '󦊷';
}
.lisedit-warp .result dl:last-child {
  padding-right: 0;
}
.lisedit-warp .result dl:last-child:before {
  content: '';
}
.lisedit-warp .result dt {
  position: relative;
  width: 80px;
  display: block;
}
.lisedit-warp .result dt strong {
  width: 40px;
  height: 40px;
  display: block;
  margin: 5px auto;
  overflow: hidden;
  line-height: 40px;
}
.lisedit-warp .result dt strong img,
.lisedit-warp .result dt strong .ui-head {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.lisedit-warp .result dd {
  width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.lisedit-warp .result.result-notice dl {
  padding-right: 10px;
}
.lisedit-warp .result.result-notice dl:before {
  content: '';
}
.lisedit-warp .addbtn-wrap {
  background: #ecf1f7;
}
.flow-notice-box {
  padding: 30px;
}
.flow-notice-box .notice-fnav ul {
  font-size: 0;
}
.flow-notice-box .notice-fnav i {
  background: #eee;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 10px;
  color: #fff;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 30px;
}
.flow-notice-box .notice-fnav span {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.flow-notice-box .notice-fnav li {
  width: 220px;
  height: 96px;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #eee;
  text-align: center;
  padding-top: 18px;
  cursor: pointer;
}
.flow-notice-box .notice-fnav li:nth-child(2) {
  margin: 0 36px;
}
.flow-notice-box .notice-fnav li:hover,
.flow-notice-box .notice-fnav li.cur {
  background: #fbfbfb;
}
.flow-notice-box .notice-fnav li:nth-child(1) i {
  background: #4fd2c2;
}
.flow-notice-box .notice-fnav li:nth-child(1) i:before {
  content: '';
}
.flow-notice-box .notice-fnav li:nth-child(1) span {
  color: #4fd2c2;
}
.flow-notice-box .notice-fnav li:nth-child(1):hover,
.flow-notice-box .notice-fnav li:nth-child(1).cur {
  border: 1px solid #4fd2c2;
}
.flow-notice-box .notice-fnav li:nth-child(2) i {
  background: #1878ff;;
}
.flow-notice-box .notice-fnav li:nth-child(2) i:before {
  content: '';
}
.flow-notice-box .notice-fnav li:nth-child(2) span {
  color: #1878ff;;
}
.flow-notice-box .notice-fnav li:nth-child(2):hover,
.flow-notice-box .notice-fnav li:nth-child(2).cur {
  border: 1px solid #1878ff;;
}
.flow-notice-box .notice-fnav li:nth-child(3) i {
  background: #fdc74e;
}
.flow-notice-box .notice-fnav li:nth-child(3) i:before {
  content: '';
}
.flow-notice-box .notice-fnav li:nth-child(3) span {
  color: #fdc74e;
}
.flow-notice-box .notice-fnav li:nth-child(3):hover,
.flow-notice-box .notice-fnav li:nth-child(3).cur {
  border: 1px solid #fdc74e;
}
.flow-notice-box .notice-fchoice {
  background: #fafafa;
  padding: 25px;
  margin-top: 50px;
  font-size: 0;
}
.flow-notice-box .notice-fchoice .col-mod {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 10px;
}
.flow-notice-box .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  font-size: 18px;
  color: #db4040;
  cursor: pointer;
}
.flow-notice-box .del:before {
  content: '';
}
.flow-notice-box .notice-fresult {
  margin-top: 25px;
}
.flow-notice-box .fresult-singel dl {
  padding: 10px;
  position: relative;
}
.flow-notice-box .fresult-singel dl > .del {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  visibility: hidden;
}
.flow-notice-box .fresult-singel dl:hover > .del {
  visibility: visible;
}
.flow-notice-box .fresult-some .mod {
  border: 1px solid #eee;
  padding: 10px 26px;
  margin-bottom: 10px;
  border-radius: 5px;
  position: relative;
}
.flow-notice-box .fresult-some .mod .tit {
  color: #1f2937;
  font-size: 14px;
  line-height: 30px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.flow-notice-box .fresult-some .mod .cent {
  margin-top: 10px;
}
.flow-notice-box .fresult-some .mod dl {
  margin-top: 5px;
}
.flow-notice-box .fresult-some .mod dt,
.flow-notice-box .fresult-some .mod .txt {
  display: inline-block;
  vertical-align: middle;
}
.flow-notice-box .fresult-some .mod .txt > span {
  vertical-align: middle;
  display: inline-block;
}
.flow-notice-box .fresult-some .mod .add-more {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #cecece;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.flow-notice-box .fresult-some .mod .add-more:before {
  content: '';
}
.flow-notice-box .fresult-some .mod > .del {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  visibility: hidden;
}
.flow-notice-box .fresult-some .mod:hover > .del {
  visibility: visible;
}
.flow-notice-box .fresult-some .select-person {
  margin: 30px 0 0 0;
  zoom: 1;
}
.flow-notice-box .fresult-some .select-person:after {
  content: '';
  display: block;
  clear: both;
}
.flow-notice-box .fresult-some .select-person .del {
  position: absolute;
  right: 8px;
  top: -19px;
  visibility: hidden;
}
.flow-notice-box .fresult-some .select-person dl:hover .del {
  visibility: visible;
}
.flow-notice-box .fresult-some .select-person dl {
  float: left;
  position: relative;
  cursor: pointer;
}
.flow-notice-box .fresult-some .select-person dt {
  position: relative;
  width: 80px;
  display: block;
}
.flow-notice-box .fresult-some .select-person dt strong {
  width: 40px;
  height: 40px;
  display: block;
  margin: 5px auto;
  overflow: hidden;
  line-height: 40px;
}
.flow-notice-box .fresult-some .select-person dt strong img,
.flow-notice-box .fresult-some .select-person dt strong .ui-head {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.flow-notice-box .fresult-some .select-person dd {
  width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.resource-apply {
  margin-bottom: 10px;
}
.resource-standard {
  margin-bottom: 10px;
}
.resource-apply-set {
  background: #fff;
  padding: 20px;
}
.resource-apply-set .add-btn {
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  width: 72px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 0;
}
.resource-apply-set .add-btn .add-icon {
  color: #1878ff;;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
.resource-apply-set .add-btn .add-icon:before {
  content: '';
}
.resource-apply-set .add-btn .add-txts {
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.resource-apply-set .apply-setlis .add-btn {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.resource-apply-set .apply-setlis .col-result {
  display: inline-block;
  vertical-align: top;
}
.resource-apply-set .apply-setlis .col-result .mod {
  padding: 0 10px;
  line-height: 30px;
  height: 32px;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  position: relative;
}
.resource-apply-set .apply-setlis .col-result .mod .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-left: 6px;
  font-size: 18px;
  color: #a8a8a8;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -8px;
}
.resource-apply-set .apply-setlis .col-result .mod .del:before {
  content: '';
}
.resource-apply-set .apply-jumpset .txts {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.resource-apply-set .apply-jumpset .bill-select {
  display: inline-block;
  vertical-align: middle;
  width: 223px;
}
.resource-apply-set .apply-jumpset .mod {
  margin-bottom: 10px;
}
.resource-apply-set .transmitset {
  margin-top: 10px;
}
.resource-apply-set .rulelis-mod .row-handle {
  width: 74px;
  display: inline-block;
  vertical-align: middle;
}
.resource-apply-set .rulelis-mod .del-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  border: 0;
  outline: 0;
  background: none;
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
  color: #f54646;
}
.resource-apply-set .rulelis-mod .del-btn:before {
  content: '';
}
.resource-apply-set .rulelis-mod .col-main,
.resource-apply-set .rulelis-mod .mod-box,
.resource-apply-set .rulelis-mod .icon-megarelat {
  display: inline-block;
  vertical-align: middle;
}
.resource-apply-set .rulelis-mod .icon-megarelat {
  margin: 0 5px;
}
.resource-apply-set .rulelis-mod .mod-box {
  width: 240px;
}
.resource-apply-set .rulelis-mod .mod {
  margin-bottom: 10px;
}
.resource-apply-set .rulelis-mod .mod:hover .btn-handle {
  visibility: visible;
}
.resource-apply-set .apply-defaultset .comm-chk-content {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.resource-apply-set .apply-defaultset .bill-select {
  display: inline-block;
  vertical-align: middle;
}
.resource-apply-set .col-mod {
  position: relative;
  min-height: 32px;
  padding-left: 110px;
  margin-bottom: 15px;
}
.resource-apply-set .col-mod .col-tits {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  line-height: 32px;
  text-align: right;
}
.resource-apply-set .col-mod .col-info {
  color: #aeaeae;
  line-height: 30px;
}
.flow-business {
  padding: 20px;
}
.flow-business .engrid-warp .header-mod:last-child {
  border-right: 1px solid #f4f4f2;
}
.flow-business .engrid-center .cell-main:last-child {
  border-right: 1px solid #f4f4f2;
}
.flow-business .engrid-main {
  margin-top: 10px;
}
.flow-business .add-btn {
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  width: 72px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 0;
}
.flow-business .add-btn .add-icon {
  color: #1878ff;;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.flow-business .add-btn .add-icon:before {
  content: '';
}
.flow-business .add-btn .add-txts {
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.flow-business .del-btn,
.flow-business .edit-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
}
.flow-business .del-btn {
  color: #f54646;
}
.flow-business .del-btn:before {
  content: '';
}
.flow-business .edit-btn {
  color: #1878ff;;
}
.flow-business .edit-btn:before {
  content: '';
}
.flow-business .edit-tr {
  visibility: hidden;
}
.flow-business .engrid-row:hover .edit-tr {
  visibility: visible;
}
.flow-business .header-mod:first-child,
.flow-business .cell-main:first-child {
  padding-right: 0 !important;
}
.resource-set-main {
  background: #fff;
  padding: 0px 20px 0 20px;
}
.resource-set-main .row-maintit {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-size: 14px;
  color: #1f2937;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 10px;
  padding-top: 10px;
}
.resource-set-main .col-mod {
  margin-bottom: 20px;
  min-height: 32px;
  width: 100%;
  min-width: 510px;
  padding-left: 80px;
  margin-right: 90px;
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.resource-set-main .col-mod dt {
  font-size: 14px;
  margin-right: 10px;
  width: 50px;
  line-height: 32px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.resource-set-main .col-mod .ui-pureselect,
.resource-set-main .col-mod .comm-chk-content {
  display: inline-block;
  vertical-align: middle;
}
.resource-set-main .col-mod .comm-chk-content {
  margin-left: 10px;
}
.resource-set-main .col-mod .col-cents .comm-rdo-content {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.resource-set-main .data-mapping .row-maintit,
.resource-set-main .advanced-set .row-maintit {
  border-top: 1px solid #f3f3f3;
  padding-top: 10px;
}
.resource-set-main .engrid-warp .engrid-lis {
  min-height: auto;
  padding-bottom: 50px;
}
.resource-set-main .engrid-warp .engrid-center {
  min-height: auto;
}
.resource-set-main .engrid-warp .header-mod:first-child {
  padding: 0 10px;
}
.resource-set-main .engrid-warp .header-mod:last-child {
  border-right: 1px solid #f5f5f5;
}
.resource-set-main .engrid-center .cell-main:first-child {
  padding: 0 10px;
}
.resource-set-main .engrid-center .cell-main:last-child {
  border-right: 1px solid #f4f4f2;
}
.resource-set-main .engrid-center .ui-pureselect {
  margin-top: 1px;
}
.resource-set-main .engrid-center .form-control {
  border: 1px solid #fff;
}
.resource-set-main .engrid-center .drop-ele:after {
  content: '';
}
.resource-set-main .engrid-row:hover .form-control {
  border: 1px solid #e5e6e7;
}
.resource-set-main .engrid-row:hover .drop-ele:after {
  content: '\e632';
}
.flow-processrule-alert {
  padding: 20px;
}
.flow-processrule .col-mod {
  position: relative;
  min-height: 32px;
  padding-left: 86px;
  margin-bottom: 14px;
}
.flow-processrule .col-mod .col-tits {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  line-height: 32px;
  text-align: right;
}
.flow-numset-alert {
  min-height: 130px;
}
.manage-triggerset-alert .col-itemlis .cell-main {
  width: 150px;
}
.set-operation-alert .icon-setlimitrange {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #25a4dc;
  font-size: 20px;
  cursor: pointer;
}
.set-operation-alert .icon-setlimitrange:before {
  content: '\eb03';
}
.field-mapping-alert .add-btn {
  border: none;
}
.field-mapping-alert .cell-main .ui-pureselect {
  margin-top: 2px;
}
.field-mapping-alert .cell-main .form-control {
  border: 1px solid #fff;
}
.field-mapping-alert .cell-main .drop-ele:after {
  content: '';
}
.field-mapping-alert .engrid-row:hover .form-control {
  border: 1px solid #e5e6e7;
}
.field-mapping-alert .engrid-row:hover .drop-ele:after {
  content: '\e632';
}
.ui-selesolo-alert {
  padding: 20px 20px 40px;
}
.ui-selesolo {
  padding: 0 50px;
}
.ui-selesolo .temps {
  margin-bottom: 10px;
}
.ui-selesolo dt {
  border: 1px solid #f3f3f3;
  min-height: 66px;
  border-radius: 5px;
  font-size: 0;
  padding: 10px 0;
  cursor: pointer;
  padding-left: 208px;
}
.ui-selesolo dt .icons {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  width: 48px;
  height: 48px;
  font-size: 26px;
  background: #1878ff;;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 50%;
  color: #fff;
}
.ui-selesolo dt .icons-fnew-add {
  background: #49bef3;
}
.ui-selesolo dt .icons-fnew-add:before {
  content: '';
}
.ui-selesolo dt .icons-fnew-copy {
  background: #f7c028;
}
.ui-selesolo dt .icons-fnew-copy:before {
  content: '';
}
.ui-selesolo dt .icons-fmodle-sele {
  background: #49bef3;
}
.ui-selesolo dt .icons-fmodle-sele:before {
  content: '';
}
.ui-selesolo dt .icons-fmodle-set {
  background: #f7c028;
}
.ui-selesolo dt .icons-fmodle-set:before {
  content: '';
}
.ui-selesolo dt .icons-fmodle-decision {
  background: #49bef3;
}
.ui-selesolo dt .icons-fmodle-decision:before {
  content: '\e7ac';
}
.ui-selesolo dt .icons-fmodle-join {
  background: #f7c028;
}
.ui-selesolo dt .icons-fmodle-join:before {
  content: '\e7ab';
}
.ui-selesolo dt .icon-flowicon000 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  background-color: #4abdf4;
}
.ui-selesolo dt .icon-flowicon000:before {
  content: '';
}
.ui-selesolo dt .icon-flowicon001 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  background-color: #4ed3c2;
}
.ui-selesolo dt .icon-flowicon001:before {
  content: '';
}
.ui-selesolo dt .txts {
  line-height: 48px;
  display: inline-block;
  vertical-align: middle;
  color: #1f2937;
  font-size: 14px;
}
.ui-selesolo dt:hover {
  background-color: #f6fafd;
}
.size-search {
  width: 200px;
}
.treeview {
  overflow: hidden;
  overflow-y: auto;
  max-height: 230px;
  border: 1px solid #eee;
  border-top: 0;
  background: #fff;
}
.treeview .node-selected {
  position: relative;
  color: #585858 !important;
  background: #e4f7ff !important;
}
.treeview .node-selected:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  color: #5ac4f3;
  position: absolute;
  left: 6px;
  top: 5px;
  content: '';
}
.treeview .glyphicon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #848484;
  font-size: 18px;
}
.treeview .glyphicon-plus {
  content: '';
}
.treeview .glyphicon-minus {
  content: '';
}
.treeview .list-group {
  margin-bottom: 0;
}
.select-ele .list-group {
  margin-bottom: 0 !important;
}
.select-ele .linetree {
  width: 100%;
  padding: 8px 0;
  position: absolute;
  top: 32px;
  z-index: 299;
  border: 1px solid #eee;
  background: #fff;
  min-width: 270px;
}
.select-ele .linetree1 {
  width: 100%;
  min-width: 250px;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 299;
  background: #fff;
  border: 0;
  padding: 0;
}
.select-ele .linetree1 .commtree-body {
  max-height: 320px;
  overflow-y: auto;
}
.select-ele .search-tree {
  margin: 0 8px 0;
}
.select-ele .treeview {
  width: 100%;
  float: left;
  border: 0;
}
.list-group {
  border-top: 0;
  background: #fff;
}
.list-group-item {
  padding: 4px 24px;
  margin-top: 3px;
  border: 1px solid #fff;
}
.search-tree {
  position: relative;
}
.search-tree .form-control {
  margin: 0;
  padding-left: 36px;
}
.search-tree:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  position: absolute;
  left: 5px;
  top: 4px;
  display: block;
  color: #8a8a8a;
  content: '';
}
.search-tree.search-tree-hasbtn {
  position: relative;
}
.search-tree.search-tree-hasbtn .search-btn {
  position: absolute;
  top: 0;
  right: 8px;
  line-height: 30px;
  cursor: pointer;
  color: #aeaeae;
}
.search-tree.search-tree-hasbtn .search-btn:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  display: block;
  content: '\e608';
}
.search-tree.search-tree-hasbtn .search-btn:hover {
  color: #4bbef2;
}
.search-tree.search-tree-hasbtn > .form-control {
  padding-left: 10px;
  padding-right: 30px;
}
.search-tree.search-tree-hasbtn:before {
  content: '';
}
.content-layer {
  padding: 10px 20px;
}
.billmod-admin .alert-text dl {
  zoom: 1;
  position: relative;
  padding-left: 70px;
  margin-bottom: 10px;
}
.billmod-admin .alert-text dl:after {
  content: '';
  display: block;
  clear: both;
}
.billmod-admin .alert-text dl dt {
  width: 60px;
  line-height: 32px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}
.billmod-admin .alert-text dl dd {
  width: 100%;
}
.billmod-admin .bill-icon-select {
  zoom: 1;
  background: #fff;
  padding: 0 10px 10px 0;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  font-size: 0;
}
.billmod-admin .bill-icon-select:after {
  content: '';
  display: block;
  clear: both;
}
.billmod-admin .bill-icon-select span {
  margin: 10px 0 0 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #5dc5f3;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
}
.billmod-admin .bill-icon-select span i {
  font-size: 20px;
}
.billmod-admin .bill-icon-select span.cur {
  background: #1878ff;
  color: #fff;
}
.billmod-admin .addbtn-wrap {
  padding-right: 0;
}
.billfield-admin dt {
  font-size: 16px;
  padding: 10px 0;
}
.add-billlis {
  padding: 10px;
}
.add-billlis ul {
  padding: 10px;
  max-height: 200px;
  overflow-y: auto;
}
.add-billlis li {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  position: relative;
  cursor: pointer;
}
.add-billlis li .form-control {
  width: 300px;
  background: #fff;
  color: #ccc;
  border: 1px solid #1878ff;;
  color: #1878ff;;
  border-radius: 5px;
}
.add-billlis li .form-control[readonly] {
  border: 1px solid #eee;
  color: #585858;
}
.add-billlis li span {
  padding: 0 40px;
  height: 30px;
  display: inline-block;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
}
.add-billlis li i:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  position: absolute;
  top: -15px;
  left: -8px;
  color: #db4040;
  content: '\e6ab';
  display: none;
  transition: 0.5s;
}
.add-billlis li:hover span {
  background: #1878ff;;
  color: #fff;
}
.add-billlis li:hover i:after {
  display: block;
}
.add-billlis .add-lis {
  font-size: 20px;
  width: 77px;
  height: 30px;
  line-height: 26px;
  padding: 0 40px;
  margin: 0 10px;
  border: 1px solid #eee;
  color: #585858;
  font-weight: bold;
  cursor: pointer;
  text-indent: -8px;
  border-radius: 5px;
}
.add-billlis .add-lis:hover {
  background: #1878ff;;
  color: #fff;
}
.comm-vertical-nav {
  width: 260px;
  margin: 20px 20px 0;
}
.comm-vertical-nav .vertical-mod {
  margin-top: 10px;
}
.comm-vertical-nav .vertical-mod span {
  width: 260px;
  height: 40px;
  line-height: 40px;
  background: #1878ff;;
  color: #fff;
  display: block;
  text-indent: 20px;
  cursor: pointer;
  transition: 0.5s;
  border-radius: 5px;
}
.comm-vertical-nav .vertical-mod:hover span {
  background: #1878ff;
  width: 270px;
}
.comm-vertical-nav .vertical-mod.cur {
  position: relative;
}
.comm-vertical-nav .vertical-mod.cur span {
  background: #1878ff;
}
.comm-vertical-nav .vertical-mod.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 13px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 12px;
  transition: 0.5s;
  content: '';
}
.bill-admin-warp .add-bill {
  position: relative;
}
.bill-admin-warp .add-bill .add-bill-btn {
  margin: 0 10px 0 0;
  padding: 0 16px;
  line-height: 32px;
  position: relative;
  display: inline-block;
  background: #1878ff;;
  color: #fff;
  border-radius: 4px;
  height: 32px;
  vertical-align: middle;
}
.bill-admin-warp .add-bill .add-bill-btn i {
  margin-right: 5px;
  font-size: 13px;
  display: inline-block;
}
.bill-admin-warp .add-bill .status-warp {
  top: 5px;
  right: 8px;
}
.bill-admin-warp .add-bill .status-lis {
  display: block;
}
.bill-admin-warp .add-bill:hover .status-warp {
  display: block;
}
.bill-admin-warp .bill-admin-nav .admin-main-nav {
  height: 46px;
  line-height: 46px;
  padding: 0 46px 0 35px;
  margin-right: 2px;
  float: left;
  position: relative;
  display: block;
  cursor: pointer;
}
.bill-admin-warp .bill-admin-nav .admin-main-nav:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  width: 30px;
  top: 1px;
  left: 4px;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  color: #f7dc27;
  content: ' ';
}
.bill-admin-warp .bill-admin-nav .admin-main-nav .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 150px;
  display: inline-block;
}
.bill-admin-warp .bill-admin-nav .admin-main-nav .status-warp {
  top: 6px;
  right: 10px;
}
.bill-admin-warp .bill-admin-nav .admin-main-nav .status-btn {
  color: #ccc;
}
.bill-admin-warp .bill-admin-nav .admin-main-nav .status-lis {
  right: -50%;
}
.bill-admin-warp .bill-admin-nav .admin-main-nav:hover .status-warp {
  display: block;
}
.bill-admin-warp .bill-admin-nav .forbidden-has {
  background: #8b8e9d;
  color: #fff;
}
.bill-admin-warp .bill-admin-nav .forbidden-has:before {
  content: '';
}
.bill-admin-warp .bill-admin-nav .forbidden-has.cur {
  background: #404352;
}
.bill-admin-warp .active {
  background: #1878ff !important;
  color: #fff !important;
}
.bill-admin-warp .addform-way i {
  font-size: 10px;
  margin-right: 10px;
  color: #fff;
  float: right;
}
.bill-admin-warp .addform-way.active {
  background: #1878ff;
  color: #fff;
}
.bill-admin-warp .sonlis {
  background: #f5fcff;
  font-size: 14px;
  color: #555;
}
.bill-admin-warp .sonlis a {
  text-indent: 15px;
}
.bill-admin-warp .nav-comm {
  /*position: relative;*/
  /*padding-right: 100px;*/
  /*min-height: 46px;*/
  /*border-radius: 5px;*/
  /*background: #fff;*/
}
.bill-admin-warp .nav-comm > .pull-right {
  position: absolute;
  right: -4px;
  top: 6px;
  width: 100px;
}
.bill_name_edit {
  padding-top: 10px;
}
.bill_name_edit dl {
  margin-bottom: 10px;
}
.bill_name_edit dt {
  width: 60px !important;
  padding-right: 10px;
  text-align: right;
}
.bill_name_edit .addbtn-wrap {
  padding-right: 0;
}
.bill-admin-lis {
  margin-top: 16px;
}
.bill-admin-mod {
  zoom: 1;
}
.bill-admin-mod:after {
  content: '';
  display: block;
  clear: both;
}
.bill-admin-mod .ui-sortable-helper {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
}
.bill-admin-mod .ui-sortable {
  min-height: 40px;
}
.bill-admin-mod .ui-corner-all {
  width: 266px;
  height: 80px;
  padding: 12px;
  margin: 0 12px 0 0;
  display: block;
  float: left;
  position: relative;
  top: 0;
  border: 1px dashed #f7dc27;
  border-radius: 5px;
}
.bill-admin-mod .ui-corner-all:before {
  font-size: 14px;
  width: 100%;
  line-height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  content: '可放置至此处';
  color: #f7dc27;
}
.bill-admin-mod .tit {
  text-align: left;
  cursor: move;
  zoom: 1;
  display: flex;
  align-items: center;
  height:50px;
  font-weight: bold;
  font-size: 18px;
  color: #1f2937;
}
.bill-admin-mod .tit:after {
  content: '';
  display: block;
  clear: both;
}
.bill-admin-mod .tit .status-warp {
  display: block;
  position: relative;
  top: -2px;
  right: 12px;
  float: left;
  padding: 0;
}
.bill-admin-mod .tit .status-warp .status-btn {
  color: #a0a0a0;
  height: 30px;
}
.bill-admin-mod .tit .status-warp .status-lis {
  left: 0;
}
.bill-admin-mod .tit h3 {
  line-height: 50px;
  font-weight: bold;
  font-size: 18px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light, Microsoft YaHei, Arial, sans-serif;
  color: #1f2937;
  margin-bottom: 16px;
}
.bill-admin-mod .tit .notice {
  float: left;
  color: #ccc;
  margin-left: 10px;
}
.bill-admin-mod ul {
  zoom: 1;
}
.bill-admin-mod ul:after {
  content: '';
  display: block;
  clear: both;
}
.bill-admin-mod .lis-mod {
  width: 250px;
  height: 74px;
  font-size: 16px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  background: #fff;
  display: flex;
  cursor: pointer;
  align-items: center;
  transition: 0.5s;
}
.bill-admin-mod .lis-mod:nth-child(3n + 1) .main i {
  background-color: #1878ff;;
}
.bill-admin-mod .lis-mod:nth-child(3n + 2) .main i {
  background-color: #4fd2c2;
}
.bill-admin-mod .lis-mod:nth-child(3n + 3) .main i {
  background-color: #f7bf27;
}
.bill-admin-mod .lis-mod.stop-has {
  background: #eaeaea;
}
.bill-admin-mod .lis-mod.stop-has .main i {
  background: #c6c6c7;
}
.bill-admin-mod .lis-mod.stop-has:hover {
  background: #eaeaea !important;
}
.bill-admin-mod .lis-mod .main p {
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 14px;
}
.bill-admin-mod .lis-mod .main p i {
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #eee;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.bill-admin-mod .lis-mod .main p strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 80%;
  display: inline-block;
  color: #313131;
  font-weight: normal;
}
.bill-admin-mod .lis-mod .main p span {
  color: #606060;
}
.bill-admin-mod .lis-mod .status-warp {
  position: absolute;
  right: 20px;
  top: 10px;
  display: none;
  transition: 0.5s;
  z-index: 90;
}
.bill-admin-mod .lis-mod .status-warp .status-cent {
  position: relative;
}
.bill-admin-mod .lis-mod .status-warp .status-btn {
  transition: 0.5s;
  color: #a0a1a1;
}
.bill-admin-mod .lis-mod:hover {
  background: #f5fcff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
}
.bill-admin-mod .lis-mod:hover .status-lis {
  display: block;
}
.bill-admin-mod.forbidden-classhas .lis-mod.stop-has:hover .status-warp {
  display: none !important;
}
.bill-admin-mod.field-classhas .status-warp:hover .status-lis {
  display: none !important;
}
.bill-dragplug-move {
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  border: 1px dashed #1878ff;;
  z-index: 299;
}
.bill-dragplug-move .widgetMark {
  vertical-align: middle;
  display: inline-block;
}
.bill-warp .bill-head {
  height: 60px;
  padding: 12px 10px 0;
  position: relative;
  z-index: 80;
  vertical-align: middle;
  background: #404352;
}
.bill-warp .bill-head .pull-left {
  margin-top: 3px;
}
.bill-warp .bill-head .logo {
  margin-top: 5px;
}
.bill-warp .bill-head .logo .txt {
  font-size: 20px;
  line-height: 26px;
  margin-left: 8px;
  color: #fff;
  vertical-align: middle;
}
.bill-warp .bill-head .btn {
  margin-left: 8px;
  padding: 6px 22px;
  font-size: 13px;
}
.bill-warp .icon-billnotice {
  font-size: 18px;
}
.bill-warp .bill-design .design-l {
  position: fixed;
  background: #fff;
  top: 60px;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  width: 334px;
  transition: 0.5s;
}
.bill-warp .bill-design .design-l .panel-default {
  border: 0;
}
.bill-warp .bill-design .design-l .panel-group {
  width: 306px;
  margin: 8px auto;
}
.bill-warp .bill-design .design-l .panel-body {
  padding: 0;
  border: 0;
}
.bill-warp .bill-design .design-l .panel-heading {
  background: #fff;
  color: #1f2937;
  border-radius: 5px;
  border: 0;
  padding: 0;
  overflow: hidden;
}
.bill-warp .bill-design .design-l .panel-heading a {
  width: 100%;
  height: 100%;
  padding: 6px 10px;
  display: block;
  position: relative;
  color: #1f2937;
  background: #fff;
  border: 1px solid #f6f6f6;
}
.bill-warp .bill-design .design-l .panel-heading a:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-family: 'iconfont' !important;
  font-size: 10px;
  content: '\e669';
  position: absolute;
  right: 16px;
  top: 8px;
  color: #aeaeae;
}
.bill-warp .bill-design .design-l .panel-heading a.cur {
  background: #1878ff;
  color: #fff;
  border: 1px solid #1878ff;
}
.bill-warp .bill-design .design-l .panel-heading a.cur:after {
  font-size: 4px;
  content: '\e632';
  color: #fff;
}
.bill-warp .bill-design .design-l .design-l-tit {
  height: 56px;
  line-height: 56px;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 14px;
  color: #404352;
  border-bottom: 1px solid #ecf1f7;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.bill-warp .bill-design .design-m {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 334px;
  right: 420px;
  padding: 0 10px;
  overflow: hidden;
  overflow-y: auto;
  transition: 0.5s;
}
.bill-warp .bill-design .design-m font {
  font-size: 14px;
}
.bill-warp .bill-design .design-m .form-control[disabled],
.bill-warp .bill-design .design-m .form-control[readonly],
.bill-warp .bill-design .design-m fieldset[disabled] .form-control,
.bill-warp .bill-design .design-m .form-control {
  background: #fff;
  border: 1px solid #eee;
}
.bill-warp .bill-design .design-m .bill-select {
  background: #fff !important;
}
.bill-warp .bill-design .design-m.status {
  right: 0;
}
.bill-warp .bill-design .design-r {
  position: fixed;
  top: 60px;
  bottom: 0;
  right: 0;
  width: 420px;
  overflow-y: auto;
  background: #fff;
  transition: 0.5s;
}
.bill-warp .bill-design .design-r.status {
  -webkit-transform: translateX(460px);
  right: -420px;
}
.bill-warp .bill-design .bill-mob-main .icon-billnotice,
.bill-warp .bill-design .bill-table-tit .icon-billnotice {
  vertical-align: middle;
}
.bill-warp .bill-design .bill-mob-main .icon-billnotice:before,
.bill-warp .bill-design .bill-table-tit .icon-billnotice:before {
  content: '*';
}
.bill-warp .icon-billnotice {
  vertical-align: middle;
  font-family: 'microsoft yahei' !important;
}
.bill-warp .icon-billnotice:before {
  content: '*';
}
.bill-warp .widget-custom .widget-custom-lis {
  zoom: 1;
  padding: 0 10px 10px;
}
.bill-warp .widget-custom .widget-custom-lis:after {
  content: '';
  display: block;
  clear: both;
}
.bill-warp .widget-custom .widget-item {
  width: 130px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  margin: 10px 0 0 8px;
  float: left;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.bill-warp .widget-custom .widget-item:hover {
  background: #d9f5ff;
}
.bill-warp .widget-custom .widget-item .title {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 40px;
  width: 80px;
}
.bill-warp .widget-custom .widget-item .widgetMark {
  float: right;
}
.bill-warp .widget-custom .widget-item .widgetMark i {
  font-size: 18px;
}
.bill-warp .widget-custom .widget-hide {
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #f6f6f6;
  cursor: pointer;
  background: #f1fbff;
}
.bill-warp .widget-custom .widget-hide:hover {
  background: #d9f5ff;
}
.bill-warp .widget-item {
  position: relative;
  cursor: move;
}
.bill-warp .widget-item .del-widget {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #db4040;
  position: absolute;
  top: -18px;
  right: -7px;
  font-size: 17px;
  display: none;
}
.bill-warp .widget-item .del-widget:before {
  content: '';
}
.bill-warp .widget-item:hover .del-widget {
  display: block;
}
.bill-warp .default-widget {
  padding: 0 8px 8px;
  zoom: 1;
}
.bill-warp .default-widget:after {
  content: '';
  display: block;
  clear: both;
}
.bill-warp .default-widget .widget-item,
.bill-warp .default-widget .widget-more {
  width: 130px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  margin: 10px 0 0 8px;
  float: left;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background: #f1fbff;
  border: 1px solid #eee;
  border-radius: 5px;
}
.bill-warp .default-widget .widget-item:hover,
.bill-warp .default-widget .widget-more:hover {
  background: #d9f5ff;
}
.bill-warp .default-widget .widget-item {
  height: 40px;
}
.bill-warp .default-widget .widget-item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.bill-warp .default-widget .widget-more {
  transition: 0.5s;
}
.bill-warp .default-widget .widget-more i {
  color: #73cdf5;
}
.bill-warp .bill-mob-main {
  display: flex;
  display: -webkit-flex;
  position: relative;
  padding: 6px;
  overflow: hidden;
  overflow-x: auto;
}
.bill-warp .bill-mob-main > div {
  flex: 1;
  -webkit-flex: 1;
  padding: 6px 2px;
}
.bill-warp .bill-mob-main::-webkit-scrollbar {
  height: 8px;
}
.bill-warp .bill-mob-main::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.bill-warp .bill-mob-main::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.bill-warp .bill-mob-main::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.bill-warp .bill-mob-main::-webkit-scrollbar,
.bill-warp .bill-mob-main::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.bill-warp .bill-mob-main::-webkit-scrollbar-button {
  width: 0;
}
.bill-warp .bill-template-text,
.bill-warp .bill-template-date {
  display: flex;
  display: -webkit-flex;
  font-size: 14px;
  margin: 0;
}
.bill-warp .bill-template-text dt,
.bill-warp .bill-template-date dt {
  text-align: center;
}
.bill-warp .bill-template-text dt span,
.bill-warp .bill-template-date dt span {
  color: #f35959;
  margin-right: 5px;
}
.bill-warp .bill-template-text dt,
.bill-warp .bill-template-text dd,
.bill-warp .bill-template-date dt,
.bill-warp .bill-template-date dd {
  line-height: 34px;
}
.bill-warp .bill-template-text dd:first-of-type,
.bill-warp .bill-template-date dd:first-of-type {
  padding: 0 4px;
  -webkit-flex: 1;
  flex: 1;
}
.bill-warp .bill-template-text dd:last-of-type,
.bill-warp .bill-template-date dd:last-of-type {
  text-align: center;
  color: #999;
}
.bill-warp .bill-template-date dd i {
  color: #cbcbcb;
  font-size: 16px;
}
.bill-warp .bill-template-date dd:last-of-type {
  text-align: center;
  position: absolute;
  top: 0;
  right: 10px;
}
.bill-warp .bill-template-person,
.bill-warp .bill-template-img,
.bill-warp .bill-template-list {
  display: flex;
  display: -webkit-flex;
  font-size: 14px;
  margin: 0;
}
.bill-warp .bill-template-person dt,
.bill-warp .bill-template-img dt,
.bill-warp .bill-template-list dt {
  text-align: center;
}
.bill-warp .bill-template-person dt span,
.bill-warp .bill-template-img dt span,
.bill-warp .bill-template-list dt span {
  color: #f35959;
  margin-right: 5px;
}
.bill-warp .bill-template-person dt,
.bill-warp .bill-template-person dd,
.bill-warp .bill-template-img dt,
.bill-warp .bill-template-img dd,
.bill-warp .bill-template-list dt,
.bill-warp .bill-template-list dd {
  line-height: 34px;
}
.bill-warp .bill-template-person dd span,
.bill-warp .bill-template-img dd span,
.bill-warp .bill-template-list dd span {
  border: 1px solid #eee;
  display: block;
  padding: 0 10px;
  border-radius: 5px;
}
.bill-warp .bill-template-person dd i,
.bill-warp .bill-template-img dd i,
.bill-warp .bill-template-list dd i {
  color: #1878ff;;
  font-size: 20px;
}
.bill-warp .bill-template-person dd:first-of-type,
.bill-warp .bill-template-img dd:first-of-type,
.bill-warp .bill-template-list dd:first-of-type {
  padding: 0 10px;
  -webkit-flex: 1;
  flex: 1;
}
.bill-warp .bill-template-person dd:last-of-type,
.bill-warp .bill-template-img dd:last-of-type,
.bill-warp .bill-template-list dd:last-of-type {
  text-align: left;
  width: 26px;
  color: #999;
}
.bill-warp .bill-addmob {
  width: 100%;
  margin: 6px 5px 0;
  text-align: center;
  border: 1px dashed #1878ff;;
  background: #fff;
  color: #1878ff;;
  border-radius: 5px;
  padding: 0 6px !important;
  line-height: 32px;
  height: 32px;
  vertical-align: middle;
  min-width: 140px;
}
.bill-warp .bill-addmob i {
  margin-top: 5px;
}
.bill-warp .bill-addmobbox {
  width: 100%;
  line-height: 40px;
  text-align: center;
  border: 1px dashed #1878ff;;
  background: #fff;
  color: #1878ff;;
  border-radius: 5px;
  margin: 0;
}
.bill-warp .bill-addmobbox i {
  margin-top: 5px;
}
.bill-warp .bill-textarea,
.bill-warp .bill-template-text,
.bill-warp .bill-template-date,
.bill-warp .bill-template-person,
.bill-warp .bill-template-img,
.bill-warp .bill-template-list,
.bill-warp .bill-table-tit,
.bill-warp .bill-addmob,
.bill-warp .bill-table-opera {
  position: relative;
  z-index: 10;
}
.bill-warp .bill-textarea p span {
  color: #f35959;
  margin-right: 5px;
}
.bill-warp .bill-sepinfo {
  background: #f9f9f9;
  border: 1px solid #e5e6e7;
  border-radius: 5px;
  position: relative;
  z-index: 10;
  color: #999;
  padding: 14px;
}
.bill-warp .bill-sepinfo.sep-setl {
  text-align: left;
}
.bill-warp .bill-sepinfo.sep-setc {
  text-align: center;
}
.bill-warp .bill-sepinfo.sep-setr {
  text-align: right;
}
.bill-warp .bill-sepinfo .sep-tit {
  font-size: 14px;
  line-height: 38px;
}
.bill-warp .bill-sepinfo .sep-info {
  font-size: 14px;
  line-height: 22px;
  word-break: break-all;
  word-wrap: break-word;
}
.bill-warp .form-control[disabled] {
  background: #fff;
}
.bill-warp .bill-actived {
  position: relative;
  z-index: 9;
}
.bill-warp .bill-actived:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #f3fbff;
  border: 1px dashed #b3e8ff;
}
.bill-warp .bill-mod {
  background: #fff;
  position: relative;
}
.bill-warp .bill-mod .bill-select {
  line-height: 20px;
  background-color: #f7f7f7 !important;
  cursor: pointer;
}
.bill-warp .bill-mod .bill-select font {
  color: #999;
}
.bill-warp .bill-mod .form-control {
  cursor: pointer;
}
.bill-warp .bill-table .bill-select,
.bill-warp .bill-match .bill-select {
  line-height: 20px;
  background-color: #f7f7f7 !important;
}
.bill-warp .del-bill-mod {
  position: absolute;
  top: 0;
  right: 4px;
  z-index: 99;
  color: #df412d;
  cursor: pointer;
}
.bill-warp .del-bill-mod i {
  font-size: 20px;
}
.bill-warp .hide-bill-mod {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: -10px;
  right: -4px;
  z-index: 99;
  color: #585858;
  cursor: pointer;
  display: none;
  font-size: 20px;
}
.bill-warp .hide-bill-mod:before {
  content: '';
}
.bill-warp .bill-actived .hide-bill-mod {
  display: block;
}
.bill-warp .bill-mob-tit {
  border-bottom: 1px solid #ecf1f7;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #404352;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.bill-warp .bill-table .bill-mob-main,
.bill-warp .bill-match .bill-mob-main {
  padding-top: 6px;
}
.bill-warp .bill-table,
.bill-warp .bill-match {
  margin: 10px 0;
  border: 1px solid #b8e1f4;
  position: relative;
}
.bill-warp .bill-tableA {
  background: #fff;
}
.bill-warp .bill-table-tit {
  padding: 10px 10px 0;
  font-size: 14px;
  color: #060606;
  background: #fff;
}
.bill-warp .bill-table-tit .iconfont {
  color: #f35959;
  margin-right: 5px;
}
.bill-warp .bill-table .bill-table-tit {
  padding-top: 10px;
}
.bill-warp .bill-tableB {
  border-top: 1px solid #ecf1f7;
  background: #f8fdff;
  margin: 0;
  position: relative;
}
.bill-warp .bill-tableB .bill-table-tit {
  background: #f8fdff;
}
.bill-warp .bill-tableB .bill-mod-operate .del {
  margin-left: 20px;
}
.bill-warp .bill-table-opera .show-sontable {
  background: #468cc8;
  width: 16px;
  height: 16px;
  color: #fff;
  display: block;
  overflow: hidden;
}
.bill-warp .bill-table-opera .show-sontable i {
  font-size: 16px;
  line-height: 16px;
}
.bill-warp .bill-mod-set {
  font-size: 14px;
}
.bill-warp .bill-mod-set dt {
  height: 56px;
  line-height: 56px;
  padding: 0 10px;
  color: #404352;
  font-size: 14px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ecf1f7;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.bill-warp .bill-mod-set dd {
  padding: 0 10px 0 0;
}
.bill-warp .bill-mod-set dd > ul {
  padding: 0;
  padding-top: 10px;
  margin: 0;
}
.bill-warp .bill-mod-set dd > ul > li {
  margin-bottom: 4px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.bill-warp .bill-mod-set dd > ul > li.rodli {
  margin-bottom: 0;
}
.bill-warp .bill-mod-set dd > ul > li:after {
  display: block;
  content: '';
  clear: both;
}
.bill-warp .bill-mod-set dd > ul > li .bill-select {
  max-width: 310px;
}
.bill-warp .bill-mod-set dd > ul > li > div {
  float: left;
  margin-right: 5px;
  flex-shrink: 0;
}
.bill-warp .bill-mod-set dd > ul > li > div > .form-control,
.bill-warp .bill-mod-set dd > ul > li > div > .bill-select,
.bill-warp .bill-mod-set dd > ul > li > div > .bill-btnset,
.bill-warp .bill-mod-set dd > ul > li > div > .select-ele {
  margin-bottom: 5px;
}
.bill-warp .bill-mod-set dd > ul > li > div:first-child {
  width: 86px;
  line-height: 32px;
  text-align: right;
  padding-right: 5px;
  color: #606060;
}
.bill-warp .bill-mod-set dd > ul > li > div:last-child {
  flex: 1;
  -webkit-flex: 1;
}
.bill-warp .bill-mod-set .comm-rdo-content .comm-rdo-wrap {
  line-height: 30px;
}
.bill-warp .bill-mod-set .comm-rdo-content .comm-rdo {
  top: 8px;
}
.bill-warp .checkbox,
.bill-warp .radio {
  margin-top: 0;
  margin-bottom: 0;
}
.bill-warp .bill-template-box {
  position: relative;
  cursor: move;
  min-width: 140px;
}
.bill-warp .bill-template-box .del-template {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  position: absolute;
  top: -11px;
  right: -4px;
  z-index: 99;
  color: #df412d;
  cursor: pointer;
  display: none;
}
.bill-warp .bill-template-box .del-template:before {
  content: '';
}
.bill-warp .bill-template-box:hover .del-template {
  display: block;
}
.bill-warp .bill-mod-operate {
  position: absolute;
  top: -10px;
  left: 10px;
  display: none;
  z-index: 199;
}
.bill-warp .bill-mod-operate > div {
  display: inline-block;
  width: 43px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  margin-right: 5px;
}
.bill-warp .bill-mod-operate > div.drag {
  background: #1878ff;
  cursor: move;
}
.bill-warp .bill-mod-operate > div.del {
  background: #ffa319;
  cursor: pointer;
}
.bill-warp .bill-mod,
.bill-warp .bill-tableA,
.bill-warp .bill-tableB {
  position: relative;
}
.bill-warp .bill-mod:hover:before,
.bill-warp .bill-tableA:hover:before,
.bill-warp .bill-tableB:hover:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #b8e1f4;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.bill-warp .bill-mod:hover .bill-mod-operate,
.bill-warp .bill-tableA:hover .bill-mod-operate,
.bill-warp .bill-tableB:hover .bill-mod-operate {
  display: block;
}
.bill-warp .bill-tableA:hover:before,
.bill-warp .bill-tableB:hover:before {
  border: 0;
}
.bill-btnset {
  color: #ffa319;
  cursor: pointer;
  line-height: 32px;
}
.bill-btnset i {
  color: #676767;
  vertical-align: middle;
  display: inline-block;
  font-size: 20px;
  padding-right: 3px;
}
.bill-result {
  padding: 10px;
  background: #f1fbff;
  border: 1px solid #eee;
}
.bill-result p {
  line-height: 24px;
  color: #606060;
  padding: 0;
  margin: 0;
}
.bill-oldname {
  display: none;
}
.bill-radio label {
  cursor: pointer;
  font-weight: normal;
  margin-right: 10px;
}
.bill-checkbox label {
  font-weight: normal;
}
.bill-table-vertical .bill-mob-main {
  display: block;
}
.bill-preview-wrap {
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 100;
  background: #404352;
  transition: 0.5s;
}
.bill-preview-wrap .bill-preview {
  width: 1160px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  background: #ecf1f7;
}
.bill-preview-wrap .bill-preview-main {
  height: 100%;
  overflow-y: auto;
}
.bill-preview-wrap .bill-preview-mod {
  padding: 18px 25px;
}
.bill-preview-wrap .bill-preview-side {
  position: absolute;
  right: -75px;
  top: 0;
  width: 75px;
  overflow: hidden;
}
.bill-preview-wrap .bill-preview-side a {
  width: 75px;
  height: 75px;
  display: block;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #dedede;
  color: #7a7a7a;
}
.bill-preview-wrap .bill-preview-side a i {
  display: inline-block;
  margin-top: 10px;
}
.bill-preview-wrap .bill-preview-side a span {
  display: block;
}
.bill-preview-wrap .bill-preview-side a:last-child {
  border-bottom: 0;
}
.bill-preview-wrap .bill-preview-side a.cur {
  background: #1878ff;;
  color: #fff;
}
.alert-right,
.alert-center {
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.5s;
  overflow: hidden;
}
.alert-right .alert-tit,
.alert-center .alert-tit {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  position: absolute;
  top: 0;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
}
.alert-right .alert-tit h5,
.alert-center .alert-tit h5 {
  line-height: 60px;
  margin: 0;
  color: #1f2937;
  font-size: 14px;
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.alert-right .alert-tit:after,
.alert-center .alert-tit:after {
  clear: both;
  content: '';
}
.alert-right .alert-tit .close,
.alert-center .alert-tit .close {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  line-height: 60px;
  color: #a9a9a9;
  font-size: 23px;
  opacity: 1;
  text-shadow: none;
  font-weight: normal;
}
.alert-right .alert-tit .close span,
.alert-center .alert-tit .close span {
  display: none;
}
.alert-right .alert-tit .close:before,
.alert-center .alert-tit .close:before {
  content: '';
}
.alert-right .alert-tit .sub-btn,
.alert-center .alert-tit .sub-btn {
  margin: 13px 10px 0 0;
}
.alert-right .alert-content {
  width: 750px;
  height: 100%;
  padding-top: 60px;
  float: right;
  background: #fff;
  position: relative;
  overflow-y: inherit;
}
.alert-right .alert-text {
  overflow-y: auto;
  height: 100%;
}
.alert-center .alert-tit {
  height: 50px;
  border: 0;
}
.alert-center .alert-content {
  width: 920px;
  margin: 30px auto 0;
  padding-bottom: 10px;
  padding-top: 50px;
  position: relative;
  background: #fff;
  border-radius: 10px;
}
.alert-center .alert-text {
  padding: 10px 30px;
  height: 100%;
}
.bill-lismod-tab {
  height: 50px;
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
  background: #f3f3f4;
}
.bill-lismod-tab li {
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  padding: 0 26px;
  float: left;
}
.bill-lismod-tab li a {
  width: 100%;
  height: 100%;
  color: #0e0d0d;
  display: block;
  text-align: center;
  font-size: 14px;
}
.bill-lismod-tab li.active {
  background: #fff;
}
.bill-lismod-warp {
  padding-bottom: 30px;
}
.bill-lismod-warp dl {
  padding: 10px 0 0 15px;
  margin-bottom: 0;
  zoom: 1;
}
.bill-lismod-warp dl:after {
  content: '';
  display: block;
  clear: both;
}
.bill-lismod-warp dl dt {
  color: #606060;
  font-size: 14px;
  padding: 10px 0 10px 0;
}
.bill-lismod-warp dl dd {
  width: 170px;
  height: 54px;
  margin: 0 10px 10px 0;
  float: left;
}
.bill-lismod-warp .bill-lismod {
  width: 170px;
  height: 54px;
  line-height: 54px;
  display: block;
  text-align: center;
  color: #fff;
  background: #1878ff;;
  border-radius: 3px;
  transition: 0.5s;
}
.bill-lismod-warp .bill-lismod i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
.bill-lismod-warp .bill-lismod span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 14px;
  width: 70%;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.bill-lismod-warp .bill-lismod:hover {
  cursor: pointer;
  margin-top: -2px;
  color: #f4f3f3;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.bill-lismod-warp dl dd:nth-child(3n-1) .bill-lismod {
  background-color: #1878ff;;
}
.bill-lismod-warp dl dd:nth-child(3n) .bill-lismod {
  background-color: #4fd2c2;
}
.bill-lismod-warp dl dd:nth-child(3n + 1) .bill-lismod {
  background-color: #f7bf27;
}
.bill-install .bill-lismod-warp {
  position: relative;
}
.bill-install .topme {
  position: absolute;
  top: 0;
  left: 0;
}
.bill-select-mod {
  padding-top: 20px;
}
.bill-select-mod .bill-select-lis {
  width: 250px;
  margin: 10px 0 0 25px;
  float: left;
  position: relative;
}
.bill-select-mod .bill-select-lis dl {
  width: 250px;
  height: 90px;
  line-height: 104px;
  background: #1878ff;;
  color: #fff;
  text-align: center;
  overflow: hidden;
  border-radius: 5px;
  transition: 0.5s;
  margin-bottom: 10px;
}
.bill-select-mod .bill-select-lis dl dt {
  margin: 18px 0 10px 0;
  font-size: 14px;
  font-weight: bold;
}
.bill-select-mod .bill-select-lis dl dd span:first-child:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e668';
  font-size: 16px;
  margin: 0 10px;
}
.bill-select-mod .bill-select-lis dl:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  cursor: pointer;
  color: #f4f3f3;
}
.bill-select-mod .bill-select-lis.cur dl:after {
  background: url('../images/bill/select.png?4936');
  content: '';
  width: 34px;
  height: 36px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.5s;
}
.bill-select-mod .bill-select-lis.cur dl:hover:after {
  top: -2px;
}
.bill-print-mod .delPrint,
.bill-print-mod .editPrint {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 0;
}
.bill-print-mod .delPrint {
  color: #db4040;
  font-size: 18px;
  right: 30px;
}
.bill-print-mod .delPrint:after {
  content: '';
}
.bill-print-mod .editPrint {
  color: #aeaeae;
  font-size: 22px;
  right: 66px;
}
.bill-print-mod .editPrint:after {
  content: '';
}
.bill-print-mod dt,
.bill-print-mod dd {
  display: flex;
  display: -webkit-flex;
}
.bill-print-mod dt > div:first-child,
.bill-print-mod dd > div:first-child {
  width: 275px;
  text-indent: 35px;
}
.bill-print-mod dt {
  background: #f3f3f4;
  height: 46px;
  line-height: 46px;
  color: #000;
}
.bill-print-mod dd {
  height: 32px;
  line-height: 32px;
  margin-top: 20px;
  position: relative;
}
.bill-print-mod dd:hover {
  background: #f5fcff;
}
.bill-print-mod .add-more-print {
  margin: 30px auto 0 auto;
}
.bill-print-mod .add-more-print a {
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  color: #fff;
  background: #1878ff;;
  width: 400px;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.bill-print-mod .add-more-print a i {
  margin-right: 6px;
  font-size: 17px;
  vertical-align: middle;
}
.bill-print-mod .add-more-print a i:before {
  content: '';
}
.bill-print-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background: #404352;
  transition: 0.5s;
}
.bill-print-wrap .bill-print {
  background: #ecf1f7;
  height: 100%;
  position: relative;
}
.bill-print-wrap .bill-print-content {
  position: fixed;
  top: 70px;
  left: 0;
  right: 550px;
  bottom: 0;
  overflow-y: auto;
}
.bill-print-wrap .bill-print-content .page {
  padding: 10px;
  text-align: right;
  background: #fff;
}
.bill-print-wrap .bill-print-side {
  width: 540px;
  position: fixed;
  top: 70px;
  right: 0;
  bottom: 0;
  background: #fff;
  overflow-y: auto;
}
.bill-print-wrap .bill-print-side .tit {
  border-bottom: 1px solid #ecf1f7;
  height: 56px;
  line-height: 56px;
  color: #404352;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0 10px;
}
.bill-print-wrap .bill-print-side .side-setlis {
  padding: 10px 40px;
}
.bill-print-wrap .bill-print-side .side-setlis dl {
  margin-bottom: 0;
}
.bill-print-wrap .bill-print-side dl dt {
  font-size: 14px;
  padding: 10px 0;
}
.bill-print-wrap .bill-print-side .nameset .form-control {
  width: 300px;
}
.bill-print-wrap .bill-print-side .bill-checkbox label {
  margin-right: 10px;
}
.bill-print-wrap .bill-print-side .print-size-set a {
  background: #60647d;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  margin-right: 15px;
  display: inline-block;
  margin-right: 38px;
}
.bill-print-wrap .bill-print-side .print-size-set a.cur {
  background: #1878ff;
}
.bill-print-wrap .bill-print-side .print-size-set .set-big {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
}
.bill-print-wrap .bill-print-side .print-size-set .set-mid {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}
.bill-print-wrap .bill-print-side .print-size-set .set-small {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
}
.bill-print-print {
  position: inherit;
}
.bill-print-print .bill-print-content {
  position: inherit;
}
.flow-now-design {
  background: #fff;
  margin: 10px;
}
.flow-now-design .handsignimg {
  width: 86px;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}
.flow-now-design dl {
  padding: 0 0 18px 0;
  display: table;
  width: 100%;
}
.flow-now-design .bill-actived:after {
  background: none !important;
}
.flow-now-design dt {
  height: 40px;
  font-weight: normal;
}
.flow-now-design dt span {
  font-size: 14px;
  color: #1f2937;
  line-height: 40px;
  padding: 0 6px;
}
.flow-now-design dd span {
  font-size: 14px;
  color: #606060;
  line-height: 24px;
  padding: 6px;
}
.flow-now-design dd:last-child span {
  border: 0;
}
.flow-now-design dt,
.flow-now-design dd {
  font-size: 14px;
  display: table-row;
}
.flow-now-design dt b,
.flow-now-design dd b {
  font-weight: normal;
}
.flow-now-design dt span,
.flow-now-design dd span {
  display: table-cell;
  text-align: left;
  max-width: 200px;
  word-wrap: break-word;
  word-break: break-all;
  text-align: center;
  font-weight: normal;
  border-bottom: 1px solid #ecf1f7;
}
.flow-now-design dt {
  border-bottom: 1px solid #f3f3f3;
  font-weight: bold;
}
.flow-now-design.flow-table-horizontal dl {
  zoom: 1;
}
.flow-now-design.flow-table-horizontal dl:after {
  content: '';
  display: block;
  clear: both;
}
.flow-now-design.flow-table-horizontal dd {
  height: auto;
  width: 33.3%;
  display: block;
  border-bottom: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  text-indent: 1%;
  line-height: 24px;
  display: inline-block;
}
.flow-now-design.flow-table-horizontal dd:nth-child(3n + 0) {
  border-right: 1px solid #fff;
}
.flow-now-design.flow-table-horizontal span {
  border-bottom: 0;
  display: inline;
  max-width: inherit !important;
  text-align: left;
}
.fill-mod-flow {
  margin: 10px 0;
}
.bill-calculate .calculate-main {
  border: 1px solid #f4f4f4;
  background: #fafafa;
  padding: 10px;
  height: 220px;
  overflow: hidden;
  overflow-y: auto;
}
.bill-calculate .calculate-main li {
  min-height: 28px;
  line-height: 26px;
  padding: 0 15px;
  margin: 0 10px 10px 0;
  border: 1px solid #dfdfdf;
  color: #7e7e7e;
  font-size: 14px;
  background: #fff;
  position: relative;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  word-break: break-all;
  　　word-wrap: break-word;
}
.bill-calculate .calculate-main li:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e6ab';
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 16px;
  color: #db4040;
  display: none;
  transition: 0.5s;
}
.bill-calculate .calculate-main li:hover:after {
  display: block;
}
.bill-calculate .calculate-select {
  margin: 18px 0;
  zoom: 1;
}
.bill-calculate .calculate-select:after {
  content: '';
  display: block;
  clear: both;
}
.bill-calculate .calculate-select .select-mian {
  width: 427px;
  height: 198px;
  padding: 10px;
  border: 1px solid #f4f4f4;
  float: left;
}
.bill-calculate .calculate-select .select-mian dl {
  zoom: 1;
  margin-bottom: 10px;
}
.bill-calculate .calculate-select .select-mian dl:after {
  content: '';
  display: block;
  clear: both;
}
.bill-calculate .calculate-select .select-mian dl dt {
  width: 130px;
  float: left;
}
.bill-calculate .calculate-select .select-mian dl dt span {
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: #e4f7ff;
  border: 1px solid #eee;
  color: #606060;
  text-align: center;
  display: block;
  cursor: pointer;
  border-radius: 5px;
}
.bill-calculate .calculate-select .select-mian dl dd {
  float: left;
  padding: 4px 0 0;
  display: flex;
  display: -webkit-flex;
}
.bill-calculate .calculate-select .select-mian dl dd > div {
  margin-right: 5px;
}
.bill-calculate .calculate-select .select-mian dl dd > div:last-child {
  text-align: center;
}
.bill-calculate .calculate-select .select-mian dl dd > div.bill-select {
  width: 132px;
  text-align: left;
}
.bill-calculate .calculate-select .select-mian dl:first-child .bill-select {
  width: 270px;
}
.bill-calculate .calculate-select .select-mian dl:nth-child(2) .form-control {
  width: 270px;
}
.bill-calculate .calculate-select .select-sign {
  width: 400px;
  height: 198px;
  padding: 10px;
  border: 1px solid #f4f4f4;
  background: #fafafa;
  float: right;
}
.bill-calculate .calculate-select .select-sign li {
  width: 60px;
  height: 40px;
  line-height: 34px;
  margin: 0 10px 10px 0;
  font-size: 24px;
  background: #fff;
  border: 1px solid #dfdfdf;
  color: #7e7e7e;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
}
.bill-calculate .calculate-select .select-sign li:nth-child(2) {
  line-height: 33px;
}
.bill-calculate .calculate-select .select-sign li:nth-child(3) {
  line-height: 47px;
}
.bill-calculate .calculate-select .select-sign li:nth-child(5),
.bill-calculate .calculate-select .select-sign li:nth-child(6),
.bill-calculate .calculate-select .select-sign li:nth-child(4) {
  line-height: 36px;
  font-size: 18px;
}
.bill-calculate .calculate-select .col-fun .bill-select {
  width: 270px !important;
}
.bill-calculate .addbtn-wrap {
  padding: 8px 0;
}
.bill-calculate .addbtn-wrap .notice {
  padding: 0 0 10px;
}
.bill-calculate .addbtn-wrap .notice span {
  color: #4999f2;
}
.editnew-calculate-alert {
  padding: 10px 20px 20px;
}
.editnew-calculate .result-tit {
  position: relative;
  padding: 10px 15px 0 15px;
}
.editnew-calculate .result-tit .clear {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #1878ff;;
}
.editnew-calculate .result-tit span {
  color: #cdcdcd;
}
.editnew-calculate .row-result {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background-color: #fcfcfc;
  height: 180px;
  overflow: hidden;
  overflow-y: auto;
}
.editnew-calculate .mods-lis {
  padding: 10px;
}
.editnew-calculate .row-select {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 0 10px 10px;
  margin-top: 10px;
}
.editnew-calculate .mods {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #fff;
  padding: 3px 0;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.editnew-calculate .mods .sele,
.editnew-calculate .mods .txts {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin: 0 5px;
}
.editnew-calculate .mods .col-handle {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 99;
  display: none;
}
.editnew-calculate .mods:hover .col-handle {
  display: block;
}
.editnew-calculate .mods .icon-del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  color: #db4040;
  cursor: pointer;
}
.editnew-calculate .mods .icon-del:before {
  content: '\e6ab';
}
.editnew-calculate .mods.mods-fun {
  border: 1px solid #f3f3f3;
  background-color: #fff;
  padding: 0 5px 3px;
}
.editnew-calculate .mods.mods-fun .ui-pureselect,
.editnew-calculate .mods.mods-fun .ui-form-backname {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin: 0 5px;
  padding: 3px 0 0 0;
}
.editnew-calculate .mods.mods-fun .txts {
  padding-top: 3px;
}
.editnew-calculate .mods.mods-fun .ui-form-backname .cell-backname {
  top: 3px;
}
.editnew-calculate .mods.mods-fun:hover {
  border: 1px solid #1878ff;
}
.editnew-calculate .temps-lis {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.editnew-calculate .temps {
  margin-bottom: 10px;
  margin-right: 10px;
}
.editnew-calculate .temps .col-tits {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  text-align: center;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 14px;
  cursor: pointer;
  padding: 0 10px;
}
.editnew-calculate .temps .col-cents {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.editnew-calculate .temps:hover .col-tits,
.editnew-calculate .temps.cur .col-tits {
  background-color: #1878ff;
  color: #fff;
}
.editnew-calculate .temps-fun {
  flex: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.editnew-calculate .temps-fun .col-tits {
  width: 262px;
  margin-right: 10px;
}
.editnew-calculate .temps-fun .col-cents {
  width: 541px;
}
.bill-collect .title {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  background: #404352;
}
.bill-collect .lis {
  height: calc(100% - 40px);
  padding: 10px 0;
  overflow-y: auto;
}
.bill-collect .lis li {
  margin-top: 8px;
  color: #585858;
  clear: both;
}
.bill-collect .lis .linetree .search-tree {
  margin: 0 10px;
}
.bill-collect .collect-lis1,
.bill-collect .collect-lis2,
.bill-collect .collect-result {
  width: 245px;
  height: 385px;
  border: 1px solid #eee;
  background: #fafafa;
  border-radius: 5px;
  float: left;
  overflow: hidden;
}
.bill-collect .collect-lis1 {
  margin-right: 25px;
}
.bill-collect .collect-result .comm-chk-wrap {
  float: left;
}
.bill-collect .collect-result .title {
  background: #1878ff;;
}
.bill-collect .collect-result span {
  width: 86px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.bill-collect .collect-result i {
  font-size: 20px;
  color: #1878ff;;
}
.bill-collect .collect-result .ltxt {
  float: left;
}
.bill-collect .collect-result .rtxt {
  float: right;
}
.bill-collect .collect-result .lis li {
  margin-top: 4px;
}
.bill-collect .collect-result .lis li:hover {
  cursor: pointer;
}
.bill-collect .collect-result .lis li.cur,
.bill-collect .collect-result .lis li:hover {
  background: #e4f7ff;
  border-radius: 5px;
}
.bill-collect .bill-collect-warp {
  zoom: 1;
  display: flex;
}
.bill-collect .bill-collect-warp:after {
  content: '';
  display: block;
  clear: both;
}
.bill-collect .collect-operate {
  width: 80px;
  height: 385px;
  margin: 0 10px;
  padding-top: 140px;
  float: left;
}
.bill-collect .collect-operate a {
  width: 80px;
  height: 37px;
  line-height: 36px;
  margin-top: 10px;
  display: block;
  border: 1px solid #eee;
  background: #fff;
  color: #8c8c8c;
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
}
.bill-collect .collect-operate a:hover {
  background: #1878ff;;
  color: #fff;
}
.addbtn-wrap {
  padding: 8px 8px;
  zoom: 1;
  min-height: 32px;
}
.addbtn-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.addbtn-wrap .total-num {
  color: #606060;
  font-size: 14px;
  padding: 0 10px;
  line-height: 32px;
}
.addbtn-wrap .addbtn {
  text-align: right;
}
.addbtn-wrap .addbtn a {
  margin: 0 0 0 2px;
}
.bill-range {
  padding: 20px;
}
.bill-range .range-list1 {
  padding: 0 30px 10px;
}
.bill-range .range-list1 .comm-chk-wrap {
  margin-top: 10px;
}
.bill-range .range-list1 label {
  display: block;
  margin-top: 15px;
}
.bill-range .range-list2 {
  padding: 40px 30px 0;
  border-top: 1px dashed #e7e7e7;
}
.bill-range .range-list2 .tit {
  padding-bottom: 30px;
}
.bill-range .range-list2 .comm-rdo-content {
  margin-top: 10px;
}
.bill-range .range-list2 label {
  display: block;
  margin-top: 15px;
}
.bill-range .range-list2 .range-tit {
  font-size: 16px;
  color: #0e0d0d;
}
.bill-detail .addbtn-wrap {
  padding: 8px 0px;
}
.bill-detail .detail-main {
  height: 188px;
  padding: 0 10px 0;
  border: 1px solid #e8e8e8;
  background: #fbfbfb;
  border-radius: 5px;
  overflow: hidden;
  overflow-y: auto;
}
.bill-detail .detail-main ul {
  margin-bottom: 0;
  height: 100%;
  padding: 0 10px;
}
.bill-detail .detail-main li {
  min-height: 34px;
  padding: 5px 10px;
  margin: 10px 10px 0 0;
  border: 1px solid #e8e8e8;
  vertical-align: middle;
  color: #1f2937;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 0;
  background: #f7fdff;
}
.bill-detail .detail-main li span {
  word-wrap: break-word;
  font-size: 14px;
  line-height: 24px;
}
.bill-detail .detail-main li i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: -8px;
  right: -8px;
  color: #f54646;
  font-size: 16px;
  transition: 0.5s;
  display: none;
}
.bill-detail .detail-main li i:after {
  content: '\e6ab';
}
.bill-detail .detail-main li:hover i {
  display: block;
}
.bill-detail .detail-select {
  margin: 18px 0;
  zoom: 1;
}
.bill-detail .detail-select:after {
  content: '';
  display: block;
  clear: both;
}
.bill-detail .detail-select .title {
  color: #010101;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.bill-detail .detail-select .select-mian,
.bill-detail .detail-select .select-main {
  margin-top: 10px;
  border: 1px solid #e8e8e8;
  padding: 10px;
  min-height: 100px;
  border-radius: 5px;
}
.bill-detail .detail-select .select-mian li,
.bill-detail .detail-select .select-main li {
  height: 34px;
  line-height: 34px;
  padding: 0 16px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #eee;
  color: #1f2937;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
}
.bill-detail + .addbtn-wrap {
  padding: 8px 0;
}
.bill-object {
  padding: 20px;
}
.bill-object .object-select-tab {
  zoom: 1;
}
.bill-object .object-select-tab:after {
  content: '';
  display: block;
  clear: both;
}
.bill-object .object-select {
  width: 134px;
  height: 134px;
  padding: 10px;
  margin-right: 30px;
  border: 1px solid #f5f5f5;
  float: left;
  color: #1f2937;
  text-align: center;
  border-radius: 5px;
}
.bill-object .object-select.active {
  background: #fafafa;
}
.bill-object .object-select.cur {
  background: url('../images/bill/select1.png?4936') top right no-repeat #fafafa;
}
.bill-object .object-select .stitle {
  margin-top: 20px;
}
.bill-object .object-select .sicon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 20px auto 0;
  background: #eee;
  text-align: center;
  color: #fff;
  display: block;
  border-radius: 50%;
}
.bill-object .object-select:last-child {
  margin-right: 0;
}
.bill-object .object-staff .sicon {
  background: #ff7e66;
}
.bill-object .object-trader .sicon {
  background: #33d0cf;
}
.bill-object .object-write .sicon {
  background: #1878ff;;
}
.bill-object .tab-content {
  margin-top: 50px;
  padding: 0 20px;
}
.bill-object .ele {
  margin-top: 20px;
}
.bill-object .ele .addele-warp {
  margin-top: 20px;
}
.bill-object .ele .addele-warp .select-warp {
  zoom: 1;
  padding: 0 30px 10px;
}
.bill-object .ele .addele-warp .select-warp:after {
  content: '';
  display: block;
  clear: both;
}
.bill-object .ele .addele-warp .select-warp .tit {
  float: left;
  line-height: 30px;
}
.bill-object .ele .addele-warp .select-warp .select-ele {
  float: left;
  margin-left: 10px;
}
.bill-plan {
  zoom: 1;
}
.bill-plan:after {
  content: '';
  display: block;
  clear: both;
}
.bill-plan .planedit {
  position: absolute;
  padding: 20px;
  width: 300px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
}
.bill-plan .planedit .plan-mod {
  display: flex;
  display: -webkit-flex;
}
.bill-plan .planedit .plan-mod .s-input {
  width: 160px;
}
.bill-plan .planedit .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 90px;
  line-height: 30px;
  color: #585858;
}
.bill-plan .planedit dd {
  flex: 1;
  -webkit-flex: 1;
}
.bill-plan .planedit dd .form-control {
  color: #585858;
}
.bill-plan .linetree {
  position: absolute;
  z-index: 50;
}
.bill-plan .side {
  width: 318px;
  height: 640px;
  padding: 10px;
  float: left;
  border: 1px solid #eee;
  border-radius: 5px;
  background: #fafafa;
}
.bill-plan .side ul {
  overflow-y: auto;
  height: 100%;
}
.bill-plan .side li {
  margin: 20px auto 0 auto;
  border: 1px solid #eee;
  text-align: center;
  border-radius: 5px;
  position: relative;
}
.bill-plan .side li a {
  display: block;
  position: relative;
}
.bill-plan .side li .comm-chk-wrap {
  position: absolute;
  top: 30px;
  left: 20px;
}
.bill-plan .side li .comm-chk-wrap .comm-chk {
  border: 1px solid #1878ff;;
}
.bill-plan .side li .comm-chk-wrap .comm-chk-bg {
  border: 0;
}
.bill-plan .side li .status-warp {
  position: absolute;
  right: 20px;
  top: 20px;
  display: none;
  transition: 0.5s;
}
.bill-plan .side li .status-warp .status-cent {
  position: relative;
}
.bill-plan .side li .status-warp .status-btn {
  transition: 0.5s;
  color: #a0a1a1;
}
.bill-plan .side li .status-warp .status-lis {
  width: 137px;
  position: absolute;
  right: 0;
  top: 23px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  transition: 0.5s;
  display: none;
}
.bill-plan .side li .status-warp .status-lis a {
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: #242424;
  text-indent: 10px;
  display: inline-block;
  transition: 0.1s;
}
.bill-plan .side li .status-warp .status-lis a:hover {
  background: #1878ff;;
  color: #fff;
}
.bill-plan .side li .status-warp:hover .status-lis {
  display: block;
}
.bill-plan .side li:hover {
  background: #f5fcff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
}
.bill-plan .side li:hover .status-warp {
  display: block;
}
.bill-plan .side li.active {
  background: #1878ff;
}
.bill-plan .side li.active a {
  color: #fff;
}
.bill-plan .side li.active .status-btn {
  color: #fff;
}
.bill-plan .side .addmod {
  width: 260px;
  height: 44px;
  line-height: 44px;
  background: #f1fbff;
  color: #66c9f4;
}
.bill-plan .side .lismod {
  width: 260px;
  height: 88px;
  line-height: 20px;
  padding-top: 20px;
  border-radius: 5px;
  background: #fff;
}
.bill-plan .side .lismod .tii {
  font-size: 14px;
}
.bill-plan .side .lismod.active {
  background: #1878ff;
}
.bill-plan .side p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.bill-plan .content {
  width: 652px;
  height: 640px;
  padding: 10px;
  float: right;
  border: 1px solid #eee;
  border-radius: 5px;
  overflow-y: auto;
  position: relative;
}
.bill-plan .bill-plan-add {
  padding: 10px;
}
.bill-plan .bill-plan-add .nameset {
  width: 300px;
}
.bill-plan .bill-plan-add dl dt {
  font-size: 14px;
  padding: 10px 0;
  font-weight: bold;
}
.bill-plan .bill-plan-add dl .comm-chk-wrap {
  width: 188px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
}
.bill-plan .bill-plan-add dl .bill-checkbox label {
  width: 188px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
}
.bill-plan .bill-plan-add dl dd {
  zoom: 1;
}
.bill-plan .bill-plan-add dl dd:after {
  content: '';
  display: block;
  clear: both;
}
.bill-plan .bill-plan-add dl dd label {
  font-weight: normal;
}
.bill-plan .bill-plan-add .select-mod {
  width: 40%;
  margin-right: 5%;
  margin-top: 10px;
  display: flex;
  float: left;
}
.bill-plan .bill-plan-add .select-mod div:first-child {
  width: 100px;
  line-height: 30px;
}
.bill-plan .bill-plan-add .select-mod div:last-child {
  flex: 1;
  font-size: 14px;
}
.bill-plan .notice {
  color: #767676;
}
.bill-plan .notice i {
  color: #1878ff;;
}
.bill-plan .edit-tr {
  position: relative;
}
.bill-plan .toptit {
  zoom: 1;
  padding-bottom: 10px;
}
.bill-plan .toptit:after {
  content: '';
  display: block;
  clear: both;
}
.bill-plan .toptit .search {
  width: 200px;
}
.bill-plan .editbtn {
  color: #1878ff;
  margin-right: 5px;
}
.bill-plan .delbtn {
  color: #db4040;
}
.bill-plan .addbtn {
  color: #1878ff;
}
.basedata-lis {
  margin-left: 10px;
}
.basedata-lis .list-group-item {
  background: none;
}
.bill-basedata .title {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #585858;
  display: none;
  font-size: 14px;
}
.bill-basedata .lis {
  padding: 10px 0;
}
.bill-basedata .lis .linetree .search-tree {
  margin: 0 10px;
}
.bill-basedata .search {
  width: 378px;
  margin-bottom: 10px;
}
.bill-basedata .basedata-lis,
.bill-basedata .basedata-result {
  width: 373px;
  height: 385px;
  border: 1px solid #eee;
  border-radius: 5px;
  float: left;
  overflow: hidden;
}
.bill-basedata .basedata-lis .lis,
.bill-basedata .basedata-result .lis {
  overflow-y: auto;
  height: 100%;
}
.bill-basedata .basedata-lis .treeview,
.bill-basedata .basedata-lis .commtree-nav,
.bill-basedata .basedata-result .treeview,
.bill-basedata .basedata-result .commtree-nav {
  overflow-y: inherit;
  max-height: 100%;
  border: 0;
}
.bill-basedata .basedata-lis .list-group-item,
.bill-basedata .basedata-result .list-group-item {
  border: 0;
}
.bill-basedata .basedata-result .title {
  background: #1878ff;;
}
.bill-basedata .basedata-result span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.bill-basedata .basedata-result i {
  font-size: 20px;
  color: #1878ff;;
}
.bill-basedata .basedata-result .ltxt {
  float: left;
}
.bill-basedata .basedata-result .rtxt {
  float: right;
}
.bill-basedata .basedata-result .lis .col-newhandle {
  position: absolute;
  top: 2px;
  right: 10px;
  cursor: pointer;
}
.bill-basedata .basedata-result .lis .col-newhandle .icon-setshow {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  color: #179fd9;
}
.bill-basedata .basedata-result .lis .col-newhandle .icon-setshow:before {
  content: '';
}
.bill-basedata .basedata-result .lis li {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  color: #585858;
  margin-top: 5px;
  cursor: pointer;
  position: relative;
}
.bill-basedata .basedata-result .lis li span {
  width: auto;
  text-align: left;
}
.bill-basedata .basedata-result .lis li.cur {
  background: #f7f7f7;
}
.bill-basedata .basedata-result .exclude-label {
  font-style: normal;
  font-size: 14px;
  color: #f35d5e;
  display: inline-block;
  vertical-align: middle;
}
.bill-basedata .bill-basedata-warp {
  zoom: 1;
  margin-top: 10px;
}
.bill-basedata .bill-basedata-warp:after {
  content: '';
  display: block;
  clear: both;
}
.bill-basedata .basedata-exclude .lis li {
  display: flex;
}
.bill-basedata .basedata-exclude .lis .exclude-label {
  font-style: normal;
  font-size: 14px !important;
  color: #f35d5e !important;
}
.bill-basedata .basedata-operate {
  width: 80px;
  float: left;
  margin: 0 10px;
  padding-top: 140px;
}
.bill-basedata .basedata-operate a {
  width: 80px;
  height: 37px;
  line-height: 34px;
  margin-top: 10px;
  display: block;
  border: 1px solid #eee;
  background: #fff;
  color: #ababab;
  text-align: center;
  font-size: 16px;
  border-radius: 5px;
}
.bill-basedata .basedata-operate a:hover {
  background: #1878ff;;
  color: #fff;
}
.bill-basedata .basedata-operate a.btn-all {
  background: #ffa319;
  color: #fff;
  font-weight: normal;
}
.bill-basedata .basedata-operate a.btn-all i {
  font-size: 20px;
}
.bill-basedata .basedata-operate a.btn-all:hover {
  background: #ffa319;
  color: #fff;
}
.bill-basedata .row-head dt {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  text-align: right;
  line-height: 30px;
  margin-right: 5px;
}
.bill-basedata .row-head dd {
  display: inline-block;
  vertical-align: middle;
}
.bill-basedata .row-head .form-control {
  width: 500px;
}
.width-fixed {
  zoom: 1;
}
.width-fixed:after {
  content: '';
  display: block;
  clear: both;
}
.width-fixed .bill-mob-main > div {
  flex: none;
  -webkit-flex: none;
}
.width-fixed .bill-template-box {
  float: left;
}
.width-fixed .bill-mob-main {
  overflow: hidden;
  overflow-x: auto;
}
.width-percentage .bill-mob-main > div {
  flex: none;
  -webkit-flex: none;
}
.width-percentage .bill-mob-main {
  overflow: hidden;
  overflow-x: auto;
}
.w-percent-w {
  position: relative;
}
.w-percent-w span {
  position: absolute;
  top: 0;
  line-height: 30px;
  right: 9px;
  color: #999;
}
.delclass-box {
  margin: 10px 0 0 40px;
}
.enimgshow-warp {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: #292b36;
  overflow: hidden;
}
.enimgshow-warp .enimgshow-back {
  position: absolute;
  right: 11%;
  top: 10px;
  color: #fff;
  line-height: 30px;
  opacity: 0.6;
}
.enimgshow-warp .enimgshow-back i {
  font-size: 38px;
}
.enimgshow-warp > div {
  width: 100%;
  height: calc(100% - 200px);
  position: relative;
  z-index: 4888;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.enimgshow-warp .enimgmask {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3888;
}
.enimgshow-warp .enimgshow-big {
  height: 100%;
}
.enimgshow-warp .enimgshow-big .enimg-operate {
  position: absolute;
  position: fixed;
  width: 100%;
  z-index: 2999;
}
.enimgshow-warp .enimgshow-big .enimg-operate .enimgroll-left,
.enimgshow-warp .enimgshow-big .enimg-operate .enimgroll-right {
  width: 80px;
  height: 80px;
  line-height: 80px;
  position: fixed;
  top: 50%;
  margin-top: -40px;
  display: block;
  opacity: 0.4;
  cursor: pointer;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 76px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.enimgshow-warp .enimgshow-big .enimg-operate .enimgroll-left:hover,
.enimgshow-warp .enimgshow-big .enimg-operate .enimgroll-right:hover {
  opacity: 1;
  cursor: pointer;
  font-size: 76px;
}
.enimgshow-warp .enimgshow-big .enimg-operate .enimgroll-left {
  left: 5%;
  border-radius: 5px 0 0 5px;
}
.enimgshow-warp .enimgshow-big .enimg-operate .enimgroll-left:before {
  content: '';
}
.enimgshow-warp .enimgshow-big .enimg-operate .enimgroll-right {
  right: 5%;
  border-radius: 0 5px 5px 0;
}
.enimgshow-warp .enimgshow-big .enimg-operate .enimgroll-right:before {
  content: '';
}
.enimgshow-warp .enimgshow-big .enimgshow-big-img {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
  height: calc(100% - 50px);
  overflow: hidden;
}
.enimgshow-warp .enimgshow-big .enimgshow-big-img > div {
  cursor: move;
  display: inline-block;
}
.enimgshow-warp .enimgshow-big .enimgshow-big-img > div img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.enimgshow-warp .enimgshow-lis-scroll {
  width: 80%;
  overflow: hidden;
  margin: 0 auto;
}
.enimgshow-warp .enimgshow-lis {
  position: absolute;
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  background: #292b36;
}
.enimgshow-warp .enimgshow-lis .enimgshow-lis-cent {
  width: 9000px;
}
.enimgshow-warp .enimgshow-lis ul {
  display: inline-block;
  margin-bottom: 0;
}
.enimgshow-warp .enimgshow-lis li {
  display: inline-block;
  margin: 0 5px;
  position: relative;
  width: 140px;
  height: 120px;
  line-height: 120px;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
}
.enimgshow-warp .enimgshow-lis li:before {
  content: '';
  width: 140px;
  height: 120px;
  border: 5px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.enimgshow-warp .enimgshow-lis li:hover:before,
.enimgshow-warp .enimgshow-lis li.active:before {
  border: 5px solid #1878ff;
}
.enimgshow-warp .enimgshow-lis li img {
  width: 140px;
  height: 120px;
}
.enimgshow-warp .enimg-number {
  position: fixed;
  bottom: 170px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.enimgshow-warp .enimg-number span {
  color: #fff;
  margin: 0 2px;
}
.enimgshow-warp .enimg-operate {
  position: fixed;
  bottom: 150px;
  left: 0;
  width: 100%;
}
.enimgshow-warp .enimg-operate .btn-warp {
  width: 80%;
  margin: 0 auto;
  text-align: right;
}
.enimgshow-warp .enimg-operate .enimg-zoomL,
.enimgshow-warp .enimg-operate .enimg-zoomS,
.enimgshow-warp .enimg-operate .enimg-rotateL,
.enimgshow-warp .enimg-operate .enimg-rotateR,
.enimgshow-warp .enimg-operate .enimg-save {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #9e9e9f;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0 10px;
}
.enimgshow-warp .enimg-operate .enimg-zoomL:hover,
.enimgshow-warp .enimg-operate .enimg-zoomS:hover,
.enimgshow-warp .enimg-operate .enimg-rotateL:hover,
.enimgshow-warp .enimg-operate .enimg-rotateR:hover,
.enimgshow-warp .enimg-operate .enimg-save:hover {
  color: #fff;
}
.enimgshow-warp .enimg-operate .enimg-zoomL:before {
  content: '';
}
.enimgshow-warp .enimg-operate .enimg-zoomS:before {
  content: '';
}
.enimgshow-warp .enimg-operate .enimg-rotateL:before {
  content: '';
}
.enimgshow-warp .enimg-operate .enimg-rotateR:before {
  content: '';
}
.enimgshow-warp .enimg-operate .enimg-save:before {
  content: '';
}
.flow-admin-warp .mod-sidebar .ybox-mod {
  border-radius: 5px;
}
.flow-admin-warp .mod-sidebar .ybox-mod .ybox-content {
  padding-top: 10px;
  border-radius: 0 0 5px 5px;
  display: none;
}
.flow-admin-warp .mod-sidebar .vertical-navtog {
  margin-top: 0;
}
.flow-admin-warp .mod-sidebar .ybox-title {
  position: relative;
  cursor: pointer;
}
.flow-admin-warp .mod-sidebar .ybox-title .show-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #aeaeae;
  display: inline-block;
  position: absolute;
  right: 3px;
  top: 7px;
  padding: 10px;
  line-height: 20px;
  cursor: pointer;
}
.flow-admin-warp .mod-sidebar .ybox-title .show-btn:before {
  content: '';
}
.flow-admin-warp .mod-sidebar .ybox-mod.cur .ybox-content {
  display: block;
}
.flow-admin-warp .mod-sidebar .ybox-mod.cur .show-btn:before {
  content: '';
}
.billword-warp {
  margin-top: 10px;
}
.billword-warp .mod-sidebar .ybox-mod .ybox-content {
  padding-top: 10px;
  display: none;
}
.billword-warp .mod-sidebar .vertical-navtog {
  margin-top: 0;
}
.billword-warp .mod-sidebar .ybox-title {
  position: relative;
  cursor: pointer;
}
.billword-warp .mod-sidebar .ybox-title .show-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #aeaeae;
  display: inline-block;
  position: absolute;
  right: 3px;
  top: 7px;
  padding: 10px;
  line-height: 20px;
  cursor: pointer;
}
.billword-warp .mod-sidebar .ybox-title .show-btn:before {
  content: '';
}
.billword-warp .mod-sidebar .ybox-mod.cur .ybox-content {
  display: block;
}
.billword-warp .mod-sidebar .ybox-mod.cur .show-btn:before {
  content: '';
}
.billword-warp .vertical-mod .vertical-lis {
  border: 1px solid #eee;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  display: none;
}
.billword-warp .vertical-mod .vertical-lis a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-indent: 20px;
  color: #606060;
  font-size: 14px;
}
.billword-warp .vertical-mod .vertical-lis a:hover,
.billword-warp .vertical-mod .vertical-lis a.cur {
  background: #e4f7ff;
}
.billword-warp .vertical-mod.cur .vertical-lis {
  display: block;
}
.billword-warp .billword-cent .tit {
  zoom: 1;
  background: #fff;
  padding: 9px 20px 10px;
  vertical-align: middle;
}
.billword-warp .billword-cent .tit:after {
  content: '';
  display: block;
  clear: both;
}
.billword-warp .billword-cent .tit .pull-left {
  font-size: 14px;
  line-height: 30px;
}
.billword-warp .billword-lis {
  margin-top: 10px;
}
.billword-warp .billword-mod dl {
  background: #fff;
  margin-bottom: 10px;
}
.billword-warp .billword-mod dl dt {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  margin: 0 20px;
  padding: 10px 5px;
  zoom: 1;
}
.billword-warp .billword-mod dl dt:after {
  content: '';
  display: block;
  clear: both;
}
.billword-warp .billword-mod dl dt .name {
  font-size: 14px;
  color: #1f2937;
  vertical-align: middle;
  float: left;
}
.billword-warp .billword-mod dl dt .name i {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 35px;
  text-align: center;
}
.billword-warp .billword-mod dl dt .name span {
  margin-left: 10px;
  color: #606060;
}
.billword-warp .billword-mod dl dt .operate {
  float: right;
}
.billword-warp .billword-mod dl dt .operate .edit {
  color: #1878ff;;
  cursor: pointer;
  padding: 0 5px;
  display: inline-block;
  margin-top: 5px;
}
.billword-warp .billword-mod dl dt .operate .icon-setadd {
  font-size: 20px;
}
.billword-warp .billword-mod dl dt .operate .icon-setadd:before {
  content: '';
}
.billword-warp .billword-mod dl dd {
  padding: 0;
  margin: 0 26px;
}
.billword-warp .billword-mod dl dd li {
  padding: 0 60px;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  display: inline-block;
  height: auto;
  line-height: 32px;
  margin-bottom: 10px;
  margin-right: 20px;
  background: #fff;
  cursor: default;
}
.billword-warp .billword-mod dl dd .mod {
  border-bottom: 1px solid #ecf1f7;
}
.billword-warp .billword-mod dl dd .mod .tit {
  padding: 15px 0 5px 0;
  zoom: 1;
  background: none;
}
.billword-warp .billword-mod dl dd .mod .tit:after {
  content: '';
  display: block;
  clear: both;
}
.billword-warp .billword-mod dl dd .mod .tit .pull-left {
  font-size: 14px;
  color: #606060;
}
.billword-warp .billword-mod dl dd .mod .tit .type {
  margin-left: 10px;
}
.billword-warp .billword-mod dl dd .mod .tit .pull-right {
  position: relative;
}
.billword-warp .billword-mod dl dd .mod .cent {
  padding-bottom: 10px;
}
.billword-warp .billword-mod dl dd .mod:hover .status-warp {
  display: block;
  right: 0;
}
.billword-warp .billword-mod dl dd .mod:hover .status-warp .status-btn {
  color: #1878ff;;
}
.billword-warp .billword-mod dl dd .mod:last-child {
  border-bottom: 0;
}
.billword-warp .billword-mod:nth-child(3n + 1) .name i {
  background-color: #1878ff;;
}
.billword-warp .billword-mod:nth-child(3n + 2) .name i {
  background-color: #4fd2c2;
}
.billword-warp .billword-mod:nth-child(3n + 3) .name i {
  background-color: #f7bf27;
}
.billword-set .billword-set-names {
  padding-bottom: 10px;
}
.billword-set .billword-set-names dl {
  display: inline-block;
  margin-bottom: 0;
}
.billword-set .billword-set-names dl dt,
.billword-set .billword-set-names dl dd {
  display: inline-block;
}
.billword-set .billword-set-names dl dt {
  line-height: 34px;
  margin-right: 18px;
}
.billword-set .billword-set-names dl dd > .form-control,
.billword-set .billword-set-names dl dd .bill-select {
  width: 320px;
  vertical-align: middle;
  display: inline-block;
}
.billword-set .billword-set-names dl.names {
  width: 420px;
}
.billword-set .billword-set-names dl.types {
  width: 400px;
  float: right;
}
.billword-set .billword-set-lis {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 10px;
}
.billword-set .billword-set-lis ul {
  height: 155px;
  overflow: hidden;
  overflow-y: auto;
  padding: 10px;
}
.billword-set .billword-set-lis ul li {
  padding: 0 15px;
  border: 1px solid #dfdfdf;
  line-height: 32px;
  vertical-align: middle;
  color: #7e7e7e;
  background: #fff;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  word-break: break-all;
  white-space: pre-wrap;
}
.billword-set .billword-set-lis ul li.change-txt {
  background: #f1fbff;
}
.billword-set .billword-set-lis ul li span {
  color: #606060;
  font-size: 14px;
}
.billword-set .billword-set-lis ul li i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: -13px;
  right: -8px;
  color: #db4040;
  font-size: 16px;
  display: none;
}
.billword-set .billword-set-lis ul li i:before {
  content: '';
}
.billword-set .billword-set-lis ul li.cur i {
  display: block;
}
.billword-set .billword-set-cent {
  border: 1px solid #eee;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 10px 50px;
}
.billword-set .billword-set-cent dl {
  position: relative;
  margin-bottom: 10px;
  zoom: 1;
}
.billword-set .billword-set-cent dl:after {
  content: '';
  display: block;
  clear: both;
}
.billword-set .billword-set-cent dl dt {
  width: 143px;
  height: 42px;
  color: #fff;
  line-height: 42px;
  background: #e4f7ff;
  color: #606060;
  border: 1px solid #dfdfdf;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  float: left;
}
.billword-set .billword-set-cent dl .cent {
  margin: 0 90px 0 155px;
  display: none;
  padding-top: 5px;
}
.billword-set .billword-set-cent dl .cent .select-ele {
  position: relative;
  z-index: 299;
  margin-right: 5px;
  display: inline-block;
  width: 150px;
}
.billword-set .billword-set-cent dl .cent .select-ele:last-child {
  margin-right: 0;
}
.billword-set .billword-set-cent dl .cent .m-input {
  width: 300px;
}
.billword-set .billword-set-cent dl .cent .linetree {
  position: absolute;
  width: 100%;
  top: 30px;
  left: 0;
}
.billword-set .billword-set-cent dl .add {
  position: absolute;
  right: 10px;
  top: 0;
  display: none;
  padding-top: 5px;
}
.billword-set .billword-set-cent dl.cur dt {
  background: #1878ff;
  color: #fff;
  border: 1px solid #fff;
}
.billword-set .billword-set-cent dl.cur .cent,
.billword-set .billword-set-cent dl.cur .add {
  display: block;
}
.billrule-set .billrule-set-lis {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 5px;
}
.billrule-set .billrule-set-lis ul {
  height: 220px;
  overflow: hidden;
  overflow-y: auto;
  padding: 10px;
  height: 100px;
}
.billrule-set .billrule-set-lis ul li {
  padding: 0 15px;
  border: 1px solid #dfdfdf;
  line-height: 32px;
  vertical-align: middle;
  color: #7e7e7e;
  background: #fff;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  word-break: break-all;
  white-space: pre-wrap;
}
.billrule-set .billrule-set-lis ul li.change-txt {
  background: #f1fbff;
}
.billrule-set .billrule-set-lis ul li span {
  color: #606060;
  font-size: 14px;
}
.billrule-set .billrule-set-lis ul li i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  color: #db4040;
  top: -13px;
  right: -8px;
  font-size: 17px;
  display: none;
}
.billrule-set .billrule-set-lis ul li i:before {
  content: '';
}
.billrule-set .billrule-set-lis ul li.cur i {
  display: block;
}
.billrule-set .billrule-set-cent {
  border: 1px solid #eee;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
}
.billrule-set .billrule-set-cent dl {
  position: relative;
  margin-bottom: 10px;
  zoom: 1;
}
.billrule-set .billrule-set-cent dl:after {
  content: '';
  display: block;
  clear: both;
}
.billrule-set .billrule-set-cent dl dt {
  width: 138px;
  height: 32px;
  color: #fff;
  line-height: 32px;
  background: #e4f7ff;
  color: #606060;
  border: 1px solid #dfdfdf;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  float: left;
}
.billrule-set .billrule-set-cent dl .cent {
  margin: 0 100px 0 150px;
  display: none;
}
.billrule-set .billrule-set-cent dl .cent .select-ele {
  position: relative;
  z-index: 299;
}
.billrule-set .billrule-set-cent dl .cent .linetree {
  position: absolute;
  width: 100%;
  top: 30px;
  left: 0;
}
.billrule-set .billrule-set-cent dl .cent .linetree .commtree-nav {
  border: 0;
}
.billrule-set .billrule-set-cent dl .add {
  position: absolute;
  right: 10px;
  top: 0;
  display: none;
}
.billrule-set .billrule-set-cent dl.cur dt {
  background: #1878ff;
  color: #fff;
  border: 1px solid #fff;
}
.billrule-set .billrule-set-cent dl.cur .add {
  display: block;
}
.billrule-set .billrule-set-cent dl.cur .cent {
  display: flex;
}
.billrule-set .billrule-set-cent .cent {
  display: block;
}
.billrule-set .billrule-set-cent .cent > div {
  display: inline-block;
  vertical-align: middle;
}
.billrule-set .billrule-set-cent .cent .billrule-numset {
  vertical-align: middle;
}
.billrule-set .billrule-set-cent .cent .billrule-numset span {
  margin: 0 10px;
}
.billrule-set .billrule-set-cent .cent .billrule-numset span,
.billrule-set .billrule-set-cent .cent .billrule-numset .form-control {
  display: inline-block;
}
.billrule-set + .addbtn-wrap {
  padding: 8px 0;
}
.billrule-set-design .billrule-set-lis ul {
  height: 108px;
}
.billrule-set-design .billrule-set-lis ul li {
  padding-left: 5px;
}
.billrule-set-design .billrule-set-lis ul li span {
  margin-left: 10px;
}
.billrule-set-design dl .cent .select-ele {
  width: 249px;
  margin-right: 5px;
}
.billrule-set-design dl .cent .billrule-line .select-ele {
  width: 105px;
}
.billrule-set-design .billrule-line > div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.billrule-set-design .billrule-line .ui-pureselect,
.billrule-set-design .billrule-line .select-ele,
.billrule-set-design .billrule-line .bill-select {
  width: 105px;
}
.billrule-set-design .billrule-line .billrule-numset span,
.billrule-set-design .billrule-line .billrule-numset > div {
  display: inline-block;
  vertical-align: middle;
}
.billrule-set-design .billrule-line .billrule-numset > div {
  min-width: 80px;
  width: 105px;
}
.billrule-set-design .digits-set {
  background: #fbfbfb;
  border: 1px solid #e8e8e8;
  margin: 10px 0;
  padding: 10px;
}
.billrule-set-design .digits-set .col-explain {
  line-height: 24px;
  padding-bottom: 10px;
}
.billrule-set-design .digits-set .col-explain .infos {
  color: #aeaeae;
  margin-left: 10px;
}
.billrule-set-design .digits-set .del-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  position: absolute;
  top: -12px;
  right: -7px;
  z-index: 99;
  color: #df412d;
  cursor: pointer;
  display: none;
}
.billrule-set-design .digits-set .del-btn:before {
  content: '';
}
.billrule-set-design .digits-set .items {
  margin-right: 10px;
  position: relative;
  margin-bottom: 10px;
}
.billrule-set-design .digits-set .items:hover .del-btn {
  display: block;
}
.billrule-set-design .digits-set .items:nth-child(2) .del-btn {
  display: none;
}
.billrule-set-design .digits-set .items:nth-child(2):hover .del-btn {
  display: none;
}
.billrule-set-design .digits-set .col-setlis {
  display: flex;
  flex-wrap: wrap;
}
.billrule-set-design .digits-set .ui-add-btn {
  margin-right: 10px;
}
.billrule-set-design .digits-set .col-label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.billrule-set-design .digits-set .ui-pureselect {
  display: inline-block;
  vertical-align: middle;
}
.billrulebudget-warp .rulebudget-lis .tit {
  color: #606060;
  font-size: 14px;
  line-height: 30px;
}
.billrulebudget-warp .rulebudget-lis .rulebudget-mod {
  margin-top: 10px;
}
.billrulebudget-warp .rulebudget-lis .rulebudget-mod > div {
  max-height: 180px;
  overflow: hidden;
  overflow-y: auto;
}
.billrulebudget-warp .rulebudget-lis .rulebudget-mod dl {
  width: 200px;
  height: 68px;
  display: inline-block;
  background: #f1fbff;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 5px;
  margin: 0 15px 10px 0;
  cursor: pointer;
}
.billrulebudget-warp .rulebudget-lis .rulebudget-mod dl dt {
  color: #606060;
  font-size: 14px;
  display: table;
  width: 180px;
  height: 48px;
  line-height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.billrulebudget-warp .rulebudget-lis.canrelate-budget dl.cur {
  position: relative;
  background: url('../images/bill/select1.png?4936') top right no-repeat #f1fbff;
}
.billrulebudget-warp .rulebudget-lis.canrelate-budget dl.cur:before {
  content: '';
}
.billrulebudget-warp .rulebudget-lis.hasrelated-budget dl {
  background: #fafafa;
}
.billrule-warp .ybox-title {
  padding: 5px 40px;
}
.billrule-warp .ybox-content {
  padding: 0 0 20px 0;
}
.billrule-notice {
  font-size: 14px;
  color: #aeaeae;
  margin-left: 10px;
}
.billrule-mod {
  border-bottom: 1px solid #ecf1f7;
  padding: 22px 40px;
}
.billrule-mod:last-child {
  border-bottom: 0;
}
.billrule-mod .tit-warp .tit {
  color: #1f2937;
  font-size: 14px;
  line-height: 50px;
}
.billrule-mod .tit-warp .info {
  font-size: 14px;
  color: #aeaeae;
  margin-left: 10px;
}
.billrule-mod .cent dl {
  position: relative;
}
.billrule-mod .cent .comm-mod {
  width: 360px;
  display: inline-block;
  vertical-align: middle;
}
.billrule-mod .cent .comm-mod-num {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  height: 32px;
  line-height: 32px;
  text-indent: 10px;
  display: inline-block;
}
.billrule-mod .cent .mod-link {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.billrule-mod .cent .mod-link a {
  color: #606060;
}
.billrule-mod .cent .mod-link a i {
  vertical-align: middle;
  margin-right: 10px;
}
.billrule-mod .cent .mod-link a i.icon-setrelat {
  font-size: 18px;
}
.billrule-mod .cent .mod-link a:hover {
  color: #1878ff;;
}
.billrule-mod .cent .mod-link .setnum {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #dfdfdf;
  width: 38px;
  padding: 0;
  color: #1878ff;;
  display: inline-block;
  text-align: center;
}
.billrule-mod .cent .mod-link strong {
  font-weight: normal;
  color: #aeaeae;
  font-size: 14px;
}
.setbilllimit-rules {
  padding: 10px 8px 50px 0;
}
.setbilllimit-rules .setnum {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #dfdfdf;
  width: 38px;
  padding: 0;
  color: #1878ff;;
  display: inline-block;
  text-align: center;
}
.setbilllimit-rules strong {
  font-weight: normal;
  color: #aeaeae;
  font-size: 14px;
}
.editmsg-warp dl {
  padding-left: 90px;
  position: relative;
  margin-bottom: 10px;
  zoom: 1;
}
.editmsg-warp dl:after {
  content: '';
  display: block;
  clear: both;
}
.editmsg-warp dl dt {
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 32px;
  text-align: right;
}
.editmsg-warp dl dd .person-result {
  border: 1px solid #e5e6e7;
  padding: 10px;
  height: 100px;
  border-radius: 5px;
}
.editmsg-warp dl dd .person-result > div {
  overflow: hidden;
  max-height: 100px;
  overflow-y: auto;
  color: #606060;
}
.editmsg-warp dl dd .editmsg-set .drop-ele,
.editmsg-warp dl dd .editmsg-set .selecttime {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.editmsg-warp dl dd .editmsg-set .comm-rdo-content:last-child .comm-rdo {
  top: 6px;
}
.editmsg-warp dl dd .editmsg-set .selecttime {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eee;
  border-radius: 5px;
}
.editmsg-warp dl dd .editmsg-set .selecttime .bill-select {
  width: 56px;
  display: inline-block;
  vertical-align: middle;
  border: 0;
  cursor: pointer;
  border-radius: 0;
}
.editmsg-warp dl dd .editmsg-set .selecttime .bill-select:hover {
  background: #e5f7ff;
}
.editmsg-warp dl dd .editmsg-set .selecttime .bill-select p {
  padding-right: 0;
}
.editmsg-warp dl dd .editmsg-set .selecttime ul {
  min-width: 66px;
}
#collect-alert-box-13 .bill-collect-warp .lis {
  padding: 0 10px;
}
.select-bill-newalert {
  padding: 10px 0 !important;
}
.select-bill-new {
  min-height: 480px;
  padding: 0 20px;
}
.select-bill-new dt {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  cursor: pointer;
  position: relative;
}
.select-bill-new dt .col-txt {
  color: #1f2937;
  font-size: 14px;
}
.select-bill-new dt .col-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #ababab;
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 16px;
}
.select-bill-new dt .col-icon:before {
  content: '';
}
.select-bill-new dd {
  padding: 10px;
}
.select-bill-new dd .comm-chk-content {
  display: inline-block;
  width: 200px;
}
.select-bill-new dd .comm-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
  width: 160px;
}
.select-bill-new dd .comm-rdo-content {
  display: inline-block;
  width: 200px;
}
.select-bill-new dl {
  border: 1px solid #eee;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}
.select-bill-new dl dd {
  display: none;
}
.select-bill-new dl.cur dt {
  background: #1878ff;
}
.select-bill-new dl.cur dt .col-icon {
  color: #fff;
}
.select-bill-new dl.cur dt .col-icon:before {
  content: '';
}
.select-bill-new dl.cur dt .col-txt {
  color: #fff;
}
.select-bill-new dl.cur dd {
  display: block;
  overflow: hidden;
  max-height: 220px;
  overflow-y: auto;
}
.select-bill-newalert .addbtn-wrap {
  position: relative;
  margin: 0 20px;
}
.select-bill-newalert .addbtn-wrap .col-info {
  position: absolute;
  top: 10px;
  left: 0;
  color: #cdcdcd;
}
.select-bill-newalert .addbtn-wrap .col-info strong {
  color: #1878ff;
  font-weight: normal;
  margin: 0 5px;
}
.bill-setdetail-alert .bill-detail {
  padding: 10px 20px;
}
.overtemp-set-alert {
  padding: 0 20px 20px;
}
.overtemp-set .add-btn {
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  width: 72px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 0;
}
.overtemp-set .add-btn .add-icon {
  color: #1878ff;;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.overtemp-set .add-btn .add-icon:before {
  content: '';
}
.overtemp-set .add-btn .add-txts {
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.overtemp-set .col-tits {
  margin: 10px 30px 0;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  line-height: 30px;
}
.overtemp-set .result-mods {
  position: relative;
  margin-top: 10px;
  width: 100%;
  min-width: 100%;
}
.overtemp-set .result-mods .del-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 99;
  color: #df412d;
  cursor: pointer;
}
.overtemp-set .result-mods .del-btn:before {
  content: '';
}
.overtemp-set .result-mods > ul {
  padding: 0;
  padding-top: 10px;
  margin: 0;
}
.overtemp-set .result-mods > ul > li {
  margin-bottom: 4px;
  display: flex;
  display: -webkit-flex;
}
.overtemp-set .result-mods > ul > li.rodli {
  margin-bottom: 0;
}
.overtemp-set .result-mods > ul > li:after {
  display: block;
  content: '';
  clear: both;
}
.overtemp-set .result-mods > ul > li > div {
  float: left;
  margin-right: 5px;
  flex-shrink: 0;
}
.overtemp-set .result-mods > ul > li > div > .form-control,
.overtemp-set .result-mods > ul > li > div > .bill-select,
.overtemp-set .result-mods > ul > li > div > .bill-btnset,
.overtemp-set .result-mods > ul > li > div > .select-ele {
  margin-bottom: 5px;
}
.overtemp-set .result-mods > ul > li > div:first-child {
  width: 86px;
  line-height: 32px;
  text-align: right;
  padding-right: 5px;
  color: #606060;
}
.overtemp-set .result-mods > ul > li > div:last-child {
  flex: 1;
  -webkit-flex: 1;
  margin-right: 50px;
}
.overtemp-set .col-appoint {
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: 4px;
}
.overtemp-set .col-appoint .icon-appoint {
  margin-bottom: 4px;
}
.overtemp-set .col-appoint i {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #41afe1;
  width: 26px;
}
.overtemp-set .col-appoint span {
  display: inline-block;
  vertical-align: middle;
}
.overtemp-set .set-section-icon:before {
  content: '';
}
.overtemp-set .set-shift-icon:before {
  content: '';
}
.overtemp-set .col-cent .modlis {
  position: relative;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  padding: 0 10px;
  line-height: 30px;
  height: 32px;
  border-bottom: 4px;
  font-size: 0;
  background: #fff;
}
.overtemp-set .col-cent .modlis span {
  font-size: 14px;
}
.overtemp-set .col-cent .modlis:last-child {
  margin-bottom: 4px;
  border-bottom: 1px solid #e8e8e8;
}
.overtemp-set .col-cent .modlis .del-btn {
  right: 0px;
  top: 0 !important;
  visibility: hidden;
}
.overtemp-set .col-cent .modlis:hover {
  background: #fbfbfb;
}
.overtemp-set .col-cent .modlis:hover .del-btn {
  visibility: visible;
}
.overtemp-set .col-txts {
  padding: 6px 0;
  line-height: 22px;
}
.overtemp-set .col-ratio {
  position: relative;
}
.overtemp-set .col-ratio .col-ratioset {
  display: flex;
  font-size: 0;
}
.overtemp-set .col-ratio .selects {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  flex: 1;
}
.overtemp-set .col-ratio .txt {
  margin: 0 5px;
  color: #606060;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 30px;
}
.overtemp-set .col-ratio .ui-temp-notice {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  position: absolute;
  right: -28px;
  top: 0;
}
.overtemp-set .col-define {
  margin-bottom: 5px;
}
.overtemp-set .col-define .inp {
  width: 108px;
  margin: 0 5px;
}
.overtemp-set .col-define .txts,
.overtemp-set .col-define .inp {
  display: inline-block;
  vertical-align: middle;
}
.overtemp-set .ui-temp-notice .notice-main .notice-cent {
  right: -10px;
  left: auto;
  margin-right: 0;
}
.overtemp-set .ui-temp-notice .notice-main .notice-cent:before {
  left: auto;
  right: 13px;
}
.overtemp-set-way1 .result-mods {
  padding-top: 20px;
  border: 1px solid #f3f3f3;
  background-color: #f6fafd;
  margin-top: 20px;
  padding-bottom: 20px;
}
.overtemp-set-way1 .result-mods .del-btn {
  top: -10px;
  right: -6px;
}
.overtemp-set-way1 .result-mods .factor-add > .add-btn {
  border-color: #f3f3f3;
  background-color: #ffffff;
}
.overtemp-set-way1 .result-mods .factor-add > .add-btn .add-icon {
  width: 13px;
}
.overtemp-set-way1 .result-mods .factorlist .col-row {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 10px;
}
.overtemp-set-way1 .result-mods .factorlist .col-row > span {
  white-space: nowrap;
}
.overtemp-set-way1 .result-mods .factorlist .col-row .ui-pureselect {
  width: 200px;
  margin: 0 10px;
}
.overtemp-set-way1 .result-mods .factorlist .col-row:hover .del-btn {
  display: block;
}
.overtemp-set-way1 .result-mods .factorlist .col-ratioset {
  display: flex;
  align-items: center;
}
.overtemp-set-way1 .result-mods .factorlist .col-ratioset .selects {
  flex: 1;
  margin: 0 10px;
}
.overtemp-set-way1 .result-mods .factorlist .del-btn {
  top: 3px;
  display: none;
}
.bill-mod-set .overtemp-set dd.result-mods {
  width: 368px;
  min-width: 368px;
  border: 1px solid #f3f3f3;
  margin: 0 auto 10px;
  border-radius: 5px;
  padding-bottom: 10px;
}
.bill-mod-set .overtemp-set dd.result-mods > ul > li > div:first-child {
  width: 72px;
}
.bill-mod-set .overtemp-set .col-tits {
  margin: 10px 20px 0;
}
.set-shiftsection {
  padding: 20px;
}
.set-shiftsection .col-mod {
  position: relative;
  min-height: 32px;
  padding-left: 80px;
  margin-bottom: 10px;
}
.set-shiftsection .col-mod .col-tits {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 32px;
  text-align: right;
}
.set-shiftsection .date-select {
  font-size: 0;
}
.set-shiftsection .date-select .selects {
  width: 238px;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  height: 30px;
  border-radius: 5px;
}
.set-shiftsection .date-select .form-control {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.set-shiftsection .date-select .txt {
  margin: 17px 6px 0;
  border-top: 1px solid #e8e8e8;
  width: 10px;
  height: 5px;
  display: inline-block;
  vertical-align: top;
}
.time-choose .time-reveal .form-control[readonly] {
  background: #fff;
}
.time-choose ul {
  margin-bottom: 0;
}
.time-choose ul::-webkit-scrollbar {
  height: 8px;
}
.time-choose ul::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.time-choose ul::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.time-choose ul::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.time-choose ul::-webkit-scrollbar,
.time-choose ul::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.time-choose ul::-webkit-scrollbar-button {
  width: 0;
}
.time-choose .time-lis-box {
  position: absolute;
  z-index: 299;
  width: 100%;
  top: 33px;
  left: 0;
  padding-bottom: 20px;
}
.time-choose .time-lis {
  width: 100%;
  background: #fff;
  border: 1px solid #e5e6e7;
  height: 190px;
  font-size: 0;
  border-radius: 5px;
}
.time-choose .time-btn {
  text-align: right;
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #e5e6e7;
  border-top: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.time-choose .time-btn .empty {
  cursor: pointer;
  margin-right: 5px;
  color: #606060;
}
.time-choose .time-btn .btn {
  padding: 2px 16px;
}
.time-choose .hour-lis {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  height: 190px;
  overflow: hidden;
  overflow-y: auto;
}
.time-choose .minute-lis {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  height: 190px;
  overflow: hidden;
  overflow-y: auto;
}
.time-choose li {
  line-height: 30px;
  padding-left: 10px;
  color: #aeaeae;
  font-size: 14px;
}
.time-choose li:hover {
  background: #f7f7f7;
}
.time-choose li.cur {
  color: #1878ff;
}
.sele-ashift-alert {
  padding: 10px 0;
}
.sele-ashift-alert .addbtn-box {
  padding: 10px 20px;
}
.bill-warp .bill-template-text {
  height: 32px;
}
.comm-tool {
  display: inline-block;
  cursor: pointer;
}
.comm-tool .toolcent {
  position: relative;
  display: none;
}
.comm-tool .toolcent > div {
  position: absolute;
  top: 0;
  left: -16px;
  padding: 6px 6px 6px 10px;
  z-index: 299;
  line-height: 22px;
  background: #646672;
  border-radius: 5px;
  color: #fff;
  min-width: 60px;
  font-size: 14px;
}
.comm-tool .toolcent > div:before {
  position: absolute;
  left: 16px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #646672;
  content: ' ';
}
.comm-tool:hover .toolcent {
  display: block;
}
.basic-data .ybox-mod .pull-right {
  margin-top: 2px;
}
.basic-data .ybox-mod .comm-back .btn {
  vertical-align: top;
}
.basic-data .mod-hasside .ybox-content {
  padding: 0;
}
.basic-data .widget-more {
  margin: 0 auto;
}
.basic-data .search {
  width: 200px;
  float: right;
  margin-right: 5px;
}
.basic-data .bill-select {
  width: 200px;
  float: right;
  margin-right: 5px;
}
.basic-data .rela span:first-child {
  margin-right: 5px;
}
.basic-data .rela span:last-child {
  margin-left: 5px;
}
.basic-data .rela i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
}
.basic-data .rela i:before {
  content: '';
}
.basic-data .relalis {
  width: 98%;
  margin: 0 auto;
}
.basic-data .relalis li {
  height: 56px;
  line-height: 56px;
  padding: 0 30px;
  border-bottom: 1px solid #f3f3f3;
  font-size: 14px;
}
.basic-data .relalis li span:first-child {
  margin-right: 10px;
}
.basic-data .relalis li span:last-child {
  margin-left: 10px;
}
.basic-data .lismod {
  width: 260px;
  height: 88px;
  line-height: 20px;
  padding-top: 20px;
  margin: 10px auto 0;
  border: 1px solid #eee;
  text-align: center;
  position: relative;
  border-radius: 5px;
  background: #fff;
  color: #686868;
}
.basic-data .lismod a {
  display: block;
  position: relative;
}
.basic-data .lismod.cur {
  background: #f5fcff;
}
.basic-data .lismod:hover {
  background: #f5fcff;
}
.basic-data .lismod:hover .status-btn {
  color: #9d9ea0;
}
.basic-data .lismod:hover .status-warp {
  display: block;
}
.basic-data .lismod .tii {
  font-size: 14px;
}
.basic-data .lismod .tit {
  font-size: 14px;
  color: #686868;
}
.basic-data .lismod .rela {
  color: #686868;
}
.basic-data .lismod.active {
  background: #169fdb;
}
.basic-data .lismod.cur {
  background: #169fdb;
  color: #fff;
}
.basic-data .lismod.cur .tit,
.basic-data .lismod.cur .rela,
.basic-data .lismod.cur i {
  color: #fff;
}
.basic-datarela {
  padding: 0 20px;
}
.basic-datarela .lis .linetree .list-group-item {
  margin-top: 0;
}
.basic-datarela .adddata {
  width: 860px;
  margin: 0 auto;
}
.basic-datarela .adddata .alert-text {
  zoom: 1;
  margin-top: 20px;
}
.basic-datarela .adddata .alert-text:after {
  content: '';
  display: block;
  clear: both;
}
.basic-datarela .adddata .alert-text dl {
  float: left;
  width: 48%;
  padding: 0 0 0 2%;
  height: 30px;
}
.basic-datarela .adddata .datarela-result {
  background: #fafafa;
  border: 1px solid #f2f2f2;
  padding: 40px 0;
  text-align: center;
  margin: 10px;
}
.basic-datarela .adddata .datarela-result span {
  color: #1f2937;
  font-size: 14px;
}
.basic-datarela .adddata .datarela-result i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}
.basic-datarela .adddata .datarela-result i:before {
  content: '';
}
.basic-datarela .adddata-next .bill-collect {
  margin: 0 20px;
}
.basic-datarela .adddata-next .addbtn-wrap {
  padding: 10px 0;
}
.basic-datarela .adddata-next .treeview {
  overflow-y: inherit;
  max-height: auto;
  background: #fafafa;
  border: 0;
  max-height: 280px;
  overflow: hidden;
  overflow-y: auto;
}
.basic-datarela .adddata-next .treeview .list-group {
  background: #fafafa;
}
.basic-datarela .adddata-next .treeview .list-group-item {
  border: 0;
}
.basic-datarela .adddata-next .commtree-nav {
  border: 0;
  background: none;
}
.basic-datarela .adddata-next span {
  display: inline-block;
}
.basic-datarela .adddata-next .rela i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
}
.basic-datarela .adddata-next .rela i:before {
  content: '';
}
.basic-datarela .adddata-next .commtree-nav {
  min-width: auto;
}
.basic-datarela .bill-collect .lis {
  padding-top: 0;
  padding-bottom: 0;
}
.export-warp {
  margin: 10px 20px 30px 20px;
}
.export-warp .export-object {
  display: flex;
  display: -webkit-flex;
  padding-top: 10px;
}
.export-warp .export-object label {
  font-weight: normal;
  line-height: 30px;
  padding-right: 10px;
}
.export-warp .export-object .bill-select {
  margin-right: 10px;
}
.export-warp .icon-setsenior-export {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.export-warp .icon-setsenior-export:before {
  content: '';
}
.export-warp .select-commmod .comm-btnset {
  display: inline-block;
  vertical-align: middle;
}
.export-warp .select-commmod .comm-chk-content {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.export-warp .comm-rdo-wrap {
  margin-right: 20px;
}
.export-warp .comm-rdo-content {
  display: inline-block;
  vertical-align: middle;
}
.export-warp .comm-rdo-content .comm-label {
  margin-left: 26px;
}
.export-warp .export-modlis {
  margin-top: 20px;
  zoom: 1;
}
.export-warp .export-modlis:after {
  content: '';
  display: block;
  clear: both;
}
.export-warp .export-modlis .export-mod {
  width: 360px;
  background: #fff;
  float: left;
  border: 1px solid #e7e7e7;
  padding: 20px 20px 20px 40px;
  line-height: 50px;
  margin-right: 10px;
  border-radius: 5px;
  cursor: pointer;
}
.export-warp .export-modlis .export-mod.cur {
  background: #f5fcff;
  border: 1px solid #1878ff;;
}
.export-warp .export-modlis .export-mod .sicon {
  width: 50px;
  height: 50px;
  background: #ff7e66;
  border-radius: 50%;
  display: block;
  line-height: 50px;
  color: #fff;
  text-align: center;
  float: left;
}
.export-warp .export-modlis .export-mod .sicon i {
  font-size: 28px;
}
.export-warp .export-modlis .export-mod .stitle {
  margin-left: 16px;
  float: left;
  font-size: 14px;
}
.export-warp .export-modlis .export-mod:nth-child(1) .sicon {
  background: #ff7e66;
}
.export-warp .export-modlis .export-mod:nth-child(1) .stitle {
  color: #ff7e66;
}
.export-warp .export-modlis .export-mod:nth-child(2) .sicon {
  background: #33d0cf;
}
.export-warp .export-modlis .export-mod:nth-child(2) .stitle {
  color: #33d0cf;
}
.export-warp .export-modlis .export-dataContent {
  margin: 20px 0 0 15px;
  float: left;
}
.export-warp .export-result {
  zoom: 1;
}
.export-warp .export-result:after {
  content: '';
  display: block;
  clear: both;
}
.export-warp .export-result div {
  width: 733px;
  height: 98px;
  float: left;
  line-height: 40px;
  border-radius: 5px;
  border: 1px dashed #dfdfdf;
  margin-top: 30px;
  padding: 27px 30px 20px;
  color: #aeaeae;
  font-size: 14px;
}
.export-warp .export-result div i {
  vertical-align: middle;
  font-size: 28px;
  margin-right: 8px;
}
.export-warp .comm-rdo-wrap {
  min-height: 20px;
  line-height: 20px;
}
.export-warp .comm-rdo {
  top: 2px;
}
.export-warp .comm-label {
  line-height: 20px;
}
.export-warp .check-row {
  padding: 5px 15px;
  width: 100%;
  min-height: 100px;
  margin-left: 58px;
  margin-right: 10px;
  border-radius: 5px;
  border: solid 1px #f3f3f3;
}
.export-warp .check-row .comm-chk-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.export-warp .check-row .comm-chk-wrap .comm-label {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.export-warp .mod-check .m-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}
.export-warp .mod-check .void-btn {
  background: #4fd2c2;
}
.export-warp .mod-check .contain-btn {
  background: #1878ff;;
}
.export-warp .mod-check .glyphicon-ok:before {
  position: absolute;
  left: 10px;
  top: 2px;
}
.export-warp .export-dataContent .comm-chk-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.export-warp .export-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.export-warp .export-result div {
  margin-left: 58px;
  margin-right: 10px;
  width: 100%;
}
.manage-model-export .export-object {
  padding-top: 20px;
}
.manage-model-export .export-object:first-child {
  padding-top: 10px;
}
.manage-model-export .export-object label {
  width: 85px;
  text-align: right;
  margin-bottom: 0;
}
.icon-setsenior-export {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-setsenior-export:before {
  content: '';
}
.import-warp {
  margin: 20px;
}
.import-warp .progress {
  margin-bottom: 5px;
  border-radius: 5px;
  height: 10px;
}
.import-warp .progress-bar {
  border-radius: 5px;
}
.import-warp .progress-bar-success {
  background-color: #1878ff;;
}
.import-warp .import-stepcent {
  margin-top: 40px;
}
.import-warp .slectway-obj {
  margin: 0 20px 0 0;
  position: relative;
  display: inline-block;
}
.import-warp .slectway-obj.pull-left {
  float: none;
}
.import-warp .slectway-obj label {
  display: inline-block;
  line-height: 30px;
  padding-right: 5px;
  font-weight: normal;
  vertical-align: top;
  margin-bottom: 0;
}
.import-warp .slectway-obj .col-selerdo {
  display: inline-block;
  vertical-align: top;
}
.import-warp .slectway-obj .col-selerdo .comm-rdo-content {
  margin-right: 20px;
}
.import-warp .slectway-obj .col-selerdo .comm-btnset {
  display: inline-block;
  vertical-align: middle;
}
.import-warp .slectway-obj .col-selerdo .comm-chk-content {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.import-warp .slectway-obj .drop-ele,
.import-warp .slectway-obj .bill-select,
.import-warp .slectway-obj .select-commmod {
  display: inline-block;
  vertical-align: top;
}
.import-warp .slectway-obj .comm-rdo-wrap {
  margin-right: 20px;
}
.import-warp .slectway-obj .comm-rdo-content {
  display: inline-block;
  vertical-align: middle;
}
.import-warp .slectway-obj .ui-pureselect {
  display: inline-block;
  vertical-align: middle;
}
.import-warp .import-steplis {
  position: relative;
  zoom: 1;
}
.import-warp .import-steplis:after {
  content: '';
  display: block;
  clear: both;
}
.import-warp .import-steplis .line {
  background: #f3f3f4;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
}
.import-warp .import-steplis .line i {
  float: left;
  height: 5px;
  background: #1878ff;;
}
.import-warp .import-steplis .stepmod {
  position: relative;
  z-index: 20;
  width: 30%;
  float: left;
}
.import-warp .import-steplis .stepmod i {
  background: #f3f3f4;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  font-size: 22px;
  color: #ccc;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-family: arial;
}
.import-warp .import-steplis .stepmod span {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.import-warp .import-steplis.stepcur1 .line i {
  background: #1878ff;;
  width: 30%;
}
.import-warp .import-steplis.stepcur1 .stepmod:nth-child(1) i {
  background: #1878ff;;
  color: #fff;
}
.import-warp .import-steplis.stepcur2 .line i {
  background: #1878ff;;
  width: 60%;
}
.import-warp .import-steplis.stepcur2 .stepmod:nth-child(1) i,
.import-warp .import-steplis.stepcur2 .stepmod:nth-child(2) i {
  background: #1878ff;;
  color: #fff;
}
.import-warp .import-steplis.stepcur3 .line i {
  background: #1878ff;;
  width: 100%;
}
.import-warp .import-steplis.stepcur3 .stepmod i {
  background: #1878ff;;
  color: #fff;
}
.import-warp .step-info {
  margin-top: 30px;
  border-radius: 5px;
}
.import-warp .step-info i {
  conten: '';
}
.import-warp .step-info .webuploader-pick {
  background: #60647d;
  width: 100%;
}
.import-warp .step-notice {
  border: 1px solid #f3f3f4;
  background: #fafcff;
  padding: 20px;
  margin-top: 20px;
  border-radius: 5px;
}
.import-warp .step-notice .step-n {
  color: #df412d;
}
.import-warp .step-notice .step-d a,
.import-warp .step-notice .step-d span {
  cursor: pointer;
  color: #aeaeae;
  text-decoration: underline;
}
.import-warp .stepmsg-success {
  text-align: center;
  padding: 20px 0;
}
.import-warp .stepmsg-success i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #4ed2c2;
  margin-right: 10px;
  font-size: 26px;
}
.import-warp .stepmsg-success i:before {
  content: '';
}
.import-warp .stepmsg-success span {
  color: #606060;
  font-size: 16px;
}
.import-warp .load-opera {
  text-align: center;
  margin: 10px auto;
}
.import-warp .load-opera .btn {
  display: inline-block;
}
.import-warp .stepmsg-error {
  text-align: center;
  padding: 20px 0;
}
.import-warp .stepmsg-error i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #f88529;
  margin-right: 10px;
  font-size: 26px;
}
.import-warp .stepmsg-error i:before {
  content: '';
}
.import-warp .stepmsg-error span {
  color: #606060;
  font-size: 16px;
}
.import-warp .import-step1 .importTemplateId .importTemplateId-step-lis1 {
  background: #fff;
  padding: 30px 20px 40px 20px;
  width: 100%;
}
.import-warp .import-step1 .importTemplateId .importTemplateId-box {
  width: 100%;
  height: 410px;
  background: #ffffff;
  border: 1px dashed #e8e8e8;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.import-warp .import-step1 .importTemplateId .importTemplateId-box-tit {
  width: 140px;
  height: 16px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #aeaeae;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.import-warp .import-step1 .importTemplateId .importTemplateId-temps4 {
  border: 1px solid #f2f2f2;
  width: 640px;
  height: 100px;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  padding: 10px;
  position: relative;
}
.import-warp .import-step1 .import-slect {
  padding-top: 20px;
  zoom: 1;
}
.import-warp .import-step1 .import-slect:after {
  content: '';
  display: block;
  clear: both;
}
.import-warp .import-step1 .step-info {
  padding: 50px 20px;
  border: 1px dashed #dfdfdf;
}
.import-warp .import-step1 .load-btn {
  background: #f3f3f4;
  width: 357px;
  height: 36px;
  display: block;
  margin: 10px auto;
  text-align: center;
  line-height: 36px;
  border-radius: 5px;
  color: #606060;
}
.import-warp .import-step1 .reload-btn {
  background: #f3f3f4 !important;
  width: 357px;
  height: 36px;
  display: block;
  margin: 10px auto;
  text-align: center;
  line-height: 36px;
  border-radius: 5px;
  color: #606060;
}
.import-warp .import-step1 .load-file {
  padding: 20px;
  width: 830px;
  border: 1px dashed #eee;
  border-radius: 5px;
  margin: 0 auto;
}
.import-warp .import-step1 .load-file dl {
  overflow: hidden;
  margin: 0 auto;
}
.import-warp .import-step1 .load-file dt {
  float: left;
  margin-right: 10px;
}
.import-warp .import-step1 .load-file dt i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 66px;
  color: #dfdfdf;
}
.import-warp .import-step1 .load-file dt i:before {
  content: '';
}
.import-warp .import-step1 .load-file dd {
  float: left;
  width: 680px;
  margin-top: 20px;
}
.import-warp .import-step1 .load-file .tit {
  font-size: 14px;
  color: #606060;
}
.import-warp .import-step1 .load-file .load-progress {
  margin-top: 5px;
  position: relative;
}
.import-warp .import-step1 .load-file .sr-only {
  position: absolute;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  border: 0;
  right: -30px;
  top: -5px;
  color: #606060;
  width: auto;
}
.import-warp .import-step1 .load-file .load-progress-num {
  color: #aeaeae;
}
.import-warp .import-step2 .step-info {
  padding: 50px 0;
}
.import-warp .import-step2 .step-selectway {
  padding: 10px 20px;
  zoom: 1;
}
.import-warp .import-step2 .step-selectway:after {
  content: '';
  display: block;
  clear: both;
}
.import-warp .import-step2 .step-selectway .tit {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
}
.import-warp .import-step2 .step-datatinfo {
  zoom: 1;
}
.import-warp .import-step2 .step-datatinfo:after {
  content: '';
  display: block;
  clear: both;
}
.import-warp .import-step2 .step-data {
  border: 1px solid #dfdfdf;
  padding: 20px;
  border-radius: 5px;
  margin-top: 20px;
}
.import-warp .import-step2 .step-data-table {
  width: 100%;
  overflow-x: auto;
}
.import-warp .import-step2 .step-data-table::-webkit-scrollbar {
  height: 8px;
}
.import-warp .import-step2 .step-data-table::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.import-warp .import-step2 .step-data-table::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.import-warp .import-step2 .step-data-table::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.import-warp .import-step2 .step-data-table::-webkit-scrollbar,
.import-warp .import-step2 .step-data-table::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.import-warp .import-step2 .step-data-table::-webkit-scrollbar-button {
  width: 0;
}
.import-warp .import-step2 .table {
  margin-top: 10px;
  width: auto;
}
.import-warp .import-step2 th {
  background: #f3f3f4;
  border: 1px solid #dfdfdf;
  padding: 0;
  min-width: 120px;
  max-width: 200px;
  word-wrap: break-word;
}
.import-warp .import-step2 th.noimport .tit {
  color: #9b9b9b;
}
.import-warp .import-step2 th.noimport .tit:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #f7dc27;
  vertical-align: middle;
  width: 30px;
  display: inline-block;
  content: '\e67b';
  position: absolute;
  left: 0;
}
.import-warp .import-step2 td {
  border: 1px solid #dfdfdf;
  min-width: 120px;
  max-width: 200px;
  word-wrap: break-word;
}
.import-warp .import-step2 td.noimport {
  color: #f3f3f4;
}
.import-warp .import-step2 .selectway-nav {
  position: relative;
  cursor: pointer;
  height: 42px;
  font-weight: normal;
  text-align: center;
}
.import-warp .import-step2 .selectway-nav .tit {
  line-height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 20px;
}
.import-warp .import-step2 .selectway-nav .status-warp {
  right: 5px;
  top: 4px;
}
.import-warp .import-step2 .selectway-nav .status-warp .status-btn {
  color: #676767;
}
.import-warp .import-step2 .selectway-nav .status-warp .status-lis {
  right: -6px;
  top: 38px;
}
.import-warp .import-step2 .selectway-nav:hover {
  background: #dfdfdf;
}
.import-warp .import-step2 .selectway-nav:hover .status-warp {
  display: block;
}
.import-warp .import-step3 .step-info {
  padding: 50px 20px;
  border: 1px dashed #dfdfdf;
}
.import-warp .import-step3 dl {
  zoom: 1;
  display: flex;
  overflow: hidden;
}
.import-warp .import-step3 dl:after {
  content: '';
  display: block;
  clear: both;
}
.import-warp .import-step3 dt {
  width: 220px;
  text-align: right;
  padding-right: 10px;
  font-size: 15px;
  font-weight: bold;
}
.import-warp .import-step3 dd {
  padding-top: 6px;
  width: 400px;
}
.import-warp .import-step3 .progress {
  float: left;
  width: 300px;
}
.import-warp .import-step3 .msg-progress-info {
  float: left;
  margin-left: 10px;
  font-size: 14px;
}
.import-warp .import-step3 .step-info-state {
  width: 700px;
  margin: 10px auto;
  margin-top: 30px;
}
.bootstrap-select.btn-group .dropdown-menu > .active > a:focus,
.bootstrap-select.btn-group .dropdown-menu > .active > a:hover {
  color: #606060;
  text-decoration: none;
  background-color: #e5f7ff;
  outline: 0;
}
.bootstrap-select.btn-group.show-tick
  .dropdown-menu
  li.selected
  a
  span.check-mark {
  left: 10px;
  top: 0;
}
.bootstrap-select .glyphicon-ok:before {
  content: '';
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: inherit;
  font-size: 14px;
  position: absolute;
  padding: 8px;
  width: 29px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret:before {
  content: '';
}
.bootstrap-select.btn-group .dropdown-menu li.selected a {
  background: #fff;
  color: #606060;
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.selected a:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  left: 5px;
  top: 3px;
  content: '\e6a6';
  color: #53beef;
  vertical-align: middle;
  font-size: 16px;
}
.import-warp .import-step2 .step-info .step-data-lis .step-data {
  margin-top: 0;
}
.step-data-nav {
  margin-top: 20px;
}
.step-data-nav ul {
  margin-bottom: 0;
  font-size: 0;
}
.step-data-nav li {
  font-size: 14px;
  padding: 0 30px;
  line-height: 44px;
  display: inline-block;
  border-bottom: 2px solid #fff;
}
.step-data-nav li.cur {
  color: #1878ff;;
  border-bottom: 2px solid #1878ff;;
}
.enclosure-mod .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  font-size: 18px;
}
.enclosure-mod .del:before {
  content: '';
}
.enclosure-mod .add-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #ccc;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  padding-right: 10px;
  text-align: center;
}
.enclosure-mod .add-btn:before {
  content: '';
}
.enclosure-mod .add-btn:hover {
  color: #1878ff;;
}
.enclosure-mod .col-tit {
  margin-top: 8px;
  cursor: pointer;
}
.enclosure-mod .col-click {
  color: #1878ff;
  font-size: 14px;
  cursor: pointer;
  margin-top: 6px;
}
.enclosure-mod .webuploader-pick {
  background: none !important;
  vertical-align: middle !important;
}
.enclosure-mod .webuploader-pick-hover {
  background: none !important;
}
.enclosure-mod .col-result .img-lis {
  zoom: 1;
  padding: 10px 0 0;
}
.enclosure-mod .col-result .img-lis:after {
  content: '';
  display: block;
  clear: both;
}
.enclosure-mod .col-result .img-lis li {
  float: left;
  margin-right: 14px;
  position: relative;
  margin-top: 5px;
}
.enclosure-mod .col-result .img-lis li strong {
  width: 80px;
  height: 80px;
  display: block;
  line-height: 80px;
  overflow: hidden;
}
.enclosure-mod .col-result .img-lis li strong img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}
.enclosure-mod .col-result .img-lis li .del {
  color: #db4040;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #db4040;
  cursor: pointer;
  visibility: hidden;
}
.enclosure-mod .col-result .img-lis li:hover .del {
  visibility: visible;
}
.enclosure-mod .col-result .file-lis {
  zoom: 1;
}
.enclosure-mod .col-result .file-lis:after {
  content: '';
  display: block;
  clear: both;
}
.enclosure-mod .col-result .file-lis li {
  width: 100%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: relative;
  padding: 0 24px 0 20px;
  margin-top: 8px;
  line-height: 24px;
}
.enclosure-mod .col-result .file-lis li .del {
  color: #db4040;
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 18px;
  cursor: pointer;
  visibility: hidden;
}
.enclosure-mod .col-result .file-lis li:hover .del {
  visibility: visible;
}
.newimport-notice-alert .newimport-notice {
  position: relative;
}
.newimport-notice-alert .notice-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 8px;
}
.newimport-notice-alert .notice-icon:before {
  content: '\e688';
}
.newimport-notice-alert .col-txts {
  display: inline-block;
  vertical-align: middle;
}
.newimport-notice-alert .row-notice {
  position: absolute;
  top: -29px;
  left: 22px;
}
.n-bg {
  background: none;
}
.n-bg .white-bg {
  background: #fff;
}
.newimport-warp {
  margin: 0;
}
.newimport-warp .import-stepcent {
  margin-top: 0;
}
.newimport-warp .import-steplis {
  background: #fff;
}
.newimport-warp .import-slect {
  background: #fff;
  padding: 10px 60px;
}
.newimport-warp .step-info {
  background: #fff;
  margin-top: 0;
}
.newimport-warp .import-warp .step-notice {
  margin-top: 0;
}
.newimport-warp .import-steplis {
  padding: 20px 180px;
}
.newimport-warp .import-steplis .line {
  width: auto;
  position: absolute;
  top: 40px;
  left: 180px;
  right: 180px;
}
.newimport-warp .import-step3 .step-info-state {
  width: 620px;
}
.newimport-warp .import-step3 dt {
  width: 120px;
  padding-right: 0;
  font-size: 14px;
  text-align: left;
}
.newimport-warp .import-step3 dd {
  width: 500px;
}
.newimport-warp .import-step3 .progress {
  width: 500px;
}
.newimport-warp .stepmsg-success,
.newimport-warp .stepmsg-error,
.newimport-warp .stepmsg-fail {
  padding: 10px 0;
  text-align: right;
}
.newimport-warp .stepmsg-success i,
.newimport-warp .stepmsg-error i,
.newimport-warp .stepmsg-fail i {
  font-size: 19px;
  display: inline-block;
  vertical-align: middle;
}
.newimport-warp .stepmsg-success span,
.newimport-warp .stepmsg-error span,
.newimport-warp .stepmsg-fail span {
  font-size: 14px;
}
.newimport-warp .progress-bar-fail {
  background: #f35d5e;
}
.newimport-warp .linkcur {
  color: #88d1f4;
  margin-left: 10px;
  cursor: pointer;
}
.newimport-warp .import-step3 .step-info {
  border: 0;
}
.newimport-warp .import-warp .import-step2 .step-info {
  padding: 20px 0;
}
.newimport-warp .import-step2 th,
.newimport-warp .import-step2 td {
  max-width: inherit;
}
.newimport-warp .haschild {
  padding: 0 !important;
  vertical-align: top;
}
.newimport-warp .haschild td,
.newimport-warp .haschild th {
  border-bottom: 0 !important;
  border-left: 1px solid #f3f3f3 !important;
  border-top: 1px solid #f3f3f3 !important;
  border-right: 0 !important;
}
.newimport-warp .haschild td:first-child,
.newimport-warp .haschild th:first-child {
  border-left: 0 !important;
}
.newimport-warp .haschild tr:first-child td,
.newimport-warp .haschild tr:first-child th {
  border-top: 0 !important;
}
.newimport-warp .haschild tr:first-child table td,
.newimport-warp .haschild tr:first-child table th {
  border-top: 1px solid #f3f3f3 !important;
}
.newimport-warp .haschild tr:first-child table tr:first-child td,
.newimport-warp .haschild tr:first-child table tr:first-child th {
  border-top: 0 !important;
}
.newimport-warp .import-step2 .step-datatinfo {
  color: #1f2937;
  font-size: 14px;
  font-weight: bold;
}
.newimport-warp .import-step2 .step-data {
  margin: 20px;
  border: 1px solid #e8e8e8;
}
.newimport-warp .newstep-first {
  background: #fff;
  padding: 40px 0;
}
.newimport-warp .step-lis1 {
  width: 680px;
  margin: 0 auto;
  position: relative;
  padding: 20px 0;
}
.newimport-warp .step-lis1 .temps {
  width: 640px;
  height: 100px;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  padding: 10px;
  margin-top: 20px;
  position: relative;
  display: table;
}
.newimport-warp .step-lis1 .temps > .col-layout {
  display: table-cell;
  vertical-align: middle;
}
.newimport-warp .step-lis1 .temps .col-text {
  font-weight: bold;
}
.newimport-warp .step-lis1 .temps:before {
  content: '';
  width: 1px;
  border-left: 2px solid #f2f2f2;
  position: absolute;
  left: -20px;
  top: -22px;
  bottom: 0;
}
.newimport-warp .step-lis1 .temps:after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: -25px;
  top: 42px;
  background: #12b7f5;
}
.newimport-warp .import-step2 th {
  background: #f6fafd;
}
.newimport-warp .import-step1 .load-file {
  width: 560px;
  padding: 0;
  margin: 0;
  border: 0;
}
.newimport-warp .import-step1 .load-file dt i {
  font-size: 40px;
}
.newimport-warp .import-step1 .load-file dd {
  width: 500px;
  margin-top: 9px;
}
.newimport-warp .import-step1 .load-file .tit {
  font-size: 14px;
}
.newimport-warp .import-step1 .load-file .load-progress-num {
  text-align: right;
}
.newimport-warp .icon-del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 18px;
  color: #f54646;
}
.newimport-warp .icon-del:before {
  content: '\e6ab';
}
.newimport-warp .stepmsg-fail i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #f54646;
  margin-right: 10px;
}
.newimport-warp .stepmsg-fail i:before {
  content: '\e6ab';
}
.newimport-warp .step-table {
  overflow-x: auto;
}
.newimport-warp .step-table::-webkit-scrollbar {
  height: 8px;
}
.newimport-warp .step-table::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.newimport-warp .step-table::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.newimport-warp .step-table::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.newimport-warp .step-table::-webkit-scrollbar,
.newimport-warp .step-table::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.newimport-warp .step-table::-webkit-scrollbar-button {
  width: 0;
}
.newimport-warp .step-table table {
  border-collapse: collapse;
  min-width: 100%;
}
.newimport-warp .step-table th,
.newimport-warp .step-table td {
  border: 1px solid #f3f3f3;
  height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  min-width: 140px;
  padding: 2px;
}
.new-en-export {
  background: #fff;
  padding: 20px;
  min-height: 300px;
}
.new-en-export .icon-exportfile-empty {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #dfdfdf;
  font-size: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 8px;
}
.new-en-export .col-result {
  border: 1px dashed #f4f4f4;
  padding: 20px;
}
.new-en-export .col-cents > div {
  margin-right: 10px;
}
.new-en-export .col-flexcent {
  display: flex;
}
.budget-admin .nav-comm .widget-more {
  margin: 0 auto;
}
.budget-admin .lismod {
  margin: 10px auto 0 auto;
  border: 1px solid #eee;
  text-align: center;
  border-radius: 5px;
  position: relative;
  width: 260px;
  height: 88px;
  border-radius: 5px;
  background: #fff;
  padding: 0 30px;
  line-height: 20px;
}
.budget-admin .lismod > a {
  display: block;
  position: relative;
  text-align: center;
  color: #1f2937;
  width: 200px;
  height: 88px;
  display: table;
}
.budget-admin .lismod > a p {
  text-align: center;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.budget-admin .lismod.cur {
  background: #f5fcff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
}
.budget-admin .lismod:hover {
  background: #f5fcff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
}
.budget-admin .lismod:hover .status-btn {
  color: #9d9ea0;
}
.budget-admin .lismod:hover .status-warp {
  display: block;
  right: 5px;
}
.budget-admin .lismod .tii {
  font-size: 14px;
}
.budget-admin .lismod.active {
  background: #1878ff;
}
.budget-admin .lismod .status-warp {
  right: 7px;
  top: 17px;
}
.budget-admin .lismod.stop-cur {
  position: relative;
  background: #8b8e9d;
}
.budget-admin .lismod.stop-cur .tit {
  color: #fff;
}
.budget-admin .lismod.stop-cur .status-btn {
  color: #fff;
}
.budget-admin .lismod.stop-cur span {
  background: #ccc !important;
  text-indent: 30px;
}
.budget-admin .lismod.stop-cur:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #f7dc27;
  vertical-align: middle;
  width: 30px;
  display: inline-block;
  content: '\e67b';
  position: absolute;
  top: 25px;
  left: 0px;
}
.budget-admin .budget-planset .tit {
  background: #fbfbfb;
  border: 1px solid #f6f6f6;
  padding: 20px 30px;
}
.budget-admin .budget-planset .tit h3 {
  font-size: 14px;
}
.budget-admin .budget-planset .tit p {
  line-height: 22px;
  font-size: 14px;
}
.budget-admin .budget-planset .close-me {
  font-weight: normal;
  position: absolute;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  transition: 0.5s;
  position: absolute;
  color: #db4040;
  top: -20px;
  right: -20px;
  font-size: 16px;
  padding: 10px;
  cursor: pointer;
}
.budget-admin .budget-planset .close-me:after {
  content: '';
}
.budget-admin .budget-planset .budget-planmod .b-planmod {
  zoom: 1;
  margin: 40px 0 20px 20px;
}
.budget-admin .budget-planset .budget-planmod .b-planmod:after {
  content: '';
  display: block;
  clear: both;
}
.budget-admin .budget-planset .budget-planmod .b-planmod dl {
  width: 176px;
  height: 60px;
  background: #f1fbff;
  border: 1px solid #eee;
  border-radius: 5px;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  cursor: pointer;
  line-height: 60px;
  position: relative;
}
.budget-admin .budget-planset .budget-planmod .b-planmod dt {
  line-height: 60px;
  text-align: center;
}
.budget-admin .budget-planset .budget-planmod .widget-more {
  width: 176px;
  height: 58px;
  background: #fff;
  border: 1px dashed #1878ff;;
  border-radius: 5px;
  float: left;
  margin: 0 10px 10px 0;
  cursor: pointer;
  line-height: 58px;
  text-align: center;
  color: #1878ff;;
}
.budget-admin .budget-planset .budget-planmod .widget-more i {
  vertical-align: middle;
  margin-right: 5px;
  font-weight: 20px;
}
.budget-admin .budget-planset .budget-planbill .bill-lismod-warp {
  zoom: 1;
  margin: 40px 0 20px 20px;
}
.budget-admin .budget-planset .budget-planbill .bill-lismod-warp:after {
  content: '';
  display: block;
  clear: both;
}
.budget-admin .budget-planset .budget-planbill .field-goods {
  float: left;
  padding: 0;
}
.budget-admin .budget-planset .budget-planbill .field-goods dd {
  position: relative;
}
.budget-admin .budget-planset .budget-planbill .widget-more {
  width: 170px;
  height: 54px;
  display: block;
  background: #fff;
  border: 1px dashed #1878ff;;
  border-radius: 5px;
  float: left;
  margin: 0 0 10px 10px;
  cursor: pointer;
  line-height: 54px;
  text-align: center;
  color: #1878ff;;
  margin: 0 10px 0 0;
}
.budget-admin .budget-planset .budget-planbill .widget-more i {
  vertical-align: middle;
  margin-right: 5px;
  font-weight: 20px;
}
.no-content {
  padding: 20px;
  color: #ccc;
}
.budget-lismod h3 {
  font-size: 14px;
  padding: 10px 0 0 20px;
  color: #1f2937;
}
.budget-lismod dl {
  padding: 5px 0 0 20px;
}
.can-select dd.cur .bill-lismod {
  background: url('../images/bill/select.png?4936') top right no-repeat;
}
.cannot-select .bill-lismod {
  background: #eee !important;
  color: #606060;
}
.cannot-select .bill-lismod i {
  color: #606060;
}
.cannot-select .bill-lismod:hover {
  color: #606060;
}
.budget-modle-lis {
  zoom: 1;
  margin: 20px 0 20px 20px;
}
.budget-modle-lis:after {
  content: '';
  display: block;
  clear: both;
}
.budget-modle-lis dl {
  width: 176px;
  height: 70px;
  line-height: 70px;
  background: #f1fbff;
  border: 1px solid #eee;
  border-radius: 5px;
  float: left;
  margin: 0 0 10px 10px;
  position: relative;
  cursor: pointer;
  padding: 0 10px;
}
.budget-modle-lis dl.cur {
  background: url('../images/bill/select1.png?4936') top right no-repeat #f1fbff;
}
.budget-modle-lis dt {
  line-height: 70px;
  text-align: center;
}
.budget-add .ybox-mod {
  margin-bottom: 10px;
}
.budget-add .ybox-content {
  padding: 10px 20px;
}
.budget-add .budget-addform dl {
  margin-bottom: 10px;
}
.budget-add .budget-addform dd .mods {
  float: left;
  margin-right: 10px;
  line-height: 30px;
}
.budget-add .budget-add-tit {
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  margin-top: 10px;
}
.budget-add .budget-range {
  margin: 20px 0 0 0;
}
.budget-add .budget-range dl {
  border: 1px solid #dfdfdf;
  height: 37px;
  line-height: 37px;
  background: #f2fbff;
  width: 520px;
  text-align: center;
  position: relative;
  zoom: 1;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 10px;
}
.budget-add .budget-range dl:after {
  content: '';
  display: block;
  clear: both;
}
.budget-add .budget-range dl dt {
  width: 160px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-right: 1px solid #dfdfdf;
  background: #fff;
  border-radius: 5px 0 0 5px;
  float: left;
  padding: 0 10px;
}
.budget-add .budget-range dl dt h5 {
  line-height: 35px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.budget-add .budget-range dl dd {
  height: 34px;
  line-height: 34px;
  float: left;
  padding-left: 20px;
}
.budget-add .budget-range dl:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #ccc;
  content: '\e697';
  position: absolute;
  right: 10px;
  top: 0;
}
.budget-add .budget-way {
  margin-top: 10px;
}
.budget-add .budget-way .comm-range .form-control {
  width: 50px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid #ccc;
  height: 24px;
  border-radius: 0;
}
.budget-add .budget-way .comm-range .backname {
  display: inline-block;
}
.budget-add .budget-way .budget-notice {
  margin: 20px 0 0 30px;
}
.budget-add .budget-way .budget-notice dl {
  padding: 0;
  display: flex;
  display: -webkit-flex;
  margin-bottom: 0;
}
.budget-add .budget-way .budget-notice dl dt {
  width: 110px;
  display: block;
  line-height: 32px;
}
.budget-add .budget-way .comm-chk-wrap .comm-chk {
  position: inherit;
  display: inline-block;
  vertical-align: top;
}
.budget-add .budget-way .comm-chk-wrap .comm-label {
  margin-left: 0;
}
.budget-add .select-strategy .strategy {
  float: left;
  margin-right: 10px;
  line-height: 30px;
}
.budget-add .select-strategy .strategy a {
  text-align: center;
  width: 176px;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  padding: 0;
}
.budget-add .select-strategy .strategy.cur {
  position: relative;
}
.budget-add .select-strategy .strategy.cur a {
  padding-left: 30px;
}
.budget-add .select-strategy .strategy.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e6a6';
  color: #fff;
  font-size: 18px;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  left: 48px;
}
.budget-add .select-strategy .strategy {
  position: relative;
}
.budget-add .select-strategy .strategy ul {
  position: absolute;
  top: 34px;
  left: 2px;
  background-color: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 0;
  padding-bottom: 8px !important;
  width: 176px;
  max-height: 128px;
  text-align: center;
  overflow-y: auto;
  margin-bottom: 0;
}
.budget-add .select-strategy .strategy ul li {
  padding: 0 18px 0 45px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.budget-add .select-strategy .strategy ul li:before {
  width: 20px;
  height: 20px;
  background: url('../images/green.png?4936') no-repeat -120px 1px;
  content: '';
  display: block;
  position: absolute;
  left: 17px;
  top: 8px;
}
.budget-add .select-strategy .strategy ul li.actived:before {
  background: url('../images/green.png?4936') no-repeat -168px 0px;
}
.bule-color {
  color: #1878ff;;
}
.budget-lis .opera-btn a {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.budget-lis .opera-btn a:before {
  vertical-align: top;
}
.budget-lis .opera-btn a:hover {
  color: #1878ff;;
}
.budget-lis .opera-btn a.startbtn {
  color: #1878ff;;
}
.budget-lis .opera-btn a.startbtn:before {
  content: '\e6d4';
}
.budget-lis .editbtn:before {
  content: '';
}
.budget-lis .stopbtn:before {
  content: '';
}
.budget-lis .delbtn:before {
  content: '';
}
.budget-lis .budget-lisnav {
  background: #fff;
  height: 48px;
  line-height: 48px;
  margin-bottom: 10px;
}
.budget-lis .budget-lisnav .addlis {
  margin: 0 5px 0 0;
}
.budget-lis .budget-lisnav .budget-nav a {
  font-size: 14px;
  text-align: center;
  float: left;
  color: #606060;
  padding: 0 40px;
}
.budget-lis .budget-lisnav .budget-nav a.cur {
  background: #1878ff;
  color: #fff;
}
.budget-lis .budget-lisnav .bill-select {
  margin-top: 9px;
  width: 200px;
  margin-right: 10px;
}
.budget-lis .budget-lisnav .search {
  margin-top: 9px;
  width: 200px;
  margin-right: 10px;
}
.budget-lis .budget-lislis dl {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  height: 46px;
  line-height: 46px;
  padding: 0;
  margin: 0;
  padding-left: 30px;
}
.budget-lis .budget-lislis dl dd {
  width: 30%;
  line-height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.budget-lis .budget-lislis dl dd:first-child {
  width: 180px;
  padding-left: 20px;
}
.budget-lis .budget-lislis dl dd:last-child {
  width: 180px;
  padding-left: 20px;
}
.budget-lis .budget-lislis dl:hover {
  background: #fbfbfb;
}
.budget-lis .budget-lislis dl.stop-cur {
  position: relative;
  background: #f3f3f5;
  color: #aeaeae;
}
.budget-lis .budget-lislis dl.stop-cur:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #f7dc27;
  vertical-align: middle;
  width: 30px;
  display: inline-block;
  content: '\e67b';
  position: absolute;
  top: 0;
  left: 18px;
}
.budget-lis .budget-lislis dl.stop-cur .bule-color {
  color: #aeaeae;
}
.budget-lis .budget-lislis .status-warp {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  z-index: 999;
}
.budget-lis .budget-lislis .status-warp .status-btn {
  color: #1f2937;
}
.budget-countselect {
  zoom: 1;
  width: 98%;
  margin: 10px auto 0;
}
.budget-countselect:after {
  content: '';
  display: block;
  clear: both;
}
.budget-countselect .counts-mod {
  float: left;
}
.budget-countselect .col-md-1 {
  margin-left: 10px;
}
.budget-countselect label {
  display: inline-block;
  float: left;
  text-align: right;
  padding: 0 5px 0 10px;
  line-height: 34px;
  font-weight: normal;
}
.budget-countselect .select-ele {
  float: left;
}
.budget-countselect .form-control {
  float: left;
}
.budget-countlis-nav {
  width: 98%;
  margin: 10px auto 0;
}
.budget-countlis-nav a {
  padding: 10px 50px;
  display: inline-block;
  border-bottom: 2px solid #fff;
  font-size: 14px;
  color: #1f2937;
}
.budget-countlis-nav a.cur {
  border-bottom: 2px solid #1878ff;
  color: #1878ff;
}
.budget-countlis {
  overflow-x: auto;
  width: 98%;
  margin: 0 auto;
  padding-bottom: 15px;
}
.budget-countlis dl {
  width: 1900px;
  font-size: 14px;
}
.budget-countlis-header {
  background-color: #f1fbff;
  display: flex;
  display: -webkit-flex;
  font-size: 14px;
  border: 1px solid #e5e5e5;
}
.budget-countlis-header .budeget-col-total {
  background-color: transparent;
}
.budget-countlis-header > div {
  flex: 1;
  -webkit-flex: 1;
  color: #606060;
  padding: 10px 15px;
}
.row-budget-children {
  display: flex;
  display: -webkit-flex;
  border: 1px solid #e5e5e5;
  border-top: none;
}
.row-budget-children {
  line-height: 22px;
}
.row-budget-children > div {
  padding: 5px 5px;
  flex: 1;
  -webkit-flex: 1;
  position: relative;
  padding-left: 10px;
  margin: 5px 0;
}
.row-budget-children > div .micon {
  position: absolute;
  left: 0;
  top: 5px;
}
.row-budget-children > div .form-control {
  border: 1px solid #fff;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
}
.row-budget-children > div .form-control[readonly] {
  border: 1px solid #fff;
  background: #fff;
  color: #585858;
}
.row-budget-children > div .form-control:focus {
  border-color: #fff !important;
}
.row-budget-children > div.cur {
  background: #fff;
  border: 1px solid #1878ff;;
  border-radius: 5px;
}
.row-budget-children > div.cur .form-control {
  background-color: #fff;
  border: 1px solid #fff;
}
.row-budget-children > div.cur .form-control:focus {
  border-color: #fff !important;
}
div.budeget-col-f,
div.budeget-col-total {
  width: 200px;
  flex: none;
  -webkit-flex: none;
}
div.budeget-col-f {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
div.budeget-col-f span {
  top: 3px;
  margin-left: 5px;
  -webkit-transition: 0.2s ease-in-out;
}
.row-budget-children-con {
  display: none;
}
.row-budget-children.last-child {
  background: #fbfbfb;
}
.row-budget-children.last-child .form-control {
  background-color: #fbfbfb;
  border: 1px solid #fbfbfb;
}
.row-budget-children.last-child .form-control[readonly] {
  border: 1px solid #fbfbfb;
  background: #fbfbfb;
  color: #585858;
}
.row-budget-children.last-child .form-control:focus {
  border-color: #fbfbfb !important;
}
.row-budget-children:hover {
  background-color: #f4f9ff;
}
.row-budget-children:hover .form-control {
  background-color: #f4f9ff;
  border: 1px solid #f4f9ff;
}
.row-budget-children:hover .form-control[readonly] {
  border: 1px solid #f4f9ff;
  background: #f4f9ff;
  color: #585858;
}
.row-budget-children:hover .form-control:focus {
  border-color: #f4f9ff !important;
}
div.budeget-col-f span.actived {
  -webkit-transform: rotate(-90deg);
}
.row-budget-children-con > .row-budget-children > .budeget-col-f {
  padding-left: 30px;
}
.row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children
  > .budeget-col-f {
  padding-left: 45px;
}
.row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children
  > .budeget-col-f {
  padding-left: 60px;
}
.row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children
  > .budeget-col-f {
  padding-left: 75px;
}
.row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children
  > .budeget-col-f {
  padding-left: 90px;
}
.row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children
  > .budeget-col-f {
  padding-left: 105px;
}
.row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children-con
  > .row-budget-children
  > .budeget-col-f {
  padding-left: 120px;
}
.budget-countlis::-webkit-scrollbar {
  height: 8px;
}
.budget-countlis::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.budget-countlis::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.budget-countlis::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.budget-countlis::-webkit-scrollbar,
.budget-countlis::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.budget-countlis::-webkit-scrollbar-button {
  width: 0;
}
.budget-range-box .budget-range-select {
  display: flex;
  background: #fafafa;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.budget-range-box .budget-range-select .comm-rdo-content {
  float: left;
  margin-right: 40px;
}
.budget-range-box .budget-range-cont .basedata-lis .title,
.budget-range-box .budget-range-cont .basedata-result .title {
  display: none;
}
.budget-range-box .budget-range-cont .bill-basedata .basedata-operate {
  margin: 0 27px;
}
.budget-range-box .budget-range-cont .bill-basedata .basedata-lis .lis,
.budget-range-box .budget-range-cont .bill-basedata .basedata-result .lis {
  height: 100%;
}
.budget-range-box .budget-range-cont .basedata-result .lis li {
  line-height: 30px;
  padding: 0 20px;
  cursor: pointer;
}
.budget-range-box .budget-range-cont .basedata-result .lis li.cur {
  background: #e4f7ff;
}
#basicdata-alertbox,
#basicdata-alertbox {
  padding: 0px 18px;
}
#basicdata-alertbox .basedata-result .title,
#basicdata-alertbox .basedata-result .title {
  display: none;
}
.standard-planset {
  margin: 0 auto;
}
.standard-planset .row-data {
  font-size: 0;
}
.standard-planset .row-data .mod-add {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  width: 160px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #90d7f7;
  margin-right: 5px;
}
.standard-planset .row-data .mod-add span {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.standard-planset .row-data .mod-add:hover {
  background: #f5fcff;
}
.standard-planset .row-data .mod-lis {
  font-size: 0;
  display: inline;
  vertical-align: top;
}
.standard-planset .row-data dl {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  width: 160px;
  height: 30px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 0 40px 0 20px;
  cursor: pointer;
  position: relative;
}
.standard-planset .row-data .comm-handle {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.standard-planset .row-data dl:hover {
  background: #f5fcff;
}
.standard-planset .row-data dl:hover .comm-handle {
  display: block;
}
.standard-planset .row-data dt {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.standard-planset .row-data dt span {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.standard-planset .row-data .unique-cur dt:after {
  content: '*';
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #ff6767;
}
.standard-planset .row-data .onrelate-cur:before {
  position: absolute;
  top: 0;
  right: 25px;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #62c7f4;
  font-size: 20px;
  content: '';
}
.standard-planset .standard-planmod {
  background: #fff;
  padding: 20px 0;
}
.standard-planset .standard-planmod > dl > dt {
  position: absolute;
  left: 0;
  width: 90px;
  text-align: right;
  line-height: 32px;
}
.standard-planset .standard-planmod > dl {
  position: relative;
  padding-left: 100px;
  zoom: 1;
  min-height: 32px;
}
.standard-planset .standard-planmod > dl:after {
  content: '';
  display: block;
  clear: both;
}
.standard-planset .standard-planmod > dl .mod-switch {
  padding-top: 5px;
}
.standard-planset .version-btn {
  zoom: 1;
}
.standard-planset .version-btn:after {
  content: '';
  display: block;
  clear: both;
}
.standard-planset .add-version {
  margin-left: 10px;
  cursor: pointer;
}
.standard-planset .add-version i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  vertical-align: middle;
  color: #1878ff;;
  font-size: 22px;
}
.standard-planset .add-version i:before {
  content: '';
}
.standard-planset .version-management li {
  zoom: 1;
  font-size: 0;
}
.standard-planset .version-management li:after {
  content: '';
  display: block;
  clear: both;
}
.standard-planset .version-management li > div {
  line-height: 30px;
  margin: 10px 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.standard-planset .version-management li > div em {
  font-style: normal;
}
.standard-planset .version-management li > div span {
  float: left;
  margin-right: 10px;
}
.standard-planset .version-management li > div .settime {
  width: 60px;
}
.standard-planset .version-management li > div .form-control {
  float: left;
}
.standard-planset .version-management li > div.settime {
  width: 60px;
}
.standard-planset .version-management li > div .colse {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #df412d;
  font-size: 22px;
  cursor: pointer;
  display: none;
}
.standard-planset .version-management li > div .colse:before {
  content: '';
}
.standard-planset .version-management li:hover div .colse {
  display: block;
}
.standard-lisnav .pull-right .pull-right {
  margin-left: 8px;
  margin-top: 5px;
}
.standard-lisnav .pull-right .pull-right .btn {
  vertical-align: top;
  margin-top: 1px;
}
.standard-lislis td {
  text-align: center;
}
.standard-lislis .editbtn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  font-size: 22px;
  vertical-align: middle;
  margin-right: 10px;
}
.standard-lislis .editbtn:before {
  content: '';
}
.standard-lislis .delbtn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #db4040;
  font-size: 22px;
  vertical-align: middle;
  margin-right: 5px;
}
.standard-lislis .delbtn:before {
  content: '';
}
.standard-lislis .opera-btn {
  visibility: hidden;
  text-align: right;
}
.standard-lislis .standard-lislis-cent {
  background: #fff;
  min-height: 280px;
}
.standard-lislis .standard-lislis-cent .tit {
  padding: 4px 10px 0 0;
  min-height: 45px;
}
.standard-lislis .standard-lislis-cent .tit .noversion {
  line-height: 32px;
}
.standard-lislis .standard-lislis-cent .table {
  margin-bottom: 0;
}
.standard-lislis .standard-lislis-cent tr {
  cursor: pointer;
}
.standard-lislis .standard-lislis-cent tr:hover .opera-btn {
  visibility: visible;
}
.stand-nav {
  position: relative;
  zoom: 1;
}
.stand-nav:after {
  content: '';
  display: block;
  clear: both;
}
.stand-nav .stand-nav-l {
  transition: 0.5s;
  margin-right: 40px;
}
.stand-nav .stand-nav-l.status {
  height: 54px;
  display: block;
  overflow: hidden;
}
.stand-nav .stand-nav-r {
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  padding: 0 20px 0 0;
  background: #fff;
}
.stand-nav .stand-nav-r .open {
  float: right;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #a8a8a8;
  margin-left: 10px;
  font-size: 40px;
}
.stand-nav .stand-nav-r .open:hover {
  color: #1878ff;;
}
.stand-nav .stand-nav-r .open:before {
  content: '';
}
.stand-nav .stand-nav-r .open.cur:before {
  content: '';
}
.stand-nav .nav-mod {
  width: 180px;
  height: 54px;
  background: #f1fbff;
  border: 1px solid #eee;
  border-radius: 5px;
  float: left;
  margin: 0 0 10px 10px;
  line-height: 50px;
  position: relative;
  cursor: pointer;
  padding: 0 35px;
}
.stand-nav .nav-mod .field-tit {
  height: 38px;
  overflow: hidden;
  display: block;
  text-align: center;
}
.stand-nav .nav-mod .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  right: -10px;
  top: -23px;
  font-size: 20px;
  color: #db4040;
  display: none;
}
.stand-nav .nav-mod .del:before {
  content: '';
}
.stand-nav .nav-mod:hover {
  background: #1878ff;;
  color: #fff;
}
.stand-nav .nav-mod:hover .del {
  display: block;
}
.stand-nav .nav-mod.cur {
  background: #1878ff;
  color: #fff;
  position: relative;
}
.stand-nav .nav-mod.widget-more {
  vertical-align: middle;
  background: #fff;
  border: 1px dashed #e5e5e5;
}
.stand-nav .nav-mod.widget-more i {
  line-height: 30px;
  vertical-align: middle;
  color: #e6e6e6;
  font-size: 18px;
}
.stand-nav .nav-mod.widget-more i:before {
  content: '';
}
.stand-nav .nav-mod.widget-more span {
  margin-left: 10px;
  line-height: 30px;
  color: #e6e6e6;
}
.stand-nav .nav-mod.widget-more:hover {
  background: #fff;
  border: 1px dashed #1878ff;;
}
.stand-nav .nav-mod.widget-more:hover i,
.stand-nav .nav-mod.widget-more:hover span {
  color: #1878ff;;
}
.standard-admin .vertical-navtog .vertical-mod:before {
  content: '';
}
.stand-lis-warp {
  zoom: 1;
  border-top: 1px solid #ecf1f7;
  padding-top: 30px;
  margin-top: 30px;
}
.stand-lis-warp:after {
  content: '';
  display: block;
  clear: both;
}
.stand-lis .stand-lismod {
  cursor: pointer;
  width: 180px;
  height: 38px;
  float: left;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  margin-left: 10px;
  position: relative;
  margin-bottom: 10px;
  color: #606060;
}
.stand-lis .stand-lismod .status-warp {
  top: 0;
  right: 0;
}
.stand-lis .stand-lismod .status-lis {
  right: 0;
  top: 37px;
  width: 80px;
}
.stand-lis .stand-lismod h3 {
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.stand-lis .stand-lismod.widget-more {
  vertical-align: middle;
  background: #fff;
  border: 1px dashed #e5e5e5;
  text-align: center;
}
.stand-lis .stand-lismod.widget-more i {
  line-height: 30px;
  vertical-align: middle;
  color: #e6e6e6;
  font-size: 18px;
  vertical-align: middle;
}
.stand-lis .stand-lismod.widget-more i:before {
  content: '';
}
.stand-lis .stand-lismod.widget-more span {
  margin-left: 10px;
  line-height: 38px;
  color: #e6e6e6;
}
.stand-lis .stand-lismod.widget-more:hover {
  background: #fff;
  border: 1px dashed #1878ff;;
}
.stand-lis .stand-lismod.widget-more:hover i,
.stand-lis .stand-lismod.widget-more:hover span {
  color: #1878ff;;
}
.stand-lis .stand-lismod:hover {
  background: #1878ff;;
  color: #fff;
}
.stand-lis .stand-lismod:hover .status-btn {
  color: #fff;
}
.stand-lis .stand-lismod:hover .status-warp {
  display: block;
}
.stand-lis .stand-lismod.cur {
  background: #f3f3f4;
}
.stand-lis .stand-lismod.cur:hover {
  background: #1878ff;;
  color: #fff;
}
.add-singlelis dt {
  text-align: right;
  padding-right: 10px;
}
.add-singlelis .backname {
  margin-left: 10px;
  color: #585858;
  line-height: 30px;
}
.add-stand-condition dt {
  text-align: right;
  padding-right: 10px;
  width: 160px !important;
}
.stand-stanswitch-warp .stanswitch ul {
  overflow: hidden;
  padding: 50px 0;
  width: 840px;
  margin: 10px auto;
}
.stand-stanswitch-warp .stanswitch li {
  width: 360px;
  height: 120px;
  display: inline-block;
  vertical-align: top;
  margin-left: 50px;
  text-align: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.stand-stanswitch-warp .stanswitch li a {
  width: 360px;
  height: 120px;
  display: block;
  padding-top: 20px;
}
.stand-stanswitch-warp .stanswitch li i {
  color: #fff;
  font-size: 36px;
  width: 66px;
  height: 66px;
  display: inline-block;
  text-align: center;
  line-height: 66px;
  vertical-align: middle;
  border-radius: 100%;
}
.stand-stanswitch-warp .stanswitch li span {
  margin-left: 20px;
  font-size: 18px;
  line-height: 66px;
}
.stand-stanswitch-warp .stanswitch li.cur {
  background: #f3f3f5;
}
.stand-stanswitch-warp .stanswitch .stanswitch-open i {
  background: #ff7e66;
}
.stand-stanswitch-warp .stanswitch .stanswitch-open span {
  color: #ff7e66;
}
.stand-stanswitch-warp .stanswitch .stanswitch-colse i {
  background: #32d0cf;
}
.stand-stanswitch-warp .stanswitch .stanswitch-colse span {
  color: #32d0cf;
}
.standfield-warp {
  position: relative;
}
.standfield-warp .stand-mob-tit {
  padding: 20px;
}
.standfield-warp .stand-mob-tit .mod {
  margin-bottom: 10px;
}
.standfield-warp .stand-mob-tit .mod dt {
  line-height: 30px;
}
.standfield-warp .standfield-tit {
  padding: 0 20px;
}
.standfield-warp .standfield-l {
  margin-right: 450px;
  transition: 0.5s;
}
.standfield-warp .standfield-l.status {
  margin-right: 0;
}
.standfield-warp .standfield-l .form-control[readonly] {
  border: 1px solid #e5e6e7;
  background: #fff;
  border-radius: 5px;
}
.standfield-warp .standfield-r {
  position: absolute;
  top: 0;
  right: 0;
  width: 440px;
  float: left;
  transition: 0.5s;
}
.standfield-warp .standfield-r dl dt {
  border-bottom: 1px solid #ecf1f7;
  padding: 5px 15px;
  line-height: 40px;
  font-size: 18px;
  height: 50px;
}
.standfield-warp .standfield-r dd {
  zoom: 1;
  padding: 0 30px 20px 30px;
}
.standfield-warp .standfield-r dd:after {
  content: '';
  display: block;
  clear: both;
}
.standfield-warp .standfield-r ul {
  padding: 0;
  padding-top: 15px;
  margin: 0;
}
.standfield-warp .standfield-r ul li {
  margin-bottom: 15px;
  display: flex;
  display: -webkit-flex;
}
.standfield-warp .standfield-r ul li:after {
  display: block;
  content: '';
  clear: both;
}
.standfield-warp .standfield-r ul li > div {
  float: left;
  margin-right: 10px;
}
.standfield-warp .standfield-r ul li > div:first-child {
  width: 90px;
  line-height: 34px;
  text-align: right;
  padding-right: 10px;
}
.standfield-warp .standfield-r ul li > div:last-child {
  flex: 1;
  -webkit-flex: 1;
}
.standfield-warp .standfield-r.status {
  right: -440px;
}
.standfield-warp .stand-mob-main {
  margin: 0 20px;
  border-bottom: 1px solid #f3f3f3;
}
.standfield-warp .stand-template-box {
  cursor: pointer;
  position: relative;
  padding: 10px;
  border: 1px solid #f3f3f3;
  border-bottom: 0;
}
.standfield-warp .stand-template-box .stand-template-text {
  width: 60%;
  margin: 0 auto;
  display: flex;
}
.standfield-warp .stand-template-box dt {
  text-align: right;
}
.standfield-warp .stand-template-box dt span {
  color: #f35959;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 18px;
}
.standfield-warp .stand-template-box dt span:before {
  content: '*';
}
.standfield-warp .stand-template-box dt,
.standfield-warp .stand-template-box dd {
  line-height: 34px;
}
.standfield-warp .stand-template-box dd:first-of-type {
  padding: 0 20px;
  -webkit-flex: 1;
  flex: 1;
}
.standfield-warp .stand-template-box dd:last-of-type {
  color: #999;
}
.standfield-warp dl {
  margin: 0;
}
.standfield-warp .stand-tit {
  text-align: center;
  border-bottom: 1px solid #ecf1f7;
  padding: 5px 15px;
  line-height: 40px;
  font-size: 16px;
  height: 50px;
}
.standfield-warp .del-stand-mod {
  display: none;
  position: absolute;
  z-index: 99;
  top: 10px;
  right: 15px;
  color: #df412d;
  cursor: pointer;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
}
.standfield-warp .del-stand-mod:after {
  content: '';
}
.standfield-warp .stand-actived {
  width: 100%;
  background: #f8fdff !important;
}
.standfield-warp .stand-actived .del-stand-mod {
  display: block;
}
.standfield-warp .widget-more {
  background: #f1fbff;
  border: 1px solid #eee;
  width: 142px;
  border-radius: 5px;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
  color: #73cdf5;
  display: block;
}
.standfield-warp .widget-more i {
  color: #73cdf5;
  vertical-align: middle;
  margin-right: 5px;
}
.standfield-warp .widget-more:hover {
  background: #d9f5ff;
}
.standfield-warp .stand-mod-set {
  background: #fff;
}
.stand-condition-warp .stand-condition-top {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin: 10px 0 10px;
}
.stand-condition-warp .opera-btn {
  visibility: hidden;
}
.stand-condition-warp .table tr:hover .opera-btn {
  visibility: inherit;
}
.stand-condition-warp .editbtn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  vertical-align: middle;
  margin-right: 5px;
}
.stand-condition-warp .editbtn:before {
  content: '';
}
.stand-condition-warp .delbtn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #db4040;
  vertical-align: middle;
  margin-right: 5px;
}
.stand-condition-warp .delbtn:before {
  content: '';
}
.stand-condition-warp .widget-more {
  background: #f1fbff;
  border: 1px solid #eee;
  width: 142px;
  border-radius: 5px;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
  color: #73cdf5;
  font-size: 14px;
  display: block;
}
.stand-condition-warp .widget-more i {
  color: #73cdf5;
  vertical-align: middle;
  margin-right: 5px;
}
.stand-condition-warp .widget-more:hover {
  background: #d9f5ff;
}
.detitem-range-warp {
  background: #ecf1f7;
  padding: 0 !important;
}
.detitem-range-warp .detitem-lis {
  background: #fff;
  padding: 20px 20px 10px;
  zoom: 1;
}
.detitem-range-warp .detitem-lis:after {
  content: '';
  display: block;
  clear: both;
}
.detitem-range-warp .detitem-lis .bill-select,
.detitem-range-warp .detitem-lis .detitem-disable-warp {
  display: inline-block;
  vertical-align: middle;
}
.detitem-range-warp .detitem-lis .detitem-disable-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-left: 16px;
  color: #f7dc27;
  vertical-align: middle;
  width: 30px;
  display: inline-block;
}
.detitem-range-warp .detitem-lis .detitem-disable-icon:before {
  content: '\e67b';
}
.detitem-range-warp .detitem-lis .detitem-disable {
  margin-left: 16px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #df412d;
}
.detitem-range-warp .detitem-lis .detitem-disable:before {
  content: '';
}
.detitem-range-warp .detitem-resultlis .cent-warp {
  background: #fff;
}
.detitem-range-warp .detitem-resultlis dl {
  border-bottom: 1px solid #ecf1f7;
  padding: 10px 20px 10px;
  margin-bottom: 0;
}
.detitem-range-warp .detitem-resultlis dl dt {
  font-size: 14px;
  color: #1f2937;
  font-weight: bold;
}
.detitem-range-warp .detitem-resultlis dl dd {
  padding: 10px 0;
}
.detitem-range-warp .match .tit {
  background: #f2fbff;
  width: 260px;
  text-align: center;
  border-right: 1px solid #e8edef;
  border-bottom: 0;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
.detitem-range-warp .match dd > ul {
  border-bottom: 1px solid #e8edef;
  width: 750px;
  margin-top: 20px;
}
.detitem-range-warp .match dd > ul > li {
  height: 46px;
  line-height: 46px;
  border: 1px solid #e8edef;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  padding-left: 260px;
}
.detitem-range-warp .match dd > ul > li:last-child .tit {
  border-bottom: 1px solid #e8edef;
}
.detitem-range-warp .match dd > ul > li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #606060;
  font-size: 14px;
  padding: 0 20px;
}
.detitem-range-warp .match dd > ul > li > div {
  padding: 7px 10px 0;
}
.detitem-range-warp .match dd > ul > li > div .bill-select {
  border: 0;
}
.detitem-range-warp .exceed-condition .exceed-condition-select {
  display: flex;
  display: -webkit-flex;
  margin: 20px 0;
}
.detitem-range-warp .exceed-condition .exceed-condition-select .btn {
  padding: 10px 50px;
  margin-right: 10px;
}
.detitem-range-warp .exceed-condition .exceed-condition-select .bill-select {
  border: 1px solid #dfdfdf;
  margin-right: 10px;
  height: 42px;
  line-height: 0;
}
.detitem-range-warp
  .exceed-condition
  .exceed-condition-select
  .bill-select
  font {
  text-align: center;
  width: 100%;
  font-size: 14px;
  line-height: 38px;
}
.detitem-range-warp
  .exceed-condition
  .exceed-condition-select
  .bill-select
  p
  span {
  margin-top: 6px;
}
.detitem-range-warp
  .exceed-condition
  .exceed-condition-select
  .bill-select
  .bill-select-con {
  position: absolute;
  left: 0;
  top: 36px;
  padding-top: 4px;
  z-index: 299;
  width: 100%;
}
.detitem-range-warp
  .exceed-condition
  .exceed-condition-select
  .bill-select.bill-select-big
  font {
  font-size: 23px;
}
.detitem-range-warp .exceed-handleway .lis {
  margin-top: 10px;
}
.detitem-range-warp .exceed-handleway .comm-rdo-content {
  display: block;
}
.detitem-range-warp .exceed-handleway .bill-select {
  margin: -8px 0 0 10px;
}
.detitem-range-warp .detitem-range-box {
  margin-top: 10px;
}
.detitem-range-warp .trip-resourcelis {
  background: #fff;
  padding: 10px 20px;
}
.detitem-stop-warp {
  background: #ecf1f7;
  padding: 140px 0;
}
.detitem-stop-warp .img {
  width: 320px;
  margin: 0 auto;
}
.detitem-stop-warp .info {
  text-align: center;
}
.detitem-stop-warp .info .tit {
  color: #505050;
  font-size: 18px;
}
.detitem-stop-warp .info .tit span {
  color: #1878ff;;
}
.detitem-stop-warp .info .txt {
  color: #aeaeae;
}
.stand-adddetitem {
  padding: 10px 30px;
}
.stand-adddetitem .detitem-step1 {
  margin-top: 30px;
}
.adddetitem {
  padding: 10px 30px;
}
.stand-steplis {
  position: relative;
  margin: 20px 30px 0;
  zoom: 1;
}
.stand-steplis:after {
  content: '';
  display: block;
  clear: both;
}
.stand-steplis .line {
  background: #f3f3f4;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
}
.stand-steplis .line i {
  float: left;
  height: 5px;
  background: #1878ff;;
}
.stand-steplis .stepmod {
  position: relative;
  z-index: 20;
  width: 30%;
  float: left;
}
.stand-steplis .stepmod i {
  background: #f3f3f4;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
  line-height: 50px;
  text-align: center;
  font-style: normal;
  font-size: 22px;
  color: #ccc;
  font-weight: bold;
  font-family: arial;
}
.stand-steplis .stepmod span {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.stand-steplis.stepcur1 .line i {
  background: #1878ff;;
  width: 30%;
}
.stand-steplis.stepcur1 .stepmod:nth-child(1) i {
  background: #1878ff;;
  color: #fff;
}
.stand-steplis.stepcur2 .line i {
  background: #1878ff;;
  width: 60%;
}
.stand-steplis.stepcur2 .stepmod:nth-child(1) i,
.stand-steplis.stepcur2 .stepmod:nth-child(2) i {
  background: #1878ff;;
  color: #fff;
}
.stand-steplis.stepcur3 .line i {
  background: #1878ff;;
  width: 100%;
}
.stand-steplis.stepcur3 .stepmod i {
  background: #1878ff;;
  color: #fff;
}
.detitemMatch-warp .info {
  line-height: 30px;
  color: #aeaeae;
  padding-bottom: 10px;
}
.detitemMatch-warp .guide-icon {
  font-size: 18px;
  color: #aeaeae;
  margin: 5px 0 5px 70px;
}
.detitemMatch-warp .guide-icon:before {
  content: '↓';
}
.detitemMatch-warp dl {
  position: relative;
  padding-right: 46px;
  margin: 0;
}
.detitemMatch-warp dl dt {
  width: 100%;
}
.detitemMatch-warp dl dd {
  position: absolute;
  right: 0;
  top: 0;
}
.detitemMatch-warp dl dd .colse-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #df412d;
  font-size: 20px;
}
.detitemMatch-warp dl dd .colse-icon:before {
  content: '';
}
.detitemMatch-warp .detitemMatch-add {
  margin-top: 20px;
  padding-bottom: 80px;
}
.detitemMatch-warp .detitemMatch-add .add-more {
  display: inline-block;
  border: 1px dashed #aeaeae;
  padding: 0 22px;
  border-radius: 5px;
  color: #aeaeae;
  height: 32px;
}
.detitemMatch-warp .detitemMatch-add .add-more i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  line-height: 32px;
  vertical-align: middle;
  color: #aeaeae;
  font-size: 16px;
  margin-right: 10px;
}
.detitemMatch-warp .detitemMatch-add .add-more i:before {
  content: '';
}
.detitemMatch1-warp {
  padding-bottom: 260px;
}
.detitemMatch1-warp dl {
  position: relative;
  padding-right: 46px;
  margin: 0;
}
.detitemMatch1-warp dl dt {
  width: 100%;
}
.detitemMatch1-warp dl dd {
  position: absolute;
  right: 0;
  top: 0;
}
.addnew-icon {
  color: #90d7f7;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.addnew-icon:before {
  content: '';
}
.standard-newplan .newplan-add {
  background: #fff;
  padding: 20px 20px 20px 0;
}
.standard-newplan .newplan-add > dl > dt {
  position: absolute;
  left: 0;
  width: 90px;
  text-align: right;
  line-height: 32px;
}
.standard-newplan .newplan-add > dl {
  position: relative;
  padding-left: 100px;
  zoom: 1;
  min-height: 32px;
}
.standard-newplan .newplan-add > dl:after {
  content: '';
  display: block;
  clear: both;
}
.standard-newplan .newplan-add > dl .mod-switch {
  padding-top: 5px;
}
.standard-newplan .row-data {
  font-size: 0;
}
.standard-newplan .row-data .mod-add {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  width: 70px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #90d7f7;
  background: #fff;
  margin-right: 5px;
}
.standard-newplan .row-data .mod-add span {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.standard-newplan .row-data .mod-add:hover {
  background: #f5fcff;
}
.standard-newplan .row-data .mod-lis {
  font-size: 0;
  display: inline;
  vertical-align: top;
}
.standard-newplan .row-data dl {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  width: auto;
  height: 30px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 0 30px;
  cursor: pointer;
  position: relative;
  background: #fff;
}
.standard-newplan .row-data dl .icon-del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  color: #f54646;
  position: absolute;
  top: -10px;
  right: -10px;
  visibility: hidden;
}
.standard-newplan .row-data dl .icon-del:before {
  content: '';
}
.standard-newplan .row-data dl:hover .icon-del {
  visibility: visible;
}
.standard-newplan .row-data .comm-handle {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.standard-newplan .row-data dl:hover {
  background: #f5fcff;
}
.standard-newplan .row-data dl:hover .comm-handle {
  display: block;
}
.standard-newplan .row-data dt {
  text-align: center;
}
.standard-newplan .row-data dt span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.standard-newplan .col-seat .row-data {
  background: #fbfbfb;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  padding: 10px;
}
.standard-newplan .col-limit {
  position: relative;
}
.standard-newplan .col-limit .form-control {
  padding-right: 20px;
}
.standard-newplan .col-limit .limit-unit {
  position: absolute;
  top: 0;
  line-height: 32px;
  font-size: 14px;
  color: #aeaeae;
  left: 280px;
}
.tandard-times {
  padding: 10px 20px;
}
.tandard-times .row-nav .comm-rdo-content {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.tandard-times .row-lis {
  min-height: 200px;
}
.tandard-times .row-lis .mod-noset {
  line-height: 50px;
  color: #aeaeae;
  font-size: 14px;
  text-align: center;
}
.tandard-times .row-lis .btn-handle {
  background: none;
  border: 0;
  outline: 0;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  visibility: hidden;
}
.tandard-times .row-lis .add-btn {
  color: #1878ff;;
}
.tandard-times .row-lis .add-btn:before {
  content: '';
}
.tandard-times .row-lis .del-btn {
  color: #f54646;
}
.tandard-times .row-lis .del-btn:before {
  content: '';
}
.tandard-times .row-lis dl {
  margin-bottom: 0;
  border-bottom: 1px solid #f3f3f3;
  font-size: 0;
  padding: 8px 0;
}
.tandard-times .row-lis dl dt,
.tandard-times .row-lis dl dd {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 14px;
}
.tandard-times .row-lis dl:hover .btn-handle {
  visibility: visible !important;
}
.tandard-times .row-lis dl:first-child .del-btn {
  display: none;
}
.tandard-times .row-lis .col-week {
  width: 80px;
}
.tandard-times .row-lis .col-time {
  width: 300px;
}
.tandard-times .row-lis .selecttime-warp {
  vertical-align: middle;
}
.tandard-times .row-lis .selecttime {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eee;
  border-radius: 5px;
}
.tandard-times .row-lis .selecttime .bill-select {
  width: 56px;
  display: inline-block;
  vertical-align: middle;
  border: 0;
  cursor: pointer;
  border-radius: 0;
}
.tandard-times .row-lis .selecttime .bill-select .bill-select-con li {
  padding: 4px 10px;
}
.tandard-times .row-lis .selecttime .bill-select:hover {
  background: #e5f7ff;
}
.tandard-times .row-lis .selecttime .bill-select p {
  padding-right: 0;
}
.tandard-times .row-lis .selecttime ul {
  min-width: 66px;
}
.standard-citys .row-lis {
  font-size: 0;
  padding: 10px 0;
}
.standard-citys dl {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #f3f3f3;
  width: 270px;
  height: 82px;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px;
  cursor: pointer;
}
.standard-citys dl.cur {
  background: #f6fafd;
  position: relative;
}
.standard-citys dl.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 20px;
  right: 20px;
  content: '\e6a6';
  font-size: 16px;
  color: #52c1f3;
}
.standard-citys .col-tit {
  line-height: 30px;
  font-size: 14px;
}
.standard-citys .col-cent {
  line-height: 30px;
  font-size: 14px;
}
.detitem-newsele .row-tit {
  font-size: 14px;
  color: #1f2937;
  font-weight: bold;
  padding-bottom: 20px;
}
.detitem-newsele .row-sele .sep-line {
  margin-left: 20px;
  margin-right: 10px;
}
.detitem-newsele .row-resourcelis {
  margin-top: 20px;
}
.detitem-mainlis {
  background: #fff;
}
.detitem-mainlis .del-btn,
.detitem-mainlis .edit-btn,
.detitem-mainlis .disable-btn,
.detitem-mainlis .enable-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
}
.detitem-mainlis .del-btn {
  color: #f54646;
}
.detitem-mainlis .del-btn:before {
  content: '';
}
.detitem-mainlis .enable-btn {
  color: #1878ff;
}
.detitem-mainlis .enable-btn:before {
  content: '';
}
.detitem-mainlis .disable-btn {
  color: #a9a8a8;
}
.detitem-mainlis .disable-btn:before {
  content: '';
}
.detitem-mainlis .edit-btn {
  color: #1878ff;;
}
.detitem-mainlis .edit-btn:before {
  content: '';
}
.detitem-mainlis .edit-tr {
  visibility: hidden;
}
.detitem-mainlis .engrid-row:hover .edit-tr {
  visibility: visible;
}
.detitem-mainlis .disable-cur {
  background: #fbfbfb;
  position: relative;
}
.detitem-mainlis .disable-cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #feed5f;
  position: absolute;
  top: 10px;
  left: 1px;
  font-size: 16px;
  content: '';
}
.detitem-mainlis .disable-cur .cell-main {
  background: #fbfbfb;
}
.detitem-mainlis .disable-cur .handle-btn {
  color: #c4c4c4;
}
.standard-planapp-wrap {
  position: relative;
}
.standard-planapp-wrap .standard-planapp-cent {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 310px;
  z-index: 299;
  display: flex;
  cursor: pointer;
}
.standard-planapp-wrap .standard-planapp-cent .stand-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 22px;
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
}
.standard-planapp-wrap .standard-planapp-cent .stand-icon:before {
  content: '';
}
.standard-planapp-wrap .standard-planapp-cent .stand-cent {
  background: #404352;
  color: #fff;
  line-height: 22px;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: 8px;
  margin-right: 30px;
  display: none;
}
.standard-planapp-wrap .standard-planapp-cent .stand-cent:before {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #404352;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 8px;
  left: 25px;
  content: '';
}
.standard-planapp-wrap .standard-planapp-cent:hover .stand-cent {
  display: inline-block;
}
.standard-planapp-wrap .standard-planapp-cent p {
  margin-bottom: 0;
}
.icon-megarelat {
  font-family: 'megaicon' !important;
  font-size: 20px;
  font-style: normal;
}
.icon-megarelat:before {
  content: '';
}
.application-alert-iframe {
  height: 100%;
}
.application-alert-warp .alert-content {
  width: 80% !important;
  height: 90%;
}
.billfill-iframe,
.comm-iframe {
  height: calc(100% - 4px);
}
.fillin-bill {
  padding: 10px 10px 0;
}
.fillin-bill dl {
  margin-bottom: 0;
}
.fillin-bill .fill-mobtit {
  padding: 10px;
  line-height: 30px;
  min-height: 50px;
  font-size: 16px;
  margin-bottom: 1px;
  color: #000;
  position: relative;
  text-align: center;
  display: block;
}
.fillin-bill .fill-mobtit .fill-mob-tit {
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.fillin-bill .fill-mobtit .col-left {
  position: absolute;
  top: 10px;
  left: 30px;
}
.fillin-bill .fill-mobtit .col-left .billtrip-related {
  color: #12b7f5;
}
.fillin-bill .fill-mobtit .print-fillbill {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fillin-bill .fill-mobtit .print-fillbill a,
.fillin-bill .fill-mobtit .print-fillbill button {
  font-weight: normal;
  color: #a9a9a9;
  background: none;
  border: 0;
}
.fillin-bill .fill-mobtit .print-fillbill a i,
.fillin-bill .fill-mobtit .print-fillbill button i {
  vertical-align: middle;
  font-size: 22px;
  padding: 0 5px;
}
.fillin-bill .fill-mobtit .print-fillbill a:hover,
.fillin-bill .fill-mobtit .print-fillbill button:hover {
  color: #1878ff;;
}
.fillin-bill .fill-mobtit .print-fillbill a:hover .chatbtn-lis,
.fillin-bill .fill-mobtit .print-fillbill button:hover .chatbtn-lis {
  visibility: visible;
}
.fillin-bill .fill-mobtit .print-fillbill .chatbtn-lis {
  width: 108px;
  right: -14px;
  text-align: center;
  top: 0;
  padding-top: 36px;
  display: inline-block;
  position: absolute;
  z-index: 299;
  visibility: hidden;
}
.fillin-bill .fill-mobtit .print-fillbill .handlelis {
  font-size: 14px;
  background: rgba(64, 67, 82, 0.8);
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.fillin-bill .fill-mobtit .print-fillbill .handlelis:after {
  display: block;
  position: absolute;
  top: 30px;
  right: 22px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(64, 67, 82, 0.8);
  content: '';
}
.fillin-bill .fill-mobtit .print-fillbill .tempsbtn {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.fillin-bill .fill-mobtit .print-fillbill .tempsbtn:hover {
  background: #858790;
}
.fillin-bill .fill-mobtit .print-fillbill .col-txt {
  @txt-dot;
}
.fillin-bill .fill-mobtit .print-fillbill .icon-sourcemsg {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 2px;
}
.fillin-bill .fill-mobtit .print-fillbill .icon-sourcemsg:before {
  content: '\e779';
}
.fillin-bill .fill-mobtit .print-fillbill .icon-businessmsg {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 2px;
}
.fillin-bill .fill-mobtit .print-fillbill .icon-businessmsg:before {
  content: '\e77a';
}
.fillin-bill .form-control {
  border: 1px solid #f6f6f6;
  border-radius: 5px;
}
.fillin-bill .form-control[readonly] {
  border: 1px solid #f6f6f6;
  background: #fff;
}
.fillin-bill .icon-fillnotice {
  color: #f35959;
  font-size: 20px;
  line-height: 34px;
  display: inline-block;
  vertical-align: middle;
  font-family: 'Microsoft yahei' !important;
}
.fillin-bill .icon-fillnotice:before {
  content: '*';
}
.fillin-bill .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
}
.fillin-bill .del:before {
  content: '';
}
.fillin-bill .icon-billlist,
.fillin-bill .icon-billperson {
  color: #1878ff;;
  margin-right: 5px;
  font-size: 20px;
}
.fillin-bill a.form-control {
  line-height: 20px;
  color: #999;
  display: block;
}
.fillin-bill .addbtn-wrap .btn-white,
.fillin-bill .addbtn-wrap .btn-primary {
  background-color: #fff;
  border-color: #dfdfdf;
  color: #606060;
}
.fillin-bill .addbtn-wrap .btn-white:active,
.fillin-bill .addbtn-wrap .btn-white.active,
.fillin-bill .addbtn-wrap .btn-white:focus,
.fillin-bill .addbtn-wrap .btn-white.focus,
.fillin-bill .addbtn-wrap .btn-primary:active,
.fillin-bill .addbtn-wrap .btn-primary.active,
.fillin-bill .addbtn-wrap .btn-primary:focus,
.fillin-bill .addbtn-wrap .btn-primary.focus {
  background-color: #fff !important;
  border-color: #dfdfdf !important;
  color: #606060 !important;
}
.fillin-bill .addbtn-wrap .btn-white:hover,
.fillin-bill .addbtn-wrap .btn-primary:hover {
  background-color: #fff !important;
  border-color: #1878ff !important;
  color: #1878ff !important;
}
.fillin-bill .addbtn-wrap .btn:last-child {
  background-color: #1878ff;;
  border-color: #1878ff;;
  color: #fff;
}
.fillin-bill .addbtn-wrap .btn:last-child:active,
.fillin-bill .addbtn-wrap .btn:last-child.active,
.fillin-bill .addbtn-wrap .btn:last-child:focus,
.fillin-bill .addbtn-wrap .btn:last-child.focus {
  background-color: #1878ff; !important;
  border-color: #1878ff; !important;
  color: #fff !important;
}
.fillin-bill .addbtn-wrap .btn:last-child:hover {
  background-color: #63cfff !important;
  border-color: #63cfff !important;
  color: #fff !important;
}
.fill-mob-textarea {
  width: 100%;
}
.fill-textarea dl,
.fill-progress dl {
  position: relative;
}
.fill-textarea dl dt,
.fill-progress dl dt {
  line-height: 34px;
  padding-left: 10px;
  position: relative;
}
.fill-textarea dl dt font,
.fill-progress dl dt font {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.fill-textarea dl dt .icon-fillnotice,
.fill-progress dl dt .icon-fillnotice {
  position: absolute;
  left: 0;
  top: 0;
}
.fill-textarea dl textarea,
.fill-progress dl textarea {
  width: 100%;
  resize: none;
}
.fill-totalmoney {
  width: auto !important;
  min-width: 150px;
  max-width: 200px;
}
.fill-totalmoney + .backname {
  position: inherit !important;
}
.fill-totalmoney + .amount-uppercase {
  flex: 1;
}
.fill-mob-main-sapprove {
  width: 100%;
}
.fill-mob-main .fillin-info {
  color: #aeaeae;
  font-size: 14px;
}
.fill-mob-main dl {
  display: flex;
  display: -webkit-flex;
  position: relative;
}
.fill-mob-main dt {
  display: inline-block;
}
.fill-mob-main dt font {
  display: inline-block;
  margin-right: 10px;
}
.fill-mob-main .amount-uppercase {
  display: inline-block;
  padding: 2px 8px 2px 9px;
  line-height: 34px;
  color: #999;
}
.fill-mob-main .backname {
  position: absolute;
  top: 2px;
  right: 15px;
  color: #eee;
  line-height: 30px;
}
.fill-mob-main .time-total {
  max-width: 30%;
  cursor: pointer;
}
.fill-mob-main .time-total span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #aeaeae;
  line-height: 30px;
  height: 30px;
  padding-right: 5px;
}
.fill-mob-main.fill-mob-main-smoney dl,
.fill-mob-main.fill-mob-main-simg dl,
.fill-mob-main.fill-mob-main-sapprove dl,
.fill-mob-main.fill-mob-main-bill dl {
  display: block;
  display: -webkit-block;
}
.fill-mob-main .bill-select {
  width: 160px;
  border: 1px solid #f6f6f6;
  color: #999;
}
.fill-mob-main .fill-treewarp {
  position: relative;
}
.fill-mob-main .fill-treewarp .fill-treewarp-slect {
  background-color: #fff;
  position: relative;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  border-radius: 5px;
  color: #999;
  margin: 0;
}
.fill-mob-main .fill-treewarp .fill-treewarp-slect font {
  padding: 0 15px;
  display: block;
  float: left;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  overflow: hidden;
}
.fill-mob-main .fill-treewarp .fill-treewarp-slect span {
  padding: 8px;
  width: 29px;
  display: block;
  float: right;
  position: absolute;
  top: 2px;
  right: 1%;
}
.fill-mob-main .linetree {
  position: absolute;
  top: 30px;
  left: 0;
  width: 200px;
  z-index: 999;
}
.fill-mod {
  background: #fff;
  margin-bottom: 10px;
  zoom: 1;
  padding: 12px 18px;
  display: flex;
  border-radius: 5px;
}
.fill-mod:after {
  content: '';
  display: block;
  clear: both;
}
.fill-mod .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
}
.fill-mod .del:before {
  content: '';
}
.fill-mod .show-lis {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.fill-mod .show-lis:before {
  content: '';
}
.fill-mod .show-lis.cur:before {
  content: '';
}
.fill-mod .scroll-fill {
  display: flex;
  width: 100%;
}
.fill-mod .fill-mob-main {
  min-width: 180px;
}
.fill-mod .fill-mob-main .main {
  line-height: 34px;
  padding: 0 8px 0 0;
}
.fill-mod .fill-mob-main .main,
.fill-mod .fill-mob-main .form-control,
.fill-mod .fill-mob-main .bill-select,
.fill-mod .fill-mob-main .fill-treewarp-slect {
  flex: 1;
}
.fill-mod .fill-mob-main .backname {
  width: auto;
  right: 15px;
}
.fill-mod .bill-sepinfo {
  width: 100%;
}
.fill-mod .bill-sepinfo.sep-setl {
  text-align: left;
}
.fill-mod .bill-sepinfo.sep-setc {
  text-align: center;
}
.fill-mod .bill-sepinfo.sep-setr {
  text-align: right;
}
.fill-mod .bill-sepinfo .sep-tit {
  font-size: 14px;
  line-height: 38px;
  color: #1f2937;
  font-weight: bold;
}
.fill-mod .bill-sepinfo .sep-info {
  font-size: 14px;
  line-height: 22px;
  color: #aeaeae;
}
.fill-mod .fill-exceptionrecord .tit span {
  font-weight: bold;
}
.fill-mod .fill-exceptionrecord .record-main {
  margin-top: 20px;
}
.fill-mod .fill-exceptionrecord .record-time,
.fill-mod .fill-exceptionrecord .record-place,
.fill-mod .fill-exceptionrecord .record-type {
  display: inline-block;
  vertical-align: middle;
}
.fill-mod .fill-exceptionrecord .record-time {
  margin-right: 15px;
}
.fill-mod .fill-exceptionrecord .record-place {
  width: 620px;
  margin-right: 15px;
}
.fill-mod .fill-exceptionrecord .record-type {
  padding: 4px 0;
}
.fill-mod .fill-exceptionrecord .icon-attend-abnormal {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background: #c4cfd5;
  color: #fff;
  line-height: 24px;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  font-size: 16px;
  margin-right: 5px;
}
.fill-mod .fill-exceptionrecord .icon-abnormal2 {
  background: #ff8661;
}
.fill-mod .fill-exceptionrecord .icon-abnormal2:before {
  content: '';
}
.fill-mod .fill-exceptionrecord .icon-abnormal3 {
  background: #72ade9;
}
.fill-mod .fill-exceptionrecord .icon-abnormal3:before {
  content: '';
}
.fill-mod .fill-exceptionrecord .icon-abnormal4 {
  background: #f7bf28;
}
.fill-mod .fill-exceptionrecord .icon-abnormal4:before {
  content: '';
}
.fill-mod .fill-exceptionrecord .icon-abnormal5 {
  background: #ff8661;
}
.fill-mod .fill-exceptionrecord .icon-abnormal5:before {
  content: '\eb93';
}
.fill-mod .fill-exceptionrecord .icon-abnormal6 {
  background: #ff8661;
}
.fill-mod .fill-exceptionrecord .icon-abnormal6:before {
  content: '\e788';
}
.fill-mod .fill-exceptionrecord .icon-abnormal7 {
  background: #f7bf28;
}
.fill-mod .fill-exceptionrecord .icon-abnormal7:before {
  content: '\ed33';
}
.fill-mod .fill-exceptionrecord .icon-abnormal0 {
  background: #c4cfd5;
}
.fill-mod .fill-exceptionrecord .icon-abnormal0:before {
  content: '';
}
.fill-other-mod {
  background: #fff;
  margin-bottom: 10px;
  zoom: 1;
  padding: 16px 22px;
}
.fill-other-mod:after {
  content: '';
  display: block;
  clear: both;
}
.fill-other-mod textarea {
  resize: none;
}
.fill-mobhead {
  display: flex;
  display: -webkit-flex;
}
.fill-mobhead > div {
  flex: 1;
}
.fill-mobhead > div dd {
  text-align: center;
}
.fill-table {
  margin: 10px 0;
  border: 1px solid #b8e1f4;
  border: 1px solid #b8e1f4;
  border-bottom: 0;
  position: relative;
  background: #fff;
  border-radius: 5px;
}
.fill-table .fill-tablelis {
  width: calc(100% - 110px);
  float: left;
}
.fill-table .fill-tablelis .scroll-fill {
  display: flex;
}
.fill-table .fill-tablelis .fill-mob-main,
.fill-table .fill-tablelis .main,
.fill-table .fill-tablelis .form-control,
.fill-table .fill-tablelis .bill-select,
.fill-table .fill-tablelis .fill-treewarp-slect {
  flex: 1;
}
.fill-table .fill-tablelis .icon-fillnotice {
  line-height: 34px;
}
.fill-table .fill-tableoperate {
  width: 100px;
  float: right;
  text-align: right;
}
.fill-table .fill-tableoperate a {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin-left: 10px;
  text-align: right;
}
.fill-table .fill-tableoperate a:before {
  content: '';
}
.fill-table .fill-tableoperate .add-hasson-btn {
  color: #1878ff;
}
.fill-table .fill-tableoperate .add-hasson-btn:before {
  content: '';
}
.fill-table .fill-tableoperate .add-btn {
  color: #1878ff;;
}
.fill-table .fill-tableoperate .add-btn:before {
  content: '';
}
.fill-table .fill-tableoperate .del-btn {
  color: #db4040;
}
.fill-table .fill-tableoperate .del-btn:before {
  content: '';
}
.fill-table .fill-table-warp {
  border-bottom: 1px solid #b8e1f4;
}
.fill-table .fill-tableA,
.fill-table .fill-tableB {
  zoom: 1;
  padding: 10px 18px;
}
.fill-table .fill-tableA:after,
.fill-table .fill-tableB:after {
  content: '';
  display: block;
  clear: both;
}
.fill-table .fill-tableB {
  padding-bottom: 10px;
}
.fill-table .fill-mob-main {
  float: left;
}
.fill-table .fill-mob-main .main {
  padding: 0 8px 0 0;
  min-height: 34px;
}
.fill-table .fill-table-tit {
  padding: 0 0 10px;
  color: #1f2937;
  background: #fff;
  font-weight: bold;
}
.fill-table .fill-table-tit span {
  margin-right: 5px;
}
.fill-table .fill-table-tit strong {
  font-size: 14px;
  color: #606060;
  margin-left: 10px;
  font-weight: normal;
}
.fill-table .fill-table-tit strong i {
  font-style: normal;
  color: red;
}
.fill-table .fill-table-tit .iconfont,
.fill-table .fill-table-tit .icon-fillnotice {
  color: #f35959;
}
.fill-table .fill-table-tit .icon-fillnotice {
  font-weight: normal;
}
.fill-table .fill-tableB {
  border-top: 1px solid #ecf1f7;
  background: #f8fdff;
  margin: 0;
  position: relative;
}
.fill-table .fill-tableB .fill-table-tit {
  background: #f8fdff;
}
.fill-table .fill-table-opera .show-sontable {
  background: #468cc8;
  width: 16px;
  height: 16px;
  color: #fff;
  display: block;
  overflow: hidden;
}
.fill-table .fill-table-opera .show-sontable i {
  font-size: 16px;
  line-height: 16px;
}
.fill-template-text dt {
  position: relative;
  padding-left: 10px;
  max-width: 50%;
}
.fill-template-text dt font {
  line-height: 30px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.fill-template-text dt .icon-fillnotice {
  position: absolute;
  top: 0;
  left: -2px;
}
.fill-template-text .icon-billlist,
.fill-template-text .icon-billapply {
  vertical-align: middle;
}
.fill-template-money dt font,
.fill-template-img dt font,
.fill-template-approve dt font,
.fill-template-bill dt font {
  margin-right: 0;
}
.fill-template-money .add-btn,
.fill-template-img .add-btn,
.fill-template-approve .add-btn,
.fill-template-bill .add-btn {
  display: inline-block;
}
.fill-template-money .add-btn i,
.fill-template-img .add-btn i,
.fill-template-approve .add-btn i,
.fill-template-bill .add-btn i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #ccc;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  width: 50px;
  padding-right: 10px;
  text-align: center;
}
.fill-template-money .add-btn i:before,
.fill-template-img .add-btn i:before,
.fill-template-approve .add-btn i:before,
.fill-template-bill .add-btn i:before {
  content: '';
}
.fill-template-money .add-btn i:hover,
.fill-template-img .add-btn i:hover,
.fill-template-approve .add-btn i:hover,
.fill-template-bill .add-btn i:hover {
  color: #1878ff;;
}
.fill-template-money dt span,
.fill-template-img dt span,
.fill-template-approve dt span,
.fill-template-bill dt span {
  color: #f35959;
  margin-right: 5px;
}
.fill-template-money dt,
.fill-template-money dd,
.fill-template-img dt,
.fill-template-img dd,
.fill-template-approve dt,
.fill-template-approve dd,
.fill-template-bill dt,
.fill-template-bill dd {
  line-height: 34px;
}
.fill-template-money dt font,
.fill-template-img dt font,
.fill-template-approve dt font,
.fill-template-bill dt font {
  font-weight: bold;
}
.fill-template-money .result ul li {
  zoom: 1;
  margin-bottom: 5px;
}
.fill-template-money .result ul li:after {
  content: '';
  display: block;
  clear: both;
}
.fill-template-money .result ul li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 10px;
  margin: 0;
  float: left;
  width: 220px;
  height: 34px;
  color: #585858;
}
.fill-template-money .result ul li span:nth-child(4) {
  width: 100px;
}
.fill-template-money .result ul li span:first-child {
  width: 330px;
}
.fill-template-money .result ul li span:nth-child(2) {
  width: 300px;
}
.fill-template-money .result ul li span:nth-child(5) {
  width: 134px;
}
.fill-template-money .result ul li span:nth-child(5) > .form-control {
  width: 124px !important;
}
.fill-template-money .result ul li span i {
  font-size: 18px;
  color: #1878ff;;
  margin-right: 10px;
  cursor: pointer;
}
.fill-template-money .result ul li .del {
  color: #db4040;
  font-size: 16px;
  width: 40px;
  cursor: pointer;
}
.fill-template-bill .result ul {
  zoom: 1;
}
.fill-template-bill .result ul:after {
  content: '';
  display: block;
  clear: both;
}
.fill-template-bill .result ul li {
  zoom: 1;
  margin-bottom: 5px;
  position: relative;
  padding: 15px 10px 10px 60px;
  width: 420px;
  height: 115px;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  cursor: default;
  float: left;
  margin-right: 25px;
  cursor: pointer;
}
.fill-template-bill .result ul li:after {
  content: '';
  display: block;
  clear: both;
}
.fill-template-bill .result ul li > div {
  zoom: 1;
}
.fill-template-bill .result ul li > div:after {
  content: '';
  display: block;
  clear: both;
}
.fill-template-bill .result ul li .icon {
  background: #1878ff;;
  color: #fff;
  border-radius: 50%;
  width: 37px;
  height: 37px;
  display: inline-block;
  line-height: 37px;
  text-align: center;
  position: absolute;
  top: 14px;
  left: 10px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.fill-template-bill .result ul li .num {
  float: left;
  color: #606060;
}
.fill-template-bill .result ul li .name {
  float: right;
  color: #606060;
}
.fill-template-bill .result ul li .info {
  color: #606060;
  height: 48px;
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 0;
}
.fill-template-bill .result ul li .del {
  color: #db4040;
  font-size: 18px;
  width: 40px;
  position: absolute;
  cursor: pointer;
  position: absolute;
  top: -15px;
  right: -34px;
  display: none;
}
.fill-template-bill .result ul li.li2 .icon:before {
  content: '';
}
.fill-template-bill .result ul li:hover .del {
  display: block;
}
.fill-template-img .webuploader-pick {
  background: none !important;
  vertical-align: middle !important;
}
.fill-template-img .webuploader-pick-hover {
  background: none !important;
}
.fill-template-img .result .img-lis {
  zoom: 1;
  padding: 10px 0;
}
.fill-template-img .result .img-lis:after {
  content: '';
  display: block;
  clear: both;
}
.fill-template-img .result .img-lis li {
  float: left;
  margin-right: 14px;
  position: relative;
}
.fill-template-img .result .img-lis li strong {
  width: 80px;
  height: 80px;
  display: block;
  line-height: 80px;
  overflow: hidden;
}
.fill-template-img .result .img-lis li strong img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}
.fill-template-img .result .img-lis li .del {
  color: #db4040;
  position: absolute;
  right: -12px;
  top: -19px;
  color: #db4040;
  cursor: pointer;
}
.fill-template-img .result .file-lis {
  zoom: 1;
}
.fill-template-img .result .file-lis:after {
  content: '';
  display: block;
  clear: both;
}
.fill-template-img .result .file-lis li {
  width: 380px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: relative;
  padding: 0 24px 0 20px;
  margin-right: 20px;
  cursor: pointer;
}
.fill-template-img .result .file-lis li .del {
  color: #db4040;
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 18px;
  cursor: pointer;
}
.fill-template-approve .result {
  margin: 20px 0 20px 0;
  zoom: 1;
  width: 100%;
}
.fill-template-approve .result:after {
  content: '';
  display: block;
  clear: both;
}
.fill-template-approve .result dl {
  float: left;
  position: relative;
  padding-right: 16px;
  cursor: pointer;
}
.fill-template-approve .result dl:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  float: left;
  font-size: 14px;
  color: #b1b1b1;
  position: absolute;
  top: 4px;
  right: 0;
  content: '󦊷';
}
.fill-template-approve .result dl:last-child {
  padding-right: 0;
}
.fill-template-approve .result dl:last-child:before {
  content: '';
}
.fill-template-approve .result dt {
  position: relative;
  width: 70px;
  display: block;
}
.fill-template-approve .result dt strong {
  width: 34px;
  height: 34px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  line-height: 34px;
}
.fill-template-approve .result dt strong img,
.fill-template-approve .result dt strong .ui-head {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
.fill-template-approve .result dt strong img {
  display: block;
}
.fill-template-approve .result dt .del {
  color: #f54646;
  position: absolute;
  right: 14px;
  top: -15px;
  cursor: pointer;
  font-size: 18px;
}
.fill-template-approve .result dd {
  width: 70px;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 30px;
}
.fill-template-approve .result-select .bill-select {
  width: 260px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.fill-template-main-notice .fill-template-approve .result dl {
  padding-right: 0;
}
.fill-template-main-notice .fill-template-approve .result dl:before {
  content: '';
}
.sloan-warp .sloan-head {
  min-height: 40px;
}
.sloan-warp .comm-rdo-content .comm-rdo {
  top: 5px;
}
.sloan-warp .bill-select {
  margin-right: 10px;
}
.sloan-warp table {
  margin-top: 10px;
}
.sloan-warp table td {
  font-weight: normal;
}
.sloan-table {
  width: 100%;
  max-height: 355px;
  overflow: auto;
}
.sloan-table td {
  min-width: 120px;
}
.sloan-table::-webkit-scrollbar {
  height: 8px;
}
.sloan-table::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.sloan-table::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.sloan-table::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.sloan-table::-webkit-scrollbar,
.sloan-table::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.sloan-table::-webkit-scrollbar-button {
  width: 0;
}
.sloan-table .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
}
.fill-moneyselect .addbtn-wrap {
  padding: 8px 0;
}
.fill-moneyselect .nolis {
  padding: 10px;
  text-align: center;
  color: #aeaeae;
}
.fill-moneyselect .fillselect-person .fillselect-person-cent {
  height: 400px;
}
.fill-moneyselect .fillselect-person .fillselect-lis {
  width: 312px;
  border: 1px solid #e8e8e8;
  padding: 10px 0;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
.fill-moneyselect .fillselect-person .fillselect-top {
  padding: 0 10px 10px;
  border-bottom: 1px solid #f3f3f3;
}
.fill-moneyselect .fillselect-person .fillselect-top .search-tree {
  width: 260px;
  display: inline-block;
  vertical-align: middle;
}
.fill-moneyselect .fillselect-person .fillselect-top .smoney-add {
  width: 20px;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
  color: #d5d5d5;
}
.fill-moneyselect .fillselect-person .fillselect-top .smoney-add:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  content: '';
}
.fill-moneyselect .fillselect-person .fillselect-top .smoney-add:hover {
  color: #4bbef2;
}
.fill-moneyselect .fillselect-person .fillselect-info {
  height: calc(100% - 50px);
  overflow: hidden;
  overflow-y: auto;
}
.fill-moneyselect .fillselect-person .fillselect-info .title {
  background: #fafafa;
  height: 40px;
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  line-height: 40px;
}
.fill-moneyselect .fillselect-person .fillselect-info .title span {
  margin-left: 10px;
}
.fill-moneyselect
  .fillselect-person
  .fillselect-info
  .select-infomod:first-child
  .title {
  border-top: 0;
  background: red;
}
.fill-moneyselect .fillselect-person .fillselect-info .lis ul {
  margin-bottom: 0;
}
.fill-moneyselect .fillselect-person .fillselect-info .lis li {
  display: block;
  line-height: 30px;
  padding-left: 50px;
  margin-bottom: 4px;
  cursor: pointer;
  position: relative;
}
.fill-moneyselect .fillselect-person .fillselect-info .lis li.cur {
  background: #f1fbff;
}
.fill-moneyselect .fillselect-person .fillselect-info .lis li.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e6a6';
  position: absolute;
  left: 14px;
  top: 0;
  color: #4bbef2;
  font-size: 18px;
}
.fill-moneyselect .fillselect-person .fillselect-info .lis li:hover {
  background: #f1fbff;
}
.fill-moneyselect .fillselect-person .result {
  width: 528px;
  border: 1px solid #e8e8e8;
  padding: 10px;
  background: #fafafa;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  margin-left: 10px;
  overflow: hidden;
  overflow-y: auto;
}
.fill-moneyselect .fillselect-person .result .tit {
  padding: 10px 0;
}
.fill-moneyselect .staff-ele1 {
  width: 500px;
  margin: 0 auto;
}
.fill-moneyselect .staff-ele1 dl {
  width: 490px;
  height: 80px;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #eee;
  display: flex;
  display: -webkit-flex;
  background: #fff;
}
.fill-moneyselect .staff-ele1 dl.cur {
  position: relative;
}
.fill-moneyselect .staff-ele1 dl.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e6a6';
  position: absolute;
  right: 10px;
  top: 14px;
  color: #4bbef2;
  font-size: 18px;
}
.fill-moneyselect .staff-ele1 dt {
  background: #fff;
  width: 90px;
  line-height: 20px;
}
.fill-moneyselect .staff-ele1 dt span {
  display: block;
  width: 40px;
  height: 40px;
  color: #fff;
  margin: 17px auto 0 auto;
}
.fill-moneyselect .staff-ele1 dd {
  background: #fff;
  padding: 10px;
  width: 380px;
  color: #111;
  line-height: 30px;
}
.fill-moneyselect .staff-ele1 dd p {
  margin-bottom: 0;
}
.fill-moneyselect .staff-ele1 dd p.name {
  zoom: 1;
}
.fill-moneyselect .staff-ele1 dd p.name:after {
  content: '';
  display: block;
  clear: both;
}
.fill-moneyselect .staff-ele1 dd p.name span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 80%;
  display: inline-block;
  float: left;
}
.fill-moneyselect .staff-ele1 dd i {
  background: #4bbef2;
  display: inline-block;
  color: #fff;
  padding: 0 8px;
  border-radius: 8px;
  line-height: 18px;
  font-size: 10px;
  font-style: normal;
  margin-left: 10px;
  float: left;
  margin-top: 7px;
}
.fill-moneyselect .staff-ele1 .sbank-add {
  height: 64px;
  line-height: 64px;
  border-radius: 5px;
  border: 1px dashed #f3f3f3;
  background: #fff;
  width: 490px;
  text-align: center;
  cursor: pointer;
  color: #aeaeae;
}
.fill-moneyselect .staff-ele1 .sbank-add i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #d5d5d5;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
.fill-moneyselect .staff-ele1 .sbank-add i:before {
  content: '\e694';
}
.fill-moneyselect .staff-ele1 .sbank-add:hover {
  color: #4bbef2;
}
.fill-moneyselect .staff-ele1 .sbank-add:hover i {
  color: #4bbef2;
}
.fill-moneyselect .staff-ele2 {
  width: 500px;
  margin: 0 auto;
}
.fill-moneyselect .staff-ele2 .tit {
  padding-bottom: 10px;
}
.fill-moneyselect .staff-ele2 dl {
  float: left;
  cursor: pointer;
  width: 145px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #eee;
  background: #fff;
  color: #1f2937;
  text-align: center;
  border-radius: 5px;
  margin: 0 26px 10px 0;
}
.fill-moneyselect .staff-ele2 dl:nth-child(3n + 1) {
  margin-right: 0;
}
.fill-moneyselect .staff-ele2 dl i {
  color: #55c2f2;
  font-size: 20px;
}
.fill-moneyselect .staff-ele2 dl.cur {
  background: #1878ff;
  color: #fff;
  position: relative;
}
.fill-moneyselect .staff-ele2 dl.cur i {
  color: #fff;
}
.fill-moneyselect .staff-ele2 dl.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e6a6';
  position: absolute;
  left: 16px;
  bottom: -2px;
  color: #fff;
  font-size: 17px;
}
.fill-moneyselect .staff-ele2 dl.cur dd {
  color: #fff;
}
.fill-moneyselect .staff-ele2 dt,
.fill-moneyselect .staff-ele2 dd {
  display: inline-block;
  vertical-align: middle;
}
.fill-moneyselect .staff-ele2 dt {
  padding-right: 5px;
}
.fill-moneyselect .staff-ele2 dd {
  color: #606060;
}
.filladd-person-notice {
  position: absolute;
  top: -29px;
  left: 112px;
  color: #aeaeae;
}
.filladd-person .filladd-person-cent {
  min-height: 400px;
}
.filladd-person .filladd-person-mod .tit {
  height: 34px;
  line-height: 34px;
  padding-left: 20px;
  color: #1f2937;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.filladd-person .filladd-person-mod .cent {
  padding: 10px 0;
}
.filladd-person .filladd-person-mod dl {
  position: relative;
  padding-left: 85px;
  min-height: 34px;
  margin-bottom: 10px;
}
.filladd-person .filladd-person-mod dt {
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  width: 70px;
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.filladd-person .filladd-person-mod dt .icon-billnotice {
  color: #ff1206;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 18px;
}
.filladd-person .filladd-person-mod dt .icon-billnotice:before {
  content: '*';
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px;
  font-family: 'microsoft yahei';
}
.filladd-person .filladd-person-mod dd {
  width: 550px;
}
.filladd-person .filladd-person-mod .filladd-enclosure {
  padding: 0 20px;
}
.filladd-person .filladd-person-mod .filladd-enclosure dt {
  position: inherit;
  width: auto;
  display: block;
  text-align: left;
}
.filladd-person .filladd-person-mod .filladd-enclosure dt font {
  font-size: 14px;
  color: #1f2937;
  padding-right: 10px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.filladd-person .filladd-person-mod .filladd-enclosure dd {
  width: 100%;
}
.filladd-person .filladd-person-mod .filladd-enclosure .file-lis li {
  width: 50%;
}
.filladd-person .filladd-person-mod .filladd-enclosure .add-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #ccc;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  padding-right: 6px;
  text-align: center;
}
.filladd-person .filladd-person-mod .filladd-enclosure .add-btn:before {
  content: '';
}
.filladd-person .filladd-person-mod .filladd-enclosure .add-btn:hover {
  color: #1878ff;;
}
.filladd-person .filladd-person-mod .filladd-enclosure .webuploader-pick,
.filladd-person .filladd-person-mod .filladd-enclosure .webuploader-pick-hover {
  background: none;
}
.filladd-person .row-box {
  position: relative;
}
.filladd-person .row-box .col-back {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 34px;
}
.filladd-person .row-box .icon-billdate {
  color: #1878ff;;
  font-size: 14px;
  color: #aeaeae;
}
.filladd-person .row-box .backname {
  color: #999;
}
.filladd-person .form-control[readonly] {
  background: #fff;
}
.filladd-person .loadimg-mod {
  padding-bottom: 10px;
  width: 100%;
  min-height: 64px;
}
.filladd-person .loadimg-mod .img-result {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  display: block;
}
.filladd-person .loadimg-mod .img-result img {
  width: 60px;
  height: auto;
  border-radius: 50%;
}
.filladd-person .loadimg-mod .img-btnwarp {
  float: right;
}
.filladd-person .loadimg-mod .img-btnwarp .img-btn {
  margin-top: 20px;
  color: #1878ff;;
  display: block;
}
.filladd-person .loadimg-mod .webuploader-pick {
  background: #fff !important;
}
.moneyselect-edit-name {
  width: 538px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.fill-moneyselect-edit .fillselect-person .result {
  width: 538px;
}
.sinvoice-warp .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  font-size: 18px;
}
.sinvoice-warp .del:before {
  content: '';
}
.sinvoice-warp .table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}
.sinvoice-warp .sinvoice-add {
  border: 1px solid #eee;
  background: #f1fbff;
  color: #66c9f4;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  line-height: 30px;
  width: 170px;
  margin: 30px 0 20px;
  display: block;
}
.sinvoice-warp .sinvoice-add i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 20px;
}
.sinvoice-warp .sinvoice-add i:before {
  content: '';
}
.sinvoice-warp .sinvoice-add:hover {
  background: #1878ff;;
  border: 1px solid #1878ff;;
}
.sinvoice-warp .sinvoice-add:hover a {
  color: #fff;
}
.sinvoice-warp .sinvoice-total {
  background: #fafafa;
  padding: 10px;
  display: flex;
}
.sinvoice-warp .sinvoice-total span {
  flex: 1;
  color: #606060;
}
.sinvoice-warp .sinvoice-total span strong {
  color: #1878ff;;
  font-weight: normal;
}
.readonly-cur {
  border: 1px solid #fff !important;
  background: #fff;
}
.readonly-cur[readonly] {
  border: 1px solid #fff !important;
  background: #fff;
}
.readonly-cur .icon-fillnotice {
  display: none;
}
.readonly-cur .backname {
  color: #555;
}
.readonly-cur.bill-select span {
  display: none;
}
.readonly-cur.fill-treewarp .fill-treewarp-slect {
  border: 1px solid #fff !important;
}
.readonly-cur.fill-treewarp .fill-treewarp-slect span {
  display: none;
}
.fill-tableB .readonly-cur {
  border: 1px solid #f8fdff !important;
  background: #f8fdff;
}
.fill-tableB .readonly-cur[readonly] {
  border: 1px solid #f8fdff !important;
  background: #f8fdff;
}
.icon-billapply {
  color: #c3c3c3;
  margin-right: 5px;
  font-size: 20px;
}
.sapproveNext dl {
  display: flex;
  display: -webkit-flex;
  margin-bottom: 10px;
}
.sapproveNext dl .head {
  margin-left: 10px;
  width: 40px;
  height: 40px;
}
.sapproveNext dl .head img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.sapproveNext dl .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 40px;
  margin-left: 10px;
  width: 100px;
}
.sapproveNext dl .select-rdo {
  padding: 6px 0 0 10px;
}
.sapproveNext dl .attr {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 40px;
  margin-left: 10px;
  width: 100px;
}
.comm-blacknotice {
  background: #404352;
  padding: 10px 10px 10px 20px;
  position: absolute;
  border-radius: 5px;
  color: #fff;
  z-index: 299;
  line-height: 24px;
}
.comm-blacknotice .comm-blacknotice-cent {
  position: relative;
  background: #404352;
  line-height: 24px;
}
.comm-blacknotice .comm-blacknotice-cent p {
  margin-bottom: 0;
}
.comm-blacknotice .comm-blacknotice-cent:before {
  position: absolute;
  left: 10px;
  top: -22px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #404352;
  content: ' ';
}
.comm-blacknotice .comm-blacknotice-cent .notice-cur {
  color: #1878ff;;
}
.fill-totalmoney {
  position: relative;
}
.fill-totalmoney .fill-totalmoney-main {
  padding-right: 20px;
}
.fill-totalmoney .fill-totalmoney-main p {
  margin-bottom: 0;
  color: #aeaeae;
  line-height: 20px;
}
.fill-totalmoney .fill-totalmoney-main p:first-child {
  color: #ff0000;
  line-height: 30px;
}
.fill-totalmoney .comm-blacknotice {
  position: absolute;
  color: #fff;
}
.fill-totalmoney .comm-blacknotice span {
  color: #1878ff;;
}
.simg-warp .pubsimg-btn .webuploader-pick {
  width: 120px;
  line-height: 32px;
  margin-bottom: 20px;
}
.simg-warp .pubsimg {
  margin-bottom: 10px;
  width: 100%;
  margin: 0;
  color: #999;
}
.simg-warp .pubsimg p {
  margin-bottom: 0;
}
.simg-warp .pubsimg .title {
  line-height: 24px;
  height: 24px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.simg-warp .pubsimg .pubList {
  overflow: hidden;
  clear: both;
}
.simg-warp .pubsimg .pubList .error {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 36px;
}
.simg-warp .pubsimg .item {
  position: relative;
  float: left;
  border: 1px solid #eee;
  margin: 0 5px 5px 0;
  background: #fff;
  padding: 0 7px;
  width: 126px;
}
.simg-warp .pubsimg .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  margin-bottom: 0;
  background: #fff;
}
.simg-warp .pubsimg .success {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  height: 40px;
  z-index: 200;
  background: url('../images/success.png?4936') no-repeat right bottom;
}
.simg-warp .pubsimg .progress-bar {
  background-color: #595e77;
}
.simg-warp .pubsimg .filelist {
  margin: 0;
  padding: 0;
}
.simg-warp .pubsimg .imgWrap {
  width: 110px;
  height: 110px;
  background: url('../images/bg.png?4936') no-repeat;
  text-align: center;
  margin: 0 8px 8px 0;
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 14px;
}
.simg-warp .pubsimg .imgWrap .infoext {
  padding-top: 31px;
  display: block;
  font-size: 17px;
  font-weight: bold;
}
.simg-warp .pubsimg .imgWrap .infonotice {
  display: block;
  text-align: center;
}
.simg-warp .pubsimg .btns {
  padding: 10px;
  overflow: hidden;
}
.simg-warp .pubsimg .btns .uploadBtn {
  background: #f88029;
  color: #fff;
  float: right;
  padding: 5px 10px;
  border-radius: 5px;
}
.simg-warp .pubsimg .info {
  text-align: right;
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding: 10px 0;
}
.simg-warp .pubsimg .file-panel {
  position: absolute;
  height: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000') \0 ;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 300;
}
.simg-warp .pubsimg .file-panel span {
  width: 24px;
  height: 24px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url('../images/icons.png?4936') no-repeat;
  margin: 5px auto 1px;
  cursor: pointer;
}
.simg-warp .pubsimg .file-panel span.cancel {
  background-position: -48px -24px;
}
.simg-warp .pubsimg .file-panel span.cancel:hover {
  background-position: -48px 0;
}
.fill-mod.width-percentage .fill-mob-main,
.fill-table .fill-tableA.width-percentage .fill-mob-main,
.fill-table .fill-tableB.width-percentage .fill-mob-main {
  flex: none;
  -webkit-flex: none;
  float: left;
  min-width: 180px;
}
.fill-mod.width-percentage .scroll-fill .bill-template-box,
.fill-table .fill-tableA.width-percentage .scroll-fill .bill-template-box,
.fill-table .fill-tableB.width-percentage .scroll-fill .bill-template-box {
  float: left;
}
.fill-mod.width-divide .fill-mob-main,
.fill-table .fill-tableA.width-divide .fill-mob-main,
.fill-table .fill-tableB.width-divide .fill-mob-main {
  flex: 1;
  -webkit-flex: 1;
  min-width: 180px;
  float: none;
}
.fill-mod.width-divide .scroll-fill,
.fill-table .fill-tableA.width-divide .scroll-fill,
.fill-table .fill-tableB.width-divide .scroll-fill {
  display: flex;
}
.fill-mod.width-fixed .fill-mob-main,
.fill-table .fill-tableA.width-fixed .fill-mob-main,
.fill-table .fill-tableB.width-fixed .fill-mob-main {
  flex: none;
  -webkit-flex: none;
  float: left;
  min-width: 180px;
}
.fill-mod.width-fixed .scroll-fill .bill-template-box,
.fill-table .fill-tableA.width-fixed .scroll-fill .bill-template-box,
.fill-table .fill-tableB.width-fixed .scroll-fill .bill-template-box {
  float: left;
}
.fill-mod .scroll-fill,
.fill-table .fill-tableA .scroll-fill,
.fill-table .fill-tableB .scroll-fill {
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 10px;
}
.fill-mod .scroll-fill::-webkit-scrollbar,
.fill-table .fill-tableA .scroll-fill::-webkit-scrollbar,
.fill-table .fill-tableB .scroll-fill::-webkit-scrollbar {
  height: 8px;
}
.fill-mod .scroll-fill::-webkit-scrollbar-thumb,
.fill-table .fill-tableA .scroll-fill::-webkit-scrollbar-thumb,
.fill-table .fill-tableB .scroll-fill::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.fill-mod .scroll-fill::-webkit-scrollbar-thumb:hover,
.fill-table .fill-tableA .scroll-fill::-webkit-scrollbar-thumb:hover,
.fill-table .fill-tableB .scroll-fill::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.fill-mod .scroll-fill::-webkit-scrollbar-thumb:active,
.fill-table .fill-tableA .scroll-fill::-webkit-scrollbar-thumb:active,
.fill-table .fill-tableB .scroll-fill::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.fill-mod .scroll-fill::-webkit-scrollbar,
.fill-mod .scroll-fill::-webkit-scrollbar-track,
.fill-table .fill-tableA .scroll-fill::-webkit-scrollbar,
.fill-table .fill-tableA .scroll-fill::-webkit-scrollbar-track,
.fill-table .fill-tableB .scroll-fill::-webkit-scrollbar,
.fill-table .fill-tableB .scroll-fill::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.fill-mod .scroll-fill::-webkit-scrollbar-button,
.fill-table .fill-tableA .scroll-fill::-webkit-scrollbar-button,
.fill-table .fill-tableB .scroll-fill::-webkit-scrollbar-button {
  width: 0;
}
.comm-filltree {
  position: absolute;
  width: 260px;
  z-index: 299;
  min-width: 200px;
}
.todo-manage .info {
  color: #1f2937;
  line-height: 40px;
}
.todo-manage .info strong {
  color: #999;
  font-size: 14px;
  font-weight: normal;
}
.todo-manage .cent {
  margin-top: 10px;
}
.todo-manage .cent .select-box {
  border: 1px solid #eee;
  width: 395px;
  height: 494px;
  overflow: hidden;
  overflow-y: auto;
  display: inline-block;
  margin-right: 10px;
}
.todo-manage .cent .select-box dl {
  line-height: 32px;
  margin-bottom: 0;
  cursor: pointer;
  height: 32px;
}
.todo-manage .cent .select-box dl dt,
.todo-manage .cent .select-box dl dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 32px;
  height: 32px;
}
.todo-manage .cent .select-box dl:first-child {
  margin-top: 20px;
}
.todo-manage .cent .select-box dl .name {
  width: 90px;
  display: inline-block;
}
.todo-manage .cent .select-box dl .depart {
  width: 122px;
  display: inline-block;
}
.todo-manage .cent .select-box dl .job {
  width: 100px;
  color: #aeaeae;
  display: inline-block;
}
.todo-manage .cent .select-box dl:before {
  content: '';
  width: 50px;
  display: inline-block;
  text-align: center;
}
.todo-manage .cent .select-box dl:hover {
  background: #f5fcff;
}
.todo-manage .cent .select-box dl.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #5bc4f3;
  content: '\e6a6';
  width: 50px;
  display: inline-block;
  vertical-align: top;
}
.todo-manage .cent .result-box {
  border: 1px solid #eee;
  width: 520px;
  height: 494px;
  background: #fafafa;
  overflow: hidden;
  overflow-y: auto;
  display: inline-block;
}
.todo-manage .cent .result-box dt {
  position: relative;
  width: 80px;
  display: block;
  text-align: center;
  position: relative;
}
.todo-manage .cent .result-box dt strong {
  width: 44px;
  height: 44px;
  display: block;
  margin: 5px auto;
}
.todo-manage .cent .result-box dt strong img,
.todo-manage .cent .result-box dt strong .ui-head {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.todo-manage .cent .result-box dt .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  position: absolute;
  right: 8px;
  top: -9px;
  cursor: pointer;
  display: none;
}
.todo-manage .cent .result-box dt .del:before {
  content: '';
}
.todo-manage .cent .result-box dd {
  width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.todo-manage .cent .result-box dl {
  float: left;
  position: relative;
  padding-right: 23px;
  cursor: pointer;
  padding-top: 20px;
  margin: 0;
}
.todo-manage .cent .result-box dl:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 36px 10px 0;
  color: #b1b1b1;
  width: 40px;
  height: 30px;
  display: block;
  content: '\e62b7';
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.todo-manage .cent .result-box dl.role-1 .name {
  color: #5bc4f3;
}
.todo-manage .cent .result-box dl:last-child {
  padding-right: 0;
}
.todo-manage .cent .result-box dl:last-child:after {
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  display: none;
}
.todo-manage .cent .result-box dl:hover dt .del {
  display: block;
}
.spprover-new .spprover-new-sele .spprover-lis {
  border: 1px solid #eee;
  width: 480px;
  height: 494px;
  margin-left: 10px;
  overflow: hidden;
  overflow-y: auto;
  display: inline-block;
  border-radius: 5px;
}
.spprover-new .spprover-new-sele .spprover-lis .commtree-nav {
  border: 0;
}
.spprover-new .spprover-new-sele .spprover-result {
  border: 1px solid #eee;
  width: 520px;
  height: 494px;
  border-radius: 5px;
  background: #fafafa;
  overflow: hidden;
  overflow-y: auto;
  display: inline-block;
}
.spprover-new .spprover-new-sele .spprover-result dt {
  position: relative;
  width: 80px;
  display: block;
  text-align: center;
  position: relative;
}
.spprover-new .spprover-new-sele .spprover-result dt strong {
  width: 44px;
  height: 44px;
  display: block;
  margin: 5px auto;
}
.spprover-new .spprover-new-sele .spprover-result dt strong img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.spprover-new .spprover-new-sele .spprover-result dt .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  position: absolute;
  right: 8px;
  top: -9px;
  cursor: pointer;
  display: none;
}
.spprover-new .spprover-new-sele .spprover-result dt .del:before {
  content: '';
}
.spprover-new .spprover-new-sele .spprover-result dd {
  width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.spprover-new .spprover-new-sele .spprover-result dl {
  float: left;
  position: relative;
  padding-right: 23px;
  cursor: pointer;
  padding-top: 20px;
  margin: 0;
}
.spprover-new .spprover-new-sele .spprover-result dl:after {
  height: 30px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 28px 10px 0;
  color: #b1b1b1;
  width: 40px;
  display: block;
  content: '\e62b7';
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.spprover-new .spprover-new-sele .spprover-result dl.role-1 .name {
  color: #5bc4f3;
}
.spprover-new .spprover-new-sele .spprover-result dl:last-child {
  padding-right: 0;
}
.spprover-new .spprover-new-sele .spprover-result dl:last-child:after {
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  display: none;
}
.spprover-new .spprover-new-sele .spprover-result dl:hover dt .del {
  display: block;
}
.fill-checkflow-mod {
  border-radius: 5px;
  background: #fff;
  margin-bottom: 10px;
  padding: 16px 22px;
  margin-top: 10px;
  position: relative;
}
.fill-checkflow-mod .notices-txt {
  font-size: 14px;
  right: 60px;
  line-height: 30px;
  position: absolute;
  top: 7px;
}
.fill-checkflow-mod .tit span {
  font-weight: bold;
}
.fill-checkflow-mod .check-flow .check-flowlis {
  width: auto;
  padding-left: 84px;
}
.fill-checkflow-mod .check-flow .check-flowlis > dl {
  width: 100%;
}
.fill-checkflow-mod .checkflow-warp {
  margin-top: 20px;
  border-top: 1px solid #f3f3f3;
}
.fill-checkflow-mod .check-flow .check-flowlis:after {
  left: 19px;
}
.fill-checkflow-mod .show-lis {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 5px;
  right: 25px;
  cursor: pointer;
}
.fill-checkflow-mod .show-lis:before {
  content: '';
}
.fill-checkflow-mod .show-lis.cur:before {
  content: '';
}
.fill-checkflow-mod .handsign-cent {
  padding-left: 80px;
}
.fill-checkflow-mod .handsign-img {
  border: 1px solid #e8e8e8;
  width: 100%;
  background: #fff;
  zoom: 1;
}
.fill-checkflow-mod .handsign-img:after {
  content: '';
  display: block;
  clear: both;
}
.fill-checkflow-mod .handsign-img img {
  border: 0 !important;
}
.fill-checkflow-mod .notifier-cent {
  margin-left: 40px;
}
.fill-checkflow-mod .notifier-cent .notifier-lis {
  zoom: 1;
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 8px;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 5px;
  border-radius: 5px;
}
.fill-checkflow-mod .notifier-cent .notifier-lis:after {
  content: '';
  display: block;
  clear: both;
}
.fill-checkflow-mod .notifier-cent dl {
  float: right;
  position: relative;
  padding: 0 6px;
  cursor: pointer;
}
.fill-checkflow-mod .notifier-cent dt {
  position: relative;
  width: 60px;
  display: block;
}
.fill-checkflow-mod .notifier-cent dt strong {
  width: 40px;
  height: 40px;
  display: block;
  margin: 5px auto;
  overflow: hidden;
  line-height: 40px;
}
.fill-checkflow-mod .notifier-cent dt strong img,
.fill-checkflow-mod .notifier-cent dt strong .ui-head {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: top;
}
.fill-checkflow-mod .notifier-cent dd {
  width: 60px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.fill-checkflow-mod .franch-cent {
  float: left;
  width: 100%;
  text-align: center;
}
.fill-checkflow-mod .franch-flowlis {
  width: auto;
  padding-left: 84px;
  zoom: 1;
  margin: 10px 0;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.fill-checkflow-mod .franch-flowlis dl {
  width: 100%;
  zoom: 1;
  border-bottom: 1px solid #eee;
  padding: 12px 15px;
  margin: 10px 0px 10px 0;
  float: right;
  position: relative;
  margin-left: 20px;
}
.fill-checkflow-mod .franch-flowlis dl:last-child {
  border-bottom: 0;
}
.fill-checkflow-mod .franch-flowlis dl:before {
  content: '';
  position: absolute;
  top: 22px;
  left: -52px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 22px;
  z-index: 299;
}
.fill-checkflow-mod .franch-flowlis:after {
  width: 2px;
  height: 93%;
  background: #f2f2f2;
  content: ' ';
  position: absolute;
  top: 10px;
  left: 42px;
}
.fillbill-datetime {
  position: fixed;
}
.print-blank-bill {
  padding: 0 22px;
  color: #1f2937;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
}
.print-blank-bill .mod-tit {
  text-align: center;
}
.print-blank-bill .blank-line {
  border-bottom: 1px solid #1f2937;
  display: inline-block;
  margin: 0 3px;
  width: 60px;
  line-height: 33px;
  vertical-align: bottom;
}
.print-blank-bill .mod-infoset {
  zoom: 1;
  margin-top: 10px;
}
.print-blank-bill .mod-infoset:after {
  content: '';
  display: block;
  clear: both;
}
.print-blank-bill .col-num1,
.print-blank-bill .col-num2 {
  display: inline-block;
  margin-right: 20px;
}
.print-blank-bill .col-num2 .blank-line {
  width: 120px;
}
.print-blank-bill .blank-billcent {
  border: 1px dashed #e7e7e7;
  min-height: 1300px;
  margin-top: 20px;
}
.sloan-btn .icon-billlist {
  color: #c3c3c3;
}
.icon-relatlist {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #c3c3c3;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}
.icon-relatlist:before {
  content: '';
}
.fill-match .icon-megarelat {
  color: #c3c3c3;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}
.relat-addalertbox {
  padding: 20px 0;
}
.relat-addalertbox .addbtn-box {
  padding: 0 10px;
}
.relat-addalertbox .engrid-warp {
  max-height: 432px;
  overflow: hidden;
  overflow-y: auto;
}
.relat-addalertbox .row-search {
  position: absolute;
  top: -42px;
  right: 39px;
}
.laytitright-relatadd .search-lot-new .search-lis {
  vertical-align: middle;
}
.laytitright-relatadd .search-lot-new .search-lot .select-ele .search-btn {
  line-height: 28px;
}
.laytitright-relatadd .iconbtn-search-colse {
  line-height: 32px;
}
.fill-table.fill-table-notice .form-control,
.fill-table.fill-table-notice input.form-control,
.fill-table.fill-table-notice input.form-control[readonly],
.fill-table.fill-table-notice .form-control::-webkit-input-placeholder {
  color: #ff2424 !important;
}
.row-table-lis {
  overflow: hidden;
  overflow-x: auto;
}
.row-table-lis .fill-tableoperate {
  display: inline-block;
  vertical-align: middle;
  flex: none;
  width: 100px;
  padding: 5px;
  padding-top: 8px;
  text-align: left;
}
.row-table-lis .fill-tablelis {
  width: auto !important;
  display: inline-block;
  vertical-align: middle;
  display: flex;
  flex: 1;
}
.row-table-lis .table-lismod {
  position: relative;
  display: flex;
}
.row-table-lis .table-lishead {
  display: none;
}
.row-table-lis .fill-mob-main {
  min-width: 180px;
  padding: 5px;
}
.row-table-lis.row-liscol {
  background: #fff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.row-table-lis.row-liscol .fill-mob-main {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.row-table-lis.row-liscol .fill-mob-main .icon-fillnotice {
  display: none;
}
.row-table-lis.row-liscol .fill-mob-main .form-control {
  border: 1px solid #fff;
}
.row-table-lis.row-liscol .fill-mob-main:hover .form-control {
  border: 1px solid #eee;
}
.row-table-lis.row-liscol .fill-mob-main:first-child {
  border-left: 0;
}
.row-table-lis.row-liscol .fill-mob-main dt {
  display: none;
}
.row-table-lis.row-liscol .fill-mob-main .main {
  padding-right: 0;
}
.row-table-lis.row-liscol .table-lishead {
  width: 100%;
  display: flex;
}
.row-table-lis.row-liscol .table-lishead .fill-tablelis .cell-main {
  flex: 1;
  min-width: 180px;
  border-left: 1px solid #eee;
  padding: 5px 16px;
  height: 40px;
  line-height: 30px;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.row-table-lis.row-liscol .table-lishead .fill-tablelis .cell-main .col-txt {
  color: #1f2937;
}
.row-table-lis.row-liscol
  .table-lishead
  .fill-tablelis
  .cell-main
  .icon-fillnotice {
  margin-right: 3px;
}
.row-table-lis.row-liscol .table-lishead .fill-tablelis .cell-main:first-child {
  border-left: 0;
}
.row-table-lis.row-liscol .table-lishead .fill-tableoperate {
  text-align: left;
  padding: 5px 20px;
  line-height: 26px;
  border-top: 1px solid #eee;
}
.row-table-lis.row-liscol .fill-tableoperate {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.row-table-lis::-webkit-scrollbar {
  height: 8px;
}
.row-table-lis::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.row-table-lis::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.row-table-lis::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.row-table-lis::-webkit-scrollbar,
.row-table-lis::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.row-table-lis::-webkit-scrollbar-button {
  width: 0;
}
.fill-mob-budget .budget-notice {
  width: 20px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.fill-mob-budget .budget-notice:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e79f';
  color: #ababab;
  font-size: 18px;
}
.fill-mob-budget .backname {
  right: 35px;
}
.fill-mob-budget.fill-budgetB .form-control {
  color: #fd9a4a;
}
.fill-mob-budget.fill-budgetC .form-control {
  color: #f35d5e;
}
.fill-handlenotice {
  position: fixed;
  z-index: 299;
}
.fill-handlenotice .handlenotice {
  border: 0;
  background: rgba(64, 67, 82, 0.8);
  color: #fff;
  padding: 8px;
  border-radius: 5px;
  position: relative;
  width: 150px;
}
.fill-handlenotice .handlenotice:after {
  display: block;
  position: absolute;
  top: -6px;
  right: 15px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(64, 67, 82, 0.8);
  content: '';
}
.checkflow-warp {
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
}
.check-flow .check-flowlis {
  zoom: 1;
  padding-right: 20px;
  margin: 10px 0;
  position: relative;
  overflow: hidden;
  width: 936px;
}
.check-flow .check-flowlis:after {
  content: '';
  display: block;
  clear: both;
}
.check-flow .check-flowlis .opinion {
  color: #606060;
  max-width: 600px;
  font-size: 14px;
  word-wrap: break-word;
}
.check-flow .check-flowlis > dl {
  zoom: 1;
  background: #fafafa;
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 5px;
  width: 810px;
  margin: 10px 10px 10px 0;
  float: right;
  position: relative;
  margin-left: 20px;
}
.check-flow .check-flowlis > dl:after {
  content: '';
  display: block;
  clear: both;
}
.check-flow .check-flowlis > dl:before {
  content: '';
  position: absolute;
  top: 22px;
  left: -66px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 22px;
  z-index: 299;
}
.check-flow .check-flowlis > dl .head {
  width: 40px;
  height: 40px;
  float: left;
}
.check-flow .check-flowlis > dl .head span {
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  border-radius: 50%;
}
.check-flow .check-flowlis > dl .head img,
.check-flow .check-flowlis > dl .head .ui-head {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.check-flow .check-flowlis > dl .cent {
  margin-left: 10px;
  float: left;
}
.check-flow .check-flowlis > dl .cent p {
  margin-bottom: 0;
  line-height: 20px;
  color: #606060;
  font-size: 14px;
  word-break: break-all;
}
.check-flow .check-flowlis > dl .cent .name {
  color: #000;
  font-size: 14px;
  line-height: 24px;
  min-height: 24px;
}
.check-flow .check-flowlis > dl .cent .name .txts {
  display: inline-block;
  vertical-align: middle;
}
.check-flow .check-flowlis > dl .info {
  float: right;
  text-align: right;
}
.check-flow .check-flowlis > dl .info .time {
  color: #aeaeae;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 24px;
}
.check-flow .check-flowlis > dl .info .state {
  text-align: center;
  padding: 0 10px;
  line-height: 22px;
  border-radius: 10px;
  display: inline-block;
  background: #fff;
  color: #606060;
  border: 1px solid #e0e0e0;
}
.check-flow .check-flowlis > dl .handsign,
.check-flow .check-flowlis > dl .flow-notifier {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #12b7f5;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.check-flow .check-flowlis > dl .handsign.cur,
.check-flow .check-flowlis > dl .flow-notifier.cur {
  color: #1878ff;
}
.check-flow .check-flowlis > dl .handsign:before {
  content: '';
}
.check-flow .check-flowlis > dl .flow-notifier {
  font-size: 22px;
  margin-left: 10px;
  color: #cdcdcd;
}
.check-flow .check-flowlis > dl .flow-notifier:before {
  content: '';
}
.check-flow .check-flowlis > dl .handsign-cent {
  float: left;
  width: 100%;
  text-align: center;
}
.check-flow .check-flowlis > dl .handsign-cent img {
  width: 288px;
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.check-flow .check-flowlis > dl:first-child .state {
  background: #48bff3;
  color: #fff;
  border: 1px solid #48bff3;
}
.check-flow .check-flowlis .state-end:before {
  content: '\e760';
  color: #f35d5e;
}
.check-flow .check-flowlis .state-submit:before {
  content: '\e768';
  color: #1878ff;
}
.check-flow .check-flowlis .state-handle:before {
  content: '\e75e';
  color: #1878ff;;
}
.check-flow .check-flowlis .state-approval:before {
  content: '\e75f';
  color: #f88529;
}
.check-flow .check-flowlis .state-agree:before {
  content: '\e765';
  color: #4fd2c2;
}
.check-flow .check-flowlis .state-return:before {
  content: '\e766';
  color: #f35d5e;
}
.check-flow .check-flowlis .state-recovery:before {
  content: '\e767';
  color: #606060;
}
.check-flow .check-flowlis .state-addidea:before {
  content: '\eb89';
  color: #2d9ed0;
}
.check-flow .check-flowlis .state-waiver:before {
  content: '\ecfd';
  color: #cdcdcd;
}
.check-flow .check-flowlis .state-disagree:before {
  content: '\ecfe';
  color: #f54646;
}
.check-flow .check-flowlis:after {
  width: 2px;
  height: 100%;
  background: #f2f2f2;
  content: ' ';
  position: absolute;
  top: 0;
  left: 42px;
}
.check-flow .addbtn-wrap {
  margin: 20px 22px 10px 0;
}
.addapprove-lis {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 5px;
}
.addapprove-lis .bill-lismod-warp {
  max-height: 460px;
  overflow: hidden;
  overflow-y: auto;
}
.chooseperson-warp .bill-basedata .basedata-lis .treeview,
.chooseperson-warp .bill-basedata .basedata-result .treeview {
  background: #fff;
}
.chooseperson-warp .bill-basedata .basedata-lis .list-group,
.chooseperson-warp .bill-basedata .basedata-result .list-group {
  background: #fff;
}
.chooseperson-warp .search-tree {
  border-bottom: 1px solid #eee;
  padding: 10px;
  margin: 0 !important;
}
.chooseperson-warp .search-tree:before {
  top: 13px;
  left: 16px;
}
.chooseperson-warp .sign-result dl {
  margin: 10px 0;
}
.chooseperson-warp .sign-result dl .head {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  overflow: hidden;
}
.chooseperson-warp .sign-result dl .head img {
  width: 44px;
  height: 44px;
  border-radius: 0;
}
.chooseperson-warp .basedata-lis .commtree-search {
  width: 361px;
}
.chooseperson-warp .commtree-body {
  height: 330px !important;
  overflow: hidden;
  overflow-y: auto;
}
.checktemp-approve-alert {
  padding: 10px 20px;
}
.checktemp-approve-alert .fill-template-approve {
  height: 294px;
  overflow: hidden;
  overflow-y: auto;
}
.checktemp-approve-alert .fill-template-approve dl {
  margin-bottom: 10px;
  padding-right: 6px;
}
.checktemp-approve-alert .fill-template-approve dl:before {
  content: '';
}
.checktemp-approve-alert .fill-template-approve .result {
  margin: 0;
}
.per-opera {
  padding-top: 6px;
}
.per-opera .btn {
  float: right;
  margin-left: 10px;
}
.per-opera .search,
.per-opera .bill-select {
  float: right;
  margin-left: 10px;
}
#permember-alertbox .sign-range-cont .basedata-lis .title {
  display: none;
}
#permember-alertbox .sign-range-cont .bill-basedata .basedata-lis .lis,
#permember-alertbox .sign-range-cont .bill-basedata .basedata-result .lis {
  height: 100%;
}
#permember-alertbox .sign-range-cont .basedata-result .title {
  display: none;
}
.permission-warp {

}
.permission-warp .perset-side .vertical-mod:before {
  content: '';
}
.permission-warp .ibox {

}
.permission-warp .ibox .ibox-title {
  padding-top: 0;
}
.permission-warp .permiss-mod {
  zoom: 1;
}
.permission-warp .permiss-mod:after {
  content: '';
  display: block;
  clear: both;
}
.permission-warp .permiss-mod dl {
  float: left;
  margin-right: 28px;
  margin-bottom: 10px;
  width: 60px;
  position: relative;
}
.permission-warp .permiss-mod dl:hover .cell-del {
  display: block;
}
.permission-warp .permiss-mod dl .cell-del {
  line-height: 30px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #f54646;
  position: absolute;
  top: -10px;
  right: 4px;
  font-size: 16px;
  display: none;
  z-index: 99;
}
.permission-warp .permiss-mod dl .cell-del:before {
  content: '\e6ab';
}
.permission-warp .permiss-mod .head {
  margin: 0 auto;
  width: 50px;
}
.permission-warp .permiss-mod .head strong {
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: block;
}
.permission-warp .permiss-mod .head img,
.permission-warp .permiss-mod .head .ui-head {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.permission-warp .permiss-mod .name {
  padding-top: 5px;
  line-height: 24px;
  color: #585858;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.permission-warp .permiss-mod .info {
  background: #404352;
  padding: 10px;
  position: absolute;
  width: auto;
  min-width: 200px;
  border-radius: 5px;
  color: #fff;
  line-height: 24px;
  display: none;
  bottom: 80px;
  left: 0;
  z-index: 299;
}
.permission-warp .permiss-mod .info:before {
  position: absolute;
  left: 20px;
  bottom: -6px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #404352;
  content: ' ';
}
.moreperson-lis {
  zoom: 1;
  overflow-y: scroll;
}
.moreperson-lis:after {
  content: '';
  display: block;
  clear: both;
}
.moreperson-lis dl {
  margin: 0;
  padding: 4px 10px;
  position: relative;
}
.moreperson-lis dl:hover {
  background: #f7f7f7;
}
.moreperson-lis .head {
  width: 34px;
  height: 34px;
  overflow: hidden;
  line-height: 34px;
  display: inline-block;
  vertical-align: top;
}
.moreperson-lis .head img,
.moreperson-lis .head .ui-head {
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0;
  display: block;
  text-align: center;
}
.moreperson-lis .name {
  line-height: 34px;
  color: #585858;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.moreperson-lis .opera {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.moreperson-lis .opera i.colse {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  color: #f54646;
}
.moreperson-lis .opera i.colse:before {
  content: '';
}
.per-range {
  position: relative;
}
.per-range .per-range-c {
  margin-right: 350px;
  transition: 0.5s;
}
.per-range .per-range-c.status {
  margin-right: 0;
}
.per-range .per-range-c .ybox-content {
  padding: 0;
}
.per-range .per-range-r {
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
  float: left;
  background: #fff;
  transition: 0.5s;
  border-radius: 5px;
}
.per-range .per-range-r .mod-form dl {
  margin-bottom: 10px;
}
.per-range .per-range-r.status {
  right: -340px;
}
.per-range .per-range-r .mod {
  padding-bottom: 10px;
}
.per-range .per-range-r .mod .tit {
  border-bottom: 1px solid #ecf1f7;
  padding: 5px 15px;
  line-height: 40px;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  height: 50px;
  color: #1f2937;
}
.per-range .per-range-r .mod .cent {
  padding-top: 20px;
}
.per-range .per-range-r .mod-setdata dl dt {
  width: 100px;
  text-align: right;
  padding-right: 10px;
}
.per-range .per-range-r .mod-setdata .set {
  flex: inherit;
  display: block;
  width: 60px;
  line-height: 34px;
  color: #1878ff;;
  text-align: center;
  cursor: pointer;
}
.per-range .per-range-r .mod-sethandle-comm .cent {
  padding: 15px;
}
.per-range .per-range-r .mod-sethandle-comm dl {
  border: 1px solid #f3f3f3;
  margin-bottom: 0;
  border-top: 0;
}
.per-range .per-range-r .mod-sethandle-comm dl:first-child {
  border-top: 1px solid #f3f3f3;
}
.per-range .per-range-r .mod-sethandle-comm dt,
.per-range .per-range-r .mod-sethandle-comm dd {
  height: 42px;
  line-height: 42px;
}
.per-range .per-range-r .mod-sethandle-comm dt {
  border-right: 1px solid #f3f3f3;
  padding: 0 14px;
  width: 188px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.per-range .per-range-r .mod-sethandle-comm dd {
  text-align: center;
}
.per-range .per-range-r .mod-sethandle-comm .title dl {
  border: 1px solid #fff;
}
.per-range .per-range-r .mod-sethandle-comm .title dt {
  border-right: 1px solid #fff;
}
.per-range .per-range-r .mod-sethandle-comm .hd dl {
  border-bottom: 0;
}
.per-range .per-range-r .mod-sethandle-comm .hd .comm-chk {
  position: inherit;
  margin: 0 auto;
}
.per-range .per-range-r .mod-sethandle-comm .bd {
  background: #fbfbfb;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  padding-left: 10px;
  padding-bottom: 10px;
  border-right: 1px solid #f3f3f3;
}
.per-range .per-range-r .mod-sethandle-comm .bd dl {
  border-right: 0;
}
.per-range .per-range-r .mod-sethandle-comm .bd dl:first-child {
  border-top: 0;
}
.per-range .per-range-r .mod-sethandle-comm .bd dt {
  padding-left: 28px;
  width: 177px;
}
.per-range .per-range-r .mod-sethandle-comm .bd dt,
.per-range .per-range-r .mod-sethandle-comm .bd dd {
  background: #fff;
}
.per-range .per-range-r .mod-sethandle-comm .bd .comm-chk {
  position: inherit;
  margin: 0 auto;
}
.per-range .per-range-r .mod-sethandle-comm .cent > .comm-chk-content {
  width: 90px;
  display: inline-block;
  vertical-align: middle;
}
.per-range .switch {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-right: 15px;
  font-size: 18px;
  color: #878787;
  vertical-align: middle;
  height: 34px;
  display: inline-block;
  width: 30px;
  text-align: center;
}
.per-range .col-open:before {
  content: '';
}
.per-range .col-open.actived:before {
  content: '';
}
.per-range .col-close:before {
  content: '';
}
.per-range .per-handle,
.per-range .per-data {
  width: 14%;
  text-align: center;
}
.per-range .per-handle.active,
.per-range .per-data.active {
  color: #1878ff;;
}
.perrange-lis-wrap {
  padding: 10px 20px;
}
.permisslis-warp .tit {
  padding-top: 5px !important;
}
.permisslis-warp .tit h5 {
  line-height: 34px;
  font-size: 14px;
  float: left;
}
.permisslis-warp .ibox.stop-cur {
  position: relative;
  background: #ccc;
}
.permisslis-warp .ibox.stop-cur .ibox-title {
  padding-left: 40px;
  background: #fbfbfd;
}
.permisslis-warp .ibox.stop-cur .ibox-content {
  background: #fbfbfd;
}
.permisslis-warp .ibox.stop-cur .permiss-mod .head {
  opacity: 0.5;
}
.permisslis-warp .ibox.stop-cur .permiss-mod .name {
  opacity: 0.5;
}
.permisslis-warp .ibox.stop-cur:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #f7dc27;
  vertical-align: middle;
  width: 30px;
  display: inline-block;
  content: '\e67b';
  position: absolute;
  top: 8px;
  left: 5px;
}
.permisslis-warp .default-icon {
  background: #f88528;
  color: #fff;
  height: 24px;
  padding: 0 10px;
  text-align: center;
  margin-right: 6px;
  font-size: 14px;
  float: left;
  display: block;
  line-height: 24px;
  border-radius: 5px;
  margin-top: 5px;
}
.permiss-default-mod {
  color: #585858;
  font-size: 14px;
  padding: 10px 0 0;
}
.perlis-modopera {
  margin-top: 4px;
}
.perlis-modopera .btn {
  float: right;
  margin-left: 8px;
  border: 1px solid #f3f3f3;
}
.perlis-modopera .other-opera {
  float: right;
  position: relative;
}
.perlis-modopera .other-opera .opera-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;
  font-size: 18px;
  height: 32px !important;
  vertical-align: middle !important;
}
.perlis-modopera .other-opera .opera-btn:before {
  content: '';
}
.perlis-modopera .other-opera .opera-lis {
  position: absolute;
  top: 31px;
  right: 0;
  display: none;
  transition: 0.5s;
  display: none;
  width: 137px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  z-index: 200;
}
.perlis-modopera .other-opera .opera-lis a {
  height: 38px;
  transition: 0.1s;
  line-height: 38px;
  color: #242424;
  width: 100%;
  text-indent: 10px;
  display: inline-block;
}
.perlis-modopera .other-opera .opera-lis a:hover {
  background: #1878ff;;
  color: #fff;
}
.per-child-con > .per-child > .per-col {
  padding-left: 30px;
}
.per-child-con > .per-child-con > .per-child > .per-col {
  padding-left: 45px;
}
.per-child-con > .per-child-con > .per-child-con > .per-child > .per-col {
  padding-left: 60px;
}
.per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child
  > .per-col {
  padding-left: 75px;
}
.per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child
  > .per-col {
  padding-left: 90px;
}
.per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child
  > .per-col {
  padding-left: 105px;
}
.per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child-con
  > .per-child
  > .per-col {
  padding-left: 120px;
}
.per-child {
  display: flex;
  zoom: 1;
  line-height: 34px;
  height: 34px;
  margin-bottom: 6px;
  cursor: pointer;
}
.per-child:after {
  content: '';
  display: block;
  clear: both;
}
.per-child:hover {
  background: #f1fbff;
}
.per-child.cur {
  background: #f1fbff;
}
.per-child.cur .per-col:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #5dc5f4;
  content: '\e6a6';
  font-size: 17px;
  position: absolute;
  left: 45px;
}
.permisson-main {
  padding-bottom: 20px;
}
.permisson-main .per-col {
  margin-left: 80px;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.permisson-main .per-col span {
  display: inline-block;
}
.permisson-nav {
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #ecf1f7;
}
.permisson-nav .nav-lis {
  display: flex;
  margin-bottom: 10px;
  cursor: pointer;
}
.permisson-nav .nav-lis > div {
  display: inline-block;
  vertical-align: middle;
  color: #1f2937;
}
.permisson-nav .nav-col {
  margin-left: 80px;
  padding-left: 45px;
  width: 50%;
}
.permisson-nav .nav-handle,
.permisson-nav .nav-data {
  width: 14%;
  text-align: center;
}
.peruser-opera .btn-primary,
.peruser-opera .btn-white {
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
}
.pergroupAdd-btn {
  background: #49bef3;
  color: #fff;
  font-size: 14px;
  position: relative;
  border-radius: 3px;
  height: 32px;
  line-height: 32px;
  display: block;
  padding: 0 22px;
  border: 1px solid #49bef3;
}
.pergroupAdd-btn.noselect {
  background: #ccc;
  border: 1px solid #ccc;
}
.pergroupAdd-btn:hover,
.pergroupAdd-btn:active,
.pergroupAdd-btn.active,
.pergroupAdd-btn:focus,
.pergroupAdd-btn.focus {
  border: 1px solid #49bef3;
  background: #49bef3;
  color: #fff;
}
.pergroupAdd-btn:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  content: '\e694';
  color: #fff;
  vertical-align: middle;
  margin-right: 5px;
}
#permember-alertbox .bill-basedata .lis .linetree .search-tree {
  margin-top: 10px;
}
#permember-alertbox .sign-range-cont .bill-basedata .basedata-lis .lis {
  overflow-y: auto;
}
#permember-alertbox .sign-range-cont .commtree-nav .commtree-search {
  width: 355px;
}
.power-mod {
  margin-top: 10px;
}
.power-mod .ybox-title .pull-right .btn {
  height: 32px;
}
.power-mod .ybox-title .pull-right .add-mod:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  content: '\e694';
  color: #fff;
  vertical-align: middle;
  margin-right: 5px;
}
.power-modlis i.del {
  visibility: hidden;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  cursor: pointer;
}
.power-modlis i.del:before {
  content: '';
}
.power-modlis tr:hover {
  background: #f5fcff;
}
.power-modlis tr:hover i.del {
  visibility: inherit;
}
.power-modlis td > div {
  cursor: pointer;
}
.power-modlis td > div:hover {
  color: #1878ff;;
}
.power-modlis .add {
  color: #aeaeae;
  cursor: pointer;
}
.power-modlis .add:hover {
  color: #1878ff;;
}
.power-modlis .mod,
.power-modlis .data {
  color: #606060;
}
.power-fun-alert {
  padding: 10px 20px;
}
.power-fun-alert .addbtn-wrap {
  padding-right: 0;
}
.power-fun-lis > div {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  height: 320px;
  overflow-y: auto;
  vertical-align: top;
}
.power-fun-lis > div ul {
  margin-bottom: 0;
}
.power-fun-lis .power-fun-l {
  width: 316px;
  display: inline-block;
  margin-right: 10px;
}
.power-fun-lis .power-fun-l ul {
  padding: 30px 28px;
}
.power-fun-lis .power-fun-l li {
  width: 260px;
  height: 40px;
  line-height: 40px;
  color: #1f2937;
  text-indent: 24px;
  border: 1px solid #efefef;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
.power-fun-lis .power-fun-l li.cur {
  color: #fff;
  background: #1878ff;
}
.power-fun-lis .power-fun-r {
  width: 523px;
  display: inline-block;
}
.power-fun-lis .power-fun-r .commtree-nav {
  border: 0;
}
.power-fun-lis .power-fun-r li {
  border-bottom: 1px solid #f3f3f3;
  height: 43px;
  line-height: 43px;
  cursor: pointer;
}
.power-fun-lis .power-fun-r li:before {
  display: inline-block;
  width: 58px;
  height: 43px;
  content: ' ';
  vertical-align: middle;
}
.power-fun-lis .power-fun-r li.cur {
  background: #f5fcff;
}
.power-fun-lis .power-fun-r li.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #52c1f3;
  text-align: center;
  content: '';
}
.power-fundata-alert {
  padding: 10px 20px;
}
.power-fundata-alert .addbtn-wrap {
  padding-right: 0;
}
.power-fundata-lis dl {
  margin-bottom: 0;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.power-fundata-lis dl:first-child {
  margin-bottom: 10px;
}
.power-fundata-lis dt {
  text-indent: 20px;
  height: 34px;
  line-height: 34px;
  background: #48bff3;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.power-fundata-lis dd {
  max-height: 180px;
  overflow-y: auto;
}
.power-fundata-lis dd ul {
  margin-bottom: 0;
}
.power-fundata-lis dd > ul > li {
  color: #606060;
  text-indent: 35px;
  height: 34px;
  line-height: 34px;
}
.power-fundata-lis dd > ul > li:hover {
  background: #f5fdff;
}
.power-fundata-lis dd > ul > li.cur {
  background: #f5fdff;
  position: relative;
}
.power-fundata-lis dd > ul > li.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  left: -24px;
  top: 2px;
  content: '\e6a6';
  font-size: 16px;
  color: #5ac4f3;
}
.power-fundata-lis dd .commtree-nav {
  border: 0;
}
.power-basedata .basedata-lis {
  background: #fff;
}
.power-basedata .commtree-nav {
  border: 0;
}
.power-basedata .basedata-lis .lis,
.power-basedata .basedata-result .lis {
  height: 100%;
  padding: 0;
}
.power-basedata .basedata-result .lis li {
  color: #606060;
  height: auto;
  border-bottom: 1px solid #f3f3f3;
  cursor: pointer;
}
.power-basedata .basedata-result .lis li.cur {
  color: #1878ff;;
}
.power-basedata .bill-basedata-warp {
  margin-left: 16px;
}
.power-basedata .addbtn-wrap {
  padding: 8px 26px 16px;
}
.ui-boxmod {
  margin-top: 10px;
}
.ui-boxmod .mod-tit {
  zoom: 1;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
  min-height: 50px;
  border-radius: 5px 5px 0 0;
  padding: 0 20px;
}
.ui-boxmod .mod-tit:after {
  content: '';
  display: block;
  clear: both;
}
.ui-boxmod .mod-tit .col-tit {
  line-height: 50px;
  color: #1f2937;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.ui-boxmod .mod-cent {
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.limit-transfer-addcent {
  padding: 40px 20px;
}
.limit-transfer-addcent .row {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.limit-transfer-addcent .col {
  display: inline-block;
  margin-right: 5px;
}
.limit-transfer-add .mod-tit .pull-right {
  padding-top: 10px;
}
.limit-transfer-lis .mod-tit .pull-right {
  padding-top: 10px;
}
.limit-transfer-lis .mod-tit .pull-right > div {
  display: inline-block;
  vertical-align: middle;
}
.page-mod {
  min-height: 60px;
  padding: 20px;
  position: relative;
}
.page-mod .txt {
  position: absolute;
  left: 20px;
  top: 20px;
  line-height: 30px;
}
.page-mod .pagination-group {
  display: inline-block;
}
.table-blue {
  border: 1px solid #f3f3f3;
  border-top: 0;
}
.table-blue > thead > tr > th {
  background: #f1fbff;
  color: #1f2937;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  padding: 0 20px;
}
.table-blue > tbody > tr > td {
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  padding: 10px 20px;
}
.field-control {
  margin-top: 10px !important;
}
.field-control > dl {
  min-height: 100px !important;
}
.field-control .treegrid-head,
.field-control .treegrid-cent {
  border-right: 1px solid #f3f3f3;
}
.power-groupadd-alert {
  padding: 0 20px 10px;
}
.power-groupadd-alert .tit-head {
  font-weight: bold;
  line-height: 40px;
}
.power-groupadd-alert .infos {
  line-height: 32px;
  color: #aeaeae;
}
.price-lis,
.infolis-black {
  position: absolute;
  top: 45px;
  right: 0;
  padding: 8px;
  z-index: 299;
  line-height: 24px;
  background: #404352;
  border-radius: 5px;
  color: #fff;
}
.price-lis:before,
.infolis-black:before {
  position: absolute;
  right: 16px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #404352;
  content: ' ';
}
.price-lis1 {
  position: absolute;
  right: 0;
  top: 0;
}
.price-lis1 > div {
  position: absolute;
  top: 45px;
  right: 0;
  padding: 10px 10px 10px 20px;
  z-index: 299;
  line-height: 24px;
  background: #404352;
  border-radius: 5px;
  color: #fff;
}
.price-lis1 > div:before {
  position: absolute;
  right: 16px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #404352;
  content: ' ';
}
.scroll-warp {
  overflow: hidden;
  position: relative;
}
.scroll-warp .scroll-nav {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 0;
  text-align: center;
}
.scroll-warp .scroll-nav li {
  width: 9px;
  height: 9px;
  line-height: 30px;
  margin: 0 5px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 50%;
}
.scroll-warp .scroll-nav li.select {
  width: 14px;
  height: 14px;
  background: #1878ff;;
}
.scroll-warp .scroll-img {
  height: 100%;
}
.scroll-warp .scroll-img ul,
.scroll-warp .scroll-img li,
.scroll-warp .scroll-img a {
  height: 100%;
}
.scroll-warp .scroll-img a {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
.travel-scroll {
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.travel-scroll .scroll-warp {
  height: 310px;
}
.travel-index {
  background: #fff;
}
.travel-indw {
  width: 840px;
  margin: 0 auto;
  padding: 50px 0 80px;
}
.travel-search-nav ul {
  padding: 0;
  margin: 0;
  display: flex;
}
.travel-search-nav li {
  flex: 1;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #606060;
  border-bottom: 1px solid #eee;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.travel-search-nav li a {
  width: 100%;
  display: inline-block;
  color: #606060;
}
.travel-search-nav li a:hover {
  color: #606060;
}
.travel-search-nav li.cur {
  border-bottom: 2px solid #1878ff;;
  color: #1878ff;
}
.travel-search {
  margin-top: 14px;
  zoom: 1;
  font-size: 0;
}
.travel-search:after {
  content: '';
  display: block;
  clear: both;
}
.travel-search .travel-row {
  display: flex;
  margin-top: 10px;
}
.travel-search .travel-row .mod {
  flex: 1;
}
.travel-search .travel-row .mg-left {
  margin-right: 10px;
}
.travel-search .travel-row .mod-inlis {
  padding: 0;
  height: 38px;
  line-height: 34px;
  display: flex;
  border-radius: 5px;
  position: relative;
  border: 1px solid #dfdfdf;
}
.travel-search .travel-row .mod-inlis .bill-select {
  border: 0;
  position: static;
  flex: 1;
  height: 34px;
}
.travel-search .travel-row .mod-inlis .bill-select-con {
  left: 0;
  top: 32px;
}
.travel-search .travel-row .mod-inlis.mod-inlis-left {
  border-radius: 5px 0 0 5px;
}
.travel-search .travel-row .mod-inlis.mod-inlis-right {
  border-radius: 0 5px 5px 0;
}
.travel-search .travel-row .mod-inlis .bill-select {
  width: 66%;
  border: 0;
}
.travel-search .travel-row .mod-inlis .bill-select p {
  height: 34px;
}
.travel-search .travel-row .mod-inlis .bill-select font {
  line-height: 34px;
}
.travel-search .travel-row .mod-inlis .bill-select span {
  line-height: 34px;
  padding: 0;
}
.travel-search .travel-row .mod-inlis > span {
  color: #aeaeae;
  line-height: 36px;
  margin-left: 10px;
  font-size: 14px;
}
.travel-search .travel-row .mod-inlis .form-control {
  padding: 12px;
  height: 36px;
  flex: 1;
  border: 0;
  color: #000;
}
.travel-search .travel-row .mod-inlis.cur {
  border: 1px solid #1878ff;;
}
.travel-search .travel-row .mod-inlis.notedit .form-control {
  background: #f7f7f7;
}
.travel-search .travel-row .mod-inlis.notedit .form-control[readonly] {
  background: #f7f7f7;
}
.travel-search .travel-row .mod-change {
  width: 63px;
  height: 38px;
  background: #1878ff;;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  line-height: 38px;
  font-size: 26px;
}
.travel-search .travel-row .mod-change:before {
  content: '';
}
.travel-search .travel-search-cent {
  width: 710px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-bottom: 10px;
}
.travel-search .travel-search-btn {
  width: 125px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
.travel-search .travel-search-btn .mod-inadd a {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  width: 110px;
  height: 110px;
  line-height: 110px;
  display: inline-block;
  background: #1878ff;;
  border-radius: 5px;
  color: #fff;
  vertical-align: middle;
  font-size: 60px;
  text-align: center;
  box-shadow: 3px 6px 8px #eee;
}
.travel-search .travel-search-btn .mod-inadd a:before {
  content: '';
}
.reserve-notice {
  color: #606060;
  font-size: 14px;
}
.reserve-notice:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  content: '\e655';
  color: #1878ff;;
  vertical-align: middle;
  margin-right: 5px;
}
.reserve-notice span {
  color: #1878ff;;
}
.travel-lis .travel-stoptop {
  background: #fff;
  border: 1px solid #f3f3f3;
  padding: 10px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}
.travel-lis .travel-stoptop .lis-search {
  display: flex;
  width: 80%;
}
.travel-lis .travel-stoptop .lis-search .col {
  flex: 1;
  display: inline-block;
  padding: 0 5px;
}
.travel-lis .travel-stoptop .low-price {
  width: 166px;
  border-left: 1px solid #f3f3f3;
  text-align: center;
}
.travel-lis .travel-stoptop .low-price .col {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.travel-lis .travel-stoptop .low-price .col span {
  display: block;
  color: #aeaeae;
  font-size: 14px;
}
.travel-lis .travel-stoptop .low-price .col.col-nowdays {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #a8a8a8;
  font-size: 30px;
  margin: 0 8px;
}
.travel-lis .travel-stoptop .low-price .col.col-nowdays:before {
  content: '';
}
.travel-lis .travel-stoptop .low-price .col:hover {
  color: #1878ff;;
}
.travel-lis .travel-stoptop .low-price .col:hover span {
  color: #1878ff;;
}
.airline-timetimeplace > div {
  display: inline-block;
  vertical-align: middle;
}
.airline-timetimeplace .cross-day i {
  position: absolute;
  top: 0;
  right: 0;
  font-style: normal;
  color: #1878ff;;
  font-size: 14px;
}
.airline-timetimeplace .mod {
  width: 160px;
  text-align: center;
  position: relative;
}
.airline-timetimeplace .mod .area {
  font-size: 14px;
  color: #1f2937;
}
.airline-timetimeplace .mod .time {
  font-size: 18px;
  color: #1f2937;
}
.airline-timetimeplace .mod .place {
  font-size: 14px;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.airline-timetimeplace .direction {
  margin: 0;
}
.airline-timetimeplace .direction .line {
  position: relative;
  width: 140px;
  padding-bottom: 10px;
}
.airline-timetimeplace .direction .line:before {
  width: 100%;
  position: absolute;
  top: 19px;
  left: 0;
  border-bottom: 1px dashed #d4d4d4;
  content: '';
  z-index: 100;
}
.airline-timetimeplace .direction .line i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  width: 50px;
  height: 20px;
  display: block;
  background: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 120;
  text-align: center;
  color: #4abef2;
}
.airline-timetimeplace .direction .line i:before {
  content: '';
}
.airline-timetimeplace .direction .transfer,
.airline-timetimeplace .direction .time {
  font-size: 14px;
  color: #aeaeae;
  text-align: center;
}
.fry-reserve {
  background: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.fry-reserve .col-tit {
  width: 124px;
  height: 74px;
  line-height: 22px;
  background: #1878ff;
  border-radius: 5px 0 0 5px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  padding: 14px 40px;
}
.fry-reserve .col-line {
  width: 20%;
}
.fry-reserve .col-timeplace {
  width: 50%;
}
.fry-reserve .col-price {
  width: 10%;
  text-align: center;
}
.fry-reserve .col-price .main-price {
  color: #ff7a21;
  font-size: 22px;
}
.fry-reserve .col-price .main-price strong {
  font-size: 14px;
  font-family: 'microsoft YaHei';
  font-weight: normal;
}
.fry-reserve .col-operate {
  width: 8%;
  text-align: center;
  margin-left: auto;
}
.fry-reserve .col-operate .edit {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  font-size: 28px;
  text-align: center;
}
.fry-reserve .col-operate .edit:before {
  content: '';
}
.plane-reserve .ybox-mod {
  border-radius: 5px;
}
.plane-reserve .plane-reserve-top .ybox-content {
  padding-bottom: 0;
}
.plane-reserve .plane-reserve-top .col-company {
  color: #1f2937;
}
.plane-reserve .plane-reserve-top .col-info {
  color: #aeaeae;
}
.plane-reserve .plane-reserve-top .airline-timetimeplace .mod .area {
  font-size: 14px;
  color: #1f2937;
}
.plane-reserve .plane-reserve-top .airline-timetimeplace .mod .time {
  color: #1f2937;
}
.plane-reserve .plane-reserve-top .airline-timetimeplace .mod .place {
  font-size: 14px;
  color: #606060;
}
.plane-reserve .travel-addpeople {
  padding-left: 20px;
}
.travel-listing {
  background: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  margin-top: 10px;
  position: relative;
  z-index: 199;
}
.showlis-btn {
  width: 70px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  color: #fff;
  background: #1878ff;;
  text-align: center;
  border-radius: 5px;
}
.showlis-btn:active,
.showlis-btn:focus,
.showlis-btn.focus,
.showlis-btn:hover {
  color: #fff;
}
.planelis {
  width: 95%;
  margin: 0 auto;
}
.planelis p {
  margin-bottom: 0;
}
.planelis .airline {
  display: flex;
  align-items: center;
  padding: 15px 0;
  cursor: pointer;
  border-bottom: 1px solid #f3f3f3;
}
.planelis .airline .col {
  display: inline-block;
}
.planelis .airline .col-identify {
  width: 60px;
}
.planelis .airline .col-identify .identify-go,
.planelis .airline .col-identify .identify-back {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 100%;
}
.planelis .airline .col-identify .identify-go {
  background: #1878ff;;
}
.planelis .airline .col-identify .identify-back {
  background: #4ed3c3;
}
.planelis .airline .col-state {
  width: 60px;
  color: #1878ff;;
  font-size: 14px;
}
.planelis .airline .col-line {
  width: 23%;
}
.planelis .airline .col-timeplace {
  width: 50%;
}
.planelis .airline .col-price {
  width: 13%;
  text-align: right;
  margin-left: auto;
}
.planelis .airline .col-price .price {
  color: #ff7a21;
  font-size: 22px;
}
.planelis .airline .col-price .price strong {
  font-size: 14px;
  font-family: 'microsoft YaHei';
  font-weight: normal;
}
.planelis .airline .col-price .ticket {
  border: 1px solid #4abef2;
  padding: 5px 13px;
  display: table;
  float: right;
  border-radius: 15px;
  color: #4abef2;
}
.planelis .airline .col-operate {
  width: 10%;
  text-align: right;
  margin-right: 2%;
}
.planelis .airseat {
  border: 1px solid #ecf1f7;
  margin-top: 10px;
}
.planelis .airseat .seat-mod {
  height: 60px;
  background: #f8fdff;
  border-bottom: 1px solid #ecf1f7;
  display: flex;
  align-items: center;
}
.planelis .airseat .seat-mod .nodataseat {
  color: #999;
  text-align: center;
  width: 100%;
}
.planelis .airseat .seat-mod:last-child {
  border-bottom: 0;
}
.planelis .airseat .seat-mod:hover {
  background: #f3fcff;
  cursor: pointer;
}
.planelis .airseat .col {
  display: inline-block;
}
.planelis .airseat .col-space {
  width: 23%;
  padding-left: 30px;
}
.planelis .airseat .col-info {
  width: 45%;
}
.planelis .airseat .col-info .notice-col {
  color: #1878ff;;
  font-size: 14px;
}
.planelis .airseat .col-price {
  width: 13%;
  text-align: right;
  margin-left: auto;
}
.planelis .airseat .col-price .price {
  color: #ff7a21;
  font-size: 17px;
}
.planelis .airseat .col-price .price strong {
  font-size: 14px;
  font-family: 'microsoft YaHei';
  font-weight: normal;
}
.planelis .airseat .col-operate {
  width: 10%;
  text-align: right;
  margin-right: 2%;
}
.planelis .airseat .col-operate .choose-btn {
  display: inline-block;
  width: 70px;
  height: 34px;
  line-height: 34px;
  border-radius: 5px;
  color: #fff;
  background: #1878ff;;
  text-align: center;
}
.planelis .airseat .ticket {
  border: 1px solid #4abef2;
  padding: 2px 8px;
  display: table;
  float: right;
  border-radius: 15px;
  color: #4abef2;
}
.planelis .air-frylis {
  padding: 10px 0;
}
.planelis .air-frylis .airseat {
  display: none;
}
.planelis .air-frylis.cur .airline {
  border-bottom: 0 solid #f3f3f3;
}
.planelis .air-frylis.cur .showlis-btn {
  border: 1px solid #1878ff;;
  color: #1878ff;;
  background: #fff;
}
.planelis .air-frylis.cur .airseat {
  display: block;
}
.travel-lisplane {
  margin-top: 10px;
}
.travel-lisplane p {
  margin-bottom: 0;
}
.travel-lisplane .airline-company {
  margin-left: 20px;
}
.travel-lisplane .airline-company .col-company {
  color: #1f2937;
  font-size: 14px;
  vertical-align: middle;
}
.travel-lisplane .airline-company .col-company img {
  height: 30px;
  width: 30px;
}
.travel-lisplane .airline-company .col-company span {
  line-height: 30px;
  margin-left: 5px;
  color: #1f2937;
  font-size: 14px;
}
.travel-lisplane .airline-company .col-info {
  color: #aeaeae;
}
.travel-lisplane .airline-company .col-info span {
  margin-right: 10px;
}
.travel-lisplane .airline-company .col-info .showreal {
  display: inline-block;
  width: 30px;
}
.travel-lisplane .airline-company .col-info .showreal i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  vertical-align: middle;
  font-size: 16px;
}
.travel-lisplane .airline-company .col-info .showreal i:before {
  content: '';
}
.travel-lisplane .airline-company .col-info .showreal strong {
  position: absolute;
  padding: 10px 10px 10px 20px;
  z-index: 299;
  line-height: 24px;
  margin-top: 28px;
  margin-left: -30px;
  background: #404352;
  border-radius: 5px;
  color: #fff;
}
.travel-lisplane .airline-company .col-info .showreal strong:before {
  position: absolute;
  left: 16px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #404352;
  content: ' ';
}
.travel-lisplane .airline:hover {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.075);
}
.airline-info {
  background: #f8fdff;
  padding: 0 0 10px;
  zoom: 1;
  border-radius: 5px;
}
.airline-info:after {
  content: '';
  display: block;
  clear: both;
}
.airline-info .airline-info-nav {
  width: 95%;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
}
.airline-info .airline-info-nav a {
  padding: 5px 30px;
  text-align: center;
  border-bottom: 0;
  background: #f8fdff;
  border: 1px solid #ecf1f7;
  color: #606060;
  border-radius: 5px 5px 0 0;
  margin-right: 5px;
  border-bottom: 0;
}
.airline-info .airline-info-nav a.cur {
  background: #1878ff;
  color: #fff;
}
.airline-info .airline-info-cent {
  width: 95%;
  margin: 0 auto;
  padding-top: 10px;
  zoom: 1;
}
.airline-info .airline-info-cent:after {
  content: '';
  display: block;
  clear: both;
}
.airline-info .airline-rule {
  color: #1878ff;;
  font-size: 14px;
  cursor: pointer;
  float: left;
  display: inline-block;
}
.airline-info .airline-rule:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  vertical-align: middle;
  font-size: 20px;
  margin-left: 5px;
  color: #1878ff;;
  content: '';
}
.airline-info .airline-rule.cur:after {
  content: '';
}
.airline-price {
  position: relative;
  float: right;
  display: inline-block;
}
.airline-price .price-total {
  cursor: pointer;
}
.airline-price .price-total .price {
  color: #ff7a21;
  font-size: 22px;
}
.airline-price .price-total .price strong {
  font-family: 'microsoft YaHei';
  font-weight: normal;
  font-size: 14px;
}
.airline-price .price-lis1 {
  width: 470px;
}
.airline-price .price-lis1 .price-mod {
  position: relative;
}
.airline-price .price-lis1 .price-mod .tit {
  font-weight: normal;
  line-height: 34px;
  padding-right: 10px;
}
.airline-price .price-lis1 p {
  margin-bottom: 0;
  padding-right: 10px;
  line-height: 34px;
  display: inline-block;
}
.airline-price .price-lis1 p span {
  vertical-align: middle;
}
.airline-price .price-lis1 p span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 145px;
  display: inline-block;
}
.airline-ruleinfo {
  display: table;
  border-collapse: collapse;
  border: 1px solid #f3f3f3;
  background: #fff;
  width: 95%;
  margin: 0 auto 20px;
}
.airline-ruleinfo p {
  padding: 10px;
}
.airline-ruleinfo dl {
  display: table-row;
}
.airline-ruleinfo dt,
.airline-ruleinfo dd {
  display: table-cell;
  border-bottom: 1px solid #f3f3f3;
  padding: 5px;
  color: #606060;
  font-size: 14px;
}
.airline-ruleinfo dt {
  width: 180px;
  text-indent: 20px;
}
.airline-ruleinfo dd > div {
  display: table-cell;
  min-width: 300px;
}
.sieve-result {
  padding: 10px 10px 0;
}
.sieve-result .col {
  display: inline-block;
  vertical-align: top;
}
.sieve-result .tit {
  font-size: 14px;
  line-height: 30px;
}
.sieve-result .handle {
  color: #1878ff;;
  line-height: 27px;
}
.sieve-result .cent {
  margin-left: 18px;
  margin-right: 8px;
  max-width: 900px;
}
.sieve-result .cent ul {
  margin-bottom: 0;
}
.sieve-result .cent li {
  display: inline-block;
  margin-bottom: 5px;
}
.sieve-result .cent a {
  border: 1px solid #f6f5f5;
  color: #606060;
  padding: 0 10px;
  line-height: 24px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
}
.sieve-result .cent a i {
  color: #b0b0b0;
  margin-left: 5px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  width: 10px;
  height: 24px;
}
.sieve-result .cent a i:before {
  content: '';
}
.sieve-result .cent a:hover {
  border: 1px solid #fff;
  color: #fff;
  background: #1878ff;;
}
.sieve-result .cent a:hover i {
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fry-condition {
  border-bottom: 1px solid #f3f3f3;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 199;
}
.fry-condition .fry-sieve {
  padding: 0 0 0 0;
}
.fry-condition .fry-sieve .sieve-lis {
  padding: 10px 0 0;
}
.fry-condition .fry-sieve .sieve-lis .col {
  display: inline-block;
  margin-right: 10px;
}
.fry-condition .fry-sieve .sieve-lis .item .filter {
  padding: 10px;
  margin-right: 60px;
  cursor: pointer;
  position: relative;
  z-index: 199;
}
.fry-condition .fry-sieve .sieve-lis .item .filter span {
  color: #1f2937;
  font-size: 14px;
}
.fry-condition .fry-sieve .sieve-lis .item .filter i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  color: #b4b4b4;
  margin-left: 10px;
}
.fry-condition .fry-sieve .sieve-lis .item .filter i:before {
  content: '';
}
.fry-condition .fry-sieve .sieve-lis .item .lis {
  display: none;
  position: absolute;
  z-index: 100;
  background: #fff;
}
.fry-condition .fry-sieve .sieve-lis .item .lis ul {
  width: 160px;
  margin: 10px 0;
  border-right: 1px solid #f6f5f5;
  float: left;
  position: relative;
}
.fry-condition .fry-sieve .sieve-lis .item .lis ul:last-child {
  border-right: 0;
}
.fry-condition .fry-sieve .sieve-lis .item .lis ul li {
  padding-left: 40px;
  height: 30px;
  line-height: 30px;
  @incldue txt-dot;
  cursor: pointer;
}
.fry-condition .fry-sieve .sieve-lis .item .lis ul li:hover {
  background: #f1fbff;
}
.fry-condition .fry-sieve .sieve-lis .item .lis ul li.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  color: #5fc6f4;
  font-size: 14px;
  left: 10px;
  content: '';
}
.fry-condition .fry-sieve .sieve-lis .item.itemcur .filter {
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  background: #fff;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.fry-condition .fry-sieve .sieve-lis .item.itemcur .filter i:before {
  content: '';
}
.fry-condition .fry-sieve .sieve-lis .item.itemcur .lis {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  margin-top: -1px;
  display: block;
}
.fry-condition .fry-sort {
  padding: 10px 10px 0 0;
  position: absolute;
  right: 0;
  top: 24px;
}
.fry-condition .fry-sort .col {
  display: inline-block;
  cursor: pointer;
}
.fry-condition .fry-sort a {
  color: #1f2937;
  margin: 0 10px;
}
.fry-condition .fry-sort a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  margin: 0 5px;
  vertical-align: middle;
}
.fry-condition .fry-sort a.cur {
  color: #1878ff;;
}
.fry-condition .fry-sort a.cur i:before {
  content: '';
}
.fry-condition .fry-sort a.cur i.cur:before {
  content: '';
}
.travel-addpeople {
  width: 100%;
}
.travel-addpeople .selected-list {
  display: inline;
}
.travel-addpeople dl {
  margin: 0 10px 0 10px;
  display: inline-block;
  padding-right: 10px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  padding-bottom: 8px;
}
.travel-addpeople dl dt {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.travel-addpeople dl dt strong {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}
.travel-addpeople dl dt img {
  height: 42px;
  width: 42px;
}
.travel-addpeople dl dd {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  vertical-align: middle;
  color: #1f2937;
}
.travel-addpeople dl dd .name {
  width: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.travel-addpeople dl dd .del {
  color: #df412d;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  width: 22px;
  height: 27px;
  position: absolute;
  right: 0;
  top: 10px;
  visibility: hidden;
}
.travel-addpeople dl dd .del:before {
  content: '';
}
.travel-addpeople dl .selected-personinfo {
  position: absolute;
  display: none;
  width: 270px;
  top: 49px;
  left: -4px;
  transition: 0.5;
}
.travel-addpeople dl .selected-personinfo p {
  margin-bottom: 0;
  font-size: 14px;
}
.travel-addpeople dl .selected-personinfo:before {
  left: 16px;
}
.travel-addpeople dl:hover .selected-personinfo {
  display: block;
}
.travel-addpeople dl:hover .del {
  visibility: inherit;
}
.travel-addpeople .addpeople-btn {
  display: inline-block;
  height: 40px;
  border: 0;
  width: auto;
  margin: 0;
}
.travel-addpeople .addpeople-btn:before {
  content: unset;
}
.travel-addpeople .addpeople-btn a {
  color: #d6d6d6;
  display: inline-block;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  vertical-align: middle;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  margin-left: 10px;
  font-size: 22px;
}
.travel-addpeople .addpeople-btn a:before {
  content: '';
}
.sleeping-man {
  padding: 0 20px;
}
.sleeping-man .mod .bill-select {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.sleeping-man .mod {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.sleeping-man .mod:last-child {
  border-bottom: 0;
}
.sleeping-man .room-lis {
  border: 1px solid #f3f3f3;
  width: 270px;
  min-height: 64px;
  border-radius: 5px;
  padding: 10px;
  margin-right: 10px;
}
.sleeping-man .room-lis .tit {
  display: inline-block;
  text-align: center;
}
.sleeping-man .room-lis .travel-addpeople {
  display: inline-block;
  width: auto;
}
.sleeping-man .travel-addpeople .addpeople-btn a {
  margin-left: 0;
}
.sleeping-man .travel-addpeople dl {
  padding-bottom: 0;
}
.travel-notice {
  font-size: 14px;
  color: #b4b4b4;
}
.search-citys-warp {
  position: absolute;
  z-index: 299;
  margin-top: -1px;
}
.search-citys {
  width: 520px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  z-index: 299;
  background: #fff;
  padding: 10px;
}
.search-citys input.text {
  color: #b7b7b7;
  width: 369px;
  border: 1px solid #cfcfcf;
  float: left;
  margin-right: 8px;
  font-size: 14px;
  padding: 10px 7px;
  outline: none;
}
.citys-info {
  padding: 10px 0 0;
  color: #cdcdcd;
  font-size: 14px;
}
.citys-info p {
  margin: 0;
}
.citys-histroy {
  padding: 10px;
  background: #fafafa;
  color: #848484;
  font-size: 14px;
}
.citys-histroy a {
  margin: 0 5px;
  color: #848484;
}
.citys-tit {
  margin: 10px 0;
  border-bottom: 2px solid #ddd;
  height: 30px;
}
.citys-tit a {
  display: block;
  height: 30px;
  float: left;
  line-height: 30px;
  text-align: center;
  position: relative;
  padding: 0 8px;
  margin-left: 10px;
  color: #7c7c7c;
  _display: inline-block;
  margin-bottom: -1px;
  position: relative;
  font-size: 14px;
}
.citys-tit a.cur {
  background-color: #fff;
  color: #1878ff;
  text-decoration: none;
  border-bottom: 2px solid #1878ff;
}
.citys-list {
  background: #fff;
  padding: 0 0 15px 0;
}
.citys-list ul {
  overflow: hidden;
  width: 493px;
  max-height: 140px;
  overflow: hidden;
  overflow-y: auto;
}
.citys-list li {
  float: left;
  width: 80px;
  padding: 0 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
}
.citys-list li a {
  color: #555;
}
.citys-list li a:hover {
  color: #1878ff;
}
.search-text ul {
  border: 1px solid #e0e0e0;
  width: 520px;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.search-text ul li {
  height: 40px;
  line-height: 40px;
  background: #fff;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.search-text ul li a {
  color: #585858;
}
.search-text ul li strong {
  font-weight: bold;
}
.search-text ul li.cur,
.search-text ul li:hover {
  background: #f5fcff;
  cursor: pointer;
}
.selectform-travel .travel-selectform {
  padding: 20px 0 50px 0;
}
.selectform-travel .travel-selectform dl {
  width: 385px;
  margin: 25px auto 0;
  border: 1px solid #f3f3f3;
  padding: 10px;
  background: #fbfcff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  height: 100px;
  cursor: pointer;
}
.selectform-travel .travel-selectform dl dt {
  width: 64px;
  height: 64px;
  background: #1878ff;;
  border-radius: 100%;
  text-align: center;
  line-height: 64px;
  margin-right: 25px;
  margin-left: 40px;
}
.selectform-travel .travel-selectform dl dt i {
  color: #fff;
  font-size: 34px;
}
.selectform-travel .travel-selectform dl dd {
  color: #606060;
  font-size: 14px;
}
.selectform-travel .travel-selectform dl.selectno {
  background: #fff;
}
.selectform-travel .travel-selectform dl.selectno dt {
  background: #dfe1e2;
}
.selectform-travel .old,
.selectform-travel .new {
  padding: 20px 0;
}
.selectform-travel .old .selectform-lis,
.selectform-travel .new .selectform-lis {
  max-height: 285px;
  overflow: hidden;
  overflow-y: auto;
}
.selectform-travel .old .addbtn-wrap,
.selectform-travel .new .addbtn-wrap {
  margin-top: 30px;
}
.selectform-travel .old dl,
.selectform-travel .new dl {
  width: 570px;
  height: 83px;
  margin: 0 auto 12px;
  border: 1px solid #f3f3f3;
  padding: 10px;
  background: #fbfcff;
  border-radius: 5px;
  position: relative;
  padding-left: 82px;
  align-items: center;
}
.selectform-travel .old dl dt,
.selectform-travel .new dl dt {
  width: 48px;
  height: 48px;
  background: #1878ff;;
  border-radius: 100%;
  text-align: center;
  line-height: 48px;
  margin-right: 10px;
  margin-left: 10px;
  position: absolute;
  left: 10px;
}
.selectform-travel .old dl dt span,
.selectform-travel .new dl dt span {
  color: #fff;
  font-size: 26px;
  vertical-align: middle;
}
.selectform-travel .old dl dd,
.selectform-travel .new dl dd {
  position: relative;
}
.selectform-travel .old dl dd p,
.selectform-travel .new dl dd p {
  margin-bottom: 0;
}
.selectform-travel .old dl dd .tit,
.selectform-travel .new dl dd .tit {
  color: #606060;
  font-size: 14px;
}
.selectform-travel .old dl dd .time,
.selectform-travel .new dl dd .time {
  color: #606060;
  font-size: 14px;
  line-height: 22px;
}
.selectform-travel .old dl dd .num,
.selectform-travel .new dl dd .num {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.selectform-travel .old dl dd .name,
.selectform-travel .new dl dd .name {
  color: #606060;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 80%;
  line-height: 24px;
  font-size: 14px;
}
.selectform-travel .old dl dd .info,
.selectform-travel .new dl dd .info {
  color: #606060;
  font-size: 14px;
  line-height: 22px;
  zoom: 1;
}
.selectform-travel .old dl dd .info:after,
.selectform-travel .new dl dd .info:after {
  content: '';
  display: block;
  clear: both;
}
.selectform-travel .old dl dd .info .time,
.selectform-travel .new dl dd .info .time {
  float: left;
}
.selectform-travel .old dl dd .info .time strong,
.selectform-travel .new dl dd .info .time strong {
  font-weight: normal;
}
.selectform-travel .old dl dd .info .time i,
.selectform-travel .new dl dd .info .time i {
  margin: 0 10px;
}
.selectform-travel .old dl dd .info .num,
.selectform-travel .new dl dd .info .num {
  float: right;
  color: #aeaeae;
  font-size: 14px;
  text-align: right;
}
.selectform-travel .old dl dd .state,
.selectform-travel .new dl dd .state {
  position: absolute;
  top: 26px;
  right: 10px;
  font-size: 14px;
}
.over-travel .form-control {
  width: 100%;
  height: 240px;
}
.selectstaff-travel {
  padding-bottom: 20px;
}
.selectstaff-travel .search-person {
  width: 340px;
  position: relative;
}
.selectstaff-travel .search-person .search-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #898989;
  position: absolute;
  font-size: 18px;
  top: 3px;
  right: 10px;
}
.selectstaff-travel .search-person .search-btn:before {
  content: '';
}
.selectstaff-travel .person-history {
  margin-top: 10px;
}
.selectstaff-travel .person-history .tit {
  color: #606060;
  font-size: 14px;
  line-height: 30px;
}
.selectstaff-travel .person-history .personlis {
  max-height: 208px;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 5px;
}
.selectstaff-travel .person-history .personlis li {
  display: flex;
  align-items: center;
  height: 42px;
}
.selectstaff-travel .person-history .personlis li .head {
  margin-right: 10px;
  margin-left: 10px;
  width: 34px;
  height: 34px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
}
.selectstaff-travel .person-history .personlis li .head img {
  width: 34px;
  height: 34px;
}
.selectstaff-travel .person-history .personlis li .name {
  margin-right: 10px;
  color: #606060;
  font-size: 14px;
  width: 200px;
}
.selectstaff-travel .person-history .personlis li .num {
  color: #606060;
  font-size: 14px;
  margin-right: 10px;
}
.selectstaff-travel .person-history .personlis li .edit {
  margin-left: auto;
  width: 100px;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 22px;
}
.selectstaff-travel .person-history .personlis li .edit:before {
  content: '';
}
.selectstaff-travel .person-history .personlis li:hover,
.selectstaff-travel .person-history .personlis li .cur {
  background: #f7f7f7;
  cursor: pointer;
}
.selectstaff-travel .person-history .personlis li:hover .edit,
.selectstaff-travel .person-history .personlis li .cur .edit {
  color: #a2a3a3;
}
.selectstaff-travel .travel-selectstaff {
  position: relative;
}
.selectstaff-travel .add-person {
  position: absolute;
  top: -3px;
  left: 340px;
}
.selectstaff-travel .add-person .add-person-btn {
  cursor: pointer;
  width: 98px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 5px;
  color: #1878ff;;
}
.selectstaff-travel .add-person .add-person-btn i {
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-right: 2px;
  font-size: 16px;
}
.selectstaff-travel .add-person .add-person-btn i:before {
  content: '';
}
.selectstaff-travel .add-person .add-person-btn span {
  display: inline-block;
  vertical-align: middle;
}
.selectstaff-travel .travel-addstaff dl {
  margin: 20px auto;
  padding-left: 110px;
  position: relative;
}
.selectstaff-travel .travel-addstaff dl dt {
  width: 100px;
  text-align: right;
  color: #606060;
  padding-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 34px;
}
.selectstaff-travel .travel-addstaff dl .notice {
  color: #f35959;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 18px;
  display: inline-block;
}
.selectstaff-travel .travel-addstaff dl dd {
  width: 100%;
}
.selectstaff-travel .travel-addstaff dl dd .bill-select {
  width: 100%;
}
.travel-lishotel {
  margin-top: 10px;
}
.travel-lishotel .sieve-result {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  margin-top: 10px;
}
.travel-lishotel .pagination-group .btn-prev,
.travel-lishotel .pagination-group .btn-next {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #606060;
  display: inline-block;
  font-size: 16px;
}
.travel-lishotel .pagination-group .btn-prev:before {
  content: ';';
}
.travel-lishotel .pagination-group .btn-next:before {
  content: ';';
}
.travel-lishotel .pagination-group .pagenumber {
  color: #606060;
  padding: 0 10px;
}
.travel-lishotel .pagination-group .pagenumber strong {
  font-weight: normal;
}
.sleep-condition {
  background: #fff;
  padding: 10px;
}
.sleep-condition .addmore {
  text-align: center;
  padding-top: 10px;
}
.sleep-condition .addmore a {
  color: #1878ff;;
}
.sleep-condition .addmore a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  color: #1878ff;;
  margin-left: 10px;
}
.sleep-condition .addmore a i:before {
  content: '';
}
.sleep-condition .addmore a.cur i:before {
  content: '';
}
.sleep-condition .sleep-sieve {
  width: 98%;
  margin: 10px auto 0;
}
.sleep-condition .sleep-sieve dl {
  border-bottom: 1px solid #f3f3f3;
  padding: 10px;
  margin-bottom: 0;
  position: relative;
  padding-left: 70px;
}
.sleep-condition .sleep-sieve dt {
  width: 70px;
  text-align: left;
  position: absolute;
  left: 0;
  line-height: 30px;
  font-weight: bold;
}
.sleep-condition .sleep-sieve .visible {
  padding: 0 !important;
}
.sleep-condition .sleep-sieve dd {
  display: flex;
  align-items: center;
  line-height: 30px;
  position: relative;
}
.sleep-condition .sleep-sieve dd > div {
  display: inline-block;
}
.sleep-condition .sleep-sieve dd .filter-unlimited {
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
}
.sleep-condition .sleep-sieve dd .filter-unlimited span {
  border-radius: 5px;
  display: inline-block;
  padding: 0 10px;
  color: #606060;
  cursor: pointer;
}
.sleep-condition .sleep-sieve dd .filter-unlimited:hover span {
  color: #1878ff;;
}
.sleep-condition .sleep-sieve dd .filter-unlimited.cur span {
  background: #1878ff;;
  color: #fff;
}
.sleep-condition .sleep-sieve dd .filter-type {
  margin: 0 10px 0 60px;
  width: 100%;
  padding-right: 50px;
}
.sleep-condition .sleep-sieve dd .filter-type.h30 {
  height: 30px;
  overflow: hidden;
}
.sleep-condition .sleep-sieve dd .filter-type ul {
  margin-bottom: 0;
  zoom: 1;
  word-wrap: break-word;
}
.sleep-condition .sleep-sieve dd .filter-type ul:after {
  content: '';
  display: block;
  clear: both;
}
.sleep-condition .sleep-sieve dd .filter-type li {
  width: 120px;
  display: inline-flex;
  word-wrap: break-word;
  margin-bottom: 4px;
}
.sleep-condition .sleep-sieve dd .filter-type li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border-radius: 5px;
  display: inline-block;
  padding: 0 10px;
  color: #606060;
  font-size: 14px;
}
.sleep-condition .sleep-sieve dd .filter-type li:hover a {
  color: #1878ff;;
}
.sleep-condition .sleep-sieve dd .filter-type li.cur a {
  background: #1878ff;;
  color: #fff;
}
.sleep-condition .sleep-sieve dd .filter-type.filter-posi-type li {
  margin-bottom: 0;
}
.sleep-condition .sleep-sieve dd .filter-type.filter-posi-type li a {
  border-radius: 0;
  padding: 0 30px 0 10px;
  position: relative;
}
.sleep-condition .sleep-sieve dd .filter-type.filter-posi-type li a:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  color: #606060;
  content: '\e626';
  position: absolute;
  right: 10px;
  top: 0;
}
.sleep-condition .sleep-sieve dd .filter-type.filter-posi-type li.cur a {
  color: #1878ff;;
  background: #f2fbff;
}
.sleep-condition .sleep-sieve dd .filter-type.filter-posi-type li.cur a:after {
  color: #1878ff;;
  content: '';
}
.sleep-condition .sleep-sieve dd.filter-posi-show {
  background: #f2fbff;
  padding: 15px 60px 10px;
}
.sleep-condition .sleep-sieve dd.filter-posi-show .filter_posi_list {
  margin-bottom: 0;
  width: 100%;
}
.sleep-condition .sleep-sieve dd.filter-posi-show .filter_posi_list li {
  margin-bottom: 4px;
  display: inline-block;
  margin-right: 4px;
  font-size: 14px;
}
.sleep-condition .sleep-sieve dd.filter-posi-show .filter_posi_list li a {
  border-radius: 5px;
  display: inline-block;
  padding: 0 10px;
  color: #606060;
}
.sleep-condition .sleep-sieve dd.filter-posi-show .filter_posi_list li:hover a {
  color: #1878ff;;
}
.sleep-condition .sleep-sieve dd.filter-posi-show .filter_posi_list li.cur a {
  background: #1878ff;;
  color: #fff;
}
.sleep-condition .sleep-sieve dd .filter_more {
  color: #1878ff;;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 1px;
}
.sleep-condition .sleep-sieve dd .filter_more i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  color: #1878ff;;
  margin-left: 10px;
}
.sleep-condition .sleep-sieve dd .filter_more i:before {
  content: '';
}
.sleep-condition .sleep-sieve dd .filter_more.cur i:before {
  content: '';
}
.sleep-condition .sleep-sieve dd .filter_custom .col {
  display: inline-block;
  vertical-align: middle;
}
.sleep-condition .sleep-sieve dd .filter_custom .col .form-control {
  width: 50px;
  padding: 0 3px;
  height: 24px;
}
.sleep-condition .sleep-sieve dd .filter_custom .col.line {
  font-size: 14px;
  color: #999;
}
.sleep-condition .sleep-sieve dd .filter_custom .col.btn-filter-sure {
  color: #606060;
  border: 1px solid #e5e6e7;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.sleep-condition .sleep-sieve dl:first-child dd .filter-type {
  width: auto;
  display: inline-block;
}
.sleeplis .pagination-group {
  padding: 10px 30px 30px;
}
.sleeplis .sleep-sort {
  border-bottom: 1px solid #f3f3f3;
  padding: 10px 10px;
}
.sleeplis .sleep-sort .pagination-group {
  padding: 0 10px 0;
}
.sleeplis .sleep-sort .pagination-group .btn-prev,
.sleeplis .sleep-sort .pagination-group .btn-next {
  font-size: 14px;
}
.sleeplis .sleep-sort .col {
  display: inline-block;
  cursor: pointer;
}
.sleeplis .sleep-sort a {
  color: #606060;
  margin: 0 10px;
}
.sleeplis .sleep-sort a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  margin: 0 5px;
  vertical-align: middle;
}
.sleeplis .sleep-sort a.cur {
  color: #1878ff;;
}
.sleeplis .sleep-sort a.cur i:before {
  content: '';
}
.sleeplis .sleep-sort a.cur i.cur:before {
  content: '';
}
.sleeplis .bed-sleeplis {
  padding: 20px 30px;
}
.sleeplis .hotel-mod {
  margin-bottom: 20px;
}
.sleeplis .hotel-mod.hotel-fullhouse .hotelin .row-price {
  display: none;
}
.sleeplis .hotel-mod.hotel-fullhouse .hotelin .row-operate {
  display: none;
}
.sleeplis .hotel-mod.hotel-fullhouse .hotelin .col-operate {
  cursor: pointer;
}
.sleeplis .hotel-mod.hotel-fullhouse .hotelin .col-operate:after {
  content: '已满房';
  color: #aeaeae;
  font-size: 14px;
  line-height: 150px;
}
.sleeplis .hotel-mod.cur .showlis-btn {
  border: 1px solid #1878ff;;
  color: #1878ff;;
  background: #fff;
}
.sleeplis .hotel-mod.cur .hotelapart {
  display: block;
}
.sleeplis .hotel-mod.cur .hotelin {
  border-radius: 5px 5px 0 0;
}
.sleeplis .hotel-mod.cur .hotelin .col-img img {
  border-radius: 5px;
}
.sleeplis .hotelin {
  border: 1px solid #f3f3f3;
  background: #fff;
  border-radius: 5px;
  height: 180px;
  position: relative;
  padding: 5px 15px;
}
.sleeplis .hotelin p {
  margin-bottom: 0;
}
.sleeplis .hotelin .col-img {
  width: 150px;
  height: 150px;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 150px;
  background: #f3f3f3;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 15px;
}
.sleeplis .hotelin .col-img img {
  max-width: 150px;
  border-radius: 5px;
}
.sleeplis .hotelin .col-info {
  padding-left: 20px;
  margin: 0 240px 0 158px;
}
.sleeplis .hotelin .col-info .row-name {
  margin-top: 10px;
  cursor: pointer;
}
.sleeplis .hotelin .col-info .row-name .tit {
  font-size: 14px;
  color: #1f2937;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.sleeplis .hotelin .col-info .row-name .tit:hover {
  color: #1878ff;
}
.sleeplis .hotelin .col-info .row-name .type {
  margin-top: 5px;
  color: #ff7a21;
  font-size: 14px;
}
.sleeplis .hotelin .col-info .row-info {
  color: #606060;
  font-size: 14px;
  margin-top: 35px;
  width: 90%;
  overflow: hidden;
  display: block;
}
.sleeplis .hotelin .col-info .row-info p {
  overflow: hidden;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.sleeplis .hotelin .col-info .row-map {
  color: #606060;
  font-size: 14px;
  cursor: pointer;
}
.sleeplis .hotelin .col-info .row-map i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #49bef3;
  font-size: 18px;
}
.sleeplis .hotelin .col-info .row-map i:before {
  content: '';
}
.sleeplis .hotelin .col-info .row-map i,
.sleeplis .hotelin .col-info .row-map span {
  display: inline-block;
  vertical-align: middle;
}
.sleeplis .hotelin .col-operate {
  width: 240px;
  margin-left: auto;
  border-left: 1px solid #f3f3f3;
  text-align: center;
  position: absolute;
  top: 15px;
  right: 0;
  height: 150px;
}
.sleeplis .hotelin .col-operate .row-price {
  color: #ff7a21;
  font-size: 22px;
  margin-top: 26px;
}
.sleeplis .hotelin .col-operate .row-price strong,
.sleeplis .hotelin .col-operate .row-price i {
  font-family: 'microsoft YaHei';
  font-weight: normal;
}
.sleeplis .hotelin .col-operate .row-price strong {
  font-size: 14px;
}
.sleeplis .hotelin .col-operate .row-price i {
  font-size: 14px;
  font-style: normal;
}
.sleeplis .hotelin .col-operate .row-operate {
  margin-top: 30px;
}
.sleeplis .hotelapart {
  border: 1px solid #f3f3f3;
  border-top: 0;
  display: none;
}
.sleeplis .hotelapart dl {
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 0;
  padding-left: 364px;
  position: relative;
}
.sleeplis .hotelapart dl dt,
.sleeplis .hotelapart dl dd {
  display: inline-block;
}
.sleeplis .hotelapart dl dt {
  width: 364px;
  position: absolute;
  top: 0;
  left: 0;
}
.sleeplis .hotelapart dl dd {
  width: 100%;
  text-align: center;
  border-left: 1px solid #f3f3f3;
}
.sleeplis .hotelapart dl dd p {
  margin-bottom: 0;
}
.sleeplis .hotelapart dl dd > div {
  display: flex;
  align-items: center;
  border-top: 1px solid #f3f3f3;
}
.sleeplis .hotelapart dl dd > div:first-child {
  border-top: 0;
}
.sleeplis .hotelapart dl dd .col-tit {
  width: 30%;
  color: #606060;
  text-align: left;
  text-indent: 60px;
}
.sleeplis .hotelapart dl dd .col-tit p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.sleeplis .hotelapart dl dd .col-break {
  width: 16%;
  color: #606060;
  text-align: left;
  text-indent: 60px;
  flex-shrink: 0;
}
.sleeplis .hotelapart dl dd .col-break p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.sleeplis .hotelapart dl dd .col-price {
  width: 20%;
  text-align: center;
}
.sleeplis .hotelapart dl dd .no-choice {
  color: #aeaeae;
}
.sleeplis .hotelapart dl dd .col-operate {
  width: 240px;
  margin-left: auto;
}
.sleeplis .hotelapart dl dd .col-operate .choose-btn {
  display: inline-block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
  color: #fff;
  background: #1878ff;;
  text-align: center;
}
.sleeplis .hotelapart dl dd .col-operate .comm-chk-wrap {
  text-align: left;
}
.sleeplis .hotelapart .apart-head {
  background: #f8fdff;
}
.sleeplis .hotelapart .apart-head .comm-chk-wrap {
  cursor: pointer;
}
.sleeplis .hotelapart .apart-head dl {
  height: 50px;
}
.sleeplis .hotelapart .apart-head dl dt,
.sleeplis .hotelapart .apart-head dl dd {
  line-height: 50px;
}
.sleeplis .hotelapart .apart-head dl dt {
  padding-left: 20px;
  position: absolute;
  left: 0;
}
.sleeplis .hotelapart .apart-head dl dd > div {
  display: flex;
  align-items: center;
}
.sleeplis .hotelapart .apart-head dl dd .col-break {
  text-indent: 0;
  padding-left: 60px;
}
.sleeplis .hotelapart .apart-mod .nodata {
  text-align: center;
  padding: 10px 0;
  color: #aeaeae;
  font-size: 14px;
  font-weight: normal;
}
.sleeplis .hotelapart .apart-mod dl:last-child {
  border-bottom: 0;
}
.sleeplis .hotelapart .apart-mod dl dt {
  width: 364px;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.sleeplis .hotelapart .apart-mod dl dt .hotelimg {
  width: 62px;
  height: 62px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  float: left;
}
.sleeplis .hotelapart .apart-mod dl dt .hotelimg img {
  width: 62px;
  height: auto;
  border-radius: 5px;
}
.sleeplis .hotelapart .apart-mod dl dt .hotelimg:before {
  content: ' ';
  border-radius: 5px;
}
.sleeplis .hotelapart .apart-mod dl dt .hotelimg:hover {
  position: relative;
}
.sleeplis .hotelapart .apart-mod dl dt .hotelimg:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 65px;
  height: 65px;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #fff;
  content: '\e60b';
  font-size: 30px;
  text-align: center;
  line-height: 65px;
}
.sleeplis .hotelapart .apart-mod dl dt .hoteltype {
  display: inline-block;
  margin-left: 10px;
  float: left;
  max-width: 150px;
}
.sleeplis .hotelapart .apart-mod dl dt .hoteltype .tit {
  color: #606060;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 0;
  height: 48px;
  margin-top: 10px;
  overflow: hidden;
}
.sleeplis .hotelapart .apart-mod dl dt .hoteltype .hotelinfo {
  position: absolute;
  padding: 10px 10px 10px 20px;
  z-index: 299;
  line-height: 24px;
  margin-left: 10px;
  background: #404352;
  border-radius: 5px;
  color: #fff;
}
.sleeplis .hotelapart .apart-mod dl dt .hoteltype .hotelinfo:before {
  position: absolute;
  left: 16px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #404352;
  content: ' ';
}
.sleeplis .hotelapart .apart-mod dl dt .hoteltype .hotelinfo .cent p {
  margin-bottom: 0;
}
.sleeplis .hotelapart .apart-mod dl dt .house-show {
  position: absolute;
  right: 30px;
  top: 19px;
}
.sleeplis .hotelapart .apart-mod dl dt .house-show i {
  border: 1px solid #1878ff;;
  width: 16px;
  height: 16px;
  color: #1878ff;;
  font-size: 14px;
  background: #fff;
  border-radius: 1px;
}
.sleeplis .hotelapart .apart-mod dl dt .house-show.cur i {
  background: #1878ff;;
  color: #fff;
}
.sleeplis .hotelapart .apart-mod dl dt .house-show.cur i:before {
  content: '\e68c';
}
.sleeplis .hotelapart .apart-mod dl dd > div {
  height: 78px;
}
.sleeplis .hotelapart .apart-mod dl dd .breakfast-mod:hover {
  background: #f8fdff;
  cursor: pointer;
}
.sleeplis .hotelapart .apart-mod dl dd .breakfast-mod .price {
  color: #ff7a21;
  font-size: 16px;
}
.sleeplis .hotelapart .apart-mod dl dd .breakfast-mod .price strong {
  font-size: 16px;
  font-family: 'microsoft YaHei';
  font-weight: normal;
}
.hotel-reserve .ybox-mod {
  border-radius: 5px;
}
.hotel-reserve .info {
  font-style: normal;
  color: #aeaeae;
  font-size: 14px;
}
.hotel-reserve .hotelapart {
  padding: 20px;
  zoom: 1;
}
.hotel-reserve .hotelapart:after {
  content: '';
  display: block;
  clear: both;
}
.hotel-reserve .hotelapart .col-daytotal {
  float: left;
  width: 60%;
}
.hotel-reserve .hotelapart .col-tit {
  text-align: left;
  width: 30%;
  float: left;
}
.hotel-reserve .hotelapart .col-tit h3 {
  color: #606060;
  font-size: 14px;
  display: inline-block;
}
.hotel-reserve .hotelapart .col-pricetotal {
  text-align: right;
  float: right;
  width: 10%;
  margin-top: 10px;
}
.hotel-reserve .hotelapart .col-pricetotal .price-total-warp {
  position: relative;
  cursor: pointer;
}
.hotel-reserve .hotelapart .col-pricetotal .price {
  color: #ff7a21;
  font-size: 22px;
}
.hotel-reserve .hotelapart .col-pricetotal .price strong {
  font-size: 14px;
  font-family: 'microsoft YaHei';
  font-weight: normal;
}
.hotel-reserve .price-lis {
  padding: 10px;
}
.hotel-reserve .hotel-date {
  background: #fff;
  border-radius: 5px;
  text-align: left;
  max-width: 800px;
  max-height: 240px;
  overflow: hidden;
  overflow-y: auto;
  height: auto;
}
.hotel-reserve .hotel-date dl {
  width: 100px;
  height: 78px;
  text-align: center;
  display: inline-block;
  margin: 0;
}
.hotel-reserve .hotel-date dl dt {
  background: #f8f8fa;
  color: #606060;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
}
.hotel-reserve .hotel-date dl dd {
  line-height: 24px;
}
.hotel-reserve .hotel-date dl .meal {
  color: #606060;
  font-size: 14px;
}
.hotel-reserve .hotel-date dl .prices {
  color: #f88529;
  font-size: 16px;
}
.col-daytotal p {
  margin-bottom: 0;
}
.col-daytotal > div {
  display: inline-block;
}
.col-daytotal .mod {
  width: 160px;
  text-align: center;
}
.col-daytotal .mod .time {
  font-size: 18px;
  color: #1f2937;
}
.col-daytotal .mod .place {
  font-size: 14px;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.col-daytotal .mod p {
  font-size: 14px;
}
.col-daytotal .mod p.year {
  color: #1f2937;
  font-size: 18px;
}
.col-daytotal .daymod {
  margin: 0 10px;
}
.col-daytotal .daymod .sleep {
  position: relative;
  width: 140px;
  padding-bottom: 10px;
}
.col-daytotal .daymod .sleep:before {
  position: absolute;
  width: 100%;
  border-bottom: 1px dashed #d4d4d4;
  top: 19px;
  left: 0;
  content: '';
  z-index: 100;
}
.col-daytotal .daymod .sleep i {
  width: 50px;
  height: 20px;
  display: block;
  background: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 120;
  text-align: center;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #4abef2;
}
.col-daytotal .daymod .sleep i:before {
  content: '';
}
.col-daytotal .daymod .daytotal,
.col-daytotal .daymod .time {
  font-size: 14px;
  color: #aeaeae;
  text-align: center;
}
.hotelinfo-travel .introduce {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 30px;
}
.hotelinfo-travel .introduce .top {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.hotelinfo-travel .introduce .top .tit {
  color: #1f2937;
  display: inline-block;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.hotelinfo-travel .introduce .top .tel {
  display: inline-block;
}
.hotelinfo-travel .introduce .top .tel p {
  color: #1f2937;
}
.hotelinfo-travel .introduce .cent {
  line-height: 24px;
  max-height: 198px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 10px;
  margin-top: 5px;
}
.hotelinfo-travel .facilities {
  padding: 20px 0;
}
.hotelinfo-travel .facilities .cent {
  max-height: 140px;
  overflow: hidden;
  overflow-y: auto;
}
.hotelinfo-travel .facilities .tit {
  color: #1f2937;
  display: inline-block;
  font-size: 16px;
  padding-bottom: 10px;
}
.hotelinfo-travel .facilities dl {
  position: relative;
  line-height: 30px;
  margin-bottom: 0;
  padding: 0 20px 0 80px;
  min-height: 35px;
  zoom: 1;
}
.hotelinfo-travel .facilities dl:after {
  content: '';
  display: block;
  clear: both;
}
.hotelinfo-travel .facilities dl p {
  margin-bottom: 0;
}
.hotelinfo-travel .facilities dl dt {
  width: 80px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px;
}
.hotelinfo-travel .facilities dl dd span {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
.hotelinfo-travel .facilities dl dd span i {
  margin-right: 10px;
  vertical-align: middle;
}
.hotelinfo-travel .facilities .showall {
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
}
.hotelinfo-travel .facilities .showall span {
  color: #1878ff;;
}
.hotelinfo-travel .facilities .showall i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  color: #1878ff;;
  margin-left: 10px;
}
.hotelinfo-travel .facilities .showall i:before {
  content: '';
}
.hotelinfo-travel .facilities .showall.cur i:before {
  content: '';
}
.hotelmap {
  width: 100%;
  position: relative;
}
.over-travelReason {
  padding: 0 30px;
  color: #606060;
  font-size: 14px;
}
.over-travelReason i {
  color: #ff4800;
  margin-right: 10px;
}
.over-travelReason i:before {
  content: '';
}
.trip-route {
  margin-top: 10px;
}
.trip-route .notice-comm {
  margin: 10px 0 0 0;
  float: left;
}
.trip-route .billtrip-related {
  color: #12b7f5;
  cursor: pointer;
  width: 200px;
  display: inline-block;
}
.trip-route .billtrip-related i {
  margin-right: 20px;
  font-size: 21px;
  vertical-align: middle;
  line-height: 38px;
}
.trip-route .col-left {
  position: absolute;
  left: 25px;
  top: 5px;
  text-align: left;
  line-height: 32px;
}
.trip-route .col-right {
  position: absolute;
  right: 25px;
  top: 5px;
  text-align: left;
}
.trip-route .col-right .iconbtn-back {
  font-size: 22px;
  display: inline-block;
  vertical-align: bottom;
  color: #1878ff;;
}
.trip-route .route-tit {
  background: #fff;
  position: relative;
  zoom: 1;
  min-height: 60px;
  border-radius: 5px 5px 0 0;
}
.trip-route .route-tit:after {
  content: '';
  display: block;
  clear: both;
}
.trip-route .route-tit .col-tit {
  text-align: center;
  line-height: 60px;
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  color: #1f2937;
}
.trip-route .route-tit .mod-num {
  font-size: 14px;
  color: #1f2937;
  display: inline-block;
  vertical-align: middle;
}
.trip-route .route-tit .col-left {
  top: 10px;
  right: 20px;
}
.trip-route .route-tit .col-right {
  top: 13px;
  right: 20px;
}
.trip-route .route-tit .share-txt p {
  text-align: center;
}
.trip-route .route-ordernum {
  margin-top: 1px;
}
.trip-route .route-reason,
.trip-route .route-ordernum {
  background: #fff;
  position: relative;
  padding: 10px 20px 10px 80px;
}
.trip-route .route-reason dl,
.trip-route .route-ordernum dl {
  margin-bottom: 0;
}
.trip-route .route-reason dt,
.trip-route .route-ordernum dt {
  position: absolute;
  top: 10px;
  left: 20px;
  line-height: 30px;
  height: 30px;
  width: 60px;
  text-align: right;
  color: #000;
}
.trip-route .route-reason dd span,
.trip-route .route-ordernum dd span {
  line-height: 30px;
}
.trip-route .route-reason dd .read-txt,
.trip-route .route-ordernum dd .read-txt {
  line-height: 30px;
}
.trip-route .route-reason dd .form-control,
.trip-route .route-ordernum dd .form-control {
  resize: none;
}
.trip-route .route-screen {
  background: #fff;
  position: relative;
  zoom: 1;
  min-height: 54px;
  padding: 10px 20px;
  margin-top: 10px;
  margin-bottom: 1px;
}
.trip-route .route-screen:after {
  content: '';
  display: block;
  clear: both;
}
.trip-route .route-screen .col-left {
  top: 10px;
  left: 20px;
}
.trip-route .route-screen .col-right {
  top: 10px;
  right: 20px;
}
.trip-route .route-screen .mod-time {
  position: relative;
}
.trip-route .route-screen .mod-time span {
  display: inline-block;
  color: #000;
  margin-right: 0px;
}
.trip-route .route-screen .mod-time .form-control {
  display: inline-block;
  margin-right: 10px;
  width: 150px;
}
.trip-route .route-screen .mod-time .form-control[readonly] {
  background: #fff;
}
.trip-route .route-screen .mod-time .noedit {
  color: #ff4800;
}
.trip-route .route-lis {
  width: 100%;
  background: #fff;
}
.trip-route .route-lis .clr-000,
.trip-route .route-lis .clr-014 {
  color: #4fd2c2;
}
.trip-route .route-lis .clr-001 {
  color: #f35d5e;
}
.trip-route .route-lis .clr-002,
.trip-route .route-lis .clr-007,
.trip-route .route-lis .clr-009,
.trip-route .route-lis .clr-012,
.trip-route .route-lis .clr-015 {
  color: #1878ff;;
}
.trip-route .route-lis .clr-003,
.trip-route .route-lis .clr-004,
.trip-route .route-lis .clr-005,
.trip-route .route-lis .clr-006,
.trip-route .route-lis .clr-008,
.trip-route .route-lis .clr-010,
.trip-route .route-lis .clr-011,
.trip-route .route-lis .clr-013,
.trip-route .route-lis .clr-017 {
  color: #606060;
}
.trip-route .route-lis .route-mod {
  margin: 0 20px;
  padding: 20px 0 0;
}
.trip-route .route-lis .route-mod .tit {
  border: 1px solid #ecf1f7;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  display: inline-block;
  background: #f8fdff;
  padding: 10px 20px;
  font-size: 14px;
  color: #606060;
}
.trip-route .route-lis .route-mod .route-mod-lis {
  border: 1px solid #ecf1f7;
  border-radius: 0 5px 5px 5px;
  position: relative;
}
.trip-route .route-lis .rmod {
  background: #ffffff;
  line-height: 60px;
  border-top: 1px dashed #d6d6d6;
  zoom: 1;
  display: block;
  padding: 0 1%;
  cursor: pointer;
}
.trip-route .route-lis .rmod:after {
  content: '';
  display: block;
  clear: both;
}
.trip-route .route-lis .rmod.ui-sortable-placeholder {
  border: 1px solid #d6d6d6;
  background: #f8fdff;
  height: 60px;
}
.trip-route .route-lis .rmod.ui-sortable-helper {
  border: 1px dashed #d6d6d6;
}
.trip-route .route-lis .rmod:first-child {
  border-top: 0;
}
.trip-route .route-lis .rmod .col {
  float: left;
  height: 60px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.trip-route .route-lis .rmod .col-logo {
  width: 6%;
}
.trip-route .route-lis .rmod .col-logo .logo-mod {
  width: 44px;
  height: 44px;
}
.trip-route .route-lis .rmod .col-logo .logo-mod i {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  display: block;
  margin-top: 10px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 21px;
}
.trip-route .route-lis .rmod .col-logo .logo-mod.logo-modplane i {
  background: #1878ff;;
}
.trip-route .route-lis .rmod .col-logo .logo-mod.logo-modplane-lot {
  position: relative;
}
.trip-route .route-lis .rmod .col-logo .logo-mod.logo-modplane-lot i {
  border: 2px solid #fff;
  position: relative;
  z-index: 20;
}
.trip-route .route-lis .rmod .col-logo .logo-mod.logo-modplane-lot:before {
  content: '';
  width: 33px;
  height: 33px;
  position: absolute;
  top: 8px;
  left: -3px;
  background: #1878ff;;
  z-index: 10;
  border-radius: 100%;
}
.trip-route .route-lis .rmod .col-logo .logo-mod.logo-modhotel i {
  background: #f7bf2a;
}
.trip-route .route-lis .rmod .col-logo .logo-mod.logo-modcarrental i {
  background: #4fd2c2;
}
.trip-route .route-lis .rmod .col-logo .logo-mod.logo-modtrain i {
  background: #1878ff;
}
.trip-route .route-lis .rmod .col-logo .logo-mod.logo-modother i {
  background: #d69e79;
}
.trip-route .route-lis .rmod .col-explain {
  width: 20%;
  overflow: hidden;
}
.trip-route .route-lis .rmod .col-time {
  width: 14%;
}
.trip-route .route-lis .rmod .col-time span {
  color: #606060;
}
.trip-route .route-lis .rmod .col-time i {
  margin: 0 5px;
}
.trip-route .route-lis .rmod .col-time .icon-repair {
  color: #12b7f5;
  font-size: 30px;
}
.trip-route .route-lis .rmod .col-abnormal {
  width: 10%;
  position: relative;
}
.trip-route .route-lis .rmod .col-abnormal .icon-abnormal {
  color: #ff4800;
  font-size: 22px;
}
.trip-route .route-lis .rmod .col-abnormal .abnormal-info {
  position: absolute;
  padding: 10px 10px 10px 20px;
  z-index: 299;
  line-height: 24px;
  top: 48px;
  left: -13px;
  background: #404352;
  border-radius: 5px;
  color: #fff;
}
.trip-route .route-lis .rmod .col-abnormal .abnormal-info .cent {
  width: 200px;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.trip-route .route-lis .rmod .col-abnormal .abnormal-info:before {
  position: absolute;
  left: 16px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #404352;
  content: ' ';
}
.trip-route .route-lis .rmod .col-money {
  width: 15%;
}
.trip-route .route-lis .rmod .col-money span {
  color: #1f2937;
}
.trip-route .route-lis .rmod .col-money span i {
  color: #1f2937;
  font-style: normal;
}
.trip-route .route-lis .rmod .col-state {
  width: 10%;
}
.trip-route .route-lis .rmod .col-operate {
  width: 20%;
  float: right;
  text-align: right;
}
.trip-route .route-lis .rmod .col-operate .col-operate-lis {
  width: 120px;
  display: inline-block;
  visibility: hidden;
}
.trip-route .route-lis .rmod .col-operate .col-operate-lis a {
  width: 30px;
  text-align: center;
  display: inline-block;
}
.trip-route .route-lis .rmod .col-operate .mod-show {
  color: #606060;
  width: 40px;
  margin-right: 5px;
}
.trip-route .route-lis .rmod .col-operate .mod-show:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e626';
  vertical-align: middle;
  margin-left: 8px;
  font-size: 14px;
  color: #b7b7b7;
}
.trip-route .route-lis .rmod .col-operate .mod-show.cur {
  color: #1878ff;;
}
.trip-route .route-lis .rmod .col-operate .mod-show.cur:after {
  color: #1878ff;;
  content: '';
}
.trip-route .route-lis .rmod .col-operate .mod-edit,
.trip-route .route-lis .rmod .col-operate .mod-del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 24px;
  color: #e2e2e2;
  vertical-align: middle;
  text-align: center;
}
.trip-route .route-lis .rmod .col-operate .mod-edit:hover,
.trip-route .route-lis .rmod .col-operate .mod-del:hover {
  color: #1878ff;;
}
.trip-route .route-lis .rmod .col-operate .mod-edit {
  font-size: 26px;
}
.trip-route .route-lis .rmod .col-operate .mod-edit:before {
  content: '';
}
.trip-route .route-lis .rmod .col-operate .mod-del:before {
  content: '';
}
.trip-route .route-lis .rmod .col-operate .mod-transfer,
.trip-route .route-lis .rmod .col-operate .mod-cancel {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 24px;
  color: #e2e2e2;
  vertical-align: middle;
  text-align: center;
}
.trip-route .route-lis .rmod .col-operate .mod-transfer {
  color: #1878ff;;
}
.trip-route .route-lis .rmod .col-operate .mod-transfer:before {
  content: '';
}
.trip-route .route-lis .rmod .col-operate .mod-cancel {
  color: #fd9a4a;
}
.trip-route .route-lis .rmod .col-operate .mod-cancel:before {
  content: '';
}
.trip-route .route-lis .rmod:hover,
.trip-route .route-lis .rmod.cur {
  background: #f8fdff;
}
.trip-route .route-lis .rmod:hover .col-operate-lis,
.trip-route .route-lis .rmod.cur .col-operate-lis {
  visibility: inherit;
}
.trip-route .route-lis .rmod-overdue {
  color: #aeaeae;
}
.trip-route .route-lis .rmod-overdue .col-explain,
.trip-route .route-lis .rmod-overdue .col-time span,
.trip-route .route-lis .rmod-overdue .col-money span,
.trip-route .route-lis .rmod-overdue .col-money span i,
.trip-route .route-lis .rmod-overdue .col-state span,
.trip-route .route-lis .rmod-overdue .col-abnormal .icon-abnormal,
.trip-route .route-lis .rmod-overdue .col-time .icon-repair {
  color: #aeaeae;
}
.trip-route .route-lis .rmod-overdue .col-logo {
  opacity: 0.5;
}
.trip-route .route-total {
  background: #fff;
  padding: 10px 20px;
  zoom: 1;
}
.trip-route .route-total:after {
  content: '';
  display: block;
  clear: both;
}
.trip-route .route-total .edit-price {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #a9a9a9;
  vertical-align: middle;
  cursor: pointer;
  padding: 10px;
}
.trip-route .route-total .edit-price:before {
  content: '';
}
.trip-route .route-total .edit-price:hover {
  color: #1878ff;;
}
.trip-route .route-total .route-total-price {
  color: #1f2937;
  font-size: 14px;
  text-align: right;
  float: right;
  line-height: 40px;
}
.trip-route .route-total .route-total-price span {
  color: #1878ff;;
  font-size: 18px i;
  font-size-font-style: normal;
}
.trip-route .route-total .route-price-expense {
  float: left;
  position: relative;
}
.trip-route .route-total .price-differ,
.trip-route .route-total .price-expense {
  display: inline-block;
  margin-right: 30px;
  height: 40px;
  line-height: 40px;
}
.trip-route .route-total .price-differ strong,
.trip-route .route-total .price-expense strong {
  font-weight: normal;
}
.trip-route .route-total .trip-expense-warp {
  position: absolute;
  padding: 10px 10px 10px 20px;
  z-index: 299;
  line-height: 24px;
  bottom: 36px;
  left: 50%;
  width: 400px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  color: #fff;
  display: none;
}
.trip-route .route-total .trip-expense-warp:before {
  position: absolute;
  left: 16px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #404352;
  content: ' ';
}
.trip-route .route-total .trip-expense-warp .trip-expense .details {
  margin: 5px 0;
}
.trip-route .route-total .trip-expense-warp .trip-expense dl {
  padding-left: 150px;
  position: relative;
  margin-bottom: 0;
  height: 30px;
  line-height: 30px;
}
.trip-route .route-total .trip-expense-warp .trip-expense dl dt {
  width: 140px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  line-height: 30px;
}
.trip-route .route-total .trip-expense-warp .trip-expense dl dd {
  line-height: 30px;
}
.trip-route .route-total .trip-expense-warp .trip-expense dl dd .money {
  font-weight: normal;
}
.trip-route .route-total .trip-expense-warp .trip-expense dl dd .info {
  margin-left: 10px;
}
.trip-route .route-total .trip-expense-warp .trip-expense .total-expense {
  margin-top: 10px;
  border-top: 1px solid #4f5263;
}
.trip-route
  .route-total
  .trip-expense-warp
  .trip-expense
  .total-expense
  .money {
  color: #1878ff;;
  font-size: 16px;
  font-weight: bold;
}
.trip-route .route-total .price-expense {
  position: relative;
  cursor: pointer;
}
.trip-route .route-total .price-expense:hover .trip-expense-warp {
  display: block;
}
.trip-route .route-button {
  text-align: right;
  padding: 20px 10px;
}
.trip-expense-edit .details {
  padding: 10px;
}
.trip-expense-edit .cent {
  padding: 10px 10px 0;
}
.trip-expense-edit .cent dl {
  position: relative;
  padding-left: 83px;
}
.trip-expense-edit .cent dl dt {
  width: 83px;
  text-align: left;
  line-height: 34px;
  position: absolute;
  top: 0;
  left: 0;
}
.trip-expense-edit .cent dl dt,
.trip-expense-edit .cent dl dd {
  display: inline-block;
}
.trip-expense-edit .cent dl dd {
  display: block;
}
.trip-expense-box {
  padding: 10px 10px 10px 20px;
  line-height: 24px;
}
.trip-expense-box .details {
  margin-bottom: 10px;
}
.trip-expense-box .trip-expense dl {
  padding-left: 150px;
  position: relative;
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
}
.trip-expense-box .trip-expense dl dt {
  width: 140px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  line-height: 34px;
}
.trip-expense-box .trip-expense dl dd {
  line-height: 34px;
}
.trip-expense-box .trip-expense dl dd .money {
  font-weight: normal;
}
.trip-expense-box .trip-expense dl dd .money .form-control {
  display: inline-block;
}
.trip-expense-box .trip-expense dl dd .info {
  margin-left: 10px;
}
.trip-expense-box .trip-expense .cent {
  padding-bottom: 30px;
}
.trip-expense-box .trip-expense .cent strong {
  font-weight: normal;
}
.trip-expense-box .trip-expense .total-expense {
  margin-top: 10px;
  border-top: 1px solid #f0f0f0;
  position: relative;
  padding-top: 10px;
}
.trip-expense-box .trip-expense .total-expense .money {
  color: #1878ff;;
  font-size: 16px;
  font-weight: bold;
  color: #1878ff;;
}
.trip-expense-box .trip-expense .total-expense .send-btn {
  position: absolute;
  right: 10px;
  top: 0;
}
.trip-delayReason {
  position: absolute;
  padding: 10px 13px 10px 12px;
  z-index: 299;
  line-height: 24px;
  top: 45px;
  left: 120px;
  background: #404352;
  border-radius: 5px;
  color: #fff;
  width: 350px;
}
.trip-delayReason ul {
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 0;
}
.trip-delayReason li {
  position: relative;
  padding-left: 14px;
  margin-top: 5px;
}
.trip-delayReason li:before {
  content: '';
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  background: #1878ff;;
  border-radius: 100%;
}
.trip-delayReason:before {
  position: absolute;
  right: 300px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #404352;
  content: ' ';
}
.supplement-trip {
  padding: 20px 0;
}
.supplement-trip ul {
  padding: 0;
  margin: 0;
}
.supplement-trip li {
  display: inline-block;
  margin-top: 10px;
}
.supplement-trip a {
  width: 124px;
  height: 128px;
  display: block;
  border-radius: 5px;
  border: 1px solid #fff;
  background: #fff;
  text-align: center;
}
.supplement-trip a:hover {
  border: 1px solid #f3f3f3;
  background: #f5fcff;
}
.supplement-trip a .icon {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  display: block;
}
.supplement-trip a .icon i {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  display: block;
  margin-top: 10px;
  text-align: center;
  line-height: 70px;
  color: #fff;
  font-size: 32px;
}
.supplement-trip a .icon.iconfly i {
  background: #1878ff;;
}
.supplement-trip a .icon.iconhotel i {
  background: #f7bf2a;
}
.supplement-trip a .icon.iconcarrental i {
  background: #4fd2c2;
}
.supplement-trip a .icon.icontrain i {
  background: #1878ff;
}
.supplement-trip a .icon.iconother i {
  background: #d69e79;
}
.supplement-trip a .txt {
  font-size: 14px;
  color: #606060;
  line-height: 30px;
  margin-top: 10px;
  display: block;
}
.supplement-trip .icon-indfly:before {
  content: '';
}
.entrip-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background: #404352;
  transition: 0.5s;
  z-index: 9999;
}
.entrip-wrap .entriplis {
  background: #ecf1f7;
  width: 944px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.entrip-wrap .entriplis .entriplis-main {
  height: 100%;
  padding: 0;
  position: relative;
}
.entrip-wrap .entriplis .entriplis-main .notice-comm {
  margin: 10px 0 0 20px;
  float: left;
}
.entrip-wrap .entriplis .entriplis-main .addbtn-wrap {
  padding: 8px 0;
}
.entrip-wrap .entriplis .en-slide {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  background: #202129;
  width: 66px;
  height: 66px;
  display: block;
  opacity: 0.6;
  cursor: pointer;
  line-height: 66px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 40px;
  color: #fff;
}
.entrip-wrap .entriplis .en-slide.en-slide-left {
  left: -130px;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px 0 0 5px;
}
.entrip-wrap .entriplis .en-slide.en-slide-left:before {
  content: '';
}
.entrip-wrap .entriplis .en-slide.en-slide-right {
  right: -130px;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 5px 5px 0;
}
.entrip-wrap .entriplis .en-slide.en-slide-right:before {
  content: '';
}
.entrip-wrap .entriplis .en-slide:hover {
  opacity: 1;
  cursor: pointer;
}
.entrip-wrap .entriplis .entriplis-side {
  position: absolute;
  right: -75px;
  top: 0;
  width: 75px;
  overflow: hidden;
}
.entrip-wrap .entriplis .entriplis-side a {
  display: block;
  width: 75px;
  height: 75px;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #dedede;
  color: #7a7a7a;
}
.entrip-wrap .entriplis .entriplis-side a i {
  display: inline-block;
  margin-top: 10px;
}
.entrip-wrap .entriplis .entriplis-side a span {
  display: block;
}
.entrip-wrap .entriplis .entriplis-side a:hover {
  background: #1878ff;;
  color: #fff;
}
.entrip-wrap .entriplis .entriplis-side a:last-child {
  border-bottom: 0;
}
.entrip-wrap .entriplis .entriplis-side a.cur {
  background: #1878ff;;
  color: #fff;
}
.tripsigle {
  padding: 20px;
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
}
.tripsigle .tripsigle-tit {
  background: #fff;
  border-radius: 5px 5px 0 0;
  padding: 15px 30px 20px;
  border-bottom: 1px solid #f3f3f3;
  zoom: 1;
}
.tripsigle .tripsigle-tit:after {
  content: '';
  display: block;
  clear: both;
}
.tripsigle .tripsigle-tit .name {
  font-size: 14px;
  color: #1f2937;
  margin-left: 10px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.tripsigle .tripsigle-tit .state {
  background: #aeaeae;
  font-size: 14px;
  color: #fff;
  padding: 2px 5px;
  border-radius: 10px;
  margin-left: 10px;
}
.tripsigle .tripsigle-tit .state.clr-000 {
  background: #4fd2c2;
}
.tripsigle .tripsigle-tit .state.clr-001 {
  background: #f35d5e;
}
.tripsigle .tripsigle-tit .state.clr-002,
.tripsigle .tripsigle-tit .state.clr-007,
.tripsigle .tripsigle-tit .state.clr-009,
.tripsigle .tripsigle-tit .state.clr-012 {
  background: #1878ff;;
}
.tripsigle .tripsigle-tit .state.clr-003,
.tripsigle .tripsigle-tit .state.clr-004,
.tripsigle .tripsigle-tit .state.clr-005,
.tripsigle .tripsigle-tit .state.clr-006,
.tripsigle .tripsigle-tit .state.clr-008,
.tripsigle .tripsigle-tit .state.clr-010,
.tripsigle .tripsigle-tit .state.clr-011,
.tripsigle .tripsigle-tit .state.clr-013 {
  background: #aeaeae;
}
.tripsigle .tripsigle-tit .time {
  color: #aeaeae;
  font-size: 14px;
}
.tripsigle .tripsigle-tit .col-left {
  float: left;
  margin-top: 5px;
}
.tripsigle .tripsigle-tit .col-right {
  float: right;
}
.tripsigle .tripsigle-tit .share-txt p {
  text-align: center;
}
.tripsigle .tripsigle-time {
  position: relative;
  border-bottom: 1px dashed #ecf1f7;
}
.tripsigle .tripsigle-time:before,
.tripsigle .tripsigle-time:after {
  position: absolute;
  bottom: -8px;
  width: 16px;
  height: 16px;
  background: #ecf1f7;
  content: '';
  border-radius: 100%;
}
.tripsigle .tripsigle-time:before {
  bottom: -8px;
  left: -8px;
  right: auto;
}
.tripsigle .tripsigle-time:after {
  bottom: -8px;
  right: -8px;
  left: auto;
}
.tripsigle .tripsigle-time {
  background: #fff;
  text-align: center;
  padding: 50px 0;
  position: relative;
}
.tripsigle .tripsigle-time .col-daytotal {
  display: inline-block;
}
.tripsigle .tripsigle-time .col-daytotal .info {
  text-align: left;
}
.tripsigle .tripsigle-time .col-daytotal .mod {
  vertical-align: top;
  position: relative;
}
.tripsigle .tripsigle-time .col-daytotal .mod p {
  font-size: 14px;
}
.tripsigle .tripsigle-time .col-daytotal .mod p.time {
  color: #000;
  font-size: 20px;
}
.tripsigle .tripsigle-time .col-daytotal .mod p.area {
  color: #000;
  font-size: 14px;
}
.tripsigle .tripsigle-time .col-daytotal .mod .cross-day {
  cursor: pointer;
}
.tripsigle .tripsigle-time .col-daytotal .mod .cross-day i {
  position: absolute;
  top: 18px;
  right: 0;
  font-style: normal;
  color: #1878ff;;
}
.tripsigle .tripsigle-time .col-daytotal .mod .cross-day .cross-day-info {
  position: absolute;
  padding: 8px;
  z-index: 299;
  line-height: 24px;
  top: 45px;
  right: -10px;
  background: #404352;
  border-radius: 5px;
  color: #fff;
  text-align: left;
  font-size: 14px;
}
.tripsigle .tripsigle-time .col-daytotal .mod .cross-day .cross-day-info p {
  font-size: 14px;
  line-height: 22px;
}
.tripsigle
  .tripsigle-time
  .col-daytotal
  .mod
  .cross-day
  .cross-day-info:before {
  position: absolute;
  right: 16px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #404352;
  content: ' ';
}
.tripsigle .tripsigle-time .col-daytotal .daymod {
  margin: 0 70px;
}
.tripsigle .tripsigle-time .col-daytotal .daymod p {
  margin-bottom: 0;
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-icon {
  height: 40px;
  line-height: 40px;
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-icon:before {
  border-bottom: 0;
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-icon i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 36px;
  color: #1878ff;;
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-icon.daymod-train {
  margin-top: 15px;
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-plane i:before {
  content: '';
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-sleep i:before {
  content: '';
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-carrental {
  height: 32px;
  line-height: 32px;
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-carrental i {
  font-size: 52px;
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-carrental i:before {
  content: '';
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-train i {
  font-size: 52px;
}
.tripsigle .tripsigle-time .col-daytotal .daymod .daymod-train i:before {
  content: '';
}
.tripsigle .tripsigle-rule {
  background: #fff;
  border-radius: 0 0 5px 5px;
  background: #f8fdff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.tripsigle .tripsigle-rule .airline-info-cent {
  padding-top: 10px;
}
.tripsigle .tripsigle-rule .price-lis {
  width: 300px;
}
.tripsigle .tripsigle-rule .price-lis p {
  width: 48%;
  display: inline-block;
  float: left;
  margin: 0;
  padding-left: 2%;
  line-height: 24px;
}
.tripsigle .tripsigle-number {
  background: #fff;
  border-radius: 5px 5px 0 0;
  padding: 10px 20px;
  border-bottom: 1px solid #f3f3f3;
  zoom: 1;
  line-height: 26px;
}
.tripsigle .tripsigle-number:after {
  content: '';
  display: block;
  clear: both;
}
.tripsigle .tripsigle-number .tit {
  font-size: 14px;
  color: #606060;
  float: left;
}
.tripsigle .tripsigle-number .link-num {
  float: right;
  cursor: pointer;
}
.tripsigle .tripsigle-number .link-num i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  font-size: 20px;
}
.tripsigle .tripsigle-number .link-num i:before {
  content: '';
}
.tripsigle .tripsigle-number .trip-num {
  float: right;
  cursor: pointer;
  color: #1878ff;;
}
.tripsigle .tripsigle-info {
  background: #fff;
  padding: 10px 0;
}
.tripsigle .tripsigle-info dl {
  margin-bottom: 0;
  position: relative;
  padding-left: 110px;
  margin: 0 28px;
  margin-top: 5px;
  height: auto;
  min-height: 30px;
}
.tripsigle .tripsigle-info dl dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  line-height: 30px;
  height: 30px;
}
.tripsigle .tripsigle-info dl dt i {
  margin-right: 10px;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  color: #a8a8a8;
  font-size: 20px;
  width: 30px;
}
.tripsigle .tripsigle-info dl dt span {
  display: inline-block;
  line-height: 30px;
}
.tripsigle .tripsigle-info dl dd {
  line-height: 30px;
}
.tripsigle .tripsigle-info dl dd p {
  margin-bottom: 0;
}
.tripsigle .tripsigle-change {
  background: #fff;
  border-radius: 0 0 5px 5px;
  padding: 20px 30px;
}
.tripsigle .tripsigle-change .title {
  color: #1878ff;;
  font-size: 14px;
  cursor: pointer;
}
.tripsigle .tripsigle-change .title:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  vertical-align: middle;
  margin-left: 5px;
  color: #1878ff;;
  content: '';
}
.tripsigle .tripsigle-change .title.cur:after {
  content: '';
}
.tripsigle .tripsigle-change .lis .col-link {
  color: #4abdf3;
  cursor: pointer;
  border-bottom: 1px solid #4abdf3;
  font-weight: normal;
  margin: 0 3px;
}
.tripsigle .tripsigle-change .lis dl {
  background: #f8fdff;
  border: 1px solid #f3f3f3;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  color: #606060;
}
.tripsigle .tripsigle-change .lis dl dt {
  zoom: 1;
}
.tripsigle .tripsigle-change .lis dl dt:after {
  content: '';
  display: block;
  clear: both;
}
.tripsigle .tripsigle-change .lis dl dt .tit {
  float: left;
}
.tripsigle .tripsigle-change .lis dl dt .time {
  float: right;
}
.tripsigle .tripsigle-change .lis dl dt .time span {
  margin-left: 10px;
}
.tripsigle .tripsigle-send {
  padding: 0;
  text-align: right;
}
.tripsigle .tripsigle-send .btn {
  margin-top: 20px;
}
.tripsigle-add .repair-notice {
  color: #4abef2;
  float: left;
  display: inline-block;
}
.tripsigle-add .repair-notice i {
  font-size: 30px;
}
.tripsigle-add .airline-info {
  background: #fff;
  zoom: 1;
}
.tripsigle-add .airline-info:after {
  content: '';
  display: block;
  clear: both;
}
.tripsigle-add .tripsigle-rule {
  background: #fff;
}
.tripsigle-add .airline-price {
  float: right;
}
.tripsigle-add .tripsigle-info {
  border-radius: 5px;
  border-bottom: 0;
}
.tripsigle-add .tripsigle-info:before,
.tripsigle-add .tripsigle-info:after {
  width: 0;
  height: 0;
}
.trip-alertbox dl {
  margin-bottom: 0;
}
.trip-alertbox dl .info {
  color: #606060;
}
.trip-alertbox dl .info .notice {
  color: #df412d;
}
.trip-alertbox dl .info-notice {
  font-size: 14px;
}
.trip-alertbox dl textarea {
  width: 100%;
  margin-bottom: 10px;
  resize: none;
  height: 200px;
}
.supply-trip .supply-lis dd .tit {
  color: #1f2937;
  font-size: 14px;
}
.supply-trip .supply-lis dd .input-box {
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
  color: #555;
  background-color: #fff;
  font-size: 14px;
}
.supply-trip .supply-lis dd .input-box i {
  position: absolute;
  top: 4px;
  left: 11px;
  z-index: 1;
  font-size: 18px;
  vertical-align: middle;
  color: #1878ff;;
}
.supply-trip .supply-lis dd .input-box .form-control,
.supply-trip .supply-lis dd .input-box .other-set {
  padding: 5px 10px 5px 40px;
  width: 100%;
  border-radius: 6px;
  margin: 0;
  border: 0;
}
.supply-trip .supply-lis dd .input-box .bill-select.noselect p font {
  color: #999;
}
.supply-trip .supply-lis dd .input-box .bill-select p font {
  padding: 0;
  line-height: 25px;
}
.supply-trip .supply-lis dd .input-box textarea {
  min-height: 96px;
  resize: none;
  overflow: hidden;
}
.trip-resourcelis {
  zoom: 1;
  margin-bottom: 10px;
}
.trip-resourcelis:after {
  content: '';
  display: block;
  clear: both;
}
.trip-resourcelis .trip-resourcecol {
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  width: 192px;
  height: 60px;
  float: left;
  display: block;
  margin-right: 10px;
  padding: 11px;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
}
.trip-resourcelis .trip-resourcecol.cur {
  position: relative;
  background: #f6fafd;
}
.trip-resourcelis .trip-resourcecol.cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 20px;
  right: 20px;
  content: '\e6a6';
  font-size: 16px;
  color: #52c1f3;
}
.trip-resourcelis .trip-resourcecol .icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  background: #eee;
  color: #fff;
  line-height: 36px;
  text-align: center;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  vertical-align: middle;
  border-radius: 100%;
}
.trip-resourcelis .trip-resourcecol .modplane {
  background: #12b7f5;
}
.trip-resourcelis .trip-resourcecol .modsubsidy {
  background: #12b7f5;
}
.trip-resourcelis .trip-resourcecol .modhotel {
  background: #fda700;
}
.trip-resourcelis .trip-resourcecol .modtrain {
  background: #40a9e4;
}
.trip-resourcelis .trip-resourcecol .modcarrental {
  background: #79cc60;
}
.trip-resourcelis .trip-resourcecol .modother {
  background: #d69e79;
}
.trip-resourcelis .trip-resourcecol .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #313131;
  margin-left: 10px;
}
.trip-resourcelis .trip-resourcecol:hover {
  background: #f5fcff;
  cursor: pointer;
}
.trip-resourcelis .trip-resourcecol:hover .status-warp {
  display: block;
  right: 10px;
  top: 12px;
}
.trip-resourcelis .trip-resourcecol:hover .status-warp .status-btn {
  color: #53c2f3;
}
.tripresource-mod {
  border-bottom: 1px solid #ecf1f7;
  padding: 20px 20px;
  background: #fff;
}
.tripresource-mod .infonotice {
  padding: 10px 0;
  color: #aeaeae;
  font-size: 14px;
}
.tripresource-mod:last-child {
  border-bottom: 0;
}
.tripresource-mod dl {
  position: relative;
  padding-left: 120px;
}
.tripresource-mod dl dt {
  width: 120px;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  color: #606060;
  line-height: 30px;
}
.subsidy-alertbox .cent {
  zoom: 1;
  padding: 10px 10px 10px 20px;
  background-color: #fff;
}
.subsidy-alertbox .cent:after {
  content: '';
  display: block;
  clear: both;
}
.subsidy-alertbox .cent .comm-rdo-wrap {
  margin-bottom: 10px;
}
.subsidy-alertbox .cent .comm-rdo {
  top: 8px;
}
.subsidy-alertbox .cent .comm-label {
  vertical-align: middle;
  line-height: 30px;
}
.subsidy-alertbox .cent .comm-label span {
  display: inline-block;
  vertical-align: middle;
}
.subsidy-alertbox .cent .comm-label .bill-select {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.subsidy-alertbox .subsidy-select {
  width: 750px;
}
.subsidy-alertbox .subsidy-select > ul {
  border-bottom: 1px solid #e8edef;
  margin-top: 20px;
}
.subsidy-alertbox .subsidy-select > ul > li {
  height: 46px;
  line-height: 46px;
  border: 1px solid #e8edef;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  padding-left: 230px;
}
.subsidy-alertbox .subsidy-select > ul > li a {
  color: #606060;
}
.subsidy-alertbox .subsidy-select > ul > li > div {
  padding: 7px 10px 0;
}
.subsidy-alertbox .subsidy-select > ul > li > div .bill-select {
  border: 0;
}
.subsidy-alertbox .subsidy-select .tit {
  background: #f2fbff;
  width: 230px;
  text-align: center;
  border-right: 1px solid #e8edef;
  border-bottom: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 45px;
}
.tripresource-warp .tripresource-lis .tit {
  color: #606060;
  font-size: 14px;
  line-height: 30px;
  margin-top: 10px;
}
.tripresource-warp .tripresource-lis .tresource-mod {
  margin-top: 10px;
}
.tripresource-warp .tripresource-lis .tresource-mod > div {
  max-height: 180px;
  overflow: hidden;
  overflow-y: auto;
}
.tripresource-warp .tripresource-lis .tresource-mod dl {
  width: 200px;
  height: 68px;
  display: inline-block;
  background: #f1fbff;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 5px;
  margin: 0 15px 10px 0;
  cursor: pointer;
}
.tripresource-warp .tripresource-lis .tresource-mod dl.cur {
  position: relative;
  background: url('../images/bill/select1.png?4936') top right no-repeat #f1fbff;
}
.tripresource-warp .tripresource-lis .tresource-mod dl.cur:before {
  content: '';
}
.tripresource-warp .tripresource-lis .tresource-mod dl dt {
  color: #606060;
  font-size: 14px;
  display: table;
  width: 180px;
  height: 48px;
  line-height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.date-signrecord {
  padding: 28px 0;
  font-size: 13px;
}
.date-signrecord-name {
  text-align: center;
  display: block;
  font-size: 14px;
}
.date-signrecord-state {
  text-align: center;
  display: block;
}
.date-signrecord-state i {
  width: 5px;
  height: 5px;
  display: inline-block;
  text-align: center;
  font-style: normal;
  border-radius: 50%;
  margin-top: 3px;
  margin-right: 3px;
}
.date-signrecord-state i.col-normal {
  background: #35d4c0;
}
.date-signrecord-state i.col-unnormal {
  background: #ff6123;
}
.date-signrecord-state i.col-normaltxt {
  color: #4cbdf5;
  width: 20px;
  height: 20px;
  border: 1px solid #4cbdf5;
}
.date-signrecord-state i.col-unnormaltxt {
  color: #f77829;
  width: 20px;
  height: 20px;
  border: 1px solid #f77829;
}
.attend-singleday .row-tit {
  line-height: 24px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  border-top: 1px solid #f3f3f3;
  margin: 0 20px;
  padding-top: 10px;
  margin-top: 10px;
}
.attend-singleday .singleday-mod:first-child .row-tit {
  border-top: 0;
}
.attend-singleday .row-mod {
  padding: 4px 50px 4px 60px;
  margin: 10px 0;
  font-size: 0;
  position: relative;
  cursor: pointer;
  min-height: 52px;
}
.attend-singleday .row-mod:hover {
  background: #fbfbfb;
}
.attend-singleday .row-mod .col-icon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 12px;
  left: 20px;
}
.attend-singleday .row-mod .col-times {
  font-size: 14px;
  line-height: 22px;
}
.attend-singleday .row-mod .col-times .txts {
  margin-right: 5px;
}
.attend-singleday .row-mod .col-infos {
  font-size: 14px;
  line-height: 22px;
}
.attend-singleday .row-mod .col-state {
  font-size: 14px;
  line-height: 45px;
  position: absolute;
  top: 0;
  right: 10px;
}
.attend-singleday .row-mod .icon-attend-state {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  background: #c4cfd5;
  color: #fff;
  line-height: 32px;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  font-size: 20px;
}
.attend-singleday .row-mod .icon-state-anormal {
  background: #35d4c0;
}
.attend-singleday .row-mod .icon-state-anormal:before {
  content: '';
}
.attend-singleday .row-mod .icon-state-aunusual {
  background: #f7bf28;
}
.attend-singleday .row-mod .icon-state-aunusual:before {
  content: '';
}
.attend-singleday .disable-cur {
  color: #aeaeae;
}
.attend-singleday .disable-cur .col-icon {
  opacity: 0.5;
}
.attendday-main .row-tit {
  line-height: 24px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  margin: 0 20px;
  padding-top: 10px;
  margin-top: 10px;
  color: #1f2937;
}
.attendday-main .row-tit > div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.attendday-main .row-lis {
  margin: 0 20px;
  position: relative;
  padding-bottom: 90px;
}
.attendday-main .row-lis:before {
  position: absolute;
  content: '';
  width: 2px;
  left: 0;
  top: 0;
  bottom: 0;
  background: #f3f3f3;
}
.attendday-main .row-item {
  position: relative;
  padding: 0 15px;
  margin-top: 10px;
}
.attendday-main .row-item:before {
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
  background: #35d4c0;
  border-radius: 50%;
  top: 4px;
  left: -4px;
}
.attendday-main .row-item:first-child:before {
  top: 0px;
}
.attendday-main .row-item .row > div {
  display: inline-block;
  vertical-align: middle;
  color: #1f2937;
  margin-right: 10px;
}
.attendday-main .row-item .row .col-state {
  position: absolute;
  right: 15px;
}
.attendday-main .row-item .row-main {
  margin-top: 10px;
}
.attendday-main .row-item .row-place {
  background: #f7fbfd;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  display: flex;
}
.attendday-main .row-item .row-place:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.attendday-main .row-item .row-place:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.attendday-main .row-item .row-place .col-place {
  width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
}
.attendday-main .row-item .row-place > div {
  display: inline-block;
  vertical-align: middle;
  color: #606060;
  margin-right: 10px;
}
.attend-maindata .weeks {
  display: flex;
  background: #f7fbfd;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f3f3f3;
}
.attend-maindata .weeks > div {
  flex: 1;
  text-align: center;
}
.attenduser-details {
  height: 100%;
  overflow: hidden;
}
.attenduser-details .row-datelis,
.attenduser-details .attend-maindata {
  height: 100%;
}
.datemain {
  height: calc(100% - 120px);
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 60px;
}
.attend-single .week-name,
.attend-single .drp_top-bar {
  display: none;
}
.attend-single .caption {
  height: 46px;
  line-height: 46px;
  background: #fbfbfb;
}
.attend-single .caption .prev,
.attend-single .caption .next {
  display: none;
}
.attend-single .month-wrapper {
  width: 100% !important;
}
.attend-single .month-wrapper table {
  width: 100% !important;
}
.attend-single .month-wrapper td {
  width: 60px;
  border: 1px solid #f3f3f3;
}
.attend-single .month-wrapper td .day {
  border: 1px solid #fff;
  cursor: pointer;
}
.attend-single .month-wrapper td:hover .day,
.attend-single .month-wrapper td .cur .day {
  border: 1px solid #1878ff;
}
.attend-single .month-wrapper td .mark-today-bg {
  background: #f7fbfd;
}
.attend-single .month-wrapper .lastMonth {
  display: none;
}
.attend-single .month-wrapper .nextMonth {
  color: #cdcdcd;
}
.attend-single .month-name {
  text-align: center;
}
.attend-single .date-signrecord {
  position: relative;
  text-align: center;
}
.attend-single .date-signrecord .mark-today {
  color: #4cbdf5;
  width: 20px;
  top: 28px;
  height: 20px;
  border: 1px solid #4cbdf5;
  display: block;
  border-radius: 3px;
  position: absolute;
  left: 70%;
  margin-left: -10px;
}
.attend-userexplain-alert {
  padding: 10px 20px;
}
.attend-userexplain {
  min-height: 400px;
}
.attend-userexplain .row-info {
  margin-bottom: 10px;
  padding-bottom: 12px;
}
.attend-userexplain .row-info i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.attend-userexplain .row-info .txts {
  line-height: 24px;
}
.attend-userexplain .row-info .mod {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}
.attend-userexplain .col-mod {
  position: relative;
  min-height: 32px;
  padding-left: 90px;
  margin-bottom: 10px;
}
.attend-userexplain .col-mod .col-tits {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  line-height: 32px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.attend-userexplain .col-content .form-control {
  height: 200px;
  background: #fbfbfb;
}
.attend-userexplain .row-addimg {
  padding-top: 10px;
}
.attend-userexplain .col-addimg {
  cursor: pointer;
  border: 0;
  color: #606060;
}
.attend-userexplain .col-addimg .addimg-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.attend-userexplain .col-addimg .addimg-btn:before {
  content: '';
}
.attend-userexplain .col-addimg .txts {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  height: 30px;
}
.attend-userexplain .col-addimg .txts .webuploader-pick {
  background: none;
  color: #606060;
}
.attend-userexplain .col-addimg .txts .webuploader-pick:hover,
.attend-userexplain .col-addimg .txts .webuploader-pick.webuploader-pick-hover {
  background: none;
  color: #606060;
}
.attend-userexplain .col-addimg .txts label {
  margin-bottom: 0;
}
.attend-userexplain .col-addimg.disabled {
  cursor: not-allowed;
}
.attend-userexplain .col-addimg.disabled .addimg-btn {
  color: #aeaeae;
}
.attend-userexplain .col-addimg.disabled .txts .webuploader-pick {
  color: #aeaeae;
  cursor: not-allowed;
}
.attend-userexplain .col-addimg:hover {
  border: 0;
  color: #606060;
}
.attend-userexplain .col-addimg-result {
  font-size: 0;
}
.attend-userexplain .col-addimg-result li {
  width: 68px;
  height: 68px;
  display: inline-block;
  position: relative;
  font-size: 14px;
  margin: 10px 16px 0 0;
}
.attend-userexplain .col-addimg-result li .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-left: 6px;
  font-size: 18px;
  color: #f54646;
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
  cursor: pointer;
  position: absolute;
  top: -11px;
  right: -11px;
}
.attend-userexplain .col-addimg-result li .del:before {
  content: '';
}
.attend-userexplain .col-addimg-result li:hover .del {
  visibility: visible;
}
.attend-userexplain .col-addimg-result li strong {
  width: 68px;
  height: 68px;
  border-radius: 5px;
  overflow: hidden;
  display: block;
}
.attend-userexplain .col-addimg-result li strong img {
  width: 68px;
  height: 68px;
}
.attend-userexplain .col-addimg-result .mods {
  width: 68px;
  height: 68px;
  display: inline-block;
  position: relative;
  font-size: 14px;
  margin: 10px 16px 0 0;
}
.attend-userexplain .col-addimg-result .mods .del-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-left: 6px;
  font-size: 18px;
  color: #f54646;
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
  cursor: pointer;
  position: absolute;
  top: -11px;
  right: -11px;
}
.attend-userexplain .col-addimg-result .mods .del-btn:before {
  content: '';
}
.attend-userexplain .col-addimg-result .mods:hover .del-btn {
  visibility: visible;
}
.attend-userexplain .col-addimg-result .imgs {
  width: 68px;
  height: 68px;
  border-radius: 5px;
  overflow: hidden;
  display: block;
}
.attend-userexplain .col-addimg-result .imgs img {
  width: 68px;
  height: 68px;
}
.attend-userexplain .row-handle {
  position: absolute;
  top: 10px;
  right: 20px;
}
.attend-userexplain .row-handle .icon-attend-abnormal {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background: #c4cfd5;
  color: #fff;
  line-height: 24px;
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  font-size: 16px;
}
.attend-userexplain .row-handle .icon-abnormal2 {
  background: #ff8661;
}
.attend-userexplain .row-handle .icon-abnormal2:before {
  content: '';
}
.attend-userexplain .row-handle .icon-abnormal3 {
  background: #72ade9;
}
.attend-userexplain .row-handle .icon-abnormal3:before {
  content: '';
}
.attend-userexplain .row-handle .icon-abnormal4 {
  background: #f7bf28;
}
.attend-userexplain .row-handle .icon-abnormal4:before {
  content: '';
}
.attend-userexplain .row-handle .icon-abnormal5 {
  background: #ff8661;
}
.attend-userexplain .row-handle .icon-abnormal5:before {
  content: '\eb93';
}
.attend-userexplain .row-handle .icon-abnormal6 {
  background: #ff8661;
}
.attend-userexplain .row-handle .icon-abnormal6:before {
  content: '\e788';
}
.attend-userexplain .row-handle .icon-abnormal7 {
  background: #f7bf28;
}
.attend-userexplain .row-handle .icon-abnormal7:before {
  content: '\ed33';
}
.attend-userexplain .row-handle .icon-abnormal0 {
  background: #c4cfd5;
}
.attend-userexplain .row-handle .icon-abnormal0:before {
  content: '';
}
.attend-userexplain .row-handle .col-state {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.attend-userexplain .row-handle .col-state .txts {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  margin-left: 10px;
}
.attend-userexplain .row-handle .col-stateback {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.attend-userexplain .row-handle .col-stateback .txts {
  display: inline-block;
  background: #fd9a4a;
  padding: 0 10px;
  color: #fff;
  line-height: 24px;
  border-radius: 30px;
}
.budget-execute .budget-countlis dl {
  width: auto;
}
.budget-execute .row-budget-children > div {
  font-size: 14px;
  text-align: center;
}
.budget-execute .budget-countlis-header > div {
  padding: 0 10px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border: 0;
  font-size: 14px;
  border-top: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}
.budget-execute .budget-countlis-header {
  background: #f6fafd;
  border: 0;
  border-left: 1px solid #f3f3f3;
}
.budget-execute .row-budget-children {
  border: 0;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #f3f3f3;
}
.budget-execute .row-budget-children div {
  border: 1px solid #f3f3f3;
  margin: 0;
  border-top: 0;
  border-left: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
.budget-execute div.budeget-col-f {
  width: 450px;
  text-align: left;
}
.budget-execute .row-budget-children:hover {
  background: #f5fcff;
}
.budget-execute .glyphicon {
  color: #ccc;
}
.budget-execute .row-budget-children > div .micon {
  position: inherit;
  left: auto;
  top: auto;
}
.imgshow-warp {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3999;
}
.imgshow-warp .imgshow-back {
  position: absolute;
  right: 11%;
  top: 10px;
  color: #fff;
  line-height: 30px;
  opacity: 0.6;
}
.imgshow-warp .imgshow-back i {
  font-size: 38px;
}
.imgshow-warp > div {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 4888;
}
.imgshow-warp .imgmask {
  background: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3888;
}
.imgshow-warp .imgshow-big .img-operate {
  position: absolute;
  width: 100%;
}
.imgshow-warp .imgshow-big .img-operate .imgroll-left,
.imgshow-warp .imgshow-big .img-operate .imgroll-right {
  position: fixed;
  top: 50%;
  margin-top: -33px;
  width: 66px;
  height: 66px;
  display: block;
  opacity: 0.6;
  cursor: pointer;
  line-height: 66px;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 60px;
  color: #fff;
}
.imgshow-warp .imgshow-big .img-operate .imgroll-left:hover,
.imgshow-warp .imgshow-big .img-operate .imgroll-right:hover {
  opacity: 1;
  cursor: pointer;
  font-size: 66px;
}
.imgshow-warp .imgshow-big .img-operate .imgroll-left {
  left: 10%;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px 0 0 5px;
}
.imgshow-warp .imgshow-big .img-operate .imgroll-left:before {
  content: '';
}
.imgshow-warp .imgshow-big .img-operate .imgroll-right {
  right: 10%;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 5px 5px 0;
}
.imgshow-warp .imgshow-big .img-operate .imgroll-right:before {
  content: '';
}
.imgshow-warp .imgshow-big .imgshow-big-img {
  width: 60%;
  margin: 10px auto;
  text-align: center;
}
.imgshow-warp .imgshow-big .imgshow-big-img > div {
  width: 100%;
  display: block;
  vertical-align: middle;
  height: 500px;
  line-height: 500px;
}
.imgshow-warp .imgshow-big .imgshow-big-img > div img {
  max-width: 100%;
  max-height: 100%;
}
.imgshow-warp .imgshow-lis-scroll {
  width: 80%;
  overflow: hidden;
  margin: 0 auto;
}
.imgshow-warp .imgshow-lis {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
.imgshow-warp .imgshow-lis .imgshow-lis-cent {
  width: 9000px;
}
.imgshow-warp .imgshow-lis ul {
  display: inline-block;
}
.imgshow-warp .imgshow-lis li {
  display: inline-block;
  margin: 10px 0;
  border: 2px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.imgshow-warp .imgshow-lis li:hover,
.imgshow-warp .imgshow-lis li.active {
  border: 2px solid #f7f7f7;
}
.imgshow-warp .imgshow-lis li img {
  width: 120px;
  height: 98px;
}
.lowprice-range {
  margin: 0 auto !important;
}
.lowprice-range .date-picker-wrapper {
  border: 0 !important;
}
.lowprice-range .date-picker-wrapper .month-wrapper table th,
.lowprice-range .date-picker-wrapper .month-wrapper table td {
  font-size: 14px;
}
.lowprice-range .drp_top-bar {
  display: none;
}
.share-mod {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.share-mod .share-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}
.share-mod .share-btn:before {
  content: '';
}
.share-mod .beshare-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  display: inline-block;
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.share-mod .beshare-btn:before {
  content: '';
}
.share-mod .share-txt {
  position: absolute;
}
.share-mod .share-txt p {
  position: absolute;
  padding: 6px;
  line-height: 22px;
  top: 4px;
  right: -33px;
  background: #404352;
  border-radius: 5px;
  color: #fff;
  z-index: 199;
  min-width: 100px;
  max-width: 200px;
  display: none;
}
.share-mod .share-txt p:before {
  position: absolute;
  right: 16px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #404352;
  content: ' ';
}
.share-mod:hover .share-txt p {
  display: block;
}
.share-select .sign-range-cont .commtree-nav .commtree-search {
  width: 360px;
}
.infowindow-content .amap-info-header {
  color: white;
  font-size: 14px;
  background-color: rgba(0, 155, 255, 0.8);
  line-height: 26px;
  padding: 0 10px 0;
  font-weight: lighter;
  letter-spacing: 1px;
}
.infowindow-content .amap-info-body {
  color: #585858;
  font-size: 14px;
  line-height: 22px;
  padding: 10px;
}
.amap-info-phone {
  padding: 0 10px 10px;
  color: #585858;
  font-size: 14px;
}
.amap-info-combo .keyword {
  height: 19px !important;
}
.price-lis-carrent {
  width: 420px !important;
}
.price-lis-carrent .lismod {
  padding: 10px 5px;
}
.price-lis-carrent .col-price {
  overflow: hidden;
  width: 100%;
  height: 24px;
  line-height: 24px;
}
.price-lis-carrent .tit-m {
  float: left;
}
.price-lis-carrent .price-m {
  float: right;
}
.price-lis-carrent .lismod-notice {
  border-top: 1px solid #a0a1a9;
  line-height: 40px;
  padding: 0 5px;
}
.price-lis-carrent .lismod-notice i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  vertical-align: middle;
  font-size: 18px;
  margin-right: 5px;
}
.price-lis-carrent .lismod-notice i:before {
  content: '';
}
.cancelrent-travel dl {
  margin-bottom: 0;
}
.cancelrent-travel dl .info {
  color: #606060;
}
.cancelrent-travel dl .info .notice {
  color: #df412d;
}
.cancelrent-travel dl .info-notice {
  font-size: 14px;
}
.cancelrent-travel dl textarea {
  width: 100%;
  margin-bottom: 10px;
  resize: none;
  height: 200px;
}
.cancelcar-notice span {
  color: #ff7a21;
  margin: 0 3px;
}
@media screen and (max-width: 1300px) {
  .trip-route .route-lis .rmod .col-abnormal {
    width: 50px;
  }
  .trip-route .route-lis .rmod .col-state {
    width: 50px;
  }
  .travel-lis .travel-stoptop .lis-search {
    width: 100%;
  }
}
.seat-searh {
  position: relative;
}
.seat-searh .comm-seatlis {
  top: 49px;
}
.seat-searh1 {
  position: relative;
}
.seat-searh1 .comm-seatlis {
  top: 33px;
  left: 10px;
}
.comm-seatlis {
  position: absolute;
  top: 33px;
  z-index: 299;
  width: 100%;
  left: -1px;
  max-height: 320px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #e5e6e7;
  border-radius: 5px;
  background: #fff;
  min-width: 400px;
}
.comm-seatlis p {
  margin-bottom: 0;
}
.comm-seatlis .seat-keyword {
  color: #1878ff;;
}
.comm-seatlis .noseat-result {
  color: #aeaeae;
  padding: 40px;
  overflow: hidden;
  background: #fff;
  text-align: center;
}
.comm-seatlis .noseat-result p {
  margin-bottom: 0;
}
.comm-seatlis ul li {
  padding: 10px 10px 3px 32px;
  cursor: pointer;
  position: relative;
  min-height: 46px;
}
.comm-seatlis ul li:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e739';
  color: #1878ff;;
  position: absolute;
  font-size: 20px;
  top: 7px;
  left: 5px;
  display: inline-block;
}
.comm-seatlis ul li .tit {
  font-size: 14px;
  color: #303030;
  display: block;
}
.comm-seatlis ul li .seat {
  font-size: 14px;
  color: #aeaeae;
}
.comm-seatlis ul li:hover {
  background: #f5fcff;
}
.didiclr-000 {
  color: #4fd2c2;
}
.didiclr-001 {
  color: #f88529;
}
.didiclr-002 {
  color: #1878ff;;
}
.didiclr-003 {
  color: #4fd2c2;
}
.didiclr-004 {
  color: #1878ff;
}
.didiclr-005 {
  color: #606060;
}
.didiclr-006 {
  color: #aeaeae;
}
.didiclr-007 {
  color: #606060;
}
.didiclr-008 {
  color: #4fd2c2;
}
.didiclr-009 {
  color: #606060;
}
.tree-menu {
  display: none;
}
.trip-select {
  padding-bottom: 10px;
}
.trip-select .comm-rdo-content {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.entravel-mod .ybox-title .pull-right {
  margin-top: 4px;
}
.publis-alert {
  padding: 10px 0;
}
.publis-alert .mod-form {
  padding: 0 18px;
}
.publis-alert .mod-form dt {
  width: 66px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 32px;
}
.publis-alert .mod-form dl {
  padding-left: 76px;
  position: relative;
  min-height: 32px;
}
.publis-alert .mod-form .linetree .commtree-nav {
  border: 0;
}
.publis-alert .mod-form .linetree .commtree-nav .commtree-body {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.publis-alert .mod-form .bill-select p font {
  font-size: 14px;
}
.publis-alert .col-info {
  padding-top: 6px;
  word-break: break-all;
}
.publis-alert .addbtn-box {
  padding: 10px 18px 0;
}
.infopublis-alert dl {
  margin-bottom: 10px;
}
.infopublis-alert .row-textarea textarea {
  text-align: left;
  height: 200px;
  line-height: 24px;
  border: 0;
  padding: 4px 0;
}
.infopublis-alert .row-textarea textarea[readonly] {
  background: #fff;
}
.userpublis-alert {
  padding: 10px 20px 40px;
  min-height: 380px;
}
.userpublis-alert .row-tit {
  line-height: 24px;
  color: #606060;
  font-size: 14px;
  word-wrap: break-word;
  padding: 0 10px;
}
.userpublis-alert .row-type {
  font-size: 14px;
  line-height: 34px;
  font-weight: bold;
  margin-bottom: 10px;
  word-wrap: break-word;
  padding: 0 10px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.userpublis-alert .row-cent {
  line-height: 22px;
  color: #606060;
  font-size: 14px;
  word-wrap: break-word;
  padding: 0 10px;
}
.userpublis-alert .row-textarea textarea {
  text-align: left;
  height: 200px;
  line-height: 24px;
  border: 0;
}
.userpublis-alert .row-textarea textarea[readonly] {
  background: #fff;
}
.transfer-addalertbox {
  padding: 20px 0;
}
.transfer-addalertbox .addbtn-box {
  padding: 0 10px;
}
.transfer-addalertbox .engrid-warp {
  max-height: 388px;
  overflow: hidden;
  overflow-y: auto;
}
.order-query {
  background: #fff;
  margin-top: 10px;
  border-radius: 5px;
}
.order-query .navlis {
  border-bottom: 1px solid #f3f3f3;
}
.order-query .navlis ul {
  margin-bottom: 0;
}
.order-query .navlis li {
  width: 98px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
}
.order-query .navlis li:first-child.cur {
  border-radius: 5px 0 0 0;
}
.order-query .navlis li.cur {
  background: #1878ff;
  color: #fff;
}
.order-query .screen-lis {
  padding: 10px 10px;
  text-align: right;
}
.order-query .screen-lis .bill-select,
.order-query .screen-lis .search-lot {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  font-weight: normal;
  text-align: left;
  margin-left: 10px;
}
.order-query .screen-lis .bill-select {
  width: 160px;
}
.order-query .screen-lis .btn {
  display: inline-block;
}
.order-query .total-bot {
  padding: 0 10px 20px;
  zoom: 1;
}
.order-query .total-bot:after {
  content: '';
  display: block;
  clear: both;
}
.order-query .total-bot .total-txt {
  display: inline-block;
  float: left;
  line-height: 32px;
}
.order-query .total-bot .pagination-group {
  width: auto !important;
  float: right;
  display: inline-block;
}
.trip-route-alert {
  min-height: 570px;
}
.trip-route-alert .trip-route {
  margin-top: 0;
}
.trip-route-alert .trip-route .mod-time span {
  margin-right: 17px;
}
.trip-route-alert .route-reason {
  padding-bottom: 0px;
}
.trip-route-alert .route-reason dl {
  margin-bottom: 0;
}
.trip-route-alert .trip-route .route-lis .route-mod {
  padding: 10px 0;
}
.trip-route-alert .trip-route .route-lis .route-mod .tit {
  padding: 7px 16px;
}
.trip-route-alert .trip-route .route-total {
  padding: 10px 30px;
}
.trip-route-alert .route-mod-lis .rmod {
  line-height: 50px;
  padding: 0 1%;
}
.trip-route-alert .route-mod-lis .rmod .col {
  height: 50px;
}
.trip-route-alert .route-mod-lis .rmod .col .logo-mod {
  height: 33px;
  width: 33px;
}
.trip-route-alert .route-mod-lis .rmod .col .logo-mod i {
  height: 33px;
  width: 33px;
  line-height: 33px;
  font-size: 20px;
}
.trip-route-alert .route-mod-lis .rmod .col .logo-modplane-lot i {
  font-size: 17px;
}
.trip-route-alert .route-mod-lis .rmod .col-logo {
  margin-left: 5px;
}
.trip-route-alert .route-mod-lis .rmod:hover {
  background: #f7f7f7;
}
.plane-reserve {
  margin-top: 10px;
}
.plane-reserve .ybox-title .pull-left span {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.hotel-reserve {
  margin-top: 10px;
}
.hotel-reserve .ybox-title .pull-left span {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.budget-rebate-alert .icon-tips,
.budget-increase-alert .icon-tips {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.budget-rebate-alert .icon-tips i,
.budget-increase-alert .icon-tips i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #ababab;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  margin-right: 5px;
}
.budget-rebate-alert .icon-tips i:before,
.budget-increase-alert .icon-tips i:before {
  content: '\e688';
}
.budget-rebate-alert .icon-tips span,
.budget-increase-alert .icon-tips span {
  display: inline-block;
  vertical-align: middle;
  color: #f35d5e;
}
.budget-rebate-alert .gray-txts,
.budget-increase-alert .gray-txts {
  color: #cdcdcd;
}
.budget-rebate-alert .engrid-main .engrid-lis,
.budget-increase-alert .engrid-main .engrid-lis {
  min-height: 300px;
}
.budget-rebate-alert .engrid-main .engrid-lis .form-control,
.budget-increase-alert .engrid-main .engrid-lis .form-control {
  border: 1px solid #fff;
  margin-top: 2px;
}
.budget-rebate-alert .engrid-main .engrid-lis .drop-ele:after,
.budget-increase-alert .engrid-main .engrid-lis .drop-ele:after {
  content: '';
}
.budget-rebate-alert .engrid-main .engrid-lis .engrid-row:hover .form-control,
.budget-increase-alert
  .engrid-main
  .engrid-lis
  .engrid-row:hover
  .form-control {
  border: 1px solid #e5e6e7;
}
.budget-rebate-alert .engrid-main .engrid-lis .engrid-row:hover .drop-ele:after,
.budget-increase-alert
  .engrid-main
  .engrid-lis
  .engrid-row:hover
  .drop-ele:after {
  content: '\e632';
}
.budget-rebate-alert .engrid-center,
.budget-increase-alert .engrid-center {
  min-height: auto;
}
.budget-rebate-alert .txta-r .form-control,
.budget-increase-alert .txta-r .form-control {
  text-align: right;
}
.budget-rebate-alert .txtbold,
.budget-increase-alert .txtbold {
  font-weight: bold;
}
.budget-rebate-alert .txtbold .clr-num,
.budget-increase-alert .txtbold .clr-num {
  color: #f78528;
}
.choose-trip-alert {
  padding: 10px 20px;
}
.choose-trip-alert .trip-main {
  height: 300px;
  overflow: auto;
}
.choose-trip-alert .trip-main::-webkit-scrollbar {
  height: 8px;
}
.choose-trip-alert .trip-main::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.choose-trip-alert .trip-main::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.choose-trip-alert .trip-main::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.choose-trip-alert .trip-main::-webkit-scrollbar,
.choose-trip-alert .trip-main::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.choose-trip-alert .trip-main::-webkit-scrollbar-button {
  width: 0;
}
.choose-trip-alert .row {
  display: flex;
  align-items: center;
  background: #fbfcff;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  padding: 20px;
  line-height: 22px;
  margin-bottom: 10px;
}
.choose-trip-alert .row .col-icon {
  flex: 0;
  height: 48px;
  line-height: 48px;
  min-width: 48px;
  width: 48px;
  text-align: center;
  background: #1878ff;;
  border-radius: 50%;
  margin-right: 10px;
}
.choose-trip-alert .row .col-icon .icon-trip {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #fff;
}
.choose-trip-alert .row .col-icon .icon-trip:before {
  content: '\e724';
}
.choose-trip-alert .row .col-main {
  flex: 1;
}
.choose-trip-alert .row .col-right .order-num {
  color: #aeaeae;
}
.choose-trip-alert .row .col-right .executing {
  color: #1878ff;
}
.choose-trip-alert .row .col-right .unexecuted {
  color: #4ed3c3;
}
.statistics-admin {
  background: #fff;
  border-radius: 5px;
}
.statistics-admin .col-link {
  color: #1878ff;;
  cursor: pointer;
}
.statistics-admin .main-tit {
  margin-top: 10px;
  border-bottom: 1px solid #f3f3f3;
  zoom: 1;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
}
.statistics-admin .main-tit:after {
  content: '';
  display: block;
  clear: both;
}
.statistics-admin .main-tit .tit {
  float: left;
  height: 50px;
  line-height: 50px;
  color: #1f2937;
  font-size: 14px;
  font-weight: bold;
}
.statistics-admin .main-tit .operate {
  float: right;
}
.statistics-admin .main-tit-index {
  border-bottom: 0;
}
.report-data-table .table td {
  border: 1px solid #f4f4f2;
}
.state-detail .report-data-table {
  overflow-y: auto;
  max-height: 492px;
}
.statistics-admin .table > caption + thead > tr:first-child > td,
.statistics-admin .table > caption + thead > tr:first-child > th,
.statistics-admin .table > colgroup + thead > tr:first-child > td,
.statistics-admin .table > colgroup + thead > tr:first-child > th,
.statistics-admin .table > thead:first-child > tr:first-child > td,
.statistics-admin .table > thead:first-child > tr:first-child > th,
.state-detail .table > caption + thead > tr:first-child > td,
.state-detail .table > caption + thead > tr:first-child > th,
.state-detail .table > colgroup + thead > tr:first-child > td,
.state-detail .table > colgroup + thead > tr:first-child > th,
.state-detail .table > thead:first-child > tr:first-child > td,
.state-detail .table > thead:first-child > tr:first-child > th {
  border-top: 1px solid #dfdfdf;
}
.statistics-admin .report-tables,
.state-detail .report-tables {
  background: #fff;
}
.statistics-admin .report-tables .report-data-table,
.state-detail .report-tables .report-data-table {
  width: 100%;
  overflow-x: auto;
}
.statistics-admin .report-tables .report-data-table::-webkit-scrollbar,
.state-detail .report-tables .report-data-table::-webkit-scrollbar {
  height: 8px;
}
.statistics-admin .report-tables .report-data-table::-webkit-scrollbar-thumb,
.state-detail .report-tables .report-data-table::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.statistics-admin
  .report-tables
  .report-data-table::-webkit-scrollbar-thumb:hover,
.state-detail .report-tables .report-data-table::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.statistics-admin
  .report-tables
  .report-data-table::-webkit-scrollbar-thumb:active,
.state-detail
  .report-tables
  .report-data-table::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.statistics-admin .report-tables .report-data-table::-webkit-scrollbar,
.statistics-admin .report-tables .report-data-table::-webkit-scrollbar-track,
.state-detail .report-tables .report-data-table::-webkit-scrollbar,
.state-detail .report-tables .report-data-table::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.statistics-admin .report-tables .report-data-table::-webkit-scrollbar-button,
.state-detail .report-tables .report-data-table::-webkit-scrollbar-button {
  width: 0;
}
.statistics-admin .report-tables .table,
.state-detail .report-tables .table {
  margin: 0 0;
  width: 100%;
}
.statistics-admin .report-tables .table thead th.noimport .tit,
.state-detail .report-tables .table thead th.noimport .tit {
  color: #9b9b9b;
}
.statistics-admin .report-tables .table thead th.noimport .tit:before,
.state-detail .report-tables .table thead th.noimport .tit:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #f7dc27;
  vertical-align: middle;
  width: 30px;
  display: inline-block;
  content: '\e67b';
  position: absolute;
  left: 0;
}
.statistics-admin .report-tables .table td > div:first-child,
.state-detail .report-tables .table td > div:first-child {
  display: block;
  max-height: 48px;
  line-height: 24px;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
  white-space: pre-wrap;
  word-break: break-all;
}
.statistics-admin .report-tables .table td > div:first-child.cur,
.state-detail .report-tables .table td > div:first-child.cur {
  color: #1878ff;;
  cursor: pointer;
}
.statistics-admin .report-tables .table td.noimport,
.state-detail .report-tables .table td.noimport {
  color: #f3f3f4;
}
.statistics-admin .report-tables .table td .tooltip .tooltip-inner,
.state-detail .report-tables .table td .tooltip .tooltip-inner {
  line-height: 24px;
  max-width: 360px;
  text-align: left;
  padding: 10px;
}
.statistics-admin .report-tables .table th,
.statistics-admin .report-tables .table td,
.state-detail .report-tables .table th,
.state-detail .report-tables .table td {
  min-width: 120px;
  max-width: 200px;
}
.statistics-admin .report-tables .total-bot,
.state-detail .report-tables .total-bot {
  zoom: 1;
  padding: 20px 30px;
  position: relative;
  height: 72px;
}
.statistics-admin .report-tables .total-bot:after,
.state-detail .report-tables .total-bot:after {
  content: '';
  display: block;
  clear: both;
}
.statistics-admin .report-tables .total-bot .total-txt,
.state-detail .report-tables .total-bot .total-txt {
  position: absolute;
  left: 30px;
  top: 20px;
  line-height: 30px;
  color: #606060;
}
.statistics-admin .report-tables-index,
.state-detail .report-tables-index {
  background: #f8fdff;
  padding: 30px 60px;
}
.statistics-admin .screen-lis,
.state-detail .screen-lis {
  /*padding: 10px 20px;*/
  padding-bottom:20px;
}
.statistics-admin .screen-lis .mod,
.state-detail .screen-lis .mod {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.statistics-admin .screen-lis .mod .tit,
.state-detail .screen-lis .mod .tit {
  line-height: 36px;
  margin-bottom: 0;
}
.statistics-admin .screen-lis .mod .tit,
.statistics-admin .screen-lis .mod .bill-select,
.statistics-admin .screen-lis .mod .form-control,
.statistics-admin .screen-lis .mod .select-ele,
.statistics-admin .screen-lis .mod .ui-pureselect,
.state-detail .screen-lis .mod .tit,
.state-detail .screen-lis .mod .bill-select,
.state-detail .screen-lis .mod .form-control,
.state-detail .screen-lis .mod .select-ele,
.state-detail .screen-lis .mod .ui-pureselect {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.statistics-admin .screen-lis .btn,
.state-detail .screen-lis .btn {
  display: inline-block;
}
.statistics-admin .screen-lis-index,
.state-detail .screen-lis-index {
  background: #f8fdff;
}
.comm-moretxt {
  line-height: 24px;
  position: absolute;
  top: 30px;
  left: -13px;
  z-index: 299;
  color: #fff;
  padding: 10px 10px 10px 20px;
  background: #404352;
  border-radius: 5px;
}
.comm-moretxt div.txt {
  min-width: 100px;
  min-height: 100px;
  max-width: 300px;
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
}
.comm-moretxt:before {
  position: absolute;
  left: 16px;
  top: -7px;
  width: 0px;
  height: 0px;
  content: ' ';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #404352;
}
.state-detail-screen {
  position: relative;
}
.state-detail-screen .screen-lis {
  padding: 10px 0;
}
.state-detail-screen .operate {
  position: absolute;
  right: 10px;
  top: 13px;
}
.graph-warp {
  width: 800px;
  margin: 0 auto;
}
.head-cls {
  margin-top: 10px;
}
.head-cls .table .showmore {
  max-height: none !important;
  white-space: normal !important;
  position: relative;
  cursor: pointer;
}
.head-cls .table .showmore > div {
  display: none;
}
#date-range12-container .real-today:hover {
  background: #cdecfa !important;
}
#date-range12-container .real-today:hover .date-money-num {
  color: #606060;
}
#date-range12-container .real-today:hover .date-money {
  color: #1878ff;
}
#date-range12-container .real-today.cur,
#date-range12-container .real-today.checked {
  background: #1878ff; !important;
}
.link-cls {
  background: #e4f7ff;
  cursor: pointer;
}
.new-reportwarp {
  padding-bottom: 90px;
}
.new-reportwarp .nodata {
  background: none;
}
.new-reportwarp .main-tit {
  background: #fff;
  height: 54px;
  border-bottom: 1px solid #ecf1f7;
  border-radius: 5px 5px 0 0;
  position: relative;
}
.new-reportwarp .main-tit h5 {
  line-height: 54px;
  text-align: left;
  font-size: 14px;
  color: #1f2937;
  padding-left: 10px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.new-reportwarp .main-tit .col-right {
  width: 200px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 99;
}
.new-reportwarp .main-tit .col-right .btn {
  float: right;
  padding: 6px 20px;
}
.new-reportwarp .mod {
  margin-bottom: 9px;
  background: #fff;
  border-radius: 5px;
}
.new-reportwarp .mod dd {
  padding-right: 26px;
}
.new-reportwarp .mod-head {
  zoom: 1;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 20px 10px;
}
.new-reportwarp .mod-head:after {
  content: '';
  display: block;
  clear: both;
}
.new-reportwarp .mod-head .tit {
  font-size: 14px;
  color: #1f2937;
  display: inline-block;
  vertical-align: middle;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.new-reportwarp .mod-head .add {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 10px;
  color: #b9b9b9;
  font-size: 22px;
}
.new-reportwarp .mod-head .add:before {
  content: '\e66d';
}
.new-reportwarp .mod-head .add:hover {
  color: #1878ff;;
}
.new-reportwarp .mod-cent {
  padding: 0 20px 30px;
}
.engrid-warp {
  position: relative;
}
.engrid-warp .engrid-setcol {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  width: 60px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  color: #bebebe;
  background: #f6fafd;
  z-index: 30;
  border-left: 1px solid #f5f5f5;
  cursor: pointer;
  text-align: center;
}
.engrid-warp .engrid-setcol:before {
  content: '';
}
.engrid-lis {
  overflow-y: auto;
  width: 100%;
}
.select-bill-alert {
  padding: 10px 20px;
}
.select-bill-alert .addbtn-wrap {
  padding-right: 0;
}
.select-bill-alert .select-notice {
  position: absolute;
  top: -29px;
  left: 84px;
  color: #aeaeae;
}
.select-bill-lis > div {
  height: 430px;
  overflow: hidden;
  overflow-y: auto;
  vertical-align: top;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.select-bill-lis > div ul {
  margin-bottom: 0;
}
.select-bill-lis .select-bill-l {
  width: 296px;
  display: inline-block;
  margin-right: 10px;
}
.select-bill-lis .select-bill-l ul {
  padding: 10px;
}
.select-bill-lis .select-bill-l li {
  width: 280px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  text-indent: 24px;
  border: 1px solid #efefef;
  border-radius: 5px;
  cursor: pointer;
}
.select-bill-lis .select-bill-l li .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 32px;
  line-height: 32px;
  color: #606060;
  font-size: 14px;
}
.select-bill-lis .select-bill-l li.cur {
  background: #1878ff;
}
.select-bill-lis .select-bill-l li.cur .txt {
  color: #fff;
}
.select-bill-lis .select-bill-r {
  display: inline-block;
  width: 542px;
  padding: 0 12px;
}
.select-bill-lis .select-lis-handle {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f3f3f3;
}
.select-bill-lis .select-lis-handle .comm-chk-content,
.select-bill-lis .select-lis-handle .info {
  display: inline-block;
  vertical-align: middle;
}
.select-bill-lis .select-lis-handle .info {
  line-height: 40px;
  margin-left: 6px;
  font-size: 14px;
  color: #aeaeae;
}
.select-bill-lis .select-lis-handle .info strong {
  color: #1878ff;;
  font-weight: normal;
}
.select-bill-lis .select-lis {
  padding: 10px 0;
  height: 370px;
  overflow: hidden;
  overflow-y: auto;
}
.select-bill-lis .select-lis .comm-chk-content {
  display: inline-block;
  width: 156px;
}
.select-bill-lis .select-lis .comm-rdo-content {
  display: inline-block;
  width: 156px;
}
.select-bill-lis .select-lis .comm-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 107px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
}
.select-bill-lis .select-lis .comm-rdo-content .comm-rdo {
  top: 10px;
}
.select-lis-comm {
  font-size: 0;
}
.select-lis-comm .tit {
  background: #fff;
  width: 340px;
  height: 40px;
  line-height: 40px;
  color: #606060;
  border-radius: 5px 5px 0 0;
  border: 1px solid #eee;
  border-bottom: 0;
}
.select-lis-comm .tit-main {
  padding-left: 20px;
}
.select-lis-comm .select-l,
.select-lis-comm .select-r {
  font-size: 14px;
  width: 340px;
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.select-lis-comm .select-l .lis,
.select-lis-comm .select-r .lis {
  border: 1px solid #eee;
  height: 440px;
  border-radius: 0 0 5px 5px;
}
.select-lis-comm .select-l .commtree-nav,
.select-lis-comm .select-r .commtree-nav {
  border: 0;
}
.select-lis-comm .select-l .treeview,
.select-lis-comm .select-l .commtree-body,
.select-lis-comm .select-r .treeview,
.select-lis-comm .select-r .commtree-body {
  max-height: 400px;
  overflow-y: auto;
}
.select-lis-comm .select-l .treeview,
.select-lis-comm .select-r .treeview {
  border: 0;
}
.select-lis-comm .lis-result1 {
  max-height: 440px;
  overflow-y: auto;
}
.select-lis-comm .lis-result1 .mod {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 30px 0 20px;
  margin-bottom: 2px;
  height: 36px;
  line-height: 36px;
  color: #606060;
  position: relative;
  cursor: pointer;
}
.select-lis-comm .lis-result1 .mod.cur,
.select-lis-comm .lis-result1 .mod:hover {
  background: #f7f7f7;
}
.select-lis-comm .lis-result2 {
  max-height: 440px;
  overflow-y: auto;
}
.select-lis-comm .lis-result2 .mod {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 30px 0 30px;
  margin-bottom: 2px;
  color: #606060;
  height: 36px;
  line-height: 36px;
  position: relative;
  cursor: pointer;
}
.select-lis-comm .lis-result2 .mod:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  font-size: 15px;
  color: #61c7f4;
  text-align: center;
}
.select-lis-comm .lis-result2 .mod:hover {
  background: #f7f7f7;
}
.select-lis-comm .lis-result2 .mod.cur:before {
  content: '\e6a6';
}
.select-lis-comm .lis-result2 .not-move .mod {
  cursor: not-allowed;
}
.select-handle {
  display: inline-block;
  margin: 175px 24px 0;
}
.select-handle > div {
  display: block;
  width: 80px;
  height: 34px;
  line-height: 32px;
  margin-top: 10px;
  border: 1px solid #eee;
  background: #fff;
  font-size: 16px;
  color: #8c8c8c;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.select-handle > div:hover {
  background: #1878ff;;
  color: #fff;
}
.select-report-alert,
.user-setcol-alert {
  padding: 10px 16px;
}
.select-report-alert .addbtn-wrap,
.user-setcol-alert .addbtn-wrap {
  padding-right: 0;
}
.select-report-alert .notice-drag,
.user-setcol-alert .notice-drag {
  display: inline-block;
  color: #cacaca;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  vertical-align: middle;
  font-size: 20px;
}
.select-report-alert .notice-drag:before,
.user-setcol-alert .notice-drag:before {
  content: '';
}
.select-report-alert .comm-tool,
.user-setcol-alert .comm-tool {
  margin-left: 6px;
}
.select-report-alert .comm-tool .toolcent > div,
.user-setcol-alert .comm-tool .toolcent > div {
  width: 96px;
}
.select-report-alert .lock-identify,
.user-setcol-alert .lock-identify {
  display: inline-block;
  color: #cacaca;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  vertical-align: middle;
  font-size: 18px;
}
.select-report-alert .lock-identify:before,
.user-setcol-alert .lock-identify:before {
  content: '';
}
.select-report-alert .lock-cur:after,
.user-setcol-alert .lock-cur:after {
  display: inline-block;
  color: #dcdcdc;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  content: '\e7c1';
  position: absolute;
  right: 8px;
  top: 0;
}
.select-report-alert .no-hidelis,
.user-setcol-alert .no-hidelis {
  color: #aeaeae;
  text-align: center;
  margin: 100px auto;
  height: 24px;
  line-height: 24px;
}
.select-report-alert .select-r,
.user-setcol-alert .select-r {
  position: relative;
}
.select-report-alert .lock-btn,
.user-setcol-alert .lock-btn {
  position: absolute;
  right: 10px;
  top: 0;
}
.select-report-alert .lock-btn .toolcent > div,
.user-setcol-alert .lock-btn .toolcent > div {
  width: 106px;
  right: -16px;
  left: auto;
}
.select-report-alert .lock-btn .toolcent > div:before,
.user-setcol-alert .lock-btn .toolcent > div:before {
  right: 16px;
  left: auto;
}
.set-lock {
  width: 340px;
  height: 100px;
  position: absolute;
  top: 40px;
  left: 0;
  border: 1px solid #eee;
  background-color: #fff;
  z-index: 298;
}
.set-lock .set-lock-w {
  padding: 10px;
}
.set-lock .set-lock-w span {
  margin-right: 10px;
}
.set-lock .form-control {
  width: 215px;
  display: inline-block;
  margin-right: 10px;
}
.set-lock .add-btn {
  text-align: right;
  padding: 10px;
}
.set-lock .add-btn .btn {
  padding: 2px 15px;
}
.matrix_grid_main {
  position: relative;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  font-size: 0;
}
.matrix_grid_main .cell_stat {
  background: #fff;
}
.matrix_grid_main .cell {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  outline: 0;
}
.matrix_grid_main .col_header {
  position: absolute;
  top: 0;
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #f3f3f3;
  z-index: 199;
  word-break: keep-all;
  white-space: nowrap;
}
.matrix_grid_main .col_header .cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border: 1px solid #f3f3f3;
  border-top: 0;
  border-left: 0;
  background: #f6fafd;
  min-width: 154px;
  vertical-align: top;
  text-align: center;
  display: inline-block;
  width: 154px;
}
.matrix_grid_main .col_header .txta-l,
.matrix_grid_main .col_header .txta-r,
.matrix_grid_main .col_header .txta-c {
  padding: 0 10px;
}
.matrix_grid_main .col_header .txta-l {
  text-align: left;
}
.matrix_grid_main .col_header .txta-r {
  text-align: right;
}
.matrix_grid_main .col_header .txta-c {
  text-align: center;
}
.matrix_grid_main .col_header .col_group_cell .cell {
  background: #f1fbff;
}
.matrix_grid_main .col_header .stat_cell {
  background: #f9fafd;
}
.matrix_grid_main .col_header .cell-group-mod {
  vertical-align: top;
  min-width: 154px;
  padding-top: 36px;
  display: inline-block;
  position: relative;
}
.matrix_grid_main .col_header .cell-group-mod > .cell {
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.matrix_grid_main .col_header .cell .txts-mod {
  width: 100%;
}
.matrix_grid_main .col_header .cell .txts-mod .txts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 10px;
  width: 100%;
}
.matrix_grid_main .row_header {
  position: absolute;
  left: 0;
  background: #fff;
}
.matrix_grid_main .row_header .cell {
  min-width: 154px;
  border: 1px solid #f3f3f3;
  border-top: 0;
  border-left: 0;
  text-align: center;
}
.matrix_grid_main .row_header .txta-l,
.matrix_grid_main .row_header .txta-r,
.matrix_grid_main .row_header .txta-c {
  padding: 0 10px;
}
.matrix_grid_main .row_header .txta-l {
  text-align: left;
}
.matrix_grid_main .row_header .txta-r {
  text-align: right;
}
.matrix_grid_main .row_header .txta-c {
  text-align: center;
}
.matrix_grid_main .row_header .cell_group {
  display: inline-block;
  vertical-align: top;
}
.matrix_grid_main .row_header .row_group_cell {
  text-align: center;
}
.matrix_grid_main .row_header .row_group_cell .cell {
  display: inline-block;
  height: 100%;
  background: #f6fafd;
  border-top: 1px solid #f3f3f3;
  width: 154px;
}
.matrix_grid_main .row_header .row_group_cell .cell .txts-mod {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 10px;
}
.matrix_grid_main .row_header .cell-group-mod {
  padding-left: 154px;
  min-height: 36px;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}
.matrix_grid_main .row_header .cell-group-mod > .cell {
  position: absolute;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
}
.matrix_grid_main .row_header .cell-group-mod .txts-mod {
  position: relative;
  display: block;
  vertical-align: inherit;
  height: 100%;
  width: 100%;
}
.matrix_grid_main .row_header .cell-group-mod .txts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: absolute;
  padding: 0 10px;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -18px;
}
.matrix_grid_main .row_header .stat_cell {
  width: 100%;
}
.matrix_grid_main .data_box {
  position: absolute;
}
.matrix_grid_main .data_box .row {
  font-size: 0;
  word-break: keep-all;
  white-space: nowrap;
}
.matrix_grid_main .data_box .cell {
  min-width: 154px;
  border: 1px solid #f3f3f3;
  border-top: 0;
  border-left: 0;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  width: 154px;
}
.matrix_grid_main .data_box .cell span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 36px;
  height: 36px;
  padding: 0 10px;
}
.matrix_grid_main .data_box .col_stat_cell {
  background: #f9fafd;
}
.matrix_grid_main .stat_cell {
  background: #f9fafd;
}
.matrix_grid_main .total {
  background: #f4f6fc !important;
}
.matrix_grid_main .total-summary .cell,
.matrix_grid_main .total-summary .stat_cell {
  background: #f4f6fc !important;
}
.matrix_grid_main::-webkit-scrollbar {
  height: 8px;
}
.matrix_grid_main::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.matrix_grid_main::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.matrix_grid_main::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.matrix_grid_main::-webkit-scrollbar,
.matrix_grid_main::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.matrix_grid_main::-webkit-scrollbar-button {
  width: 0;
}
.report-set {
  padding-bottom: 10px;
}
.report-set:first-child {
  padding-top: 20px;
}
.report-set .report-set-tit {
  zoom: 1;
  margin-bottom: 10px;
}
.report-set .report-set-tit:after {
  content: '';
  display: block;
  clear: both;
}
.report-set .report-set-tit .tit {
  font-size: 14px;
  color: #606060;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.report-set .report-set-tit .add {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 10px;
  color: #b9b9b9;
  font-size: 20px;
}
.report-set .report-set-tit .add:before {
  content: '';
}
.report-set .report-set-tit .add:hover {
  color: #1878ff;;
}
.report-set .report-set-tit .set-btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.report-set .report-set-tit .set-btn .comm-chk-content {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.report-set .report-set-tit .set-btn .row-cent {
  display: inline-block;
  vertical-align: middle;
}
.report-set .report-set-tit .set-btn .col-lable {
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
}
.report-set .report-set-tit .set-btn .col-select,
.report-set .report-set-tit .set-btn .col-txts {
  display: inline-block;
  vertical-align: middle;
}
.report-set .report-set-tit .set-btn .icon-setrange {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
}
.report-set .report-set-tit .set-btn .icon-setrange:before {
  content: '\e63f';
}
.report-berelated .report-set-tit .add-reportset {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  color: #1a9fda;
  margin-left: 0;
}
.report-berelated .report-set-tit .add-reportset:before {
  content: '\e922';
}
.report-chart .report-set-tit .add-reportset {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  color: #1a9fda;
  margin-left: 0;
}
.report-chart .report-set-tit .add-reportset:before {
  content: '\e921';
}
.report-chart .report-set-tit .set-btn {
  margin-left: 7px;
}
.report-settop {
  padding-bottom: 30px;
}
.report-settop .row-cent {
  display: inline-block;
  vertical-align: top;
}
.report-settop .comm-chk-content {
  display: inline-block;
  vertical-align: top;
}
.report-settop .col-lable {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin: 0 5px;
}
.report-settop .col-select {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
.report-settop .col-txts {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
.report-settop .col-btn {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
.report-settop .col-btn .edit-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;
  font-size: 18px;
  line-height: 32px;
  cursor: pointer;
}
.report-settop .col-btn .edit-btn:before {
  content: '';
}
.report-settop-set {
  border: 1px solid #e8e8e8;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  background-color: #fff;
}
.report-settop-set .row-btn {
  text-align: right;
  padding: 10px 0 0;
}
.report-set-result {
  margin-top: 10px;
  padding-right: 25px;
  position: relative;
}
.report-set-result dt,
.report-set-result dd {
  display: inline-block;
  vertical-align: middle;
}
.report-set-result .handle {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 10px;
}
.report-set-result .handle .edit,
.report-set-result .handle .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  background: none;
  border: none;
  cursor: pointer;
}
.report-set-result .handle .del {
  color: #f54646;
}
.report-set-result .handle .del:before {
  content: '';
}
.report-set-result .handle .edit {
  color: #1878ff;;
}
.report-set-result .handle .edit:before {
  content: '';
}
.report-set-result dl {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  border: 1px solid #f3f3f3;
  border-bottom: 0;
  height: 40px;
  background: #fff;
}
.report-set-result dl:last-child {
  border-bottom: 1px solid #f3f3f3;
}
.report-set-result dl.ui-sortable-helper {
  border: 1px solid #f3f3f3;
}
.report-set-result dl dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  background: #f6fafd;
  width: 110px;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #f3f3f3;
  display: inline-block;
  vertical-align: top;
}
.report-set-result dl dd {
  line-height: 40px;
  padding-left: 10px;
}
.report-set-result dl:hover .handle {
  visibility: visible;
}
.report-set-lis {
  margin-top: 20px;
}
.report-set-lis dl {
  padding-left: 100px;
  position: relative;
}
.report-set-lis .col-tit {
  width: 90px;
  line-height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}
.report-set-lis .col-screen {
  width: 350px;
}
.report-set-lis .col-screen .search-lot {
  width: 350px;
}
.report-set-lis .col-screen .commtree-nav {
  border: 0;
}
.report-set-lis .col-screen .commtree-body {
  max-height: 300px;
  overflow-y: auto;
}
.select-rfield .total-lis {
  margin-top: 20px;
}
.select-rfield .total-lis .col {
  margin-right: 10px;
  line-height: 34px;
  color: #606060;
  display: inline-block;
}
.set-detail-lis {
  margin-top: 20px;
}
.set-detail-lis dl {
  position: relative;
  padding-left: 100px;
  margin-bottom: 10px;
}
.set-detail-lis dt {
  width: 90px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 34px;
  text-align: right;
}
.set-detail-lis dd {
  width: 300px;
  display: flex;
}
.set-detail-lis dd > div:last-child {
  flex: 1;
}
.set-detail-lis dd .oldname-btn {
  cursor: pointer;
  line-height: 34px;
  color: #ffa319;
}
.set-detail-lis dd .oldname-btn i {
  color: #676767;
  font-size: 20px;
  padding: 0 3px;
  vertical-align: middle;
  display: inline-block;
}
.set-detail-lis dd.col-setrules {
  display: block;
}
.set-detail-lis .set-formula-btn {
  margin-left: 10px;
  color: #606060;
  line-height: 32px;
}
.set-detail-lis .set-formula-btn i {
  color: #1ca0db;
}
.set-detail-lis .bill-btnset {
  margin-left: 10px;
  color: #606060;
}
.set-detail-lis .bill-btnset i {
  color: #1ca0db;
}
.set-detail-lis .row-sonmod {
  background-color: #fcfcfc;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  padding: 10px 0 0;
  margin-bottom: 8px;
  margin-left: 29px;
  margin-right: 10px;
}
.set-detail-lis .row-sonmod dl {
  padding-left: 70px;
}
.set-detail-lis .row-sonmod dt {
  width: 60px;
}
.engrid-warp {
  font-size: 0;
}
.engrid-warp .nodata {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  margin-top: 0;
}
.engrid-warp .engrid-lis {
  width: 100%;
  overflow: inherit;
  overflow-x: auto;
  padding-bottom: 10px;
}
.engrid-warp .engrid-lis::-webkit-scrollbar {
  height: 8px;
}
.engrid-warp .engrid-lis::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.engrid-warp .engrid-lis::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.engrid-warp .engrid-lis::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.engrid-warp .engrid-lis::-webkit-scrollbar,
.engrid-warp .engrid-lis::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.engrid-warp .engrid-lis::-webkit-scrollbar-button {
  width: 0;
}
.engrid-warp .engrid-lis .ui-datetime {
  line-height: 22px;
}
.engrid-warp .header-mod {
  min-width: 140px;
  line-height: 50px;
  height: 50px;
  padding: 0 10px;
  border-left: 1px solid #f5f5f5;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  background: #f6fafd;
  border-top: 1px solid #f4f4f2;
  border-bottom: 1px solid #f4f4f2;
}
.engrid-warp .header-mod:first-child {
  padding: 0 20px;
}
.engrid-warp .header-mod .comm-chk-wrap {
  margin-top: 10px;
}
.engrid-warp .engrid-header {
  display: inline-block;
  display: flex;
}
.engrid-warp .engrid-header .cell-width {
  flex: 1;
}
.engrid-warp .engrid-header .flex-row .header-mod:first-child {
  padding: 0 10px;
}
.engrid-warp .engrid-header .col-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 50px;
  max-width: calc(100% - 42px);
  display: inline-block;
  vertical-align: middle;
}
.engrid-warp .engrid-header .header-nohandle .col-txt {
  max-width: 100%;
}
.engrid-warp .engrid-header .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  margin-left: 6px;
  font-size: 18px;
  color: #a8a8a8;
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
  cursor: pointer;
}
.engrid-warp .engrid-header .del:before {
  content: '';
}
.engrid-warp .engrid-header .header-mod:hover .del {
  visibility: visible;
}
.engrid-warp .cell-main {
  font-size: 14px;
}
.engrid-main .engrid-lis {
  min-height: 431px;
}
.engrid-main .col-sort {
  width: 10px;
  height: 20px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
}
.engrid-main .col-sort.sort-default {
  background: url('../images/sort-triangle.png?4936') no-repeat 0 6px;
}
.engrid-main .col-sort.sort-up {
  background-position: -20px 6px;
}
.engrid-main .col-sort.sort-down {
  background-position: -40px 6px;
}
.engrid-main .col-filter {
  display: inline-block;
  vertical-align: middle;
  color: #cbcbcb;
}
.engrid-main .col-filter.filter-default {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  float: right;
  font-size: 18px;
  width: 20px;
  line-height: 55px;
  vertical-align: middle;
}
.engrid-main .col-filter.filter-default:before {
  content: '';
}
.engrid-main .col-filter:hover {
  color: #5cc5f3;
}
.engrid-main .header-mod .col-sort,
.engrid-main .header-mod .col-filter {
  visibility: hidden;
}
.engrid-main .header-mod:hover .col-sort,
.engrid-main .header-mod:hover .col-filter {
  visibility: visible;
}
.engrid-main .search-lot {
  width: auto;
}
.engrid-main .search-lot-cent {
  top: -2px;
}
.engrid-main .ser-left .search-lot-cent {
  left: -10px;
  right: auto;
}
.engrid-main .ser-right .search-lot-cent {
  right: 0;
}
.engrid-main .cell-empty {
  border-top: 1px solid #fff;
}
.engrid-center {
  background: #fff;
  min-height: 300px;
}
.engrid-center .cell-main {
  padding: 0 10px 0 10px;
  min-width: 140px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #f4f4f2;
  border-left: 1px solid #f4f4f2;
  border-top: 0;
  border-right: 0;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
}
.engrid-center .cell-main > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 36px;
}
.engrid-center .engrid-row {
  display: flex;
}
.engrid-center .engrid-row .comm-rdo-content {
  display: block;
}
.engrid-center .cell-main:first-child {
  padding: 0 20px;
}
.engrid-center .flex-row .cell-main:first-child {
  padding: 0 10px;
}
.engrid-center .cell-width {
  flex: 1;
}
.engrid-center .engrid-row:last-child {
  border-bottom: 0;
}
.engrid-center .engrid-row.cur .cell-main,
.engrid-center .engrid-row:hover .cell-main {
  background-color: #f7f7f7;
}
.engrid-bot {
  padding: 10px 20px;
  zoom: 1;
}
.engrid-bot:after {
  content: '';
  display: block;
  clear: both;
}
.engrid-bot .total-lis {
  display: inline-block;
}
.engrid-bot .total-lis .tit,
.engrid-bot .total-lis .col {
  display: inline-block;
  color: #606060;
  line-height: 34px;
}
.engrid-bot .total-lis .col {
  margin-right: 10px;
}
.engrid-bot .total-num {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.engrid-bot .total-pages {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.engrid-bot .total-pages .ui-pureselect {
  width: 68px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.engrid-bot .total-pages .bill-select {
  width: 68px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.engrid-bot .total-pages .bill-select .bill-select-con {
  bottom: 22px;
  top: auto;
}
.engrid-bot .total-pages .bill-select ul {
  min-width: 68px;
}
.engrid-bot .total-pages .txts {
  display: inline-block;
  vertical-align: middle;
}
.engrid-bot .pagination-group {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.engrid-bot .ui-addmore {
  font-size: 14px;
}
.engrid-lis .engrid-tophead {
  width: 100%;
  display: flex;
}
.engrid-lis .tophead-mod {
  background: #f6fafd;
  display: inline-block;
  min-width: 140px;
  line-height: 50px;
  height: 50px;
  width: 300px;
  padding: 0 10px;
  border-left: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
  cursor: pointer;
  flex: 1;
  color: #606060;
  vertical-align: top;
}
.engrid-lis .tophead-mod:nth-child(2),
.engrid-lis .tophead-mod:nth-child(3) {
  min-width: 560px;
}
.engrid-lis .tophead-mod span {
  font-size: 14px;
}
.engrid-lis .tophead-mod:first-child {
  padding: 0 20px;
}
.engrid-main-resizable .engrid-warp .engrid-lis {
  white-space: nowrap;
}
.engrid-main-resizable .engrid-center .engrid-row,
.engrid-main-resizable .engrid-warp .engrid-header {
  display: block;
}
.engrid-main-resizable .engrid-warp .header-mod,
.engrid-main-resizable .engrid-warp .cell-main {
  vertical-align: top;
}
.engrid-main-resizable .engrid-warp .engrid-header .cell-width {
  flex: none;
}
.engrid-main-resizable .engrid-warp .header-mod {
  min-width: 0;
}
.engrid-main-resizable .engrid-center .cell-main {
  min-width: 0;
}
.user-reportlis {
  margin-top: 10px;
  border-radius: 5px;
  background: #fff;
}
.user-reportlis .col-btn {
  height: 28px;
}
.user-reportlis .main-tit {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  background: #fff;
  border-radius: 5px;
  border-bottom: 1px solid #ecf1f7;
}
.user-reportlis .main-tit > .main-tit {
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.user-reportlis .main-tit .pull-right {
  text-align: right;
}
.user-reportlis .main-tit .pull-right .btn {
  padding: 6px 20px;
  cursor: pointer;
}
.user-reportlis .main-lis {
  margin-top: 20px;
  min-height: 600px;
}
.user-reportlis .row-filter {
  padding: 0 24px 14px;
  font-size: 0;
}
.user-reportlis .row-filter .col {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 8px;
}
.user-reportlis .row-filter .col .btn {
  padding: 5px 31px;
}
.user-reportlis .row-filter-box {
  zoom: 1;
  padding: 0 24px 14px;
  position: relative;
  z-index: 499;
}
.user-reportlis .row-filter-box:after {
  content: '';
  display: block;
  clear: both;
}
.user-reportlis .row-filter-box .row-filter {
  float: left;
  padding: 0 0 0;
}
.user-reportlis .row-filter-box .report-settop {
  float: left;
}
.user-reportlis .row-graph {
  margin-top: 20px;
}
.user-reportlis .row-grid {
  padding-bottom: 30px;
}
.user-reportlis .row-chartlis {
  padding: 0 24px;
}
.user-reportlis .row-chartlis .mod {
  height: 38px;
  line-height: 36px;
  border-radius: 4px;
  padding: 0 8px;
  margin-right: 10px;
  border: 1px solid #e8e8e8;
  display: inline-block;
  width: auto;
  text-align: center;
  cursor: pointer;
}
.user-reportlis .row-chartlis .mod i {
  margin-right: 8px;
  color: #ababab;
  vertical-align: middle;
  font-size: 22px;
}
.user-reportlis .row-chartlis .mod span {
  font-size: 14px;
  color: #ababab;
}
.user-reportlis .row-chartlis .mod:hover,
.user-reportlis .row-chartlis .mod.cur {
  color: #1878ff;
}
.user-reportlis .row-chartlis .mod:hover i,
.user-reportlis .row-chartlis .mod:hover span,
.user-reportlis .row-chartlis .mod.cur i,
.user-reportlis .row-chartlis .mod.cur span {
  color: #1878ff;
}
.user-reportlis .row-result {
  padding: 10px 20px 0;
  background: #fff;
}
.user-reportlis .row-result > div {
  font-size: 0;
}
.user-reportlis .row-result .sort-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #606060;
  display: inline-block;
  vertical-align: middle;
}
.user-reportlis .row-result .sort-icon.sort-icon-up:before {
  content: '';
}
.user-reportlis .row-result .sort-icon.sort-icon-down:before {
  content: '󦊹';
}
.user-reportlis .row-result ul {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.user-reportlis .row-result .clear-all {
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.user-reportlis .row-result li {
  margin-bottom: 10px;
  display: inline-block;
}
.user-reportlis .row-result a {
  padding: 0 10px;
  margin-right: 12px;
  line-height: 24px;
  border-radius: 5px;
  border: 1px solid #f6f5f5;
  color: #606060;
  display: inline-block;
}
.user-reportlis .row-result a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  margin-left: 5px;
  width: 10px;
  height: 24px;
  color: #b0b0b0;
  display: inline-block;
}
.user-reportlis .row-result a i:before {
  content: '';
}
.user-reportlis .row-result a:hover i {
  color: #1878ff;;
  transition: 0.5s;
  transform: rotate(360deg);
}
.user-reportlis .datetimepicker td,
.user-reportlis .datetimepicker th {
  line-height: 22px;
}
.newreport-userlis {
  margin-top: 10px;
}
.new-reportwarp .mod-addsummary {
  padding: 0;
}
.mod-addsummary .mod-cent {
  padding: 0;
}
.mod-addhead {
  padding: 20px 0;
}
.mod-addhead dl {
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-left: 70px;
  position: relative;
}
.mod-addhead dt {
  line-height: 32px;
  width: 60px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}
.mod-addhead .add-billselect {
  vertical-align: top;
  border: 1px solid #e5e6e7;
  border-radius: 5px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  color: #90d7f7;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 10px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.mod-addhead .add-billselect .addnew-icon {
  font-size: 10px;
  margin-right: 5px;
  margin-left: 0;
}
.mod-addhead .select-billlis {
  display: inline;
}
.mod-addhead .select-billlis .col-del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  width: 19px;
  height: 28px;
  line-height: 28px;
  z-index: 99;
  color: #f76464;
  top: -6px;
  right: -6px;
  position: absolute;
  visibility: hidden;
  cursor: pointer;
}
.mod-addhead .select-billlis .col-del:before {
  content: '';
}
.mod-addhead .select-billlis > div {
  padding: 0 14px;
  height: 30px;
  line-height: 30px;
  background: #f5fcff;
  border-radius: 5px;
  border: 1px solid #e5e6e7;
  max-width: 220px;
  vertical-align: top;
  margin: 5px 10px 5px 0;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-addhead .select-billlis > div .col-txts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.mod-addhead .select-billlis > div:hover .col-del {
  visibility: visible;
}
.mod-addhead .select-bill {
  display: inline;
  font-size: 0;
}
.mod-addhead .select-bill .operate {
  position: absolute;
  right: 0;
  top: 8px;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
.mod-addhead .select-bill .showbtn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #acacac;
  height: 30px;
  line-height: 30px;
}
.mod-addhead .select-bill .showbtn:before {
  content: '';
}
.mod-addhead .select-bill-box.cur {
  height: 38px;
  overflow: hidden;
}
.mod-addhead .select-bill-box.cur .showbtn:before {
  content: '';
}
.select-rfield-warp {
  zoom: 1;
}
.select-rfield-warp:after {
  content: '';
  display: block;
  clear: both;
}
.select-rfield-l {
  padding: 15px;
  display: inline-block;
  float: left;
  width: 300px;
  border-right: 1px solid #e8e8e8;
}
.select-rfield-l .report-billlis {
  width: 270px;
  margin: 0;
}
.select-rfield-l .nobill-txt {
  padding: 20px;
  text-align: center;
  color: #aeaeae;
}
.select-rfield-l .col-nav {
  height: 38px;
  line-height: 38px;
  padding: 0 13px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}
.select-rfield-l .col-nav:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 10px;
  color: #a8a8a8;
  content: '\e669';
}
.select-rfield-l .col-cent {
  padding: 9px 0;
  display: none;
  max-height: 178px;
  overflow: hidden;
  overflow-y: auto;
}
.select-rfield-l .col-cent .txt {
  width: 42%;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  border: 1px solid #eee;
  background: #fff;
  margin: 4px 4%;
  padding: 0 4px;
  cursor: move;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.select-rfield-l .col-cent .txt span {
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.select-rfield-l .col-cent .txt:hover {
  background: #e4f7ff;
}
.select-rfield-l .col-mod {
  border: 1px solid #eee;
  border-radius: 4px;
  margin-bottom: 10px;
}
.select-rfield-l .col-mod.cur .col-nav {
  background: #1878ff;
  color: #fff;
}
.select-rfield-l .col-mod.cur .col-nav:before {
  color: #fff;
  content: '\e632';
}
.select-rfield-l .col-mod.cur .col-cent {
  display: block;
}
.select-rfield-l .col-mod.cur .col-cent .addmore {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #66c9f4;
  font-size: 22px;
  cursor: pointer;
  vertical-align: middle;
}
.select-rfield-l .col-mod.cur .col-cent .addmore:before {
  content: '\e66d';
}
.select-rfield-r {
  width: calc(100% - 301px);
  display: inline-block;
  float: right;
}
.select-rfield-r .select-rfield {
  background: #fff;
  border-bottom: 1px solid #fff;
}
.export-report-alert {
  padding: 10px 20px 10px;
}
.export-report-alert .cent {
  margin-top: 10px;
  padding-bottom: 10px;
}
.export-report-alert .tit {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  margin-top: 10px;
}
.export-report-alert .comm-rdo-content {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.export-report-alert .comm-chk-content {
  display: inline-block;
  vertical-align: top;
}
.export-report-alert .check-row {
  padding: 5px 15px;
  width: 100%;
  min-height: 60px;
  margin-right: 10px;
  border-radius: 5px;
  border: solid 1px #f3f3f3;
}
.export-report-alert .check-row .comm-chk-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.export-report-alert .check-row .comm-chk-wrap .comm-label {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.export-report-alert .row-tabs {
  margin-bottom: 0;
  border-bottom: 1px solid #f3f3f3;
  padding: 5px 0 10px;
  position: relative;
  cursor: pointer;
}
.export-report-alert .row-tabs .col-nav {
  padding: 0 0 10px;
}
.export-report-alert .row-tabs .col-cent {
  display: none;
}
.export-report-alert .row-tabs .col-operate {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #b6b6b6;
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 20px;
}
.export-report-alert .row-tabs .col-operate:before {
  content: '';
}
.export-report-alert .row-tabs.cur .col-cent {
  display: block;
}
.export-report-alert .row-tabs.cur .col-operate {
  color: #35abdf;
}
.export-report-alert .row-tabs.cur .col-operate:before {
  content: '';
}
.bill-select-lot ul li {
  padding: 4px 18px 4px 30px;
}
.bill-select-lot ul li.actived {
  background-color: #fff;
  color: #606060;
}
.bill-select-lot ul li.actived:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 5px;
  left: 7px;
  font-size: 14px;
  display: inline-block;
  font-size: 18px;
  color: #61c7f4;
  text-align: center;
  content: '\e6a6';
}
.report-chart-main {
  margin: 20px;
}
.report-chart-main dl {
  position: relative;
  padding-left: 100px;
  margin-bottom: 20px;
  min-height: 32px;
}
.report-chart-main dt {
  width: 80px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 34px;
  text-align: right;
}
.report-chart-main dd {
  display: block;
}
.report-chart-main dd .btn-switch {
  padding-top: 2px;
}
.report-chart-main .type-select span {
  border: 1px solid #e8e8e8;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #ababab;
  border-radius: 5px;
  margin-right: 12px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.report-chart-main .type-select span:before {
  font-size: 18px;
}
.report-chart-main .type-select span:hover,
.report-chart-main .type-select span.cur {
  color: #55b8e4;
}
.report-chart-main .data-result {
  background: #fafbfc;
  border: 1px solid #e8e8e8;
  padding: 10px;
  margin-top: 10px;
  min-height: 100px;
  max-height: 187px;
  overflow-y: auto;
  border-radius: 5px;
}
.report-chart-main .data-result > div {
  background: #1878ff;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 10px;
  cursor: pointer;
  line-height: 20px;
}
.report-chart-main .data-result span {
  display: block;
  float: left;
}
.report-chart-main .data-result .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  width: 10px;
  margin-left: 3px;
  color: #fff;
  float: left;
  line-height: 21px;
  vertical-align: middle;
  display: block;
}
.report-chart-main .data-result .del:before {
  content: '';
}
.chart-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.chart-icon.chart-icon1:before {
  content: '';
}
.chart-icon.chart-icon2:before {
  content: '󦊺';
}
.chart-icon.chart-icon3:before {
  content: '';
}
.chart-icon.chart-icon4:before {
  content: '';
}
.chart-icon.chart-icon5:before {
  content: '';
}
.chart-icon.chart-icon6:before {
  content: '';
}
.chart-icon.chart-icon7 {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon7:before {
  content: '\e917';
}
.chart-icon.chart-icon8 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon8:before {
  content: '\e92c';
}
.chart-icon.chart-icon9 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon9:before {
  content: '\e92d';
}
.chart-icon.chart-icon10 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon10:before {
  content: '\e92f';
}
.chart-icon.chart-icon11 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon11:before {
  content: '\e930';
}
.chart-icon.chart-icon12 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon12:before {
  content: '\e931';
}
.chart-icon.chart-icon13:before {
  content: '';
}
.chart-icon.chart-icon14 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon14:before {
  content: '\eb48';
}
.chart-icon.chart-icon15 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon15:before {
  content: '\eb4c';
}
.chart-icon.chart-icon16 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon16:before {
  content: '\eb49';
}
.chart-icon.chart-icon17 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon17:before {
  content: '\ecc7';
}
.chart-icon.chart-icon18 {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
}
.chart-icon.chart-icon18:before {
  content: '\ecc6';
}
.chart-icon.chart-icon19 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.chart-icon.chart-icon19:before {
  content: '\e86d';
}
.chart-icon.chart-icon20 {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
}
.chart-icon.chart-icon20:before {
  content: '\ed56';
}
.engrid-lis-fixed {
  max-height: 431px;
  overflow: auto !important;
}
.engrid-lis-fixed .engrid-header {
  border-left: 0;
}
.engrid-lis-fixed .fixed-row {
  z-index: 10;
  word-break: keep-all;
  white-space: nowrap;
  display: inline-block;
}
.engrid-lis-fixed .fixed-row .header-mod {
  width: auto;
  min-width: auto;
}
.engrid-lis-fixed .fixed-row .header-mod:last-child {
  border-right: 1px solid #f4f4f2;
}
.engrid-lis-fixed .fixed-row .cell-main {
  background-color: #fafafa;
  width: auto;
  min-width: auto;
  vertical-align: top;
}
.engrid-lis-fixed .fixed-row .cell-main:last-child {
  border-right: 1px solid #f4f4f2;
}
.engrid-lis-fixed .engrid-header {
  z-index: 20;
}
.engrid-lis-fixed .engrid-header,
.engrid-lis-fixed .engrid-center {
  display: inline-block;
  width: 100%;
  position: relative;
}
.engrid-lis-fixed .flex-row {
  display: flex;
  width: 100%;
}
.engrid-lis-fixed .flex-row .header-mod,
.engrid-lis-fixed .flex-row .cell-main {
  flex-grow: 0;
  flex: 1;
}
.engrid-lis-fixed .flex-row .header-mod:first-child,
.engrid-lis-fixed .flex-row .cell-main:first-child {
  border-left: 0;
}
.engrid-lis-fixed .flex-row .header-mod:last-child,
.engrid-lis-fixed .flex-row .cell-main:last-child {
  flex: 0;
}
.engrid-lis-fixed .nodata {
  position: fixed;
}
.app-admin .mod-hasside .ibox-title {
  padding: 8px 15px;
}
.app-admin .mod-hasside h5 {
  line-height: 32px;
}
.btn-xs {
  padding: 4px 20px;
}
.standard-admin {
  margin-top: 10px;
}
.bill-admin-warp .nav-comm {
  padding-right: 206px;
}
.bill-admin-warp .nav-comm .pull-right {
  width: 180px;
}
.bill-admin-warp .nav-comm .pull-right > .btn {
  margin-right: 5px;
}
.bill-admin-warp .nav-comm .pull-right .add-bill,
.bill-admin-warp .nav-comm .pull-right > .btn {
  display: inline-block;
}
.basic-admin-warp,
.basic-add-warp,
.budget-admin,
.basic-data,
.flow-otherset,
.app-admin,
.row-transmission,
.detitem-range-row {
  margin-top: 10px;
}
.flow-ind .comm-back {
  position: fixed;
  right: 41px;
  top: -54px;
}
.report-dragplug-move {
  width: 240px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  border: 1px dashed #1878ff;;
  z-index: 299;
  overflow: hidden;
}
.report-dragplug-move span {
  vertical-align: middle;
  display: inline-block;
}
.formula-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #aeaeae;
  vertical-align: middle;
  margin-right: 2px;
  font-size: 20px;
}
.formula-icon:before {
  content: '\e69d';
}
.set-formula-btn {
  color: #ffa319;
  line-height: 34px;
  cursor: pointer;
}
.txt-hasdel {
  position: relative;
}
.txt-hasdel i.del-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  width: 40px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: -10px;
  right: -20px;
  z-index: 99;
  color: #db4040;
  visibility: hidden;
  cursor: pointer;
}
.txt-hasdel i.del-btn:before {
  content: '';
}
.txt-hasdel:hover i.del-btn {
  visibility: visible;
}
.comm-notice-alertmod .notice-txt {
  position: relative;
  margin-top: 20px;
  padding: 0 20px 0 48px;
}
.comm-notice-alertmod .notice-txt .cent {
  color: #606060;
  font-size: 14px;
  line-height: 24px;
}
.comm-notice-alertmod .notice-icon {
  position: absolute;
  width: 30px;
  left: 20px;
  top: 0;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1878ff;;
  font-size: 22px;
  line-height: 24px;
}
.comm-notice-alertmod .notice-icon:before {
  content: '';
}
.comm-notice-alertmod .notice-btn {
  padding: 22px;
  text-align: right;
}
.select-rfield-detailed .total-lis {
  padding-left: 10px;
}
.select-rfield-detailed .engrid-warp .engrid-header {
  word-break: keep-all;
  white-space: nowrap;
  min-width: 100%;
  display: flex;
  overflow: auto;
  overflow-y: hidden;
}
.select-rfield-detailed .engrid-warp .header-mod {
  border-top: 0;
  border-left: 1px solid #f4f4f2;
  min-width: 160px;
  flex: 1;
}
.select-rfield-detailed .engrid-warp .header-mod .col-txt {
  max-width: calc(100% - 64px);
}
.select-rfield-detailed .engrid-warp .header-mod.lock-cur {
  position: relative;
}
.select-rfield-detailed .engrid-warp .header-mod.lock-cur:after {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #cbcbcb;
  font-size: 18px;
  position: absolute;
  right: 8px;
  top: 0;
  content: '\e7c1';
}
.lock-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #cbcbcb;
  vertical-align: middle;
  margin-right: 2px;
  font-size: 20px;
  display: inline-block;
}
.lock-icon:before {
  content: '\e7c1';
}
.lock-add {
  font-size: 18px;
  cursor: pointer;
  margin-left: 5px;
}
.lock-add-warp {
  display: inline-block;
  position: relative;
}
.lock-add-warp .set-lock {
  visibility: hidden;
}
.lock-add-warp .set-lock {
  position: absolute;
  top: 24px;
  left: 0;
  border: 1px solid #fff;
  padding: 10px 0;
  background: none;
  height: 140px;
}
.lock-add-warp .set-lock .set-lock-w {
  width: 338px;
  height: 100px;
  border: 1px solid #eee;
  background-color: #fff;
  z-index: 298;
}
.lock-add-warp.cur .lock-add {
  color: #1878ff;
}
.lock-add-warp.cur .set-lock {
  visibility: visible;
}
.empty-notice {
  background: #f1fbff;
  height: 50px;
  text-align: center;
}
.empty-notice:after {
  text-align: center;
  line-height: 50px;
  content: '从左侧分类中，拖入字段到此处设计报表';
  position: relative;
  z-index: 299;
  font-size: 14px;
  width: 100%;
}
.pagination-group .btn {
  padding: 4px 10px;
  font-size: 14px;
}
.general-warp {
  margin-top: 10px;
}
.general-warp .general-topbar {
  background: #fff;
  border-radius: 5px 5px 0 0;
  min-height: 50px;
  background: #fff;
  border-bottom: 1px solid #ecf1f7;
}
.general-warp .general-topbar .col-tit {
  color: #1f2937;
  margin-left: 20px;
  line-height: 50px;
  font-size: 14px;
  font-weight: bold;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
}
.general-warp .general-topbar .col-btn {
  margin-top: 10px;
  margin-right: 10px;
}
.general-warp .general-topbar .interface-handle {
  display: inline-block;
}
.general-warp .row-filter {
  padding: 15px 20px 10px 20px;
  zoom: 1;
  background: #fff;
}
.general-warp .row-filter:after {
  content: '';
  display: block;
  clear: both;
}
.general-warp .row-filter .col {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.general-warp .row-filter .col .btn {
  padding: 4px 30px;
}
.general-warp .row-filter .col .tit {
  margin-right: 5px;
  font-size: 14px;
}
.general-warp .row-filter .col .tit,
.general-warp .row-filter .col > div {
  display: inline-block;
  vertical-align: middle;
}
.general-warp .row-filter .col .comm-chk-content {
  margin-top: 5px;
}
.general-warp .row-result {
  padding: 10px 20px 0;
}
.general-warp .row-result > div {
  font-size: 0;
}
.general-warp .row-result .sort-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  color: #606060;
}
.general-warp .row-result .sort-icon.sort-icon-up:before {
  content: '';
}
.general-warp .row-result .sort-icon.sort-icon-down:before {
  content: '󦊹';
}
.general-warp .row-result ul {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 14px;
}
.general-warp .row-result .clear-all {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: #1878ff;;
}
.general-warp .row-result li {
  display: inline-block;
  margin-bottom: 10px;
}
.general-warp .row-result a {
  display: inline-block;
  padding: 0 10px;
  margin-right: 12px;
  line-height: 24px;
  border-radius: 5px;
  border: 1px solid #f6f5f5;
  color: #606060;
}
.general-warp .row-result a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 24px;
  color: #b0b0b0;
}
.general-warp .row-result a i:before {
  content: '';
}
.general-warp .row-result a:hover i {
  color: #1878ff;;
  transition: 0.5s;
  transform: rotate(360deg);
}
.life-lisnav,
.life-lis,
.life-set {
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.life-lisnav {
  font-size: 0;
  display: flex;
}
.life-lisnav .col-tit {
  color: #606060;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
  border: 1px solid #eee;
  border-radius: 5px;
  cursor: pointer;
}
.life-lisnav .col-chart {
  height: 160px;
  width: 160px;
  margin: 0 auto;
  position: relative;
  margin-top: 22px;
}
.life-lisnav .chart-info {
  position: absolute;
  top: 50px;
  left: 10px;
  text-align: center;
  width: 140px;
}
.life-lisnav .chart-info p {
  margin-bottom: 0;
  line-height: 30px;
}
.life-lisnav .chart-info p:first-child {
  font-size: 14px;
  color: #1f2937;
}
.life-lisnav .chart-info .notice-cur {
  color: #12b7f5;
}
.life-lisnav .chart-info .price-cur {
  text-decoration: underline;
}
.life-lisnav .col-lis {
  margin-top: 14px;
}
.life-lisnav .col-lis p {
  font-size: 14px;
  color: #606060;
  line-height: 26px;
  margin-bottom: 0;
}
.life-lisnav dl {
  margin-bottom: 0;
  display: inline-block;
  flex: 1;
  font-size: 14px;
  text-align: center;
  padding: 30px 0;
}
.life-lisnav dl.cur {
  background: #f1fbff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.life-lisnav dl.cur .col-tit {
  border: 1px solid #f1fbff;
  color: #1878ff;
}
.life-times .stress-cur {
  border-radius: 30px;
  border: 1px solid #1878ff;
  color: #1878ff;
  font-size: 14px;
  line-height: 32px;
  padding: 0 6px;
  margin-left: 10px;
}
.life-set {
  padding-bottom: 30px;
}
.life-set .icon-addmore {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #cecece;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.life-set .icon-addmore:before {
  content: '';
}
.life-set > dl {
  margin-bottom: 0;
  border-bottom: 1px solid #ecf1f7;
  padding: 20px;
}
.life-set > dl:last-child {
  border-bottom: 0;
}
.life-set > dl > dt {
  margin-bottom: 10px;
  line-height: 30px;
}
.life-set .col-tit {
  font-size: 14px;
  color: #1f2937;
}
.life-set .col-txt {
  display: inline-block;
  vertical-align: middle;
  color: #606060;
  font-size: 14px;
}
.life-set .col-info {
  color: #aeaeae;
  font-size: 14px;
}
.life-set .col-input-xs {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 5px;
}
.life-set .col-result {
  margin: 30px 0 0 0;
  zoom: 1;
}
.life-set .col-result:after {
  content: '';
  display: block;
  clear: both;
}
.life-set .col-result dl {
  position: relative;
  padding-right: 10px;
  cursor: pointer;
  display: inline-block;
}
.life-set .col-result dt {
  position: relative;
  width: 80px;
  display: block;
}
.life-set .col-result dt strong {
  width: 40px;
  height: 40px;
  display: block;
  margin: 5px auto;
  overflow: hidden;
  line-height: 40px;
}
.life-set .col-result dt strong img,
.life-set .col-result dt strong .ui-head {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.life-set .col-result dd {
  width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.life-set .col-result .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #db4040;
  font-size: 18px;
  color: #db4040;
  position: absolute;
  right: 10px;
  top: -10px;
  cursor: pointer;
  visibility: hidden;
}
.life-set .col-result .del:before {
  content: '';
}
.life-set .col-result dl:hover .del {
  visibility: visible;
}
.life-lis .engrid-warp .header-mod,
.life-lis .engrid-center .cell-main {
  height: 45px;
  line-height: 45px;
}
.life-lis .engrid-center .cell-main:first-child i {
  height: 34px;
  width: 34px;
  line-height: 34px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.life-lis .engrid-center .cell-main:first-child span {
  height: 45px;
  display: inline-block;
  vertical-align: middle;
}
.life-lis .engrid-center .cell-main:first-child .icon-modplane {
  background: #12b7f5;
}
.life-lis .engrid-center .cell-main:first-child .icon-modhotel {
  background: #f7bf2a;
}
.life-lis .engrid-center .cell-main:first-child .icon-modcarrental,
.life-lis .engrid-center .cell-main:first-child .icon-modinspectticket {
  background: #4fd2c2;
}
.life-lis .engrid-center .cell-main:first-child .icon-modtrain {
  background: #40a9e4;
}
.life-lis .engrid-center .cell-main:first-child .icon-modmsg,
.life-lis .engrid-center .cell-main:first-child .icon-modocr,
.life-lis .engrid-center .cell-main:first-child .icon-modcarrental1 {
  background: #fd9a4a;
}
.life-lis .engrid-center .cell-main:first-child .icon-modbaiwang,
.life-lis .engrid-center .cell-main:first-child .iconsys51 {
  background: #73ade8;
}
.life-lis .engrid-center .cell-main:first-child .icon-modaerospace {
  background: #ff7e66;
}
.life-lis .engrid-center .cell-main:first-child .icon-modhangtian {
  background: #b371d0;
}
.life-lis .engrid-center .cell-main:first-child .icon-mailbox {
  background: #12b7f5;
}
.life-lis .recharge-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #1878ff;;
}
.life-lis .recharge-btn:before {
  content: '\e762';
}
.life-lis .set-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #4fd2c2;
}
.life-lis .set-btn:before {
  content: '\e757';
}
.life-lis .engrid-center .engrid-row span {
  display: inline-block;
  vertical-align: middle;
}
.fund-management .engrid-main .engrid-row:hover .cell-main:first-child {
  color: #1f2937;
}
.fund-management .engrid-main .engrid-row:hover .cell-main {
  color: #1878ff;;
}
.life-liswrap .life-view {
  padding: 20px 0;
}
.life-view {
  background: #fff;
}
.life-view .life-viewnav {
  font-size: 0;
  padding: 0 20px;
}
.life-view .life-viewnav .tit-txts {
  line-height: 30px;
}
.life-view .life-viewnav .num-txts {
  font-size: 16px;
}
.life-view .life-viewnav .col-mod {
  width: 230px;
  height: 94px;
  border: 1px solid #f3f3f3;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
  padding: 18px;
  font-size: 14px;
  margin-right: 10px;
  border-radius: 5px;
  color: #606060;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
}
.life-view .life-viewnav .col-mod.cur {
  background: #1878ff;;
  border: 1px solid #1878ff;;
  color: #fff;
}
.life-view .life-viewnav .col-mod .temps-handle {
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
}
.life-view .life-viewnav .col-mod .temps-handle .mods {
  color: #1878ff;
}
.life-view .life-viewnav .col-mod .temps-handle .icon-life-edit {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 14px;
  margin-right: 5px;
}
.life-view .life-viewnav .col-mod .temps-handle .icon-life-edit:before {
  content: '';
}
.life-view .life-viewnav .col-mod .temps-handle .icon-life-recharge {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 14px;
  margin-right: 5px;
}
.life-view .life-viewnav .col-mod .temps-handle .icon-life-recharge:before {
  content: '';
}
.life-view .life-viewnav .col-mod .temps-handle .icon-life-set {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 14px;
  margin-right: 5px;
}
.life-view .life-viewnav .col-mod .temps-handle .icon-life-set:before {
  content: '';
}
.life-view .life-viewcent {
  font-size: 0;
  padding: 0 20px 20px;
}
.life-view .life-viewcent .col-mod {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 30%;
  margin: 10px 1% 0 0;
  display: inline-block;
  line-height: 24px;
  vertical-align: top;
  font-size: 14px;
}
.life-viewlis .row-maintit {
  padding: 10px 20px;
  line-height: 30px;
}
.life-viewlis .row-maintit .tits {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.life-viewlis .engrid-warp .engrid-lis {
  padding-bottom: 10px;
  min-height: 345px;
}
.supergeneral-warp .general-topbar .search-lot-new {
  vertical-align: top;
}
.supergeneral-warp .general-topbar .search-lot-new .search-lot-select,
.supergeneral-warp .general-topbar .search-lot-new .search-lot,
.supergeneral-warp .general-topbar .search-lot-new .select-ele {
  width: 196px;
}
.publis-wrap .del-btn,
.publis-wrap .edit-btn,
.publis-wrap .disable-btn,
.publis-wrap .enable-btn,
.publis-wrap .details-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
}
.publis-wrap .del-btn {
  color: #f54646;
}
.publis-wrap .del-btn:before {
  content: '';
}
.publis-wrap .enable-btn {
  color: #1878ff;
}
.publis-wrap .enable-btn:before {
  content: '';
}
.publis-wrap .disable-btn {
  color: #a9a8a8;
}
.publis-wrap .disable-btn:before {
  content: '';
}
.publis-wrap .edit-btn {
  color: #1878ff;;
}
.publis-wrap .edit-btn:before {
  content: '';
}
.publis-wrap .details-btn {
  color: #1878ff;;
}
.publis-wrap .details-btn:before {
  content: '';
}
.publis-wrap .edit-tr {
  visibility: hidden;
}
.publis-wrap .engrid-row:hover .edit-tr {
  visibility: visible;
}
.publis-wrap .search-lot-new {
  display: inline-block;
  vertical-align: top;
}
.cell-imgwhit {
  position: relative;
}
.cell-imgwhit > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: calc(100% - 30px);
  display: inline-block;
  vertical-align: middle;
}
.cell-imgwhit .icon-imgwith {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #ababab;
  font-size: 22px;
}
.cell-imgwhit .icon-imgwith:before {
  content: '';
}
.check-worklis {
  position: relative;
}
.check-worklis .row-filter {
  padding: 10px 20px;
}
.check-worklis .row-handle {
  position: absolute;
  top: -37px;
  right: 45px;
}
.row-gridresult {
  padding: 0 24px 10px;
}
.row-gridresult .sort-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #606060;
  display: inline-block;
  vertical-align: middle;
}
.row-gridresult .sort-icon.sort-icon-up:before {
  content: '';
}
.row-gridresult .sort-icon.sort-icon-down:before {
  content: '󦊹';
}
.row-gridresult ul {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
.row-gridresult .clear-all {
  color: #1878ff;;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.row-gridresult li {
  margin-bottom: 8px;
  display: inline-block;
}
.row-gridresult a {
  padding: 0 10px;
  margin-right: 12px;
  line-height: 24px;
  border-radius: 5px;
  border: 1px solid #f6f5f5;
  color: #606060;
  display: inline-block;
}
.row-gridresult a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  margin-left: 5px;
  width: 10px;
  height: 24px;
  color: #b0b0b0;
  display: inline-block;
}
.row-gridresult a i:before {
  content: '';
}
.row-gridresult a:hover i {
  color: #1878ff;;
  transition: 0.5s;
  transform: rotate(360deg);
}
.select-reportdata-alert {
  padding: 10px 20px;
}
.select-reportdata-alert .select-reportdata {
  min-height: 200px;
}
.select-reportdata-alert .select-reportdata .comm-rdo-content,
.select-reportdata-alert .select-reportdata .comm-chk-content {
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 30%;
}
.select-reportdata-alert .select-reportdata .row-mods {
  margin-bottom: 10px;
}
.select-reportdata-alert .col-tits {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  padding: 0 0 10px;
}
.select-reportdata-alert .comm-chk-wrap .comm-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 140px;
}
.select-summarydata-alert {
  padding: 0px 20px;
}
.select-summarydata-alert .select-reportdata {
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  min-height: 400px;
}
.select-summarydata-alert .select-reportdata .comm-rdo-content,
.select-summarydata-alert .select-reportdata .comm-chk-content {
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 23%;
}
.select-summarydata-alert .select-reportdata .row-tit {
  padding: 10px;
  min-height: 34px;
}
.select-summarydata-alert .select-reportdata .row-main {
  padding: 10px;
  max-height: 400px;
  overflow-y: auto;
}
.select-summarydata-alert .select-reportdata .row-mods {
  margin-bottom: 10px;
}
.select-summarydata-alert .col-tits {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  padding: 0 0 10px;
}
.select-summarydata-alert .comm-chk-wrap .comm-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 140px;
}
.select-summarydata-alert .engrid-bot {
  padding: 0;
}
.select-summarydata-alert .engrid-bot .total-num {
  color: #aeaeae;
}
.select-summarydata-alert .engrid-bot .total-num span {
  color: #1878ff;
}
.summary-field {
  font-size: 0;
  background: #fff;
  position: relative;
}
.summary-field .col-grid {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  width: 50%;
}
.summary-field .grid-mod {
  width: 100%;
  min-height: 40px;
  border: 1px dashed #b5e8fe;
  text-align: center;
  line-height: 40px;
  position: relative;
}
.summary-field .set-filter {
  cursor: pointer;
}
.summary-field .set-filter .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  width: 20px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: -10px;
  right: -6px;
  z-index: 99;
  color: #f76464;
  visibility: hidden;
  cursor: pointer;
}
.summary-field .set-filter .del:before {
  content: '';
}
.summary-field .set-filter .field-item {
  position: relative;
}
.summary-field .set-filter .field-item:hover {
  background: #f7f7f7;
}
.summary-field .set-filter .field-item:hover .del {
  visibility: visible;
}
.summary-field .set-filter.cur .field-item {
  background: #f7f7f7;
}
.summary-field .grid-notice {
  line-height: 40px;
  color: #aeaeae;
  font-size: 14px;
  background: #f6fafd;
  flex: 1;
}
.summary-field .grid-mod-col {
  font-size: 0;
  display: flex;
  background: #f6fafd;
  height: auto;
}
.summary-field .grid-mod-col .set-filter {
  font-size: 14px;
  vertical-align: top;
  flex: 1;
  background: #f6fafd;
  border-left: 1px dashed #b5e8fe;
}
.summary-field .grid-mod-col .set-filter:first-child {
  border-left: 0;
}
.summary-field .grid-mod-col .field-item {
  width: 100%;
  height: auto;
}
.summary-field .grid-mod-col .txts {
  width: 100%;
  height: auto;
}
.summary-field .grid-mod-col .grid-notice {
  line-height: inherit;
}
.summary-field .grid-mod-row {
  background: #f6fafd;
  border-left: 0;
  border-bottom: 0;
}
.summary-field .grid-mod-row .set-filter {
  background: #f6fafd;
  border-top: 1px dashed #b5e8fe;
}
.summary-field .grid-mod-row .set-filter:first-child {
  border-top: 0;
}
.summary-field .grid-mod-summary {
  border: 1px dashed #b5e8fe;
  display: flex;
  border-left: 0;
}
.summary-field .grid-mod-summary .set-filter {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  flex: 1;
  background: #fff;
  border-left: 1px dashed #b5e8fe;
}
.summary-field .grid-mod-summary .set-filter:first-child {
  border-left: 0;
}
.summary-field .grid-mod-summary .grid-notice {
  background: #f0f7fd;
}
.report-query {
  margin-top: 10px;
}
.berelated-set-result dl {
  margin-bottom: 0;
  margin-top: 10px;
}
.berelated-set-result .col-notice {
  color: #cdcdcd;
}
.berelated-set-result dt {
  padding: 0 0 10px;
}
.berelated-set-result dt .col-tit {
  display: inline-block;
  vertical-align: middle;
}
.berelated-set-result .mod {
  line-height: 38px;
  border: 1px solid #f3f3f3;
  border-top: 0;
  position: relative;
  padding-left: 110px;
  margin-bottom: 0;
}
.berelated-set-result .mod:first-child {
  border-top: 1px solid #f3f3f3;
  padding-left: 0;
}
.berelated-set-result .col-tit,
.berelated-set-result .col-txt,
.berelated-set-result .col-name {
  vertical-align: top;
  font-size: 14px;
  display: inline-block;
}
.berelated-set-result .col-tit {
  padding: 0 10px;
}
.berelated-set-result .col-txt {
  display: inline-block;
  padding: 0 10px;
}
.berelated-set-result .col-name {
  background: #f6fafd;
  width: 110px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  border-right: 1px solid #f3f3f3;
  line-height: 37px;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.berelated-set-result .del-btn,
.berelated-set-result .edit-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.berelated-set-result .del-btn {
  color: #f54646;
}
.berelated-set-result .del-btn:before {
  content: '';
}
.berelated-set-result .edit-btn {
  color: #1878ff;;
}
.berelated-set-result .edit-btn:before {
  content: '';
}
.berelated-set-result .col-add {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #c8c8c8;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.berelated-set-result .col-add:before {
  content: '';
}
.berelated-set-result .col-handle {
  position: absolute;
  right: 10px;
  top: 0;
  visibility: hidden;
}
.berelated-set-result dd {
  margin-top: 10px;
  background: #fff;
  width: 100%;
  position: relative;
  display: block;
}
.berelated-set-result dd:hover .col-handle {
  visibility: visible;
}
.berelated-set-result .ui-sortable {
  padding: 30px 0;
  min-height: 300px;
  position: relative;
}
.berelated-set-result .icon-megarelat {
  margin: 0 10px;
  color: #ababab;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}
.appchart-set-result dl {
  margin-bottom: 10px;
  padding-left: 90px;
  position: relative;
}
.appchart-set-result dt {
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 32px;
}
.appchart-set-result .type-select span {
  border: 1px solid #e8e8e8;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #ababab;
  border-radius: 5px;
  margin-right: 12px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.appchart-set-result .type-select span:before {
  font-size: 18px;
}
.appchart-set-result .type-select span:hover,
.appchart-set-result .type-select span.cur {
  color: #1878ff;
}
.appchart-set-result .data-result {
  background: #fafbfc;
  border: 1px solid #e8e8e8;
  padding: 10px;
  margin-top: 10px;
  min-height: 100px;
  max-height: 187px;
  overflow-y: auto;
  border-radius: 5px;
}
.appchart-set-result .data-result > div {
  background: #1878ff;;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 10px;
  cursor: pointer;
  line-height: 20px;
}
.appchart-set-result .data-result span {
  display: block;
  float: left;
}
.appchart-set-result .data-result .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  width: 10px;
  margin-left: 3px;
  color: #fff;
  float: left;
  line-height: 21px;
  vertical-align: middle;
  display: block;
}
.appchart-set-result .data-result .del:before {
  content: '';
}
.report-appchart {
  padding-bottom: 40px;
}
.report-appchart .showbtn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 8px;
  color: #aeaeae;
  font-size: 19px;
}
.report-appchart .showbtn:before {
  content: '';
}
.report-appchart.cur {
  height: 32px;
  overflow: hidden;
}
.report-appchart.cur .showbtn:before {
  content: '';
}
.berelated-add {
  padding: 10px 20px;
  min-height: 32px;
}
.berelated-add .btn-handle {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  border: 0;
  outline: 0;
  background: none;
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
}
.berelated-add .add-btn {
  color: #1878ff;;
}
.berelated-add .add-btn:before {
  content: '';
}
.berelated-add .del-btn {
  color: #f54646;
}
.berelated-add .del-btn:before {
  content: '';
}
.berelated-add dl {
  padding-left: 64px;
  min-height: 40px;
  position: relative;
  margin-bottom: 10px;
}
.berelated-add dl:last-child {
  border-top: 1px solid #f3f3f3;
  padding-top: 10px;
}
.berelated-add dt {
  min-height: 32px;
  line-height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}
.berelated-add dd {
  margin-bottom: 10px;
}
.berelated-add dd .comm-rdo-content,
.berelated-add dd .comm-chk-content {
  margin-right: 10px;
  margin-top: 6px;
  display: inline-block;
  vertical-align: middle;
}
.berelated-add .row-handle {
  width: 68px;
  display: inline-block;
  vertical-align: middle;
}
.berelated-add .berelated-mod .col-main,
.berelated-add .berelated-mod .mod-box,
.berelated-add .berelated-mod .icon-megarelat {
  display: inline-block;
  vertical-align: middle;
}
.berelated-add .berelated-mod .icon-megarelat {
  margin: 0 5px;
  color: #aeaeae;
}
.berelated-add .berelated-mod .mod-box {
  width: 240px;
}
.berelated-add .berelated-mod .mod {
  margin-bottom: 10px;
}
.berelated-add .berelated-mod .mod:hover .btn-handle {
  visibility: visible;
}
.berelated-add .berelated-mod .mod:first-child .del-btn {
  display: none;
}
.berelated-add .berelated-sele {
  width: 515px;
}
.berelated-add .col-cent {
  min-height: 380px;
}
.ratioset-alert {
  padding: 10px;
  min-height: 300px;
  position: relative;
}
.ratioset .mod-form dl {
  margin-bottom: 10px;
}
.ratioset .mod-form dt {
  width: 80px;
  text-align: right;
  padding-right: 10px;
}
.ratioset .helplinks {
  position: absolute;
  top: -36px;
  right: 45px;
}
.ratioset .help-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #b3b3b3;
  font-size: 22px;
  cursor: pointer;
}
.ratioset .help-btn:before {
  content: '';
}
.city-setbox .del-btn,
.city-setbox .edit-btn,
.city-setbox .disable-btn,
.city-setbox .enable-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
}
.city-setbox .del-btn {
  color: #f54646;
}
.city-setbox .del-btn:before {
  content: '';
}
.city-setbox .enable-btn {
  color: #1878ff;
}
.city-setbox .enable-btn:before {
  content: '';
}
.city-setbox .disable-btn {
  color: #a9a8a8;
}
.city-setbox .disable-btn:before {
  content: '';
}
.city-setbox .edit-btn {
  color: #1878ff;;
}
.city-setbox .edit-btn:before {
  content: '';
}
.city-setbox .relate-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 20px;
  margin: 0 3px;
  color: #4fd2c2;
}
.city-setbox .relate-btn:before {
  content: '';
}
.city-setbox .edit-tr {
  visibility: hidden;
}
.city-setbox .engrid-row:hover .edit-tr {
  visibility: visible;
}
.city-setbox .disable-cur {
  background: #fbfbfb;
  color: #cdcdcd;
  position: relative;
}
.city-setbox .disable-cur:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #feed5f;
  position: absolute;
  top: 8px;
  left: 1px;
  font-size: 14px;
  content: '';
}
.citylis-set-alert {
  padding: 0 20px 10px 20px;
  min-height: 200px;
}
.citylis-set-alert .citylis-set dl {
  margin-bottom: 10px;
}
.citylis-set-alert .citylis-set .col-notice {
  color: #f35959;
  font-size: 20px;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  font-family: 'Microsoft yahei' !important;
  padding-right: 5px;
}
.citylis-set-alert .citylis-set .col-notice:before {
  content: '*';
}
.citylis-set-alert .citylis-set dt {
  width: 100px;
  text-align: right;
  padding-right: 10px;
}
.citylis-set-alert .citylis-set-coop dt {
  width: 98px;
}
.attend-report {
  background: #fff;
  position: relative;
}
.attend-report .annular-chart {
  position: relative;
}
.attend-report .annular-chart .main-num {
  position: absolute;
  left: 50%;
  width: 150px;
  margin-left: -75px;
  top: 47%;
  font-size: 14px;
  color: #1f2937;
  text-align: center;
  margin-bottom: 0;
}
.attend-report .annular-chart .tits {
  margin-bottom: 0;
}
.attend-report .row-filter {
  padding: 15px 20px 10px;
}
.attend-report .row-filter .col-mod {
  min-height: 32px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.attend-report .row-filter .col-mod .col-tits {
  line-height: 32px;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.attend-report .row-filter .col-mod .col-cents {
  display: inline-block;
  vertical-align: top;
}
.attend-report .row-filter .report-settop {
  display: inline-block;
  vertical-align: top;
}
.attend-report .row-countlis {
  padding: 0 20px;
  position: absolute;
  top: 80px;
  left: 0;
}
.attend-report .row-countlis .col-mod {
  margin-bottom: 10px;
}
.attend-report .row-countlis .col-mod:before {
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  background: #1878ff;
  margin-right: 10px;
  content: '';
  border-radius: 50%;
}
.attend-report .row-treegrid {
  margin-top: 10px;
}
.attend-report .row-treegrid .treegrid-head .cell-mod {
  padding: 0 10px;
}
.attend-report .row-chartlis {
  padding: 0 24px;
}
.attend-report .row-chartlis .mod {
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid #e8e8e8;
  display: inline-block;
  width: auto;
  text-align: center;
  cursor: pointer;
}
.attend-report .row-chartlis .mod i {
  margin-right: 5px;
  color: #1878ff;;
  vertical-align: middle;
  font-size: 18px;
}
.attend-report .row-chartlis .mod span {
  font-size: 14px;
  color: #606060;
}
.attend-report .row-chartlis .mod:hover,
.attend-report .row-chartlis .mod.cur {
  background: #1878ff;;
}
.attend-report .row-chartlis .mod:hover i,
.attend-report .row-chartlis .mod:hover span,
.attend-report .row-chartlis .mod.cur i,
.attend-report .row-chartlis .mod.cur span {
  color: #fff;
}
.attend-report .row-chartlis .right-btn {
  float: right;
}
.attend-report .row-chartlis .right-btn .icon-other {
  font-family: 'newfont1' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 26px;
  color: #1878ff;;
  cursor: pointer;
}
.attend-report .row-chartlis .right-btn .icon-other:before {
  content: '\e64e';
}
.attend-report .row-datanum {
  display: flex;
  padding: 10px 20px;
  background: #f6fafd;
}
.attend-report .row-datanum .col {
  flex: 1;
  color: #1878ff;;
  text-align: center;
}
.attend-report .row-datanum p {
  margin-bottom: 5px;
}
.mod-treegrid {
  margin: 0 auto;
  position: relative;
}
.mod-treegrid .engrid-setcol {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  width: 60px;
  height: 41px;
  line-height: 41px;
  position: absolute;
  right: 0;
  top: 0;
  color: #bebebe;
  background: #f6fafd;
  z-index: 30;
  border-left: 1px solid #f5f5f5;
  cursor: pointer;
  text-align: center;
}
.mod-treegrid .engrid-setcol:before {
  content: '';
}
.mod-treegrid > dl {
  overflow-x: auto;
  width: 100%;
  padding-bottom: 10px;
  min-height: 360px;
}
.mod-treegrid > dl::-webkit-scrollbar {
  height: 8px;
}
.mod-treegrid > dl::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.mod-treegrid > dl::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.mod-treegrid > dl::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.mod-treegrid > dl::-webkit-scrollbar,
.mod-treegrid > dl::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.mod-treegrid > dl::-webkit-scrollbar-button {
  width: 0;
}
.mod-treegrid .cell-main {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.mod-treegrid .cell-icon {
  width: 20px;
  height: 36px;
  line-height: 39px;
  display: inline-block;
  vertical-align: top;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 16px;
  color: #b0b0b0;
  transition: 0.2s ease-in-out;
}
.mod-treegrid .cell-icon.cell-open:before {
  content: '';
}
.mod-treegrid .cell-icon.cell-close:before {
  content: '';
}
.mod-treegrid .cell-mod {
  flex: 1;
  position: relative;
  height: 38px;
  line-height: 38px;
  border-left: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  min-width: 130px;
}
.mod-treegrid .cell-mod .cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  color: #606060;
  cursor: pointer;
}
.mod-treegrid .row-lis {
  display: flex;
  background: #fff;
  cursor: pointer;
}
.mod-treegrid .row-lis:hover .cell-mod {
  background: #f7f7f7;
}
.mod-treegrid .row-lis .cell-level {
  width: 320px;
  text-align: left;
  min-width: 320px;
}
.mod-treegrid .row-lis .cell-mod:first-child .cell-main {
  display: flex;
}
.mod-treegrid .col-main .comm-chk-content {
  margin: 4px 0 0 0;
  display: inline-block;
}
.mod-treegrid .cell-main .comm-chk-content {
  margin: 4px 0 0 0;
  display: inline-block;
}
.mod-treegrid .treegrid-head {
  display: flex;
  background: #f6fafd;
}
.mod-treegrid .treegrid-head .cell-mod {
  flex: 1;
  background: #f6fafd;
  height: 42px;
  line-height: 42px;
  color: #606060;
  border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  min-width: 130px;
}
.mod-treegrid .treegrid-head .cell-mod.cell-level {
  min-width: 320px;
  text-align: left;
}
.mod-treegrid .treegrid-head .col-main {
  padding: 0 10px;
  font-size: 0;
  cursor: pointer;
}
.mod-treegrid .col-sort {
  width: 10px;
  height: 20px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
}
.mod-treegrid .col-sort.sort-default {
  background: url('../images/sort-triangle.png?4936') no-repeat 0 6px;
}
.mod-treegrid .col-sort.sort-up {
  background-position: -20px 6px;
}
.mod-treegrid .col-sort.sort-down {
  background-position: -40px 6px;
}
.mod-treegrid .col-filter {
  display: inline-block;
  vertical-align: middle;
  color: #cbcbcb;
}
.mod-treegrid .col-filter.filter-default {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  float: right;
  font-size: 18px;
  width: 20px;
  line-height: 40px;
  vertical-align: middle;
}
.mod-treegrid .col-filter.filter-default:before {
  content: '';
}
.mod-treegrid .col-filter:hover {
  color: #5cc5f3;
}
.mod-treegrid .treegrid-head .cell-mod .col-sort,
.mod-treegrid .treegrid-head .cell-mod .col-filter {
  visibility: hidden;
}
.mod-treegrid .treegrid-head .cell-mod:hover .col-sort,
.mod-treegrid .treegrid-head .cell-mod:hover .col-filter {
  visibility: visible;
}
.mod-treegrid .treegrid-head .col-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 40px;
  max-width: calc(100% - 42px);
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  font-size: 14px;
}
.mod-treegrid .search-lot {
  width: auto;
}
.mod-treegrid .search-lot-cent {
  top: -2px;
}
.mod-treegrid .ser-left .search-lot-cent {
  left: -10px;
  right: auto;
}
.mod-treegrid .ser-right .search-lot-cent {
  right: 0;
}
.mod-treegrid .treegrid-cent .cell-main {
  padding: 0 10px;
}
.mod-treegrid .treegrid-cent .cell-main .cell {
  display: block;
}
.mod-treegrid .treegrid-cent .cell-level .cell {
  display: inline-block;
}
.mod-treegrid .edit-tr {
  padding: 0 10px;
}
.row-lis-group {
  display: none;
}
.row-lis-group > .row-lis > .cell-level > .cell-main {
  padding-left: 20px;
}
.row-lis-group > .row-lis-group > .row-lis > .cell-level > .cell-main {
  padding-left: 35px;
}
.row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis
  > .cell-level
  > .cell-main {
  padding-left: 50px;
}
.row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis
  > .cell-level
  > .cell-main {
  padding-left: 65px;
}
.row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis
  > .cell-level
  > .cell-main {
  padding-left: 80px;
}
.row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis
  > .cell-level
  > .cell-main {
  padding-left: 95px;
}
.row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis
  > .cell-level
  > .cell-main {
  padding-left: 110px;
}
.row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis
  > .cell-level
  > .cell-main {
  padding-left: 125px;
}
.row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis-group
  > .row-lis
  > .cell-level
  > .cell-main {
  padding-left: 140px;
}
.clr-clickable {
  color: #1878ff !important;
}
.clr-negative {
  color: #f35d5e !important;
}
.clr-warning {
  color: #f35d5e;
}
.clr-success {
  color: #67c23a;
}
.clr-info {
  color: #aeaeae;
}
.bg-warning {
  background-color: #f35d5e;
}
.bg-success {
  background-color: #67c23a;
}
.bg-info {
  background-color: #aeaeae;
}
.commgrid-box-alert,
.commgrid-alert {
  padding-bottom: 10px;
  position: relative;
}
.commgrid-box-alert .engrid-main,
.commgrid-alert .engrid-main {
  padding-top: 10px;
}
.commgrid-box-alert .row-result,
.commgrid-alert .row-result {
  padding: 10px 20px 0;
}
.commgrid-box-alert .row-result > div,
.commgrid-alert .row-result > div {
  font-size: 0;
}
.commgrid-box-alert .row-result .sort-icon,
.commgrid-alert .row-result .sort-icon {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  color: #606060;
}
.commgrid-box-alert .row-result .sort-icon.sort-icon-up:before,
.commgrid-alert .row-result .sort-icon.sort-icon-up:before {
  content: '';
}
.commgrid-box-alert .row-result .sort-icon.sort-icon-down:before,
.commgrid-alert .row-result .sort-icon.sort-icon-down:before {
  content: '󦊹';
}
.commgrid-box-alert .row-result ul,
.commgrid-alert .row-result ul {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 14px;
}
.commgrid-box-alert .row-result .clear-all,
.commgrid-alert .row-result .clear-all {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: #1878ff;;
}
.commgrid-box-alert .row-result li,
.commgrid-alert .row-result li {
  display: inline-block;
  margin-bottom: 10px;
}
.commgrid-box-alert .row-result a,
.commgrid-alert .row-result a {
  display: inline-block;
  padding: 0 10px;
  margin-right: 12px;
  line-height: 24px;
  border-radius: 5px;
  border: 1px solid #f6f5f5;
  color: #606060;
}
.commgrid-box-alert .row-result a i,
.commgrid-alert .row-result a i {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 24px;
  color: #b0b0b0;
}
.commgrid-box-alert .row-result a i:before,
.commgrid-alert .row-result a i:before {
  content: '';
}
.commgrid-box-alert .row-result a:hover i,
.commgrid-alert .row-result a:hover i {
  color: #1878ff;;
  transition: 0.5s;
  transform: rotate(360deg);
}
.commgrid-box-alert .addbtn-box,
.commgrid-alert .addbtn-box {
  padding: 0 10px;
}
.commgrid-box-alert .row-btn,
.commgrid-alert .row-btn {
  position: absolute;
  top: -37px;
  right: 45px;
}
.commgrid-box-alert .row-btn .iconbtn,
.commgrid-alert .row-btn .iconbtn {
  display: inline-block;
  vertical-align: top;
}
.commgrid-box-alert .row-btn .search-lot-new,
.commgrid-alert .row-btn .search-lot-new {
  display: inline-block;
  vertical-align: middle;
}
.commgrid-operation-alert .funnum-set {
  display: flex;
}
.commgrid-operation-alert .funnum-set > .form-control {
  display: inline-block;
  vertical-align: middle;
}
.commgrid-operation-alert .funnum-set > span {
  margin: 0 5px;
}
.commgrid-operation-alert .cell-main > .form-control,
.commgrid-operation-alert .cell-main .bill-select,
.commgrid-operation-alert .cell-main .drop-ele > .form-control,
.commgrid-operation-alert .cell-main .funnum-set > .form-control {
  border: 1px solid #fff;
}
.commgrid-operation-alert .cell-main .bill-select p span,
.commgrid-operation-alert .cell-main .drop-ele:after {
  display: none;
}
.commgrid-operation-alert .cell-main .funnum-set > span {
  visibility: hidden;
}
.commgrid-operation-alert .engrid-row:hover .cell-main > .form-control,
.commgrid-operation-alert .engrid-row:hover .cell-main .bill-select,
.commgrid-operation-alert
  .engrid-row:hover
  .cell-main
  .drop-ele
  > .form-control,
.commgrid-operation-alert
  .engrid-row:hover
  .cell-main
  .funnum-set
  > .form-control {
  border: 1px solid #eee;
}
.commgrid-operation-alert .engrid-row:hover .cell-main .funnum-set > span {
  visibility: visible;
}
.commgrid-operation-alert .engrid-row:hover .cell-main .bill-select p span,
.commgrid-operation-alert .engrid-row:hover .cell-main .drop-ele:after {
  display: inline-block;
}
.commgrid-operation-alert .drop-ele > .form-control,
.commgrid-operation-alert .drop-ele > .form-control[readonly] {
  background: #fff !important;
}
.commgrid-operation-alert .cell-main > .form-control,
.commgrid-operation-alert .cell-main .bill-select,
.commgrid-operation-alert .cell-main .drop-ele > .form-control,
.commgrid-operation-alert .cell-main .funnum-set > .form-control {
  margin-top: 3px;
}
.commgrid-operation-alert .engrid-warp .engrid-header .header-mod .edit-tr {
  visibility: visible;
}
.commgrid-operation-alert .commtree-nav .commtree-search .colse-btn,
.commgrid-operation-alert .commtree-nav .commtree-search .search-btn {
  top: 0;
}
.life-view-alert {
  padding: 10px 0 10px;
}
.life-view-alert .life-viewnav {
  border-bottom: 1px solid #f3f3f3;
}
.life-view-alert .life-viewcent {
  padding: 20px 20px 40px;
  min-height: 260px;
}
.life-addmoney-alert .ui-form .col-mod {
  padding-left: 0;
}
.lis-floor {
  padding: 0 10px;
}
.lis-floor .f-tit {
  line-height: 36px;
  background: #fff;
  border-radius: 5px;
  color: #1f2937;
  border: 1px solid #eee;
  display: block;
  cursor: pointer;
  position: relative;
  text-indent: 20px;
}
.lis-floor .f-tit:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  content: '\e669';
  color: #a8a8a8;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 13px;
}
.lis-floor .f-cents {
  display: none;
}
.lis-floor .f-cents li {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
}
.lis-floor .f-cents li:before {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 30px;
  font-size: 14px;
  color: #61c7f4;
  text-align: center;
}
.lis-floor .f-cents li:hover {
  background: #f7f7f7;
}
.lis-floor .f-cents li .txts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-right: 10px;
}
.lis-floor .f-cents li.cur:before {
  content: '\e6a6';
}
.lis-floor .f-mod {
  margin-top: 10px;
  cursor: pointer;
}
.lis-floor .f-mod.cur .f-tit {
  background: #1878ff;
  color: #fff;
}
.lis-floor .f-mod.cur .f-tit:before {
  content: '\e632';
  color: #fff;
}
.lis-floor .f-mod.cur .f-cents {
  display: block;
  border-radius: 0 0 5px 5px;
  border: 1px solid #f3f3f3;
  border-top: 0;
  background: #fff;
}
.report-newquery-alert .ui-form {
  min-height: 260px;
}
.report-newquery-alert .icon-usualset {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #25a4dc;
  font-size: 20px;
  cursor: pointer;
}
.report-newquery-alert .icon-usualset:before {
  content: '\e79f';
}
.report-newquery-alert .comm-btnset {
  height: 32px;
  line-height: 32px;
  font-size: 0;
  cursor: pointer;
}
.report-newquery-alert .comm-btnset i {
  color: #1da1db;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin: 0 4px 0 0;
}
.report-newquery-alert .comm-btnset .txts {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.report-newquery-alert .comm-btnset .txts:hover {
  color: #1878ff;
}
.report-newquery-alert .col-chk {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.report-newquery-alert .ui-timedate-select .date-select .selects {
  width: 200px;
}
.report-newquery-alert .ui-timedate-select .date-select .form-control {
  width: 200px;
}
.laytitright-ratioset .help-btn {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #b3b3b3;
  font-size: 22px;
  cursor: pointer;
}
.laytitright-ratioset .help-btn:before {
  content: '\e6a0';
}
.comm-btnset {
  height: 32px;
  line-height: 32px;
  font-size: 0;
  cursor: pointer;
}
.comm-btnset i {
  color: #1da1db;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin: 0 4px 0 0;
}
.comm-btnset .txts {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.comm-btnset .icon-setrange {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #1a9fda;
  font-size: 20px;
  margin-right: 5px;
  cursor: pointer;
}
.comm-btnset .icon-setrange:before {
  content: '\e63f';
}
.comm-btnset .icon-usualset {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #25a4dc;
  font-size: 20px;
  cursor: pointer;
}
.comm-btnset .icon-usualset:before {
  content: '\e79f';
}
.comm-btnset .icon-orderset {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  color: #25a4dc;
  font-size: 20px;
  cursor: pointer;
}
.comm-btnset .icon-orderset:before {
  content: '\e79f';
}
.comm-btnset .icon-setvalue {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #25a4dc;
  font-size: 20px;
  cursor: pointer;
}
.comm-btnset .icon-setvalue:before {
  content: '\e63f';
}
.report-chart-main {
  margin: 20px 20px 20px 0;
}
.report-chart-main .multi-typesele {
  border: 0;
  margin-left: -10px;
}
.report-chart-main .multi-typesele .bill-select-con {
  min-width: auto;
}
.report-chart-main .multi-typesele ul {
  min-width: auto;
}
.report-chart-main .multi-typesele li {
  padding: 5px 0;
  text-align: center;
}
.report-chart-main .multi-typesele li.actived {
  color: #1878ff;
}
.report-chart-main .multi-typesele li.actived:before {
  content: '';
}
.report-chart-main .multi-typesele font {
  color: #1878ff;
}
.report-chart-main .icon-multi-typeline {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.report-chart-main .icon-multi-typeline:before {
  content: '\e919';
}
.report-chart-main .icon-multi-typebar {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
}
.report-chart-main .icon-multi-typebar:before {
  content: '\e918';
}
.report-chart-main .row-axis {
  display: flex;
}
.report-chart-main .row-axis .col-sele-type {
  margin: 0 5px 0 0;
}
.report-chart-main .row-axis .col-cent {
  flex: 1;
  display: inline-block;
}
.report-chart-main dl {
  margin-bottom: 10px;
}
.user-reportchartlis {
  margin-top: 10px;
  background: #ecf1f7;
}
.user-reportchartlis .pull-left .main-tit span {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  color: #1f2937;
}
.user-reportchartlis .main-lis {
  margin-top: 0px;
}
.user-reportchartlis .reportuser-chart {
  position: relative;
  background: #ecf1f7;
  height: 390px;
}
.user-reportchartlis .reportuser-chart .col-btn:hover .btn-bussettop {
  color: #1878ff;
}
.user-reportchartlis .reportuser-chart .reportuser-tab {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 999;
  width: 95%;
  padding: 10px 10px 10px 10px;
}
.user-reportchartlis .reportuser-chart .reportuser-tab .left-arrow,
.user-reportchartlis .reportuser-chart .reportuser-tab .right-arrow {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #ababab;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  display: none;
}
.user-reportchartlis .reportuser-chart .reportuser-tab .left-arrow:before,
.user-reportchartlis .reportuser-chart .reportuser-tab .right-arrow:before {
  content: '\e68b';
}
.user-reportchartlis .reportuser-chart .reportuser-tab .left-arrow:hover,
.user-reportchartlis .reportuser-chart .reportuser-tab .right-arrow:hover {
  color: #199fda;
}
.user-reportchartlis .reportuser-chart .reportuser-tab .left-arrow {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.user-reportchartlis .reportuser-chart .reportuser-tab .right-arrow {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.user-reportchartlis .reportuser-chart .reportuser-tab .tab-main {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
}
.user-reportchartlis .reportuser-chart .reportuser-tab .item-mod {
  height: 30px;
  line-height: 30px;
  min-width: 70px;
  max-width: 140px;
  padding: 0 10px;
  color: #606060;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  cursor: pointer;
}
.user-reportchartlis .reportuser-chart .reportuser-tab .item-mod:before {
  content: '';
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #aaa;
  margin: -2px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.user-reportchartlis .reportuser-chart .reportuser-tab .cur {
  background: #ebf5ff;
  color: #1878ff;
}
.user-reportchartlis .reportuser-chart .reportuser-tab .cur:before {
  background: #36a5dd;
}
.user-reportchartlis .reportuser-chart .reportuser-scroll-tab .left-arrow,
.user-reportchartlis .reportuser-chart .reportuser-scroll-tab .right-arrow {
  display: inline-block;
}
.user-reportchartlis .reportuser-chart .chartlis-admin {
  padding-bottom: 10px;
}
.user-reportchartlis .reportuser-chart .chartlis-admin .report-settop-set {
  min-width: 200px;
}
.user-reportchartlis
  .reportuser-chart
  .chartlis-admin
  .report-settop-set
  .col-select,
.user-reportchartlis
  .reportuser-chart
  .chartlis-admin
  .report-settop-set
  .col-txts {
  width: 142px;
}
.user-reportchartlis .reportuser-chart .chartlis-admin .chart-mods {
  position: absolute;
  margin: 10px 0 0 0;
}
.user-reportchartlis .row-grid {
  margin-top: 10px;
  background: #fff;
}
.user-reportchartlis .row-gridmain,
.user-reportchartlis .nodata {
  margin-top: 10px;
  background: #fff;
}
.user-reportchartlis .row-maintable {
  overflow-x: auto;
}
.user-reportchartlis .row-maintable::-webkit-scrollbar {
  height: 8px;
}
.user-reportchartlis .row-maintable::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 5px;
}
.user-reportchartlis .row-maintable::-webkit-scrollbar-thumb:hover {
  background: #c3c3c3;
}
.user-reportchartlis .row-maintable::-webkit-scrollbar-thumb:active {
  background: #c3c3c3;
}
.user-reportchartlis .row-maintable::-webkit-scrollbar,
.user-reportchartlis .row-maintable::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 5px;
}
.user-reportchartlis .row-maintable::-webkit-scrollbar-button {
  width: 0;
}
.user-reportchartlis .row-maintable table {
  border-collapse: collapse;
  min-width: 100%;
}
.user-reportchartlis .row-maintable .row-tabletemp {
  color: #606060;
  background-color: #fff;
}
.user-reportchartlis .row-maintable th,
.user-reportchartlis .row-maintable td {
  border: 1px solid #f3f3f3;
  height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  min-width: 140px;
  padding: 2px;
}
.user-reportchartlis .row-maintable .ui-addmore {
  text-align: center;
  padding: 10px 0;
  color: #aeaeae;
  line-height: 30px;
  cursor: pointer;
}
.user-reportchartlis .row-maintable .ui-addmore p {
  margin: 0;
}
.user-reportchartlis .row-maintable table .ui-addmore {
  padding: 0;
}
.user-reportchartlis .row-maintable table table td {
  border: 0;
  border-top: 1px solid #f3f3f3;
  height: 32px;
}
.user-reportchartlis .row-maintable table table tr:first-child td {
  border-top: 0;
}
.summary-chart-alert {
  padding: 0 10px;
  position: relative;
  width: 100%;
  max-height: 582px;
  overflow-x: hidden;
}
.summary-chart-alert .chart-mods {
  max-width: 97%;
  border: 1px solid #eee;
}
.reportuser-filter-alert {
  padding: 10px 20px;
  min-height: 200px;
}
.reportuser-filter-alert .ui-form .col-mod {
  padding-left: 85px;
}
.reportuser-filter-alert .ui-form .col-mod .col-tits {
  width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.reportuser-filter-alert .ui-form-backname .form-control {
  padding-right: 56px;
}
.reportuser-filter-alert .col-flex {
  display: flex;
}
.reportuser-filter-alert .col-flex .col-variable {
  flex: 1;
  min-width: 120px;
  margin-right: 10px;
}
.reportuser-filter-alert .col-flex .col-sel {
  width: 640px;
}
.reportuser-filter-alert .col-flex div:last-child {
  margin-right: 0;
}
.cus-setcondition-alert {
  min-height: 460px;
}
.cus-setcondition-alert .ui-timedate-select .date-select .selects {
  width: auto;
}
.cus-setcondition-alert .time-choose {
  display: inline-block;
  vertical-align: top;
}
.cus-setcondition-alert .col-chk {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.cus-setcondition-alert .ui-timedate-select .date-select .form-control {
  width: 196px;
}
.cus-setcondition-alert .ui-form .col-mod .col-tits {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.cus-setcondition-alert .col-fill {
  display: flex;
}
.cus-setcondition-alert .col-fill > div {
  flex: 1;
  margin-right: 10px;
}
.cus-setcondition-alert .col-fill > div:last-child {
  margin-right: 0;
}
.cus-setcondition-alert .col-setnewtable .row-sonmod {
  margin-top: 8px;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  padding: 8px 8px 0;
  background-color: #fcfcfc;
}
.cus-setcondition-alert .col-setnewtable .row-sonmod div {
  flex: 1;
  margin-right: 8px;
}
.cus-setcondition-alert .col-setnewtable .row-temp {
  display: flex;
  margin-bottom: 8px;
}
.cus-setcondition-alert .col-setnewtable .col-del {
  visibility: hidden;
}
.cus-setcondition-alert .col-setnewtable .row-temp:hover .col-del {
  visibility: visible;
}
.cus-setscreen-alert .ui-form .col-mod .col-tits {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.display-settings-alert {
  padding: 10px 20px;
}
.display-settings-alert .comm-rdo-content {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.display-settings-alert .ui-form .col-mod {
  padding-left: 90px;
}
.display-settings-alert .ui-form .col-mod .col-tits {
  width: 80px;
}
.display-settings-alert .comm-chk-content {
  display: inline-block;
  margin-right: 10px;
}
.related-report-alert .main-txts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.related-report-alert .main-txts .txts-cons-mod {
  display: inline-block;
}
.related-report-alert .main-txts .txts-cons-mod .icon-megarelat {
  margin: 0 4px;
  color: #ababab;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}
.select-busmodel-alert {
  padding: 0 20px;
}
.select-busmodel-alert .select-busmodel {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  min-height: 400px;
  max-height: 450px;
  overflow-y: auto;
}
.select-busmodel-alert .row-tit {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  color: #1f2937;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}
.select-busmodel-alert .row-main .ui-checkbox {
  width: 180px;
  margin-right: 20px;
}
.select-busmodel-alert .engrid-bot {
  padding: 0;
}
.select-busmodel-alert .engrid-bot .total-num {
  color: #aeaeae;
}
.select-busmodel-alert .engrid-bot .total-num span {
  color: #1878ff;
}
.report-search-lot .search-lot-new {
  vertical-align: middle;
}
.report-search-lot .search-lot-new .search-lis {
  vertical-align: middle;
}
.report-search-lot .search-lot .select-ele .search-btn {
  top: 0;
  height: 32px;
  line-height: 32px;
}
.report-search-lot .iconbtn-search-colse {
  height: 32px;
  line-height: 32px;
}
.signmap-warp {
  padding-bottom: 50px;
}
.signmap-warp .row-mod {
  position: relative;
  min-height: 32px;
  padding-left: 80px;
  margin-bottom: 10px;
}
.signmap-warp .row-mod .col-tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  line-height: 32px;
  text-align: right;
}
.signmap-warp .agps-set .col-mod {
  display: inline-block;
  vertical-align: top;
}
.signmap-warp .signseat-search {
  position: relative;
}
.signmap-warp .signseat-search > .form-control,
.signmap-warp .signseat-search > .btn {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.signmap-warp .signseat-search .icon-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  border: 0;
  background: #fff;
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 18px;
  color: #cdcdcd;
}
.signmap-warp .signseat-search .icon-btn:before {
  content: '';
}
.signmap-warp .signseat-search .signseat-search-lis {
  width: 400px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 299;
}
.signmap-warp .signseat-search .signseat-search-lis ul {
  max-height: 320px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #dfdfdf;
  border-radius: 0 0 5px 5px;
  background: #fff;
}
.signmap-warp .signseat-search .signseat-search-lis li {
  padding: 10px 10px;
  cursor: pointer;
}
.signmap-warp .signseat-search .signseat-search-lis li p {
  margin-bottom: 0;
}
.signmap-warp .signseat-search .signseat-search-lis li .tit {
  font-size: 14px;
  color: #606060;
  display: block;
}
.signmap-warp .signseat-search .signseat-search-lis li .seat {
  font-size: 14px;
  color: #aeaeae;
}
.signmap-warp .signseat-search .signseat-search-lis li:hover {
  background: #f7f7f7;
}
.signmap-warp .sign-map {
  padding: 10px 0;
}
.signmap-warp .sign-map .signMap {
  width: 100%;
  height: 400px;
}
.signmap-warp .sign-info > i {
  color: #f00;
  font-style: normal;
}
.signmap-warp .sign-info > i,
.signmap-warp .sign-info span,
.signmap-warp .sign-info .bill-select {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin-left: 5px;
}
.signmap-warp .sign-info .clr1 {
  color: #606060;
  text-decoration: underline;
}
.signmap-warp .sign-info .clr2 {
  color: #f35d5e;
}
.engrid-row.ui-sortable-placeholder {
  border: 1px solid #f3f3f3;
  background: #ffffff;
  height: 36px;
}
.engrid-row.ui-sortable-helper {
  border: 1px dashed #f3f3f3;
}
.report-admin-warp {
  margin-top: 10px;
}
.report-admin-warp .report-admin-nav {
  line-height: 50px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 24px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light, Microsoft YaHei, Arial, sans-serif;
  color: #1f2937;
}
.report-name-admin {
  padding-top: 10px;
}
.report-name-admin dl {
  margin-bottom: 10px;
}
.report-name-admin dt {
  width: 72px !important;
}
.report-name-admin .addbtn-wrap {
  padding-right: 0;
}
.comm-rdo-content .comm-rdo-wrap {
  height: auto !important;
}
.comm-rdo-content .comm-label,
.comm-chk-wrap .comm-label {
  color: #606060;
}
.progress-box {
  padding-left: 20px;
}
.progress-box .ui-slider-horizontal {
  width: 522px;
  border-radius: 10px;
  height: 12px;
  background-color: #f5f5f5;
  overflow: visible;
  display: inline-block;
  border: 1px solid #f5f5f5;
  box-shadow: 0 0 0;
}
.progress-box .ui-widget-content {
  width: 522px !important;
  position: relative;
}
.progress-box .ui-slider-range-min {
  background-color: #1878ff;;
  position: absolute;
  top: -2px;
  left: 0;
  height: 12px;
  display: block;
  border-radius: 5px 0 0 5px;
}
.progress-box .ui-state-default {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  cursor: pointer;
}
.progress-box .ui-state-default:before {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: -10px;
  content: '';
  display: block;
}
.progress-all {
  width: 522px;
  border-radius: 10px;
  height: 12px;
  background-color: #f5f5f5;
  overflow: visible;
  display: inline-block;
}
.progress-txt {
  display: inline-block;
  margin-left: 10px;
}
.progress-cur {
  border-radius: 10px;
  height: 12px;
  background-color: #189edb;
}
.progress-btn {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  position: relative;
  top: -5px;
  float: right;
  right: -10px;
  cursor: pointer;
}
.nav-nokids .vertical-mod:before {
  content: '';
}
.nav-nokids .vertical-mod.cur:before {
  content: '';
}
.single-setdates .setdates-lis {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 20px;
}
.single-setdates .setdates-lis .setdates-lis-warp {
  height: 160px;
  overflow-y: auto;
}
.single-setdates .setdates-lis .mod {
  margin-bottom: 10px;
  position: relative;
}
.single-setdates .setdates-lis .mod > div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.single-setdates .setdates-lis .mod .del {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  right: 20px;
  top: 4px;
  color: #db4040;
  font-size: 18px;
  cursor: pointer;
}
.single-setdates .setdates-lis .mod .del:before {
  content: '';
}
.single-setdates .setdates-lis .mod .bill-select {
  width: 140px;
}
.single-setdates .setdates-lis .col {
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  padding: 0 20px;
  border: 1px solid #dfdfdf;
  line-height: 32px;
  color: #7e7e7e;
  background: #f9f9f9;
  border-radius: 5px;
  cursor: default;
}
.single-setdates .setdates-cent {
  border: 1px solid #eee;
  border-radius: 5px;
  margin-top: 10px;
  padding: 20px 10px;
}
.single-setdates .setdates-cent dl {
  position: relative;
  margin-bottom: 10px;
  zoom: 1;
}
.single-setdates .setdates-cent dl:after {
  content: '';
  display: block;
  clear: both;
}
.single-setdates .setdates-cent dl dt {
  width: 143px;
  height: 42px;
  color: #fff;
  line-height: 42px;
  background: #e4f7ff;
  color: #606060;
  border: 1px solid #dfdfdf;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  float: left;
}
.single-setdates .setdates-cent dl .cent {
  margin: 0 140px 0 170px;
  display: none;
  padding-top: 5px;
}
.single-setdates .setdates-cent dl .cent > div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 5px;
}
.single-setdates .setdates-cent dl .cent .bill-select {
  width: 140px;
}
.single-setdates .setdates-cent dl .cent .ui-datetime-select {
  width: 146px;
}
.single-setdates .setdates-cent dl .cent .form-control[readonly] {
  background: #fff;
}
.single-setdates .setdates-cent dl .add {
  position: absolute;
  right: 10px;
  top: 3px;
  display: none;
}
.single-setdates .setdates-cent dl.cur dt {
  background: #1878ff;
  color: #fff;
  border: 1px solid #fff;
}
.single-setdates .setdates-cent dl.cur .cent {
  display: block;
}
.single-setdates .setdates-cent dl.cur .add {
  display: block;
}
.single-setdates .addbtn-wrap {
  padding-right: 0;
}
.single-state-detail .row-search {
  position: absolute;
  top: -30px;
  right: 50px;
}
.single-state-detail .screen-lis {
  zoom: 1;
  width: 100%;
  padding: 10px 20px;
  min-height: 54px;
}
.single-state-detail .screen-lis:after {
  content: '';
  display: block;
  clear: both;
}
.single-state-detail .screen-lis .mod {
  display: inline-block;
  width: 220px;
  margin-left: 10px;
}
.single-state-detail .cent {
  padding: 16px 20px 10px;
}
.single-state-detail .cent tr,
.single-state-detail .cent td {
  cursor: pointer;
}
.single-state-detail .cent th,
.single-state-detail .cent td {
  flex: 1;
  overflow: hidden;
}
.single-state-detail .cent .table {
  margin-bottom: 10px;
}
.single-state-detail .cent .addmore-comm {
  margin: 0;
  border-top: 0;
  height: 30px;
  line-height: 30px;
}
.single-state-detail .cent th:first-child,
.single-state-detail .cent td:first-child {
  width: 30px;
  flex: 0;
  min-width: 30px;
}
.single-state-detail .cent table thead {
  display: block;
}
.single-state-detail .cent table tr {
  display: flex;
}
.single-state-detail .cent table tbody {
  height: 320px;
  overflow: hidden;
  overflow-y: auto;
  display: block;
}
.single-state-detail .addbtn-wrap {
  padding-right: 0;
}
.relation-mod {
  background: #fff;
  margin-bottom: 10px;
}
.relation-mod .relation-mod-lis {
  padding: 20px 20px 10px 40px;
  max-height: 740px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}
.relation-mod .month-mod {
  position: relative;
  padding-left: 80px;
  padding-top: 55px;
}
.relation-mod .month-mod:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 0;
  height: 100%;
  display: bold;
  width: 0;
  font-size: 0;
  border-left: 2px solid #f2f2f2;
}
.relation-mod .row-month {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 10px;
}
.relation-mod .row-month span {
  color: #000;
  font-size: 14px;
}
.relation-mod .row-month i {
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid #12b7f5;
  background: #fff;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  margin-right: 8px;
}
.relation-mod .row-month i:before {
  content: '';
  width: 10px;
  height: 10px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  background: #12b7f5;
  border-radius: 50%;
  z-index: 2;
  position: relative;
  margin: 2px 2px 0;
}
.relation-mod .row-day {
  position: absolute;
  top: 0;
  left: -80px;
}
.relation-mod .row-day span {
  color: #1f2937;
  font-size: 14px;
}
.relation-mod .row-day i {
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  margin-right: 8px;
}
.relation-mod .row-day i:before {
  content: '';
  width: 10px;
  height: 10px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  background: #12b7f5;
  border-radius: 50%;
  z-index: 2;
  position: relative;
  margin: 2px 2px 0;
}
.relation-mod .day-mod {
  position: relative;
  margin-top: 10px;
}
.relation-mod .day-mod .row {
  background: #fbfbfb;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  padding: 20px;
  border-top: 0;
  cursor: pointer;
  position: relative;
  padding: 16px 16px 16px 66px;
}
.relation-mod .day-mod .row:first-child {
  border-top: 1px solid #f3f3f3;
}
.relation-mod .day-mod .row:hover {
  background: #f7f7f7;
}
.relation-mod .day-mod .col-icon {
  border: 1px solid #4dbff2;
  color: #4dbff2;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  position: absolute;
  left: 16px;
  top: 20px;
}
.relation-mod .day-mod .col-state {
  zoom: 1;
}
.relation-mod .day-mod .col-state:after {
  content: '';
  display: block;
  clear: both;
}
.relation-mod .day-mod .col-state .name {
  font-size: 14px;
  color: #000;
}
.relation-mod .day-mod .col-state .state {
  color: #585858;
  float: right;
}
.relation-mod .day-mod .col-state .times {
  color: #cdcdcd;
  float: right;
}
.relation-mod .day-mod .col-info span {
  color: #606060;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 26px;
  line-height: 26px;
}
.relation-mod-tit {
  height: 50px;
  line-height: 50px;
  color: #1f2937;
  font-size: 16px;
  padding-left: 20px;
  border-bottom: 1px solid #ecf1f7;
  font-weight: bold;
  position: relative;
}
.relation-mod-tit font {
  font-size: 14px;
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
}
.relation-mod-tit .show-lis {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
  color: #afafaf;
}
.relation-mod-tit .show-lis:before {
  content: '';
}
.relation-mod-tit .show-lis.cur:before {
  content: '';
}
.user-newbaselis .edit-base {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  border: 0;
  padding: 0;
  background: none;
  color: #48c0f4;
  display: inline-block;
  visibility: hidden;
  margin-right: 10px;
}
.user-newbaselis .edit-base:before {
  content: '\e7d2';
}
.user-newbaselis .detail-base {
  font-family: 'newfont' !important;
  font-size: 20px;
  font-style: normal;
  font-size: 20px;
  border: 0;
  padding: 0;
  background: none;
  color: #fe9a4c;
  display: inline-block;
  visibility: hidden;
  margin-right: 10px;
}
.user-newbaselis .detail-base:before {
  content: '\e75c';
}
.user-newbaselis .engrid-row:hover .edit-base,
.user-newbaselis .engrid-row:hover .detail-base {
  visibility: visible;
}
.engrid-lis-fixed {
  position: relative;
}
.base-mob-enclosure .col-result .file-lis li {
  width: 440px;
  display: inline-block;
  margin-right: 10px;
}
.relation-mod-box .relation-mod .relation-mod-lis {
  max-height: inherit;
  overflow-y: inherit;
}
.base-mob-enclosure {
  width: 100% !important;
  border-top: 10px solid #ecf1f7;
  border-bottom: 10px solid #ecf1f7;
  margin: 10px 0;
}
.base-mob-enclosure .base-temp-text {
  display: block !important;
}
.base-mob-enclosure .base-temp-text dt {
  width: 100%;
  padding: 10px 0;
}
.base-mob-enclosure .base-temp-text font {
  font-weight: bold;
  display: inline-block !important;
  vertical-align: middle;
}
.base-mob-enclosure .base-temp-text dt .infotxt {
  color: #aeaeae;
  font-size: 14px;
}
.base-mob-enclosure .add-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #ccc;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  padding-right: 10px;
  text-align: center;
}
.base-mob-enclosure .add-btn:before {
  content: '';
}
.base-mob-enclosure .add-btn:hover {
  color: #1878ff;;
}
.base-mod-child {
  width: 100% !important;
  border-top: 10px solid #ecf1f7;
}
.base-mod-child .base-temp-text {
  display: block !important;
}
.base-mod-child .base-temp-text dt {
  width: 100%;
  padding: 10px 0;
}
.base-mod-child .base-temp-text font {
  font-weight: bold;
  display: inline-block !important;
  vertical-align: middle;
}
.base-mod-child .base-temp-text dt .icon-basenotice {
  top: 10px !important;
}
.base-mod-child .base-temp-text dt .infotxt {
  color: #aeaeae;
  font-size: 14px;
}
.base-mod-child .add-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #ccc;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  padding-right: 10px;
  text-align: center;
}
.base-mod-child .add-btn:before {
  content: '';
}
.base-mod-child .add-btn:hover {
  color: #1878ff;;
}
.child-mod .col-lis {
  font-size: 0;
}
.child-mod .child-single {
  width: 426px;
  border: 1px solid #f3f3f3;
  height: 98px;
  padding: 0 10px 0 65px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0 24px 24px 0;
  border-radius: 5px;
  position: relative;
}
.child-mod .child-single .img {
  position: absolute;
  top: 30px;
  left: 10px;
}
.child-mod .child-single .img,
.child-mod .child-single .img img {
  width: 40px;
  height: 40px;
}
.child-mod .child-single .img img {
  border-radius: 50%;
}
.child-mod .child-single .txt {
  margin-top: 26px;
  line-height: 26px;
}
.child-mod .child-single .txt ul {
  margin: 0;
  width: 100%;
  display: flex;
}
.child-mod .child-single .txt li {
  display: inline-block;
  flex: 1;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #606060;
}
.child-mod .child-single .txt li:nth-child(2) {
  text-align: right;
}
.child-mod .child-single .mod-operate {
  position: absolute;
  top: 3px;
  right: 10px;
  cursor: pointer;
  visibility: hidden;
  padding-left: 30px;
}
.child-mod .child-single .operate-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  color: #61c7f4;
  font-size: 18px;
}
.child-mod .child-single .operate-btn:before {
  content: '';
}
.child-mod .child-single .operate-btnlis {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}
.child-mod .child-single .operate-btnlis ul {
  border: 1px solid #dfdfdf;
  width: 100px;
  display: block;
  background: #fff;
  margin: 25px 0 0 0;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
}
.child-mod .child-single .operate-btnlis li {
  line-height: 32px;
  height: 32px;
  color: #606060;
}
.child-mod .child-single .operate-btnlis li:hover {
  background: #1878ff;;
  color: #fff;
}
.child-mod .child-single .mod-operate:hover .operate-btnlis {
  visibility: visible;
}
.child-mod .child-single:hover {
  background: #f5fcff;
}
.child-mod .child-single:hover .mod-operate {
  visibility: visible;
}
.add-newbasic-alert {
  padding: 20px 0;
}
.add-newbasic-mod .mod-form dl dt {
  width: 110px;
  padding-right: 10px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.add-newbasic-mod .row-lis {
  min-height: 400px;
  padding: 0 20px 0 10px;
}
.add-newbasic-mod .col-notice {
  color: #ff1206;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 18px;
  font-style: normal;
}
.add-newbasic-mod .col-notice:before {
  content: '*';
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px;
  font-family: 'microsoft yahei';
}
.add-newbasic-mod .addbtn-wrap {
  padding: 0 20px 0 0;
}
.add-newbasic-mod .select-ele .linetree .commtree-nav {
  border: 0;
}
.add-newbasic-mod .select-ele .commtree-body {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.filladd-basic-mod {
  padding: 0 20px;
}
.filladd-basic-mod .filladd-btit {
  padding-bottom: 10px;
  line-height: 30px;
}
.filladd-basic-mod .filladd-btit font {
  font-family: 'PingFangSC-Light', 'Hiragino Sans GB', Microsoft YaHei Light,
    Microsoft YaHei, Arial, sans-serif;
  font-size: 14px;
  color: #1f2937;
  padding-right: 10px;
  font-weight: bold;
}
.filladd-basic-mod .filladd-btit .add-btn {
  font-family: 'iconfont' !important;
  font-size: 24px;
  font-style: normal;
  font-size: 20px;
  color: #ccc;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  padding-right: 6px;
  text-align: center;
}
.filladd-basic-mod .filladd-btit .add-btn:before {
  content: '';
}
.filladd-basic-mod .filladd-btit .add-btn:hover {
  color: #1878ff;;
}
.filladd-basic-mod .filladd-btit .infotxt {
  color: #aeaeae;
  font-size: 14px;
}
@media print {
  html,
  body {
    -webkit-text-size-adjust: none;
  }
  html {
    width: 1000px;
    margin: 0 auto;
  }
  @page {
    size: A4;
    margin: 0.8cm 1cm 1cm 1cm;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  img {
    max-width: 100%;
  }
  .fill-table .fill-tablelis {
    float: none;
  }
  .bill-now-design .fill-mob-main .fill-treewarp .fill-treewarp-slect span {
    display: none;
  }
  .bill-now-design .fillin-bill {
    padding: 0;
  }
  .bill-now-design .fill-template-text dt {
    padding-left: 0;
  }
  .bill-now-design .fill-mod .scroll-fill,
  .bill-now-design .fill-mod .scroll-fill,
  .bill-now-design .fill-table .fill-tablelis .scroll-fill {
    padding-bottom: 0;
    display: block;
    width: 100%;
    overflow: visible;
  }
  .bill-now-design .fill-mod {
    margin-bottom: 0;
    padding: 5px 14px;
  }
  .bill-now-design .fill-mod.width-percentage .fill-mob-main,
  .bill-now-design .fill-table .fill-tablelis.width-percentage .fill-mob-main {
    margin-bottom: 5px;
  }
  .bill-now-design .amount-uppercase {
    line-height: 26px;
    padding: 0 5px;
  }
  .bill-now-design .fill-table {
    margin: 0px 0 0;
    border: 0;
  }
  .bill-now-design .fill-table .fill-tablelis {
    width: auto;
  }
  .bill-now-design .fill-table .fill-tableB {
    border-top: 1px solid #f6f6f6;
  }
  .bill-now-design .fill-table .fill-table-warp {
    border-bottom: 0;
  }
  .bill-now-design .fill-table .fill-table-tit span {
    font-weight: normal;
  }
  .bill-now-design .fill-table .fill-mob-main .main {
    padding: 0 8px 0 0;
  }
  .bill-now-design .fill-table .fill-tableB {
    background: #fff;
  }
  .bill-now-design .fill-table .fill-tableB .fill-table-tit {
    background: #fff;
  }
  .bill-now-design .fill-mob-tit {
    font-size: 14px;
    line-height: 30px;
  }
  .bill-now-design .fill-table-tit {
    padding: 0;
    padding: 5px 0;
  }
  .bill-now-design .fillin-bill .icon-billlist,
  .bill-now-design .fillin-bill .icon-billperson,
  .bill-now-design .icon-billapply {
    font-size: 14px;
  }
  .bill-now-design
    .bill-print-wrap
    .bill-now-design
    .fill-table
    .fill-tablelis {
    width: auto;
  }
  .bill-now-design .fill-mod .fill-mob-main,
  .bill-now-design .fill-table .fill-tablelis .fill-mob-main {
    float: left;
  }
  .bill-now-design .print-mod {
    line-height: 34px;
  }
  .bill-now-design .fill-mob-main {
    margin-bottom: 0;
    margin-bottom: 0;
  }
  .bill-now-design .fill-mob-main .backname {
    top: 0;
    line-height: 26px;
  }
  .form-control,
  .form-control[readonly] {
    border: 0 !important;
    border-radius: 0;
    padding: 0;
    height: 26px;
    line-height: 26px;
  }
  .fill-template-money .result ul li span:first-child,
  .fill-template-money .result ul li span {
    padding: 0 2px;
    margin: 0 5px 0 0;
    height: 26px;
    line-height: 26px;
  }
  .fill-template-money .result ul li span:first-child strong,
  .fill-template-money .result ul li span strong {
    font-weight: normal;
  }
  .fill-template-money .result ul li span i {
    margin-right: 2px;
  }
  .fill-template-text dt font {
    height: 26px;
    line-height: 26px;
  }
  .fillin-bill {
    padding: 0;
  }
  .fillin-bill .fill-mobtit {
    padding: 0;
    min-height: auto;
    border-top: 0;
    padding: 20px 0;
    font-weight: bold;
  }
  .fill-textarea dl dt {
    line-height: 26px;
    padding-left: 0;
  }
  .fill-textarea .main {
    min-width: 200px;
  }
  .fill-mobtit {
    border-top: 0;
  }
  .fill-table .fill-tableA,
  .fill-table .fill-tableB {
    padding: 5px 10px;
  }
  .flow-now-design dl {
    padding: 0;
    margin: 0;
  }
  .flow-now-design dl dt,
  .flow-now-design dl dd {
    height: 30px;
    line-height: 30px;
  }
  .flow-now-design {
    margin: 0;
    border-top: 5px solid #ecf1f7;
  }
  .flow-table-horizontal dd {
    padding: 10px 0;
    width: 33.33%;
  }
  .fill-mod .fill-mob-main {
    padding: 3px 0;
    min-width: 160px;
  }
  .fill-template-money .add-btn i,
  .fill-template-img .add-btn i,
  .fill-template-approve .add-btn i {
    display: none;
  }
  .fill-template-money dt,
  .fill-template-img dt,
  .fill-template-approve dt {
    line-height: 10px;
  }
  .fill-template-img .result .img-lis li .del,
  .fill-template-img .result .file-lis li .del,
  .fill-template-money .result ul li .del,
  .fill-template-approve .result .del {
    display: none;
  }
  .fill-other-mod {
    padding: 5px 10px;
    margin-bottom: 0;
    border-top: 5px solid #ecf1f7;
  }
  .x-print {
    width: 100%;
  }
  .flow-now-design dt span {
    font-weight: normal;
  }
  .bill-now-design .fill-mod,
  .bill-now-design .fill-table,
  .bill-now-design .fill-other-mod,
  .flow-now-design {
    border-top: 5px solid #ecf1f7;
    border-left: 5px solid #ecf1f7;
    border-right: 5px solid #ecf1f7;
  }
  .fill-template-approve .result {
    margin: 10px 0;
  }
  .bill-now-design .fill-template-text dt font,
  .bill-now-design .fill-mob-main.fill-mob-main-smoney dl,
  .bill-now-design .amount-uppercase,
  .bill-now-design .fill-table .fill-table-tit span,
  .bill-now-design .fill-table .fill-mob-main .main,
  .bill-now-design .main,
  .bill-now-design .form-control,
  .bill-now-design .bill-select,
  .bill-now-design .fill-treewarp-slect,
  .bill-now-design .print-mod,
  .bill-now-design .fill-mob-main .backname,
  .form-control,
  .form-control[readonly],
  .fill-template-money .result ul li span:first-child,
  .fill-template-money .result ul li span,
  .fill-template-money .result ul li span i,
  .fill-textarea,
  .fill-textarea dl dt,
  .fill-mob-main .amount-uppercase,
  .bill-now-design .fillin-bill .icon-billlist,
  .bill-now-design .fillin-bill .icon-billperson,
  .bill-now-design .icon-billapply,
  .flow-now-design dt span,
  .flow-now-design dd span,
  .fill-template-approve .result dd,
  .fill-template-approve dt {
    font-size: 14px;
  }
  .bill-now-design .fill-mob-tit {
    font-size: 14px;
  }
  .bill-print-min .bill-now-design .fill-template-text dt font,
  .bill-print-min .bill-now-design .fill-mob-main.fill-mob-main-smoney dl,
  .bill-print-min .bill-now-design .amount-uppercase,
  .bill-print-min .bill-now-design .fill-table .fill-table-tit span,
  .bill-print-min .bill-now-design .fill-table .fill-mob-main .main,
  .bill-print-min .bill-now-design .main,
  .bill-print-min .bill-now-design .form-control,
  .bill-print-min .bill-now-design .bill-select,
  .bill-print-min .bill-now-design .fill-treewarp-slect,
  .bill-print-min .bill-now-design .print-mod,
  .bill-print-min .bill-now-design .fill-mob-main .backname,
  .bill-print-min .form-control,
  .bill-print-min .form-control[readonly],
  .bill-print-min .fill-template-money .result ul li span:first-child,
  .bill-print-min .fill-template-money .result ul li span,
  .bill-print-min .fill-template-money .result ul li span i,
  .bill-print-min .fill-textarea,
  .bill-print-min .fill-textarea dl dt,
  .bill-print-min .fill-mob-main .amount-uppercase,
  .bill-print-min .bill-now-design .fillin-bill .icon-billlist,
  .bill-print-min .bill-now-design .fillin-bill .icon-billperson,
  .bill-print-min .bill-now-design .icon-billapply,
  .bill-print-min .flow-now-design dt span,
  .bill-print-min .flow-now-design dd span,
  .bill-print-min .fill-template-approve .result dd,
  .bill-print-min .fill-template-approve dt {
    font-size: 14px;
  }
  .bill-print-min .bill-now-design .fill-mob-tit {
    font-size: 14px;
  }
  .bill-print-min .bill-now-design .fill-mod .fill-mob-main,
  .bill-print-min .bill-now-design .fill-table .fill-tablelis .fill-mob-main {
    padding: 3px 20px 3px 0;
  }
  .bill-print-mid .bill-now-design .fill-template-text dt font,
  .bill-print-mid .bill-now-design .fill-mob-main.fill-mob-main-smoney dl,
  .bill-print-mid .bill-now-design .amount-uppercase,
  .bill-print-mid .bill-now-design .fill-table .fill-table-tit span,
  .bill-print-mid .bill-now-design .fill-table .fill-mob-main .main,
  .bill-print-mid .bill-now-design .main,
  .bill-print-mid .bill-now-design .form-control,
  .bill-print-mid .bill-now-design .bill-select,
  .bill-print-mid .bill-now-design .fill-treewarp-slect,
  .bill-print-mid .bill-now-design .print-mod,
  .bill-print-mid .bill-now-design .fill-mob-main .backname,
  .bill-print-mid .form-control,
  .bill-print-mid .form-control[readonly],
  .bill-print-mid .fill-template-money .result ul li span:first-child,
  .bill-print-mid .fill-template-money .result ul li span,
  .bill-print-mid .fill-template-money .result ul li span i,
  .bill-print-mid .fill-textarea,
  .bill-print-mid .fill-textarea dl dt,
  .bill-print-mid .fill-mob-main .amount-uppercase,
  .bill-print-mid .bill-now-design .fillin-bill .icon-billlist,
  .bill-print-mid .bill-now-design .fillin-bill .icon-billperson,
  .bill-print-mid .bill-now-design .icon-billapply,
  .bill-print-mid .flow-now-design dt span,
  .bill-print-mid .flow-now-design dd span,
  .bill-print-mid .fill-template-approve .result dd,
  .bill-print-mid .fill-template-approve dt {
    font-size: 14px;
  }
  .bill-print-mid .bill-now-design .fill-mob-tit {
    font-size: 16px;
  }
  .bill-print-mid .bill-now-design .fill-mod .fill-mob-main,
  .bill-print-mid .bill-now-design .fill-table .fill-tablelis .fill-mob-main {
    padding: 5px 20px 5px 0;
  }
  .bill-print-max .bill-now-design .fill-template-text dt font,
  .bill-print-max .bill-now-design .fill-mob-main.fill-mob-main-smoney dl,
  .bill-print-max .bill-now-design .amount-uppercase,
  .bill-print-max .bill-now-design .fill-table .fill-table-tit span,
  .bill-print-max .bill-now-design .fill-table .fill-mob-main .main,
  .bill-print-max .bill-now-design .main,
  .bill-print-max .bill-now-design .form-control,
  .bill-print-max .bill-now-design .bill-select,
  .bill-print-max .bill-now-design .fill-treewarp-slect,
  .bill-print-max .bill-now-design .print-mod,
  .bill-print-max .bill-now-design .fill-mob-main .backname,
  .bill-print-max .form-control,
  .bill-print-max .form-control[readonly],
  .bill-print-max .fill-template-money .result ul li span:first-child,
  .bill-print-max .fill-template-money .result ul li span,
  .bill-print-max .fill-template-money .result ul li span i,
  .bill-print-max .fill-textarea,
  .bill-print-max .fill-textarea dl dt,
  .bill-print-max .fill-mob-main .amount-uppercase,
  .bill-print-max .bill-now-design .fillin-bill .icon-billlist,
  .bill-print-max .bill-now-design .fillin-bill .icon-billperson,
  .bill-print-max .bill-now-design .icon-billapply,
  .bill-print-max .flow-now-design dt span,
  .bill-print-max .flow-now-design dd span,
  .bill-print-max .fill-template-approve .result dd,
  .bill-print-max .fill-template-approve dt {
    font-size: 16px;
  }
  .bill-print-max .bill-now-design .fill-mob-tit {
    font-size: 18px;
  }
  .bill-print-max .bill-now-design .fill-mod,
  .bill-print-max .fill-table .fill-tableA,
  .bill-print-max .fill-table .fill-tableB {
    padding: 10px;
  }
  .bill-print-max .bill-now-design .fill-mod .fill-mob-main,
  .bill-print-max .bill-now-design .fill-table .fill-tablelis .fill-mob-main {
    padding: 7px 25px 7px 0;
  }
  .bill-print-max .fill-template-money .result ul li {
    margin-bottom: 10px;
  }
  .bill-print-max .flow-now-design.flow-table-horizontal dd {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .bill-print-max .fillin-bill .fill-mobtit {
    padding-bottom: 0.8cm;
  }
  .flow-now-design dd:last-child span {
    border-bottom: 5px solid #ecf1f7;
  }
  .fill-tableB .readonly-cur[readonly] {
    border: 1px solid #fff !important;
    background: #fff;
  }
  .width-divide .scroll-fill {
    display: flex !important;
    flex-wrap: wrap;
  }
}

@font-face {
  font-family: 'iconfont'; /* Project id 5042946 */
  src: url('//at.alicdn.com/t/c/font_5042946_nbts0fre7o.woff2?t=1760668699703')
      format('woff2'),
    url('//at.alicdn.com/t/c/font_5042946_nbts0fre7o.woff?t=1760668699703')
      format('woff'),
    url('//at.alicdn.com/t/c/font_5042946_nbts0fre7o.ttf?t=1760668699703')
      format('truetype');
}

.iconsys200:before {
  content: '\e603';
}

.comm-chk-disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}


.hastop-logo{

  display:flex;
  align-items: center;
  height: 100%;
  padding-left:60px;
}



.noworg{
  background-color: rgb(239,246,255);
  padding:8px 16px;
  border-radius:4px;
  border:1px solid rgb(219,234,254);
  display: flex;
  align-items: center;
}
#noeworgName{
  margin:0 8px;
}

.noworg{
  position: relative;
}
#admins{
  display: none;
  position: absolute;
  top: 37px;
  left: 0px;
  background-color: #fff;
  min-width: 100%;
  text-align: center;
  line-height:32px;
  z-index:999999;
}
.noworg:hover #admins{
  display: block;
}

#admins li{
  cursor: pointer;
  white-space: nowrap;
  padding: 0 10px;
}
#admins li:hover{
  background-color: rgb(239,246,255);
}
.adminlogo{
  width:40px;
  margin-right:24px;
}

#usernameFist{
  background: #1878ff !important;
}

.flexbetween{
display: flex;
  justify-content: space-between;
  align-items: center;
}


#lastlist{
  width: 100%;
  padding:0 24px;
}

#lastlist .lastlist-item{
  display:flex;
  align-items:center;
  margin-bottom:16px;
}
#lastlist  .item-user{
  width:40px;
  height:40px;
  background: #e5e7eb;
  border-radius:50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right:12px;
}

#lastlist .item-name{
  font-size:14px;
  color:#1878ff;
}

#lastlist .item-info-blob{
  color:#1f2937;
  font-weight:500;
  font-size:14px;
}

#lastlist .item-info-light{
  color:#6b7280;
  font-weight:400;
  font-size:14px;
}

#lastlist .item-info-desc{
    color:#9ca3af;
    font-weight:400;
    font-size:12px;
  margin-top:4px;
}