@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,blockquote,th,td{padding:0;margin:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{font-size:12px;color:#333;font-family:\5fae\8f6f\96c5\9ed1;}
/*common*/
.float-left{float:left;}
.float-right{float:right;}
.clear-float{clear:both;height:0;font-size:1px;line-height:0px;}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clear{zoom:1;}
.over-flow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
a{color:#333; text-decoration:none;}
input,textarea{resize:none; outline:none; font-family:\5fae\8f6f\96c5\9ed1; background:#fff;}
textarea{word-break:break-all;}
input::-ms-clear{display:none;}
.b-text{border:#D5D5D5 1px solid; height:26px; background:#FFF;}
.b-text .b-text-input{height:18px; line-height:18px; padding:4px 5px; *padding:4px 5px 3px; border:0; background:#fff; color:#333; font-size:12px; font-family:\5fae\8f6f\96c5\9ed1;}
.b-text .b-text-time-input{height:32px; line-height:32px;padding-left:5px; border:0; background:#fff; color:#333; font-size:12px; font-family:\5fae\8f6f\96c5\9ed1;}
.b-textarea{border:1px solid #D6DEE2; padding:5px; background:#FFF;}
.b-textarea textarea{width:100%; height:60px; border:0 none; overflow-x:hidden; overflow-y:auto; font-size:12px; line-height:18px; color:#333; font-family:\5fae\8f6f\96c5\9ed1;}
.b-btn-basic{text-align:center; color:#fff; background:#51a3d8; border: #51a3d8 1px solid; font-size:12px; padding:0 10px; text-decoration:none;  float: left; cursor:pointer;}
.b-btn-save{height:34px; line-height:34px; font-size:16px; background:#4fc649; border: 0;}
.b-btn-save:hover{background:#95dd91;}
.b-btn-cancel{height:34px; line-height:34px; font-size:16px; background:#C2C2C2; border: 0;}
.b-btn-cancel:hover{background:#dadada;}
.b-btn-blue{height:34px; line-height:34px; font-size:16px; background:#0574d2; border: 0;}
.b-btn-blue:hover{background:#69abe4;}
.b-text-file{height:32px; line-height:32px; padding-right:90px; position:relative; overflow:hidden;}
.b-text-file .b-text-input{padding:5px 5px; width:100%;}
.b-text-file .view-file{width: 80px; height:32px; line-height:32px; color: #fff; font-size: 14px; text-align:center; background: #0574d2; position:absolute; top:0; right:0; z-index:800;}
.b-text-file .upload-file{width:80px; filter:alpha(opacity=0); opacity:0; position:absolute; top:0; right:0; font-size:200px; z-index:801; cursor:pointer;}
.b-text-filest{padding-right: 60px; border-color: #d6dee2;}
.b-text-filest .view-file{width: 50px; font-size: 12px; color: #333; background: #d6dee2;}
.b-text-filest .upload-file{width: 50px;}
.radio-item{display:inline-block; *display:inline; zoom:1; margin-right:20px; padding:8px 0;}
.radio-item input{overflow:hidden; vertical-align:middle; width:16px; height:16px;}
.radio-item label{padding-left:4px; line-height:16px; display:inline-block; font-size:12px; color:#666; vertical-align:middle;}
.list-op-btn{padding:15px 0 0 20px; height: 28px;}
.list-op-btn ul,.list-op-btn li{float:left;}
.list-op-btn ul{padding-top: 2px;}
.list-op-btn li a{display: block; min-width:40px; height:16px; line-height:16px; background:#F2F2F2; text-align:center; padding:4px 10px;  cursor:pointer;}
.list-op-btn li a:hover{background:#eaeaea;}
.list-op-btn li.current a{background:#51A3D8;color:#fff;font-weight:bold;}
.search-module{width:220px; position: relative; float: right;}
.search-module-input{width:180px;}
.search-input-btn{width:16px; height:16px; background:url(img/ioop-icon.png) -445px -45px no-repeat; position:absolute; top:5px; right:6px; cursor:pointer;}
.search-advance{width: 290px;}
.search-advance-btn{width: 68px; height: 26px; line-height: 26px; position: absolute; top: 0; right: 0; text-align: center; background: #F2F2F2; border-left: #d9d9d9 1px solid; cursor: pointer;}
.search-advance-btn:hover{background:#f6f6f6;}
.search-advance .search-input-btn{right: 78px;}
.search-placehoder{width:170px; height:18px; line-height:18px; color:#a9a9a9; overflow:hidden; position:absolute; top:4px; left:5px;}
.icon-select-date{width:16px; height:16px; background:url(img/ioop-icon.png) -343px -244px no-repeat; position:absolute; top:8px; right:8px; cursor:pointer;}
/* tab one style */
.tab-hidden{display:none;}
.tab-one{height:40px; border-bottom:#D9D9D9 1px solid; background:#FAFAFA; padding-left:20px;}
.tab-one ul{float:left; border-right:#D9D9D9 1px solid;}
.tab-one li{float:left; border-left:#D9D9D9 1px solid; border-top:#D9D9D9 1px solid; background:#fff;}
.tab-one li a{margin:1px; display:block; text-align:center; height:37px; line-height:37px; padding:0 30px; color:#333; font-size:14px; background:#f2f2f2; cursor:pointer;}
.tab-one li a:hover{color:#2a8ccc;}
.tab-one li.current a{color:#2a8ccc; font-weight:bold; background:#fff; margin:1px 1px 2px 1px; padding-bottom:-1px;}
.tab-m-much li a{padding:0 18px;}
.tab-m-many li a{padding:0 6px;}
/* page */
.list-page{padding:20px 0;text-align:center;}
.list-page a,.list-page span{display:inline-block;*display:inline;zoom:1;height:22px;line-height:22px;text-align:center;font-size:12px;}
.list-page a{border:#D0C9C3 1px solid;color:#275D9D;background:#F9FFFF;min-width:26px;text-align:center;margin-right:5px;cursor:pointer;}
.list-page a:hover{border:#51A3D8 1px solid;}
.list-page a.current{border:#B36D4B 1px solid;color:#CC6224;font-weight:bold;background:#FFECE5;}
.list-page a.pre-page,.list-page a.next-page{width:40px;position:relative;}
.list-page a.pre-page{padding:0 5px 0 15px;}
.list-page a.next-page{padding:0 15px 0 5px;*top:-2px;}
.list-page .pre-arrow,.list-page .next-arrow{position:absolute;top:6px;width:5px;height:9px;}
.list-page .pre-arrow{background:url(img/ioop-icon.png) -65px -30px no-repeat;left:6px;}
.list-page .next-arrow{background:url(img/ioop-icon.png) -75px -30px no-repeat;right:6px;}
.list-page span{color:#969696;}
.list-page span.ellipsis{color:#969696;padding:0 8px;}
.list-page span.goto-page-cono{padding-right:8px;}
.list-page span.goto-page-cont{padding:0 8px;}
.list-page span.goto-page-text{width:30px;border:#D0C9C3 1px solid;}
.list-page span.goto-page-text input{width:20px;height:16px;line-height:16px;padding:2px 3px;border:0;color:#1C1209;text-align:center;}
.list-page span.total-page{color:#969696;padding:0 10px 0 5px;}
.list-page span.goto-page-btn{border:#1E2F49 1px solid;color:#020200;padding:0 8px;*position:relative;*top:-2px;cursor:pointer;}
/* table list */
.list-common-main{padding-top: 15px;}
.list-common{width:100%;color:#333;border-collapse:collapse;table-layout:fixed!important;}
.list-common th{height:30px;line-height:30px;text-align:center;font-size:14px;font-weight:bold;color:#333;border-top:#d9d9d9 1px solid;border-bottom:#d9d9d9 1px solid;}
.list-common td{border-bottom:#d9d9d9 1px solid;}
.list-common th.alg-lft{text-align:left;}
.list-common input{vertical-align:middle;}
.list-common .lt-opt{font-size:14px; line-height:54px; padding:0 8px;}
.list-common.muti-line .lt-opt{line-height: 30px; padding-top: 8px; padding-bottom: 8px;}
.list-common .pd-lft-10{padding-left:10px;}
.list-common .alg-cen{text-align:center;}
.list-common .lt-valid{color:#21bc64;}
.list-common .lt-invalid{color:#b6b6b6;}
.list-common .lt-enable{color:#e46269;}
.list-common .order-up,.list-common .order-down{width:7px;height:20px;position:relative;cursor:pointer;}
.list-common .order-up{background:url(img/ioop-icon.png) -305px -70px no-repeat;margin-right:5px;}
.list-common .order-down{background:url(img/ioop-icon.png) -315px -70px no-repeat;top:5px;}
.list-common .list-row{background:#FFF;}
.list-common .list-row:hover,.list-common .lt-row-checked{background:#f7f7f7;}
.list-common .lt-row-disable,.list-common .lt-row-disable:hover{background:#ffdddd;}
.list-common .lt-operate{position:relative;}
.list-common .lt-operate .lt-opt-title{width:88%;}
.list-common .opt-level-one{text-indent: 1em;}
.list-common .opt-level-two{text-indent: 3em;}
.lt-operate b{cursor:pointer;vertical-align:middle;position:absolute;top:18px;right:30px;display:none;}
.lt-operate:hover b{display:block;}
b.opt-detele{width:18px;height:18px;background:url(img/ioop-icon.png) 0 -265px no-repeat;}
b.opt-edit{width:20px;height:18px;background:url(img/ioop-icon.png) -20px -265px no-repeat;right:5px;}
b.opt-edit-gray{width:19px;height:19px;background:url(img/ioop-icon.png) -45px -265px no-repeat;right:5px;}
.list-tree{border:#D6DEE2 1px solid;padding:10px;}
.list-tree-main{height:200px;overflow:auto;}
.list-tree-main .dialog-tree li a{padding-top:1px;}
.lt-ol-show{font-weight:bold;line-height:34px;font-size:12px;}
.list-opt-opte{overflow:hidden;text-align:center;}
.list-opt-opte a{height:16px;line-height:16px;color:#21bc64;font-size:14px;margin-right:15px;cursor:pointer;}
.two-column-main{padding-top: 15px;}
.two-column-container{width:100%;float:left;}
.two-column-cont{margin-right:211px;}
.column-cont-left{margin-left: 211px; margin-right: 0;}
.two-column-side{width:210px; min-height:450px; float:left; margin-left:-211px; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid;}
.column-side-left{margin-left:-100%; border-right:#d9d9d9 1px solid;}
.column-side-search{height:30px; border-bottom:#d9d9d9 1px solid;}
.column-side-search h3{width:105px; line-height:27px; text-align:center; font-size:14px; color:#e95d1f; border-bottom:#fb783e 3px solid;}
.column-side-form{padding:10px 0 10px 15px;}
.column-side-tree{min-height: 550px; overflow-x: auto;}
.text-order{width:80px;}
.text-order .b-text-input{width:70px; text-align:center;}
/* mask */
.ioop-loading{position:fixed;top:40%;left:0;width:300px;height:74px;z-index:10010;}
.ioop-loading b{width:74px;height:74px;background:url(img/ioop-loading.gif) 0 0 no-repeat;float:left;}
.loading-info{color:#51A3D8;font-size:18px;line-height:30px;padding-top:30px;word-break:break-all;float:left;}
.ioop-loading-mask{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0.8;filter:alpha(opacity = 80);z-index:10000;}
.mask-level-0{z-index:10000;}
.mask-level-1{z-index:20000;}
.ioop-btn-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff url(img/loading.gif) center center no-repeat;opacity:0.8;filter:alpha(opacity=80);z-index:10050;}
.btn-mask-index{background-position:center 80px;}
.ioop-sbtn-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#eee url(img/loading-small.gif) center center no-repeat;opacity:0.8;filter:alpha(opacity=80);z-index:10050;}
/* dialog */
.ioop-dialog{border:#dedede 1px solid;background:#fafafa;width:260px;height:200px;position:fixed;top:0;left:0;display:none;z-index:10010;}
.ioop-dialog h6{background:#f3f3f3;height:38px;line-height:38px;font-size:14px;font-weight:bold;color:#333;border-bottom:#dedede 1px solid;padding:0 40px 0 15px;overflow:hidden;position:relative;cursor:move;}
.ioop-dialog .dialog-close{width:24px;height:24px;background:url(img/ioop-icon.png) -200px -70px no-repeat;position:absolute;top:7px;right:10px;cursor:pointer;}
.ioop-dialog .dialog-close:hover{background:url(img/ioop-icon.png) -230px -70px no-repeat;}
.ioop-dialog .dialog-main{padding:10px;}
.dialog-btn{height:28px;padding:10px 0;margin-top:10px;border-top:#dedede 1px solid;text-align:right;}
.dialog-btn a{border:#dedede 1px solid; border-radius:5px; background:#f3f3f3; color:#333; padding:0 20px; margin-right:10px; height: 26px; line-height: 26px; display: inline-block; *display: inline; *zoom:1; cursor: pointer;}
.dialog-btn a:hover{border:#5eb4c8 1px solid; background:#5eb4c8; color:#fff;}
.dialog-btn a.dialog-btn-ok{background:#4fc649; border:#4fc649 1px solid; color:#fff;}
.dialog-btn a.dialog-btn-ok:hover{background:#3cb536; border:#3cb536 1px solid;}
.dailog-mask{background:#CCC;position:fixed;}
.dialog-table{width:100%;}
.dialog-table td{height:32px;line-height:32px;padding:5px 0;}
.dialog-table td.pd-l-10{padding-left:10px;}
.d-room-name{width:210px;height:32px;}
.d-room-name .b-text-input{width:200px;padding:5px;}
.alert-dialog{width:320px;height:auto;z-index:20010;}
.alert-main dl{padding:0 10px;}
.alert-main dt{float:left;width:40px;height:40px;background:url(img/dialog-alert.png) 0 0 no-repeat;}
.alert-main dt.icon-confirm{background:url(img/dialog-warn.png) 0 0 no-repeat;}
.alert-main dd{margin:5px 0 0 50px;color:#333;font-size:14px;line-height:26px;min-height:60px;max-height:300px;word-break:break-all;overflow:hidden;}
/* not result */
.no-result{padding-top:80px;}
.no-result-normal{width:450px;height:150px;margin:0 auto;background:url(img/no-result.png) center bottom no-repeat;opacity:0.3;filter:alpha(opacity = 30);}
.no-result-normal .no-result-remark{padding-left:60px;font-size:30px;line-height:30px;color:#4EBABC;}
.no-result-small{width:200px;height:70px;margin:0 auto;background:url(img/no-result-small.png) center bottom no-repeat;opacity:0.5;filter:alpha(opacity = 50);}
.no-result-small .no-result-remark{padding-left:30px;font-size:16px;line-height:30px;color:#4EBABC;}
/* form */
.form-option{padding:5px 0;font-size:12px;color:#333;zoom:1;}
.form-option:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.field-name{display:block;line-height:34px;text-align:right;padding-right:10px;}
.form-option .line-h-18{line-height:18px;}
.form-option .form-field-remark{height:16px;line-height:16px;padding:9px 5px;}
.form-t-side{height:32px;line-height:32px;}
.form-t-midle{width:60%;}
.form-t-midle .b-text-input{width:94%;}
.form-t-half{width:50%;}
.form-t-short{width:40%;}
.form-t-short .b-text-input{width:96%;}
.form-t-micro{width:30%;}
.form-t-micro .b-text-input{width:92%;}
.form-t-lang .b-text-input{width:98%;}
.form-t-side .b-text-input{width:92%;}
.form-t-text{line-height:34px;word-break:break-all;}
.form-t-input{height:32px;line-height:32px;}
.form-t-input .b-text-input,.form-t-side .b-text-input{padding-top:5px;padding-bottom:5px;}
.form-mg-lt-60{margin-left:60px;}
.form-t-lang.form-mg-lt-60 .b-text-input{*margin-left:-60px;}
.form-mg-lt-70{margin-left:70px;}
.form-t-lang.form-mg-lt-70 .b-text-input{*margin-left:-70px;}
.form-mg-lt-90{margin-left:90px;}
.form-t-lang.form-mg-lt-90 .b-text-input{*margin-left:-90px;}
.form-mg-lt-110{margin-left:110px;}
.form-t-lang.form-mg-lt-110 .b-text-input{*margin-left:-110px;}
.form-mg-lt-140{margin-left:140px;}
.form-t-lang.form-mg-lt-140 .b-text-input{*margin-left:-140px;}
.label-w-50{width:50px;}
.label-w-60{width:60px;}
.label-w-80{width:80px;}
.label-w-100{width:100px;}
.label-w-130{width:130px;}
.editor-main{width:100%;}
.form-add-select{width:100%;}
.form-btn{padding-top: 15px;}
.form-btn a{margin-right:10px; padding:0 30px;}
.form-btn-short a{margin-right:10px;padding:0 20px;}
.font-bold,.not-read{font-weight:bold;}
.txt-left{text-align:left;}
.txt-cen{text-align:center;}
.enable-open{cursor:pointer;}
.b-text-time{width: 226px; cursor: pointer;}
.b-text-time .b-text-input{width: 212px; background:url(img/date-time-bg.png) right 6px no-repeat;}
.form-title{height:16px; line-height:16px; padding:7px 0 7px 30px; font-size:14px; font-weight:bold; border-top:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid;}
.list-users{padding:5px 8px 0 8px;*padding:5px 8px;border:#D6DEE2 1px solid;background:#FFF;zoom:1;}
.list-users:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.list-users a{display:block;float:left; min-width:35px; max-width:120px; border:#368FC9 1px solid;border-radius:5px;background:#51A3D8;padding:0 10px;margin:0 5px 5px 0; overflow:hidden;}
.list-users a p{float:left;min-width:20px;max-width:100px;line-height:24px;font-size:14px;color:#fff;}
.list-users a b.user-remove{width:7px;height:7px;background:url(img/ioop-icon.png) -20px -245px no-repeat;float:left;margin:9px 0 0 5px;cursor:pointer;}
.list-users .add-user{display:block;float:left;line-height:26px;margin:0 0 5px 5px;color:#a9a9a9;font-size:14px;white-space:nowrap;cursor:pointer;}
/* simulate select */
.simu-select,.simu-sel-list{font-size:12px;font-family:Arial,\5fae\8f6f\96c5\9ed1;color:#333;background:#FFF;cursor:pointer;}
.simu-select .sel-cont{border:#D5D5D5 1px solid;height:24px;line-height:24px;padding:4px 25px 4px 5px;position:relative;overflow:hidden}
.sel-cont .sel-text{color:#333;overflow:hidden;white-space:nowrap;display:inline-block}
.sel-cont .sel-icon{position:absolute;top:0;right:0;bottom:0;width:24px;background:#fff url(img/select-arrow.png) center center no-repeat;}
.sel-cont .sel-icon:hover{background-color:#e2e2e2}
.simu-sel-list{position:absolute;top:0;left:0;z-index:10050;cursor:pointer;display:none}
.simu-sel-list .sel-list-cont{border:#95B8E7 1px solid;border-top:none;max-height:200px;overflow:auto;}
.sel-list-cont ul{width:100%;margin:0;padding:0}
.sel-list-cont ul li{height: 26px; line-height:26px; padding:0 3px; background-color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.sel-list-cont ul li:hover{background-color:#e2e2e2;}
.sel-list-cont ul li.isSelected{background-color:#72a7e7;color:#fff;}
/* validate style */
.b-text-error{border:#d66c79 1px solid;background:#ffedee;position:relative;z-index:10500;}
.b-text-error .b-text-input,.error-mark .b-text-input{background:#ffedee;}
.error-mark{border:#d66c79 1px solid;background:#ffedee;z-index:10500;}
.error-info{width:240px;position:absolute;top:30px;left:0;z-index:10510;}
.error-info-main{padding-top:8px;position:relative;}
.error-info-main p{line-height:22px;padding:5px 25px 5px 10px;background:#ffb5be;border-radius:5px;color:#333;font-size:12px;}
.error-arrow,.error-close{position:absolute;cursor:pointer;}
.error-arrow{width:16px;height:7px;background:url(img/ioop-icon.png) -140px -30px no-repeat;top:1px;left:25px;}
.error-close{width:20px;height:20px;background:url(img/icon-error.png) center no-repeat;top:14px;right:5px;}
/* other */
.font-c-blue{color:#4984c6;}
.font-c-green{color:#4fc649;}
.font-c-lgreen{color:#7ad7a2;}
.font-c-dgreen{color:#85c02a;}
.font-c-red{color:#e7808a;}
.font-c-lred{color:#ed4f4f;}
.font-c-dred{color:#e12020;}
.font-c-time{color:#848484;}
.font-c-name{color:#0066cc;}
.font-c-cont{color:#727272;}
.font-c-lyell{color:#f8a415;}
.font-c-yell{color:#ff8400;}
.font-c-gray{color:#848484;}
.tab-show-block{display:block;}
.tab-show-inline{display:inline;}
.tooltps{max-width:450px; padding:20px; border-radius:10px; background:#FFF; box-shadow:2px 2px 10px #666; position:fixed; top:0; left:0; z-index:10020; display:none;}
.tooltps p{line-height:24px; font-size:16px; font-weight:bold; margin-left:25px;}
.tips-success{color:#59a1d0; border:#59a1d0 1px solid;}
.tips-fail{color:#e7808a; border:#e7808a 1px solid;}
.tips-mark{width:22px; height:20px; margin:2px 0;}
.tips-success .tips-mark{background:url(img/ioop-icon.png) -325px -70px no-repeat;}
.tips-fail .tips-mark{background:url(img/ioop-icon.png) -355px -70px no-repeat;top:5px;*top:-2px;}
/*login*/
.header{background:url(img/login_headerbg.png); height:60px; position:fixed; z-index:99; top:0; left:0; right:0; bottom:auto; z-index:100;}
.header .header_body{width:1003px; margin:auto;}
.header .logo{width:115px; height:90px; background:url(img/ioop-nma.png) no-repeat center #d4d4d4; float:left; margin-left:18px; border:5px solid #fff; border-top:0;}
.login-full-page{height: 100%; background: #9199e3;}
.login-container{width:1003px; height: 100%; background: url(img/login_cont_bg.png) left bottom no-repeat; margin:0 auto; position: relative;}
.login-main{width:410px; position:absolute; top:100px; right:10px;}
.login-main h1{width:405px; height:50px; background:url(img/login_cont_t.png) center no-repeat;}
.login-main h2{font-size:20px; color:#fff; line-height:50px; padding-left:5px;}
.login-form{background:#fff; margin-top:20px;}
.login-form-title{height:65px; background:url(img/login-form-title.png) 25px center no-repeat;}
.login-form-body{padding:10px 36px; background:#f9b634; border-top:#e8e8e8 1px solid;}
.login-form-submit{height:65px; background:url(img/login-form-sm.png) center no-repeat; position:relative; cursor:pointer;}
.login-form-submit:hover{background-image:url(img/login-form-smh.png);}
.login-text{border:#fff 1px solid; background:#fff; border-radius:5px; padding:10px 15px; margin-top:20px;}
.login-text b{display:block; float:left; width:26px; height:32px;}
.login-icon-user{background:url(img/input_bg.png) 0 2px no-repeat;}
.login-icon-pswd{background:url(img/input_bg.png) 0 -68px no-repeat;}
.login-text .login-text-input{width:250px; height:22px; line-height:22px; padding:5px; float:left; margin-left:10px; font-size:16px; color:#333; font-family:\5fae\8f6f\96c5\9ed1; border:0; outline:none; background:#fff;}
.login-text-error{border:#f00 1px solid; box-shadow:0 0 3px #f81c1c;}
.login-operate{padding-top:15px; line-height:36px;}
.login-operate b{width:17px; height:17px; display:block; float:left; background:url(img/checkbox-bg.png) 0 0 no-repeat; margin:11px 0 0 3px; cursor:pointer;}
.login-operate b.to-rember{background:url(img/checkbox-bg.png) 0 -28px no-repeat;}
.rember-text{font-size:16px; color:#f9f9f9; padding-left:5px; float:left; cursor:pointer;}
/*login new*/
.lgnew-body{background:#fff url(img/login/lgnew-bg.jpg) center no-repeat;}
.lgnew-head{height: 57px; padding-top: 18px; background: url(img/login/lgnew-head-bg.png) 0 0 repeat;}
.lgnew-head-main{width: 1000px; margin: 0 auto;}
.lgnew-head-logo{width: 145px; height: 40px; background: url(img/login/org-logo.png) 0 0 no-repeat; padding-right: 15px; border-right: #fff 1px solid; float: left;}
.lgnew-head-title{height: 40px; line-height: 40px; font-size: 20px; color: #fff; padding-left: 15px; float: left;}
.lgnew-main{min-width: 1000px; max-width: 1060px; height: 520px; background: url(img/login/lgnew-main-bg.png) center bottom no-repeat; margin: 30px auto 0;}
.lgnew-form{width: 322px; height: 240px; padding: 215px 46px 15px 43px; margin: 0 auto; background: url(img/login/lgnew-form-bg.png) 0 0 no-repeat;}
.lgnew-form-item{padding-top: 15px;}
.lgnew-item-label{width: 55px; height: 42px; line-height: 42px; font-size: 16px; color: #444458; float: left;}
.lgnew-item-text{width: 242px; border: #c5cfd7 1px solid; box-shadow: inset 0 3px 8px #dfe9ec; padding: 8px 10px; float: left;}
.lgnew-item-text input{width: 100%; height: 24px; font: 16px/24px \5fae\8f6f\96c5\9ed1; color: #444458; background-color: transparent; border: 0; outline: 0;}
.lgnew-input-error{border: #f00 1px solid;}
.lgnew-item-info{float: left; padding: 5px 0 0 55px; height: 32px; line-height: 16px; overflow: hidden;}
.rem-password{width: 12px; height: 12px; background: url(img/login/rem-password-bg.png) 0 0 no-repeat; margin-top: 3px; float: left; cursor: pointer;}
.rem-password.checked{background-position: 0 -28px;}
.forget-password{padding-left: 5px; font-size: 14px; float: left; cursor: pointer;}
.lgnew-form-btn{padding: 0px 0 0 92px;}
.lform-btn-submit{width: 80px; height: 30px; display: block; line-height: 30px; text-align: center; font-size: 16px; color: #fff; background: #6dd141; border: #55c125 1px solid; border-radius: 3px; cursor: pointer;}
.lform-btn-submit:hover{background: #88d865;}
/*frame and index */
body{background:#fff url(img/body_bg.png) 0 0 repeat;}
#ioop-top{background:#51A3D8;padding:10px 0;}
.top-main,#ioop-main,#ioop-footer{width:88%; min-width:1000px; max-width:1400px; margin:0 auto; position:relative;}
.top-main{height:40px;}
.top-logo,.top-title,.top-btn{position:absolute;}
.top-logo{width:145px; height:40px; top:0;left:25px;padding:0 15px 0 0;margin:0 10px 0 0; border-right:#C8EDFF 1px solid; background:url(img/org-logo.png) 0 0 no-repeat;}
.top-title{color:#FFF;font-size:20px;line-height:40px;max-width:560px;overflow:hidden;top:0;left:196px;}
.top-btn{top:5px;right:0;overflow:hidden;}
.top-btn li{float:left; height:30px; margin-right:18px; cursor:pointer;}
.top-btn li b{display:block;}
.top-btn li b.t-btn-home{width:29px;height:27px;background:url(img/ioop-icon.png) 0 -155px no-repeat;}
.top-btn li b.t-btn-logout{width:28px;height:27px;background:url(img/ioop-icon.png) -123px -155px no-repeat;}
#ioop-main{margin:15px auto 0;background:#FFF;overflow:hidden;}
#ioop-container{width:100%;float:left;}
#main-content{border-left:#D9D9D9 1px solid; min-height:600px; margin-left:180px; position:relative; overflow:hidden;}
#main-side{width:180px;float:left;margin-left:-100%;}
.app-head{height:5px; background:url(img/app-head-bg.png) 0 0 repeat-x;}
.menu-list{padding:10px 0;}
.menu-list li a{display:block;height:20px;line-height:20px;padding:12px 0 12px 60px;font-size:16px;color:#6b6b6b;text-decoration:none;cursor:pointer;position:relative;}
.menu-list li a:hover,.menu-list li.current a{color:#ff6802;font-weight:bold;}
.app-hover{width:5px;height:7px;background:url(img/ioop-icon.png) -315px -30px no-repeat;vertical-align:middle;margin-left:10px;display:none;}
.menu-list li:hover .app-hover,.menu-list li.current .app-hover{display:inline-block;}
.menu-list .menu-option{width:30px;height:30px;position:absolute;top:7px;left:20px;}
.menu-list .menu-2000{background:url(img/ioop-icon.png) -315px -355px no-repeat;}
.menu-list .menu-9100{background:url(img/ioop-icon.png) -560px -315px no-repeat;}
.menu-list .menu-9200{background:url(img/ioop-icon.png) -525px -315px no-repeat;}
.menu-list .menu-9300{background:url(img/ioop-icon.png) -420px -315px no-repeat;}
.m-main-2000{background:url(img/sms-cont-bg.png) 0 0 repeat-x;padding:16px 10px 0 0;}
.m-main-9100{background:url(img/sys-admin-bg.png) 0 0 repeat-x;padding:20px 10px 0 0;}
.m-main-9200{background:url(img/super-admin-bg.png) 0 0 repeat-x; padding:12px 10px 0 0;}
.m-main-9300{background:url(img/app-cont-bg.png) 0 0 repeat-x; padding:12px 10px 0 0;}
.m-container{padding-top:30px; background:#F9F9F9; position:relative;}
.m-main-name{line-height:45px; padding-left:85px;font-size:34px;color:#3d95ce;margin-bottom:30px;position:relative;}
.icon-mod{width:45px;height:45px;position:absolute;top:0;left:25px;}
.icon-m-2000{background:url(img/ioop-icon.png) -450px -390px no-repeat;}
.icon-m-9100{background:url(img/ioop-icon.png) -300px -445px no-repeat;}
.icon-m-9200{background:url(img/ioop-icon.png) -250px -445px no-repeat;}
.icon-m-9300{background:url(img/ioop-icon.png) -150px -445px no-repeat;}
.tab-sys-container{background:#fff;}
.home-admin{width:100%;}
/* ioop footer */
#ioop-footer{background:#FFF;border-top:#eee 1px solid;padding:15px 0 20px 0;}
#ioop-footer li{text-align:center;line-height:24px;color:#747474;font-size:12px;}
#ioop-footer li a{color:#747474;text-decoration:none;}
#ioop-footer li span{margin:0 5px;}
#ioop-footer li.company{color:#9f9f9f;}
/* system admin */
.sys-list-main{padding:0 0 30px 20px;}
.cuntom-info-form{padding:15px 10px 15px 0;}
.tree-sub-list{width:300px;height:240px;overflow:auto;border:#ccc 1px solid;background:#FFF;display:none;position:absolute;top:0;left:0;}
.sys-item-list{padding-top: 15px;}
.sys-item-edit{padding-top: 15px;}
.d-tsearch-advance{width: 400px; height: 330px;}
.tsearch-sel-ftype{width: 229px;}
.soft-logo-preview{width:500px; height:200px;}
.soft-logo-preview img{width:500px; height:200px;}
/* sms */
.sms-config-item{padding: 10px;}
.sms-con-time{width: 50px; float: left;}
.sms-con-split{padding: 0 10px; line-height: 34px; float: left;}
/* super */
.step-chart-main{padding-bottom:20px;border-bottom:#dedede 1px solid;}
.step-chart{width:420px;height:100px;overflow:hidden;margin:0 auto;position:relative;}
.step-chart .step-opt{width:71px;float:left;}
.step-opt-img{width:65px;padding:13px 0;}
.step-opt-img a{width:39px;height:39px;line-height:39px;text-align:center;display:block;background:url(img/step-opt-inner.png) 0 0 no-repeat;color:#fff;font-family:Arial;margin:0 auto;}
.step-opt-name{font-size:16px;color:#848484;line-height:30px;text-align:center;}
.step-chart .step-line{width:110px;height:4px;background:url(img/step-bg.png) 0 0 repeat-x;position:absolute;top:31px;}
.opt-current{background:url(img/step-bg-outer.png) 0 0 no-repeat;}
.step-one .opt-two{margin-left:97px;}
.step-one .opt-three{margin-left:84px;}
.step-one .line-one{left:68px;}
.step-one .line-two{left:223px;}
.step-set-main{width:240px;margin:15px auto;}
.org-mail-set{margin-top:15px;}
.org-mail-set .b-btn-three{background:#0574d2;}
.step-two .opt-two{margin-left:94px;}
.step-two .opt-three{margin-left:97px;}
.step-two .line-one{left:52px;}
.step-two .line-two{left:233px;}
.step-three .opt-two{margin-left:84px;}
.step-three .opt-three{margin-left:97px;}
.step-three .line-one{left:55px;}
.step-three .line-two{left:210px;}
.set-step-3 .form-main{width:360px;margin:15px auto;padding-right:15px;}
.server-set{padding-top:5px;}
.server-set li{line-height:28px;}
.set-finished{width:520px;margin:30px auto;}
.set-finished h4{height:72px;padding:41px 0 41px 155px;background:url(img/ioop-logo.png) 0 0 no-repeat;}
.set-finished h4 p{line-height:36px;color:#f26c00;font-size:24px;}
.set-finished .form-btn{padding:20px 0 0 140px;}
.set-finished .form-btn .b-btn-three{margin-right:20px;}
/* super */
.super-type-list{width:650px;margin:0 auto;overflow:hidden;}
.super-type-list li{width:280px;height:210px;float:left;border:#ccc 1px solid;border-top:#0066cc 2px solid;background:#f9f9f9;margin:30px 20px 0 20px;position:relative;cursor:pointer;}
.super-type-list li:hover{border-color:#0066cc;}
.super-type-list li h3{font-size:30px;height:26px;line-height:26px;padding:40px 0 10px 35px;overflow:hidden;}
.super-type-list li p{font-size:14px;color:#7f7f7f;height:14px;line-height:14px;padding-left:35px;}
.super-type-list li b.ver-icon{position:absolute;right:30px;bottom:30px;}
.super-type-list li.is-delete{cursor:default;}
.super-type-list li .icon-recycle-big{position: absolute; top: 10px; right: 10px;}
.super-type-list li .icon-recycle-big,.super-type-list li.is-delete .icon-recycle-big,.super-type-list li.is-delete:hover .icon-recycle-big{display:none;}
.super-type-list li:hover .icon-recycle-big{display:block;}
.is-delete-mark{width:100px;height:73px;background:url(img/is-delete-mark.png) 0 0 no-repeat;position:absolute;top:10px;right:8px;display:none;}
.super-type-list li.is-delete .is-delete-mark{display:block;}
.ver-type-network{width:86px; height:86px; background:url(img/version-icon-big.png) 0 0 no-repeat;}
.ver-type-health{width:78px; height:76px; background:url(img/version-icon-big.png) -100px 0 no-repeat;}
.ver-type-edu{width:117px; height:77px; background:url(img/version-icon-big.png) -190px 0 no-repeat;}
.ver-type-gov{width:84px; height:72px; background:url(img/version-icon-big.png) -320px 0 no-repeat;}
.super-type-list li.super-type-add{border:#e1e1e1 1px dashed;border-top:#e1e1e1 1px dashed;background:url(img/tel-opt-add.png) center center no-repeat;}
.super-type-list li.super-type-add:hover{border-color:#0066cc;}
.d-add-version{width:560px;height:420px;}
.d-add-version .form-main{padding-top:10px;}
.d-add-version .form-option{padding:8px 0;}
.version-icon{width:422px;height:64px;padding:8px 0;border:#d6dee2 1px solid;background:#FFF;overflow:hidden;}
.version-icon span{display:block;width:19px;height:100%;position:relative;cursor:pointer;}
.version-icon span.icon-move-left{float:left;border-right:#d6dee2 1px solid;}
.version-icon span.icon-move-right{float:right;border-left:#d6dee2 1px solid;}
.version-icon span b{width:4px;height:7px;position:absolute;top:28px;left:8px;}
.version-icon span.icon-move-left b{background:url(img/ioop-icon.png) -342px -30px no-repeat;}
.version-icon span.icon-move-right b{background:url(img/ioop-icon.png) -348px -30px no-repeat;}
.version-icon-list{width:380px;float:left;overflow:hidden;}
.version-icon-list ul{position:relative;float:left;}
.version-icon-list ul li{float:left;width:76px;height:63px;background:#FFF;background-image:url(img/version-icon-bg.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.version-icon-list ul li:hover,.version-icon-list ul li.current{background-color:#f3f3f3;}
.version-icon-list ul li.type-network{background-position:0 0;}
.version-icon-list ul li.type-gov{background-position:-76px 0;}
.version-icon-list ul li.type-health{background-position:-152px 0;}
.version-icon-list ul li.type-edu{background-position:-228px 0;}
.version-type-detail{padding:30px 0 0 30px;}
.v-detail-title{padding-bottom:30px;border-bottom:#ccc 1px solid;}
.v-detail-title dl{float:left;}
.v-detail-title dt{width:46px;height:46px;float:left;}
.v-detail-title dt.d-type-network{background:url(img/version-icon-bg.png) -15px -9px no-repeat;}
.v-detail-title dd{margin-left:60px;}
.v-detail-title dd.d-name{font-size:30px;height:26px;line-height:26px;}
.v-detail-title dd.d-version{font-size:14px;color:#7f7f7f;height:14px;line-height:14px;padding-top:10px;}
.v-detail-edit{font-size:14px;height:14px;line-height:14px;color:#0574d2;float:left;padding-left:15px;cursor:pointer;}
.version-module{overflow:hidden;}
.version-module li{float:left;width:108px;height:108px;border:#ccc 1px solid;background:f7f7f7;margin:30px 20px 10px 0;position:relative;cursor:pointer;}
.version-module li:hover,.version-module li.selected{border:#0066cc 1px solid;}
.version-module li b{width:50px;height:50px;position:absolute;top:20px;left:30px;}
.version-module li h5{height:14px;line-height:14px;font-size:14px;padding-top:80px;text-align:center;overflow:hidden;}
.version-module li .ver-m-check{width:14px;height:14px;position:absolute;top:8px;left:8px;}
b.ver-m-1000,.s-app-1000{background:url(img/ioop-icon.png) 0 -545px no-repeat;}
b.ver-m-1100,.s-app-1100{background:url(img/ioop-icon.png) -55px -545px no-repeat;}
b.ver-m-1200,.s-app-1200{background:url(img/ioop-icon.png) -110px -545px no-repeat;}
b.ver-m-1300,.s-app-1300{background:url(img/ioop-icon.png) -165px -545px no-repeat;}
b.ver-m-1400,.s-app-1400{background:url(img/ioop-icon.png) -220px -545px no-repeat;}
b.ver-m-1500,.s-app-1500{background:url(img/ioop-icon.png) -275px -545px no-repeat;}
b.ver-m-1600,.s-app-1600{background:url(img/ioop-icon.png) -330px -545px no-repeat;}
b.ver-m-1700,.s-app-1700{background:url(img/ioop-icon.png) -385px -545px no-repeat;}
b.ver-m-1800,.s-app-1800{background:url(img/ioop-icon.png) -440px -545px no-repeat;}
b.ver-m-1900,.s-app-1900{background:url(img/ioop-icon.png) -440px -545px no-repeat;}
b.ver-m-2000,.s-app-2000{background:url(img/ioop-icon.png) -495px -545px no-repeat;}
b.ver-m-2100,.s-app-2100{background:url(img/ioop-icon.png) -548px -545px no-repeat;}
b.ver-m-2200,.s-app-2200{background:url(img/ioop-icon.png) -548px -605px no-repeat;}
b.ver-m-2300,.s-app-2300{background:url(img/ioop-icon.png) -548px -835px no-repeat;}
b.ver-m-2400,.s-app-2400{background:url(img/ioop-icon.png) -548px -890px no-repeat;}
b.ver-m-2500,.s-app-2500{background:url(img/ioop-icon.png) -548px -945px no-repeat;}
b.ver-m-2600,.s-app-2600{background:url(img/ioop-icon.png) -548px -1000px no-repeat;}
b.ver-m-2700,.s-app-2700{background:url(img/ioop-icon.png) -548px -1110px no-repeat;}
b.ver-m-2800,.s-app-2800{background:url(img/ioop-icon.png) -378px -1085px no-repeat;}
b.ver-m-3000,.s-app-3000{background:url(img/app_health.png) 0 0 no-repeat;}
b.ver-m-3100,.s-app-3100{background:url(img/app_health.png) -60px 0 no-repeat;}
b.ver-m-3200,.s-app-3200{background:url(img/app_health.png) 0 -60px no-repeat;}
b.ver-m-3300,.s-app-3300{background:url(img/app_health.png) -60px -60px no-repeat;}
b.ver-m-9000,.s-app-9000{background:url(img/ioop-icon.png) -548px -1055px no-repeat;}
b.ver-m-9100,.s-app-9100{background:url(img/ioop-icon.png) -490px -1030px no-repeat;}
b.ver-m-9200,.s-app-9200{background:url(img/ioop-icon.png) -435px -1030px no-repeat;}
.ver-m-btn{padding-top:20px;*padding-top:30px;}
.super-app-chart{padding-top:30px;padding-bottom:30px;}
.super-app-list{padding-right:15px;}
.tb-app-list{width:100%;border-top:#06c solid 2px;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.tb-app-list td{background:#f9f9f9; border:#ccc 1px solid; vertical-align: top; position:relative; cursor:pointer;}
.tb-app-list td:hover,.tb-app-list td.selected{background:#FFF;}
.tb-app-list td dt{width:50px;height:50px;margin:25px 15px 0 25px;float:left;}
.tb-app-list td dd.app-title{font-size:18px;height:18px;line-height:18px;padding-top:32px;float:left;}
.tb-app-list td dd.app-desc{clear:both;padding:25px 20px 25px 25px;line-height:20px;font-size:12px;color:#9b9b9b;word-break:break-all;}
.tb-app-list td dd.app-desc span{font-size:14px;color:#727272;}
.tb-app-list td .app-check{width:14px;height:14px;position:absolute;top:25px;right:15px;}
.super-app-set{width: 250px; margin: 0 auto; padding:40px 0;}
.app-set-main{padding-right:15px;}
.app-set-main h4{text-align:center;font-size:14px;color:#8e8e8e;height:16px;line-height:16px;padding:40px 0 15px 0;}
.tb-app-set{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.tb-app-set td{background:#f9f9f9;border:#ccc 1px solid;cursor:pointer;}
.tb-app-set td:hover,.tb-app-set td.current{background:#b9dcf2;}
.tb-app-set td h5{height:20px;line-height:20px;text-align:center;font-size:20px;color:#8e8e8e;padding:30px 0 15px 0;}
.tb-app-set td h6{height:14px;line-height:14px;text-align:center;font-size:12px;color:#8e8e8e;padding-bottom:25px;}
.tb-app-set td:hover h5,.tb-app-set td:hover h6,.tb-app-set td.current h5,.tb-app-set td.current h6{color:#333;}
.pic-set-item{padding-top:4px;overflow:hidden;}
.pic-item-list li{width:150px;height:12px;line-height:12px;text-align:center;font-size:14px;padding:11px 0;background:#f9f9f9;border:#ccc 1px solid;float:left;cursor:pointer;position:relative;}
.pic-item-list li:hover,.pic-set-item li.selected{border:#06c 1px solid;height:14px;line-height:14px;padding:10px 0;color:#0574d2;font-weight:bold;}
.pic-item-list li .app-check{width:14px;height:12px;position:absolute;top:8px;left:8px;}
.pic-set-item h5{font-size:14px;color:#8e8e8e;height:18px;line-height:14px;padding-top:1px;clear:both;}
.picture-logo-preview{width:320px;}
.picture-logo-preview img{width:320px; height:480px;}
.app-set-item{padding-top:25px;overflow:hidden;}
.app-item-list li{width:150px;height:14px;line-height:14px;text-align:center;font-size:16px;padding:23px 0;background:#f9f9f9;border:#ccc 1px solid;float:left;cursor:pointer;position:relative;}
.app-item-list li:hover,.app-set-item li.selected{border:#06c 1px solid;height:16px;line-height:16px;padding:22px 0;color:#0574d2;font-weight:bold;}
.app-item-list li .app-check{width:14px;height:14px;position:absolute;top:8px;left:8px;}
.app-country{width:160px;margin:60px auto 0;overflow:hidden;}
.app-set-item h5{text-align:center;font-size:14px;color:#8e8e8e;height:14px;line-height:14px;padding-top:30px;clear:both;}
.app-province li{margin:0 10px 10px 0;}
.app-unit{overflow:hidden;position:relative;}
.app-unit-main{width:100%;float:left;}
.app-unit-list{margin-left:360px;}
.app-unit-list .list-users{min-height:580px;padding:10px;}
.app-unit-side{width:211px;float:left;margin-left:-100%;}
.app-unit-arrow{width:50px;height:50px;position:absolute;top:235px;left:295px;cursor:pointer;}
.app-unit-arrow b{width:40px;height:28px;background:url(img/ioop-icon.png) 0 -315px no-repeat;display:block;margin-left:6px;}
.app-unit-arrow p{color:#8e8e8e;height:14px;line-height:14px;padding-top:10px;}
.app-side-cont{width:280px; border:#d9d9d9 1px solid;}
.app-side-tree{height: 572px; overflow: auto;}
.text-input-time{width:377px; height:34px; margin-right:10px; position:relative;}
.rel-org-list{width: 330px; height: 380px; overflow: auto; float: left; background: #fff; border: solid 1px #d9d9d9;}
.rel-org-list ul.tree-main{min-height: 200px;}
.des-org-list{margin-left: 30px;}
.rel-org-detail{height: 280px; overflow: auto;}
.form-rel-detail .form-option{padding: 0;}
.form-rel-detail .field-name{line-height: 26px;}
.form-rel-detail .radio-item{padding: 5px 0;}
.day-note-search{margin-top: 15px;}
.note-org-layer{width: 300px; position: absolute;}
.note-org-list{padding: 5px 0; border: #95B8E7 1px solid; border-top: none; background: #fff; min-height: 150px; max-height: 300px; overflow: auto;}
.note-org-list li{height: 26px; line-height: 26px; padding: 0 5px; background: #fff; cursor: pointer;}
.note-org-list li:hover{background: #e2e2e2;}
.d-note-desc{width: 500px; height: 450px;}
.note-desc-content{height: 340px; overflow: auto; word-break: break-all;}
/* form */
.form-list-main{padding:0 0 30px 20px;position:relative;}
.type-block{margin-bottom:20px;}
.type-block h2{border-bottom:#0066cc 2px solid;}
.type-block h2 a{display:inline-block;height:16px;line-height:16px;font-size:14px;color:#fff;font-weight:bold;padding:8px 20px;background:#0066cc;position:relative;}
.type-block h2 a b{width:6px;height:6px;background:url(img/ioop-icon.png) -160px -30px no-repeat;position:absolute;top:0;right:0;z-index:200;}
.type-block-main{border:#ccc 1px solid;border-top:none;padding-left:20px;padding-bottom:10px;min-height:180px;overflow:hidden;}
.type-block-main li{width:150px;height:144px;border:#c3c3c3 1px solid;float:left;margin:25px 25px 15px 20px;position:relative;}
.type-block-main li:hover{border:#51a3d8 1px solid;}
.type-block-main .type-logo{background:#eff6f8 url(img/form-type-bg.png) center 28px no-repeat;text-align:right;height:22px;padding:90px 0 5px 0;}
.type-logo a{display:inline-block;border:#3bce7b 1px solid;background:#3bce7b;border-radius:3px;padding:0 7px;margin-right:5px;}
.type-logo a.type-not-userd{border:#eda135 1px solid;background:#eda135;}
.type-logo a.type-delete{border:#c2c2c2 1px solid;background:#c2c2c2;}
.type-block-main h4{height:24px;line-height:24px;text-align:center;border-top:#dfdfdf 1px solid;font-size:14px;color:#333;}
.type-opt-arrow{width:17px;height:33px;background:url(img/ioop-icon.png) -390px -100px no-repeat;position:absolute;top:-1px;right:-1px;}
.type-block-main li:hover .type-opt-arrow{background:url(img/ioop-icon.png) -365px -100px no-repeat;}
.type-block-main li.type-block-add{border:#e1e1e1 1px dashed;}
.type-block-main li.type-block-add:hover{border:#51a3d8 1px dashed;}
.opt-add-icon-60{cursor:pointer;background:url(img/form-type-add.png) center center no-repeat;}
.opt-add-icon-80{cursor:pointer;background:url(img/tel-opt-add.png) center center no-repeat;}
.icon-recycle-big{width:24px; height:25px; background:url(img/ioop-icon.png) -380px -70px no-repeat; cursor:pointer;}
.type-list-main{padding-top:15px;}
.type-select{border:#e6e6e6 1px solid;}
.type-select h5{padding:10px 0 10px 15px;font-size:14px;height:14px;line-height:14px;color:#ca4855;background:#f7f7f7;}
.type-sle-shk{margin-right:20px;padding-left:12px;display:block;color:#2a8ccc;float:right;cursor:pointer;position:relative;}
.sle-shk-icon{width:9px;height:10px;background:url(img/ioop-icon.png) -295px -30px no-repeat;position:absolute;top:2px;left:0;}
.is-tucking .sle-shk-icon{background:url(img/ioop-icon.png) -330px -30px no-repeat;top:4px;}
.doc-search-items .form-t-short,.doc-search-items .form-t-short .form-add-select{width:300px;}
.type-select-main{padding:8px 15px;overflow:hidden;}
.type-select-main li{height:16px;line-height:16px;font-size:14px;color:#0574d2;background:#FFF;padding:5px 12px;margin:5px 0;cursor:pointer;float:left;}
.type-select-main li.first-item{font-weight:bold;color:#333;cursor:default;}
.type-select-main li.current{background:#51a3d8;color:#fff;border-radius:3px;}
.type-line-one,.type-line-two{overflow:hidden;}
.type-line-two{margin-top:5px;padding-top:5px;border-top:#ccc 1px dotted;}
.coll-type-list{margin-top:25px;overflow:hidden;}
.coll-type-list li{width:245px;height:170px;border:#ccc 1px solid;border-top:#0066cc 2px solid;background-color:#f9f9f9;float:left;margin:0 30px 30px 0;position:relative;}
.coll-type-list li h5{padding:20px 45px 20px 45px; height:16px; line-height:16px; font-size:18px; color:#333; text-align:center;}
.coll-type-list li .icon-recycle-big{position:absolute; right:10px; bottom:15px; display:none;}
.coll-type-list li:hover{border:#0066cc 1px solid; border-top:#0066cc 2px solid;}
.coll-type-list li:hover .icon-recycle-big{display:block;}
.coll-type-list .coll-type-logo{height:115px;}
.coll-type-list li.coll-type-add{border:#e1e1e1 1px dashed;}
.coll-type-list li.coll-type-add:hover{border:#0066cc 1px dashed;}
.coll-tp-bg-alarm{background:url(img/coll-tp-bg-alarm.png) center bottom no-repeat;}
.coll-tp-bg-mike{background:url(img/coll-tp-bg-mike.png) center bottom no-repeat;}
.coll-tp-bg-ok{background:url(img/coll-tp-bg-ok.png) center bottom no-repeat;}
.step-chart-four{width:580px;}
.step-chart-four .step-opt-img a{font-size:24px;}
.step-f-one .line-one{left:68px;}
.step-f-one .line-two{left:223px;}
.step-f-one .line-three{left:378px;}
.step-f-one .opt-two{margin-left:97px;}
.step-f-one .opt-three{margin-left:84px;}
.step-f-one .opt-four{margin-left:83px;}
.step-f-two .line-one{left:55px;}
.step-f-two .line-two{left:236px;}
.step-f-two .line-three{left:391px;}
.step-f-two .opt-two{margin-left:97px;}
.step-f-two .opt-three{margin-left:97px;}
.step-f-two .opt-four{margin-left:84px;}
.step-f-three .line-one{left:55px;}
.step-f-three .line-two{left:210px;}
.step-f-three .line-three{left:391px;}
.step-f-three .opt-two{margin-left:84px;}
.step-f-three .opt-three{margin-left:97px;}
.step-f-three .opt-four{margin-left:97px;}
.step-f-four .line-one{left:55px;}
.step-f-four .line-two{left:210px;}
.step-f-four .line-three{left:365px;}
.step-f-four .opt-two{margin-left:84px;}
.step-f-four .opt-three{margin-left:84px;}
.step-f-four .opt-four{margin-left:97px;}
.form-add-basic{width:600px;margin:0 auto;padding:70px 0 50px 0;}
.form-add-btn{padding-top:80px;text-align:center;}
.form-tp-lt{overflow:hidden;}
.form-tp-lt li{width:64px;height:16px;line-height:16px;padding:8px 10px;text-align:center;border:#d6dee2 1px solid;font-size:12px;color:#333;cursor:pointer;margin:5px 10px 5px 0;float:left;position:relative;}
.form-tp-lt li b{width:7px;height:6px;background:url(img/ioop-icon.png) -260px -30px no-repeat;position:absolute;right:3px;bottom:3px;display:none;}
.form-tp-lt li.item-selected,.form-tp-lt li:hover{padding:7px 9px;border:#0574d2 2px solid;color:#0574d2;}
.form-tp-lt li.item-selected b,.form-tp-lt li:hover b{display:block;}
.form-add-type,.doc-select{width:550px;margin:0 auto;padding-top:40px;overflow:hidden;}
.form-add-type{width:720px;}
.form-add-type h2,.doc-select h2{height:16px;line-height:16px;text-align:center;font-size:14px;color:#8e8e8e;}
.form-add-type li{margin:30px 0 10px 30px;width:200px;height:220px;float:left;cursor:pointer;}
.form-add-type h3{height:26px;line-height:26px;font-size:24px;color:#fff;padding:35px 30px 25px 20px;overflow:auto;}
.form-add-type b{display:block;margin-left:20px;}
.form-add-type b.form-simp-icon{width:63px;height:36px;background:url(img/form-add-bg.png) 0 -235px no-repeat;}
.form-add-type b.form-comp-icon{width:48px;height:53px;background:url(img/form-add-bg.png) 0 -755px no-repeat;}
.form-add-type b.form-cloud-icon{width:56px;height:43px;background:url(img/form-add-bg.png) 0 -1295px no-repeat;}
.form-add-type b.form-word-icon{width:50px;height:47px;background:url(img/form-add-bg.png) 0 -1835px no-repeat;}
.form-add-type b.form-haved-icon{width:53px;height:44px;background:url(img/form-add-bg.png) 0 -2390px no-repeat;}
.form-add-type b.goto-plevel-icon{width:37px;height:47px;background:url(img/form-add-bg.png) 0 -2960px no-repeat;}
.form-add-type .form-simple{background:url(img/form-add-bg.png) 0 0 no-repeat;}
.form-add-type .form-simple:hover{background:url(img/form-add-bg.png) 0 -280px no-repeat;}
.form-add-type .form-complex{background:url(img/form-add-bg.png) 0 -515px no-repeat;}
.form-add-type .form-complex:hover{background:url(img/form-add-bg.png) 0 -820px no-repeat;}
.form-add-type .form-cloud{background:url(img/form-add-bg.png) 0 -1055px no-repeat;}
.form-add-type .form-cloud:hover{background:url(img/form-add-bg.png) 0 -1355px no-repeat;}
.form-add-type .form-word{background:url(img/form-add-bg.png) 0 -1595px no-repeat;}
.form-add-type .form-word:hover{background:url(img/form-add-bg.png) 0 -1900px no-repeat;}
.form-add-type .form-haved{background:url(img/form-add-bg.png) 0 -2145px no-repeat;}
.form-add-type .form-haved:hover{background:url(img/form-add-bg.png) 0 -2460px no-repeat;}
.form-add-type .goto-plevel{background:url(img/form-add-bg.png) 0 -2710px no-repeat;}
.form-add-type .goto-plevel:hover{background:url(img/form-add-bg.png) 0 -3030px no-repeat;}
.form-add-type .goto-plevel h3{color:#565656;}
.d-sel-flow{width:320px;height:155px;}
.haved-flow-list{width:160px;}
.coll-flow-list{margin-top:20px;}
.filed-list-main{min-height:570px;}
.form-cloud-list li{width:98%; min-height:200px; border:#eaeaea 1px solid; background:#f9f9f9; margin:30px 0 10px 5px; position:relative;}
.form-cd-opt h3{width:90px; height:90px; line-height:90px; font-size:18px; color:#fff; text-align:center; overflow:hidden; position:absolute; top:-5px; left:-5px; z-index:20;}
.form-cd-opt .form-cd-bg{width:20px; height:34px; background:url(img/form-cloud-bg.png) 0 0 no-repeat; position:absolute; top:-18px; left:58px; z-index:30;}
.form-cd-bg-dblue{background:url(img/form-cd-bg-dblue.png) 0 0 no-repeat;}
.form-cd-bg-lblue{background:url(img/form-cd-bg-lblue.png) 0 0 no-repeat;}
.form-cd-bg-llblue{background:url(img/form-cd-bg-llblue.png) 0 0 no-repeat;}
.form-cd-bg-dgreen{background:url(img/form-cd-bg-dgreen.png) 0 0 no-repeat;}
.form-cd-bg-lgreen{background:url(img/form-cd-bg-lgreen.png) 0 0 no-repeat;}
.form-cd-bg-dyellow{background:url(img/form-cd-bg-dyellow.png) 0 0 no-repeat;}
.form-cd-bg-lyellow{background:url(img/form-cd-bg-lyellow.png) 0 0 no-repeat;}
.form-cd-lt{padding:15px 5px 10px 95px;}
.form-cd-lt dl{width: 100%; overflow: hidden;}
.form-cd-lt dl dt{width:47%; float:left; background:url(img/fomt-cd-lt-bg.png) 6px 2px repeat-y; margin-left: 5px; position:relative;}
.form-cd-lt dl dt a{display:block; margin:0 25px 0 20px; height:30px; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; cursor:pointer;}
.formt-container-one{width:48%; float:left; *margin-left: -15px;}
.formt-container-two{width:48%; float: right; padding-right: 10px; *float: none; *padding-left: 15px; *padding-right: 0;}
.form-opt-view,.form-opt-delete{width:17px; height:17px; background:url(img/ioop-icon.png) -550px -245px no-repeat; position:absolute; top:6px; right: 20px; cursor:pointer;}
.form-opt-delete{background-position: -580px -70px; right: 0;}
.cd-lt-long li{width:100%; float:none; margin:30px 0 0 0;}
.cd-lt-long li dl dt{margin-right:8px;}
.form-finished{width:430px;}
.form-finished h4{height:60px; padding:16px 0 10px 90px; background:url(img/ioop-logo-small.png) 0 0 no-repeat;}
.form-finished h4 p{line-height:30px; font-size:20px;}
.form-content{width:718px; margin:0 auto; background:#f0f6f9 url(img/form-content-bg.png) 0 0 no-repeat; padding:60px 15px 40px 15px;}
.form-coll-content{width:auto;}
.form-cont-main{background:#fff; border:#dfdfdf 1px solid; overflow-x:auto; overflow-y:hidden; *position:relative;}
.form-flow-main{margin-top:10px;}
.form-flow-main h4,.apply-info h4{height:18px;line-height:18px;padding:15px 0;text-align:center;font-size:18px;font-weight:bold;color:#333;}
.form-flow-time{text-align:center;}
.form-flow-time label span{color:#9f9f9f;}
.form-flow-step{text-align:center;padding:15px 0 10px 0;height:40px;}
.form-flow-step a,.form-flow-step b{line-height:16px;height:16px;vertical-align:middle;}
.form-flow-step a{color:#6e6e6e;font-size:14px;width:110px;padding:10px;text-align:center;border:#51a3d8 2px solid;border-radius:5px;overflow:hidden;position:relative;}
.form-flow-step b{padding:12px 10px;width:18px;background:url(img/form-flow-arrow.png) 10px 16px no-repeat;}
.form-flow-step a.current{background:#51a3d8;color:#fff;}
.doc-detail-cont{background-image:url(img/doc-content-bg.png); background-position:center 12px;}
.step-user{padding:0;}
.step-user a{border:#cfcfcf 2px solid;}
.step-user b{background:none;}
.step-user a.is-sumit{border:#82b33d 2px solid;}
.step-user a.is-wait{border:#e1d446 2px solid;}
.fw-icon-sumit{width:14px;height:9px;background:url(img/ioop-icon.png) -510px -245px no-repeat;position:absolute;top:14px;right:5px;display:none;}
.is-sumit .fw-icon-sumit{display:block;}
.fw-icon-wait{width:14px;height:14px;background:url(img/ioop-icon.png) -530px -245px no-repeat;position:absolute;top:11px;right:5px;display:none;}
.is-wait .fw-icon-wait{display:block;}
.form-flow-btn{text-align:center;}
.form-flow-btn a{padding:0 20px;margin-right:20px;}
.form-count-main{padding:10px 30px;}
.table-count{width:100%;}
.table-count td{line-height:34px;}
.table-count .meet-time-split{width:20px;}
.table-count .text-meet-time{width:130px;}
.table-count .text-meet-time .b-text-input{width:90px;}
.result-count-title{font-size:14px;color:#ca4855;height:16px;line-height:16px;padding:25px 0 10px 10px;}
.form-u-result .form-u-total{color:#e65255;}
.form-u-result .form-u-draft{color:#0574d2;margin-right:20px;}
.form-u-result .form-u-title{margin-left:20px;}
.form-u-result .form-u-dealed{color:#0574d2;}
.form-u-detail{width:16px;height:16px;background:url(img/ioop-icon.png) -490px -245px no-repeat;cursor:pointer;}
.tb-count-btn{padding:5px 0;}
.tb-count-btn a{padding:0 20px;margin-right:15px;}
.user-apply{padding:15px 0;}
.deal-user-logo,.deal-user-logo img{width:34px;height:34px;vertical-align:middle;}
.apply-deal-user{margin-left:10px;}
.apply-list{overflow:hidden;}
.apply-list li{width:250px;height:290px;border:#d9d9d9 1px solid;margin:0 20px 30px 0;float:left;position:relative;}
.apply-list li:hover{border:#0066cc 1px solid;}
.apply-lt-opt h2{font-size:20px;width:180px;height:16px;line-height:16px;padding:25px 0 10px 20px;overflow:hidden;}
.lt-opt-cont{padding:0 20px 15px 20px;}
.table-lt-opt{width:100%;table-layout:fixed!important;}
.table-lt-opt td{height:16px;line-height:16px;font-size:14px;padding:8px 0;}
.lt-opt-info{color:#888;}
.lt-opt-clg{color:#24ce70;font-weight:bold;}
.apply-opt-state{width:122px;border:#d9d9d9 1px solid;border-radius:5px;overflow:hidden;margin-left:20px;}
.apply-opt-state a,.apply-opt-state span{height:16px;line-height:16px;font-size:14px;font-weight:bold;color:#7b7b7b;padding:10px;float:left;display:block;}
.apply-opt-state a{border-right:#d9d9d9 1px solid;}
.apply-opt-state span{padding:10px 15px;}
.apply-opt-state span.state-begin{color:#4fc615;}
.apply-opt-state span.state-wait{color:#e7808a;}
.apply-opt-state span.state-deal{color:#d4af05;}
.apply-opt-state span.state-dealed{color:#4fc615;}
.apply-lt-opt h3{border-top:#ebebeb 1px solid;width:100%;height:16px;line-height:16px;text-align:center;padding:16px 0;background:#f8f8f8;overflow:hidden;position:absolute;left:0;bottom:0;}
.apply-lt-opt h3 span{color:#888;}
.apply-lt-opt .icon-recycle-big{display:none;}
.apply-list li:hover .icon-recycle-big{display:block;}
.coll-search-main{padding:10px 20px;}
.co-search .text-meet-time{width:130px;margin-right:0;}
.co-search .text-meet-time .b-text-input{width:90px;}
.co-search .meet-time-split{width:20px;margin-left:15px;}
.coll-collect{width:500px;margin:20px auto;}
.coll-collect .text-meet-time{width:180px;}
.coll-collect .text-meet-time .b-text-input{width:140px;}
.coll-type-add{width:350px;}
.d-hand-out{width:800px;height:540px;}
.hand-out-list{height:390px;overflow:auto;}
.hand-out-container .three-level-btn{padding:15px 0 15px 20px;}
.d-hand-invw{width:660px;height:540px;}
.hand-invw-list{height:420px;padding-top:15px;overflow:auto;}
.flow-view-main{overflow:hidden; border:#d9d9d9 1px solid;}
.flow-view-iframe{width:100%; height:500px;}
.b-textarea .form-templt-content{height: 400px; overflow: auto;}
.dialog-tempate-view{width:80%; max-width:1200px; height:610px;}
.tempate-content{height:500px; overflow:auto;}
.second-level-btn{padding-top:15px;overflow:hidden;}
.second-level-btn li{font-size:12px;color:#888;border:#fff 1px solid;float:left;cursor:pointer;}
.second-level-btn li.current{color:#51a3d8;border:#94bbdf 1px solid;}
.second-level-btn a{display:block;height:14px;line-height:14px;padding:2px 15px;}
.three-level-btn{margin-top:15px;height:28px;position:relative;}
.three-level-btn li{font-size:12px; color:#0574d2; border-left:#d9d9d9 1px solid; border-top:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; background:#f9f9f9; float:left; cursor:pointer;}
.three-level-btn li:hover{background:#e0e0e0;}
.three-level-btn li.btn-invalid{background:#f9f9f9; color: #979797; cursor: default;}
.three-level-btn li a{display:block;height:16px;line-height:16px;padding:5px 13px;position:relative;}
.three-level-btn li a.has-sub-menu{padding:5px 30px;}
.three-level-btn li a.has-file-upload{width:74px;height:26px;line-height:26px;padding:0;text-align:center;}
.three-level-btn li.last-item{border:#d9d9d9 1px solid;}
.three-level-btn li.mark-item{border:#2fd57b 1px solid;}
.three-level-btn li.mark-item:hover{border:#2fd57b 1px solid;background:#2fd57b;color:#fff;}
.three-level-btn li.current{background:#e0e0e0;}
.three-level-btn .form-select{width:160px;float:right;margin-right:280px;}
.three-level-btn .search-module{top:0;}
.sys-item-list .three-level-btn{margin-top: 0;}
/* role */
.role-opt-main{overflow:hidden;margin:0 10px 10px 0;}
.role-opt-main li{width:320px;height:240px;padding:15px;border:#ccc 1px solid;border-top:#0066cc 2px solid;margin:30px 20px 0 0;float:left;position:relative;}
.role-opt-main li:hover,.role-opt-main li.selected{border:#0066cc 1px solid;border-top-width:2px;}
.role-opt-icon{width:50px;height:50px;background:url(img/ioop-icon.png) 0 -545px no-repeat;float:left;}
.role-opt-head{width:260px;height:26px;line-height:26px;border-bottom:#ccc 1px solid;padding:4px 0 20px 0;text-align:left;float:right;}
.role-opt-head .radio-item{padding:0;overflow:hidden;}
.role-opt-head .radio-item input{margin-top:2px;}
.role-opt-head .radio-item label{font-size:18px;line-height:26px;color:#0066cc;padding-left:6px;}
.role-opt-head b{display:block;float:right;}
.role-opt-head b.role-iphone{width:19px;height:22px;background:url(img/ioop-icon.png) -65px -265px no-repeat;margin-right:10px;}
.role-opt-head b.role-iphone.is-right{background:url(img/ioop-icon.png) -90px -265px no-repeat;}
.role-opt-head b.role-android{width:20px;height:22px;background:url(img/ioop-icon.png) -115px -265px no-repeat;margin-right:10px;}
.role-opt-head b.role-android.is-right{background:url(img/ioop-icon.png) -140px -265px no-repeat;}
.role-opt-head b.role-pc{width:21px;height:21px;background:url(img/ioop-icon.png) -165px -265px no-repeat;margin-top:1px;}
.role-opt-head b.role-pc.is-right{background:url(img/ioop-icon.png) -195px -265px no-repeat;}
.role-opt-list{padding:20px 0;clear:both;}
.role-opt-list .radio-item{margin-left:15px;margin-right:5px;}
.role-opt-list .radio-item label{height:18px;}
.role-list-main{overflow:hidden;}
.block-option{width:220px; height:144px; float: left; position:relative;}
.block-option h3{line-height:16px;background:#51a3d8;font-size:14px;font-weight:bold;padding-left:10px;}
.block-option .radio-item label{color:#fff;width:160px;height:16px;overflow:hidden;}
.block-cont{border:#d9d9d9 1px solid;border-top:none;}
.block-cont li{height:22px;line-height:22px;padding-top:10px;font-size:12px;color:#888;overflow:hidden;}
.block-cont li span{font-weight:bold;}
.block-cont .opt-desrip{color:#333;}
.block-cont .is-valid{color:#19b25b;}
.block-invalid h3{background:#ffdddd;}
.block-invalid .is-valid{color:#d2051d;}
.block-invalid .radio-item label{color:#333;}
.block-operate b{cursor:pointer;display:none;position:absolute;bottom:10px;right:10px;}
.block-operate:hover b{display:block;}
.block-operate b.opt-detele{right:40px;}
.block-opt-img{text-align:center;}
.block-opt-img img{width:157px;height:157px;}
.role-option{margin:0 30px 30px 0;}
.role-cont{height:100px;padding:10px 20px 0 20px;}
b.opt-detele{width:18px;height:18px;background:url(img/ioop-icon.png) 0 -265px no-repeat;}
.tips-info{background:#ffffdc;padding:10px 0 10px 55px;margin:20px 0 30px 0;border-bottom:#e4e4e4 6px solid;position:relative;}
.tips-info li{line-height:22px;color:#87710b;font-size:12px;}
.tips-info b{position:absolute;z-index:200;}
.tips-info b.tips-icon-t{width:32px;height:36px;background:url(img/ioop-icon.png) -90px -100px no-repeat;top:-5px;left:20px;}
.tips-info b.tips-icon-b{width:29px;height:16px;background:url(img/ioop-icon.png) -270px -70px no-repeat;left:0;bottom:-16px;}
/* import user */
.d-import-expusr{width: 560px; height: 280px;}
.import-expusr-one{width: 160px; padding: 25px 40px 0 20px; float: left;}
.impusr-step-title{height: 20px; line-height: 20px; font-size: 14px; font-weight: bold;}
.impusr-temp-down{padding: 40px 0 0 5px;}
.impusr-temp-down a{display: block; width: 125px; height: 54px; background: url(img/impusr-temp-down.png) 0 0 no-repeat; cursor: pointer;}
.import-expusr-two{padding-top: 25px; float: left;}
.impusr-step-remark{height: 24px; line-height: 24px; color: #7e7e7e;}
.impusr-temp-upload{padding-top: 20px;}
.impusr-upload-input{width: 200px; padding-right: 8px; float: left;}
.impusr-upload-btn{width: 80px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; background: #4fc649; float: left; cursor: pointer;}
.impusr-upload-btn:hover{background: #3cb536;}
/* exper sms notice */
.esms-notice-text textarea{height: 400px;}
/* app manage */
.app-edit-main{padding-top: 20px;}
.app-fun-add{line-height: 16px; color: #1879CA; font-weight: normal; padding-right: 20px; float: right; cursor: pointer;}
.app-fun-item{border-bottom: #dcdcdc 1px solid;}
.app-item-close{height: 34px; overflow: hidden;}
.app-fun-detail{height: 14px; line-height: 14px; margin: 10px 20px 0 0; padding-left: 12px; color: #2a8ccc; font-size: 14px; float: right; cursor: pointer; position: relative;}
.app-fun-detail-icon{width:9px; height:10px; background:url(img/ioop-icon.png) -295px -30px no-repeat; position:absolute; top:2px; left:0;}
.is-tucking .app-fun-detail-icon{background-position: -330px -30px; top: 4px;}
/* 上传图片 */
.uploadify{position:relative;}
.uploadify .swfupload{top:0; left:0;}
.upload-failed{background:#f00;color:#fff;}