/* CSS Document */
body,ul,li,p,span,div,a,img,select,input,textarea,h1,h2,h3,h4,h5,h6,video{border:none;margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑","Microsoft YaHei";}
body{font-size:10px;}
a{text-decoration:none}
li{list-style:none}
input,select,textarea{outline:none}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none}
.userSelect{user-select:none}
.clear:after{ content:""; width:100%; height:0; overflow:hidden; clear:both; display:block;}
input:-webkit-autofill{box-shadow:0 0 0px 1000px white inset}
.icon{ background-image:url(../image/icon.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle;}
.hide{ display:none;}
.show{ display: block;}
.page-width{ width:1400px; margin:0 auto;}
.but{ cursor:pointer;}
.but:hover{ opacity:0.8;}
.but:active{ opacity:0.6;}


::-webkit-scrollbar{ width:6px; height:6px;}
::-webkit-scrollbar-thumb{border-radius:999px; min-height:20px; background-clip:content-box; box-shadow: 0 0 0 4px rgba(0,0,0,.2)inset;}
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2)inset; border-radius:999px;}
::-webkit-scrollbar-button{background:0 0; height:0px; width:0px;}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}


.but{ display:inline-block; vertical-align:middle; min-width:60px; padding:0 10px; box-sizing:border-box; height:30px; border-radius:5px; line-height:30px; text-align:center; cursor:pointer; color:#fff; font-size:14px;}
.qd{ background:#ea4355;}
.qx{ background:#d1d1d1;}
.hs{ background:#fff; color:#000;}
.xz{ background:#b91c1c;}
.qd:hover,.qx:hover,.xz:hover{ opacity:0.8;}
.but:active{ opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}


.radio{ position:relative; padding-left:1.5em; margin-right:50px; vertical-align:middle; display:inline-block; cursor:pointer; -webkit-user-select:none;}
.radio input{ display:none;}
.radio span{ display:inline-block; width:1em; height:1em; position:absolute; top:50%; left:0; margin-top:-0.5em; background:#fff; border:1px solid #fff; border-radius:50%; vertical-align:middle; box-sizing:border-box;}
.radio input[checked="checked"]+span:after{ content:""; width:6px; height:6px; position:absolute; top:50%; left:50%; margin-top:-3px; margin-left:-3px; background:#acacac; border-radius:50%; overflow:hidden; clear:both; display:block;}

.checkbox{ position:relative; padding-left:1.5em; vertical-align:middle; display:inline-block; cursor:pointer; -webkit-user-select:none;}
.checkbox input{ display:none;}
.checkbox span{ display:inline-block; width:1em; height:1em; position:absolute; top:50%; left:0; margin-top:-0.5em; background:#fff; border:1px solid #fff; vertical-align:middle; box-sizing:border-box;}
.checkbox span font{ display:block; width:1px; height:1px; position:absolute; bottom:40%; left:15%; transform:rotate3d(0,0,1,45deg); display:none;}
.checkbox span font:before{ content:""; position:absolute; top:0; left:0; background:#fff; height:100%; width:0.3em;}
.checkbox span font:after{ content:""; position:absolute; top:-0.3em; left:0; background:#fff; height:100%; width:0.6em; transform:rotate3d(0,0,1,90deg);}
.checkbox input[checked="checked"]+span{}
.checkbox input[checked="checked"]+span font{ display:block;}


.close{ width:20px; height:20px; position:relative; cursor:pointer;}
.close font{ display:block; width:1px; height:1px; position:absolute; top:50%; left:50%; transform:rotate3d(0,0,1,45deg);}
.close font:before{ content:""; position:absolute; top:0; left:-10px; background:#3f4a5c; height:100%; width:20px;}
.close font:after{ content:""; position:absolute; top:0; left:-10px; background:#3f4a5c; height:100%; width:20px; transform:rotate3d(0,0,1,90deg);}


.winbg{ position:fixed; top:200%; left:0; width:100%; height:100%; z-index:80; background:#000; opacity:0.05; animation:winrbgA 0.5s linear;}
.winbge{ top:0; animation:winbg 0.27s ease-out;}
@keyframes winbg{
0%{ top:0; opacity:0;}
1%{ top:0; opacity:0;}
100%{ top:0; opacity:0.05;}
}

.fixed{ position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; display:none; justify-content:center; align-items:center;}
.fixed-div{ max-width:1000px; width:80%; background:#fff; border-radius:10px; padding:20px; box-shadow:0 0 5px 0 #ddd; border:1px solid #ddd;}
.fixed-title{ border-bottom:1px solid #ddd; padding-bottom:15px;}
.fixed-title p{ width:80%; float:left; font-size:18px; color:#3f4a5c; font-weight:bold;}
.fixed-title .close{ float:right;}
.fixed-title .close{ padding:2px; box-sizing:content-box;}
.fixedshow{ display:flex; animation:an 0.27s ease-out;}
@keyframes an{
0%{ display:none; opacity:0; transform:scale(0.7);}
1%{ display:flex; opacity:0; transform:scale(0.7);}
100%{ display:flex; opacity:1; transform:scale(1);}
}
.fixed-content{ max-height:calc( 90vh - 80px ); min-height:100px; overflow:auto;}


.left{ position:fixed; top:0; left:0; width:290px; height:100%; z-index:11; background:#ffebe9; }
.top{ position:fixed; top:0; left:0; width:100%; height:84px; background:#fff; box-shadow:0 0 10px 0 #ccc; z-index:8;}
.bottom{ position:fixed; top:0; left:0; width:100%; height:100%; border-left:290px solid transparent; border-top:84px solid transparent; box-sizing:border-box; z-index:1; height:100%; background:url(../image/page-bg.png) left top no-repeat; background-color:#fbfbfb;}


.fonts{ background-image:url(../image/ico.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle; width:26px; height:26px;}
.f-na{ background-position:0 0;}
.f-nb{ background-position:-26px 0;}


.left .logo{ height:84px; text-align:center; position:absolute; top:0; left:0; width:380px; box-sizing:border-box; box-shadow:-5px 0 5px 0 #ccc; z-index:3; background:#fff; border-right:2px solid #eee;}
.left .logo a{ margin:2px 5px; height:80px; display:inline-block;}
.left .logo a img{}
.left .logo .fonts{ cursor:pointer; display:inline-block; margin-top:29px;}
.left .nav{ border-top:84px solid #e1eaf4; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:1; background:url(../image/logo-bg.png) no-repeat;}
.navdiv{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; padding-top:30px;}
.left .nav ul{}
.left .nav li{ position:relative; margin:10px 0;}
.nava{ padding:0 30px 0 60px; line-height:58px; height:58px; overflow:hidden; color:#3f4a5c; cursor:pointer; border-left:4px solid #ffd7db; box-sizing:border-box; position:relative; display:block;}
.navach,.nava:hover{ background:#fff; border-left:4px solid #ea4355; color:#ea4355;}
.nava font,.nava span,.navbh span{ margin-right:5px; display:inline-block; vertical-align:middle;}
.nava i{ position:absolute; top:50%; right:4px; margin-top:-13px;}
.nava span{ font-size:14px;}
.nava p{}
.navb{ background:#293846; height:0; width:100%; overflow:hidden; /*transition:height 0.1s linear;*/}
.navbh{}
.navbh a{ color:#a7b1c2; font-size:13px; display:block; box-sizing:border-box; border-left:4px solid #293846;}
.navbh div{ padding:0 30px 0 91px; line-height:50px; height:50px; overflow:hidden;}
.navbh a:hover{ color:#fff;}
.navbh .navbch{ border-left:4px solid #00608b; color:#fff;}

.nava:hover .fonts,.navach .fonts{ background-position-y:-26px;}

.nava:active{ background:#f9f9f9;}
.navbh a:active{ background:#f9f9f9;}


.topUser{ height:40px; float:right; margin:22px 10px 0 10px; vertical-align:middle;}
.topUser a{ margin:0 10px; display:inline-block; font-size:1.8em;}
.topUser a,.topUser span{ color:#3f4a5c; line-height:40px; display:inline-block; vertical-align:middle;}
.topUser span{ color:#000;}
.topLine{ width:1px; height:40px; background:#eee; margin:0 10px 0 20px;}
.topUserImg{ display:inline-block; width:40px; height:40px; margin-right:10px; border-radius:50%; overflow:hidden; background-position:top left; background-size:cover; background-repeat:no-repeat; background-image:url(../image/male.png);}
.topUserImg img{ display:block; width:100%; height:auto; background:#f0f0f0;}
.topUser font{ display:inline-block; width:40px; height:40px; position:relative; float:left;}
.top-end{ background:url(../image/tc.png) center no-repeat;}





.radius{ margin:20px; border-radius:10px; position:absolute; top:0; left:0; width: calc( 100% - 40px ); height: calc( 100% - 40px ); box-shadow:0 0 5px 0 #ccc; box-sizing:border-box; overflow:auto; background:rgba(255,255,255,0.6);}

.pagePaging{ position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-bottom:80px solid transparent;}
.pagePagingB{ height:80px; box-sizing:border-box; position:absolute; bottom:-80px; left:0; width:100%; overflow:hidden;}

.pageA{ position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-top:70px solid transparent;}
.pageAt{ height:60px; box-sizing:border-box; padding:0 30px; background:#fff; position:absolute; top:-60px; left:0; width:100%; overflow:hidden;}

.pageB{ position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-top:90px solid transparent;}
.pageBt{ box-sizing:border-box; padding:0 30px; position:absolute; top:-62px; left:0; width:100%; overflow:hidden; height:62px; overflow:hidden;}
.pageBt .pageL{ max-width:100%;}

.pageC{ position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-top:30px solid transparent;}
.pageCt{ box-sizing:border-box; padding:0 30px; background:#fff; position:absolute; top:-30px; left:0; width:100%; overflow:hidden; font-size:14px;}

.pageCt span{ display:inline-block; margin-right:30px;}
.pageCt span font{ display:inline-block; padding:0 5px;}
.pageCt span:nth-child(1) font{ color:#f93;}
.pageCt span:nth-child(2) font{ color:#f93; font-weight:bold;}
.pageCt span:nth-child(3) font{ color:#f00; font-weight:bold;}

.pageDiv{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; border-left:30px solid transparent; border-right:30px solid transparent; box-sizing:border-box;}

.wait{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,1); opacity:0.9; z-index:99; display:none;}
.waitshow{ display:table;}
.wait div{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.wait div p{ font-size:20px;}

.pagingDiv{ position:absolute; height:100%; bottom:0; left:0; z-index:11; width:100%; padding:0 30px 0 30px; box-sizing:border-box; font-size:14px;}
.paging{ padding:26px 0 10px 0; text-align:center; box-sizing:border-box;}
.paging i{ line-height:24px;}
.paging a{ display:inline-block; background:#fff; font-size:14px; height:24px; line-height:22px; color:#000; cursor:pointer; border:1px solid #eee; border-radius:3px; padding:0 5px; margin:0 5px;}
.paging span{ display:inline-block; line-height:24px;}
.paging input{ width:40px; height:24px; background:#fff; border-radius:3px; text-align:center; margin:0 5px; border:1px solid #eee; box-sizing:border-box; line-height:20px \9; font-size:14px;}
.paging-i{ background-position:0 0;}
.paging-u{ background-position:-16px 0;}
.paging-d{ background-position:-32px 0;}
.paging-e{ background-position:-48px 0;}
.paging-r{ background-position:-64px 0;}
.paging form{ display:inline-block;}
.paging a:hover{ background:#ea4355; color:#fff; border-color:#ea4355;}

.dataDiv{ position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box;}
.data{ background:#fff; position:absolute; top:0; left:0; width:100%; height:100%; border-top:40px solid #f0f0f0; box-sizing:border-box;}
.data-tit{ position:absolute; top:-40px; left:0; z-index:2; width:calc(100% - 1px); height:40px; background:#e4e4e4; line-height:40px; font-size:13px; font-weight:bold; white-space:nowrap; overflow:hidden;}
.data-tit div{ background:#f0f0f0;}
.data-conD{ height:40px; background:#fff; line-height:40px; font-size:13px; color:#5e5e5e; white-space:nowrap; transition:background ease-out 0.27s;}
.data-conD{ background:#fff;}
.data-conD a{ color:#3f4a5c; cursor:pointer; display:inline-block; position:relative;}
.data-conD a:hover{ color:#f00;}
.data-conD span{ display:inline-block; padding:0 2px; color:#999;}
.data-conD span.fonts{ padding:0;}
/*.data-conD a:visited{ color:#777;}*/
.data-conD:nth-child(2n){ background:#f8f8f8;}
.data-conD:hover{/* background:#eef7fd;*/}
.data-conD .fonts{ cursor:pointer; transition:transform 0.1s linear; margin:0 5px;}
.data-conD .fonts:hover{ transform:translate(0,-3px);}

.data-conD .details{ overflow:inherit;}
.data-conD .details p{ padding:0 5px; box-sizing:border-box; width:100%; height:40px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.data-conD .detailsd{ position:absolute; top:100%; left:0; z-index:12; width:100%; min-width:250px; height:auto; background:#fff; display:none;}
.detailsd span{ display:block; height:40px; text-align:left; padding:0 10px; background:#144577; color:#fff;}
.data-conD .detailsd div{ white-space:normal; box-sizing:border-box; word-break:break-all; overflow:inherit; height:auto; width:100%; line-height:20px; padding:10px; text-align:left; box-sizing:border-box; border:1px solid #144577; background:#fff; max-height:160px; overflow:auto;}
.data-conD .details:hover .detailsd{ display:block; animation:detailsd 0.27s;}
.data .data-disabled div{ color:#999;}
.data .data-disabled div label{ cursor:inherit;}
.colorRed{ color:#f00;}
@keyframes detailsd{
0%{ display:none; opacity:0;}
1%{ display:block; opacity:0;}
100%{ display:block; opacity:1;}
}
.data-conD:nth-last-child(1) .detailsd,.data-conD:nth-last-child(2) .detailsd,.data-conD:nth-last-child(3) .detailsd,.data-conD:nth-last-child(4) .detailsd,.data-conD:nth-last-child(5) .detailsd{ top:auto; bottom:100%;}
.data-conD:nth-child(1) .detailsd,.data-conD:nth-child(2) .detailsd,.data-conD:nth-child(3) .detailsd,.data-conD:nth-child(4) .detailsd,.data-conD:nth-child(5) .detailsd{ top:100%; bottom:auto;}

.data-line{ position:absolute; top:-40px; left:0; z-index:3; width:calc(100% - 1px); height:0; background:#e4e4e4; font-size:12px; font-weight:bold; white-space:nowrap;}
.data-line div{ display:inline-block; text-align:center; margin:0; padding:0; position:relative; z-index:9; height:0; vertical-align:top;}
.data-line div span{ display:block; width:1px; height:9000px; position:absolute; top:-50px; right:-1px; border-left:1px solid #ddd; cursor:w-resize;}

.data-tit div,.data-con .data-conD div{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; height:40px; line-height:40px; display:inline-block; text-align:center; margin:0; padding:0;}
.data-tit div{ line-height:40px; height:40px; position:relative;}
.data-con .data-conD div{ overflow:hidden; position:relative;}
.data-tit div .data-p,.data-conD div .data-p{ cursor:pointer; display:table; vertical-align:middle; position:absolute; top:0; left:0; width:100%;}
.data-tit div .data-p span,.data-conD div .data-p span{ display:table-cell; vertical-align:middle; height:40px;}
/*.data-tit div input,.data-conD div input{ vertical-align:middle; display:inline-block; margin-right:3px;}*/
.w-resize{ cursor:w-resize;}
.data-tit{
-webkit-user-select:none;
-moz-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
}
.data-con{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; overflow-y:auto; background:url(../image/bg.png) top;}
.data-none{ position:absolute; top:50%; left:50%; height:300px; width:300px; margin:-150px 0 0 -150px; background:url(../image/none.png) center no-repeat;}

.datanone{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; overflow-y:auto; border-bottom:1px solid #ccc; box-sizing:border-box;}
.databztd{ padding:20px 10px;}

/*.data-conD .f-up-a{ display:none;}*/
.data-conD div:hover .f-up-a{ display:inline-block;}

.w50{width:50px;width:calc(100%*50/1200);width:-webkit-calc(100%*50/1200);width:-moz-calc(100%*50/1200);}
.w60{width:60px;width:calc(100%*60/1200);width:-webkit-calc(100%*60/1200);width:-moz-calc(100%*60/1200);}
.w70{width:70px;width:calc(100%*70/1200);width:-webkit-calc(100%*70/1200);width:-moz-calc(100%*70/1200);}
.w80{width:80px;width:calc(100%*80/1200);width:-webkit-calc(100%*80/1200);width:-moz-calc(100%*80/1200);}
.w90{width:90px;width:calc(100%*90/1200);width:-webkit-calc(100%*90/1200);width:-moz-calc(100%*90/1200);}
.w100{width:100px;width:calc(100%*100/1200);width:-webkit-calc(100%*100/1200);width:-moz-calc(100%*100/1200);}
.w110{width:110px;width:calc(100%*110/1200);width:-webkit-calc(100%*110/1200);width:-moz-calc(100%*110/1200);}
.w120{width:120px;width:calc(100%*120/1200);width:-webkit-calc(100%*120/1200);width:-moz-calc(100%*120/1200);}
.w130{width:130px;width:calc(100%*130/1200);width:-webkit-calc(100%*130/1200);width:-moz-calc(100%*130/1200);}
.w140{width:140px;width:calc(100%*140/1200);width:-webkit-calc(100%*140/1200);width:-moz-calc(100%*140/1200);}
.w150{width:150px;width:calc(100%*150/1200);width:-webkit-calc(100%*150/1200);width:-moz-calc(100%*150/1200);}
.w160{width:160px;width:calc(100%*160/1200);width:-webkit-calc(100%*160/1200);width:-moz-calc(100%*160/1200);}
.w170{width:170px;width:calc(100%*170/1200);width:-webkit-calc(100%*170/1200);width:-moz-calc(100%*170/1200);}
.w180{width:180px;width:calc(100%*180/1200);width:-webkit-calc(100%*180/1200);width:-moz-calc(100%*180/1200);}
.w190{width:190px;width:calc(100%*190/1200);width:-webkit-calc(100%*190/1200);width:-moz-calc(100%*190/1200);}
.w200{width:200px;width:calc(100%*200/1200);width:-webkit-calc(100%*200/1200);width:-moz-calc(100%*200/1200);}
.w210{width:210px;width:calc(100%*210/1200);width:-webkit-calc(100%*210/1200);width:-moz-calc(100%*210/1200);}
.w220{width:220px;width:calc(100%*220/1200);width:-webkit-calc(100%*220/1200);width:-moz-calc(100%*220/1200);}
.w230{width:230px;width:calc(100%*230/1200);width:-webkit-calc(100%*230/1200);width:-moz-calc(100%*230/1200);}
.w240{width:240px;width:calc(100%*240/1200);width:-webkit-calc(100%*240/1200);width:-moz-calc(100%*240/1200);}
.w250{width:250px;width:calc(100%*250/1200);width:-webkit-calc(100%*250/1200);width:-moz-calc(100%*250/1200);}
.w260{width:260px;width:calc(100%*260/1200);width:-webkit-calc(100%*260/1200);width:-moz-calc(100%*260/1200);}
.w270{width:270px;width:calc(100%*270/1200);width:-webkit-calc(100%*270/1200);width:-moz-calc(100%*270/1200);}
.w280{width:280px;width:calc(100%*280/1200);width:-webkit-calc(100%*280/1200);width:-moz-calc(100%*280/1200);}
.w290{width:290px;width:calc(100%*290/1200);width:-webkit-calc(100%*290/1200);width:-moz-calc(100%*290/1200);}
.w300{width:300px;width:calc(100%*300/1200);width:-webkit-calc(100%*300/1200);width:-moz-calc(100%*300/1200);}
.w310{width:310px;width:calc(100%*310/1200);width:-webkit-calc(100%*310/1200);width:-moz-calc(100%*310/1200);}
.w320{width:320px;width:calc(100%*320/1200);width:-webkit-calc(100%*320/1200);width:-moz-calc(100%*320/1200);}
.w330{width:330px;width:calc(100%*330/1200);width:-webkit-calc(100%*330/1200);width:-moz-calc(100%*330/1200);}
.w340{width:340px;width:calc(100%*340/1200);width:-webkit-calc(100%*340/1200);width:-moz-calc(100%*340/1200);}
.w350{width:350px;width:calc(100%*350/1200);width:-webkit-calc(100%*350/1200);width:-moz-calc(100%*350/1200);}
.w360{width:360px;width:calc(100%*360/1200);width:-webkit-calc(100%*360/1200);width:-moz-calc(100%*360/1200);}
.w370{width:370px;width:calc(100%*370/1200);width:-webkit-calc(100%*370/1200);width:-moz-calc(100%*370/1200);}
.w380{width:380px;width:calc(100%*380/1200);width:-webkit-calc(100%*380/1200);width:-moz-calc(100%*380/1200);}
.w390{width:390px;width:calc(100%*390/1200);width:-webkit-calc(100%*390/1200);width:-moz-calc(100%*390/1200);}
.w400{width:400px;width:calc(100%*400/1200);width:-webkit-calc(100%*400/1200);width:-moz-calc(100%*400/1200);}
.w600{width:600px;width:calc(100%*600/1200);width:-webkit-calc(100%*600/1200);width:-moz-calc(100%*600/1200);}
.w800{width:800px;width:calc(100%*800/1200);width:-webkit-calc(100%*800/1200);width:-moz-calc(100%*800/1200);}
.w900{width:900px;width:calc(100%*900/1200);width:-webkit-calc(100%*900/1200);width:-moz-calc(100%*900/1200);}


.sort{ display:inline-block; vertical-align:middle; width:14px; height:17px; margin-left:5px; position:relative; display:none;}
.sort a{ display:inline-block; width:100%; height:7px; overflow:hidden; position:absolute; left:0; cursor:pointer;}
.sort a i{ border-top:7px solid #666; border-bottom:7px solid #666; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; top:0; left:0; display:inline-block; width:0; height:0; transition:all 0.1s linear;}
.sortT{ top:0;}
.sortT i{ margin-top:-7px;}
.sortB{ bottom:0;}
.sort a:hover i{ border-top-color:#000; border-bottom-color:#000;}
.data-tit div:hover .sort{ display:inline-block;}

.data-operation{ border:none; overflow:auto; background:#fcfcfc; background: url(../image/bg.jpg) top;}
.data-opt{ position:sticky; min-width:100%; top:0; z-index:3;}
.data-opt .data-line,.data-opt .data-tit{ top:0;}
.data-opt .data-tit{ overflow:initial;}
.data-line div span{ height: calc( 100vh - 84px - 80px - 40px - 90px - 2px ); top:0;}
.data-operation .data-con{ overflow:initial; position:relative; top:auto; left:auto; width:auto; height:auto; padding-top:40px;}
.data-ope{ position:sticky; width:100%; top:0; left:0; z-index:4; height:0px;}
.data-ope-con{ position:absolute; right:0; top:0; background:#fff; border-left:1px solid #ddd;}
.data-ope-con{ height: calc( 100vh - 84px - 40px - 80px - 90px - 2px ); top:0; background:#fcfcfc; background: url(../image/bg.jpg) top;}
.data-ope-t{ font-size:14px; font-weight:bold; background:#f0f0f0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; height:40px; line-height:40px; text-align:center; position:relative; z-index:2; margin:0; padding:0;}
.data-ope-c{ position:relative; z-index:1;}
.data-ope-ov .data-conD{ box-sizing:border-box; color:#333; height:40px; line-height:40px; text-align:center;}
.data-ope-ov .data-conD:nth-child(2n){ background:#f8f8f8;}

.more{ color:#00acff; cursor:pointer; display:inline-block; position:relative;}
.more:hover{ color:#f00;}
.more-operate{ display:none; box-shadow:0 0 5px 0 #999; background:#fff; border:1px solid #eee; border-radius:5px; position:absolute; top:12px; right:100%; z-index:2; width:150px;}
.more:hover .more-operate{ display:block;}
.more-operate a{ display:block;}
.more-operate a:hover{ background:#f8f8f8;}
.more span{ color:#3f4a5c;}
.more:hover span{ color:#f00;}
.data-ope-ov .data-conD:nth-last-child(1) .more-operate,.data-ope-ov .data-conD:nth-last-child(2) .more-operate,.data-ope-ov .data-conD:nth-last-child(3) .more-operate,.data-ope-ov .data-conD:nth-last-child(4) .more-operate{ top:auto; bottom:12px;}
.data-ope-ov .data-conD:nth-child(1) .more-operate,.data-ope-ov .data-conD:nth-child(2) .more-operate,.data-ope-ov .data-conD:nth-child(3) .more-operate,.data-ope-ov .data-conD:nth-child(4) .more-operate{ top:12px; bottom:auto;}

.zt{ display:inline-block; width:24px; height:24px; background-image:url(../image/zt.png); background-repeat:no-repeat; vertical-align:middle; margin-right:5px;}
.zt-a{ background-position:0 0;}
.zt-b{ background-position:0 -24px;}
.zt-c{ background-position:0 -48px;}
.zt-d{ background-position:0 -72px;}
.zt-e{ background-position:0 -96px;}
.zt-f{ background-position:0 -120px;}
.zt-g{ background-position:0 -144px;}



.mw50{min-width:50px;}
.mw60{min-width:60px;}
.mw70{min-width:70px;}
.mw80{min-width:80px;}
.mw90{min-width:90px;}
.mw100{min-width:100px;}
.mw110{min-width:110px;}
.mw120{min-width:120px;}
.mw130{min-width:130px;}
.mw140{min-width:140px;}
.mw150{min-width:150px;}
.mw160{min-width:160px;}
.mw170{min-width:170px;}
.mw180{min-width:180px;}
.mw190{min-width:190px;}
.mw200{min-width:200px;}
.mw210{min-width:210px;}
.mw220{min-width:220px;}
.mw230{min-width:230px;}
.mw240{min-width:240px;}
.mw250{min-width:250px;}
.mw260{min-width:260px;}
.mw270{min-width:270px;}
.mw280{min-width:280px;}
.mw290{min-width:290px;}
.mw300{min-width:300px;}
.mw310{min-width:310px;}
.mw320{min-width:320px;}
.mw330{min-width:330px;}
.mw340{min-width:340px;}
.mw350{min-width:350px;}
.mw360{min-width:360px;}
.mw370{min-width:370px;}
.mw380{min-width:380px;}
.mw390{min-width:390px;}
.mw400{min-width:400px;}
.mw600{min-width:600px;}
.mw800{min-width:800px;}
.mw900{min-width:900px;}






.handle{ height:26px; margin-top:12px; display:inline-block;}
.handle a{ display:inline-block; margin-right:20px; line-height:26px; height:26px; padding:0 20px; color:#3f4a5c; font-size:14px; border-radius:13px;}
.handle a:hover{ background:#eee;}
.handle a.plch,.handle a.plch:hover{ background:#1c72b9; color:#fff; cursor:default;}
.pageT{ height:36px; margin-bottom:24px; font-size:14px;}
.pageT .pageTdi input{ background-color:transparent;}
.pageTd{ display:inline-block; vertical-align:middle; margin-right:10px;}
.pageTr{ margin-right:0;}
.pageTd .qd{ background:#ea4355;}
.pageTd .qx{ background:#d1d1d1;}
.pageTds{ line-height:34px; color:#302f31; padding-right:10px;}
.pageTdi{ display:inline-block; vertical-align:middle; border:1px solid #b0b0b0; box-sizing:border-box; background:#fff;}
.pageTdi input,.pageTdi select{ height:36px; line-height:36px; padding:0 5px; width:200px; box-sizing:border-box; background:transparent; font-size:14px;}
.pageTdi select{ padding:0; height:36px; line-height:36px;}
.pageTd label select{ width:70px; border-right:1px solid #b0b0b0;}
.pageTd label:last-child select{ border:0;}
.pageTdi .c-datepicker-date-editor{ cursor:pointer; position:relative;}
.pageTdi .c-datepicker-date-editor input{ width:80px; cursor:pointer; position:relative; z-index:2; box-sizing:initial;}
.pageTdi .c-datepicker-date-editor .only-date-r{ padding-right:40px; padding-left:0;}
.pageTdi .fonts{ position:absolute; top:50%; margin-top:-13px; right:5px; z-index:1;}
.mould{ height:32px;}
.mould a{ display:inline-block; width:26px; height:26px; padding:3px; cursor:pointer; vertical-align:middle;}

.pageLdiv{ max-width:100%; overflow:auto; white-space:nowrap; height:60px;}
.pageLdiv span{ font-size:14px; line-height:36px;}
.pageBtch .pageL,.pageLa{ display:none; float:left; font-size:14px;}
.pageBtch .pageLa{ display:block;}
.pageTczD,.pageTczC{ display:inline-block; height:34px; line-height:34px; margin-right:20px;}
.pageTczD span{ display:inline-block; padding:0 5px; color:#f00;}
.pageTczC{ cursor:pointer;}
.pageTczC .fonts{ margin-right:5px;}
.pageTczC:hover{ color:#20a0ff;}






/*登录注册布局*/
.login-structure{ background:url(../image/login-user.jpg) center no-repeat; background-size:cover; min-height:100vh; width:100%; display:flex; justify-content:center; align-items:center;}
.login-content{ width:1200px; margin:0 auto;}
.login-top{ height:110px; width:100%;}
.login-top .logo{ display:flex; justify-content:left; align-items:center; height:110px; width:300px; float:left;}
.login-top .logo a{ display:inline-block; margin-right:10px;}
.login-top .nav{ font-size:2.2em; line-height:40px; float:right; padding-top:35px;}
.login-top .nav a{ color:#fff;}
.login-top .nav a:hover{ color:#f00;}
.login-top .nav span{ color:#fff; display:inline-block; padding:0 5px;}
.login-centre{ min-height: calc( 100vh - 220px ); width:100%; border-radius:10px; overflow:hidden; position:relative;}
.login-centre:before{ display:none; content:""; position:absolute; top:0; left:0; background:url(../image/login-user-top.png) left top no-repeat; width:100%; height:50%; z-index:1;}
.login-centre:after{ display:none; content:""; position:absolute; bottom:0; left:0; background:url(../image/login-user-bottom.png) left bottom no-repeat; width:100%; height:50%; z-index:2;}
.login-user{ min-height: calc( 100vh - 220px ); display:flex; justify-content:center; align-items:center; width:100%; position:relative; z-index:6;}
.login-bottom{ height:110px; width:100%; color:#000; font-size:1.4em; line-height:20px; text-align:center; padding-top:35px;}
.login-bottom a{ color:#000;}
.login-bottom a:hover{ color:#f00;}


/*登录*/
.login-xx{ width:100%;}
.login-img{ height: calc( 100vh - 220px ); min-height:660px; width:700px; text-align:center; background:#fff; display:flex; justify-content:center; align-items:center;}
.login-lta{ text-align:left; width:600px; padding-bottom:20px;}
.login-lta h1{ color:#ea4355; font-size:48px; font-family:"阿里巴巴普惠体";}
.login-lta p{ color:#ea4355; font-size:24px;}

.login-txt{ width:500px; padding:0 100px;}
.login-t{ display:block;}
div.login-error{ position:absolute; top:100%; left:0; padding-top:5px; font-size:1.8em; line-height:1em; color:#fff400;}
.login-t h1,.login-t h2,.login-t span{ font-size:3.2em; line-height:1em; font-weight:normal; color:#fff;}
.login-show{ display:block;}
.login-none{ display:none;}
.login-t p{ font-size:2.4em; line-height:1em; padding-top:5px; color:#fff;}
.login-input{}
.login-la{ position:relative; margin-top:34px;}
.login-name{}
.login-pwd{}
.login-input-div{ background:#fff; border-radius:10px; overflow:hidden; border:1px solid #ddd; border-radius:10px;}
.login-input-div label{ padding-left:60px; position:relative; display:block;}
.login-input-div input{ height:74px; line-height:74px; font-size:2.4em; width:100%;}
.login-input-div span{ display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; left:10px; background-image:url(../image/login-icon.png);}
.login-iu{ background-position:0 0;}
.login-ip{ background-position:-40px 0;}
.login-input-div input:focus + .login-iu{ background-position:0 -40px;}
.login-input-div input:focus + .login-ip{ background-position:-40px -40px;}
.login-submit{ margin-top:30px;}
.login-remember{ font-size:1.8em; line-height:1em; padding:10px 0 30px 0;}
.login-remember label{}
.login-remember label:hover{}
.login-remember input{}
.login-remember span{ font-size:1em; background:none; border-radius:50%; border-width:2px; width:1.1em; height:1.1em; margin-top:-0.55em;}
.login-remember span font{ height:2px;}
.login-remember p{ font-size:1em; color:#fff;}
.login-remember label:hover p{ color:#f00;}
.login-submit-but{ width:100%;}
.login-submit-but input{ cursor:pointer; width:100%; background:url(../image/login-bg.png) center; background-size:100% auto; font-size:2.4em; color:#fff; border-radius:10px; line-height:2.4em;}
.login-copyright{ padding:30px 0;}
.login-copyright a{ color:#fff;}
.login-copyright a:hover,.login-copyright a:hover p{ color:#fff;}
.login-copyright p{ color:#fff; font-size:1.4em; text-align:center; line-height:1.8em;}
.login-submit-but input:hover{ opacity:0.8;}
.login-submit-but input:active{ opacity:1;}
.login-submit .checkbox span{ border:1px solid #fff;}
.login-submit .checkbox span font:before,.checkbox span font:after{ background:#fff;}
.login-url{ padding-top:20px;}
.login-url a{ color:#fff; font-size:1.8em; line-height:2em;}
.login-url a:hover{ color:#f00;}
.login-url-l{ float:left;}
.login-url-r{ float:right;}
.login-lf{ float:left;}
.login-lt{}
.login-rf{ float:right; background:rgba(234,67,85,0.3); height: calc( 100vh - 220px ); min-height:660px; padding:50px; display:flex; justify-content:center; align-items:center;}
.login-t-bg{}




/*首页评审/详情内容*/
.content{ border-top:1px solid #ddd; padding-top:10px;}
.content-t{}
.fixed-t{ font-size:18px; color:#3f4a5c; line-height:40px; font-weight:bold;}
.content-c{ padding-bottom:10px;}
.content-c span{ font-size:16px; line-height:30px; color:#ea4355;}
.content-c p{ font-size:16px; color:#3f4a5c; line-height:30px;}

/*评审*/
.examine{ padding-right:10px;}
.examine-z{ margin-top:20px;}
.examine-a{ font-size:16px; line-height:26px;}
.examine-aa div{ padding-right:120px; position:relative; margin:0 0 30px 0; text-align:justify;}
.examine-aa span{ display:flex; justify-content:center; align-items:center; height:100%; position:absolute; top:0; right:0; width:100px;}
.examine-aa input{ border:1px solid #000; height:26px; width:50px; padding:0 5px;}
.examine-aa font{ padding-left:5px;}
.examine-aa .examine-error p font{ color:#f00;}
.examine-aa .examine-error input{ border:1px solid #f00;}
.examine-b{}
.examine-b span{}
.examine-c{ position:relative;}
.examine-c textarea{ border:1px solid #000; font-size:16px; line-height:30px; max-width:100%; min-height:150px;	 min-width:100%; padding:0 5px; box-sizing:border-box;}
.examine-c span{}
.examine-sub{ text-align:right; padding:20px 0;}
.examine-sub input{ margin-left:10px;}
.files-sub{ text-align:center;}

/*详情内容*/
.details{ padding-right:10px;}
.files{ margin:20px 0;}
.data-files{ padding-bottom:20px;}
.data-files-div{ position:relative; padding-left:70px; float:left; width:70%;}
.data-files-icon{ position:absolute; left:0; top:0; width:60px; height:60px; background:url(../image/wj.png) center no-repeat;}
.data-files-name{ font-size:20px; color:#3f4a5c; line-height:30px;}
.data-files-name p{}
.data-files-name span{}
.data-ranking{ float:right; width:30%; text-align:right; font-size:20px; color:#3f4a5c;}
.data-ranking-num{ font-size:18px; line-height:30px; color:#3f4a5c;}
.data-ranking-num span{ display:inline-block; vertical-align:middle;}
.data-ranking-num font{ display:inline-block; vertical-align:middle;}
.data-ranking-dow{}
.data-ranking-dow a{}
.data-details{ font-size:16px; line-height:30px; color:#3f4a5c;}
.data-details div{ display:inline-block; float:left; min-width:33%;}
.data-details div span{}
.data-img{}
.data-img span{ font-size:16px; line-height:40px; padding-bottom:5px; display:inline-block; color:#3f4a5c;}
.data-img img{ display:block; max-width:50%;}


/*提示*/
.tips{ width:500px; border-radius:10px; overflow:hidden; background:#fff; box-shadow:0 0 5px 2px #ccc;}
.tips-t{ background:#188cff; height:42px; padding-right:42px; position:relative;}
.tips-t p{ color:#fff; font-size:16px; padding-left:10px; line-height:42px;}
.tips-t .close{ position:absolute; top:6px; right:6px; padding:5px; box-sizing:content-box;}
.tips-t .close font:before{ background:#fff;}
.tips-t .close font:after{background:#fff;}
.tips-c{ height:300px; display:flex; justify-content:center; align-items:center;}
.tips-centent{ color:#188cff; line-height:50px; padding:20px; padding-left:80px; position:relative;}
.tips-centent span{ display:inline-block; width:50px; height:50px; line-height:50px; margin-right:10px; vertical-align:middle; background:url(../image/cg.png) center no-repeat; position:absolute; top:20px; left:20px;}
.tips-centent font{ display:inline-block; color:#3f4a5c; vertical-align:middle; font-size:20px; line-height:30px; padding:10px 0;}
.tips-txt{ font-size:16px; line-height:24px; color:#3f4a5c;}
.tips-false{}
.tips-false .tips-t{ background:#3f4a5c;}
.tips-false .tips-centent span{ background-image:url(../image/sb.png);}