/* Minification failed. Returning unminified contents. (174,48): run-time error CSS1034: (174,48): run-time error CSS1042: Expected function, found ',' (174,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' */ /**************************************************************新版UI开始****************************************************************/ /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 公共全局开始 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ /*【屏保开始】*/ #screensaver{width:100%;height:100%; background:url(/Content/Images/ScreenSaver.jpg);display:none;position:absolute;left:0;top:0;z-index:9999;} #screensaverLogin{width:400px;height:100px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:none;background: url(/Content/Images/bg-white-lock2.png) repeat;border-radius: 10px;} #screensaverLogin div{position: absolute;top: 50%;left: 50%;width: 400px;height: 100px;margin-left: -185px;margin-top: -20px;} #screensaverLogin div input{width:256px;height:40px;} #screensaverLoginBtn{background: #ff9933;width: 110px;height: 40px;border-radius: 5px;} /*【屏保结束】*/ /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 公共全局结束 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 框架开始 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ /**********************************************************【 west开始 】************************************************************/ .layout-split-west {z-index:0;border-width:0;} .layout-panel-west .panel-header{height:60px; width:100%; line-height:60px;border-width:0 0 1px 0;border-bottom:1px solid #17181E;background:#20212C;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1e282c,endColorstr=#1e282c,GradientType=0)} .layout-panel-west .panel-header .panel-title{line-height:50px;color:#fff;font-size:24px !important;text-align:center;} #west {width: 270px; height: 100%; overflow-x: hidden;overflow-y:auto;border: 0px;background: #20212c;} /*滚动条样式设置*/ #west::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} #west::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} #west::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} .webname {width:200px;} .userinfo {height:200px;padding-top:0px;text-align:center;overflow:hidden;border-top:1px solid #272833;border-bottom:1px solid #272833;} .userinfo .userphoto{height:90px;padding-top:0px;text-align:center;overflow:hidden;} .userinfo .user-image{width: 75px;height: 75px;border-radius: 50%;margin-right: 10px;margin-top: -6px;} .userinfo .user-quit{cursor:pointer;margin-left:8px;} .userinfo .user-name {height:30px;line-height:30px;overflow:hidden;color:#FFF;text-align:center;font-size:16px !important;} .userinfo .user-header{text-align:center; background:#3c8dbc; padding-top:20px;font-family:'Microsoft YaHei',Arial,Verdana; color:#fff} .userinfo .user-header img{width:100px;height:100px;border-radius:50%} .userinfo .user-post{height:30px;line-height:30px;color:#999;} .userinfo .user-factory {color: #fff;margin-top: 8px;} .userinfo .user-factory a {padding: 3px 10px;border: 1px solid #717175;background: #373842;border-radius: 2px;cursor: pointer;} .userinfo .user-factory a:hover {border: 1px solid #717175;background: #20212c;} .user_name2 { max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .userinfo-mini {display:none;height:50px;line-height:50px;padding-top:5px;text-align:center;overflow:hidden;border-top:1px solid #272833;border-bottom:1px solid #272833; margin-bottom:10px;} .userinfo-mini .userphoto{height:40px;text-align:center;overflow:hidden;} .userinfo-mini .userphoto:hover{height:40px;text-align:center;overflow:hidden;border-left: 3px #6367d0 solid;} .userinfo-mini .userphoto .user-image{width: 25px;height: 25px;border-radius: 50%;} .userinfo-pos{display:block;width:200px;background:#20212c;position:absolute;z-index:999;left:50px;top:89px;} #west .accordion{border:0px;background:#20212c;height:auto;} #west .accordion-body {border:0px;background:#20212c;overflow:hidden;} #west .accordion .accordion-header{height: 30px;line-height: 30px;border:0px;color:#6367d0;border-left:3px #222d32 solid;} #west .accordion .accordion-header-selected{border-left:3px #6367d0 solid;background:#1A1A23;} #west .accordion .accordion-header:hover{color: #6367d0;border-left:3px #6367d0 solid;} #west .accordion .accordion-header-selected .panel-title{color:#fff;} #west .accordion .accordion-header .panel-title:hover{color: #fff;} #west .accordion .panel-title{color:#fff;font-size: 14px !important;text-align:left;} #west .tree-title{line-height: 35px;color:#95959b; padding-left:7px;padding-top:1px;} #west .tree-node .tree-icon {color:#6367d0;} #west .tree-node{height: 35px;line-height:35px;padding-left:20px;margin:7px 0;} #west .tree-node-selected{color:#fff;background:#1d1e28;} #west .tree-node-selected .tree-title{color: #fff;} #west .tree-node-hover{color: #fff;background:#1d1e28;} #west .tree-node-hover .tree-title{color: #fff;} #west .sidemenu-collapsed .panel-icon{margin-left:0;} #westMenu{width:auto !important;overflow-x:hidden;overflow-y:auto;} /*滚动条样式设置*/ #westMenu::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} #westMenu::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} #westMenu::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} /*west展开样式*/ .layout-panel-west .panel-tool {width: 20px;right: 10px;} .layout-panel-west .panel-tool a{width:20px;color:#FFF;opacity:1;margin:0;} .layout-panel-west .panel-tool a:hover{width:20px;background-color:transparent;opacity:1;border-radius:0;} .layout-panel-west .layout-button-left {background: url(images/nav-arrow-left.png) no-repeat 0 0;} .layout-panel-west .layout-button-right {background: url(images/nav-arrow-right.png) no-repeat 0 0;} /*west收缩样式*/ .layout-expand {width:50px !important;background-color: #20212c;} .layout-expand .panel-header {height:40px;border:0;} .layout-expand .panel-body {border:0;} .layout-expand-west .panel-tool{width:20px;right:15px;top:30px;} .layout-expand-west .panel-tool a{width:20px;color:#FFF;opacity:1;} .layout-expand-west .panel-tool a:hover{width:20px;background-color:transparent;opacity:1;border-radius:0;} .layout-expand-west .layout-button-right {background: url(images/nav-arrow-right.png) no-repeat 0 0;} .layout-expand-west .panel-body{margin-top:30px;} .layout-expand-west .panel-body .panel-header{} .layout-expand-west .panel-body .panel-title{display:none;} .layout-expand-west .panel-body .panel-icon{color:#6367d0;} .layout-expand-west .panel-body .panel-tool{display:none;} .sidemenu .accordion .accordion-header {color: #FFF;background:#20212c;} .sidemenu .accordion-header{width:auto !important;} .sidemenu .accordion-header:hover{background:#20212c;} .sidemenu .accordion-header .panel-title{color:#FFF;} .sidemenu .accordion-header .panel-title:hover{color:#FFF;} .sidemenu ul{color:#95959b;background:#20212c;} .sidemenu ul li:hover{color:#FFF;background:#20212c;} .sidemenu .panel{width:auto !important;} .sidemenu .panel-body{width:auto !important;overflow:hidden;} .sidemenu .tree-icon{display:none;} .sidemenu .tree-title{ padding-left:4px;color:#95959b;line-height: 20px !important; height:25px !important;font-size:14px;margin:0;} .sidemenu .tree-node-hover {background: #20212c;color: #FFF;} .sidemenu .tree-node-hover span{background: #20212c;color: #FFF;} .sidemenu .tree-node-selected{background: #20212c;color: #FFF;border-left: 3px #222d32 solid;border-right:0;} #west .accordion-collapse {width:18px;background: url('/content/themes/base/images/accordion_arrows4.png') no-repeat 0 0;} #west .accordion-expand {background: url('/content/themes/base/images/accordion_arrows4.png') no-repeat -16px 0;} /*west收起*/ .layout-panel-center{position: relative;left:50px;top:0;overflow: hidden;} /**********************************************************【 west结束 】************************************************************/ /**********************************************************【 center开始 】************************************************************/ #center{background:#E9ECF3;} /*border渐变色*/ .banner{width: 100%;height:60px;overflow-y:hidden;overflow-x:auto;background:#fff; /*padding-left:2%;*/ -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); box-shadow: 0 2px 2px rgba(0,0,0,0.2); /*border-bottom:2px solid; border-image: -webkit-linear-gradient(#BCBEC4,#E0E3EA) 30 30; border-image: -moz-linear-gradient(#BCBEC4,#E0E3EA) 30 30; border-image: linear-gradient(#BCBEC4,#E0E3EA) 30 30;*/ } /*滚动条样式设置*/ .banner::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} .banner::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} .banner::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} /*【顶部菜单开始】*/ .banner #topmenu{width:100%;} .banner #topmenucontent{width:auto;height:60px;overflow-x:auto;overflow-y:hidden;white-space: nowrap;} /*滚动条样式设置*/ #topmenucontent::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} #topmenucontent::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} #topmenucontent::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} .banner .bannerMenu{padding:0;height:100%;color:#000;text-decoration:none;line-height:50px;font-size:14px;} .banner .bannerMenu lable{color:#6367d0;margin:8px;} .banner .bannerMenu span{letter-spacing:1px;color:#000;font-weight:bold;margin-right:10px;} .banner .bannerMenu:hover{position:relative;color:#6367d0;} .banner .bannerMenu:hover::after{width:20px;height:4px; content:"";position:absolute; top:80%;left:50%; margin-right:-10px; background:#6367d0;} .banner .topmenu{margin:5px 10px 0 10px;position:relative;font-size:14px;display:inline-block;} /*慎动难调*/ .banner .selected .bannerMenu::before{width:20px;height:4px; content:"";position:absolute; top:80%;left:50%; margin-right:-10px; background:#6367d0;} .banner .selected a span{color:#6367d0;} /*滚动条整体样式*/ #topmenu::-webkit-scrollbar {width: 10px;height: 1px;} /*滚动条里面小方块*/ #topmenu::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);} /*滚动条里面轨道*/ #topmenu::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);} /*【顶部菜单结束】*/ #mainTab{border:1px solid #e0e3ea;margin:5px;height:100%; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); box-shadow:2px 2px 5px rgb(88, 126, 137,0.2); /*box-shadow: rgba(233,236,243,0.4) 2px 2px;*/ /*box-shadow: #E9ECF3 0px 0px 2px 2px;*/ } #mainTab .tabs-header{padding-top:0;border-width: 1px;border-bottom-width:0px;background:#FFF;} #mainTab .tabs-title{font-size:14px;} #mainTab .tabs-header .tabs-wrap{width:auto !important;padding-left:0px;background:#fff;padding-top:9px;box-sizing: border-box;border-bottom:1px solid #e3e7ea;;overflow-x:hidden;} #mainTab .tabs-header .tabs-scroller-left {width:20px;height:20px !important;position: absolute;top: 15px;background:#fff none;border: 1px solid #e3e7ea;border-radius: 50%;z-index:10;} #mainTab .tabs-header .tabs-scroller-left::after{position:absolute;left:1px;top:1px;content:url(/Content/Images/pleft.png);} #mainTab .tabs-header .tabs-scroller-right {width:20px;height:20px !important;position: absolute;top: 15px;right:40px;background: #fff none;border: 1px solid #e3e7ea;border-radius: 50%;z-index:10;} #mainTab .tabs-header .tabs-scroller-right::after{position:absolute;left:1px;top:1px;content:url(/Content/Images/pright.png);} #mainTab .tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li .tabs-inner, .tabs li.tabs-selected .tabs-inner, .tabs-header-bottom .tabs li.tabs-selected .tabs-inner, .tabs-header-left .tabs li.tabs-selected .tabs-inner, .tabs-header-right .tabs li.tabs-selected .tabs-inner {border-color: #e3e7ea;} #mainTab .tabs-header .tabs-tool{background:#FFF;display:none;border-right-color:#FFF;right:0px !important;} #mainTab .tabs-header .tabs-scroller-over{width:20px;height:20px !important;position: absolute;top: 15px;background-color:#e2e2e2;border-radius:50%;} /*#mainTab .tabs-header .tabs-scroller-over{height:25px !important;background-color:#e2e2e2;margin:5px 0 8px 0;}*/ .fullset{margin:10px 5px 10px 5px;cursor:pointer;width:25px;height:25px;padding:5px;} .fullset:hover{margin:10px 5px 10px 5px;cursor:pointer;width:25px;height:25px;padding:5px;background:#eee;} .layoutConfig{margin:8px;margin-right:0;display:none;cursor:pointer;width:28px;height:28px;padding:5px;} .layoutConfig:hover{margin:8px;margin-right:0;display:none;cursor:pointer;width:28px;height:28px;padding:5px;background:#eee;} #mainTab .tabs-panels{background:#fff;padding:10px 0;height:100%;} #mainTab .tabs-wrap .tabs{padding-left:20px;height:35px !important;line-height:35px !important;border-bottom:1px solid #e0e3ea;} #mainTab .tabs li {height:35px !important;line-height:35px;} /*#mainTab .tabs li a{height:40px ;}*/ #mainTab .tabs li .tabs-inner {height:40px !important;line-height:40px;} /*#mainTab .tabs-wrap ul li{border-top:1px solid #6367d0;border-radius:2px 2px 0 0;}*/ /*#mainTab .tabs-wrap ul li:hover{border-top:2px solid #6367d0;border-radius:2px 2px 0 0;}*/ #mainTab .tabs li.tabs-selected{border-color:#6367d0;} #mainTab .tabs li.tabs-selected .tabs-inner{border-color:#6367d0;} #mainTab .tabs li.tabs-selected a.tabs-inner{border-top-color: #6367d0;border-top-width: 3px;color:#6367d0;} #mainTab .tabs-inner{color:#000;height:40px;line-height:40px;} /*tab标签字体颜色*/ .tabs li a:hover.tabs-close,.tabs-p-tool a:hover {color: #15e1fe;} .tabs-title {font-size: 14px;} #mainTab .panel-body{overflow-x:auto;overflow-y:hidden;} .datagrid-header .datagrid-cell span {font-size: 14px;} .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {font-size: 14px;} .tree-title{font-size:14px;} /**********************************************************【 center结束 】************************************************************/ /**********************************************************【 east开始 】************************************************************/ #east {width: 50px;border:2px solid #EBEBEB;border-width:0 0 0 2px;} #east .messageLayout{padding-top:20px;} #east .messageLayout ul li{line-height:50px;text-align:center;} .msgcontainer-box{width:300px; height: 100%;display:none;background:#fff;border: 1px solid #e3e7ea;float:right;position:absolute;right:0;top:0;z-index:100;} .msgcontainer-tab{width:300px; height: 77px; border-bottom: 1px solid #e3e7ea;} .msgcontainer-tab li{width: 33.3%;float: left; text-align: center;margin-top:37px;} .msgcontainer_pic{background: url(Images/msgcontainer_pic.png); background-repeat: no-repeat; width:30px; height:24px;box-sizing: border-box; cursor: pointer;} .msgcontainer-box .msg-pic-c{background-position:30px -33px} .msgcontainer-box .msg-pic-n{background-position:-61px -33px} .msgcontainer-box .msg-pic-p{background-position:-149px -33px} .msgcontainer_pic.active.msg-pic-c{background-position: 30px 0} .msgcontainer_pic.active.msg-pic-n{background-position: -61px -1px} .msgcontainer_pic.active.msg-pic-p{background-position: -149px -2px} .msgcontainer_pic.active.msg-pic-c:before,.msgcontainer_pic.active.msg-pic-n:before,.msgcontainer_pic.active.msg-pic-p:before{width:100%;height:2px;background:#767bfb; content: "";position: relative; bottom: 0;left: 0;display: block;bottom: -38px;} .msgcontainer-contacts{height: auto;overflow: hidden;} .msgcontainer-contacts-tit h4{float: left; font-size: 14px; height: 45px; line-height: 38px; padding: 5px 24px;box-sizing: border-box;} .msgcontainer-contacts-tit h4 span{font-weight: normal;font-family:'Helvetica';color: #5c657a;} .msgcontainer-contacts-tit b{float: right; width: 60px;margin-top:16px;} .msgcontainer-contacts-tit b p{float: left;margin-right: 5px;} .msgcontainer-contacts-tit .Pleft{width: 16px; height: 16px; background: url(Images/pleft.png); cursor: pointer; border: 1px solid #e0e3ea;} .msgcontainer-contacts-tit .Pright{width: 16px; height: 16px; background: url(Images/pright.png); cursor: pointer;border: 1px solid #e0e3ea;} .msgcontainer-contacts-tit .Pright:hover,.Pleft:hover{border: 1px solid #99a6ad;} .msgcontainer-contacts-list{width: 100%;float: left;box-sizing: border-box;} .msgcontainer-contacts-list dl{width: 100%;float: left;height: 46px;padding:5px 24px;box-sizing: border-box;} .msgcontainer-contacts-list dl dt{width: 30px;height: 30px; border-radius: 15px;float: left;margin-top:3px} .msgcontainer-contacts-list dl dt img{width: 30px;height: 30px; border-radius: 15px;} .msgcontainer-contacts-list dl dd{margin-top: 3px;} .msgcontainer-contacts-list dl .d1{width: 120px;text-indent: 10px;float: left;height: 30px;line-height: 30px;color: #495164} .msgcontainer-contacts-list dl .d2{width: 100px;float: left;height: 30px;line-height: 30px; text-align: right;color: #9ea8ba;font-family: "Helvetica"} .msgcontainer-contacts-list dl:hover{background: #ebeef5} .msgcontainer-news,.msgcontainer-public{display: none;height:auto;overflow: hidden;} .msgcontainer-news-tit h4{float: left; font-size: 14px; height: 45px; line-height: 38px; padding: 5px 24px;box-sizing: border-box;} .msgcontainer-news-tit h4 span{font-weight: normal;font-family:'Helvetica';color: #5c657a;} .msgcontainer-news-tit b{float: right; width: 60px;margin-top:16px;} .msgcontainer-news-tit b p{float: left;margin-right: 5px;} .msgcontainer-news-tit .Pleft{width: 16px; height: 16px; background: url(ipiimg/Pleft.png); cursor: pointer; border: 1px solid #e0e3ea;} .msgcontainer-news-tit .Pright{width: 16px; height: 16px; background: url(ipiimg/Pright.png); cursor: pointer;border: 1px solid #e0e3ea;} .msgcontainer-news-tit .Pright:hover,.Pleft:hover{border: 1px solid #99a6ad;} .msgcontainer-news-list{width: 100%;float: left;box-sizing: border-box;} .msgcontainer-news-list dl{width: 100%;float: left;height:60px;padding:5px 24px;box-sizing: border-box;position: relative;} .msgcontainer-news-list dl dt{width: 40px;height: 40px; border-radius: 20px;float: left;margin-top:3px} .msgcontainer-news-list dl dt img{width: 40px;height: 40px; border-radius:20px;} .msgcontainer-news-list dl dd{margin-top: 3px;} .msgcontainer-news-list dl .d1{width: 120px;text-indent: 10px;float: left;height: 20px;line-height: 20px;color: #495164} .msgcontainer-news-list dl .d2{width: 60px;float: right;height: 20px;line-height: 20px; text-align: right;color: #9ea8ba;font-family: "Helvetica"} .msgcontainer-news-list dl .d3{width:190px;float: left;height: 20px;line-height: 20px; text-align: left;color: #6e798f;text-overflow: ellipsis;overflow: hidden; white-space:nowrap;margin-left: 9px;font-size: 12px;} .msgcontainer-news-list dl i{height: 18px;width: 18px;border-radius: 9px;background: #f37080; color: #fff;z-index: 999;position: absolute;right:22px; top:32px;display: block; text-align: center;font-style: normal;font-size: 12px;line-height: 18px;} .msgcontainer-news-list dl:hover{background: #ebeef5} .msgcontainer-us{width: 100%;padding: 0 24px;position: absolute;bottom:0px; box-sizing: border-box;height:280px;z-index: 999;background: #fff} .msgcontainer-us i{height: 5px; width: 100%; float: left;background: #e0e3ea;margin-bottom:20px;} .msgcontainer-us-b{width: 100%;border:1px solid #e0e3ea; height: 220px;margin-top:20px; border-bottom: none;} .msgcontainer-us-b ul{height: 110px; border-bottom: 1px solid #e0e3ea;padding: 15px 10px; box-sizing: border-box;} .msgcontainer-us-b ul .t1{color: #20212c;font-weight: 700; margin-right:15px; line-height: 30px;} .msgcontainer-us-b ul .t1 img{margin: 5px;padding-top: 5px; float: left;} .msgcontainer-us-b ul .t2{color: #9ea8ba; } .msgcontainer-us-b ul .t3{color: #495164;font-size: 24px;font-weight: 700; margin: 15px 15px 15px 20px} /**********************************************************【 east结束 】************************************************************/ /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 框架结束 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 标准控件开始 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ select {height:28px;padding:0 3px;line-height:28px;color:#555;vertical-align:middle;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-width:1px;border-style:solid;} select option{padding-top:3px;padding-bottom:3px;} /*input*/ input {outline-style: none; border: 1px solid #ccc; /*TextBoxFor*/ } input:invalid {border: 1px solid #ffa8a8;background-color: #fff3f3;}/*当填写的内容不符合要求的时候触发*/ input:focus{border:1px solid #73adff;box-shadow: 0 0 3px 0 #D4D4D4; -moz-box-shadow: 0 0 3px 0 #D4D4D4; -webkit-box-shadow: 0 0 3px 0 #D4D4D4; } /*easyui textbox*/ .textbox-focused {border:1px solid #73adff;box-shadow: 0 0 3px 0 #D4D4D4; -moz-box-shadow: 0 0 3px 0 #D4D4D4; -webkit-box-shadow: 0 0 3px 0 #D4D4D4; } select{outline-style:none;border: 1px solid #ccc;} select:focus{border:1px solid #73adff;box-shadow: 0 0 3px 0 #D4D4D4; -moz-box-shadow: 0 0 3px 0 #D4D4D4; -webkit-box-shadow: 0 0 3px 0 #D4D4D4; } textarea{outline-style:none;border: 1px solid #ccc;} textarea:focus{border:1px solid #73adff;box-shadow: 0 0 3px 0 #D4D4D4; -moz-box-shadow: 0 0 3px 0 #D4D4D4; -webkit-box-shadow: 0 0 3px 0 #D4D4D4; } /*table样式，table容器class="datatable"，width可另外设置*/ /**属性左右显示结构*/ .datatable table,.datatable table tr th,.datatable table tr td { border:1px solid #e7eaec; } .datatable table { width: 100%;height:100%; min-height: 28px; text-align: center; border-collapse: collapse; padding:2px;margin:0 auto;} .datatable-tr table tr th{text-align:right;font-weight:normal;word-break: keep-all;} .datatable-tr table tr td{text-align:left;padding-left:5px;min-width:80px;} /**列表上下显示单行结构*/ .datatable2-tr table tr th{text-align:center;font-weight:normal;word-break: keep-all; background-color:#F5F6F8;} .datatable2-tr table tr td{text-align:center;padding-left:5px;min-width:80px;} /**列表上下显示多行结构*/ .datatable2-tr table tr th{text-align:center;font-weight:normal;word-break: keep-all; background-color:#F5F6F8;} .datatable2-tr table tr td{text-align:left;padding-left:5px;min-width:80px;} /*fieldset{width: 100%;margin-left: 4px;padding: 1em;border: 1px solid #CCC;} legend{font-size: 1.1em;font-weight: 600;padding: 2px 4px 8px 4px;} fieldset, img {border: 0 none;}*/ /*fieldset样式*/ fieldset {border:1px solid #e7eaec;line-height: 30px;list-style: none;padding: 5px 10px;margin-bottom: 2px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } /*进度条.基于easyui的progressbar*/ .progressbar-value {border-radius: 5px;} .progressbar-value, .progressbar-value .progressbar-text {background-color: #767BFB;color: #fff;} /*进度条.红色*/ .progressbar-red .progressbar-value, .progressbar-red .progressbar-value .progressbar-text {background-color: #F37080;color: #fff;} /*进度条.绿色*/ .progressbar-green .progressbar-value, .progressbar-green .progressbar-value .progressbar-text {background-color: #45CA9E;color: #fff;} /*My97datepicker边框颜色*/ .Wdate {border: #e7eaec 1px solid;} /*jQuery.autocomplete组件样式*/ .autocomplete-suggestions { border: 1px solid #D4D4D4;margin-top:1px;background: #FFF;line-height:28px; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } /*datagrid滚动条*/ .datagrid-body::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} .datagrid-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} .datagrid-body::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 标准控件结束 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 个性控件开始 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ .txtInput { width: 250px; height: 28px; padding: 0 3px; line-height: 28px; color: #555; vertical-align: middle; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-width: 1px; border-style: solid; } /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 个性控件结束 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 页面公共开始 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ /*子页面公共开始*/ /*easyui inner*/ .window{padding: 0;border-width: 3px 1px 1px 1px;border-top-color: #6367d0;box-shadow:1px 1px 50px rgba(0,0,0,.3);border-radius: 5px;-webkit-border-radius: 5px;} .window .window-body{border-width:0px;overflow:hidden;} .panel-body {font-size:14px;} /*滚动条样式设置*/ .panel-body::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} .panel-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} .panel-body::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} .messager-button{text-align:right;padding-right:10px;} .layout-content{padding:0 15px;height:100%;} .layout-content-main{padding:0;} .index-content{padding-left:0px;overflow-x: auto;overflow-y:hidden;} /*滚动条样式设置*/ .index-content::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} .index-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} .index-content::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} .index-content-container{overflow:auto;} /*滚动条样式设置*/ .index-content-container::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} .index-content-container::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} .index-content-container::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} .index-content .stuct-container{vertical-align: top; width: 210px;} .index-content .stuct{width:205px;padding:10px;} .index-content .list-container{vertical-align: top; width: 200px;} .index-content .list-container400{vertical-align: top; width: 400px;} .index-content .list-container13{vertical-align: top; width: 130px;} .index-content .list-container33{vertical-align: top; width: 330px;} .index-content .list-container40{vertical-align: top; width: 400px;} .index-content .list-container49{vertical-align: top; width: 490px;} .index-content .list-container30p{vertical-align: top; width: 30%;} .index-content .list-container35p{vertical-align: top; width: 35%;} .index-content .list-container40p{vertical-align: top; width: 40%;} .align-top{vertical-align: top;} .space10{width:10px;} /*模态框按钮栏*/ .mytoolbar {width: 100%;height:60px;min-height: 28px;line-height:50px;border-width: 1px 0 0 0;border-color: #e7eaec;border-style: solid;float: left;padding: 5px 30px 5px 10px;text-align: right;position: absolute;right: 0px;bottom: 0px;overflow: hidden;} .bgb {background-color: #fafafa;border-bottom: 1px solid #e7eaec;padding-top:4px;padding-left:5px;} /*块容器*/ .mybody{overflow-x:auto;overflow-y:auto;height:auto;} /*滚动条样式设置*/ .mybody::-webkit-scrollbar {width: 10px;height: 10px;background-color: #f9f9f9;} .mybody::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #f9f9f9;} .mybody::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;} .mycontent-index {margin: 10px 0px;} .mycontent-index .tabs-panels {border-width:0 1px 1px 1px;border-color:#e7eaec;border-style:solid;} .mycontent-index .tabs{padding-left:20px;} /*.mycontent {margin: 16px auto;width: 90%;}*/ .mycontent {margin: 5px auto;padding:0 15px;} .mycontent2 {margin: 10px auto;width: 99%;} .mycontent2 .stuct-container{vertical-align: top; width: 210px;} .window .window-header .panel-title {padding-left:30px;height:50px;line-height:50px;} .window .window-header .panel-tool{right: 12px;} .window .window-header{border-color: #e7eaec;background:#f9f9f9;height:50px;} .window .window-header .panel-icon{color: #444;left: 12px;font-weight: normal;font-size: 14px;} .window .window-header .panel-with-icon{padding-left:30px;font-weight:normal;font-size:13px;} .window .window-header .panel-icon, .window .window-header .panel-tool{margin-top:-8px;} .mycontent .mypanel {margin-bottom: 5px;border:0;position:relative;} .mypanel .accordion-header{border-width:0px;background:#E0E3EA;cursor:default;} .mypanel .accordion-header .panel-tool{right:40px;} .mypanel .accordion-header .panel-title{color:#000;padding-left:5px;line-height:20px;} .mypanel .accordion-header .panel-title::before{content:"|";margin-right:5px;} .mypanel::-webkit-scrollbar-track, .accordion .accordion-header-selected {background: #E0E3EA;} .mypanel .panel-body {padding: 5px 0 5px 0;} /*formtable适合表单字段单行排列*/ .mypanel .formtable {width:100%;border-collapse:collapse;overflow-x: hidden;overflow-y:scroll;} .mypanel .formtable tr{line-height:28px;vertical-align:middle;display:block; margin:8px 0;} .mypanel .formtable th{width:170px;min-width:70px;height:28px; line-height:28px; font-weight:normal; text-align:right;} /*表单控件样式*/ .mypanel .formtable input[type="text"],input[type="number"],input[type="datetime"],input[type="password"]{width:430px;height:28px;padding:0 3px;line-height:28px;color:#555;vertical-align:middle;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-width: 1px;border-style: solid;} .mypanel .formtable textarea{width:430px;padding:0 3px;line-height:20px;color:#555;vertical-align:middle;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-width:1px;border-style:solid;} .mypanel .formtable .add-input{width:430px;display:inline; background: #dedede;} .mypanel .formtable .combotree-input{width:430px;height:28px;} /*针对easyui的控件*/ .mypanel .formtable span .textbox{width:430px;} /*For EditorFor*/ .text-box{border-color:#ccc;} /*formtable2适合表单单行多字段排列*/ /*.formtable2 {width:100%;border-collapse:collapse;display:block;overflow-x: hidden;overflow-y:auto;}*/ .formtable2 {width:100%;border-collapse:collapse;display:block;} .formtable2 tr{line-height:25px;height:40px;vertical-align:middle;} .formtable2 th{width:auto;min-width:30px;max-width:130px;height:28px; line-height:28px; font-weight:normal;text-align:right;white-space:nowrap;vertical-align: top;padding-top: 6px;} .formtable2 td { width:auto;min-width:100px;padding:0 10px 0 3px;word-wrap:break-word;word-break:break-word;} .formtable2 input{width:150px;height:28px !important;display:inline-block;padding: 4px 6px; border-radius:4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .formtable2 textarea{width:auto;padding:0 3px;line-height:20px;color:#555;vertical-align:middle;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-width:1px;border-style:solid;} .container-input200 input{width:200px;height:28px !important;display:inline-block;padding: 4px 6px; border-radius:4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;} .container-input250 input{width:250px;height:28px !important;display:inline-block;padding: 4px 6px; border-radius:4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;} .container-input300 input{width:300px;height:28px !important;display:inline-block;padding: 4px 6px; border-radius:4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;} .autopanel table{width:100%;border-collapse:separate;border-spacing:0 8px;display:block;overflow-x: hidden;overflow-y:auto;} .autopanel table tr{line-height:25px;height:40px;vertical-align:middle;} .autopanel table th{width:auto;min-width:30px;max-width:110px;height:28px; line-height:28px; font-weight:normal;text-align:right;white-space:nowrap;vertical-align: top;padding-top: 6px;} .autopanel table td { width:100%;min-width:100px;padding:0 10px 0 3px;word-wrap:break-word;word-break:break-word;} .autopanel table input{width:100%;height:28px !important;display:inline-block;padding: 4px 6px; border-radius:4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .autopanel table textarea{width:100%;padding:0 3px;line-height:20px;color:#555;vertical-align:middle;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-width:1px;border-style:solid;} /*带边框的table*/ .table-border{border-right:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden; line-height:25px;} .table-border th{width:auto;min-width: 30px;max-width: 110px;text-align:right;border-left:1px solid #ccc;border-top:1px solid #ccc;word-wrap:normal; word-break:keep-all;} .table-border td{border-left:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word; word-break:break-word;} /*easyui datagrid列的长度控制*/ .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /*datagrid嵌套datatable*/ .gridtable{width:100%;} .gridtable tbody{width:100%;} .gridtable td{text-align:center;} /*datagrid浮层datatable*/ .gridtable2{border:1px solid #ccc;background:#f5f6f8;border-collapse:collapse;} .gridtable2 tbody{width:100%;} .gridtable2 td{text-align:center;line-height:28px;padding:0 10px;} .mypanel .mytools{float:left;position: absolute;top: 0;left: 100px;} .mypanel .formtable-list{width:80%;margin:0 auto;} .mypanel .formtable-list .panel-body {padding: 0;} .mypanel .formtable-list2{width:95%;margin:0 auto;} .mypanel .formtable-list2 .panel-body {padding: 0;} .mypanel .mycombobox{width:200px;height:28px;} /*颜色选择组件*/ .sp-replacer{border-radius:5px;width:430px;} .sp-preview{width:395px !important;} /*表单中tab样式*/ #configTabs .tabs-header{height:50px;border-color:#e0e3ea;background-color:#fff;border-bottom:1px solid #e0e3ea;} #configTabs .tabs-header .tabs{height:50px !important;line-height:45px;} #configTabs .tabs-header .tabs li .tabs-inner{border:0;position:relative;color:#000;font-weight:bold;text-decoration:none;line-height:41px;} #configTabs .tabs-header .tabs .tabs-selected span{font-weight:bold;color:#6367d0;} #configTabs .tabs-header .tabs li .tabs-inner:hover{font-weight:bold;color:#6367d0;background-color:transparent;} #configTabs .tabs-header .tabs li .tabs-inner:visited{font-weight:bold;color:#000;background-color:transparent;} #configTabs .tabs-header .tabs .tabs-selected .tabs-inner::before{width:40px;height:3px; content:"";position:absolute; top:100%;right:50%; margin-right:-20px; background:#6367d0;} #configTabs .tabs-header .tabs li .tabs-inner:hover::after{width:40px;height:3px; content:"";position:absolute; top:100%;right:50%; margin-right:-20px; background:#6367d0;} /*Index中tab样式*/ #indexTabs .tabs-header{height:50px;border-color:#e0e3ea;background-color:#fff;border-bottom:1px solid #e0e3ea;} #indexTabs .tabs-header .tabs{height:50px !important;line-height:45px;} #indexTabs .tabs-header .tabs li .tabs-inner{border:0;position:relative;color:#000;font-weight:bold;text-decoration:none;line-height:41px;} #indexTabs .tabs-header .tabs .tabs-selected span{font-weight:bold;color:#6367d0;} #indexTabs .tabs-header .tabs li .tabs-inner:hover{font-weight:bold;color:#6367d0;background-color:transparent;} #indexTabs .tabs-header .tabs li .tabs-inner:visited{font-weight:bold;color:#000;background-color:transparent;} #indexTabs .tabs-header .tabs .tabs-selected .tabs-inner::before{width:40px;height:3px; content:"";position:absolute; top:100%;right:50%; margin-right:-20px; background:#6367d0;} #indexTabs .tabs-header .tabs li .tabs-inner:hover::after{width:40px;height:3px; content:"";position:absolute; top:100%;right:50%; margin-right:-20px; background:#6367d0;} #indexTabs .tabs-panels{padding:0 10px 10px 10px;} /*信息box*/ .gridster{width:100%;margin:0;padding:0;} .gridster .preview-holder {border: 0 !important;background: #cdc5fb !important;} .info-box{width:100%;height:100%;background:#FFF;border:1px solid #e0e3ea;margin:0 15px 10px 0;} .info-box-content{padding:20px 0 0 20px;color:#6367d0;font-size:36px !important;} .info-box-title{padding:10px 0 0 20px;position:relative;} .info-box .icon-info::after{position: absolute;right: 20px;top: 50%;content:url(Images/info.png)} .info-box .icon-bookmark::after{position: absolute;right: 20px;top: 50%;content:url(Images/bookmark.png)} .info-box .icon-upload::after{position: absolute;right: 20px;top: 50%;content:url(Images/upload.png)} .info-box .icon-favorite::after{position: absolute;right: 20px;top: 50%;content:url(Images/favorite.png)} .calendar-box{min-height:90px;background:#fff;width:100%;border:1px solid #e0e3ea;overflow-y:hidden;} .sign-box{height:100%;background:#fff;width:100%;border:1px solid #e0e3ea;font-size:14px;} .attention-box{height:100%;background:#fff;width:100%;border:1px solid #e0e3ea;} .export-box{height:100%;background:#fff;width:100%;border:1px solid #e0e3ea;} .box-title{border-bottom:1px solid #e0e3ea;height:40px;line-height:40px;font-size:14px;padding-left:15px;position:relative;} .box-title:before{width:3px;height:24px; content:"";position:absolute; top:10px;left:0; margin-left:0px; background:#6367d0;} .box-content{clear:both;} .box-body{float:left;} /*直角标准框——外配高度，行高*/ .sqare-box{border:1px solid #e0e3ea;} .sqare-box .sqare-box-title{width:100%;background:#F2F2F2; padding-left:10px;color:#333; border-bottom: 1px solid #e0e3ea;} /*直角标准框结束*/ /*直角datagrid标准框——外配高度，行高*/ .datagrid-box{border:0;} .datagrid-box .datagrid-box-title{width:100%;background:#F2F2F2; padding-left:10px;color:#333;border-width:1px 1px 0 1px;border-style:solid; border-color:#e0e3ea;} /*直角datagrid标准框结束*/ /*样例：旧配色任务*/ .task_data {font-weight: bold !important;font-size:18px !important;} .task_nodata {vertical-align: middle;text-align: center;line-height: 200px;font-size: 24px !important;font-weight: bold;} .task_data label{font-weight:bold;} .task_data #btnEdit{margin:20px auto;width:100px;height:50px;font-size:18px;padding-top:10px;} .task_data #btnEdit .fa{font-size:18px;} .task_data .panel-body{padding:0;border-width:1px 1px 0 1px !important;} .task_data .toleft{display:inline-block;width:29px;height:50px;background-image:url(/Content/Images/left.png);background-repeat:no-repeat;} .task_data .toright{display:inline-block;width:29px;height:50px;background-image:url(/Content/Images/right.png);background-repeat:no-repeat;} .task_count{float: left;position: absolute;top: 50px;left: 660px;width: 100px;height: 100px;border-radius: 50px;background: #00AA00;text-align: center;font-size: 36px;line-height: 100px;color: white;font-weight: bold;display:none;} .task_count:hover{cursor:pointer;} .mould-box {float: left;width:auto;margin: 10px;text-align: center;background: #66ff99;padding: 10px;font-size: 36px;border: 1px solid #000;border-radius:5px;} .mould-box:hover{cursor:pointer;background-color:#00ff33;} /*.calendar-box .fc-header-toolbar{height:100px;background:linear-gradient(30deg, #7479FB 0%,#7ADFFF 100%);} .calendar-box .fc-head{float: left;position: relative;top: -40px;} .calendar-box .fc th{border-style:none;} .calendar-box .fc td{border-style:none;}*/ /*图片展示，文字居中层叠；必须配合宽度，高度使用 样例：生产采集*/ .img-box{/*width:400px;height:300px;*/float:left;position:relative;overflow:hidden;} .img-box .img-title{/*width: 200px;height: 30px;*/text-align:center;float: left;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 5;} .img-box .img-content{/*width:350px;height:250px;*/float:left;position:absolute;top: 15px;left: 0;right: 0;bottom: 0;margin: auto;overflow:hidden;z-index:1;display: table-cell; text-align: center; vertical-align:middle;} .img-box .img-content img{max-width:100%;height:auto;} .img-box .img-content img:hover{cursor:pointer;} .img-box .file-type{position: relative;text-align: center;top: 88%;line-height: 25px;z-index:2;} /*操作按钮*/ .btn {display: inline-block;padding: 3px 8px;margin:0 0 0 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center; white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} .btn-default {color: #333;background-color: #ededed;border-color: #ccc;} .btn-default:hover {color: #333;background-color: #d1d1d1;border-color: #8c8c8c;} .btn-default-active{color: #333;background-color: #cccccc;border-color: #ccc;} .btn-primary {color: #fff;background-color: #337ab7;border-color: #2e6da4;} .btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40;} .btn-primary-active {color: #fff;background-color: #1B486F;border-color: #2e6da4;} .btn-info {color: #fff;background-color: #5bc0de;border-color: #46b8da;} .btn-info:hover {color: #fff;background-color: #31b0d5;border-color: #269abc;} .btn-success {color: #fff;background-color: #6367d0;border-color: #6367d0;} .btn-success:hover {color: #fff;background-color: #8B8FFA;border-color: #6367d0;} .btn-warning {color: #fff;background-color: #f0ad4e;border-color: #eea236;} .btn-warning:hover {color: #fff;background-color: #ec971f;border-color: #d58512;} .btn-danger {color: #fff;background-color: #d9534f;border-color: #d43f3a;} .btn-danger:hover {color: #fff;background-color: #c9302c;border-color: #ac2925;} .searchText {width: 170px!important;height: 28px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .scanText {width: 300px!important;height: 40px;padding: 3px 10px;font-size: 24px;font-weight:bold;line-height: 40px;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .btn-other{color: #fff;background-color: #393E51;border-color: #393E51;} .btn-other:hover{color: #fff;background-color: #474747;border-color: #393E51;} .btn-disable{color: #AAA;background-color: #ededed;border-color: #ccc;} .btn-pass {color: #fff;background-color: #00a65a;border-color: #00a65a;} .btn-pass:hover {color: #fff;background-color: #00cc00;border-color: #00cc00;} /*file容器样式开始*/ a.files{ position:relative;margin:0 auto; float:left;line-height:28px; text-align:center;color:#444; width:48px; height:28px; overflow:hidden; display:block; border:1px solid #d7d7d7; background:url(Images/upbtn_bg.png) left top no-repeat;text-decoration:none;border-radius: 4px; } /*file设为透明，并覆盖整个触发面*/ a.files input{ -moz-opacity:0;-khtml-opacity:0;position:absolute;left:0; right:0; top:0; bottom:0; width:100%; height:100%; margin:0;font-size:24px; cursor:pointer; filter:alpha(opacity=0); opacity:0; } /*取消点击时的虚线框*/ a.files, a.files input{ outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/ } .uploading{ float:left; background:url(loading2.gif) no-repeat left center; padding-left:18px;display:none; line-height:24px; height:24px; color:#333; } .expic{cursor: pointer; width: 140px; height: 140px; border: 1px #ccc solid;} .uploading{ float:left; background:url(Images/loading2.gif) no-repeat left center; padding-left:18px;display:none; line-height:24px; height:24px; color:#333; } #FileUpload{ width:140px;} /*file容器样式结束*/ /*子页面公共结束*/ /*tools*/ .mvctool {min-height: 28px;padding:5px 0 10px 0;clear:both;position:relative;} .mvctool div{float:left;line-height:normal;padding-right:10px;height:40px;padding-top:6px;} .mvctool .rightdiv {height:32px; line-height:32px;float:right;margin-right:30px;} .mvctool .datagrid-btn-separator {margin:7px 2px;height:20px; } .mvctool .l-btn-text {font-size:14px;} .mvctool .l-btn-plain:hover {padding: 1px;} .mvctool .m-btn-plain-active{padding: 1px;} .mvctool .l-btn-icon-left .l-btn-icon {top:14px;} .mvctool span .textbox{width:170px;} /*页面公共结束*/ /*********************************************************┏━━━━━━━━┓*********************************************************** **********************************************************┃ 页面公共结束 ┃*********************************************************** **********************************************************┗━━━━━━━━┛***********************************************************/ /*error开始*/ .error-box{margin: 10px auto;} .error-box-list{border:1px solid #e0e3ea;float: left;width:100%;min-height: 300px;padding: 20px;box-sizing: border-box;margin-top: 20px; display: none;} .error-box-list ul li{margin-bottom: 10px;} .error-box-list ul li span{float: left;text-align: right;width:20%;line-height: 40px;} .error-box-list ul li p{text-align: left;border:1px solid #e0e3ea;box-sizing: border-box;line-height: 40px;text-indent: 10px;width: 80%;float: left;margin-bottom:10px; word-wrap:break-word;word-break:break-word;} .error-text{text-align: left;border:1px solid #e0e3ea; box-sizing: border-box;line-height: 24px;text-indent: 10px;width: 80%;float: left; margin-bottom:10px;font-family:"微软雅黑";padding: 5px} /*error结束*/ /*我的资料*/ .indexContentContainer .myinfo{border:1px solid #DDD;} .myinfo .myinfo-title{height:40px;line-height:40px;font-size:18px;border:1px solid #DDD;border-width:0 0 1px 0;padding-left:15px;} .myinfo .myinfo-title:before{width:3px;height:24px; content:"";position:absolute; top:10px;left:0; margin-left:0px; background:#6367d0;} .myinfo .myinfo-content{} .myinfo-content .user-basic-left{min-width:150px; float:left;margin:20px;padding-left:30px;} .myinfo-content .user-basic-left .linkbtn{margin: 10px auto;text-align: center;} .myinfo-content .user-basic-left .linkbtn a,a:visited{border:1px solid #DDD; padding:5px 10px;color:#777;} .myinfo-content .user-basic-left .linkbtn a:hover{border:1px solid #DDD; padding:5px 10px;color:#6367D0;} .myinfo-content .user-basic-right{float:left;margin:20px 0 0 50px;width:70%;} .myinfo-content .user-basic-right th{text-align:right;font-weight:normal;height:35px;} .myinfo-content .user-basic-right td{min-width:200px;color:#777;} .myinfo-content .user-detail{clear:both;margin:20px; border-top:1px solid #ddd;padding-left:30px;} .myinfo-content .user-detail tr{line-height:25px;} .myinfo-content .user-detail th{text-align:right;height:35px;} .myinfo-content .user-detail td{color:#777;} /* 模具管理——模具收发 提示栏 */ .promptBar{position:absolute;right:0;top:20px;} .promptBar ul{list-style-type:none;font-size: 0;} .promptBar ul li{width:auto;font-size: 14px;list-style:none;padding:0;margin:0 10px;float: left;display: block;position:relative;padding-left:20px;} .promptBar-black::before {content: "";display: block;width: 14px;height: 14px;background-color:black;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 2px;border-radius: 3px;} .promptBar-green::before {content: "";display: block;width: 14px;height: 14px;background-color:lawngreen;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 2px;border-radius: 3px;} .promptBar-blue::before {content: "";display: block;width: 14px;height: 14px;background-color:blue;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 2px;border-radius: 3px;} .promptBar-orange::before {content: "";display: block;width: 14px;height: 14px;background-color:orange;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 2px;border-radius: 3px;} .promptBar-white::before {content: "";display: block;width: 14px;height: 14px;background-color:white;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 2px;border-radius: 3px;} .promptBar-red::before {content: "";display: block;width: 14px;height: 14px;background-color:red;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 2px;border-radius: 3px;} /*生产采集——工单信息*/ .status-color{position:relative;float:right;top:0px;} .status-color ul{list-style-type:none;font-size: 0;} .status-color ul li{font-size: 14px;list-style:none;padding:0;margin:0;float: left;display: block;position:relative;padding-left:20px;} .status-color-green::before {content: "";display: block;width: 14px;height: 14px;background-color:lawngreen;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 7px;border-radius: 3px;} .status-color-white::before {content: "";display: block;width: 14px;height: 14px;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 7px;border-radius: 3px;} .status-color-red::before {content: "";display: block;width: 14px;height: 14px;background-color:red;border: solid 1px #e0e3ea;position: absolute;left: 0;top: 7px;border-radius: 3px;} .status-view{width:100%;text-align:center;line-height:30px;margin-top:10px;} .status-view ul{list-style-type:none;font-size:0;} .status-view ul li{font-size:14px;list-style:none;padding:0;margin:0;float:left;display:block;width:70px;margin-left:30px;border: solid 1px #e0e3ea;position:relative;border-radius: 5px;} .status-view ul li:first-child{font-size:14px;list-style:none;padding:0;margin:0;float:left;display:block;width:70px;margin-left:10px;border: solid 1px #e0e3ea;position:relative;} .status-view ul li::after{font-family: FontAwesome;content:"\f178";position:absolute;left:78px;} .status-view ul li:nth-last-child(1)::after{content:"";}/*倒数第几个li元素*/ .collection-operate a{width:150px;height:35px;line-height:30px;margin:10px;font-size:16px;} .collection-table-input input{width:100%;min-width:50px;max-width:100px;text-align:center;} /**************************************************************新版UI结束******************************************************************/ .hr{height:5px; overflow:hidden;clear:both;}/*分隔符*/ .btnlrm {margin:0 3px; cursor:pointer;} /*easyui通用样式*/ /*iframe 100% q*/ /*.panel-body{ overflow:visible;}*/ .cc .panel-title{height:35px; line-height:35px;} .datagrid .panel-title{height:20px; line-height:20px;} .collapseMenu {width: 30px;} .exceed{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;} /*datagrid超出内容...*/ .switchbutton,.switchbutton-handle{-webkit-border-radius:15px;border-radius:15px;} /*开关边缘*/ .accordion-header .panel-tool .fa {color:#575765} .accordion-header-selected .panel-tool .fa {color:#fff} .user-header {height:150px;} .tree-folder {background:url('');line-height:20px;margin-top:3px;font:normal normal normal 14px/1 FontAwesome;font-size:small;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .tree-folder:before{content:"\f07b"} .tree-folder-open {background:url('');margin-top:3px;font:normal normal normal 14px/1 FontAwesome;font-size:small;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .tree-folder-open:before{content:"\f07c"} .tree-file { background:url('');line-height:20px;margin-top:3px;font:normal normal normal 14px/1 FontAwesome;font-size:small;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .tree-file:before{content:"\f0f6"} .tree-collapsed {background:url(''); margin-top:3px; margin-right:-5px; display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .tree-collapsed:before{content:"\f0da"} .tree-expanded {background:url('');margin-top:3px; margin-right:-5px; display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .tree-expanded:before{content:"\f0d7"} .tree-icon{margin-top: 6px;margin-left:5px;} .tree-hit{margin-top: 6px;padding-left:5px;} .tree-node{padding-left:0px;height: 25px;line-height:20px;} .tree-file{overflow:auto;background: url('');vertical-align: middle;} .tree-folder, .tree-folder-open{background: url('');line-height: 19px;} .pagination .l-btn-left {margin:0px;} .tabs-icon{margin-top:-8px;left:12px;} .tabs li a.tabs-inner{padding: 0 15px;} .btns,.btns:hover{color: #fff;border-color:#4cae4c;background:#5cb85c;width:60px;height:26px;} a.btns:hover{background-color:#449d44;border-color:#398439;filter: none;} .btnsb,.btnsb:hover{color: #fff;border-color:#22649c;background:#447fb2;width:60px;height:26px;} a.btnsb:hover{background-color:#337ab7;border-color:#4c83b2;filter: none;} .btnc,.btnc:hover{color: #fff;border-color: #d43f3a;background: #d9534f;width:60px;height:26px;} a.btnc:hover{background-color:#c9302c;border-color:#ac2925;filter: none;} /*遮罩层*/ .window-proxy-mask, .window-mask{background:#000;filter: alpha(opacity=60); opacity: 0.1;} .mycover{background: #000; position: absolute; left: 0px; top: 0px; width: 100%; filter: alpha(opacity=10); opacity: 0.1; display: none; z-index: 2} .combobox-item {cursor:pointer} .combo-p .panel-body {overflow:auto} /*color*/ .color-red{color:red} .color-green{color:green} .color-blue{color:#142ea7} .color-gray{color:gray} .color-gray2{color:#bdbdbd} .color-yellow{color:#eb9d20} .color-white {color:#fff} .color-grayblack {color:#666} .color-black {color:#444} .bgcolor-org {background:#ff6600} .bgcolor-green {background:#23a50f} .bgcolor-blue {background:#116cc4} .bgcolor-gray {background:#efefef} /*font size*/ .fx14{font-size:14px;} .fx16{font-size:16px;} .fx18{font-size:18px;} /*通用 ===============================================*/ table {border-spacing: 0;} .tablespacing {border-spacing: 3px;} .clear{ clear:both} li {list-style: none outside none;} h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;} cite, em {font-style: normal;} .clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;} label[disabled="true"], label[disabled=""], label[disabled="disabled"] {color: #000000;} a:link, a:visited {text-decoration: none;} a:hover {text-decoration:none;} .left {float: left;} .right {float:right} .fl{ float:left} .fr{ float:right} .tl {text-align:left} .tr {text-align:right} .tc {text-align:center} .nobegin {color:#038bff; font-size:14px;font-weight:bold} .spanpass {color:#2adc59; font-size:14px;font-weight:bold} .spanfail {color:#ff0000; font-size:14px ;font-weight:bold} header,footer,nav,section {display: block;} .gray {color:gray} /*full setting*/ .fullSet{width:0;height:0;border-width:35px 0 35px 35px;border-style:solid;border-color:rgba(0,0,0,0.6) transparent transparent;background-clip:padding-box;position:fixed;right:0;top:0} #fullSetButton{color:#fff;cursor:pointer;position:fixed;right:0;top:0;padding:2px;} .upload_btn{ *padding:5px 0 0 5px; border:1px solid #d7d7d7; background:url(Images/upbtn_bg.png) repeat-x left 1px; color: #707070; cursor:pointer; overflow:hidden; vertical-align:middle; } /*from*/ /* Styles for validation helpers -----------------------------------------------------------*/ .searchDrop{float:left; margin:1px 5px 0 0;height:30px;border:1px #ccc solid;font-size:12px;padding:2px 2px;} .small_td {} .small_td input {width:60px !important;} .middle_td {} .middle_td input { width: 150px !important;} .textbox-text {height:19px;border:0px !important;} .field-validation-error{background:url(Images/icons.png) no-repeat 0px -271px;padding-left:18px; margin-bottom:-3px;color: #ff0000; font-size:13px;display:block } .field-validation-valid{display: none;} input.input-validation-error,select.input-validation-error,textarea.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;} .validation-summary-errors{font-weight: bold;color: #ff0000;} .validation-summary-valid{display: none;} /*easyui inherit*/ /* Styles for editor and display helpers----------------------------------------------------------*/ .search{width: 600px;float: left;} #ErrMesList{ display:none; } #ErrMesListContent{padding-left:10px;min-width:200px; line-height:22px;} #ErrMesListContent ul li{list-style:disc} /* 即时消息 */ .webim-logo{} .webim-logo2{color:#1e5dda; background:url('/Content/WebIM/css/images/webimlogo2.gif') no-repeat; padding-left:22px;} .webim-logo img{ } .icon-webim{ background:url(WebIM/css/images/webimlogo.gif) no-repeat left 0; height:20px; width:20px;} .webim-lfbox{ float:left; width:546px; border-right:1px solid #ddd} .webim-rtbox{ float:right;width:158px; padding:0 10px} .webim-info-tit{ line-height:30px; overflow:hidden; padding:0 10px} .webim-info-tit h2{ float:left; font-size:12px; padding-right:20px} .webim-info-tit-name{ float:left; width:450px; padding-top:5px; line-height:0} .webim-info-tit-name li{ display:inline-block; margin-right:5px; margin-bottom:5px; line-height:20px; padding-right:2px; border:1px solid #77b8de; background:#cbebfb; border-radius:4px;} .webim-info-tit-name li a{ display:inline-block;} .webim-info-tit-name li a.webim-info-tit-thename{ padding:0 2px} .webim-info-tit-name li a img{ vertical-align:middle; padding-right:2px} a.webim-info-tit-name-close{ background:url(WebIM/css/images/webim-02.gif) no-repeat; display:inline-block; padding-top:1px; width:7px; height:7px; cursor:pointer;} .webim-info-tit-name li:hover{background:#ebf9ff;} .webim-info-tit-name li:hover a{ color:#ff6600} .webim-info-tit-name li.current{ border:1px solid #c6ad56; background:#fffadb;} .webim-info-tit-name li.current a,.webim-info-tit-name li.current a:visited,.webim-info-tit-name li.current a:hover{ color:#e98e18} .webim-info-tit-name li.current a.webim-info-tit-name-close{ background:url(WebIM/css/images/webim-02b.gif) no-repeat;} .webim-info-tit-name li.current:hover a.webim-info-tit-name-close{ background:url(WebIM/css/images/webim-02.gif) no-repeat;} .webim-info-contentbox{ background:#fff; padding:10px;} .webim-info-content p{ padding-bottom:10px} .webim-info-content .tit{ color:#666; padding-bottom:0} .webim-send-about{ height:22px; line-height:22px; padding:0 10px} .webim-send-about .fl a{ padding-right:10px} .webim-send-about .fr a{ padding-left:10px} .webim-send-butbox{ height:36px; line-height:36px; padding:0 10px} .webim-send-butbox p{ float:left; width:460px; display:table; height:36px} .webim-send-butbox p span.inter{ display:table-cell; vertical-align:middle; line-height:18px} .webim-send-butbox p span.inter-ps{ text-overflow:ellipsis; overflow:hidden} span.inter-ps span{ display:inline-block; padding-right:5px} .webim-send-but{ float:right; background:url(WebIM/css/images/webim-09.gif) no-repeat; width:63px; height:26px; margin-top:5px; border:none; cursor:pointer} .webim-person{ margin:5px 0 5px 0;} .webim-list-tab{ margin-bottom:5px; overflow:hidden} .webim-list-tab li{ float:left; height:20px; line-height:20px; border-bottom:2px solid #fff; padding:0 5px} .webim-list-tab li.current{border:2px solid #ccc; border-bottom:none; font-weight:bold} .webim-list-tab li a {color:#444;} .webim-org-search{ padding-bottom:5px} .webim-org-search input[type="text"]{ width:132px; height:16px; line-height:16px; border:1px solid #a6d2e8; background:#fff} .webim-org-search input[type="button"]{ background:url(WebIM/css/images/webim-04.gif) no-repeat; width:37px; height:20px; line-height:20px; vertical-align:top; border:none; cursor:pointer} .webim-latest ul li{ background:url(WebIM/css/images/webim-01.gif) no-repeat 0 2px; padding-left:20px; padding-bottom:5px} .psselect-lf,.psselect-rt{ float:left; width:160px; height:350px; padding:10px; border:1px solid #C5DBEC} .psselect-lf .webim-list-tab li{ float:left; height:20px; line-height:20px; border-bottom:1px solid #c6dbef; padding:0 5px} .psselect-lf .webim-list-tab li.current{border:1px solid #c6dbef; border-bottom:none; font-weight:bold} .psselect-rt{ float:right; line-height:22px;} .psselect-md{ float:left; width:30px; height:350px; line-height:350px; text-align:center; font-family:"宋体"} .memberlist{ background:#f3f3f3; border:1px solid #ccc; height:300px; overflow:auto} /* 信息系统样式 */ .article-content{ background:#edf6ff; border:1px solid #a5cbe7; border-radius:5px; padding:10px; margin-bottom:10px; overflow:hidden; width:100%} .article-content tr td{ vertical-align:top} .article-content .lf{ width:150px; color:#999; line-height:18px} .comment-tit{ background:#D3EBF8; border:1px solid #A5CBE7; border-bottom:none; border-radius:5px 5px 0 0; height:24px; line-height:24px; text-indent:10px} .comment-content{ border:1px solid #a5cbe7; border-radius:0 0 5px 5px; padding:10px; margin-bottom:10px} .comment-content .mymes{ border-bottom:1px dashed #ddd; padding:10px 0} .mytitle{ padding-bottom:5px; color:#999} .mytitle span{ color:#ab7100} .mycomment{ text-indent:24px} #comment-txt-input{ margin-bottom:5px} .infolist-icon{ padding:2px 2px 2px 17px; background:url(/Content/images/icon/text.png) no-repeat;} .thefile-tit{ font:normal 18px/36px Microsoft YaHei; text-align:center} .thefile-about{ border-bottom:1px dashed #cecfce; text-align:center; color:#999} .thefile-about span{ padding:0 10px} .thefile-compress{ padding:10px 0; line-height:18px} .fabu-tit{ background:#D3EBF8; border-bottom:1px solid #90C1DD; padding:10px; margin-bottom:5px; font-size:14px; font-weight:bold; color:#296d9c} /*导航按钮*/ .arrow-first,.arrow-pre,.arrow-next,.arrow-last{ background:url(/Content/Images/arrow.gif) no-repeat; display:inline-block; height:16px; width:16px; cursor:pointer; vertical-align:middle} .arrow-first{ background-position:-7px 0} .arrow-pre{ background-position:-35px 0} .arrow-next{ background-position:-63px 0} .arrow-last{ background-position:-91px 0} .but-row a,.but-row a:visited{ border:1px solid #B4C1C9; border-radius:5px; display:inline-block; height:16px; line-height:16px; padding:2px 4px; margin-left:5px} .but-row a:hover{ border:1px solid #4994de; background:#eff7ff} .but-row a.but-disabled,.but-row a.but-disabled:visited,.but-row a.but-disabled:hover{ color:#bdd3e7; background:none; border:1px solid #B4C1C9; cursor:default} .but-row a.but-disabled span{ opacity:0.35; cursor:default} /* 页码样式 */ .pages-box{ clear:both; overflow:hidden; height:100%; width:100%; text-align:center} .pages-box tr td{ padding:15px 10px} .pages .item{padding:1px 0;} /*数字页索引样式*/ .pages .cpb {color:#ff6600; font-weight:bold; padding: 1px 6px;} /*当前页样式*/ .pages a { text-decoration:none;padding: 4px 8px; margin:0 1px; border: 1px solid #ddd;} .pages a:hover { background-color: #ff8800; color:#fff; border:1px solid #ff8800; text-decoration:none;font-weight:normal;} .pages input{ width:40px; border:1px solid #c1d2e2; text-align:center; padding:2px} #selIcon {border:1px #ccc solid;width:500px;height:200px;margin-top:5px;overflow:auto;background-color:#fff;position:absolute;display:none;} #selIcon li{float:left;margin:2px;cursor:pointer} /*Flow steyle*/ #setFormLayout input[type="text"], input[type="number"], input[type="datetime"], input[type="datetime"], select, textarea {display: normal;} #setFormLayout{position:relative;overflow:hidden;width:100%;padding:10px;} #setFormLayout .easyui-draggable{border:1px #000 solid;overflow:hidden;background:#fff;width:300px;height:40px;} #setFormLayout .inputtable { height: 100%;width: 100%;} #setFormLayout span { line-height:30px; } #setFormLayout .inputtable .inputtitle {border-right: 1px #000 solid;width: 80px;padding-right: 10px;text-align: right;vertical-align: middle;} #setFormLayout .inputtable .inputcontent {vertical-align: middle;padding: 5px;} #setFormLayout .inputtable .inputcontent .input {width: 96%;} #setFormLayout .inputtable .inputcontent textarea {height: 90%;min-height: 40px;} @keyframes a{0%{border-color:silver}to{border-color:#3e97eb}}.magic-checkbox,.magic-radio{position:absolute;display:none}.magic-checkbox[disabled],.magic-radio[disabled]{cursor:not-allowed}.magic-checkbox+label, .magic-radio+label{position:relative;padding-left:22px;padding-right:6px;cursor:pointer;vertical-align:middle} .magic-checkbox+label:hover:before,.magic-radio+label:hover:before{animation-duration:.4s;animation-fill-mode:both;animation-name:a} .magic-checkbox+label:before{position:absolute;top:2px;left:2px;display:inline-block;width:14px;height:14px;content:'';border:1px solid silver} .magic-radio+label:before{position:absolute;top:0px;left:0px;display:inline-block;width:14px;height:14px;content:'';border:1px solid silver} .magic-checkbox+label:after,.magic-radio+label:after{position:absolute;display:none;content:''}.magic-checkbox[disabled]+label,.magic-radio[disabled]+label{cursor:not-allowed;color:#e4e4e4}.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover,.magic-radio[disabled]+label:after,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover{cursor:not-allowed}.magic-checkbox[disabled]+label:hover:before,.magic-radio[disabled]+label:hover:before{border:1px solid #e4e4e4;animation-name:none}.magic-checkbox[disabled]+label:before,.magic-radio[disabled]+label:before{border-color:#e4e4e4}.magic-checkbox:checked+label:before,.magic-radio:checked+label:before{animation-name:none}.magic-checkbox:checked+label:after,.magic-radio:checked+label:after{display:block}.magic-radio+label:before{border-radius:50%}.magic-radio+label:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#3e97eb}.magic-radio:checked+label:before{border:1px solid #3e97eb}.magic-radio:checked[disabled]+label:before{border:1px solid #c9e2f9}.magic-radio:checked[disabled]+label:after{background:#c9e2f9}.magic-checkbox+label:before{border-radius:3px}.magic-checkbox+label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border:2px solid #fff;border-top:0;border-left:0}.magic-checkbox:checked+label:before{border:#3e97eb;background:#3e97eb}.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9} .notifications { padding:20px; position: relative; margin-bottom: 20px; font-size: 13px; } .notifications i { display: inline-block; width:21px; height: 21px; position: absolute; right: 20px; top:50%; margin-top: -11px; } .notifications.error { background-color: #feeeee; color:#e85252; } .notifications.error i { background-position: -18px -900px; } .notifications.success { background-color: #e8fce8; color:#4c9b4c; } .notifications.success i { background-position: -46px -900px; } .notifications.warning { background-color: #fff8ee; color:#e5a30e; } .notifications.warning i { background-position: -71px -900px; width: 25px; } .notifications.info { background-color: #f6f6f6; color:#3c96af; } .notifications.info i { background-position: -102px -900px; } .editDatagrid {width:233px;height:33px;line-height:29px;float:left; border-bottom:1px solid #ccc;} .editDatagrid input { height:20px;line-height:20px; } /*datagrid print*/ .dg-pb{font-size:13px;border-collapse:collapse;} .dg-pb th{font-weight:bold;text-align:center;border:1px solid #333333;padding:2px;} .dg-pb td{border:1px solid #333333;padding:2px;} /*Email*/ .row{width:100%;line-height:28px;padding:8px 0;clear:both;} .rowleft{width:100px;text-align:right;float:left;} .rowright{width:80%;float:left;} .rowright input{width:100%;} .rowright .selectuser{float:right;position:relative;right:10px;top:-20px;} .rowright textarea{width:100%;height:300px; line-height:20px;} /*多附件上传控件样式*/ .up_load_file {margin: 100px auto;display: none;} .file_sel { width: 100%; height: 100px; margin-top:20px;margin-left:15% } .file_input,.file_drag { float: left; width: 45%; height: 100%; } .file_drag { float: right; width: 100%; background: #f9f9f9; text-align: center; border: 1px dashed #d7dde4; cursor: pointer; } .file_drag:hover { border: 1px dashed #767bfb; } .file_drag span { display: table-cell; vertical-align: middle; color: #999; } .sel_file_img { width: 100%; height: 70%; text-align: center; display: table; } .sel_file_img span { display: table-cell; vertical-align: middle; } .sel_file_btn { position: relative; width: 100%; height: 30%; } .sel_file_btn button { background-color: #fff; border: 1px solid #00B7EE; font-size: 16px; color: #999; letter-spacing: 1px; } .sel_file_btn input,.sel_file_btn button { position: absolute; width: 60%; height: 80%; left: 20%; top: 10%; border-radius: 3px; cursor: pointer; } .file_info_handle {width: 100%;height:42px;display: table;position: relative;margin-left:15%;} .file_info { width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding-left: 2%; border: 1px solid #d7dde4; border-top: none; } .file_info input,.file_info button { position: absolute; width: 80px; height: 30px; top: 10%; margin-right: 5px; background-color: #9195fc; /*border: 1px solid #00B7EE;*/ cursor: pointer; border: none; border-radius: 3px; color: #fff; } .file_info input,.continue_sel { right: 100px; } .uploadfile { right: 0; top: 5px; } .file_show { width: 100%; padding-top: 0; padding-bottom: 10px; border: 1px solid #d7dde4; display: none; border-top: none;margin-left:15% } .img_box,.sel_file_btn { position: relative; display: inline-block; width: 100%; height: 32px; vertical-align: middle; margin-right: 10px; margin-top: 5px; } .img_box img {height: 100%;padding:1%;z-index: 999;position: absolute;} .up_load_success { position: absolute; width: 18px; height: 18px; right:46px; bottom:7px; background: url('/Content/Images/fileimg/success.png') center center no-repeat; display: none;z-index:999 } .img_box .img_handle { position: absolute; width: 100%; height: 32px; top: 0; color: #000; box-sizing: border-box; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer; overflow: hidden; word-wrap: break-word } .icon-bin { position: absolute; right: 10px; top: 0px; width: 20px; height: 20px; line-height: 32px; color: #000; font-size: 14px; } .file_name { display: block; width: 80%; height: 100%; line-height: 32px; text-indent: 10%; padding-right: 5%; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } .img_box:hover .img_handle { height: 100%; background: #f5f5f5; z-index: 99; } /*没有拖拽功能时的样式*/ .noDrag { width: 600px; height: 60px; } .sel_file_btn input, .sel_btn { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; } .sel_file_btn input { opacity: 0; } .upload { padding: 4px 10px; height: 20px; line-height: 120px; position: relative; text-decoration: none; color: #666; } .change { position: absolute; overflow: hidden; right: -60px; top: 0px; opacity: 0; border: 1px solid #000; } .img_up { background: url(/Content/Images/fileimg/upload.png); width: 18px; height: 14px; position: absolute; top: -20px; left: 90px; display: block; }