@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%;}
b,i{font-style: normal;}
body{background-color: #fff; font-family: \5fae\8f6f\96c5\9ed1; font-size: 12px; color: #333;}
/* common */
.float-left{float: left;}  
.float-right{float: right;}
.clear-float{clear: both; height: 0; font-size: 1px; line-height: 0px;}
.clear-both{clear: both;}
.clear{zoom: 1;}
.clear:after{display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.show{display: block;}
.hide{display: none;}
.pointer{cursor: pointer;}
.over-flow,.table-over td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.over-auto{overflow: auto;}
.table{width: 100%; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed!important;}
a.lt-opt{color: #333; text-decoration: none;}
a.lt-opt:hover{color: #0574d2; text-decoration: underline;}
.a-cancle-underline{text-decoration: none;}
.ioop-icon{position: absolute;}
.dp-inline{display: inline-block; *display: inline; zoom: 1;}
input,textarea{resize: none; outline: none; background-color: #fff; font-family: \5fae\8f6f\96c5\9ed1;}
textarea{word-break: break-all;}
input::-ms-clear{display: none;}
.b-text{height: 26px; background-color: #fff; border: #D5D5D5 1px solid;}
.b-text .b-text-input{height: 18px; line-height: 18px; padding: 4px 5px; *padding: 4px 5px 3px; background-color: #fff; border: 0; color: #333; font-size: 12px; font-family: \5fae\8f6f\96c5\9ed1;}
.b-textarea{padding: 5px; background-color: #fff; border: #D6DEE2 1px solid;}
.b-textarea textarea{width: 100%; height: 60px; line-height: 18px; border: 0 none; overflow-x: hidden; overflow-y: auto; font-size: 16px;  color: #333; font-family: \5fae\8f6f\96c5\9ed1;}
.b-select select{width: 100%;}
.b-btn-one,.b-btn-two,.b-btn-three,.b-btn-four,.b-btn-five{text-align: center; color: #fff; background-color: #38adff; font-size: 12px; padding: 0 10px; text-decoration: none; cursor: pointer;}
.b-btn-one{height: 30px; line-height: 30px; padding: 0 20px;}
.b-btn-one:hover,.b-btn-two:hover{background-color: #1583D0;}
.b-btn-two{height: 26px; line-height: 26px;}
.b-btn-three{height: 30px; line-height: 30px; font-size: 12px; background-color: #38adff;}
.b-btn-three:hover{background-color: #1583D0;}
.b-btn-four{height: 30px; line-height: 30px; font-size: 12px; background-color: #71c1fb; border: #59a1d0 1px solid;}
.b-btn-four:hover{background: #8dcdfb;}
.b-btn-five{height: 20px; line-height: 20px; background-color: #f0f0f0; border: #bcbcbc 1px solid; border-radius: 5px;}
.b-btn-five:hover{background: #f5f5f5;}
.b-btn-disable,.b-btn-disable:hover{background-color: #c2c2c2; cursor: default;}
.b-btn-locked{background-color: #ff4747;}
.b-btn-locked:hover{background-color: #ec1b1b;}
.b-btn-cancel{background-color: #888;}
.b-btn-cancel:hover{background-color: #666;}
.b-btn-blue{background-color: #0574d2;}
.b-btn-blue:hover{background-color: #69abe4;}
.b-btn-save{background-color: #4fc649; border: #4fc649 1px solid; color: #fff;}
.b-btn-save:hover{background-color: #3cb536; border: #3cb536 1px solid;}
.b-text-file{height: 32px; line-height: 32px; padding-right: 55px; position: relative; overflow: hidden;}
.b-text-file .b-text-input{padding: 5px 5px; width: 100%;}
.b-text-file .view-file{width: 44px; height: 32px; line-height: 32px; color: #333; text-align: center; background: #d6dee2; position: absolute; top: 0; right: 0; z-index: 100;}
.b-text-file .upload-file,.b-btn-upload .upload-file{filter: alpha(opacity=0); opacity: 0; position: absolute; top: 0; right: 0; font-size: 200px; z-index: 101; cursor: pointer;}
.b-btn-upload{display: block; height: 24px; line-height: 24px; text-align: center; position: relative; overflow: hidden;}
.b-file-two{padding-right: 90px;}
.b-file-two .view-file{width: 80px; background: #0574d2; color: #fff; font-size: 14px;}
.b-file-two .upload-file{width: 80px;}
.b-file-short{width: 35%;}
.b-opt-list{width: 400px; height: 32px; padding-right: 30px; position: relative; cursor: pointer;}
.b-opt-list .b-text-input{width: 96%; padding: 6px 5px; cursor: pointer;}
.opt-list-icon{width: 5px; height: 3px; background: url(img/ioop-icon.png) -21px -30px no-repeat; position: absolute; top: 14px; right: 14px;}
.list-option-layer{width: 240px; position: absolute; top: 0; left: 0; display: none;}
.list-option-layer ul{border: #D5D5D5 1px solid; border-top: none; width: 100%; background: #fff; position: absolute; top: 33px; left: -1px; z-index: 900;}
.list-option-layer ul li{line-height: 26px; font-size: 12px; color: #333; padding: 0 10px; background: #fff; cursor: pointer;}
.list-option-layer ul li:hover{background: #e2e2e2;}
.input-empty-c{color: #bcbcbc;}
.input-con-c{color: #333;}
.item-main,td.item-main{padding: 10px 0;}
.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; margin: 0; padding: 0;}
.radio-item label{padding-left: 4px; line-height: 16px; display: inline-block; font-size: 12px; color: #666; vertical-align: middle;}
.radio-item-14{padding: 7px 0;}
.radio-item-14 input{margin-top: 2px; *margin-top: 5px;}
.radio-item-14 label{font-size: 14px; line-height: 18px;}
.radio-item.h-28{padding: 5px 0;}
.list-op-btn{zoom: 1;}
.list-op-btn:after{display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.list-op-btn ul,.list-op-btn li{float: left;}
.list-op-btn li a{display: inline-block; *display: inline; *zoom: 1; min-width: 40px; height: 24px; line-height: 24px; background: #F2F2F2; text-align: center; letter-spacing: normal; word-spacing: normal; font-size: 12px; color: #333; padding: 0 10px; cursor: pointer;}
.list-op-btn li a:hover{background: #eaeaea;}
.list-op-btn li.current a{background: #51A3D8; color: #fff; font-weight: bold;}
.list-op-btn li.lpt-has-submenu a{padding: 0 20px; position: relative;}
.lpt-has-submenu .opt-sub-menu{top: 15px;}
.lpt-has-submenu:hover .opt-sub-menu{display: block;}
.lpt-has-submenu b{width: 7px; height: 4px; background: url(img/ioop-icon.png) -115px -30px no-repeat; position: absolute; top: 10px;  right: 5px;}
.current.lpt-has-submenu b{background-position: -425px -30px;}
.b-table{width: 100%; border-collapse: collapse; table-layout: fixed!important;}
.b-table th{font-weight: bold;}
.b-table tr{background: #FFF;}
.b-table tr:hover{background: #fffff0;}
.b-table th,.b-table td{font-size: 12px; color: #333;}
ul.inline-block-space{letter-spacing: -4px; word-spacing: -4px; font-size: 0;}
ul.inline-block-space li{letter-spacing: normal; word-spacing: normal;}
ul.inline-block-space li.first-child{border-left: #e8e5e0 1px solid;}
ul.inline-block-space li.first-child.current{border-left: 0;}
/*tab one style*/
.tab-hidden{display: none;}
.tab-one{height: 32px; border-bottom: #D9D9D9 1px solid; background: #FAFAFA; padding-left: 20px; position: relative; z-index: 20;}
.tab-one ul{float: left; border-right: #D9D9D9 1px solid;}
.tab-one li{float: left; display: inline; text-align: center; border-left: #D9D9D9 1px solid; border-top: #D9D9D9 1px solid; background: #FFF; position: relative;}
.tab-one li a{margin: 1px; display: block; text-align: center; height: 29px; line-height: 29px; 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;}
.tab-one .tab-icon-arrow{width: 5px; height: 3px; background: url(img/ioop-icon.png) -21px -30px no-repeat; position: absolute; top: 14px; right: 15px;}
.tab-one li.tab-one-new a{background-image: url(img/icon-new.gif); background-position: right 3px; background-repeat: no-repeat;}
/* page */
.list-page{margin-top: 20px; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; text-align: center; font-size: 0;}
.list-page a,.list-page span{display: inline-block; *display: inline; zoom: 1; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #888;}
.list-page a{margin-left: -1px; padding: 3px 5px; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; min-width: 30px; cursor: pointer;}
.list-page a:hover,.list-page a.current{background-color: #38adff; color: #fff;}
.list-page a.pre-page,.list-page a.next-page{padding-right: 15px; padding-left: 15px;}
.list-page span.ellipsis{width: 50px;}
.list-page span.total-page{margin-left: 15px;}
.list-page span.goto-page-cono{margin-left: 10px;}
.list-page span.goto-page-text{height: 22px; line-height: 22px; margin-left: 8px; border: #d9d9d9 1px solid;}
.list-page span.goto-page-text input{width: 30px; height: 16px; line-height: 16px; padding: 3px 5px; border: 0; text-align: center;}
.list-page span.goto-page-cont{margin-left: 8px;}
.list-page span.goto-page-btn{width: 40px; margin-left: 15px; background-color: #38adff; color: #fff; cursor: pointer;}
.list-page span.goto-page-btn:hover{background-color: #1583D0;}
/* attch list */
.attch-list{position: relative; padding: 5px 0; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; display: none;}
.attch-list{position: relative; padding: 5px 0; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid;}
.attch-item{line-height: 26px; color: #888; overflow: hidden;width: 86%;}
.left-attch{width: 20px;display: inline-block;float: left;}
.full-attch{width: 43%;display: inline-block;float: left;margin-left: 10px;padding-right: 5%}
.right-attch{width: 30%;display: inline-block;float: left;}
.full-attch a{word-break: break-all;}
.attch-itm-icon{float: left; width: 20px; height: 20px; margin: 3px 5px 0 0; background: url(img/ioop-icon-3.5.png) 0 -165px no-repeat;}
.attch-itm-icon.xls,.attch-itm-icon.xlsx{background-position: -25px -165px;}
.attch-itm-icon.doc,.attch-itm-icon.docx{background-position: -50px -165px;}
.attch-itm-icon.ppt,.attch-itm-icon.pptx{background-position: -75px -165px;}
.attch-itm-icon.txt{background-position: -100px -165px;}
.attch-itm-icon.rm,.attch-itm-icon.rmvb,.attch-itm-icon.swf,.attch-itm-icon.mp4,.attch-itm-icon.avi{background-position: -125px -165px;}
.attch-itm-icon.pdf{background-position: -150px -165px;}
.attch-itm-icon.ofd{background: url(img/ofd.png) no-repeat;}
.attch-itm-icon.wps{background: url(img/wps.png) no-repeat;}
.attch-itm-icon.mp3,.attch-itm-icon.m4a{background: url(img/audio.png) no-repeat;}
.attch-itm-icon.rar,.attch-itm-icon.zip{background-position: -175px -165px;}
.attch-itm-icon.jpg,.attch-itm-icon.png,.attch-itm-icon.gif{background-position: -200px -165px;}
.attch-itm-icon.html{background-position: -225px -165px;}
.attch-itm-name,.attch-itm-size,.attch-itm-state,.attch-itm-upler{float: left; margin-right: 10px;}
.attch-itm-name{text-decoration: none; color: #888; cursor: pointer;}
.attch-itm-name:hover{text-decoration: underline; color: #5184ec;}
.attch-itm-view,.attch-itm-dload,.attch-itm-delete,.attch-itm-trans,.attch-itm-conv{margin-left: 10px; text-decoration: none; color: #5184ec; cursor: pointer;float: left;}
.attch-itm-view:hover,.attch-itm-dload:hover,.attch-itm-delete:hover,.attch-itm-trans:hover{text-decoration: underline;}
.attch-itm-progs{background-color: #fff; border: #d6dee2 1px solid;}
.aitm-progs-bar{width: 0; height: 6px; background-color: #51a3d8;}
.attch-dload-all{position: absolute; top: 15px; right: 0;}
.attch-dload-all a{display: block; width: 64px; height: 14px; line-height: 14px; text-decoration: none; padding: 8px 10px; background-color: #74cc39; text-align: center; color: #fff; cursor: pointer;}
.attch-dload-all a:hover{background-color: #3cb536;}
.attch-trans-all{position: absolute; top: 15px; right: 0;}
.attch-trans-all a{display: block; width: 74px; height: 14px; line-height: 14px; text-decoration: none; padding: 8px 10px; background-color: #74cc39; text-align: center; color: #fff; cursor: pointer;}
.attch-trans-all a:hover{background-color: #3cb536;}
/* remind list */
.remind-add{height: 16px; line-height: 16px;}
.icon-remind-add{width: 16px; height: 16px; position: absolute; top: 0; left: 0; background: url(img/ioop-icon.png) -325px -245px no-repeat;}
.remind-list .remind-prefix{color: #1879CA;}
.remind-list .remind-prefix{margin: 0 5px;}
/* table list */
.list-common-cont{padding-top: 20px;}
.list-common{width: 100%; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed!important;}
.list-common th{height: 30px; line-height: 30px; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; text-align: center; font-weight: bold; font-size: 14px; color: #333;}
.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 5px;}
.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%;}
.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;}
.list-more{height: 24px; line-height: 24px; margin: 0 0 -20px 0; padding: 10px 0; text-align: center; color: #a0a2a5; cursor: pointer;}
.list-more:hover{color: #ff4747;}
/* mask */
.ioop-loading{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(img/ioop-loading.gif) center center no-repeat; z-index: 10010;}
.ioop-loading-mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0.3; filter: alpha(opacity = 30); z-index: 10000;}
.mask-level-0{z-index: 10000;}
.mask-level-01{z-index: 10100;}
.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: 990;}
.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{position: fixed; top: 0; left: 0; width: 260px; height: 200px; background-color: #fff; border: #d9d9d9 3px solid; display: none; z-index: 10010;}
.ioop-dialog h6{position: relative; height: 24px; line-height: 24px; margin: 0 10px; padding: 7px 10px; border-bottom: #d9d9d9 1px solid; font-size: 16px; overflow: hidden; cursor: move;}
.dialog-close{position: absolute; top: 13px; right: 0; width: 12px; height: 12px; background: url(img/ioop-icon-3.5.png) -251px -25px no-repeat; cursor: pointer;}
.dialog-close:hover{background-position: -268px -25px;}
.dialog-main{padding: 10px;}
.dialog-btn{height: 28px; margin-top: 10px; padding-top: 10px; border-top: #dedede 1px solid; text-align: right;}
.dialog-btn a{margin-right: 10px; padding: 0 20px; background-color: #38adff; border: #38adff 1px solid; border-radius: 5px;}
.dialog-btn a:hover{background-color: #1583D0; border: #1583D0 1px solid;}
.dialog-btn a.b-btn-save{background-color: #4fc649; border: #4fc649 1px solid;}
.dialog-btn a.b-btn-save:hover{background-color: #3cb536; border: #3cb536 1px solid;}
.dialog-btn a.dialog-close-btn{background-color: #CCCCCC; border: #CCCCCC;}
.dialog-btn a.dialog-close-btn:hover{background-color: #BBBBBB; border: #BBBBBB;}
.dialog-btn a.dialog-btn-cancel{background-color: #CCCCCC; border: #CCCCCC;}
.dialog-btn a.dialog-btn-cancel:hover{background-color: #BBBBBB; border: #BBBBBB;}
.dailog-mask{position: fixed; background-color: #ccc;}
.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.normal{padding-top: 100px;}
.no-result-cont{line-height: 80px; text-align: center; font-size: 36px; color: #e5e5e5;}
.no-result.middle{padding-top: 80px;}
.no-result.middle .no-result-cont{line-height: 60px; font-size: 24px;}
.no-result.small{padding-top: 60px;}
.no-result.small .no-result-cont{line-height: 40px; font-size: 18px;}
/* 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;}
.form-option.w50p,.form-option.w33p,.form-option.w25p,.form-option.w20p{float: left;}
.form-option.w50p{width: 50%;}
.form-option.w33p{width: 33%;}
.form-option.w25p{width: 25%;}
.form-option.w20p{width: 20%;}
.field-name{display: block; line-height: 34px; text-align: right; padding-right: 10px;}
.field-name.require{
	position: relative;
}
.field-name.require:after{
	position: absolute;
	top: 8px;
    right: 2px;
	height: 24px;
	line-height: 24px;
	content: "*";
	font-size: 14px;
    color: #ff3e3e;
}
.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-big{width: 70%;}
.form-t-big .b-text-input{width: 96%;}
.form-t-midle{width: 70%;}
.form-t-midle .b-text-input{width: 94%;}
.form-t-half{width: 50%;}
.form-t-half .b-text-input{width: 92%;}
.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-80{margin-left: 80px;}
.form-t-lang.form-mg-lt-80 .b-text-input{*margin-left: -80px;}
.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-120{margin-left: 120px;}
.form-t-lang.form-mg-lt-120 .b-text-input{*margin-left: -120px;}
.form-mg-lt-130{margin-left: 130px;}
.form-t-lang.form-mg-lt-130 .b-text-input{*margin-left: -130px;}
.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-70{width: 70px;}
.label-w-80{width: 80px;}
.label-w-90{width: 90px;}
.label-w-100{width: 100px;}
.label-w-110{width: 110px;}
.label-w-120{width: 120px;}
.label-w-130{width: 130px;}
.editor-main{width: 100%;}
.form-add-select{width: 100%;}
.has-select{padding: 0;}
.form-btn,.form-btn-short{padding-top: 20px;}
.form-btn a{margin-right: 10px; padding: 0 25px;}
.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;}
.opt-pd-z{padding: 0;}
.enable-open{cursor: pointer;}
.form-field-remark.form-tr-split{padding-right: 10px;}
.form-opt-remark{line-height:34px; margin-left: 10px; font-size: 12px; color: #eeb4b4;}
/* 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: url(img/select-arrow.png) center center no-repeat; background-color: #fff;}
.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;}
/* other */
.sub-menu{width: 150px; padding-top: 10px; position: absolute; top: 25px; left: -50px; z-index: 900; display: none;}
.sub-menu-list{border: #D9D9D9 1px solid; padding: 5px; background: #FFF;}
.sub-menu-list p{height: 24px; line-height: 24px; padding: 0 5px; border-bottom: #f2f2f2 1px dashed; font-size: 12px; color: #333; text-align: left; overflow: hidden; cursor: pointer;}
.sub-menu-list p:hover{background: #f2f2f2;}
.sub-menu .sub-menu-arrow{top: 2px; left: 53px; bottom: auto;}
.tool-tips{position: fixed; top: 0; left: 0; max-width: 450px; padding: 20px; background-color: #fff; display: none; z-index: 10020;}
.tool-tips p{line-height: 24px; margin-left: 25px; font-size: 16px; font-weight: bold;}
.tips-success{border: #38adff 1px solid; color: #38adff;}
.tips-fail{border: #ff4747 1px solid; color: #ff4747;}
.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;}
.icon-red-point{position: absolute; top: 2px; right: 2px; width: 6px; height: 6px; background: url(img/ioop-icon.png) -495px -30px no-repeat;}
/* img preview */
.img-up-preview{width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 10050;}
.img-preview-mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.9; filter: alpha(opacity=90);}
.img-preview-main{position: absolute; top: 20px; right: 0; bottom: 10px; left: 0;}
.img-preview-close{position: fixed; width: 40px; height: 40px; background: url(img/img_preview.png) 0 0 no-repeat; z-index: 100; top: 0; right: 0; cursor: pointer;}
.img-preview-close:hover{background-image: url(img/img_preview_hover.png);}
.img-preview-cont{width: 900px; margin: 0 auto; background: #000; border: #202020 1px solid; position: relative;}
.img-preview-pre,.img-preview-next{position: absolute; top: 0; left: 0; right: 48%; bottom: 0; cursor: pointer;}
.img-preview-next{left: 52%; right: 0;}
.img-preview-pre b,.img-preview-next b{display: block; width: 19px; height: 31px; background: url(img/img_pre_next.png) no-repeat; position: absolute; top: 48%;}
.img-preview-pre b{background-position: 0 bottom; left: 30px;}
.img-preview-pre:hover b{background-position: 0 0;}
.img-preview-next b{background-position: right bottom; right: 30px;}
.img-preview-next:hover b{background-position: right 0;}
.img-preview-show{position: absolute; top: 50%; left: 50%; max-width: 90%; max-height: 90%;}
.img-small-list{width: 100%; height: 60px; position: absolute; left: 0; bottom: 0;}
.img-pre-one,.img-next-one{position: absolute; width: 15px; height: 60px; bottom: 0;}
.img-pre-one{border-right: 1px solid #484848; left: 0;}
.img-next-one{border-left: 1px solid #484848; right: 0;}
.arrow-small{display: block; width: 14px; height: 60px; line-height: 60px; text-align: center; border-right: 1px solid #222; cursor: pointer; z-index: 2;}
.arrow-right-small{border-right: 0; border-left: 1px solid #222;}
.arrow-small em{width: 5px; height: 9px; margin-top: 10px; overflow: hidden; font-family: "SimSun"; font-weight: 600; font-style: normal; color: #fff; cursor: pointer;}
.img-view-cont{height: 60px; margin: 0 auto; overflow: hidden;}
.img-view-cont ul{position: relative;}
.img-view-cont li{float: left; padding: 0 2px;}
.img-view-cont li a{display: block; width: 50px; height: 50px; margin: 3px; cursor: pointer;}
.img-view-cont li:hover a,.img-view-cont li.current a{border: 3px solid #32a1cc; margin: 0;}
.img-view-cont li.current a{cursor: default;}
.img-view-cont li img{width: 50px; height: 50px;}
/* praise */
.basic-prise-wrap{margin-top: 20px; padding: 15px 15px 5px 15px; background-color: #f9f9f9; display: none;}
.basic-prise-icon{float: left; width: 20px; height: 20px; margin-top: 7px; background: url(img/ioop-icon-3.5.png) -90px -80px no-repeat;}
.basic-prise-cont{margin-left: 30px;}
.bprse-user-item{float: left; width: 34px; height: 34px; margin: 0 10px 10px 0;}
.bpusr-itm-logo{display: block; width: 34px; height: 34px; border-radius: 50%;}
.bprse-user-item.more{font: bold 16px/25px \5fae\8f6f\96c5\9ed1; text-align: center;}
.bprse-user-item.more:hover{background-color: #f0f0f0;}
/* comment */
.basic-comm-wrap{margin-top: 20px; padding: 20px 20px 10px; background-color: #f9f9f9; display: none;}
.basic-comm-side{float: left; width: 55px;}
.bcomm-user-logo,.bcomm-user-logo img{display: block; width: 40px; height: 40px; border-radius: 50%;}
.basic-comm-cont{margin-left: 55px;}
.basic-comm-mtext{position: relative; padding: 5px 10px; background-color: #fff; border: #ff6f54 1px solid;}
.basic-comm-mtext textarea{width: 100%; height: 40px; line-height: 20px; border: 0; outline: 0; font-size: 12px; overflow-x: hidden; overflow-y: auto;}
.basic-comm-op{margin-top: 10px;}
.basic-comm-op a{float: right; height: 30px; line-height: 30px; padding: 0 25px; background-color: #ff6f54; font-size: 14px; color: #fff; cursor: pointer;}
.basic-comm-op a:hover{background-color: #e44729;}
.basic-comm-list{margin-top: 15px; padding-bottom: 5px;}
.basic-comm-item{padding: 10px 0; border-top: #d9d9d9 1px solid;}
.bcomm-itm-unt{color: #858e99; overflow: hidden;}
.bcomm-itm-unt img,.bcomm-itm-unt em,.bcomm-itm-unt a.time{float: left; height: 24px; line-height: 24px;}
.bcomm-itm-unt img{width: 24px; margin-right: 5px; border-radius: 50%;}
.bcomm-itm-unt em{margin-right: 10px; max-width: 100px; font-style: normal; color: #38adff; overflow: hidden;}
.bcomm-itm-unt a.time{margin-right: 30px; color: #858e99;}
.bcomm-itm-reply,.bcomm-itm-delete{float: left; height: 24px; line-height: 24px; margin-right: 10px; cursor: pointer;}
.bcomm-itm-reply{color: #38adff;}
.bcomm-itm-delete{color: #ff4747;}
.bcomm-itm-text{line-height: 24px; margin-top: 8px; font-size: 14px; color: #555;}
.basic-comm-more{height: 24px; line-height: 24px; padding: 10px 0 5px; border-top: #d9d9d9 1px solid; text-align: center; color: #ff6f54; cursor: pointer;}
.basic-comm-more:hover{text-decoration: underline;}
/* user-info */
.user-info-detl{cursor: pointer;}
.uinfo-detl-layer{position: absolute; top: 0; left: 0; width: 260px; display: none; z-index: 999;}
.uinfo-detl-main{position: relative; height: 200px; padding: 12px 12px 15px 15px; background-color: #fff; box-shadow: 0px 0px 5px #ccc; border: #d9d9d9 1px solid;}
.uinfo-detl-uifm{padding-bottom: 15px; border-bottom: #d9d9d9 1px solid; overflow: hidden;}
.uidtl-uifm-logo,.uidtl-uifm-logo img{float: left; width: 64px; height: 64px;}
.uidtl-uifm-cont{margin-left: 75px;}
.uidtl-uifm-ulw{overflow: hidden;}
.uidtl-uifm-ulw a{float: left; height: 20px; line-height: 20px; max-width: 70px; font-size: 14px; overflow: hidden;}
.uidtl-uifm-ulw em{float: left; height: 14px; line-height: 14px; margin: 3px 0 0 10px; padding: 0 5px; background-color: #74cc39; border-radius: 8px; font-family: Arial; font-size: 12px; color: #fff;}
.uidtl-uifm-ulw img{float: left; width: 20px; height: 20px; margin-left: 10px;}
.uidtl-uifm-sign{height: 16px; line-height: 16px; padding-top: 3px; color: #808080; overflow: hidden;}
.uidtl-uifm-acht{padding-top: 3px;}
.uinfo-detl-uifo{padding-top: 10px;}
.uinfo-detl-uifo li{line-height: 22px;}
.uinfo-detl-uifo li label{float: left; width: 75px; color: #000;}
.uinfo-detl-uifo li a{display: block; width: 150px; height: 22px; color: #858e99;}
.uinfo-detl-mask{display: none;}
/* guide */
.guide-main{margin-top: 15px; padding: 5px 10px 10px 10px; border: #51a3d8 1px solid;}
.guide-main h3{padding: 10px 0; border-bottom: #51a3d8 1px solid; overflow: hidden; position: relative;}
.guide-main span{display: block; float: left; width: 2px; height: 10px; background: #ff6802; margin-top: 3px;}
.guide-close{width: 16px; height: 16px; background: url(img/ioop-icon.png) -525px 0 no-repeat; position: absolute; top: 8px; right: 5px; cursor: pointer;}
.guide-main .guide-title{height: 14px; line-height: 14px; padding-left: 6px; font-size: 14px;}
.guide-step ul{padding-top: 10px;}
.guide-step ul li{width: 33%; font-size: 14px; float: left; border-right: #d9d9d9 1px solid; cursor: pointer;}
.guide-step ul li.guide-step-three{border-right: 0;}
.guide-step-title{padding-top: 8px; text-align: center; height: 14px; line-height: 14px;}
.step-logo{height: 90px;}
.step-logo-one{background: url(img/step-one-bg.png) center no-repeat;}
.step-logo-two{background: url(img/step-two-bg.png) center no-repeat;}
.step-logo-three{background: url(img/step-three-bg.png) center no-repeat;}
.guide-step-operate{color: #2a8ccc; padding-bottom: 8px; height: 14px; line-height: 14px; text-align: center;}
.guide-step ul li.is-finished{cursor: default;}
.is-finished .guide-step-title,.is-finished .guide-step-operate{color: #cacaca;}
.is-finished .step-logo{background: url(img/step-item-bg.png) center no-repeat;}
.guide-step-nuser ul li{width: 19.5%;}
.guide-step ul li.guide-step-nuser5{border-right: 0;}
.step-logo-nuser1{background: url(img/guide/step-logo-nuser1.png) center no-repeat;}
.is-finished .step-logo-nuser1{background-image: url(img/guide/step-logo-nuser1-f.png);}
.step-logo-nuser2{background: url(img/guide/step-logo-nuser2.png) center no-repeat;}
.is-finished .step-logo-nuser2{background-image: url(img/guide/step-logo-nuser2-f.png);}
.step-logo-nuser3{background: url(img/guide/step-logo-nuser3.png) center no-repeat;}
.is-finished .step-logo-nuser3{background-image: url(img/guide/step-logo-nuser3-f.png);}
.step-logo-nuser4{background: url(img/guide/step-logo-nuser4.png) center no-repeat;}
.is-finished .step-logo-nuser4{background-image: url(img/guide/step-logo-nuser4-f.png);}
.step-logo-nuser5{background: url(img/guide/step-logo-nuser5.png) center no-repeat;}
.is-finished .step-logo-nuser5{background-image: url(img/guide/step-logo-nuser5-f.png);}
/* org site */
.org-site{width: 200px; position: absolute; top: 44px; background: #fff; border: #D6DEE2 2px solid; display: none; z-index: 990;}
.org-site-list{margin: 5px; min-height: 40px; max-height: 280px; overflow: auto;}
.org-site-list li{font-size: 14px; padding: 5px 0; vertical-align: middle; overflow: hidden;}
.org-site-list li.no-item{text-align: center;}
.org-site-list li a{color: #333; text-decoration: none; width: 140px; height: 18px; line-height: 18px; float: left;}
.org-site-list li a:hover{color: #2a8ccc; text-decoration: underline;}
.org-site-list li img{width: 16px; height: 16px; margin: 2px 6px 0 6px; float: left;}
.ioop-help-vedio{width: 220px;}
.ioop-help-vedio li a{width: 170px;}
/* ioop emoticons */
.ioop-emoticons{position: absolute; top: 0; left: 0; width: 442px; z-index: 900;}
.emot-cont{background: #f1f1f1; border: #D6DEE2 1px solid; padding: 5px 5px 0 0;}
.emot-cont li{width: 24px; height: 24px; border: #fff 1px solid; background: #fff; float: left; background-image: url(img/emoticons/static.gif); background-repeat: no-repeat; margin: 0 0 5px 5px; overflow: hidden; cursor: pointer;}
.emot-cont li:hover{border: #5690D2 1px solid;}
.emot-cont li.emot-1{background-position: 0px 0px;}
/* img upoload */
.img-upload-dynamic{margin-top: 10px; display: none;}
.img-upload-main{border: #ddd 1px solid; background: #fff;}
.img-upload-head{background: #f3f3f3; height: 14px; line-height: 14px; border-bottom: #dedede 1px solid; padding: 8px 0 8px 15px; overflow: hidden;}
.iupload-title{font-weight: bold;}
.iupload-rmk{padding-right: 15px; float: right;}
.iupload-cont{padding: 10px 10px 0 10px; *padding-bottom: 10px;}
.iupload-cont li{width: 74px; height: 74px; cursor: all-scroll; margin: 0 8px 10px 0; border: 1px solid #ccc; border-radius: 1px; padding: 1px; background: url(img/img-up-default.png) no-repeat 1px 1px; overflow: hidden; float: left; position: relative;}
.iupload-cont li:hover .dyimg-item-bg{display: block; width: 74px; height: 74px; position: absolute; top: 1px; background: rgba(74,74,74,0.6); z-index: 10;}
.dyimg-item-cont{display: block; width: 74px; height: 74px; background-size: 100%;}
.dyimg-item-del{width: 20px; height: 20px; position: absolute; top: 1px; right: 1px; background-image: url(img/ioop-icon.png); background-repeat: no-repeat; background-position: -125px 0; display: none; cursor: pointer; z-index: 20;}
.dyimg-item-del:hover{background-position: -150px 0;}
.iupload-cont li:hover .dyimg-item-del{display: block;}
.iupload-cont li.dyimg-item-add{border: 2px dashed #ccc; background: none; padding: 0; cursor: pointer;}
.iupload-cont li.dyimg-item-add:hover{border-color: #ffa306;}
.dyimg-item-add .dyimg-item-state{display: block; font-size: 40px; font-weight: bold; text-align: center; color: #ccc;}
.iupload-cont li.img-sort-ph{width: 74px; height: 74px; border: 2px dashed #ffa306; padding: 0; margin: 0 10px 10px 0;}
/* add link */
.add-link-layer{position: absolute; top: 0; left: 0; width: 400px; display: none; z-index: 900;}
.add-link-main{padding: 10px 10px 30px 10px; background: #fafafa; border: #dedede 1px solid;}
.add-link-close{width: 9px; height: 9px; float: right; background: url(img/ioop-icon.png) -435px -30px no-repeat; cursor: pointer;}
.add-link-label{height: 16px; line-height: 16px; padding: 10px 0; clear: both;}
.add-link-input{overflow: hidden;}
.add-link-text{padding: 8px 10px; float: left; background: #fff; border: #d6dee2 1px solid; border-right: 0;}
.add-link-text input{width: 275px; height: 16px; line-height: 16px; float: left; border: 0;}
.add-link-submit{float: left; height: 14px; line-height: 14px; padding: 10px 25px; background-color: #4fc649; font-size: 14px; color: #fff; cursor: pointer;}
.add-link-submit:hover{background: #3cb536;}
/* theme switch */
.theme-switch{position: absolute; top: 44px; display: none; z-index: 990;}
.theme-switch-main{padding: 15px 0 15px 20px; background-color: #fff; border: #e6e6e6 1px solid; overflow: hidden;}
.theme-switch-item{float: left; margin: 0 20px 0 0; cursor: pointer;}
.thswi-itm-logo{width: 50px; height: 50px; margin: 0 auto; background-image: url(img/theme-switch-logo.png); background-repeat: no-repeat;}
.thswi-itm-name{height: 18px; line-height: 18px; padding: 10px 0 0 0; color: #555; text-align: center;}
.theme-switch-item.itm-0 .thswi-itm-logo{background-position: 0 0;}
.theme-switch-item.itm-1 .thswi-itm-logo{background-position: -60px 0;}
.theme-switch-item.itm-2 .thswi-itm-logo{background-position: -120px 0;}
.theme-switch-item.itm-3 .thswi-itm-logo{background-position: -180px 0;}
.theme-select{width: 760px; height: 590px; border: #d8d7d7 1px solid; border-radius: 10px; box-shadow: 0 0 15px #888; background: #fff; position: fixed; top: 0; left: 0; z-index: 990;}
.theme-select-main{padding: 30px 40px;}
.theme-select-close{width: 36px; height: 36px; background: url(img/theme-select.png) -240px 0 no-repeat; position: absolute; top: 20px; right: 20px; cursor: pointer;}
.theme-select-close:hover{background-position: -240px -40px;}
.theme-select-main h1{font-size: 22px; color: #51a3d8; line-height: 36px; padding: 0 50px; word-break: break-all;}
.theme-select-list{padding: 30px 0;}
.theme-select-list li{width: 240px; padding: 0 50px; float: left; cursor: pointer;}
.theme-item-view{width: 218px; height: 135px; padding: 6px; border: #dfdfdf 3px solid; opacity: 0.6; filter: alpha(opacity = 60);}
.theme-view-stand{background: url(img/theme-select.png) 6px 6px no-repeat;}
.theme-view-gov{background: url(img/theme-select.png) 6px -144px no-repeat;}
.theme-item-name{height: 42px; line-height: 42px; padding: 18px 0; color: #bbb; font-size: 22px;}
.theme-item-icon{width: 42px; height: 42px; margin-right: 8px; background: url(img/theme-select.png) -240px -90px no-repeat; float: left;}
.theme-select-list li h2{height: 16px; line-height: 16px; padding: 10px 10px 5px 20px; font-size: 12px; color: #cbcbcb;}
.theme-select-list li h2 i{color: #e26375; font-style: normal; padding: 0 3px;}
.theme-item-desc{font-size: 14px; line-height: 22px; height: 44px; padding: 0 10px 0 20px; word-break: break-all; overflow: hidden;}
.theme-select-submit{width: 240px; height: 24px; line-height: 24px; padding: 15px 0; margin: 0 auto 0; background: #71be78; border-radius: 10px; text-align: center; color: #fff; font-size: 24px; cursor: pointer;}
.theme-select-list li:hover .theme-item-view,.theme-select-list li.current .theme-item-view{border-color: #e26375; opacity: 1; filter: alpha(opacity = 100);}
.theme-select-list li:hover .theme-item-name,.theme-select-list li.current .theme-item-name{color: #e26375;}
.theme-select-list li:hover .theme-item-icon,.theme-select-list li.current .theme-item-icon{background-position: -240px -140px;}
/* online order */
.online-order{width: 450px; position: absolute; top: 72px; background: #fff; border: #d6dee2 2px solid; display: none; z-index: 990;}
.olorder-packes{padding: 0 6px;}
.olorder-packes li{padding: 6px 0; border-bottom: #eaeaea 1px solid; overflow: hidden;}
.olorder-packes .olorder-pack{width: 48%; float: left;}
.olorder-packes .olorder-pack-split{border-right: #eaeaea 1px solid;}
.olorder-pack-radio{width: 14px; height: 14px; background: url(img/online-order.png) 0 0 no-repeat; float: left; margin: 11px 10px 0 25px; cursor: pointer;}
.olorder-pack-radio.checked{background-position: 0 -16px;}
.olorder-pack-title{height: 18px; line-height: 18px; padding: 8px 0; font-size: 14px; float: left;}
.olorder-opate{padding: 12px 0; height: 40px; background: #f8f8f8;}
.olorder-opate-btn{display: block; width: 240px; height: 20px; line-height: 20px; padding: 10px 0; margin: 0 auto; font-size: 18px; color: #fff; text-align: center; text-decoration: none; background: #f48945; border-radius: 30px; cursor: pointer;}
.olorder-opate-btn:hover{background: #f69731;}
.goto-online-order{width: 80px; height: 20px; display: inline-block; background: url(img/goto-online-order.png) center no-repeat; text-indent: -999em;}
/* ioop welcome */
.ioop-welcome{width: 843px; height: 551px; background: url(img/ioop-welcome.png) 0 0 no-repeat; position: fixed; top: 0; left: 0; z-index: 99999;}
.welcome-close{width: 40px; height: 40px; position: absolute; top: 85px; right: 150px; cursor: pointer;}
/* ioop tips */
.ioop-tips-item{width: 160px; border: #e2e2e2 1px solid; border-radius: 5px; background: #fff; position: absolute; top: 0; left: 0; z-index: 9995;}
.itips-item-arrow{position: absolute; width: 0; height: 0; font-size: 0; border-width: 8px;}
.itips-item-arrow-top .itips-item-arrow{left: 30px; border-style: solid dashed dashed dashed;}
.itips-item-arrow-top .itips-item-arrow-below{bottom: -16px; border-color: #e2e2e2 transparent transparent transparent;}
.itips-item-arrow-top .itips-item-arrow-above{bottom: -15px; border-color: #fff transparent transparent transparent;}
.itips-item-arrow-right .itips-item-arrow{top: 15px; border-style: dashed solid dashed dashed;}
.itips-item-arrow-right .itips-item-arrow-below{left: -16px; border-color: transparent #e2e2e2 transparent transparent;}
.itips-item-arrow-right .itips-item-arrow-above{left: -15px; border-color: transparent #fff transparent transparent;}
.itips-item-arrow-bottom .itips-item-arrow{left: 30px; border-style: dashed dashed solid dashed;}
.itips-item-arrow-bottom .itips-item-arrow-below{top: -17px; border-color: transparent transparent #e2e2e2 transparent;}
.itips-item-arrow-bottom .itips-item-arrow-above{top: -16px; border-color: transparent transparent #fff transparent;}
.itips-item-arrow-left .itips-item-arrow{top: 15px; border-style: dashed dashed dashed solid;}
.itips-item-arrow-left .itips-item-arrow-below{right: -16px; border-color: transparent transparent transparent #e2e2e2;}
.itips-item-arrow-left .itips-item-arrow-above{right: -15px; border-color: transparent transparent transparent #fff;}
.itips-item-close{width: 9px; height: 9px; background: url(img/ioop-icon.png) -505px -30px no-repeat; position: absolute; top: 5px; right: 5px; cursor: pointer;}
.itips-item-close:hover{background-position: -520px -30px;}
.itips-item-text{padding: 5px 20px 5px 12px; min-height: 40px;}
.itips-item-text li{padding: 2px 0; line-height: 20px; font-size: 12px; color: #769cdd; word-break: break-all;}
.itips-item-text li i{font-weight: bold; padding-right: 5px;}
.itips-item-text li a{color: #769cdd; text-decoration: underline;}
.itips-item-text li a:hover{color: #ff6802;}
.itips-theme-orange{border-color: #ff8d41;}
.itips-theme-orange.itips-item-arrow-top .itips-item-arrow-below{border-color: #ff8d41 transparent transparent transparent;}
.itips-theme-orange.itips-item-arrow-right .itips-item-arrow-below{border-color: transparent #ff8d41 transparent transparent;}
.itips-theme-orange.itips-item-arrow-bottom .itips-item-arrow-below{border-color: transparent transparent #ff8d41 transparent;}
.itips-theme-orange.itips-item-arrow-left .itips-item-arrow-below{border-color: transparent transparent transparent #ff8d41;}
.itips-theme-orange .itips-item-text li{color: #ff8d41;}
.ioop-tips-switch{height: 14px; line-height: 14px; padding: 6px 10px 6px 18px; float: right; background: url(img/icon-tips.png) 0 4px no-repeat; color: #0574D2; text-decoration: underline; cursor: pointer;}
.ioop-tips-switch:hover{background-position: 0 -40px; color: #ff6802;}
.tb-count-btn .ioop-tips-switch{margin-top: 4px;}
.itips-doc-edit{float: left; margin: 1px 0 0 10px;}
/* sidebar */
.ioop-sidebar{position: fixed; right: 0; bottom: 45px; padding: 58px 0 0 0; z-index: 9990;}
.goto-top{position: absolute; top: 0; right: 10px; width: 40px; height: 40px; background: url(img/goto-top-bg.png) 0 0 no-repeat; display: none; cursor: pointer;}
.goto-top:hover{background-position: -50px 0;}
.ioop-msg{position: relative; width: 165px; background: #f8f8f8; border: #d2d2d2 1px solid; display: none;}
.ioop-msg-list{padding: 8px 15px 8px 10px;}
.ioop-msg-item{cursor: pointer;}
.ioop-msg-item a{display: block; height: 22px; line-height: 22px; overflow: hidden;}
.ioop-msg-item a em{font-style: normal; font-weight: bold; color: #ff4d2c;}
.ioop-msg-item:hover a{text-decoration: underline;}
.ioop-msg-sound{position: absolute; top: 13px; right: 7px; width: 14px; height: 12px; background: url(img/ioop-msg-sound.png) 0 0 no-repeat; cursor: pointer;}
.ioop-msg-sound.off{background-position: 0 -20px;}
.ioop-msg-close{position: absolute; top: -14px; right: 5px; width: 9px; height: 9px; background: url(img/ioop-msg-close.png) center center no-repeat; cursor: pointer;}
/* app iframe */
.app-iframe-body{background-color: #fff;}
.app-item-iframe{width: 100%; min-height: 1000px;}
.iframe-content{width: 100%; height: 100%;}
/* index */
.index-item-list{padding-top: 10px;word-break:break-all;}
.index-item{padding: 15px; border-bottom: #d9d9d9 1px solid;}
.index-itm-info{float: left; width: 64px;}
.index-itm-ulogo,.index-itm-ulogo img{display: block; width: 64px; height: 64px;}
.index-itm-uname{height: 24px; line-height: 24px; margin-top: 5px; text-align: center; color: #636466; overflow: hidden;}
.index-itm-cont{margin-left: 94px;}
.index-itm-title,.index-itm-mtext{line-height: 24px; cursor: pointer;}
.index-itm-title{font-size: 16px; color: #000;overflow: hidden;}
.index-itm-mtext{padding: 5px 0 10px; font-size: 14px; overflow: hidden;}
.index-itm-mtext label{margin-right: 10px;}
.index-itm-mtext a{padding: 0 3px; text-decoration: underline; color: #38adff;}
.index-itm-mtext img{height: 24px; vertical-align: top;}
.index-itm-mtall{margin-left: 10px; color: #38adff; cursor: pointer;}
.index-itm-mtall:hover{text-decoration: underline;}
.index-itm-attch{padding-bottom: 10px;}
.index-itm-attch li{line-height: 26px; color: #888; overflow: hidden;}
.iitm-attch-icon{float: left; width: 20px; height: 20px; margin: 3px 5px; background: url(img/ioop-icon-3.5.png) 0 -165px no-repeat;}
.iitm-attch-icon.xls,.iitm-attch-icon.xlsx{background-position: -25px -165px;}
.iitm-attch-icon.doc,.iitm-attch-icon.docx{background-position: -50px -165px;}
.iitm-attch-icon.ppt,.iitm-attch-icon.pptx{background-position: -75px -165px;}
.iitm-attch-icon.txt{background-position: -100px -165px;}
.iitm-attch-icon.rm,.iitm-attch-icon.rmvb,.iitm-attch-icon.swf,.iitm-attch-icon.mp4,.iitm-attch-icon.avi{background-position: -125px -165px;}
.iitm-attch-icon.pdf{background-position: -150px -165px;}
.iitm-attch-icon.ofd{background: url(img/ofd.png) no-repeat;}
.iitm-attch-icon.wps{background: url(img/wps.png) no-repeat;}
.iitm-attch-icon.rar,.iitm-attch-icon.zip{background-position: -175px -165px;}
.iitm-attch-icon.jpg,.iitm-attch-icon.png,.iitm-attch-icon.gif{background-position: -200px -165px;}
.iitm-attch-name,.iitm-attch-size{float: left; margin-right: 10px;}
.iitm-attch-name{text-decoration: none; color: #888; cursor: pointer;}
.iitm-attch-name:hover{text-decoration: underline; color: #5184ec;}
.iitm-attch-view,.iitm-attch-dload,.iitm-attch-conv{margin-left: 10px; text-decoration: none; color: #5184ec;cursor:pointer}
.iitm-attch-view:hover,.iitm-attch-dload:hover,.iitm-attch-conv:hover{text-decoration: underline;}
.index-itm-etext{line-height: 24px; color: #858e99;}
.index-itm-etext label{float: left; margin-right: 10px; color: #333;}
.index-itm-range{line-height: 24px; color: #858e99;}
.index-itm-range i{float: left; width: 16px; height: 16px; margin:  4px 5px 0 0; background: url(img/ioop-icon-3.5.png) -25px -50px no-repeat;}
.index-itm-stime{height: 18px; line-height: 18px; margin-top: 6px; color: #a0a2a5;}
.index-itm-type{float: left; margin-right: 10px; padding: 0 5px; background-color: #ff6f54; color: #fff;}
.index-itm-type.mail{background-color: #f6bf26;}
.index-itm-type.info{background-color: #74cc39;}
.index-itm-type.meeting{background-color: #3bc2b5;}
.index-itm-type.doc{background-color: #ff943e;}
.index-itm-type.coll{background-color: #bd84cd;}
.index-itm-type.state{background-color: #78c06e;}
.index-itm-type.vote{background-color: #5c6bc0;}
.index-itm-type.survey{background-color: #a1887f;}
.index-itm-type.document{background-color: #c5cb63;}
.index-itm-type.task{background-color: #5e97f6;}
.index-itm-type.report{background-color: #5E9806;}
.index-itm-ext{padding: 10px 0 0 0;}
.index-itm-op{margin: 0 0 0 -20px; padding: 10px 0 0 0;}
.index-itm-op a{float: left; line-height: 16px; padding: 0 20px; border-right: #d9d9d9 1px solid; text-decoration: none; color: #38adff; cursor: pointer;}
.index-itm-op a em{margin-right: 3px; font-style: normal;}
.index-itm-op a span{font-weight: bold; color: #FF7800;}
.index-itm-op a:hover{text-decoration: underline;}
.index-itm-op a.delete{color: #ff4747;}
.index-itm-op a.is-invalid{text-decoration: none; color: #a9a9a9; cursor: default;}
.index-itm-op a.last{border-right: 0;}
.index-itm-op a.has-sub-menu{position: relative; z-index: 10;}
.iitm-op-smenu{position: absolute; top: 12px; left: 0; width: 100px; padding-top: 10px; display: none; z-index: 999;}
.iitm-op-smenu dl{padding: 5px 0; border: #D9D9D9 1px solid; background: #FFF;}
.iitm-op-smenu dd{height: 16px; line-height: 16px; padding: 5px 5px 5px 10px; background-color: #fff; text-align: left; font-weight: normal; color: #333; cursor: pointer;}
.iitm-op-smenu dd:hover{background-color: #f4f4f4;}
.index-itm-op a.has-sub-menu:hover .iitm-op-smenu{display: block;}
.index-itm-ext .index-itm-op{float: left; padding-top: 0;}
.index-itm-share{float: left; margin: 0 0 0 10px;}
.index-itm-share label{float: left; line-height: 16px; color: #38adff;}
.index-itm-share a{float: left; width: 16px; height: 16px; margin: 0 0 0 10px; background-image: url(img/ioop-icon-3.5.png); background-repeat: no-repeat; cursor: pointer;}
.index-itm-share a.yixin{background-position: -175px -50px;}
.index-itm-share a.sinabg{background-position: -200px -50px;}
.index-itm-share a.qqbg{background-position: -225px -50px;}
.index-item.circle-collge .index-itm-mtext{cursor: default;}
.opt-extend-info{line-height: 24px;}
.opt-extend-info label{padding-right: 10px;}
.opt-receiver{line-height: 24px;}
.opt-receiver b.icon-receiver{position: inherit; float: left; width: 16px; height: 16px; margin: 4px 5px 0 0; background: url(img/ioop-icon-3.5.png) -25px -50px no-repeat;}
.opt-receiver a{margin-right: 10px; color: #858e99;}
.ctrl-main{padding-top: 10px; position: relative;}
.ctrl-main-arrow,.sub-menu-arrow,.gray-arrow{position: absolute; width: 16px; height: 9px; left: 21px; bottom: -1px; z-index: 100; overflow: hidden; background: url(img/ioop-icon.png) 0 -30px no-repeat;}
.ctrl-main-arrow{top: 2px; left: 98px;}
.ctrl-replay{padding: 15px 15px 5px 15px; border: #ddd 1px solid; background-color: #f9f9f9;}
.detail-replay{width: 500px;}
.detail-replay-title{height: 30px; background: url(img/hot-title-bg.png) 0 14px repeat-x;}
.detail-replay-title a{line-height: 30px; display: block; margin-left: 20px; width: 40px; font-size: 16px; font-weight: bold; color: #2a8ccc; background: #FFF; text-align: center;}
.replay-input{width: 98%;}
.replay-operate{overflow: hidden;}
.ctrl-replay-list{padding-top: 15px; overflow: hidden;}
.ctrl-replay-list dl{color: #333; font-size: 12px; line-height: 24px; margin-bottom: 20px; position: relative;}
.ctrl-replay-list dt{width: 34px; height: 34px; float: left; margin-top: 5px;}
.ctrl-replay-list dt img{width: 34px; height: 34px;}
.ctrl-replay-list dd{margin-left: 45px; line-height: 22px;}
.ctrl-replay-list dd em{font-style: normal; color: #2f90f2;}
.ctrl-replay-list dd span{color: #909090; margin-left: 10px;}
.ctrl-replay-list dl .opt-detele{position: absolute; top: 3px; right: 15px; cursor: pointer; display: none;}
.ctrl-replay-list dl:hover .opt-detele{display: block;}
.replay-operate{padding-top: 10px;}
.replay-operate a{float: right; position: relative; height: 30px; line-height: 30px; padding: 0 20px; background-color: #ff6f54; color: #fff; cursor: pointer;}
.replay-operate a:hover{background-color: #E44729;}
.replay-operate a.b-btn-disable{background-color: #c2c2c2; cursor: default;}
.editor-simple .replay-operate{display: none;}
.issue-replay .b-textarea{position: relative; border-color: #ff6f54;}
.editor-simple .b-textarea textarea{height: 20px;}
.vote-simple{width: 300px; margin-top: 10px; border: 1px solid #ccc; cursor: pointer;}
.vote-simple h4{height: 16px; line-height: 16px; padding: 6px 5px 6px 25px; font-size: 14px; font-weight: bold; background: #f2f2f2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; position: relative;}
.vote-title-icon{width: 15px; height: 15px; background: url(img/ioop-icon.png) -450px -265px no-repeat; position: absolute; top: 6px; left: 5px;}
.vote-content{padding: 5px; min-height: 80px; position: relative;}
.vote-content ul{width: 200px;}
.vote-content ul li{height: 14px; line-height: 14px; padding: 5px 0 5px 20px; color: #909090; position: relative;}
.vote-item-icon{width: 4px; height: 4px; background: url(img/ioop-icon.png) -290px -30px no-repeat; position: absolute; top: 10px; left: 8px;}
.vote-overview{text-align: center; width: 60px; height: 47px; border: 1px solid #e7e7e7; border-bottom: 3px solid #e7e7e7; position: absolute; top: 10px; right: 10px; cursor: pointer;}
.vote-num{display: block; color: #ff7100; font-size: 14px; font-weight: bold;}
.vote-detail{position: relative; margin-top: 10px; border: 2px solid #e3e3e3; background-color: #fcfcfc; z-index: 150;}
.vote-detail-collapse{width: 40px; height: 16px; line-height: 16px; color: #2a8ccc; padding: 10px 0 5px 22px; position: relative; cursor: pointer;}
.vote-collpe-icon{width: 9px; height: 10px; background: url(img/ioop-icon.png) -295px -30px no-repeat; position: absolute; top: 12px; left: 10px;}
.is-tucking .vote-collpe-icon{background: url(img/ioop-icon.png) -330px -30px no-repeat;}
.vote-item-list{position: relative; padding: 6px 20px 6px 30px;}
.vote-item-list h6{line-height: 24px; padding: 0 80px 5px 0; font-weight: bold; font-size: 14px; word-break: break-all;}
.vote-item-info{height: 16px; line-height: 16px; padding: 0 0 5px 0;}
.vote-item-himg{padding: 5px 0;}
.vote-item-himg img{max-width: 80%;}
.line-separate{padding: 0 5px;}
.vote-item{padding: 10px 0 0 0;}
.vote-item dt{line-height: 18px; padding: 0 60px 0 0;}
.vote-item dd{position: relative; padding: 6px 80px 0 0;}
.vote-progress{display: block; background: #fff; border: #d6dee2 1px solid;}
.vote-progress em{display: block; height: 8px; background: #ff6098; width: 0;}
.vote-progress em.color-1{background: #ff6098;}
.vote-progress em.color-2{background: #f5ce0b;}
.vote-progress em.color-3{background: #01dafc;}
.vote-progress em.color-4{background: #21bc64;}
.vote-progress em.color-5{background: #7a0a6a;}
.vote-percent{position: absolute; top: 4px; right: 20px; width: 55px; height: 14px; line-height: 14px; color: #888;}
.vote-item-input{position: absolute; top: 4px; right: 0;}
.vote-item-input input{width: 14px; height: 14px;}
.vote-oprate{padding-top: 20px;}
.vote-oprate a{margin-right: 15px;}
.adds-detail{width: 220px; min-height: 200px; padding: 10px; border: #d6dee2 1px solid; background: #f8f8f8; box-shadow: 0px 0px 5px #ccc; position: absolute; top: 0; left: -250px; display: none; z-index: 200;}
.adds-detail dt{float: left; width: 80px; height: 80px;}
.adds-detail dt img{width: 80px; height: 80px;}
.adds-detail dd{width: 120px; margin-left: 90px; word-break: break-all; overflow: hidden;}
.adds-detail dd.adds-u-name{color: #0574d2; font-size: 20px; height: 20px; line-height: 20px; padding: 5px 0;}
.adds-detail dd.adds-u-post{color: #555; font-size: 14px; height: 40px; line-height: 20px; padding: 5px 0;}
.load-more-state{height: 14px; line-height: 14px; margin-top: 35px; padding: 15px 0; background-color: #f9f9f9; text-align: center; color: #a0a2a5; cursor: pointer;}
.load-more-state:hover{color: #ff4747;}
.option-praise{padding-top: 10px;}
.praise-users-list .puser-item{width: 34px; height: 34px; float: left; padding: 0 10px 10px 0; cursor: pointer; position: relative;}
.puser-item .pitem-logo{width: 34px; height: 34px;}
.puser-item:hover .pitem-detail{display: block;} 
.pitem-detail{top: 38px; left: 0; padding: 15px; min-height: 80px; z-index: 100;}
.pitem-detail dl{padding: 0;}
.praise-users-list .pitem-more{width: 32px; height: 32px; font: bold 16px/25px \5fae\8f6f\96c5\9ed1; text-align: center; border: #ddd 1px solid; background: #F8F8F8; padding: 0; margin: 0 10px 10px 0;}
.praise-users-list .pitem-more:hover{background: #f0f0f0;}
.praise-users-list .icon-praise{float: left; margin: 7px 8px 0 0;}
.option-info{padding-top: 10px;}
.vote-user-layer{padding-top: 15px;}
.voted-user-list .icon-voted{background-position: -450px -290px;}
/* module */
.tab-mod{margin-top: 20px; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid;}
.tab-mod ul{float: left;}
.tab-mod li{position: relative; float: left; padding: 8px 0; cursor: pointer;}
.tab-mod li a{display: block; height: 20px; line-height: 20px; padding: 0 20px; border-right: #d9d9d9 1px solid; font-size: 14px; color: #333;}
.tab-mod li i{position: absolute; top: 5px; right: 5px; width: 7px; height: 7px; background: url(img/ioop-icon-3.5.png) -10px -115px no-repeat; display: none;}
.tab-mod li:hover,.tab-mod li.current{padding-bottom: 5px; border-bottom: #ff6f4d 3px solid;}
.tab-mod li:hover a,.tab-mod li.current a{color: #ff6f4d;}
.tab-mod li.admin a{color: #38adff;}
.tab-mod li.admin:hover a,.tab-mod li.admin.current a{color: #ff6f4d;}
.tab-mod.much li a{padding: 0 15px;}
.tab-mod.many li a{padding: 0 10px;}
.tab-mod-more{float: left; position: relative; cursor: pointer; z-index: 20;}
.tmod-more-btn{display: block; width: 43px; height: 20px; line-height: 20px; padding: 8px 0; background: url(img/tab-mod-more.png) 15px 16px no-repeat;}
.tmod-more-list{position: absolute; top: 25px; left: -32px; width: 130px; padding-top: 10px; display: none;}
.tmod-more-list dl{padding: 5px 0; max-height: 280px; background-color: #fff; border: #d9d9d9 1px solid; overflow: auto;}
.tmod-more-list dl dd{height: 16px; line-height: 16px; padding: 6px 10px 6px 20px; font-size: 14px; cursor: pointer;}
.tmod-more-list dl dd:hover,.tmod-more-list dl dd.current{color: #38adff;}
.tmdm-more-arrow{position: absolute; left: 45px; width: 0; height: 0; border-width: 8px; border-style: dashed dashed solid dashed; font-size: 0;}
.tmdm-more-arrow.bottom{top: -5px; border-color: transparent transparent #d9d9d9 transparent; z-index: 10;}
.tmdm-more-arrow.top{top: -4px; border-color: transparent transparent #fff transparent; z-index: 20;}
.tab-mod-more:hover .tmod-more-list{display: block;}
.mod-wrap{padding: 0 0 0 15px;}
.mod-icon{float: left; width: 60px; height: 60px; margin: 0 20px 0 0; background-image: url(img/ioop-icon-app.png); background-repeat: no-repeat;}
.mod-icon.mod-1000{background-position: 0 -280px;}
.mod-icon.mod-1100{background-position: -70px -280px;}
.mod-icon.mod-1200{background-position: -140px -280px;}
.mod-icon.mod-1300{background-position: -210px -280px;}
.mod-icon.mod-1500{background-position: -280px -280px;}
.mod-icon.mod-1600{background-position: -350px -280px;}
.mod-icon.mod-1700{background-position: -420px -280px;}
.mod-icon.mod-1800{background-position: -490px -280px;}
.mod-icon.mod-1900{background-position: 0 -355px;}
.mod-icon.mod-5000{background-position: -560px -430px;background-image: url(../images/ioop-icon-app-new.png);}
.mod-icon.mod-2000{background-position: -70px -355px;}
.mod-icon.mod-2100{background-position: -140px -355px;}
.mod-icon.mod-2200{background-position: -210px -355px;}
.mod-icon.mod-2300{background-position: -280px -355px;}
.mod-icon.mod-2400{background-position: -350px -355px;}
.mod-icon.mod-2700{background-position: -420px -355px;}
.mod-icon.mod-2800{background-position: -490px -355px;}
.mod-icon.mod-2900{background-position: 0 -430px;}
.mod-icon.mod-3100{background-position: -70px -430px;}
.mod-icon.mod-6701{background-position: -560px -280px;}
.mod-icon.mod-6702{background-position: -560px -355px;}
.mod-icon.mod-7000{background-position: -140px -430px;}
.mod-icon.mod-8300{background-position: -210px -430px;}
.mod-icon.mod-9000{background-position: -280px -430px;}
.mod-icon.mod-9100{background-position: -280px -430px;}
.mod-icon.mod-9200{background-position: -280px -430px;}
.mod-icon.mod-9300{background-position: -280px -430px;}
.mod-icon.mod-person{background-position: -350px -430px;}
.mod-icon.mod-apps{background-position: -420px -430px;}
.mod-icon.mod-guide{background-position: -490px -430px;}
.mod-icon-4200{float: left; width: 60px; height: 60px; margin: 0 20px 0 0; background-image: url(img/yun_mail_50.png); background-repeat: no-repeat;}
.mod-name{float: left; height: 36px; line-height: 36px; padding: 12px 0 12px 0; font-size: 30px;}
.mod-btn-add{float: right; padding: 8px 20px; background-color: #ff6e4e; cursor: pointer;}
.mod-btn-add i{float: left; width: 14px; height: 14px; margin: 3px 5px 0 0; background-image: url(img/ioop-icon-3.5.png); background-repeat: no-repeat;}
.mod-btn-add a{float: left; height: 20px; line-height: 20px; font-size: 14px; color: #fff;}
.mod-btn-add:hover{background-color: #e45a3c;}
.mod-btn-add.mod-1000 i{background-position: 0 0;}
.mod-btn-lv1{padding: 5px 10px 5px 15px; background-color: #f9f9f9; border-bottom: #e8e8e8 1px solid;}
.mod-btn-lv1 li{float: left; cursor: pointer;}
.mod-btn-lv1 li a{display: block; height: 16px; line-height: 16px; padding: 6px 15px;}
.mod-btn-lv1 li:hover a,.mod-btn-lv1 li.current a{color: #38adff;}
.mod-btn-lv1 li.has-sub-menu{position: relative; background: url(img/icon-arrow-black-7x4.png) right center no-repeat; z-index: 200;}
.mod-sub-menu{position: absolute; top: 15px; left: 0; width: 100px; padding-top: 10px; display: none; z-index: 50;}
.mod-sub-menu dl{padding: 5px 0; background-color: #fff; border: #d9d9d9 1px solid;}
.mod-sub-menu dd{height: 16px; line-height: 16px; padding: 5px 5px 5px 10px; background-color: #fff; text-align: left; font-weight: normal; cursor: pointer;}
.mod-sub-menu dd:hover{background-color: #f4f4f4;}
.mod-btn-lv1 li:hover .mod-sub-menu{display: block;}
.mbtn-lv1-rmk{float: right; height: 28px; line-height: 28px; margin-right: 5px; font-size: 14px; color: #ff3c00;}
.mod-btn-lv1 .radio-item{padding: 4px 0;}
.mod-search{float: right;}
.mod-srch-cont{position: relative; float: left; padding: 4px 5px 4px 10px; background-color: #fff; border: #d9d9d9 1px solid;}
.mod-srch-input{float: left; width: 200px; height: 18px; line-height: 18px; border: 0; font-size: 12px;}
.mod-srch-btn{float: left; width: 18px; height: 18px; margin-left: 10px; background: url(img/ioop-icon-3.5.png) 0 -50px no-repeat; cursor: pointer;}
.mod-srch-advan{float: left; height: 16px; line-height: 16px; padding: 5px 10px; border: #d9d9d9 1px solid; background-color: #f2f2f2; border-left: 0; cursor: pointer;}
.mod-srch-advan:hover{background-color: #d1d1d1;}
.mod-search.short .mod-srch-input{width: 120px;}
.mod-detl-btn,.mod-btn-lv2{padding-top: 15px; border-bottom: #f2f2f5 1px solid;}
.mod-detl-btn ul,.mod-btn-lv2 ul{float: left; padding: 5px 0;}
.mdtl-btn-item,.mbtn-lv2-item{float: left; border-right: #d9d9d9 1px solid; cursor: pointer;}
.mdtl-btn-item a,.mbtn-lv2-item a{display: block; height: 20px; line-height: 20px; padding: 0 15px; color: #808080;}
.mdtl-btn-item:hover a,.mbtn-lv2-item:hover a{text-decoration: underline;}
.mdtl-btn-item.icon a,.mbtn-lv2-item.icon a{color: #38adff;}
.mdtl-btn-item.icon a i,.mbtn-lv2-item.icon a i{float: left; width: 14px; height: 14px; margin: 4px 3px 0 0; background-image: url(img/ioop-icon-3.5.png); background-repeat: no-repeat;}
.mdtl-btn-item.return a i,.mbtn-lv2-item.return a i{background-position: 0 -25px;}
.mdtl-btn-item.delete a,.mbtn-lv2-item.delete a{color: #ff4747;}
.mbtn-lv2-item.sub{position: relative; padding-right: 20px; z-index: 20;}
.mbtn-lv2-item.sub i{position: absolute; top: 3px; right: 12px; width: 14px; height: 14px; background: url(img/icon-arrow-black-7x4.png) center center no-repeat;}
.mbtn-lv2-item.sub.word i{background: url(img/ioop-icon-3.5.png) -385px -25px no-repeat;}
.mbtn-lv2-item.sub.excel i{background: url(img/ioop-icon-3.5.png) -405px -25px no-repeat;}
.mbtn-lv2-item.sub.ppt i{background: url(img/ioop-icon-3.5.png) -425px -25px no-repeat;}
.mbtn-lv2-item.sub.wps i{background: url(img/ioop-icon-3.5.png) -445px -25px no-repeat;}
.mblv2-itm-sub{position: absolute; top: 12px; left: 0; padding-top: 15px; display: none;}
.mblv2-itm-sub dl{width: 60px; padding: 5px 10px 5px 20px; background-color: #fff; border: #d9d9d9 1px solid;}
.mblv2-itm-sub dl dd{height: 22px; line-height: 22px; cursor: pointer;}
.mblv2-itm-sub dl dd:hover{color: #ff6f54;}
.mbtn-lv2-item.sub:hover .mblv2-itm-sub{display: block;}
.mod-btn-lv3{padding-top: 15px;}
.mbtn-lv3-item{float: left; margin-right: 5px; border: #fff 1px solid; cursor: pointer;}
.mbtn-lv3-item a{display: block; height: 14px; line-height: 14px; padding: 6px 15px; color: #888;}
.mbtn-lv3-item:hover a,.mbtn-lv3-item.current a{color: #38adff;}
.mbtn-lv3-item.current{border-color: #38adff;}
.mod-btn-select{float: right; margin-right: 10px;}
.mod-btn-select select{width: 120px;}
.mod-btn-select .simu-select .sel-cont{padding: 0 25px 0 5px;}
.mod-view-type{float: right;}
.mview-type-item{float: left; padding: 10px 12px; cursor: pointer;}
.mview-type-item i{display: block; width: 16px; height: 16px; background-image: url(img/ioop-icon-3.5.png); background-repeat: no-repeat;}
.mview-type-item.block{border-right: #d9d9d9 1px solid;}
.mview-type-item.block i{background-position: -75px -50px;}
.mview-type-item.block:hover i,.mview-type-item.block.current i{background-position: -100px -50px;}
.mview-type-item.list i{background-position: -125px -50px;}
.mview-type-item.list:hover i,.mview-type-item.list.current i{background-position: -150px -50px;}
.mod-view-type.lv2 .mview-type-item{padding: 5px 12px;}
/* mail */
.m-main-1000{background: url(img/mail-top-bg.png) -7px 0 repeat-x; padding: 10px 10px 0 0;}
.m-main-1100{background: url(img/info-top-bg.png) 0 0 repeat-x; padding: 17px 10px 0 0;}
.m-main-1200{background: url(img/docu-top-bg.png) 0 0 repeat-x; padding: 15px 10px 0 0;}
.m-main-1300{background: url(img/meet-top-bg.png) 0 0 repeat-x; padding: 17px 10px 0 0;}
.m-main-1400{background: url(img/docu-top-bg.png) 0 0 repeat-x; padding: 15px 10px 0 0;}
.m-main-1500{background: url(img/doc-top-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-1600{background: url(img/coll-top-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-1700{background: url(img/task-top-bg.png) 0 0 repeat-x; padding: 15px 10px 0 0;}
.m-main-1800{background: url(img/plan-cont-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-1900{background: url(img/report-cont-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-2000{background: url(img/sms-cont-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-2100{background: url(img/address-cont-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-2200{background: url(img/attend-cont-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-2300{background: url(img/vote-cont-bg.png) 0 0 repeat-x; padding: 15px 10px 0 0;}
.m-main-2400{background: url(img/survey-cont-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-2500{background: url(img/topic-cont-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-2600{background: url(img/report-cont-bg.png) 0 0 repeat-x; padding: 15px 10px 0 0;}
.m-main-2700{background: url(img/calendar-cont-bg.png) 0 0 repeat-x; padding: 15px 10px 0 0;}
.m-main-2800{background: url(img/mail-top-bg.png) -7px 0 repeat-x; padding: 10px 10px 0 0;}
.m-main-2900{background: url(img/m-main-2900.png) 0 0 repeat-x; padding: 15px 10px 0 0;}
.m-main-6100{background: url(img/m-main-6100.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-6300{background: url(img/m-main-6300.png) 0 0 repeat-x; padding: 15px 10px 0 0;}
.m-main-7000{background: url(img/m-main-7000.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-9000{background: url(img/sys-org-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-person{background: url(img/person-cont-bg.png) 0 0 repeat-x; padding: 16px 10px 0 0;}
.m-main-apps{background: url(img/apps-cont-bg.png) 0 0 repeat-x; padding: 20px 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-1000{background: url(img/ioop-icon-app.png) 0 -1095px no-repeat;}
.icon-m-1100{background: url(img/ioop-icon-app.png) -55px -1095px no-repeat;}
.icon-m-1200{background: url(img/ioop-icon-app.png) -110px -1095px no-repeat;}
.icon-m-1300{background: url(img/ioop-icon-app.png) -165px -1095px no-repeat;}
.icon-m-1500{background: url(img/ioop-icon-app.png) -220px -1095px no-repeat;}
.icon-m-1600{background: url(img/ioop-icon-app.png) -275px -1095px no-repeat;}
.icon-m-1700{background: url(img/ioop-icon-app.png) -330px -1095px no-repeat;}
.icon-m-1800{background: url(img/ioop-icon-app.png) -385px -1095px no-repeat;}
.icon-m-1900{background: url(img/ioop-icon-app.png) -440px -1095px no-repeat;}
.icon-m-2000{background: url(img/ioop-icon-app.png) -495px -1095px no-repeat;}
.icon-m-2100{background: url(img/ioop-icon-app.png) -550px -1095px no-repeat;}
.icon-m-2200{background: url(img/ioop-icon-app.png) 0 -1150px no-repeat;}
.icon-m-2300{background: url(img/ioop-icon-app.png) -55px -1150px no-repeat;}
.icon-m-2400{background: url(img/ioop-icon-app.png) -110px -1150px no-repeat;}
.icon-m-2700{background: url(img/ioop-icon-app.png) -165px -1150px no-repeat;}
.icon-m-2800{background: url(img/ioop-icon-app.png) -220px -1150px no-repeat;}
.icon-m-2900{background: url(img/ioop-icon-app.png) -275px -1150px no-repeat;}
.icon-m-3100{background: url(img/ioop-icon-app.png) -330px -1150px no-repeat;}
.icon-m-6100{background: url(img/ioop-icon-third.png) 0 -380px no-repeat;}
.icon-m-6300{background: url(img/ioop-icon-third.png) -55px -380px no-repeat;}
.icon-m-6400{background: url(img/ioop-icon-third.png) -110px -380px no-repeat;}
.icon-m-6500{background: url(img/ioop-icon-third.png) -165px -380px no-repeat;}
.icon-m-6600{background: url(img/ioop-icon-third.png) -220px -380px no-repeat;}
.icon-m-6701{background: url(img/ioop-icon-app.png) -55px -1205px no-repeat;}
.icon-m-6702{background: url(img/ioop-icon-app.png) -110px -1205px no-repeat;}
.icon-m-6900{background: url(img/ioop-icon-app.png?ver=20180917) -165px -1205px no-repeat;}
.icon-m-7000{background: url(img/ioop-icon-app.png) -385px -1150px no-repeat;}
.icon-m-8300{background: url(img/ioop-icon-app.png) -440px -1150px no-repeat;}
.icon-m-9000{background: url(img/ioop-icon-app.png) -495px -1150px no-repeat;}
.icon-m-9100{background: url(img/ioop-icon-app.png) -495px -1150px no-repeat;}
.icon-m-9200{background: url(img/ioop-icon-app.png) -495px -1150px no-repeat;}
.icon-m-9300{background: url(img/ioop-icon-app.png) -495px -1150px no-repeat;}
.icon-m-person{background: url(img/ioop-icon-app.png) -550px -1150px no-repeat;}
.icon-m-apps{background: url(img/ioop-icon-app.png) 0 -1205px no-repeat;}
.mail-space{float: right; width: 270px; margin-top: 13px;}
.space-use-chart{height: 8px; border: #4bd86c 1px solid;}
.use-progress{display: block; width: 0; height: 100%; background-color: #4bd86c;}
.space-use-info{height: 24px; line-height: 24px; font-size: 12px; color: #7b7b7b;}
.space-total{color: #0574d2; margin-right: 10px;}
.space-used{color: #4fc649;}
.space-remain{color: #e7808a;}
.mail-color-remark{padding-top: 2px;}
.mail-color-remark span{float: left;}
.mail-c-item{width: 12px; height: 12px;}
.mail-c-remark{line-height: 12px; padding: 0 15px 0 5px;}
.mc-level-one{background: #6eaad0;}
.mc-level-two{background: #fca24a;}
.mc-level-three{background: #f06464;}
.search-module{width: 220px; position: absolute; top: 12px; right: 0;}
.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{right: 76px; border-right: 0;}
.search-advance-btn{height: 28px; position: absolute; top: 12px; right: 6px;}
.search-advance-btn a{width: 68px; height: 26px; line-height: 26px; display: block; color: #333; text-align: center; background: #F2F2F2; border: #d9d9d9 1px solid; cursor: pointer;}
.search-advance-btn a:hover{background: #f6f6f6;}
.search-placehoder{position: absolute; top: 0; left: 0; height: 18px; line-height: 18px; color: #a9a9a9; overflow: hidden;}
.search-right{right: 90px;}
.mail-add-main,.meet-add-main,.module-add-main{padding: 30px 20px 20px; background-color: #fff;}
.mail-all-list{padding-top: 20px;}
.mail-add-main{padding: 0 10px 20px 0;}
.table-add{width: 100%;}
.table-add td{padding: 5px 0; position: relative;}
.table-add td.pd-top-8{padding-top: 8px;}
.table-add td.mail-option{padding: 10px 0;}
.table-add .add-label{text-align: right; padding-right: 10px; font-size: 12px; color: #333;}
.mail-option .attch-list{margin-top: 10px;}
.not-null{color: #f00; float: left; line-height: 34px; margin-left: 10px;}
.table-add td.btn-main{padding-top: 10px; text-align: left;}
.table-add td.btn-main a{margin-right: 10px; padding: 0 30px;}
.table-add .tb-add-select{width: 97%;}
.mail-set{height: 20px; padding: 7px 0;}
.mail-set a,.mail-set span{display: inline-block; line-height: 20px; color: #666; font-size: 12px;}
.mail-set a{cursor: pointer;}
.mail-set span{margin: 0 10px;}
.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; 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;}
.mail-title{height: 32px; background: #FFF;}
.b-text .mail-title-input{width: 98%; padding: 6px 5px;}
.users-copy{display: none;}
.mail-send{width: 70px; position: absolute; top: 10px; right: 10px;}
.level-label{width: 50px; height: 34px; line-height: 34px;}
.level-item{height: 34px; margin: 0 30px 0 3px;}
.level-item .mail-level{width: 80px;}
.attch-upload{width: 60px; height: 16px; line-height: 16px; padding: 9px 0 9px 20px; color: #0574D2; font-size: 12px; cursor: pointer; overflow: hidden; position: relative;}
.icon-attch-upload{width: 15px; height: 15px; position: absolute; top: 8px; left: 0; background: url(img/ioop-icon.png) -35px -70px no-repeat;}
.attch-upload input,.home-upload input,.file-up-input{position: absolute; top: 0; right: 0; font-size: 200px; filter: alpha(opacity=0); opacity: 0; display: block; cursor: pointer;}
.mail-list-main,.meeting-list-main,.module-list-main{background: #FFF;}
.list-operate{padding: 15px 0 0 20px; height: 24px; position: relative; z-index: 200;}
.tab-module li.tab-m-admin a{background: #86c2ff; color: #fff;}
.tab-module li.tab-m-admin.current a{background: #fff; color: #3d95ce;}
.tab-module li.tab-m-up,.tab-module li.tab-m-down{width: 15px; height: 40px; background: url(img/tab-m-up.png) 0 0 no-repeat; border-left: 0; border-top: 0; cursor: pointer;}
.tab-module li.tab-m-down{width: 16px; background: url(img/tab-m-down.png) 0 0 no-repeat; margin-right: 1px;}
.tab-modsub-menu{z-index: 210;}
.tab-modsub-menu .tab-icon-arrow{top: 18px; right: 6px;}
.tab-modsub-menu .sub-menu-index{top: 39px;}
.btn-style b{width: 25px; height: 25px; border: #FAFAFA 1px solid; position: absolute; top: 7px; cursor: pointer;}
.btn-style b.current,.btn-style b:hover{border: #D9D9D9 1px solid;}
.btn-style .style-to-block{background: url(img/ioop-icon.png) -55px -70px no-repeat; right: 45px;}
.btn-style .style-to-list{background: url(img/ioop-icon.png) -85px -70px no-repeat; right: 10px;}
.btn-style .more-menu{float: left; border-left: #D9D9D9 1px solid; border-left: #D9D9D9 1px solid; border-top: #D9D9D9 1px solid; border-right: #D9D9D9 1px solid; background: #FFF; position: relative;}
.btn-style .more-menu a{padding: 0 10px; height: 37px; line-height: 37px; margin: 1px; display: block; background: #F2F2F2; cursor: pointer;}
.more-menu a .more-arrow{width: 7px; height: 4px; background: url(img/ioop-icon.png) -115px -30px no-repeat; position: absolute; top: 18px; left: 7px;}
.style-tab-small{height: 28px; position: absolute; top: 12px; right: 0;}
.style-tab-small b{margin-right: 5px;}
.style-sm-block,.style-sm-list{width: 25px; height: 25px; border: #fafafa 1px solid; cursor: pointer;}
.style-sm-block{background: url(img/ioop-icon.png) -55px -70px no-repeat;}
.style-sm-list{background: url(img/ioop-icon.png) -85px -70px no-repeat;}
.style-sm-block.current,.style-sm-block:hover,.style-sm-list.current,.style-sm-list:hover{border: #d9d9d9 1px solid;}
.icon-md-mail{background: url(img/ioop-icon.png) -390px -48px no-repeat;}
.icon-md-info{background: url(img/ioop-icon.png) -338px -48px no-repeat;}
.icon-md-meet{background: url(img/ioop-icon.png) -356px -48px no-repeat;}
.icon-md-coll{background: url(img/ioop-icon.png) -320px -47px no-repeat;}
.icon-md-doc{background: url(img/ioop-icon.png) -372px -48px no-repeat;}
.icon-md-report{background: url(img/ioop-icon.png) -408px -48px no-repeat;}
.icon-md-task{background: url(img/ioop-icon.png) -408px -48px no-repeat;}
.icon-md-vote{background: url(img/ioop-icon.png) -408px -48px no-repeat;}
.icon-md-survey{background: url(img/ioop-icon.png) -408px -48px no-repeat;}
.icon-md-plan{background: url(img/ioop-icon.png) -408px -48px no-repeat;}
.icon-md-meete{background: url(img/ioop-icon.png) -356px -48px no-repeat;}
.mail-cheked,.mail-cheked input{width: 14px; height: 14px;}
.list-operate .radio-item{padding: 3px 0; margin-left: 10px;}
.mlist-operate b{display: inline-block; margin-right: 8px; cursor: pointer;}
.mail-has-attch{float: left; height: 14px; line-height: 14px; margin-right: 3px; padding-left: 20px; background: url(img/icon-attch-blue.png) 0 0 no-repeat; font-size: 12px; font-weight: normal; color: #888;}
.btn-h-add{float: left; margin-left: 8px;}
.btn-h-add a{height: 30px; line-height: 30px; float: left; color: #0574d2; font-size: 14px; cursor: pointer;}
.btn-h-add a:hover{color: #F04141;}
/* mail list */
.mail-list-main{padding: 10px 0 30px;}
.mail-item{padding: 15px 0 5px; border-bottom: #d9d9d9 1px solid;}
.mail-itm-chk,.mail-itm-chk input{float: left; width: 14px; height: 14px;}
.mail-itm-oth{float: left; margin-left: 6px;}
.mail-itm-ulogo,.mail-itm-ulogo img{display: block; width: 64px; height: 64px;}
.mail-itm-ulogo.two,.mail-itm-ulogo.four{width: 62px; height: 62px; border: #d9d9d9 1px solid; border-radius: 3px;}
.mail-itm-ulogo.two img,.mail-itm-ulogo.four img{float: left; width: 28px; height: 28px; margin-left: 2px;}
.mail-itm-ulogo.two img{margin-top: 17px;}
.mail-itm-ulogo.four img{margin-top: 2px;}
.mail-itm-uname,.mail-itm-time{width: 72px; margin-top: 3px; text-align: center; overflow: hidden;}
.mail-itm-uname{height: 24px; line-height: 24px; border-bottom: #ccc 1px solid; color: #636466;}
.mail-itm-time{height: 14px; line-height: 14px; color: #97999c;}
.mail-itm-cont{margin-left: 120px; min-height: 130px;}
.mail-itm-title{height: 24px; line-height: 24px; margin-right: 60px; font-size: 16px; color: #858e99; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mail-itm-attch{float: left; height: 16px; line-height: 16px; margin: 4px 5px 0 0; padding-left: 16px; background: url(img/icon-attch-red-12x16.png) 0 0 no-repeat; font-size: 12px; color: #888;}
.mail-itm-desc{position: relative; height: 48px; line-height: 24px; padding-top: 10px; font-size: 14px; color: #858e99; overflow: hidden;}
.mail-itm-desc.one-line{height: 24px;}
.mail-itm-source{height: 24px; line-height: 24px; color: #38adff;}
.mail-itm-op{margin-left: -20px; padding-top: 15px; overflow: hidden;}
.mitm-op-opt{float: left; line-height: 14px; margin-left: -1px; padding: 0 20px; border-left: #d9d9d9 1px solid; color: #38adff; cursor: pointer;}
.mitm-op-opt i{float: left; width: 14px; height: 14px; margin-right: 5px; background-image: url(img/ioop-icon-3.5.png); background-repeat: no-repeat;}
.mitm-op-opt:hover{text-decoration: underline;}
.mitm-op-opt.replay i{background-position: -40px 0;}
.mitm-op-opt.forward i{background-position: -60px 0;}
.mitm-op-opt.tag i{background-position: -80px 0;}
.mitm-op-opt.star i{background-position: -100px 0;}
.mitm-op-opt.star.isstar{color: #ff4747}
.mitm-op-opt.star.isstar i{background-position: -120px 0;}
.mitm-op-opt.read i{background-position: -140px 0;}
.mitm-op-opt.read.isread{color: #ff4747}
.mitm-op-opt.read.isread i{background-position: -160px 0;}
.mitm-op-opt.delete{color: #ff4747;}
.mitm-op-opt.delete i{background-position: -180px 0;}
.mitm-op-opt.edit i{background-position: -200px 0;}
.mitm-op-opt.restore i{background-position: -220px 0;}
.mail-itm-state{float: right; line-height: 16px; padding: 4px 8px; background-color: #74cc39; font-size: 14px; color: #fff;}
.mail-item:hover{background-color: #f6f6f6;}
.mail-item.unread .mail-itm-title{color: #000;}
.mail-item.unread .mail-itm-state{background-color: #ff4747;}
.mail-itm-lv2,.mail-itm-lv3{float: left; height: 18px; line-height: 18px; margin: 3px 5px 0 0; padding: 0 3px; border-radius: 3px; text-align: center; font-size: 13px; color: #fff;}
.mail-itm-lv2{background-color: #FF604B;}
.mail-itm-lv3{background-color: #DC405D;}
/* mail detail */
.mod-detl-mail{padding: 30px;}
.mdtl-sder-logo,.mdtl-sder-logo img{float: left; width: 30px; height: 30px;}
.mdtl-sder-name,.mdtl-sder-time{line-height: 14px; margin-left: 40px; color: #97999c;}
.mdtl-sder-name{padding-top: 1px; color: #636466;}
.mdtl-mail-title{line-height: 30px; margin-top: 20px; font-weight: bold; font-size: 20px;}
.mdtl-mail-river,.mdtl-mail-coper{position: relative; line-height: 24px; margin-top: 10px; font-size: 14px;}
.mdtl-mail-river label,.mdtl-mail-coper label{float: left;}
.mdtl-mail-river p,.mdtl-mail-coper p{margin-left: 60px; color: #38adff;}
.mdtl-mail-uall{position: absolute; right: 0; bottom: 0; height: 24px; line-height: 24px; font-size: 14px; color: #ff4747; display: none; cursor: pointer;}
.mdtl-mail-river.enable,.mdtl-mail-coper.enable{padding-bottom: 24px;}
.mdtl-mail-river.fold p,.mdtl-mail-coper.fold p{height: 72px; overflow: hidden;}
.mdtl-mail-attch{margin-top: 20px;}
.mail-content{padding: 20px 0 30px; line-height: 28px; text-align: justify; font-size: 14px; word-break: break-all; overflow-x: auto; overflow-y: hidden;}
.mail-content img{max-width: 90%;}
.mail-content li{list-style: inherit;}
.mail-replay .ctrl-main-arrow{left: 34px;}
.m-quick-replay{margin-top: 30px;}
.m-quick-replay .b-textarea{position: relative; border-color: #d9d9d9;}
.change-to-full{padding-bottom: 10px;}
.m-quick-title{display: block; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #ff4747;}
.icon-lgray-edit{width: 14px; height: 13px; background: url(img/ioop-icon.png) -505px 0 no-repeat;}
.change-to-full .icon-lgray-edit{float: right; margin-top: 6px;}
.change-to-full a{height: 14px; line-height: 14px; padding: 6px 0 0 3px; display: block; float: right; cursor: pointer; text-decoration: none;}
.change-to-full a:hover{text-decoration: underline;}
.btn-quick-rpl{padding-top: 15px; text-align: right;}
.mod-detl-mail .mail-read-all .ctrl-main-arrow{left: 80px;}
.mod-detl-mail .mail-read .ctrl-main-arrow{left: 155px;}
.mod-detl-mail .mail-unread .ctrl-main-arrow{left: 258px;}
.mod-detl-mail .mail-fail .ctrl-main-arrow{left: 360px;}
.tab-btn-refresh{min-width: 40px; height: 24px; line-height: 24px; background: #F2F2F2; text-align: center; padding: 0 10px; float: left; cursor: pointer;}
.mail-detl-post{height: 30px; line-height: 30px; margin: 15px 0 0 0; padding: 30px 0; background: #f9f9f9; border: #ddd 1px solid; text-align: center;}
/* old start */
.detail-main{background-color: #fff; padding: 15px 15px 30px 20px;}
.detail-main h2{position: relative; line-height: 28px; padding: 5px 0 5px 10px; margin-top: 20px; font-size: 18px; font-weight: bold; word-break: break-all;}
.detail-main h2 .mdetail-operate{position: absolute; top: 5px; right: 5px; overflow: hidden;}
.detail-main h2 a{margin-right: 10px;}
.mdetail-operate b{display: inline-block; margin-right: 10px; cursor: pointer;}
.mail-detail .three-level-btn{padding-left: 15px; padding-top: 0;}
.mail-detail h2{padding: 5px 150px 5px 15px;}
.mail-undo{width: 19px; height: 14px; background: url(img/ioop-icon.png) -180px -245px no-repeat;}
.mail-pre{width: 16px; height: 16px; background: url(img/ioop-icon.png) -205px -245px no-repeat;}
.mail-next{width: 16px; height: 16px; background: url(img/ioop-icon.png) -225px -245px no-repeat;}
.mail-disstar{width: 16px; height: 16px; background: url(img/ioop-icon.png) -119px -245px no-repeat;}
.mail-dunstar{width: 16px; height: 16px; background: url(img/ioop-icon.png) 0 -295px no-repeat;}
.mail-delete{width: 14px; height: 15px; background: url(img/ioop-icon.png) -140px -245px no-repeat;}
.mbtn-audit{width: 16px; height: 16px; background: url(img/ioop-icon.png) -465px -45px no-repeat;}
.mbtn-nopass{width: 14px; height: 16px; background: url(img/ioop-icon.png) -520px -170px no-repeat;}
.mbtn-pread{width: 16px; height: 16px; background: url(img/ioop-icon.png) -425px -45px no-repeat;}
.mbtn-cancel{width: 13px; height: 17px; background: url(img/ioop-icon.png) -445px 0 no-repeat;}
.user-info{padding: 10px 0; border-top: #d6dee2 1px solid; border-bottom: #d6dee2 1px solid;}
.user-info li{line-height: 24px; margin: 0 180px 0 0; padding-left: 15px; font-size: 14px; color: #333;word-break:break-all;width: 66%}
.user-info .send-user{color: #0574d2;}
.user-info .send-time{margin-left: 10px; color: #b7b7b7;}
.user-info li b{color: #333;}
.mail-main-nom h2{margin: 0;}
/* old end */
/* mail win add */
.ioop-dialog .amail-dialog-min{background-position: -215px -25px; right: 36px;}
.ioop-dialog .amail-dialog-min:hover{background-position: -233px -25px;}
.add-mail-cont{overflow: auto; *position: relative;}
.amail-win-min{width: 280px; height: 38px; padding-left: 20px; background: #C7E0FF; border: #9BC4F8 1px solid; position: fixed; bottom: 5px; right: 20px; z-index: 9999;}
.amail-title-min{width: 180px; line-height: 38px; font-size: 14px; font-weight: bold; color: #333;}
.amail-win-min .mwin-min-btn{width: 24px; height: 24px; background-image: url(img/ioop-icon.png); background-repeat: no-repeat; position: absolute; top: 7px; cursor: pointer;}
.amail-win-min .mwin-min-max{background-position: -415px -140px; right: 44px;}
.amail-win-min .mwin-min-max:hover{background-position: -385px -140px;}
.amail-win-min .mwin-min-close{background-position: -535px -140px; right: 10px;}
.amail-win-min .mwin-min-close:hover{background-position: -505px -140px;}
.tab-btn-refresh:hover{background: #eaeaea;}
.opt-tag-menu{width: 280px; padding-top: 10px; position: absolute; top: 15px; left: 0; display: none; z-index: 999;}
.mod-btn-lv1 li:hover .opt-tag-menu{display: block;}
.tag-menu-main{border: #d9d9d9 1px solid; background: #fff;}
.tag-menu-items{padding: 5px 0; max-width: 280px; overflow: auto;}
.tag-menu-items dd{height: 14px; line-height: 14px; padding: 5px 5px 10px; background: #fff;}
.tag-menu-items dd:hover{background: #f4f4f4;}
.tag-menu-items .tag-item-input{width: 14px; height: 14px; float: left; cursor: pointer;}
.tag-menu-items .tag-item-color{width: 12px; height: 12px; margin: 1px 5px 0 8px; float: left; cursor: default;}
.tag-menu-items .tag-item-desc{width: 155px; text-align: left; color: #333; font-weight: normal; float: left; cursor: default;}
.titem-color-1{background: #b54143; color: #fff;}
.titem-color-2{background: #47A91C; color: #fff;}
.titem-color-3{background: #DB8933; color: #fff;}
.titem-color-4{background: #3796BF; color: #fff;}
.titem-color-5{background: #DF7BA6; color: #fff;}
.titem-color-6{background: #e5acae; color: #fff;}
.titem-color-7{background: #aedfa3; color: #fff;}
.titem-color-8{background: #dfdc00; color: #fff;}
.titem-color-9{background: #A5DAEA; color: #fff;}
.titem-color-10{background: #e64504; color: #fff;}
.titem-color-11{background: #43BC97; color: #fff;}
.titem-color-12{background: #C7AD24; color: #fff;}
.titem-color-13{background: #CF69E2; color: #fff;}
.titem-color-14{background: #9D9D9D; color: #fff;}
.titem-color-15{background: #373737; color: #fff;}
.titem-color-16{background: #113965; color: #fff;}
.titem-color-17{background: #f06464; color: #fff;}
.titem-color-18{background: #fca24a; color: #fff;}
.titem-color-19{background: #666666; color: #fff;}
.titem-color-20{background: #6eaad0; color: #fff;}
.tag-item-operate{border-top: #e9e9e9 1px solid; background: #fff; padding: 5px 0;}
.item-operate-opt{height: 28px; line-height: 28px; padding-left: 35px; text-align: left; color: #333; font-weight: normal;  background: #fff; cursor: pointer;}
.item-operate-opt:hover{background: #cde3f3;}
.tag-item-opate{color: #0574d2; font-weight: normal; float: left; cursor: pointer;}
.titem-opate-edit{padding: 0 10px 5px;}
.a-add-mtag{width: 450px; height: 200px; z-index: 10011;}
.mtag-sel-color{border: #D5D5D5 1px solid; width: 110px; height: 32px; position: relative; cursor: pointer;}
.mtag-sel-color a{display: block; line-height: 32px; padding: 0 30px 24px; background: url(img/mail-tag-bg.png) 0 0 repeat-x;}
.mtag-sel-color .select-color{width: 12px; height: 12px; position: absolute; top: 10px; left: 10px;}
.mtag-sel-color b{width: 7px; height: 4px; background: url(img/ioop-icon.png) -115px -30px no-repeat; position: absolute; top: 14px; right: 10px;}
.mtag-color-list{width: 135px; border: #D5D5D5 1px solid; background: #fff; padding: 5px 0; position: absolute; top: 32px; left: -1px; display: none;}
.mtag-color-list li{width: 12px; height: 12px; float: left; border-radius: 2px; margin: 5px 0 5px 12px;}
.mtag-color-list li:hover{border-radius: 0;}
.mtag-dialog-color{width: 12px; height: 12px; margin: 16px 5px 0 5px; float: left;}
.mtag-item-cont{background: #fff; position: absolute; right: 0; bottom: 0;}
.mtag-item-cont a{display: block; float: left; height: 24px; min-width: 35px; max-width: 95px; border-radius: 3px; padding: 0 5px; margin-right: 5px; overflow: hidden;}
.mtag-item-cont a p{float: left; height: 24px; line-height: 24px; min-width: 20px; max-width: 80px; font-size: 12px;}
.mtag-item-cont .mtag-item-remove{float: left; width: 7px; height: 7px; background: url(img/ioop-icon.png) -415px -30px no-repeat;  margin: 9px 0 0 5px; cursor: pointer;}
.icon-mail-tag{width: 11px; height: 14px; background: url(img/ioop-icon.png) -568px -45px no-repeat;}
.lstyle-one .mail-item .icon-mail-tag{background-position: -585px -45px;}
/* mail out */
.mail-protocol{padding: 20px 10px 0 20px;}
.out-mail-remind{margin: 10px 0 0 5px; background: url(img/out-mail-rem.png) no-repeat; height: 20px;}
.out-mail-remind-title{margin-left: 20px; color: #e58100;}
.out-mail-remind-con{color: #888888;}
.mproto-view-tips{color: #179754; padding-left: 20px; cursor: pointer;}
.form-mail-proto{width: 650px; margin: 0 auto;}
.mail-out-thbtn{padding-left: 20px;}
.mail-out-detail .attch-list{margin-top: 15px;}
.mail-out-num{height: 28px; line-height: 28px; margin-right: 20px; float: right; position: relative;}
.mail-out-num span i{padding: 0 3px; font-style: normal;}
.mout-num-total i{color: #0574d2;}
.mout-num-geted i{color: #4fc649;}
.mout-num-remind i{color: #e7808a;}
/* mail files */
.mail-file-main{padding: 20px 0 30px;}
.file-chk,.file-chk input,.fstyle-list .file-h-chk input{width: 14px; height: 14px;}
.file-ib-xls{background: url(img/ioop-icon.png) 0 -695px no-repeat;}
.file-ib-word{background: url(img/ioop-icon.png) -66px -695px no-repeat;}
.file-ib-ppt{background: url(img/ioop-icon.png) -132px -695px no-repeat;}
.file-ib-txt{background: url(img/ioop-icon.png) -197px -695px no-repeat;}
.file-ib-video{background: url(img/ioop-icon.png) -263px -695px no-repeat;}
.file-ib-pdf{background: url(img/ioop-icon.png) -328px -695px no-repeat;}
.file-ib-zip{background: url(img/ioop-icon.png) -394px -695px no-repeat;}
.file-ib-other{background: url(img/ioop-icon.png) -460px -695px no-repeat;}
.file-ib-img{background: url(img/ioop-icon.png) -525px -695px no-repeat;}
.file-opate{height: 16px; display: none;}
.file-opate b{width: 17px; height: 16px; display: inline-block; *display: inline; *zoom: 1; margin-right: 5px;  cursor: pointer;}
.file-move{background: url(img/ioop-icon.png) -270px 0 no-repeat;}
.file-download{background: url(img/ioop-icon.png) -174px 0 no-repeat;}
.file-delete{background: url(img/ioop-icon.png) -193px 0 no-repeat;}
.file-view{background: url(img/ioop-icon.png) -305px 0 no-repeat;}
.file-preview{background: url(img/ioop-icon.png) -546px 0 no-repeat;}
.file-share{background: url(img/ioop-icon.png) -478px -290px no-repeat;}
.a-mail-file-share{width: 640px; height: 270px;}
.a-mail-file-share .list-users{height: 132px; overflow: auto;}
/* fstyle block */
.fstyle-block .file-head{display: none;}
.fstyle-block li{width: 145px; height: 150px; border: #fff 1px solid; float: left; margin: 0 15px 30px 0; position: relative; cursor: pointer;}
.fstyle-block li:hover{border: #ccd1d5 1px solid; background: #f2f9ff;}
.fstyle-block li.selected,.fstyle-block li.selected:hover{border: #cad7e0 1px solid; background: #e9f3fd;}
.fstyle-block .file-chk{position: absolute; top: 8px; left: 8px; display: none;}
.fstyle-block li:hover .file-chk,.fstyle-block li.selected .file-chk{display: block;}
.fstyle-block .file-icon{width: 62px; height: 61px; position: absolute; top: 30px; left: 40px;}
.fstyle-block .file-icon i{display: block; width: 62px; height: 61px;}
.fstyle-block .is-folder{width: 77px; left: 32px;}
.fstyle-block .is-folder i{width: 77px;}
.fstyle-block .file-icon-folder{background: url(img/ioop-icon.png) -520px -763px no-repeat;}
.fstyle-block .file-icon-xls{background: url(img/ioop-icon.png) 0 -695px no-repeat;}
.fstyle-block .file-icon-word{background: url(img/ioop-icon.png) -66px -695px no-repeat;}
.fstyle-block .file-icon-ppt{background: url(img/ioop-icon.png) -132px -695px no-repeat;}
.fstyle-block .file-icon-txt{background: url(img/ioop-icon.png) -197px -695px no-repeat;}
.fstyle-block .file-icon-video{background: url(img/ioop-icon.png) -263px -695px no-repeat;}
.fstyle-block .file-icon-pdf{background: url(img/ioop-icon.png) -328px -695px no-repeat;}
.fstyle-block .file-icon-zip{background: url(img/ioop-icon.png) -394px -695px no-repeat;}
.fstyle-block .file-icon-other{background: url(img/ioop-icon.png) -460px -695px no-repeat;}
.fstyle-block .file-icon-img{background: url(img/ioop-icon.png) -525px -695px no-repeat;}
.fstyle-block .file-name-cont{padding: 102px 10px 0 10px; position: relative;}
.fstyle-block .file-name{height: 18px; line-height: 18px; font-size: 14px; text-align: center; overflow: hidden;}
.fstyle-block .file-date,.fstyle-block .file-size{display: none;}
.fstyle-block .file-opate{position: absolute; right: 8px; bottom: 8px;}
.fstyle-block li:hover .file-opate,.fstyle-block li.selected .file-opate{display: block;}
.fstyle-block .file-item-cont .b-text{width: 124px; height: 28px; position: absolute; top: 102px; left: 10px;}
.fstyle-block .file-item-cont .b-text-input{width: 114px;}
.fstyle-block .docu-list .file-author,.fstyle-block .docu-list .file-odnum{display: none;}
.file-icon-share{width: 16px; height: 7px; background: url(img/ioop-icon.png) -395px -30px no-repeat; position: absolute;}
.fstyle-block .file-icon-share{left: 5px; bottom: 5px;}
/* fstyle list */
.fstyle-list .file-head-cont{width: 100%; float: left;}
.fstyle-list .file-head span{display: block; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; font-size: 14px; font-weight: bold; height: 14px; line-height: 14px; padding: 10px 0; text-align: center;}
.fstyle-list .file-head .file-h-chk,.fstyle-list .file-head .file-h-icon,.fstyle-list .file-chk,.fstyle-list .file-icon{width: 40px; float: left; margin-left: -100%;}
.fstyle-list .file-head .file-h-chk{position: relative; z-index: 100;}
.fstyle-list .file-head .file-h-icon,.fstyle-list .file-icon{padding-left: 40px;}
.fstyle-list .file-head .file-h-name,.fstyle-list .file-name-cont{margin-left: 80px; margin-right: 200px; padding-left: 25px; text-align: left; overflow: hidden;}
.fstyle-list .file-head .file-h-size,.fstyle-list .file-size{width: 100px; float: left; margin-left: -200px; overflow: hidden;}
.fstyle-list .file-head .file-h-date,.fstyle-list .file-date{width: 100px; float: left; margin-left: -100px;}
.fstyle-list .file-head .file-h-date.wider,.fstyle-list .file-date.wider{width: 155px;}
.fstyle-list .file-name-cont{margin-right: 280px; position: relative;}
.fstyle-list .has-move .file-name-cont{margin-right: 296px;}
.fstyle-list li{border-bottom: #d9d9d9 1px solid; vertical-align: middle;}
.fstyle-list li:hover{background: #f2f9ff;}
.fstyle-list li.selected{background: #e9f3fd;}
.fstyle-list .file-chk{text-align: center; position: relative; z-index: 100;}
.fstyle-list .file-chk input{vertical-align: middle;}
.fstyle-list .file-item-cont{width: 100%; float: left;}
.fstyle-list .file-name-cont,.fstyle-list .file-chk,.fstyle-list .file-icon,.fstyle-list .file-size,.fstyle-list .file-date{height: 18px; line-height: 18px; font-size: 14px; text-align: center; padding-top: 18px; padding-bottom: 18px; overflow: hidden;}
.fstyle-list .file-name-cont{padding-left: 10px; padding-right: 10px;}
.fstyle-list .file-name{height: 18px; line-height: 18px; text-align: left; overflow: hidden;}
.fstyle-list .file-icon{position: relative;}
.fstyle-list .file-icon i{position: absolute; width: 30px; height: 30px; top: 12px; right: 5px;}
.fstyle-list .is-folder i{width: 36px; height: 29px; right: 2px;}
.fstyle-list .file-icon-folder{background: url(img/ioop-icon.png) -306px -759px no-repeat;}
.fstyle-list .file-icon-xls{background: url(img/ioop-icon.png) 0 -759px no-repeat;}
.fstyle-list .file-icon-word{background: url(img/ioop-icon.png) -34px -759px no-repeat;}
.fstyle-list .file-icon-ppt{background: url(img/ioop-icon.png) -67px -759px no-repeat;}
.fstyle-list .file-icon-txt{background: url(img/ioop-icon.png) -101px -759px no-repeat;}
.fstyle-list .file-icon-video{background: url(img/ioop-icon.png) -135px -759px no-repeat;}
.fstyle-list .file-icon-pdf{background: url(img/ioop-icon.png) -169px -759px no-repeat;}
.fstyle-list .file-icon-zip{background: url(img/ioop-icon.png) -203px -759px no-repeat;}
.fstyle-list .file-icon-other{background: url(img/ioop-icon.png) -237px -759px no-repeat;}
.fstyle-list .file-icon-img{background: url(img/ioop-icon.png) -271px -759px no-repeat;}
.fstyle-list .file-size,.fstyle-list .file-date{color: #848484;}
.fstyle-list .file-opate{float: left; margin: 20px 0 0 -280px;}
.fstyle-list li:hover .file-opate,.fstyle-list li.selected .file-opate{display: block;}
.fstyle-list .file-item-cont .b-text,.fstyle-list .docu-list .file-odnum .b-text{width: 260px; height: 28px; position: absolute; top: 12px; left: 10px;}
.fstyle-list .file-item-cont .b-text-input{width: 250px;}
.fstyle-list .docu-list .file-author,.fstyle-list .docu-list .file-odnum{height: 18px; line-height: 18px; float: left; font-size: 14px; text-align: center; padding-top: 18px; padding-bottom: 18px; overflow: hidden;}
.fstyle-list .docu-list .file-author{width: 80px; margin-left: -345px;}
.fstyle-list .docu-list .file-odnum{width: 55px; margin-left: -65px; position: relative;}
.fstyle-list .docu-list .file-odnum .b-text{width: 52px; left: 0;}
.fstyle-list .docu-list .file-odnum .b-text-input{width: 40px; text-align: center;}
.fstyle-list .docu-list .file-date{margin-left: -165px;}
.fstyle-list .docu-list .file-size{margin-left: -265px;}
.fstyle-list .docu-list .file-opate{margin: 20px 0 0 -435px;}
.fstyle-list .docu-list .has-move .file-name-cont{margin-right: 440px;}
.fstyle-list .file-icon-share{right: 18px; bottom: 16px;}
/* document */
.docu-list-main{padding-top: 15px;}
.file-v-opate{float: right; width: 80px; height: 28px; margin-left: 15px;}
.file-v-opate .file-tree{float: left; width: 26px; height: 26px; border: #fff 1px solid; background: #fff; margin-right: 10px; position: relative; cursor: pointer;}
.file-v-opate .file-tree:hover,.file-v-opate .file-tree.selected{border: #d9d9d9 1px solid; background: #f2f2f2;}
.file-v-opate .file-tree i{position: absolute; top: 6px; left: 5px; width: 15px; height: 15px; background: url(img/ioop-icon.png) -570px -245px no-repeat;}
.file-v-opate .file-tree:hover i,.file-v-opate .file-tree.selected i{background: url(img/ioop-icon.png) -575px -265px no-repeat;}
.file-v-opate .file-order{position: relative; float: left; width: 36px; height: 26px; border: #d9d9d9 1px solid; background: #f2f2f2; z-index: 900; cursor: pointer;}
.file-order a{display: block; width: 25px; height: 25px; border-right: #d9d9d9 1px solid;}
.file-order .order-icon{position: absolute; top: 6px; left: 5px; width: 15px; height: 15px;}
.order-icon-time{background: url(img/ioop-icon.png) -212px 0 no-repeat;}
.order-icon-char{background: url(img/ioop-icon.png) -230px 0 no-repeat;}
.order-icon-num{background: url(img/ioop-icon.png) -250px 0 no-repeat;}
.file-order .order-arrow{position: absolute; top: 12px; right: 3px; width: 5px; height: 3px; background: url(img/ioop-icon.png) -373px -30px no-repeat;}
.file-order .order-list{position: absolute; top: 26px; right: -1px; width: 98px; padding-top: 3px; display: none; z-index: 900;}
.order-list dl{border: #d9d9d9 1px solid;}
.order-list dd{height: 16px; line-height: 16px; padding: 8px 0 8px 27px; color: #606672; background: #fff; position: relative;}
.order-list dd i{position: absolute; top: 8px; left: 8px; width: 16px; height: 16px;}
.order-list dd:hover,.order-list dd.current{background: #e7f2fe;}
.file-path{position: relative; background-color: #f8f9fb; border: #dadbdd 1px solid;}
.file-path label{width: 34px; height: 14px; padding: 10px 0; text-align: center; border-right: #dadbdd 1px solid; float: left; position: relative; z-index: 999; background: #f6f7f9;}
.file-path label input{width: 14px; height: 14px;}
.file-path .main-path{position: absolute; left: 56px; right: 0; height: 34px; line-height: 34px; z-index: 99;}
.main-path a.path-more{border-right: 1px solid #d8d8d8; margin-left: 0px; padding: 0 5px; background: url(img/path.png) no-repeat left -50px; width: 8px; float: left; position: relative; cursor: pointer;}
.main-path a.path-more:hover{background-position: left -100px;}
.main-path .path-item{float: left; position: relative; margin-left: -15px; padding: 0 18px 0 25px; height: 100%; background: url(img/path.png) no-repeat right -50px; color: #7d838f; cursor: pointer;}
.main-path a:hover{background-position: right -100px;}
.main-path a.current{background-position: right -200px; color: #fff;}
.docu-file-main{position: relative; z-index: 10;}
.a-move-folder{width: 500px; height: 350px;}
.folder-tree{height: 238px; border: #dedede 1px solid;}
.folder-tree h3{border-bottom: #dedede 1px solid; height: 14px; line-height: 14px; padding: 8px;}
.folder-tree .folder-tree-cont{height: 205px; overflow: auto;}
.content-menu{position: absolute; top: 0; left: 0; overflow: hidden; z-index: 900; border: 1px solid #9ca1ab; box-shadow: 1px 1px 6px rgba(0,0,0,0.3); background: #FFF;}
.content-menu ul{width: 160px; background: url(img/content-menu-bg.png) left top repeat-y;}
.content-menu li{overflow: hidden; height: 32px; width: 100%; vertical-align: bottom;}
.content-menu a{display: block; height: 20px; overflow: hidden; padding: 5px 0 5px 40px; color: #3a404a; border-top: 1px #fff solid; border-bottom: 1px #fff solid; border-color: rgba(255,255,255,0); border-color: transparent; cursor: pointer;}
.content-menu a:hover{background: #f3f8ff; border-top: 1px #d5e5f5 solid; border-bottom: 1px #d5e5f5 solid;}
.content-menu .split{height: 1px; line-height: 1px; font-size: 1px; margin: 1px 0; overflow: hidden;}
.content-menu .split .line{padding-left: 27px; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden;}
.content-menu .split .line div{height: 1px; line-height: 1px; font-size: 1px; background: #eeeff4; overflow: hidden;}
.docu-file-container{width: 100%; float: left;}
.docu-search-remark{border-bottom: #d9d9d9 1px solid; height: 34px; line-height: 34px;}
.docu-list{padding-top: 15px;}
.docu-tree-show{margin-left: 165px;}
.docu-file-tree{width: 150px; height: 480px; border: #dadbdd 1px solid; border-top: none; float: left; margin-left: -100%; overflow: auto; display: none;}
.a-upload-folder{width: 600px; height: 300px;}
.folder-up-result{height: 158px; overflow: auto;}
.a-docu-right{width: 640px; height: 450px;}
.a-docu-right .list-users{height: 132px; overflow: auto;}
.file_sliderbar{position: absolute; left: 0; width: 110px; background: #fff; border: 1px solid #dadada; top: 34px; overflow: hidden; z-index: 9988;}
.file_sliderbar li{padding: 0 15px 0 35px; background: url(img/path-item-bg.png) no-repeat 10px center; line-height: 35px; max-width: 100px; border-top: 1px #FFF solid; border-bottom: 1px #FFF solid; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.file_sliderbar li:hover{color: #333; background-color: #f3f8ff; border-top: 1px #d5e5f5 solid; border-bottom: 1px #d5e5f5 solid;}
/* meeting */
.meeting-room-add{display: block; line-height: 24px; color: #0574d2; font-size: 12px; padding-left: 20px; margin-right: 15px; float: right; position: relative; cursor: pointer;}
.meeting-room-add b{width: 16px; height: 15px; position: absolute; top: 5px; left: 0; background: url(img/ioop-icon.png) -265px -245px no-repeat;}
.meeting-room-list{padding-top: 30px;}
.meeting-manager-list{padding: 0px 0 20px 20px;}
.meeting-manager-list td{line-height: 54px;}
.meet-room-main{padding-top: 20px;}
.meet-room-item{float: left; width: 24.99%;}
.mrom-itm-cont{margin: 0 30px 20px 0; padding: 20px 0; background-color: #fff; border: #d7d7d7 1px solid;}
.mrom-itm-title{margin-right: 35px; padding: 0 45px 0 15px; background: #5988d2 url(img/meet_room_bg.png) right center no-repeat;}
.mrom-itm-title a{display: block; height: 20px; line-height: 20px; padding: 8px 0 9px; font-size: 16px; color: #fff;}
.meet-room-info{line-height: 32px; margin: 10px 0 0 30px; font-size: 14px;}
.mrom-info-label{float: left; width: 80px;}
.mrom-info-ctent{height: 32px; margin-left: 80px; color: #808080;}
.mrom-info-op{height: 32px; overflow: hidden;}
.mrom-info-op a{float: left; margin: 8px 10px 0 0; cursor: pointer;}
.mrom-info-op a.room-edit{width: 16px; height: 15px; background: url(img/ioop-icon.png) -285px -245px no-repeat;}
.mrom-info-op a.room-detele{width: 14px; height: 15px; background: url(img/ioop-icon.png) -140px -245px no-repeat;}
.meet-room-item:hover .mrom-itm-cont{border-color: #0066cc;}
.a-add-room{width: 450px; height: auto;}
.a-nojion-reason{width: 320px; height: 190px;}
.week-switch{height: 28px; padding-bottom: 10px;}
.week-switch ul{width: 208px; border: #cecece 1px solid; float: right;}
.week-switch ul li{width: 68px; height: 16px; line-height: 16px; padding: 5px 0; text-align: center; font-size: 14px; float: left; cursor: pointer;}
.week-switch ul li.current{background: #0574d2; color: #FFF;}
.week-switch a{padding: 0 20px;}
.week-sel-room ul{width: 136px;}
.a-add-room .list-users{height: 50px; overflow: auto;}
.meeting-ls-new{width: 180px; position: absolute; right: 210px; top: 12px;}
.meeting-ls-new .sel-cont{padding: 0 25px 0 5px; height: 26px; line-height: 26px;}
.meeting-lab-new{position: absolute; right: 436px; top: 9px;}
.search-module-new{width: 195px; position: absolute; top: 12px; right: 0;}
.meet-all-main{padding-top: 20px;}
.meeting-inf-wrap{position: relative; }
.meet-qr-code{position: absolute; top: 25px; right: 200px; padding: 5px 5px 0; border: 1px solid #D9D9D9;}
.meet-qr-code .title{height: 24px; line-height: 24px; text-align: center; color: #0074d5; cursor:pointer;}
.meet-qr-code1{position: absolute; top: 25px; right: 10px; padding: 5px 5px 0; border: 1px solid #D9D9D9;}
.meet-qr-code1 .title{height: 24px; line-height: 24px; text-align: center; color: #0074d5; cursor:pointer;}
/* meeting style block */
.meet-style-block{margin: 0 20px 30px 0; position: relative;}
.meet-type-list{background: #FFF url(img/tab-opt-bg.png) 0 bottom repeat-x; height: 40px; overflow: hidden;}
.meet-type-list li{border-top: #e8e5e0 1px solid; border-right: #e8e5e0 1px solid; float: left; cursor: pointer;}
.meet-type-list li.first-type{border-left: #e8e5e0 1px solid; border-right: #e8e5e0 1px solid;}
.meet-type-list li a{display: block; padding: 0 20px; font-size: 16px; color: #333; height: 40px; line-height: 40px;}
.meet-type-list li.current a{font-size: 18px; font-weight: bold; background: #f2efe8;}
.meet-list-main{border: #e8e5e0 1px solid; border-top: none; background: #fbfbfb; padding-bottom: 30px; min-height: 300px;}
.meet-opt-main{padding: 20px 0 0 100px; min-height: 80px; position: relative;}
.meet-opt-main li{width: 300px; height: 380px; padding-top: 24px; vertical-align: text-top; border: #d9d9d9 1px solid; background: #f8f8f8; display: inline-block; *display: inline; zoom: 1; margin: 0 30px 30px 0; position: relative; cursor: pointer;}
.meet-opt-main li:hover{border: #0066cc 1px solid;}
.meet-opt-main dl{padding: 0 15px 0 20px;}
.meet-opt-main dt{overflow: hidden; word-break: break-all;}
.meet-room-name{color: #0574d2; font-size: 20px; font-weight: bold; line-height: 45px;}
.meet-opt-tilte{max-height: 60px; line-height: 30px; margin: 10px 0; font-size: 20px; color: #333;}
.meet-opt-content{max-height: 44px; line-height: 22px; color: #979797; font-size: 14px;}
.meet-opt-joiner{max-height: 44px; line-height: 22px; color: #979797; font-size: 12px; margin-top: 8px;}
.meet-opt-joiner span{color: #0574d2;}
.meet-opt-state{width: 100%; position: absolute; left: 0; bottom: 0;}
.mopt-state-cont{padding-left: 20px; height: 50px; line-height: 50px; font-size: 14px; color: #333;}
.mopt-state-cont .meet-time-num{color: #0574d2;}
.mopt-state-cont .meet-opt-starting{font-weight: bold; color: #ffa517;}
.meet-operate-list{height: 31px; position: absolute; top: 1px; right: 0; overflow: hidden;}
.meet-operate-list b{width: 31px; height: 31px; cursor: pointer; margin-left: 1px; float: right;}
.meet-opt-join{background: url(img/ioop-icon.png) -225px -100px no-repeat;}
.meet-opt-nojoin{background: url(img/ioop-icon.png) -260px -100px no-repeat;}
.meet-opt-joinck{background: url(img/ioop-icon.png) -295px -100px no-repeat;}
.meet-opt-nojoinck{background: url(img/ioop-icon.png) -330px -100px no-repeat;}
.meet-opt-edit{background: url(img/ioop-icon.png) -345px -315px no-repeat;}
.meet-opt-delete{background: url(img/ioop-icon.png) -382px -315px no-repeat;}
.meet-opt-copy{background: url(img/meeting_copy.png) no-repeat;}
.meeting-date{width: 90px; height: 27px; line-height: 27px; background: url(img/note-title-bg_03.png) 0 0 no-repeat; color: #fff; font-size: 12px; padding-left: 10px; overflow: hidden; position: absolute; top: 20px; left: -4px; z-index: 99;}
.meeting-date span{font-size: 18px;}
.meeting-arrow{position: absolute; top: 47px; left: -4px; width: 4px; height: 4px; background: #fff url(img/ioop-icon.png) -57px -30px no-repeat;}
.opt-today li{border: #ffa517 1px solid;}
.opt-today .meeting-date{background: url(img/meet-list-bg-y.png) 0 0 no-repeat;}
.opt-today .meeting-arrow{background: #fff url(img/ioop-icon.png) -220px -30px no-repeat;}
.mopt-state-icon{width: 66px; height: 49px; position: absolute; right: 25px; bottom: 15px;}
.meet-opt-unstart .mopt-state-icon{background: url(img/meet-state-unstart.png) 0 0 no-repeat;}
.meet-opt-starting .mopt-state-icon{background: url(img/meet-state-starting.png) 0 0 no-repeat;}
.meet-opt-finished .mopt-state-icon{background: url(img/meet-state-finished.png) 0 0 no-repeat;}
/* meeting detail */
.meeting-detail{padding: 10px 15px 40px 20px; background: #FFF;}
.meeting-detail h2{padding-left: 15px; padding-right: 60px;}
.meet-content-label{line-height: 24px; color: #333; font-size: 14px; padding: 10px 0 0 15px;}
.meeting-content{padding: 5px 10px 30px 15px; font-size: 14px; color: #686868; line-height: 26px; text-indent: 2em; word-break: break-all; overflow-x: auto; overflow-y: hidden;}
.meeting-content pre{white-space: pre-wrap!important; word-wrap: break-word!important;}
.meeting-content img{max-width: 90%;}
.detail-operate{margin-top: 20px;}
.tab-operate{border-bottom: #d6dee2 1px solid; height: 31px; padding-left: 20px; clear: both;}
.tab-operate li{display: inline; float: left; background: #fff; text-align: center; padding: 0 20px; font-size: 12px; color: #333; height: 30px; line-height: 30px; cursor: pointer;}
.tab-operate li.current{padding: 0 19px; border: #d6dee2 1px solid; border-bottom-color: #fff; background: #fff;}
.meeting-replay,.joiner-list{margin: 15px 0 0 20px; padding-bottom: 150px;}
.meeting-replay .detail-replay-title{background: none;}
.meeting-replay .ctrl-main-arrow{left: 34px;}
.sign-condition{border-left: #d6dee2 1px solid; border-top: #d6dee2 1px solid; border-right: #d6dee2 1px solid; background: #f2f2f2;}
.sign-condition ul{border-bottom: #d6dee2 1px solid;}
.sign-condition ul li{height: 14px; line-height: 14px; padding: 13px 0; float: left;}
.sign-condition li.cond-info{width: 100px; text-align: center; border-right: #d6dee2 1px solid;}
.sign-condition li.cond-info .m-is-join{color: #0574d2; margin: 0 6px; cursor: pointer; text-decoration: underline;}
.sign-condition li.cond-info .m-not-join{color: #f0a63f; margin: 0 6px; cursor: pointer; text-decoration: underline;}
.sign-condition li.cond-operate{color: #4189d6; padding-left: 40px; position: relative;}
.sign-condition li.cond-operate span{cursor: pointer;}
.sign-condition li.cond-operate .m-btn-remind{width: 15px; height: 14px; background: url(img/ioop-icon.png) -85px -30px no-repeat; position: absolute; top: 12px; left: 15px;}
.joiner-head{color: #0574d2; font-size: 14px; font-weight: bold; height: 24px; line-height: 24px; padding-left: 20px; position: relative;}
.joiner-head span{margin-left: 10px; color: #13b735;}
.joiner-head .join-show{width: 11px; height: 11px; background: url(img/ioop-icon.png) -180px -30px no-repeat; position: absolute; top: 7px; left: 3px; cursor: pointer;}
.joiner-hidden .join-show{background: url(img/ioop-icon.png) -195px -30px no-repeat;}
.joiner-detail li{width: 200px; height: 80px; float: left; margin: 0 0 20px 15px;}
.joiner-detail-option{border: #cccccc 1px solid; background: #fbfbfb; padding: 10px 20px; position: relative; overflow: hidden; z-index: 0;}
.joiner-icon{width: 6px; height: 22px; background: url(img/ioop-icon.png) -260px -70px no-repeat; position: absolute; top: 26px; left: 5px;}
.joiner-detail-option dl{padding-bottom: 10px;}
.joiner-detail-option dt{width: 48px; height: 48px; padding: 2px; border: #d6dee2 1px solid; border-radius: 5px; float: left;}
.joiner-detail-option dt img{width: 48px; height: 48px;}
.joiner-detail-option dd{width: 90px; height: 24px; line-height: 24px; font-size: 12px; margin-left: 60px; overflow: hidden;}
.joiner-detail-option dd.joiner-name{color: #333; padding-top: 5px;}
.joiner-detail-option dd.joiner-state{color: #989898;}
.nojoin-reason,.punish-option{border-top: #ccc 1px solid; min-height: 22px; max-height: 66px; line-height: 22px; padding: 3px 10px; word-break: break-all; overflow: hidden; display: none;}
.nojoin-reason{padding-right: 0;}
.nojoin-reason span{color: #0877d3;}
.punish-option{position: relative;}
.punish-cancel{width: 9px; height: 9px; background: url(img/ioop-icon.png) -245px -30px no-repeat; position: absolute; top: 9px; right: 0; cursor: pointer;}
.joiner-detail-option .join-btn{clear: both; padding-top: 10px; border-top: #ccc 1px solid; overflow: hidden; display: none;}
.join-btn a,.notes-edit{width: 44px; height: 26px; line-height: 26px; font-size: 12px; color: #FFF; text-align: center; float: left; margin-right: 8px; cursor: pointer;}
.join-btn a{border-radius: 3px;}
.join-btn a.sign-in{background: #0574D2;}
.join-btn a.move-tel{background: #58CF8B;}
.join-btn a.tel-punish{background: #db4d49;}
.join-btn a.btn-join-cancel{background: #C2C2C2; cursor: default;}
.joiner-detail-option:hover{z-index: 200;}
.joiner-detail-option:hover .nojoin-reason{display: block;}
.joiner-detail-option:hover .punish-option{display: block;}
.joiner-detail-option:hover .join-btn{display: block;}
.joiner-detail-option:hover .tab-hidden{display: none;}
.joiner-list-cont{padding-top: 10px; position: relative;}
.joiner-list-items{border: #ddd 1px solid; background: #F8F8F8;}
.joiner-arrow-total{left: 158px;}
.joiner-arrow-join{left: 266px;}
.joiner-arrow-napper{left: 360px;}
.joiner-arrow-nconfirm{left: 460px;}
.joiner-arrow-signed{left: 560px;}
.joiner-arrow-unsign{left: 663px;}
.joiner-list-hide{padding-bottom: 5px; margin-top: 10px;}
.tel-m-opte{margin-top: 15px; overflow: hidden;}
.tel-m-opte li{border-top: #bcd5f2 1px solid; border-left: #bcd5f2 1px solid; border-bottom: #bcd5f2 1px solid; background: #ebf2fb; float: left; cursor: pointer; position: relative;}
.tel-m-opte li:hover{background: #f3ffe0;}
.tel-m-opte li.last-item{border-right: #bcd5f2 1px solid;}
.tel-m-opte a{display: block; height: 34px; line-height: 34px; color: #7b7b7b; font-size: 12px; padding-left: 60px;}
.tel-m-opte a.item-a-f{padding-left: 50px;}
.tel-m-opte b{position: absolute;}
.tel-m-opte b.tel-dial-out{width: 23px; height: 22px; background: url(img/ioop-icon.png) -125px -110px no-repeat; top: 6px; left: 20px;}
.tel-m-opte b.add-unsing{width: 21px; height: 24px; background: url(img/ioop-icon.png) -150px -110px no-repeat; top: 6px; left: 30px;}
.tel-m-opte b.fobid-all-say{width: 20px; height: 17px; background: url(img/ioop-icon.png) -200px -110px no-repeat; top: 9px; left: 30px;}
.tel-m-opte b.enable-all-say{width: 19px; height: 17px; background: url(img/ioop-icon.png) -175px -110px no-repeat; top: 9px; left: 30px;}
.item-w150{width: 150px;}
.item-w200{width: 200px;}
.join-teler li{width: 240px;}
.join-teler .joiner-detail-option dd{width: 95px;}
.join-teler .joiner-detail-option dd.joiner-state{color: #99cc00;}
.join-teler .tel-state{width: 34px; height: 35px; background: url(img/ioop-icon.png) -210px -195px no-repeat; position: absolute; top: 15px; right: 15px;}
.join-teler .tel-close{width: 7px; height: 7px; background: url(img/ioop-icon.png) -210px -30px no-repeat; position: absolute; top: 5px; right: 5px; cursor: pointer; display: none;}
.join-teler:hover .tel-close{display: block;}
.join-teler .join-btn a{margin-right: 5px;}
.join-teler .tel-calling{width: 36px; height: 36px; background: url(img/tel-calling.gif) 0 0 no-repeat;}
.join-teler .tel-talking{background: url(img/ioop-icon.png) -100px -195px no-repeat;}
.join-teler .tel-ringoff{background: url(img/ioop-icon.png) -175px -195px no-repeat;}
.joiner-add{width: 160px; padding: 5px 20px; border: #cccccc 1px solid; background: #fbfbfb; position: relative;}
.joiner-add a{display: block; height: 32px; line-height: 32px; color: #7b7b7b; font-size: 12px; padding-left: 22px; position: relative; cursor: pointer;}
.joiner-add b.icon-add-blue{width: 16px; height: 15px; background: url(img/ioop-icon.png) -265px -245px no-repeat; position: absolute; top: 8px; left: 0;}
.notes-main{margin: 15px 15px 0 20px; min-height: 300px;}
.notes-operate{border-bottom: #ccc 1px dashed; height: 26px; line-height: 26px; font-size: 12px; color: #666; padding-bottom: 5px; margin-bottom: 10px; position: relative;}
.notes-operate a.notes-edit{width: 60px; background: #0574D2; position: absolute; top: 0; right: 10px;}
.no-notes{width: 320px; margin: 50px auto; overflow: hidden;}
.no-notes p{line-height: 36px; text-align: right; font-size: 18px; color: #333;}
.notes-add{padding-left: 30px; float: right; margin-right: 15px;}
.icon-notes-add{width: 15px; height: 15px; background: url(img/ioop-icon.png) -305px -245px no-repeat; position: absolute; top: 12px; left: 10px;}
.notes-add-main h4{padding: 10px 0; text-align: left;}
.notes-btn{text-align: right; margin: 15px 0;}
.notes-btn a.notes-save{background: #0574D2; margin-right: 10px;}
.notes-btn a.notes-cancel{background: #58CF8B;}
.notes-content{font-size: 14px; color: #686868; line-height: 26px; padding: 10px; word-break: break-all;}
.meeting-task-list{padding: 15px 15px 0 20px; min-height: 300px;}
/* task sub */
.task-sub-list h2{height: 32px; line-height: 32px; color: #b8b8b8;}
.task-sub-list h2 span{color: #6d6d6d; margin-right: 10px;}
.task-sub-items{border-top: #dcdcdc 1px solid; margin-top: 15px;}
.task-sub-item{vertical-align: middle; border-bottom: #dcdcdc 1px solid; padding: 10px 0 15px;}
.task-sitem-label{width: 80px; line-height: 24px; text-align: right; float: left;}
.task-sitem-text{line-height: 24px; color: #888; word-break: break-all; padding-left: 10px; margin-left: 80px;}
.task-sitem-middle,.task-sitem-lang{width: 140px; margin-left: 0; float: left;}
.task-sitem-lang{width: 200px;}
.task-sitem-flist{padding-top: 5px;}
.task-resolve{display: inline-block; margin-left: 10px;}
.task-resolve.b-btn-disable{border-color: #666;}
.task-sub-edit{color: #656565;}
.task-sub-save{background: #f8875b; border: #d6704a 1px solid;}
.task-sub-save:hover{background: #f99f7b;}
.module-to-task{margin-top: 15px;}
.moduto-task-head{height: 30px; border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid;}
.moduto-thead-title,.moduto-thead-worker,.moduto-thead-time,.moduto-thead-operate{line-height: 30px; font-size: 14px; font-weight: bold; text-align: center; float: right;}
.moduto-thead-title{float: none;}
.moduto-thead-worker{width: 120px; padding: 0 5px;}
.moduto-thead-time{width: 140px;}
.moduto-thead-operate{width: 100px;}
.moduto-task-item{height: 30px; line-height: 30px; padding: 10px 0; font-size: 12px; border-bottom: #cbcbcb 1px dotted;}
.moduto-titem-title{padding: 0 5px;}
.moduto-titem-num{width: 40px; line-height: 30px; color: #68a708; font-weight: bold; text-align: center; float: left;}
.moduto-titem-worker,.mditem-worker-edit,.moduto-titem-time,.mditem-time-edit,.moduto-titem-operate,.mditem-operate-edit{line-height: 30px; text-align: center; float: right;}
.moduto-titem-worker{width: 110px; padding: 0 5px;}
.moduto-titem-time{width: 140px;}
.moduto-titem-operate{width: 100px; *padding-top: 4px;}
.mditem-input-text{padding: 5px; line-height: 18px; border: #e7e7e7 1px solid;}
.mditem-input-text input{width: 100%; height: 18px; line-height: 18px; border: 0;}
.mditem-input-text-time{background: url(img/b-time-bg.png) 136px center no-repeat;}
.mditem-worker-edit{width: 182px;}
.mditem-time-edit{width: 165px; padding: 0 5px;}
.mditem-operate-edit{width: 110px; *padding-top: 4px;}
.mditem-operate-edit .task-sub-save{margin-right: 5px;}
.mditem-worker-edit .list-users{padding-top: 4px; *padding-bottom: 4px;}
.mditem-worker-edit .list-users a{margin-bottom: 2px; max-width: 85px;}
.mditem-worker-edit .list-users a p{line-height: 20px; max-width: 70px;}
.mditem-worker-edit .list-users a b.user-remove{margin-top: 7px;}
.mditem-worker-edit .list-users .add-user{line-height: 22px; margin-left: 0; margin-bottom: 4px;}
/* meeting room */
.select-room{height: 30px; line-height: 30px; margin-left: 10px; color: #a9a9a9; font-size: 14px; cursor: pointer;}
.meeting-remind-add .icon-remind-add{top: 9px;}
.meeting-save{height: 32px; position: relative;}
.meet-cont-editor{padding: 5px; border: #D5D5D5 1px solid; background: #fff;}
.meet-cont-editor textarea{width: 100%; height: 100px; border: 0 none; overflow-x: hidden; overflow-y: auto; color: #333; font-size: 12px; line-height: 18px;}
.time-start-end{overflow: hidden;}
.text-meet-time{width: 150px; height: 32px; margin-right: 10px; position: relative;}
.text-meet-time .b-text-input{width: 110px; padding: 6px 5px; margin-right: 30px; cursor: pointer;}
.icon-select-date{position: absolute; top: 6px; right: 6px; width: 20px; height: 20px; background: url(img/ioop-icon-3.5.png) -60px -80px no-repeat; cursor: pointer;}
.text-meet-time-midle{width: 300px;}
.text-meet-time-midle .b-text-input{width: 260px;}
.meet-hour-minute{width: 74px; height: 32px; margin-right: 10px;}
.meet-hour-minute .time-select{width: 70px; height: 30px; border: 0; outline: none;}
.meet-time-split{width: 40px; color: #0574d2; font-size: 14px; text-align: center; line-height: 32px; margin-right: 10px;}
.tel-user-list li{margin: 0 0 20px 35px; width: 210px; height: 190px; padding: 10px 0; border: #d9d9d9 1px solid; float: left;}
.tel-user-list dl{height: 80px; background: #5a81e2; margin-bottom: 15px;}
.tel-user-list dl.not-active{background: #e67b82;}
.tel-user-list dt{width: 81px; height: 81px; float: left;}
.tel-user-list dt img{width: 81px; height: 81px;}
.tel-user-list dd{margin-left: 100px; height: 34px; padding-top: 4px; line-height: 34px; color: #fff; overflow: hidden;}
.tel-user-list .org-name{font-size: 18px;}
.tel-user-list a{display: block; width: 70px; text-align: center; line-height: 26px; border: #fff 1px solid; cursor: pointer;}
.tel-user-list p{color: #333; font-size: 14px; line-height: 30px; text-align: left; clear: both; padding: 0 15px; overflow: hidden;}
.tel-user-list p span{color: #979797; margin-left: 20px;}
.tel-user-list p span.tel-u-state{color: #fb3e54;}
.tel-fixed-option{border: #cccccc 1px solid; min-height: 140px; padding: 15px 30px 15px 180px; position: relative;}
.tel-fixed-title{border: #cccccc 1px solid; min-height: 140px; padding: 15px 30px ; position: relative;}
.icon-tel-fixed{width: 116px; height: 116px; background: url(img/tel-fixed.png) 0 0 no-repeat; position: absolute; top: 30px; left: 20px;}
.tel-fixed-opate{height: 25px; position: absolute; top: 15px; right: 5px;}
.tel-fixed-opate b{margin-right: 10px; cursor: pointer;}
.icon-recycle-big{width: 24px; height: 25px; background: url(img/ioop-icon.png) -380px -70px no-repeat;}
.icon-tel-save{width: 25px; height: 25px; background: url(img/ioop-icon.png) -410px -70px no-repeat;}
.icon-tel-edit{width: 25px; height: 25px; background: url(img/ioop-icon.png) -518px -102px no-repeat;}
.icon-tel-cancel{width: 25px; height: 25px; background: url(img/ioop-icon.png) -565px -140px no-repeat;}
.tel-fixed-option li{color: #818181; font-size: 16px; line-height: 34px; padding: 5px 0; overflow: hidden;}
.tel-fixed-option label{width: 70px; text-align: left;}
.tel-f-num,.tel-pasword,.tel-users{margin-left: 70px;}
.tel-f-num{color: #51a3d8; font-size: 20px; font-weight: bold; font-family: Arial;}
.tel-pasword{width: 118px; height: 34px; background: url(img/password-bg.png) 0 12px repeat-x; text-indent: -200px;}
.tel-users{color: #333;}
.tel-opt-add{border: #cccccc 1px dashed; background: #fbfbfb url(img/tel-opt-add.png) center center no-repeat; margin-top: 20px; cursor: pointer;}
.tel-add-tips{display: block; text-align: center; font-size: 18px; color: #A2A2A2;}
.tel-opt-edit{margin-top: 20px;}
.tel-f-edit{width: 210px;}
.tel-f-edit .b-text-input{width: 94%; color: #51a3d8; font-size: 20px; font-weight: bold; font-family: Arial;}
.tel-users{width: 500px;}
.tel-users .list-users{padding-bottom: 5px;}
.meet-remind-set{padding: 5px 10px; border: #D5D5D5 1px solid; background: #fff;}
.meet-remind-icon{width: 19px; height: 19px; background: url(img/ioop-icon.png) -425px -190px no-repeat; float: left; margin: 7px 0 0 10px;}
.tab-meeting-container{background: #fff; padding-top: 1px;}
.tab-meeting-container .tips-info{margin-bottom: 10px;}
.list-user-input{margin-right: 110px; position: relative;}
.luser-input-text{width: 60%; height: 20px; color: #333; font: 12px/20px \5fae\8f6f\96c5\9ed1; border: 0; padding-top: 2px; *margin-left: -90px;}
.list-user-select{color: #a9a9a9; font-size: 14px; width: 100px; height: 34px; line-height: 34px; float: right; cursor: pointer;}
.tel-group-users{height: 34px; line-height: 34px; padding-left: 15px; float: left; color: #0574d2;}
.tgroup-user-name,.tgroup-user-number{width: 32%; float: left;}
.tgroup-user-number{margin-left: 15px;}
.tgroup-user-select,.tgroup-user-add{cursor: pointer;}
.tgroup-user-select{padding-right: 8px; cursor: pointer;}
.tgroup-user-add{padding-left: 8px; cursor: pointer;}
.tgroup-user-delete{width: 28px; height: 34px; padding-left: 10px; float: left; position: relative; cursor: pointer;}
.tgroup-user-delete b{width: 12px; height: 12px; background: url(img/ioop-icon.png) -290px 0 no-repeat; position: absolute; top: 11px; left: 16px;}
.meet-serv-input{margin-right: 110px;}
.meet-serv-add{float: right; width: 100px; height: 34px; line-height: 34px; margin: 20px 0 0 0; font-size: 14px; color: #a9a9a9; cursor: pointer;}
.meet-serv-user{width: 500px; height: 248px;}
.mserv-user-list{height: 140px; padding: 0 0 0 10px; overflow: auto;}
/* meet view */
.meeting-all{width: 100%; height: 700px;}
.meeting-all.dhx_cal_container{background-color: #fff; font-size: 12px;}
.meeting-all .dhx_cal_navline{display: none;}
.meeting-all .dhx_scale_bar{background-color: #fff;}
.meeting-all .dhx_data_table.folder .dhx_matrix_cell{background-color: #f0f0f0;}
.meeting-all .dhx_matrix_cell{border-bottom: #d9d9d9 1px dotted;}
.meeting-all .dhx_matrix_scell.folder{background-color: #f0f0f0; border-bottom: #fff 1px solid;}
.meeting-all .dhx_matrix_scell .dhx_scell_level0{padding-left: 10px;}
.meeting-all .dhx_matrix_scell.folder .dhx_scell_name,.meeting-all .dhx_matrix_scell.folder .dhx_scell_expand{color: #666; font-weight: normal;}
.meeting-all .dhx_matrix_scell .dhx_scell_level1{padding-left: 0;}
.meeting-all .dhx_matrix_scell.folder.section-yes-today{background-color: #eba53e; border-bottom: #eba53e 1px solid; color: #fff;}
.meeting-all .dhx_matrix_scell.folder.section-yes-today .dhx_scell_name{color: #fff;}
.meeting-all .dhx_data_table.folder .cell-yes-today{background-color: #eba53e;}
.meeting-all .dhx_matrix_scell{border-right: 1px solid #cecece;}
.meeting-all .dhx_cal_header{border-top: 1px solid #cecece; border-right: 1px solid #cecece;}
.meeting-all .dhx_cal_header div div{border-left: 1px solid #cecece;}
.meeting-all .dhx_cal_data{border-top: 1px solid #cecece;}
.meeting-all .dhx_matrix_scell{border-bottom: 1px solid #cecece;}
.meeting-all .dhx_cal_event_line{border: 0; border-radius: 3px; background-color: #69a8de; font-size: 12px; color: #fff; font-family: \5fae\8f6f\96c5\9ed1; min-width: 8px;}
.meeting-all .meet-is-mine,.meeting-all .meet-is-mine:hover{background-color: #f65f70;}
.meeting-all .meet-event-opt{padding: 3px; position: relative; z-index: 999;}
.meeting-all .meet-ev-title{height: 44px; line-height: 44px; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis;}
.meeting-all .dhx_cal_event_line .event-corner{width: 19px; height: 38px; background: url(img/meet-event-bg.png) 0 0 no-repeat; position: absolute; top: 0; right: 0; z-index: 990;}
.meeting-all .dhx_cal_event_line:hover .event-corner{background: url(img/meet-event-bg.png) 0 -40px no-repeat;background-color: #f65f70; }
.meeting-all .dhx_cal_event_line.meet-is-mine .event-corner{background: url(img/meet-event-bg.png) 0 -80px no-repeat;}
.meeting-all .dhx_matrix_scell.item .dhx_scell_name{line-height: 16px; padding-right: 10px;}
.meet-opt-operate{width: 100px; height: 52px; position: absolute; top: 0; left: 0; z-index: 990;}
.btn-ev-join,.btn-ev-nojoin{width: 24px; height: 25px; position: absolute; top: 0; border-top: #fff 1px solid; cursor: pointer;}
.btn-ev-join{border-top-left-radius: 5px; left: 0; background: #7f7f7f url(img/meet-event-bg.png) 4px -143px no-repeat;}
.btn-ev-nojoin{background: #7f7f7f url(img/meet-event-bg.png) 6px -179px no-repeat; top: 26px; border-bottom-left-radius: 5px;}
.btn-ev-join.is-checked{background-color: #f65f70;}
.btn-ev-nojoin.is-checked{background-color: #58cf8b;}
.ev-time-offset{height: 24px; line-height: 24px; font-weight: normal; padding: 0 5px; border-top: #fff 1px solid; background: #ffe1db; position: absolute; left: 0px; right: 0; overflow: hidden; bottom: 0; white-space: nowrap; text-overflow: ellipsis;}
.meeting-all .dhx_cal_event_line .dhx_event_resize{z-index: 992; display: none;}
.meeting-all .dhx_cal_event_line:hover .dhx_event_resize{display: block;}
.dhx_cal_light{padding-bottom: 45px;}
.dhx_cal_lsection{font-size: 14px; font-family: \5fae\8f6f\96c5\9ed1;}
.m-sel-room{width: 400px; height: 240px; position: fixed; z-index: 10020;}
.table-sel-room{width: 90%; color: #333; font-size: 14px; margin: 0 auto; padding:0 0 19px 0;}
.sel-room-label{height: 18px; line-height: 18px; padding: 10px 0 10px 30px; color: #aaa;}
.sel-meet-time{padding: 10px 0 10px 30px; height: 16px; line-height: 16px;}
.sel-meet-time select{padding: 2px; *margin-right: 5px;}
.sel-meet-time span{margin: 0 10px; color: #aaa;}
.select-room-dialog{width: 900px; height: 600px;}
.ifm-sel-room{width: 880px; height: 540px;}
.meeting-room-main{width: 880px; height: 500px; margin: 0 auto;}
.room-view-body,.frame-body{background: none; background-color: #fafafa;}
.dhx_cal_data table{font-size: 12px;}
.dhx_matrix_line{cursor: pointer;}
.dhx_matrix_line:hover{background: url(img/drag.png) no-repeat left center;}
.dhx_matrix_line .dhx_matrix_cell{background: transparent;}
/* sys manager*/
.sys-container{padding-top: 45px; background: #F9F9F9 url(img/sys-dept-bg.png) 0 0 repeat-x;}
.icon-m-sys{background: url(img/ioop-icon.png) -50px -195px no-repeat; left: 25px;}
.tab-sys-container{padding-top: 1px; background: #fff;}
.tips-info{background: #ffffdc; padding: 10px 0 10px 55px; margin: 20px 0 5px 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;}
.sys-list-main{position: relative; padding: 15px 0 30px 0;}
.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-half{height: 32px; background: #FFF; width: 50%; float: left;}
.b-text .text-half-input{width: 96%; padding: 6px 5px;}
.user-list-main,.meet-tel-main{position: relative; min-height: 450px; padding-left: 211px;}
.dept-cont,.post-cont{width: 210px; border: #d9d9d9 1px solid; position: absolute; top: 0; left: 0; bottom: 0;}
.dept-search,.post-search{height: 30px; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid;}
.dept-search h3,.post-search h3{width: 105px; line-height: 27px; text-align: center; font-size: 14px; color: #e95d1f; border-bottom: #fb783e 3px solid;}
.dept-tree{border-right: #d9d9d9 1px solid; min-height: 410px; position: absolute; left: 0; bottom: 0; top: 31px; right: 0; overflow: auto;}
.text-order{width: 50px;}
.text-order .b-text-input{width: 40px; text-align: center;}
.post-list-main,.sign-list-main,.web-list-main,.filed-list-main{position: relative; min-height: 450px; padding-right: 211px;}
.post-cont{left: auto; right: 0;}
.post-search{border-right: 0;}
.post-form{padding: 10px 0 10px 15px;}
.role-opt-main{overflow: hidden; margin: 0 10px 10px 60px;}
.role-opt-main li{width: 300px; 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-icon.s-app-4200{background: url(img/ioop-icon-app-postbox50.png) no-repeat;}
.role-opt-icon.s-app-4801{background: url(img/dict50.png) no-repeat;}
.role-opt-icon.s-app-4300{background: url(img/ioop-icon-app-disk50.png) no-repeat;}
.role-opt-icon.s-app-4400{background: url(img/ioop-icon-app-meet50.png) no-repeat;}
.role-opt-head{width: 240px; 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-opt-tips{font-size: 14px; padding-left: 10px; color: #E46262;}
.role-list-main{overflow: hidden;}
.block-option{width: 220px; height: 144px; vertical-align: top; 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;}
.sign-option{width: 180px; height: 200px; margin: 0 20px 30px 0;}
.sign-option .radio-item label{width: 110px;}
.sign-cont-opt{padding: 10px;}
.sign-cont-opt .block-opt-img{width: 110px; height: 110px; margin: 0 auto;}
.sign-cont-opt .block-opt-img img{width: 110px; height: 110px;}
.sign-list-main,.web-list-main{min-height: 350px;}
.sign-cont,.web-cont{border-right: #d9d9d9 1px solid; margin-left: -212px;}
.sign-cont{min-height: 430px;}
.sign-form{padding: 10px 10px 0 10px;}
.web-cont{min-height: 400px;}
.web-option{width: 148px; height: 100px; margin: 5px 20px 30px;}
.web-opt-img{text-align: center; padding: 5px 0;}
.web-opt-img img{width: 145px; height: 55px;}
.web-name{width: 80px; padding: 0; overflow: hidden;}
.web-opt-info{height: 34px; line-height: 34px; overflow: hidden; position: relative;}
.web-opt-info .radio-item{margin-right: 0;}
.web-opt-info a{line-height: 30px; color: #0574d2; font-size: 12px; text-decoration: none; position: absolute; top: 3px; right: 0;}
.web-opt-info a:hover{text-decoration: underline;}
.org-option h5{color: #2b80b8; font-size: 18px; font-weight: bold; height: 42px; line-height: 42px;}
.set-remark,.set-line-remark{font-size: 12px; color: #eeb4b4; font-weight: normal; margin-left: 15px;}
.set-password-remark{line-height: 24px; font-weight: normal; font-size: 14px; color: #eeb4b4;}
.org-logo img{width: 138px; height: 64px;}
.upload-logo{margin-left: 180px;}
.upload-logo .b-text-file .b-text-input{*margin-left: -180px;}
.set-line-remark{margin-left: 0; line-height: 28px;}
.set-sys-bg{width: 350px; margin-right: 10px;}
.set-bg-repeat{width: 120px; margin-right: 10px;}
.org-name-color{width: 100px; height: 33px; line-height: 23px; margin: 1px 10px 0 0; background: #213D90; cursor: pointer;}
.org-name-size{width: 120px; margin-right: 10px;}
.client-logo{width: 320px; height: 480px; padding: 15px; position: relative; border: #000 1px solid; border-radius: 10px; background: #232323; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;-moz-box-shadow: 0 0 15px rgba(0,0,0,.28),inset 0 1px 1px rgba(255,255,255,.45),inset 0 0 2px rgba(255,255,255,.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.28),inset 0 1px 1px rgba(255,255,255,.45),inset 0 0 2px rgba(255,255,255,.2); box-shadow: 0 0 15px rgba(0,0,0,.28),inset 0 1px 1px rgba(255,255,255,.45),inset 0 0 2px rgba(255,255,255,.2);}
.client-logo-upload{margin-left: 420px; position: relative;}
.client-bg-img{width: 100%; height: 100%;}
.client-bg-img img,.client-bg-body img{width: 320px; height: 480px;}
.client-bg-body{width: 320px; height: 480px; position: absolute; top: 15px; left: 15px; z-index: 800;}
.client-logo-img{width: 225px; height: 87px; position: absolute; top: 40px; left: 63px; z-index: 900;}
.client-logo-img img{width: 225px; height: 87px;}
.tag-add{width: 80px;}
.birth-tem-main{width: 60%;}
.birth-tem-show{height: 120px;}
.set-center-btn b{cursor: pointer;}
.set-center-btn b.opt-edit-gray{margin-right: 10px;}
.set-center-btn b.opt-detele{width: 18px; height: 18px; background: url(img/ioop-icon.png) 0 -265px no-repeat;}
.table-level{width: 100%; font-size: 14px; color: #333; margin-top: 15px; border-collapse: collapse;}
.table-level th{height: 30px; line-height: 30px; font-weight: bold; text-align: center; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 2px solid;}
.table-level td{border: #d9d9d9 1px solid;}
.table-level td.scope-list{font-size: 12px; color: #949494; padding: 5px 15px 15px;}
.levle-num{font-weight: bold; color: #267ab0;}
.set-level-dept{color: #267ab0; cursor: pointer;}
.last-update-time{color: #949494;}
.scoppe-list-opt{padding: 5px 0;}
.scope-option{height: 34px; line-height: 34px; margin-right: 10px;}
.scope-select{width: 80px; margin-right: 10px;}
.scope-select .form-add-select{width: 80px;}
.scope-select .sel-cont .sel-text{color: #949494;}
.set-step-1{padding: 10px 40px 0 30px;}
.set-step-1 .form-btn{text-align: right;}
.enterprise-mail-logo{height: 73px; background: url(img/enterprise-mail.png) 0 0 no-repeat;}
.set-step-1 p{line-height: 30px; color: #333; text-indent: 2em; text-align: justify; text-justify: inter-ideograph; word-break: break-all;}
.set-step-2{padding-top: 10px;}
.step-chart{padding: 10px 0 30px; border-bottom: #dedede 1px solid;}
.step-chart-main{position: relative; width: 410px; margin: 0 auto; overflow: hidden;}
.step-chart-item{position: relative; float: left; width: 70px; margin-left: 100px; z-index: 20;}
.scht-itm-num{width: 68px; height: 68px; background-color: #f9f9f9; border: #bababa 1px solid; border-radius: 50%;}
.scht-itm-num a{display: block; height: 36px; line-height: 36px; margin-top: 16px; text-align: center; font-family: Arial; font-size: 38px; color: #828282;}
.scht-itm-name{height: 16px; line-height: 16px; margin-top: 10px; text-align: center; font-size: 14px; color: #666;}
.step-chart-line{position: absolute; top: 35px; right: 5px; left: 5px; width: 100%; height: 1px; background-color: #d9d9d9; z-index: 10;}
.step-chart-item.item-1{margin-left: 0;}
.step-chart-item.current .scht-itm-num{background-color: #ff6f54; border-color: #ff6f54;}
.step-chart-item.current .scht-itm-num a{color: #fff;}
.step-chart-item.current .scht-itm-name{color: #fd6f59;}
.step-chart.two .step-chart-main{width: 240px;}
.step-chart.three .step-chart-main{width: 410px;}
.step-chart.four .step-chart-main{width: 580px;}
.step-set-main{width: 240px; margin: 15px auto;}
.org-mail-set{margin-top: 15px;}
.org-mail-set .b-btn-three{background: #0574d2;}
.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;}
.tree-sub-list{width: 300px; height: 240px; overflow: auto; border: #ccc 1px solid; background: #FFF; display: none; position: absolute; top: 0; left: 0;}
/* info */
.info-list-main{padding-bottom: 30px;}
.info-item{padding-top: 20px;}
.info-itm-main{position: relative; height: 110px; padding: 20px; background-color: #f8f8f8; z-index: 10;}
.info-itm-img,.info-itm-img img{float: left; width: 160px; height: 110px;}
.info-itm-img{padding-right: 30px;}
.info-itm-title{height: 20px; line-height: 20px; margin-right: 30px; font-size: 16px; color: #858e99;}
.info-itm-top,.info-bitm-top{float: left; height: 18px; line-height: 18px; margin-right: 5px; padding: 0 3px; background-color: #EE6E7D; border-radius: 3px; font-size: 13px; color: #fff;}
.info-itm-attch,.info-bitm-attch{float: left; width: 12px; height: 16px; line-height: 16px; margin: 1px 5px 0 0;background: url(img/icon-attch-red-12x16.png) 0 0 no-repeat;}
.info-itm-desc{height: 40px; line-height: 20px; margin-top: 15px; font-size: 14px; color: #858e99; overflow: hidden;}
.info-itm-op{height: 24px; padding-top: 12px;}
.info-itm-ult{float: left; line-height: 24px; color: #858e99;}
.info-itm-ult img,.info-bitm-ult img{float: left; width: 24px; height: 24px; border-radius: 12px;}
.info-itm-ult em,.info-bitm-ult em{float: left; height: 24px; margin: 0 6px 0 5px; max-width: 60px; font-style: normal; color: #38adff; overflow: hidden;}
.info-itm-share{float: left; margin-left: 30px;}
.info-itm-share label,.info-bitm-share label{float: left; line-height: 24px; color: #38adff;}
.info-itm-share a,.info-bitm-share a,.mdtll-info-share a{display: inline-block; *display: inline; *zoom: 1; width: 24px; height: 24px; margin-left: 10px; background-image: url(img/ioop-icon-3.5.png); background-repeat: no-repeat; cursor: pointer;}
.info-itm-share a.yixin,.info-bitm-share a.yixin,.mdtll-info-share a.yixin{background-position: 0 -130px;}
.info-itm-share a.sinabg,.info-bitm-share a.sinabg,.mdtll-info-share a.sinabg{background-position: -30px -130px;}
.info-itm-share a.qqbg,.info-bitm-share a.qqbg,.mdtll-info-share a.qqbg{background-position: -60px -130px;}
.info-itm-state{position: absolute; top: 20px; right: 1px; height: 24px; line-height: 24px; padding: 0 8px; background-color: #74cc39; font-size: 14px; color: #fff;}
.iitm-audit-state,.ibitm-audit-state{position: absolute; right: 80px; bottom: 20px; width: 66px; height: 49px; background: url(img/info-state-topass.png) 0 0 no-repeat;}
.meeting-audit-state{position: absolute; right: 25px; bottom: 280px; width: 61px; height: 61px; background: url(img/meet-state-topass.png) 0 0 no-repeat;}
.meeting-noAudit-state{position: absolute; right: 25px; bottom: 280px; width: 61px; height: 61px; background: url(img/meet-state-nopass.png) 0 0 no-repeat;}
.meeting-doAudit-state{position: absolute; right: 25px; bottom: 280px; width: 61px; height: 61px; background: url(img/meet-state-passed.png) 0 0 no-repeat;}
.info-item.unread .info-itm-title{color: #000;}
.info-item.unread .info-itm-state,.info-bitm.unread .info-bitm-state{background-color: #ff4747;}
.info-item.nopass .iitm-audit-state,.info-bitm.nopass .ibitm-audit-state{background: url(img/info-state-nopass.png) 0 0 no-repeat;}
.info-bitm-list{margin: 0 -10px -20px; padding-top: 20px; overflow: hidden;}
.info-bitm{float: left; width: 24.99%; height: 340px;}
.info-bitm-main{position: relative; margin: 0 10px; padding: 12px 10px 13px 10px; border: #e8e8e8 1px solid;}
.info-bitm-title{height: 36px; line-height: 18px; font-size: 14px; color: #000; overflow: hidden; cursor: pointer;}
.info-bitm-img{margin-top: 8px; display: none;}
.info-bitm-img img{display: block; width: 100%; height: 145px;}
.info-bitm-desc{height: 160px; line-height: 16px; margin-top: 33px; text-align: justify; color: #858e99; overflow: hidden;}
.info-bitm-share{height: 24px; margin-top: 8px; overflow: hidden;}
.info-bitm-ult{line-height: 24px; margin-top: 8px; color: #858e99; overflow: hidden;}
.info-bitm-state{position: absolute; top: 56px; left: 10px; height: 14px; line-height: 14px; padding: 2px 5px; background-color: #74cc39; color: #fff;}
.ibitm-audit-state{position: absolute; right: 5px; bottom: 20px;}
.info-bitm.img .info-bitm-img{display: block;}
.info-bitm.img .info-bitm-desc{height: 32px; margin-top: 8px;}
.info-type-main{padding-bottom: 30px;}
.info-type-list{padding-top: 20px;}
.info-type-item{position: relative; float: left; width: 148px; height: 148px; margin: 0 20px 20px 0; background-color: #f9f9f9; border: #d9d9d9 1px solid;}
.itype-itm-cont{padding: 20px 10px 14px; border-bottom: #d9d9d9 1px solid;}
.itype-itm-logo{width: 54px; height: 54px; margin: 0 auto; background: url(img/itype-itm-logo.png);}
.itype-itm-name{height: 16px; line-height: 16px; margin-top: 13px; text-align: center; font-size: 14px;}
.itype-itm-op{padding: 8px 0;}
.itype-itm-op a{float: left; height: 14px; line-height: 14px; padding: 0 15px; text-decoration: none; color: #38adff; cursor: pointer;}
.itype-itm-op a i{float: left; width: 14px; height: 14px; margin-right: 5px; background-image: url(img/ioop-icon-3.5.png); background-repeat: no-repeat;}
.itype-itm-op a:hover{text-decoration: underline;}
.itype-itm-op a.edit{border-right: #d9d9d9 1px solid;}
.itype-itm-op a.edit i{background-position: -200px 0;}
.itype-itm-op a.delete{color: #ff4747;}
.itype-itm-op a.delete i{background-position: -180px 0;}
.itype-itm-chk{position: absolute; top: 8px; left: 8px; cursor: pointer;}
.itype-itm-chk input{display: block; width: 14px; height: 14px;}
.info-type-item.invalid .itype-itm-logo{background: url(img/itype-itm-logo-invalid.png);}
.info-quick-users{margin-right: 220px;}
.quick-users-opt{width: 200px; height: 34px; line-height: 34px; color: #333; font-size: 12px;}
.quick-users-opt span{color: #107ad4; margin-right: 10px; cursor: pointer;}
.mod-detl-info{padding: 30px 0;}
.mdtl-info-title{line-height: 30px; padding: 0 30px; text-align: center; font-size: 20px; color: #000;word-break: break-all;}
.mdtl-info-info{height: 24px; padding: 20px 0; border-bottom: #d9d9d9 1px solid; text-align: center; font-size: 0;}
.mdtll-info-ulogo,.mdtl-info-info span{display: inline-block; *display: inline; *zoom: 1; line-height: 24px; vertical-align: top;}
.mdtll-info-ulogo{width: 24px; height: 24px; border-radius: 12px;}
.mdtll-info-uname{margin: 0 10px 0 5px; font-size: 12px; color: #38adff;}
.mdtll-info-stime,.mdtll-info-atime,.mdtll-info-clks{margin-right: 20px; font-size: 12px; color: #858e99;}
.mdtll-info-aname{margin-right: 10px; font-size: 12px; color: #38adff;}
.mdtll-info-clks em{margin: 0 1px; font-style: normal; color: #ff4747;}
.mdtll-info-prise{position: relative; margin-right: 20px; font-size: 12px; color: #ff4747; cursor: pointer;}
.mdtll-info-prise i{float: left; width: 14px; height: 14px; margin: 5px 5px 0 0; background: url(img/ioop-icon-3.5.png) -325px -25px no-repeat;}
.mdif-prise-op{position: absolute; top: 20px; left: -20px; width: 80px; padding-top: 10px; display: none;}
.mdif-prise-op dl{padding: 10px 0; background-color: #fff; border: #d9d9d9 1px solid;}
.mdif-prise-op dl dd{height: 24px; line-height: 24px; padding-left: 20px; text-align: left; color: #ff4747; cursor: pointer;}
.mdif-prise-op dl dd:hover{background-color: #f1f1f1;}
.mdif-prise-op dl dd.cancel{color: #555;}
.mdips-op-arrow{position: absolute; left: 35px; width: 0; height: 0; border-width: 8px; border-style: dashed dashed solid dashed; font-size: 0;}
.mdips-op-arrow.bottom{top: -5px; border-color: transparent transparent #d9d9d9 transparent; z-index: 10;}
.mdips-op-arrow.top{top: -4px; border-color: transparent transparent #fff transparent; z-index: 20;}
.mdtll-info-prise:hover .mdif-prise-op{display: block;}
.mdtll-info-share{font-size: 12px; color: #858e99;}
.mdtll-info-share label{float: left;}
.mdtl-info-main{padding: 0 20px;}
.mdtl-info-content{padding: 30px 10px 10px; line-height: 28px; text-align: justify; font-size: 16px; color: #000;word-break: break-all;}
.mdtl-info-content img{max-width: 90%;}
.mdtl-info-attch{margin-top: 20px;}
.mdtl-info-acomm{line-height: 24px; margin-top: 20px; padding-left: 5px; font-size: 14px; color: #4984c6;}
.mdtl-info-acomm label{padding-right: 10px; color: #333;}
.info-send-message{position: relative; margin-top: 20px;}
.info-smsg-detail{float: left; border: #c2c2c2 1px solid;}
.info-smsg-detail li{float: left; height: 34px; line-height: 34px; padding: 0 10px 0 0; font-weight: bold; font-size: 14px; color: #7b7b7b;}
.info-smsg-detail li .info-smsg-text,.info-smsg-detail li .info-smsg-num{float: left; margin: 0 0 0 10px;}
.info-smsg-detail li .info-smsg-num{text-align: center; text-decoration: underline; cursor: pointer;}
.info-smsg-detail li:hover{background: #f2f2f2;}
.info-smsg-detail li.info-smsg-item{border-left: #c2c2c2 1px solid;}
.info-smsg-detail li.last-item{border-left: #c2c2c2 1px solid;}
.info-send-view{width: 80px; height: 27px; position: absolute; right: 10px; bottom: 0; z-index: 200;}
.info-send-view .if-view-type{width: 25px; height: 25px; border: #fff 1px solid; background: #fff; float: right; position: relative; cursor: pointer;}
.info-send-view .if-view-type:hover{border: #d9d9d9 1px solid; background: #f2f2f2;}
.info-send-view .if-view-type i{width: 15px; height: 15px; position: absolute; top: 5px; left: 5px;}
.view-t-tree i{background: url(img/ioop-icon.png) -570px -245px no-repeat;}
.view-t-tree:hover i{background: url(img/ioop-icon.png) -575px -265px no-repeat;}
.view-t-block i{background: url(img/ioop-icon.png) -348px 0 no-repeat;}
.view-t-block:hover i{background: url(img/ioop-icon.png) -365px 0 no-repeat;}
.info-condition{margin-top: 5px; padding-top: 10px; position: relative;}
.info-cond-main{border: #ddd 1px solid; background: #F8F8F8;}
.info-readers{padding: 5px 0;}
.info-readers li{float: left; width: 53px; height: 81px; margin: 5px 0 10px 20px;}
.info-readers li dt img{display: block; width: 48px; height: 48px; margin: 0 auto;}
.info-readers li dd{height: 40px; line-height: 20px; font-size: 12px; color: #333; text-align: center; overflow: hidden;}
.info-readers li.outer{position: relative;}
.info-readers li.outer:before{position: absolute; top: 0; right: 3px; height: 14px; line-height: 14px; padding: 1px 2px; content: "外"; background: #dc405d; font-size: 12px; color: #fff;}
.reader-more{height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #9c9c9c; clear: both; cursor: pointer;}
.info-condition .ctrl-main-arrow{left: 78px;}
.reader-read .ctrl-main-arrow{left: 154px;}
.reader-unread .ctrl-main-arrow{left: 236px;}
.reader-range .ctrl-main-arrow{left: 330px;}
.btn-icon-arrow-up{width: 7px; height: 4px; background: url(img/ioop-icon.png) -235px -30px no-repeat; position: absolute; top: 10px; left: 16px;}
.info-readers h3,.joiner-list-hide{width: 60px; height: 24px; line-height: 24px; padding-left: 30px; font-size: 12px; color: #0574d2; position: relative; cursor: pointer;}
.irder-range-list{padding: 5px 5px 10px 20px; overflow: hidden;}
.irder-range-item{float: left; height: 24px; line-height: 24px; margin: 5px 15px 0 0;}
.info-others a{width: 80px;}
.info-others-list{padding: 0 5px 20px 5px;}
.info-others-list li{height: 30px; line-height: 30px; font-size: 14px; color: #333; padding-left: 20px; position: relative;}
.info-others-list li span{font-size: 12px; color: #8f8f8f; float: right;}
.info-others-list li b.info-list-icon{width: 3px; height: 3px; background: url(img/ioop-icon.png) -230px -30px no-repeat; position: absolute; top: 14px; left: 8px;}
.org-view-container{width: 100%; float: left;}
.org-tree-show{margin-left: 220px;}
.info-org-tree{width: 210px; height: 442px; position: relative; float: left; margin-left: -100%;}
.detail-praise-operate{padding-top: 15px;}
.detail-praise-list,.detail-replay-list{padding-top: 10px;}
.info-reader-cancel dt{position: relative;}
.ireader-cancel-mask,.ireader-cancel-mark{width: 48px; height: 48px; position: absolute; top: 2px; left: 2px; display: none;}
.ireader-cancel-mask{border-radius: 5px; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 10;}
.ireader-cancel-mark{line-height: 48px; font-size: 12px; color: #f0ecb1; text-align: center; z-index: 20;}
.info-reader-cancel .ireader-cancel-mask,.info-reader-cancel .ireader-cancel-mark{display: block;}
.mg-left-p5{margin-left: 5%;}
.mg-right-p5{margin-right: 5%;}
.info-audit-dialog{width: 360px;}
.info-top-dialog{width: 360px; height: 186px;}
.user-photo{width: 50px; height: 50px;}
.info-cotent{display: none;}
.lf{float: left;}
.mainDiv{width: 450px; height: 40px; position: relative; overflow: hidden; margin: 0 auto;}
.mainDiv ul#myList{position: absolute; left: 0px; width: 20000px;}
.mainDiv ul#myList li{width: 150px; height: 40px; float: left; line-height: 40px; text-align: center;}
.line-split{margin: 0 5px; color: #888;}
.dt-btn-top{width: 16px; height: 16px; background: url(img/ioop-icon.png) -485px -45px no-repeat;}
.dt-btn-ctop{width: 16px; height: 16px; background: url(img/ioop-icon.png) -505px -45px no-repeat;}
.dt-btn-share{width: 17px; height: 16px; background: url(img/ioop-icon.png) -445px -245px no-repeat;}
.re-position{top: 28px; right: -24px; font-size: 14px;}
/* 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;}
.type-list-main{padding-top: 15px;}
.type-select{border: #e6e6e6 1px solid;}
.type-select h5{height: 14px; line-height: 14px; padding: 10px 0 10px 15px; background-color: #f7f7f7; font-size: 14px; color: #ff4747;}
.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-select-two{padding: 10px;}
.type-stwo-head{height: 24px;}
.type-stwo-head-btn,.type-stwo-state{height: 16px; line-height: 16px; font-size: 14px; cursor: pointer;}
.type-stwo-head-btn{float: left; padding: 3px 8px 5px; background-color: #c2c2c2; color: #fff; cursor: pointer;}
.type-stwo-head-btn.current{background-color: #38adff;}
.type-stwo-state{width: 40px; padding: 4px 5px 4px 0; color: #df6578; text-align: left; float: right;}
.type-stwo-state-icon{float: right; width: 5px; height: 16px; background: url(img/ioop-icon.png) -475px -23px no-repeat;}
.type-stwo-state-hide .type-stwo-state-icon{background-position: -485px -23px;}
.type-line-one,.type-line-two{overflow: hidden;}
.type-line-two{margin-top: 5px; padding-top: 5px; border-top: #ccc 1px dotted;}
.coll-over-state{color: #979797;}
.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-tp-lt.form-tp-disedit li{cursor: default;}
.form-tp-lt.form-tp-disedit li:hover{padding: 8px 10px; border: #d6dee2 1px solid; color: #333;}
.form-tp-lt.form-tp-disedit li:hover b{display: none;}
.form-tp-lt.form-tp-disedit li.item-selected:hover{padding: 7px 9px; border: #0574d2 2px solid; color: #0574d2;}
.form-tp-lt.form-tp-disedit li.item-selected: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;}
.d-refuse-msg{width: 320px; height: 195px;}
.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: 45%; 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{width: 17px; height: 17px; background: url(img/ioop-icon.png) -550px -245px no-repeat; position: absolute; top: 6px; right: 2px; cursor: pointer;}
.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 100px; 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: 0 12px; background-repeat: repeat-x;}
.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;}
.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;}
/* doc style */
.doc-select{width: 650px; overflow: hidden;}
.doc-select ul{padding-top: 40px;}
.doc-select li{width: 320px; height: 230px; background: #f9f9f9; color: #8e8e8e; float: left; cursor: pointer; position: relative;}
.doc-select li h3{height: 20px; line-height: 20px; padding: 30px 15px 10px 35px; font-size: 20px;}
.doc-select li p{line-height: 20px; padding: 0 15px 0 35px;}
.doc-select li.doc-in-item{border-left: #ccc 1px solid; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;}
.doc-select li.doc-in-item b{width: 110px; height: 97px; background: url(img/doc-in-bg.png) 0 0 no-repeat; position: absolute; bottom: 25px; right: 30px;}
.doc-select li.doc-in-item:hover b{background: url(img/doc-in-bg.png) 0 -120px no-repeat;}
.doc-select li.doc-out-item{border-top: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid;}
.doc-select li.doc-out-item b{width: 110px; height: 97px; background: url(img/doc-in-bg.png) 0 -245px no-repeat; position: absolute; bottom: 25px; right: 30px;}
.doc-select li.doc-out-item:hover b{background: url(img/doc-in-bg.png) 0 -355px no-repeat;}
.doc-select li.doc-in-item:hover,.doc-select li.doc-out-item:hover{background: #b9dcf2; color: #333; border-color: #7ab8e1;}
.doc-select li.doc-item-bor{border-right: #ccc 1px solid;}
.doc-select ul:hover li.doc-item-bor{border-right: #7ab8e1 1px solid;}
.template-lib{margin-top: 40px; height: 118px; border: #ccc 1px solid; background: #f9f9f9; background-image: url(img/sys-template-lib.png); background-position: 30px 16px; background-repeat: no-repeat; position: relative;}
.template-lib p{color: #8e8e8e; padding: 0 80px 0 150px;}
.template-lib .lib-name{padding-top: 30px; padding-bottom: 10px; height: 24px; line-height: 24px; font-size: 24px;}
.template-lib .lib-remark{line-height: 22px;}
.goto-lib{width: 34px; height: 34px; background: url(img/ioop-icon.png) -415px -100px no-repeat; position: absolute; top: 40px; right: 30px; cursor: pointer;}
.lib-border:hover{border: #7ab8e1 1px solid;}
.lib-org{background-image: url(img/org-template-lib.png);}
.org-tempte-list{background: #f9f9f9; min-height: 100px; padding-top: 10px; padding-bottom: 20px;}
.org-tempte-list .type-logo{background: #eff6f8 url(img/org-tempte-bg.png) center center no-repeat;}
.dialog-tempate-view{width: 80%; max-width: 1200px; height: 610px;}
.tempate-content{height: 500px; overflow: auto;}
.flow-u-copy{width: 18px; height: 18px; background: url(img/ioop-icon.png) -225px -265px no-repeat; cursor: pointer;}
.flow-u-count{width: 18px; height: 18px; background: url(img/ioop-icon.png) -325px -265px no-repeat; cursor: pointer;}
.doc-form-sel{margin-top: 15px; background-image: url(img/doc-form-sel.png);}
.doc-from-list{border: #ccc 1px solid; border-top: none; padding: 30px 0; min-height: 180px;}
.doc-from-list li{width: 304px; height: 20px; padding: 15px 20px 16px; float: left; margin: 5px 0 20px 35px; overflow: hidden;}
.doc-from-list li.doc-item-bg-1{background: url(img/doc-item-bg.png) 0 0 no-repeat;}
.doc-from-list li.doc-item-bg-1:hover{background: url(img/doc-item-bg.png) 0 -65px no-repeat;}
.doc-from-list li.doc-item-bg-2{background: url(img/doc-item-bg.png) 0 -130px no-repeat;}
.doc-from-list li.doc-item-bg-2:hover{background: url(img/doc-item-bg.png) 0 -195px no-repeat;}
.doc-from-list li.doc-item-bg-3{background: url(img/doc-item-bg.png) 0 -260px no-repeat;}
.doc-from-list li.doc-item-bg-3:hover{background: url(img/doc-item-bg.png) 0 -325px no-repeat;}
.doc-from-list li.doc-item-bg-4{background: url(img/doc-item-bg.png) 0 -390px no-repeat;}
.doc-from-list li.doc-item-bg-4:hover{background: url(img/doc-item-bg.png) 0 -455px no-repeat;}
.doc-from-list li.doc-item-bg-5{background: url(img/doc-item-bg.png) 0 -520px no-repeat;}
.doc-from-list li.doc-item-bg-5:hover{background: url(img/doc-item-bg.png) 0 -585px no-repeat;}
.doc-from-list li.doc-item-bg-6{background: url(img/doc-item-bg.png) 0 -650px no-repeat;}
.doc-from-list li.doc-item-bg-6:hover{background: url(img/doc-item-bg.png) 0 -715px no-repeat;}
.doc-from-list li .doc-form-icon{width: 16px; height: 20px; background: url(img/ioop-icon.png) -525px -70px no-repeat; float: left;}
.doc-from-list h5{width: 260px; height: 20px; line-height: 20px; font-size: 14px; color: #fff; margin-left: 15px; float: left; cursor: pointer;}
.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; 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;}
.form-select .simu-select .sel-cont{padding: 1px 25px 1px 5px;}
.sub-m-arrow{width: 7px; height: 4px; background: url(img/ioop-icon.png) -115px -30px no-repeat; position: absolute; top: 12px; right: 8px;}
.doc-cont-word,.doc-cont-xls,.doc-cont-ppt,.doc-cont-wps{width: 14px; height: 14px; position: absolute; top: 6px; right: 6px;}
.doc-cont-word{background: url(img/ioop-icon.png) -18px -800px no-repeat;}
.doc-cont-xls{background: url(img/ioop-icon.png) 0 -800px no-repeat;}
.doc-cont-ppt{background: url(img/ioop-icon.png) -36px -800px no-repeat;}
.doc-cont-wps{background: url(img/ioop-icon.png) -54px -800px no-repeat;}
.sub-menu-opt{width: 140px; background: #fff; border: #ccc 1px solid; position: absolute; top: 26px; left: -1px; display: none;}
.sub-menu-opt dt{height: 16px; line-height: 16px; padding: 5px; text-align: center; font-size: 12px; color: #333;}
.sub-menu-opt dt:hover{background: #e0e0e0;}
.three-level-btn li a:hover .sub-menu-opt{display: block;}
#doc-edit:hover .sub-menu-opt{display: block; z-index: 999;}
.three-level-btn .radio-item-14{padding: 3px 0 5px 0; margin-left: 10px;}
.cd-detail-main{padding-top: 15px;}
.cd-detail-content{overflow-x: auto; overflow-y: hidden;}
.cd-detail-content h2{border-bottom: #d9d9d9 1px solid; text-align: center; margin-bottom: 15px;}
.cd-detail-content h2 input{color: #f00; text-align: center; height: 16px; line-height: 16px; padding: 5px; border: 0; font-size: 14px; font-family: \5fae\8f6f\96c5\9ed1;}
.doc-lt-list li{height: 320px;}
.doc-lt-opt h2{width: 200px; padding-top: 40px;}
.doc-lt-opt .apply-opt-state{width: 205px;}
.doc-lt-opt .apply-opt-state span{width: 90px; padding: 0; margin: 10px 10px 10px 15px; overflow: hidden; word-break: break-all;}
.doc-opt-operate{height: 18px; position: absolute; top: 10px; right: 0;}
.doc-opt-operate b{display: inline-block; margin-right: 8px; vertical-align: middle; cursor: pointer;}
.opt-icon-share,.opt-icon-recover,.opt-icon-rescind,.opt-icon-delete,.opt-icon-star,.opt-icon-unstar,.opt-icon-tag,.opt-icon-urge,.opt-icon-top,.opt-icon-unTop{width: 18px; height: 18px;}
.opt-icon-share{background: url(img/ioop-icon.png) -302px -265px no-repeat;}
.opt-icon-recover{background: url(img/ioop-icon.png) -420px 0 no-repeat;}
.opt-icon-rescind{background: url(img/ioop-icon.png) -445px 0 no-repeat;}
.opt-icon-delete{background: url(img/ioop-icon.png) -568px 0 no-repeat;}
.opt-icon-star{background: url(img/ioop-icon.png) 0 -295px no-repeat;}
.opt-icon-unstar{background: url(img/ioop-icon.png) -119px -245px no-repeat;}
.opt-icon-top{background: url(img/ioop-icon-top.png) no-repeat;}
.opt-icon-unTop{background: url(img/ioop-icon-unTop.png) no-repeat;}
.opt-icon-tag{background:url(img/ioop-icon.png) -284px -245px no-repeat;}
.opt-icon-urge{background:url(img/opt-icon-urge.png) no-repeat;}
.doc-saved-todo{height: 18px; line-height: 18px; color: #e7808a; position: absolute; top: 10px; left: 20px;}
.dnum-list-main{min-height: 660px; padding-right: 241px;}
.dnum-cont{margin-right: 241px;}
.dnum-side{width: 240px; margin-left: -241px;}
.d-edit-sign{
	width: 701px;
    height: 568px;
}
.signture-main{
	height: 428px;
}
.tab-idea-list{padding-top: 10px;}
.tab-idea-label{height: 34px; line-height: 34px; float: left;}
.tab-idea-cont{padding-top: 10px;}
.tab-idea-cont .b-textarea textarea{
	height: 358px;
}
.common-idea{
	position: relative;
	float: right;
	width: 220px;
	height: 34px;
}
.idea-opt{padding: 3px 5px; line-height: 26px; cursor: pointer; position: relative;}
.black-down-arrow{width: 7px; height: 4px; background: url(img/ioop-icon.png) -270px -30px no-repeat; position: absolute; top: 13px; right: 10px;}
.com-idea-list{
	position: absolute;
	top: 33px;
	right: 0;
	width: 218px;
	max-height: 338px;
	background: #fff;
	border: #D5D5D5 1px solid;
	overflow: auto;
	display: none;
}
.com-idea-list li{height: 16px; line-height: 16px; padding: 5px; background: #FFF; cursor: pointer;}
.com-idea-list li:hover{background: #e2e2e2;}
.sign-add-idea .b-textarea textarea{height: 180px;}
.sign-add-idea .form-add-select{width: 180px;}
.signture-cont{padding: 20px 0 0 20px; overflow: hidden;}
.signture-canves{
	position: relative;
	width: 520px;
	height: 402px;
	background: #f8f8f8;
	border: #ccc 1px solid;	
}
.signture-my{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: none;}
.signture-my-main{height: 100%; overflow: auto;}
.signture-my-list{padding: 0 0 5px 5px;}
.signture-my-item{float: left; width: 50%;}
.signmy-itm-main{position: relative; padding: 5px 5px 0 0;}
.signmy-itm-img{border: #d9d9d9 1px solid;}
.signmy-itm-img img{display: block; width: 100%; height: 72px; cursor: pointer;}
.signmy-itm-del{position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; background: url(img/ioop-icon-3.5.png) -251px -25px no-repeat; cursor: pointer; display: none;}
.signmy-itm-del:hover{background-position: -268px -25px;}
.signture-my-item:hover .signmy-itm-img{border-color: #fb783e;}
.signture-my-item:hover .signmy-itm-del{display: block;}
.signture-operate{
	width: 120px;
	padding-top: 30px;
}
.signture-operate li{height: 16px; line-height: 16px; padding: 8px 0 8px 20px; font-size: 14px; cursor: pointer; position: relative;}
.signture-operate li b{width: 15px; height: 15px; position: absolute; top: 9px; left: 0;}
.signture-operate li b.icon-sign-use{background: url(img/ioop-icon.png) -350px -265px no-repeat;}
.signture-operate li b.icon-sign-update{background: url(img/ioop-icon.png) -370px -265px no-repeat;}
.signture-btn{padding: 15px 0 0 20px;}
.signture-btn a{padding: 0 20px;}
.idea-item-main .butFd{
	color: #595959;
	font-weight: initial;
	cursor: pointer;
}
.idea-item-main .butFd .searchicon{
	background:url(img/bigger.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.ifm-signature{
	width: 681px;
	height: 518px;
}
.view-text{padding-top: 15px;}
.view-text .dialog-btn{border-top: none; text-align: left; padding: 3px 10px 3px 0; margin-top: 0;}
.view-text .view-option{padding-left: 10px; width: 260px;}
.d-deal-idea{width: 450px; height: 350px;}
.deal-idea-cont{height: 240px; overflow: auto;}
.deal-idea-item dl{margin-bottom: 10px;}
.deal-idea-item dt{border: #dfdfdf 1px solid; border-bottom: 0; padding: 6px 10px 0 10px; height: 16px; line-height: 16px; color: #aaa;}
.deal-idea-item dt label{font-weight: bold; color: #666; padding-right: 10px;}
.deal-idea-item dt span{padding-right: 5px;}
.deal-idea-item dd{border: #dfdfdf 1px solid; border-top: none; line-height: 22px; padding: 6px 10px; word-break: break-all;}
.d-remark-idea{width: 450px; height: 360px;}
.icon-delete-gray{width: 16px; height: 15px; background: url(img/ioop-icon.png) -40px 0 no-repeat;}
.remark-idea-main{padding-top: 5px;}
.remark-idea-list li{position: relative;}
.remark-idea-list .icon-delete-gray{position: absolute; top: 5px; right: 5px; cursor: pointer; border: #fff 1px solid;}
.remark-idea-list li:hover .icon-delete-gray{border: #a6a6a6 1px solid;}
.remark-idea-list li span{display: block; width: 195px;}
.d-submit-deal{width: 600px; height: 500px; z-index: 9990;}
.d-submit-noback{height: 380px;}
.d-stype-sel{height: 470px;}
.d-submit-deal .dialog-main{padding: 15px;}
.d-submit-deal .dialog-btn{border-top: 0;}
.submit-cont{border: #d9d9d9 1px solid;}
.submit-title{height: 14px; line-height: 14px; padding: 10px; font-size: 14px; color: #2ea0ba; border-bottom: #5eb4c8 2px solid; position: relative;}
.submit-list{padding: 5px 6px; height: 210px; background: #fff; overflow: auto;}
.submit-list span{width: 40px; height: 16px; line-height: 16px; font-weight: bold; padding: 5px 0; float: left;}
.submit-list .radio-item{padding: 4px 0; margin-right: 10px;}
.s-next-node{width: 210px; float: left;}
.s-dealer-node{margin-left: 230px;}
.s-dealer-node.alone{margin-left: 0;}
.s-dealer-cont{position: absolute; top: 8px; right: 10px; height: 18px; line-height: 18px; padding-left: 25px; color: #fb8652; cursor: pointer;}
.s-dealer-sel{width: 21px; height: 19px; background: url(img/ioop-icon.png) -60px 0 no-repeat; position: absolute; top: 0; left: 0;}
.s-back-node{margin-top: 15px;}
.s-back-idea{height: 60px;}
.s-back-idea textarea{width: 100%; line-height: 20px; height: 50px; overflow: auto; border: 0; font-size: 12px; color: #333;}
.s-notice-idea{height: 80px;}
.s-notice-idea textarea{width: 100%; line-height: 20px; height: 50px; overflow: auto; border: 0; font-size: 12px; color: #333;}
.s-node-item{overflow: hidden; padding: 3px 0 3px 5px;}
.submit-list .selected{background: #ececec;}
.node-item-list{float: left; width: 250px;}
.s-type-sel{margin-bottom: 10px;}
.s-type-sel-list{height: 30px; padding-top: 10px;}
.set-join-level{width: 500px; height: 500px;}
.list-opt-text{height: 14px; padding: 5px 10px 5px 0;}
.list-opt-text span{color: #4fc649; font-weight: bold;}
.is-calendar{height: 18px; border: #dadbdd 1px solid; margin: 1px; background: url(img/calendar.png) 98% center no-repeat;}
.d-doc-dept{width: 540px; height: 340px;}
.doc-dept-main{height: 220px; overflow: auto;}
.d-send-type{width: 340px; height: 280px;}
.d-send-type.outsend{height: 370px;}
.d-icon-mark{width: 16px; height: 16px; margin-right: 8px; vertical-align: middle;}
.d-mark-green{background: url(img/ioop-icon.png) -200px -45px no-repeat;}
.d-mark-yell{background: url(img/ioop-icon.png) -220px -45px no-repeat;}
.d-mark-red{background: url(img/ioop-icon.png) -240px -45px no-repeat;}
.d-mark-alert{background: url(img/ioop-icon.png) -260px -45px no-repeat;}
.d-mark-star{background: url(img/ioop-icon.png) -280px -45px no-repeat;}
.d-mark-word{background: url(img/ioop-icon.png) -300px -140px no-repeat;}
.d-mark-ppt{background: url(img/ioop-icon.png) -320px -140px no-repeat;}
.d-mark-excel{background: url(img/ioop-icon.png) -340px -140px no-repeat;}
.d-mark-wps{background: url(img/ioop-icon.png) -360px -140px no-repeat;}
.d-mark-lv1{background: url(img/ioop-icon-ext.png) -20px 0 no-repeat;}
.d-mark-lv2{background: url(img/ioop-icon-ext.png) -40px 0 no-repeat;}
.doc-itm-lv1,.doc-itm-lv2{height: 16px; line-height: 16px; margin: 0 5px 0 0; padding: 0 3px; border-radius: 3px; text-align: center; vertical-align: middle; font-size: 12px; color: #fff;}
.doc-itm-lv1{background-color: #ff604b;}
.doc-itm-lv2{background-color: #dc405d;}
.doc-btn-new{background: #F8F8F8; border: 1px solid #D9D9D9; max-width: 750px; float: left;}
.doc-back-area{border-right: 1px solid #D9D9D9; padding: 0 15px; width: 50px; padding-left: 22px; cursor: pointer;}
.doc-back-area:hover{background: #E5E5E5;}
.doc-todo-area{border-left: 1px solid #D9D9D9; padding: 0 15px; width: 50px; padding-left: 22px; cursor: pointer; color: #09BF42;}
.doc-todo-area:hover{background: #E5E5E5;}
.doc-btn-new .doc-go-back{color: #0574d2;}
.doc-btn-new .doc-butn-list ul li{float: left; width: 80px; height: 16px; padding: 5px 0; text-align: center; color: #0574d2; cursor: pointer; position: relative;}
.doc-btn-new .doc-butn-list ul li:hover{background: #E5E5E5;}
.d-apply-helper{width: 900px; height: auto;}
.ifm-apply-helper{width: 100%; height: 550px;}
.dealer-submit-wrap{padding: 15px;}
.dealer-submit-btn{padding-top: 20px; text-align: right;}
.doc-inbox-main{padding-bottom: 30px;}
.doc-inbox-attch{margin-top: 15px;}
.doc-inbox-cont{padding: 20px 30px;}
.doc-inbox-content{overflow-x: auto; overflow-y: hidden;}
.doc-read-attch li.attch-dload-all{right: 104px;}
/* report */
.report-opt-list{padding-top: 5px;}
.tb-report-detail{width: 100%; border-collapse: collapse;}
.tb-report-detail th,.tb-report-detail td{border: #d6dee2 1px solid; padding: 10px 0;}
.tb-report-detail th{color: #333; font-weight: normal; height: 16px; line-height: 16px; text-align: left;}
.tb-report-detail th.border-two,.tb-report-detail td.border-two{border-right: #ffcc99 2px solid;}
.tb-report-detail th.pd-left-10,.tb-report-detail td.pd-left-10{padding-left: 10px;}
.tb-report-detail .b-btn-detail{background: #51A3D8; border-radius: 3px; cursor: pointer;}
.rpdet-num{text-align: center;}
.rpdet-cont{width: 92%; height: 40px; padding: 0 5px; line-height: 20px; border: 0; color: #333; font-family: \5fae\8f6f\96c5\9ed1; overflow: auto;}
.tb-report-detail .opt-detele{cursor: pointer;}
.report-detail h2{padding: 5px 150px 5px 15px; margin-top: 10px;}
.report-detail-cont{font-size: 14px; border-bottom: 0; padding: 10px 15px;}
.report-detail-cont img{max-width: 90%;}
.report-item-cont{font-size: 14px; color: #999; line-height: 24px; padding: 5px; word-break: break-all;}
.rp-other-split{color: #333; width: 30px;}
.report-t-select .form-add-select{width: 240px;}
.d-rptread-detail{width: 500px; height: 300px;}
.rptread-d-main{padding: 5px 10px 0 10px;}
.rptread-d-main .list-users{height: 100px; overflow: auto;}
.d-rsearch-advance{width: 360px; height: 285px;}
.delary-time{width: 360px; height: 194px;}
.delary-byTime{width: 360px; height: 150px;}
.d-rsearch-advance .text-meet-time{width: 202px;}
.d-rsearch-advance .text-meet-time .b-text-input{width: 160px;}
.report-audit{font-size: 14px; color: #888; line-height: 24px; border: #ddd 1px solid; margin-top: 10px; margin-left: 12px; padding: 5px; word-break: break-all;}
.report-audit span{color: #4984c6; padding-right: 10px;}
.report-statis-main{padding-top: 20px;}
.report-statis-cont{width: 500px; margin: 0 auto;}
/* coll */
.coll-form-main{padding: 10px 0 30px;}
.coll-form-type{position: relative; margin-top: 10px; padding-left: 135px; min-height: 78px; border: #d9d9d9 1px solid;}
.cform-type-name,.cefrm-type-name{position: absolute; top: 0; bottom: 0; left: 0; width: 126px; background-color: #f3f3f3; border-right: #d9d9d9 1px solid;}
.cform-type-name a,.cefrm-type-name a{position: absolute; top: 50%; right: 10px; left: 10px; height: 20px; line-height: 20px; margin-top: -10px; text-align: center; text-decoration: none; font-size: 14px;}
.coll-form-list{padding: 15px 0;}
.coll-form-item{float: left; width: 20%;}
.cform-itm-cont{padding: 0 10px 0 25px; background: url(img/cfrom-itm-bg.png) 10px center no-repeat;}
.cform-itm-title,.cform-itm-view{display: block; height: 28px; line-height: 28px; cursor: pointer}
.cform-itm-view{float: right; text-decoration: underline; color: #38adff;}
.coll-form-item.current .cform-itm-title{color: #38adff;}
.cform-list-nodata{line-height: 56px; text-align: center; font-size: 22px; color: #d9d9d9;}
.coll-type-main{padding-bottom: 30px;}
.coll-type-list{margin-right: -20px; padding-top: 20px;}
.coll-type-item{float: left; width: 148px; height: 160px; margin: 0 20px 20px 0; border: #d9d9d9 1px solid;}
.ctype-itm-cont{padding: 20px 10px 25px; background-color: #f9f9f9; cursor: pointer;}
.ctype-itm-logo{width: 54px; height: 54px; margin: 0 auto; background: url(img/ctype-itm-logo.png);}
.ctype-itm-name{height: 24px; line-height: 24px; margin-top: 10px; text-align: center; font-size: 14px;}
.ctype-itm-op,.cefrm-itm-op{background-color: #fff; border-top: #d9d9d9 1px solid;}
.ctype-itm-op{padding-left: 50px;}
.ctype-itm-op a,.cefrm-itm-op a{float: left; height: 14px; line-height: 14px; color: #38adff; cursor: pointer;}
.ctype-itm-op a{padding: 7px 0; color: #ff4747;}
.ctype-itm-op a i,.cefrm-itm-op a i{float: left; width: 14px; height: 14px; margin-right: 5px; background-image: url(img/ioop-icon-3.5.png); background-repeat: no-repeat;}
.ctype-itm-op a.delete,.cefrm-itm-op a.disabled,.cefrm-itm-op a.delete{color: #ff4747;}
.ctype-itm-op a.delete i,.cefrm-itm-op a.delete i{background-position: -180px 0;}
.ctype-itm-op a:hover,.cefrm-itm-op a:hover{text-decoration: underline;}
.coll-type-item.add{background: url(img/icon-plus-gray-52x52.png) center center no-repeat; border-style: dashed; cursor: pointer;}
.coll-type-add{width: 360px; height: 280px;}
.ctype-add-main{padding: 0 10px;}
.coll-eform-main{padding: 10px 0 30px;}
.coll-eform-type{position: relative; margin-top: 20px; padding-left: 128px; min-height: 108px; border: #d9d9d9 1px solid;}
.coll-eform-list{padding: 0 10px 20px 0;}
.coll-eform-item{float: left; width: 218px; height: 70px; margin: 20px 0 0 20px; border: #d9d9d9 1px solid;}
.cefrm-itm-cont{padding: 8px 10px; background-color: #f9f9f9;}
.cefrm-itm-title{height: 24px; line-height: 24px; text-align: center; cursor: pointer;}
.cefrm-itm-op{padding: 7px 0;}
.cefrm-itm-op a{padding: 0 30px;}
.cefrm-itm-op a.enable,.cefrm-itm-op a.disabled{border-right: #d9d9d9 1px solid;}
.cefrm-itm-op a.enable i{background-position: -345px -25px;}
.cefrm-itm-op a.disabled i{background-position: -365px -25px;}
.coll-eform-item.add{background: url(img/icon-plus-gray-37x37.png) center center no-repeat; border-style: dashed; cursor: pointer;}
.coll-list-main{padding: 20px 0 30px;}
.coll-statis-main{padding: 1px 0 30px;}
.coll-statis-remark{margin-top: 20px; padding: 0 20px; line-height: 24px; font-size: 14px;}
.cstis-form-main{margin-top: 20px; border: #d9d9d9 1px solid; border-top: 0; overflow: hidden;}
.cstis-form-type{float: left; width: 149px; padding-bottom: 1000px; margin-bottom: -1000px; border-top: #fd6f59 3px solid; border-right: #d9d9d9 1px solid;}
.csfrm-type-head{padding: 0 10px; border-bottom: #d9d9d9 1px solid;}
.csfrm-type-head a{display: block; height: 14px; line-height: 14px; padding: 10px 0 7px 2px; color: #ff4747;}
.csfrm-type-list{padding: 2px 12px 12px;}
.csfrm-form-list{height: 700px;overflow: auto;}
.csfrm-type-item{position: relative; margin-top: 10px;}
.csfrm-type-item a{display: block; height: 24px; line-height: 24px; padding: 0 15px; background-color: #ededed; border-radius: 3px; color: #000; overflow: hidden; cursor: pointer;}
.csfrm-type-item i{position: absolute; top: 10px; right: 10px; width: 4px; height: 5px;}
.csfrm-type-item:hover a{color: #fd6f59;}
.csfrm-type-item:hover i{background: url(img/icon-arrow-red-r-4x5.png);}
.csfrm-type-item.current a{background-color: #fd6f59; color: #fff;}
.csfrm-type-item.current i{background: url(img/icon-arrow-white-r-4x5.png) center center no-repeat;}
.cstis-form-cont{margin-left: 150px; padding: 10px 0 0 10px; border-top: #d9d9d9 1px solid;}
.cstis-form-item{position: relative; float: left; width: 33.3%; cursor: pointer;}
.csfrm-itm-cont{margin: 0 10px 10px 0; padding: 5px 10px; border: #d9d9d9 1px solid;}
.cstis-form-list{display: none;}
.csfrm-itm-name{display: block; height: 24px; line-height: 24px; text-align: center;}
.csfrm-itm-chk{position: absolute; right: 10px; bottom: 10px; width: 14px; height: 14px; background: url(img/ioop-icon-3.5.png) -305px -25px no-repeat; display: none;}
.cstis-form-item:hover .csfrm-itm-cont,.cstis-form-item.current .csfrm-itm-cont{border-color: #ff4747;}
.cstis-form-item.current .csfrm-itm-chk{display: block;}
.cstis-form-list.current{display: block;}
.coll-statis-form{margin-top: 20px; padding: 20px 0 10px 20px; border: #d9d9d9 1px solid;}
.coll-statis-form .text-meet-time{width: 180px;}
.coll-statis-form .text-meet-time .b-text-input{width: 140px;}
.coll-statis-form .form-add-select{width: 426px;}
.cform-win-header{padding: 11px 15px 9px; background-color: #f6f6f6; border-bottom: #ff6f54 2px solid;}
.cform-win-submit{float: left; height: 16px; line-height: 16px; padding: 7px 12px; background-color: #ff6f54; font-size: 14px; color: #fff; cursor: pointer;}
.cform-win-submit:hover{background-color: #ef4323;}
.cform-win-step{float: left; height: 14px; line-height: 14px; padding: 8px 0 8px 40px; color: #000;}
.cform-win-step em{font-style: normal; color: #2eabff;}
.cform-win-input{float: left; margin-left: 40px;}
.cfwin-input-item{float: left;}
.cfwin-input-item label{float: left; height: 30px; line-height: 30px; margin-right: 10px;}
.cfwin-input-item .b-text{float: left; width: 160px; height: 28px; margin-right: 20px;}
.cfwin-input-item .b-text .b-text-input{width: 150px;}
.cfwin-input-sel{float: left;}
.cfwin-input-sel select{width: 160px;}
.cfwin-input-sel .simu-select .sel-cont{padding: 2px 25px 2px 5px;}
.cform-win-help,.cform-win-close{float: right; height: 24px; line-height: 24px; margin-top: 3px; color: #ff6f54; cursor: pointer;}
.cform-win-help i,.cform-win-close i{float: left; width: 24px; height: 24px; margin-right: 5px;}
.cform-win-help i{background: url(img/ioop-icon-3.5.png) -90px -130px no-repeat;}
.cform-win-close{margin-left: 20px;}
.cform-win-close i{background: url(img/ioop-icon-3.5.png) -120px -130px no-repeat;}
.cform-win-wrap{overflow: hidden;}
.cform-win-cont{float: left; width: 100%;}
.cform-win-main{margin-left: 145px; min-height: 500px; border-left: #d9d9d9 1px solid;}
.coll-form-detl{padding: 10px 0 30px;}
.cform-detl-attch{padding-right: 20px; padding-left: 20px; border-top: 0;}
.cform-detl-attch li.attch-dload-all{right: 134px;}
.cform-detl-attch li.attch-trans-all{right: 30px;}
.cform-detl-main{padding: 0 20px;}
.cform-detl-title{padding-top: 10px; border-bottom: #d9d9d9 1px solid; text-align: center;}
.cform-detl-title input{height: 16px; line-height: 16px; padding: 10px 0; border: 0; text-align: center; font-size: 20px; color: #f00;}
.cform-detl-content{padding: 20px 50px 0 50px; overflow-x: auto; overflow-y: hidden;}
.cform-win-side{float: left; width: 145px; margin-left: -100%;}
.cform-win-op{padding: 3px 15px 10px;}
.cform-win-btn{position: relative; margin-top: 8px;}
.cform-win-btn a{display: block; height: 24px; line-height: 24px; padding: 4px 5px 4px 15px; background-color: #ededed; border-radius: 3px; font-size: 14px; color: #000; overflow: hidden; cursor: pointer;}
.cform-win-btn a:hover{background-color: #fd6f59; color: #fff;}
.cform-win-btn.sub a{padding-right: 25px;}
.cform-win-btn.sub i{position: absolute; top: 9px; right: 6px; width: 14px; height: 14px;}
.cform-win-btn.sub.arrow i{background: url(img/icon-arrow-gray-r-4x5.png) center center no-repeat;}
.cform-win-btn.sub.arrow:hover i{background: url(img/icon-arrow-white-r-4x5.png) center center no-repeat;}
.cform-win-btn.sub.word i,.cfwin-btn-lv2 dd.word b{background: url(img/ioop-icon-3.5.png) -385px -25px no-repeat;}
.cform-win-btn.sub.excel i,.cfwin-btn-lv2 dd.excel b{background: url(img/ioop-icon-3.5.png) -405px -25px no-repeat;}
.cform-win-btn.sub.ppt i,.cfwin-btn-lv2 dd.ppt b{background: url(img/ioop-icon-3.5.png) -425px -25px no-repeat;}
.cform-win-btn.sub.wps i,.cfwin-btn-lv2 dd.wps b{background: url(img/ioop-icon-3.5.png) -445px -25px no-repeat;}
.cfwin-btn-sub{position: absolute; top: 0; left: 90px; padding-left: 5px; display: none;}
.cfwin-btn-sub dl{width: 50px; padding: 5px 10px 5px 20px; background-color: #fff; border: #d9d9d9 1px solid;}
.cfwin-btn-sub dd,.cfwin-btn-lv2 dd{height: 24px; line-height: 24px; padding: 2px 0; font-size: 14px; cursor: pointer;}
.cfwin-btn-sub dd:hover,.cfwin-btn-lv2 dd:hover{color: #ff6f54;}
.cform-win-btn.sub:hover .cfwin-btn-sub{display: block;}
.cfwin-btn-lv2{border: #ededed 1px solid; border-top: 0;}
.cfwin-btn-lv2 dl{padding: 5px 10px 5px 15px;}
.cfwin-btn-lv2 dd b{float: left; width: 14px; height: 14px; margin: 6px 5px 0 0;}
.d-set-executor{width: 500px; height: 353px;}
.set-extor-main{position: relative; height: 245px; padding: 0 0 0 84px; overflow: auto;}
.setr-node-list{padding: 0 12px;}
.set-extor-node{position: relative; margin: 0 0 12px 0; z-index: 20;}
.setr-user-list{padding: 0 32px 0 0; min-height: 44px; border-bottom: #d9d9d9 1px solid;}
.setr-user-item{float: left; width: 110px; padding: 0 0 12px 0;}
.susr-itm-logo,.susr-itm-logo img{float: left; width: 32px; height: 32px;}
.susr-itm-cont{margin: 0 0 0 38px;}
.susr-itm-name{width: 60px; height: 18px; line-height: 18px;}
.suim-op-chg,.suim-op-del{float: left; height: 12px; line-height: 12px; margin: 0 8px 0 0; cursor: pointer;}
.suim-op-chg{color: #38adff; display: none;}
.suim-op-del{color: #eb4d4d;}
.setr-user-add{position: absolute; top: 0; right: 0; width: 28px; height: 28px; background: url(img/setr-user-add.png) center center no-repeat; border: #d9d9d9 2px solid; cursor: pointer;}
.setr-node-pt{position: absolute; top: 3px; left: -16px; width: 7px; height: 7px; background: #22c21c; border-radius: 50%;}
.setr-node-name{position: absolute; top: 0; left: -86px; width: 60px; height: 28px; line-height: 14px; color: #888; overflow: hidden;}
.setr-node-line{position: absolute; top: 0; bottom: 0; left: 78px; width: 5px; border-right: #d9d9d9 1px dashed; z-index: 10;}
/* plan */
.tb-plan-detail{width: 100%; border-collapse: collapse;}
.tb-plan-detail th,.tb-plan-detail td{border: #d6dee2 1px solid; padding: 10px 0;}
.tb-plan-detail th{color: #333; font-weight: normal; height: 16px; line-height: 16px; text-align: left;}
.tb-plan-detail th.border-two,.tb-plan-detail td.border-two{border-right: #ffcc99 2px solid;}
.tb-plan-detail th.pd-left-10,.tb-plan-detail td.pd-left-10{padding-left: 10px;}
.tb-plan-detail .b-btn-detail{background: #51A3D8; border-radius: 3px; cursor: pointer;}
.tb-plan-detail .opt-detele{cursor: pointer;}
.plan-t-select .form-add-select{width: 240px;}
.plan-other-split{color: #333; width: 30px;}
.pdetail-num{text-align: center;}
.pdetail-cont{width: 92%; height: 40px; padding: 0 5px; line-height: 20px; border: 0; color: #333; font-family: \5fae\8f6f\96c5\9ed1; overflow: auto;}
.plan-detail h2{padding: 5px 150px 5px 15px; margin-top: 10px;}
.plan-detail-cont{font-size: 14px; border-bottom: 0; padding: 15px; word-break: break-all;}
.plan-detail-cont img{max-width: 90%;}
.plan-item-cont{font-size: 14px; color: #999; line-height: 24px; padding: 5px; word-break: break-all;}
.d-psearch-advance{width: 600px; height: 285px;}
.d-psearch-advance .text-meet-time{width: 345px;}
.d-psearch-advance .text-meet-time .b-text-input{width: 300px;}
.d-psearch-times{height: 330px;}
.report-to-plan{width: 16px; height: 16px; background: url(img/ioop-icon.png) -500px -170px no-repeat;}
.plan-statis-main{padding-top: 20px;}
.plan-statis-cont{width: 575px; margin: 0 auto;}

/*会议音频转文本样式开始*/

.list-wrap{
	position: relative;
}

.meeting-play-dialog {
	width: 612px;
	background: #ffffff;
	border: 5px solid #D9D9D9;
	position: fixed;
	left: 50%;
	top: 15%;
	margin-left: -311px;
	z-index: 20000;
	display: none;
}

.meeting-play-dialog .title {
	height: 53px;
	line-height: 53px;
	border-bottom: 1px solid #D9D9D9;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	overflow: hidden;
}
.meeting-play-dialog .title span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 27px;
}
.meeting-play-dialog .title i {
	width: 17px;
	height: 17px;
	float: right;
	margin-top: 19px;
	margin-right: 15px;
	cursor: pointer;
}
.meeting-play-dialog .title .playsmall {
	background: url(img/audio/small1.png);
	margin-top: 17px;
}
.meeting-play-dialog .title .audio-quit {
	background: url(img/audio/quit.png);
	width: 16px;
	height: 16px;
}
.meeting-play-dialog .audio {
	width: 561px;
	margin: 0 auto;
	height: 232px;
	/*border-bottom: 1px solid #D9D9D9;*/
}
.meeting-play-dialog .transfer {
	height: 54px;
	overflow: hidden;
}
.meeting-play-dialog .transfer .transferbtn {
	width: 116px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #38ADFF;
	border-radius: 4px;
	margin: 11px auto;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
}
.meeting-translation-dialog {
	display: none;
	width: 612px;
	background: #ffffff;
	border: 5px solid #D9D9D9;
	position: fixed;
	left: 50%;
	top: 10%;
	margin-left: -311px;
	box-sizing: border-box;
	z-index: 20000;
	padding-left: 10px;
	padding-top: 5px;
}
.meeting-translation-dialog .titleTrans {
	height: 47px;
	width: 583px;
	line-height: 47px;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	margin: 0 auto;
}
.meeting-translation-dialog .titleTrans .audio-quit {
	float: right;
	width: 17px;
	height: 17px;
	margin-top: 15px;
	background: url(img/audio/quit.png);
	background-size: 100% 100%;
	cursor: pointer;
}
.meeting-translation-dialog .audio {
	width: 583px;
	height: 360px;
	margin: 0 auto;
	border-top: 1px solid #D9D9D9;
}
.meeting-translation-dialog .audio .audio-intro {
	margin-top: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #666666;
}
.meeting-translation-dialog .audio p {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	margin-top: 10px;
}
.meeting-translation-dialog .audio p span {
	font-size: 12px;
	font-weight: 400;
	color: #3296FA;
	cursor: pointer;
}
.meeting-translation-dialog .btn {
	margin-top: 20px;
	height: 30px;
	border-top: 1px solid #D9D9D9;
}
.meeting-translation-dialog .btn .finishBtn, .meeting-translation-dialog .btn .failBtn {
	width: 116px;
	height: 28px;
	background: #38ADFF;
	border-radius: 4px;
	margin: 0 auto;
	margin-top: 11px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
}
.meeting-text-dialog {
	display: none;
	width: 612px;
	background: #ffffff;
	border: 5px solid #D9D9D9;
	position: fixed;
	left: 50%;
	top: 15%;
	margin-left: -40%;
	box-sizing: border-box;
	z-index: 20000;
}
.meeting-text-dialog .myaudio {
	margin-top: 0;
	padding-top: 20px;
}
.meeting-text-dialog .titleTrans {
	border-bottom: 1px solid #D9D9D9;
	height: 47px;
	width: 583px;
	line-height: 47px;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	margin: 0 auto;
}
.meeting-text-dialog .titleTrans i {
	float: right;
	width: 17px;
	height: 17px;
	margin-top: 15px;
	margin-left: 12px;
	background-size: 100% 100%;
	cursor: pointer;
}
.meeting-text-dialog .titleTrans .audio-quit {
	background: url(img/audio/quit.png);
}
.meeting-text-dialog .titleTrans .boost {
	background: url(img/audio/boost.png);
}
.meeting-text-dialog .titleTrans .shrink {
	background: url(img/audio/shrink.png);
	width: 15px;
	height: 2px;
	margin-top: 23px;
}
.meeting-text-dialog .audio {
	box-sizing: border-box;
	width: 582px;
	margin: 15px auto;
}
.meeting-text-dialog .audio .audioText {
	height: 205px;
	padding: 12px 14px;
	background: #ffffff;
	border: 1px solid #D9D9D9;
	font-size: 14px;
	font-weight: 600;
	color: #666666;
	line-height: 25px;
}
.meeting-text-dialog .audio .audioText textarea{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
}

.meeting-text-dialog .audio .listen {
	height: 76px;
}
.meeting-text-dialog .btn {
	border-top: 1px solid #D9D9D9;
	height: 54px;
	text-align: center;
}
.meeting-text-dialog .btn .keep {
	margin-top: 11px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 20px;
	height: 28px;
	background: #38ADFF;
	border-radius: 4px;
	line-height: 28px;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
}
.meeting-text-bigdialog {
	display: none;
	width: 80%;
	background: #ffffff;
	border: 5px solid #D9D9D9;
	position: fixed;
	top: 40%;	  
	left: 50%;
	transform: translate(-50%, -40%);
	box-sizing: border-box;
	z-index: 20000;
}
.meeting-text-bigdialog .myaudio{
	margin-top: 0;
	padding-top: 20px;
}
.meeting-text-bigdialog .myaudio .audiojs{
	width: 1200px;
}
.meeting-text-bigdialog .myaudio .audiojs .scrubber{
	width: 1040px;
}
.meeting-text-bigdialog .titleTrans {
	border-bottom: 1px solid #D9D9D9;
	height: 47px;
	width: 98%;
	line-height: 47px;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	margin: 0 auto;
}
.meeting-text-bigdialog .titleTrans i {
	float: right;
	width: 17px;
	height: 17px;
	margin-top: 15px;
	margin-left: 15px;
	background-size: 100% 100%;
	cursor: pointer;
}
.meeting-text-bigdialog .titleTrans .audio-quit {
	background: url(img/audio/quit.png);
}
.meeting-text-bigdialog .titleTrans .narrow {
	background: url(img/audio/small1.png);
}
.meeting-text-bigdialog .titleTrans .shrink {
	background: url(img/audio/shrink.png);
	width: 15px;
	height: 2px;
	margin-top: 23px;
}
.meeting-text-bigdialog .audio {
	box-sizing: border-box;
	width: 98%;
	margin: 15px auto;
}
.meeting-text-bigdialog .audio .audioText {
	height: 325px;
	padding: 12px 14px;
	background: #ffffff;
	border: 1px solid #D9D9D9;
	font-size: 14px;
	font-weight: 600;
	color: #666666;
	line-height: 20px;
}
.meeting-text-bigdialog .audio .audioText textarea{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
}
.meeting-text-bigdialog .audio .listen {
	height: 76px;
}
.meeting-text-bigdialog .btn {
	border-top: 1px solid #D9D9D9;
	height: 54px;
	text-align: center;
}
.meeting-text-bigdialog .btn .keep {
	margin-top: 11px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 20px;
	height: 28px;
	background: #38ADFF;
	border-radius: 4px;
	line-height: 28px;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
}
.meeting-play-dialogmini {
	display: none;
	margin: 20px 22px;
	width: 612px;
	height: 59px;
	line-height: 59px;
	background: #ffffff;
	border: 5px solid #D9D9D9;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1004;
}
.meeting-play-dialogmini span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	margin-left: 27px;
}
.meeting-play-dialogmini i {
	float: right;
	width: 17px;
	height: 17px;
	margin-top: 20px;
	margin-right: 10px;
	background-size: 100% 100%;
	cursor: pointer;
}
.meeting-play-dialogmini .audio-quit {
	background: url(img/audio/quit.png);
}
.meeting-play-dialogmini .boost {
	background: url(img/audio/boost.png);
}
.meeting-play-dialogmini .play {
	background: url(img/audio/quit.png);
}
.meeting-play-dialogmini .suspend {
	background: url(img/audio/quit.png);
}
.question-message{
	opacity: 0.4;
}
.meeting .title{
	width: 100%;
	height: 40px;
	font-size:20px;
	box-sizing: border-box;
	font-weight:600;
	color:#000000;
	line-height:40px;
	border-bottom: 2px solid #D9D9D9;
	padding:0 22px;
}
.meeting .meetCenter{
	width: 100%;
	height: 221px;
	padding:3px 22px;
	box-sizing: border-box;
}
.meeting .meetCenter table{
	font-size:14px;
	font-weight:400;
	color:#000000;
}
.meeting .meetCenter table tr{
	height: 40px;
}
.meeting .meetCenter table tr .left{
	width: 91px;
}
.meeting .meetCenter table tr .person{
	color: #0574D2;
}
.meetingtab .mainCont{
	display: none;
	margin-top: 1px;
}
.meetingtab ul{
	width: 100%;
	height: 29px;
	padding:0 22px;
	box-sizing: border-box;
	border-bottom: 1px solid #D9D9D9;
	font-size:14px;
	font-weight:400;
	color:rgba(0,0,0,1);
}
.meetingtab ul li{
	float: left;
	width: 90px;
	text-align: center;
	line-height: 29px;
	border-top: 1px solid transparent;
	cursor: pointer
}
/*ul li.active{
	box-sizing: border-box;
	border: 1px solid #D9D9D9;
	border-bottom: none;
	height: 29px;
	background: #fff;
}*/
.record .listrecord{
	overflow: hidden;
}
.audio-text .switching .tiptext{
	font-size: 13px;
	color: #496CB3;
	margin-left: 22px;
	margin-top: 5px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.audio-text .switching.switchfiled .tiptext{
	color: #B34949;
}
.audio-text .switching .lcon{
	margin-right: 229px;
	padding: 20px 10px;
}
.audio-text .switching .switchingbtn{
	float: right;
	width: 228px;
	height: 100%;
}
.audio-text .switching .switchingbtn ul{
	height: 100%;
	font-size: 0;
}
.audio-text .audio-text-content{
	border-bottom: 1px solid #d9d9d9;
	padding: 10px;
}
.audio-text .audio-text-content .listrecord{
	padding: 8px 0;
}
.audio-text .switching .switchingbtn ul li{
	width: 114px;
	text-align: center;
	font-size: 14px;
	color: #2556BA;
	height: 100%;
	display: inline-block;

}
.audio-text .switching.switchfiled .switchingbtn ul li{
	color: #BA2525;
}
.audio-text .switching .switchingbtn ul li.reswitch:hover {
	background: #FFB7B7;
}
.audio-text .switching .switchingbtn ul li i {
	width: 30px;
	height: 30px;
	display: block;
	margin: 20px auto;
	float: none;
}
.audio-text .switching .switchingbtn ul li.switchingicon{
	background: #E2F3FF;
}
.audio-text .switching .switchingbtn ul li.refreshicon {
	background: #D3EDFF;
	cursor: pointer;
}
.audio-text .switching .switchingbtn ul li.refreshicon:hover {
	background: #BBDFF9;
}
.audio-text .switching .switchingbtn ul li.filedicon{
	background: #FFE2E2;
}
.audio-text .switching .switchingbtn ul li.reswitch {
	background: #FFD3D3;
	cursor: pointer;
}
.audio-text .switching .switchingbtn ul li.switchingicon i{
	width:30px;
	height:30px;
	background: url(img/audio/switchingicon.gif) no-repeat center center;
}
.audio-text .switching .switchingbtn ul li.refreshicon i{
	background: url(img/audio/refreshicon.png) no-repeat center center;
}
.audio-text .switching .switchingbtn ul li.filedicon i{
	width:30px;
	height:30px;
	background: url(img/audio/switchfiaildicon.png) no-repeat center center;
}
.audio-text .switching .switchingbtn ul li.reswitch i{
	background: url(img/audio/reswitch.png) no-repeat center center;
}
.audio-text  div.three{
	margin-left: 25px;
}
.audio-text .dotted{
	width: 16px;
	height: 22px;
	position: absolute;
	margin-top: -4px;
	margin-left: 5px;
	background: url(img/audio/dotted.png) no-repeat;
}
.record{
	position: relative;
	padding: 0 22px;
}
.record .upload{
	height: 105px;
}
.record .image{
	background: url(img/audio/upload.png);
	background-size: 100% 100%;
	width: 120px;
	height: 105px;
	float: left;
}
.record .uprecord{
	margin-left: 180px;
	margin-top: 35px;
}
.record .uprecord p{
	height:20px;
	font-size:14px;
	font-weight:400;
	color:#666666;
	line-height:20px;
}

.record .uprecord .upbtn{
	line-height: 40px;
	text-align: center;
	width:110px;
	height:40px;
	background:#38ADFF;
	font-size:16px;
	font-weight:600;
	color:#ffffff;
	margin-top: 25px;
	cursor: pointer;
}
.record .listrecord{
	overflow: hidden;
}
.record .listrecord i{
	float: left;
	width: 18px;
	height: 18px;
	margin-top: 5px;
	margin-right: 5px;
}
.record .listrecord i.sound{
	background: url(img/audio/video.png) no-repeat center;
}
.record .listrecord i.switchloading {
	background: url(img/audio/switchloading.png) no-repeat center;
	margin-right: 5px;
}
.record .listrecord i.switchfailed {
	background: url(img/audio/switchwarningicon.png) no-repeat center;
	margin-right: 5px;
}
.record .listrecord i.texticon{
	background: url(img/audio/text.png) no-repeat center;
}
.record .listrecord .audio-intro{
	height: 28px;
	font-size:14px;
	font-weight:400;
	color:#444444;
	margin-left: 4px;
	line-height: 28px;
	float: left;
}
.record .listrecord .audio-intro span{
	font-size:12px;
	color:#666666;
	line-height: 28px;
	display: inline-block;
	vertical-align: middle;
}
.record .listrecord .audio-intro span a{
	color:#666666;
	text-decoration: none;
	cursor: pointer;
}
.record .listrecord .change{
	height:28px;
	background:#ffffff;
	border-radius:4px;
	border:1px solid #38ADFF;
	float: right;
	width: 100px;
	overflow: hidden;
	margin-right: 15px;
}
.record .listrecord .change span{
	width: 100%;
	float: left;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
}
.record .listrecord .change span:hover{
	background: #38ADFF;
	color: #ffffff;
}
.record .listrecord .change.double span{
	width: 50%;
	border-left: 1px solid #38ADFF;
	margin-left: -1px;
}
.record .listrecord .delete, .record .listrecord .down{
	float: right;
	font-size:14px;
	font-weight:400;
	color:#5184EC;
	line-height: 28px;
	margin: 0 10px;
	cursor: pointer;
}
.record .listrecord.first{
	border-bottom: 1px solid #d9d9d9;
	padding: 18px 10px;
	position: relative;
}
.record .listrecord.switching{
		background: #F1F9FF;
		border: 1px solid #C7E8FF;
		height: 114px;
		box-sizing: border-box;
		position: relative;
}
.record .listrecord.switching.switchfiled{
	background: #FFF1F1;
	border: 1px solid #FFC7C7;

}
.record .listrecord.switching .listrecord{
		border: 1px solid #C7E8FF;
		border-top: none;
		height: 93px;
		padding: 31px 0;
		box-sizing: border-box;
		position: relative;
}
.record .listrecord.switching .audio-intro{
	float: none;
}
.record .listrecord .audio-intro .audioname{
	max-width: 550px;
	font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 上传样式 */
.meeting-translation-dialog .dialog-main{
	position: relative;
	z-index: 90;
} 

.meeting-translation-dialog .uploadwrap{
	position: relative;
	z-index: 90;
	text-align: center;
	width: 240px;
	height: 180px;
	position: absolute;
	z-index: 92;
	left: 50%;
	top: 5%;
	margin-left: -120px;
}

/* .meeting-translation-dialog .uploadwrap .upload-title{
	font-size: 22px;
	color: #38ADFF;
	margin: 10px 0;
} */

.meeting-translation-dialog .uploadwrap .uploadicon {
	background: url(img/audio/uploadiconNew.png);
	width: 174px;
	height: 106px;
	margin: 0 auto;
	display: block;
}

.meeting-translation-dialog .uploadwrap .upload-desc p {
	margin: 5px 0;
	font-size: 14px;
	color: #888;
}

/* 上传样式结束 */

.conference table{
	width: 100%;
	font-size:14px;
	font-weight:400;
	color:#000000;
}
.conference table tr{
	height: 47px;
}
.conference table tr td{
	text-align: right;
	padding-right: 5px;
}
.conference table tr th{
	text-align: right;
	padding-right: 2px;
}
.conference table tr .select-left{
	text-align: left;
	width: 200px;				  
}
.conference table tr .select-left .simu-select .sel-cont{
	width: 168px;
	border: #D5D5D5 1px solid;
	height: 24px;
	line-height: 24px;
	padding: 4px 25px 4px 5px;
	position: relative;
	overflow: hidden;
}
.conference table tr select, .conference table tr input{
	width: 150px;
	height: 34px;
	border:1px solid #D5D5D5;
	box-sizing: border-box;
	outline: none;
}
.conference table tr .text-meet-time .b-text-input{
	/* width: 200px;
	padding: 6px 5px;
	margin-right: 30px;
	cursor: pointer; */
}
.conference table tr input{
	padding: 0 10px;
	width: 200px;
}
.conference .selectBtn{
	width:80px;
	height:30px;
	background:#38ADFF;
	color:#ffffff;
	line-height: 30px;
	text-align: center;
}
.audio-label{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 17px;
	height: 17px;
	background: url(img/audio/label.png);
	background-size: 100% 100%;
	margin:0 10px;
	position: relative;
	top: 5px;
}
.tag div{
	float: left;
	/* width:60px; */
	height:24px;
	border-radius:2px;
	text-align: center;
	line-height: 24px;
	font-size:10px;
	font-weight:400;
	color:#ffffff;
	margin-left: 10px;
	padding: 0 10px;
}
.tag div span{
	cursor: pointer;
}
.tag .safe{
	background:#46A91D;
}
.tag .job{
	background:#B54143;
}
.valid, .invalid{
	width:80px;
	height:30px;
	border-radius:15px;
	font-size:14px;
	font-weight:400;
	color:#ffffff;
	float: left;
	text-align: center;
	line-height: 30px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.valid{
	background:#68B2FF;
}
.invalid{
	background:#BBBBBB;
}
/* 播放器样式 */
.myaudio {
	margin-top: 20px;
}
.myaudio .audiojs {
	background: none;
	box-shadow: none;
	width: 560px;
	font-family: '微软雅黑';
	margin: 0 auto;
}
.myaudio .audiojs .scrubber{
	height: 5px;
	width: 389px;
	background: #dadada;
	border-radius: 5px;
	margin: 15.5px 5px;
	border: none;
	overflow: initial;
}
.myaudio .audiojs .loaded{
	bottom: 0;
	background: #dadada;
	height: auto;
	border-radius: 5px;
}
.myaudio .audiojs .progress{
	height: 5px;
	background: #38ADFF;
	background-image: none;
	border-radius: 5px;
}
.myaudio .audiojs .progress i{
	background: url(img/audio/dot.png);
	width: 12px;
	height: 12px;
	position: absolute;
	right: -2px;
	top: 50%;
	margin-top: -6px;
}
.myaudio .audiojs .time{
	border: none;
	text-shadow: none;
	width: 50px;
	padding: 0;
	margin: 0;
	text-align: center;
}
.myaudio .audiojs .time em, .myaudio .audiojs .time strong{
	font-size: 12px;
	color: #999;
	text-shadow: none;
}
.myaudio .audiojs .play{
	background: url(img/audio/play.png) no-repeat 0 0;
	width: 33px;
	height: 33px;
}
.myaudio .audiojs .pause{
	background: url(img/audio/pause.png) no-repeat 0 0;
	width: 33px;
	height: 33px;
}
.myaudio .audiojs .loading{
	background: url(img/audio/play.png) no-repeat 0 0;
	width: 33px;
	height: 33px;
}
.myaudio .audiojs .error{
	background: url(img/audio/play.png) no-repeat 0 0;
	width: 33px;
	height: 33px;
}
.myaudio .audiojs .play-pause{
	height: 33px;
	width: 33px;
	padding: 2px;
	border: none;
}


/* 转写动画 */
.animateicon{
	position: relative;
	margin-top: 33px;
}
.animateicon .icon{
	width: 90px;
	height: 90px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -45px;
	margin-top: -45px;
}
.animateicon .icon ul {
	height: 40px;
	margin-top: 25px;
	line-height: 40px;
	padding: 0 10px;
}
.animateicon .icon li {
	background: #fff;
	border-radius: 4px;
	width: 4px;
	height: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}
.animateicon .icon li.fir {
	height: 40px;
}
.animateicon .icon li.sec {
	height: 30px;
}
.animateicon .icon li.thir {
	height: 10px;
}
.animateicon .icon li.four {
	height: 20px;
}
.animateicon .icon li.fif {
	height: 18px;
}
.animateicon .icon li.six {
	height: 24px;
}
.animateicon .icon li.seven {
	height: 12px;
}
.animateicon .icon li.eight {
	height: 24px;
}
.animateicon .icon li.nine {
	height: 14px;
}
.animateicon .cycle {
	position: relative;
	margin: 0 auto;
	width: 127px;
	height: 127px;
	
}
.animateicon .cycle.animate {
	animation: cycle 3s linear infinite;
	-o-animation: cycle 3s linear infinite;
	-webkit-animation: cycle 3s linear infinite;
	-moz-animation: cycle 3s linear infinite;
}
.animateicon .cycle .dot{
	position: absolute;
	background: url(img/audio/cycledot.png);
	width: 8px;
	height: 8px;
	right: -2.8px;
	top: 50%;
	margin-top: -4px;
}
.animateicon.switching .cycle {
	background: url(img/audio/cycle.png);
}
.animateicon.switching .icon {
	background: url(img/audio/zx.png);
}
.animateicon.success .icon {
	background: url(img/audio/gresuccess.png);
}
.animateicon.success .cycle {
	background: url(img/audio/grecycle.png);
}
.animateicon.success .dot {
	background: url(img/audio/gredot.png);
}
.animateicon.fail .icon {
	background: url(img/audio/filedicon.png);
}
.animateicon.fail .cycle {
	background: url(img/audio/filedcycle.png);
}
.animateicon.fail .dot {
	background: url(img/audio/fileddot.png);
}
.animateicon.playing .icon {
	background: url(img/audio/playcenter.png);
}
.animateicon.playing .cycle {
	background: url(img/audio/playcycle.png);
}
.animateicon.playing .dot {
	background: url(img/audio/playdot.png);
}

/* 播放样式 */
.jp-audio {
  margin: 0 auto;
}
.audioswitch {
  width: 550px;
}
.audioswitch .jp-controls, .audioswitch .jp-current-time, .audioswitch .jp-progress, .audioswitch .jp-duration{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.audioswitch .jp-current-time, .audioswitch .jp-duration{
  width: 40px;
  text-align: center;
  font-style: normal;
}
.audioswitch .jp-play{
  background: url(img/audio/play.png);
  width: 33px;
  height: 33px;
  outline: none;
}
.audioswitch .jp-progress{
  width: 400px;
  height: 5px;
  background: #d9d9d9;
  border-radius: 4px;
}
.audioswitch .jp-progress .jp-seek-bar{
  height: 100%;
}
.audioswitch .jp-progress .jp-play-bar {
  background: #3296FA;
  height: 100%;
  position: relative;
  overflow: initial !important;
  border-radius: 4px;
}
.audioswitch .jp-progress .jp-play-bar i{
  background: url(img/audio/dot.png);
  position: absolute;
  right: -11px;
  width: 12px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
}
.audioswitch.jp-state-playing .jp-play {
  background: url(img/audio/pause.png);
  width: 33px;
  height: 33px;
  outline: none;
}
.audioswitch.jp-state-playing .jp-play-bar i {
  display: block;
}

@keyframes cycle {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/** 订餐隐私协议样式  */
.order {
    padding: 0 0 0 15px;
    min-height: 938px;
    box-sizing: border-box;
}
.order .odrer_header .order_icon {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 20px 0 0;
    background-image: url(img/privacy/order_icon.png);
    background-repeat: no-repeat;
}
.order .odrer_header span {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 12px 0;
    font-size: 30px;
}
.order .order_introduce {
    padding: 45px 0 35px 0;
    margin-left: 18px;
    border-bottom: 1px solid #ededed;
}
.order .order_introduce .introduce_image {
    float: left;
    width: 152px;
    height: 105px;
    background-image: url(img/privacy/order_introduce_icon.png);
    background-repeat: no-repeat;
}
.order .order_introduce .order_r {
    margin-right: 12px;
    margin-left:172px;
}
.order .order_introduce .order_r h4 {
    font-size: 16px;
}
.order .order_introduce .order_r p {
    line-height: 28px;
    font-size: 14px;
}
.order .order_tab {
    margin: 42px 0 0 18px;
    border-bottom: 1px solid #ededed;
}
.order .order_tab .tab {
    padding: 0 80px;
    border-bottom: 1px solid #ededed;
}
.order .order_tab .tab li {
    float: left;
    width:33.33%;
    cursor: pointer;
    line-height: 47px;
    height: 52px;
    text-align: center;
    font-size: 20px;
    color: #666666;
    box-sizing: border-box;
}
.order .order_tab .tab li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 12px;
}
.order .order_tab .tab .l_li {
    text-align: left;
}
.order .order_tab .tab .m_li {
    text-align: center;
}
.order .order_tab .tab .r_li {
    text-align: right;
}
.order .order_tab .tab .li_aciton span {
    color: #419BF9;
    border-bottom: 6px solid #419BF9;
    overflow: hidden;
}
.order .order_tab .tab li:hover span {
    color: #419BF9;
    border-bottom: 6px solid #419BF9;
    overflow: hidden;
}
.order .order_tab .order_con {
    padding: 0 80px;
}
.order .order_tab .order_con .order_content {
    overflow: hidden;
    width: 100%;
    height: 350px;
    margin: 0 auto;
    padding: 12px 0;
    padding-right: 4px;
    box-sizing: border-box;
    margin-top: 30px;
    background: #F0F7FF;
    border: 1px solid #419BF9;
}
.order .order_tab .order_con .order_content .detail_con {
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 12px;
    width: 100%;
    height: 325px;
}
.order .order_tab .order_con h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.order .order_tab .order_con p {
    font-size: 16px;
}
.order .order_tab .order_con p span {
    font-weight: bold;
    margin-right: 3px;
}
.order .order_tab .sel_part {
    padding: 28px 80px;
    padding-right: 0;
    margin: 0 auto;
}
.order .order_tab .sel_part i {
    float: left;
    cursor: pointer;
    width: 18px;
    height: 18px;
}
.order .order_tab .sel_part .no_sel_icon {
    background-image: url(img/privacy/no_sel_icon.png);
    background-repeat: no-repeat;
}
.order .order_tab .sel_part .yes_sel_icon {
    background-image: url(img/privacy/yes_sel_icon.png);
    background-repeat: no-repeat;
}
.order .order_tab .sel_part span {
    margin-left: 10px;
    line-height: 18px;
    font-size: 16px;
    color: #333333;
}
.order .order_tip {
    padding-left: 80px;
    margin: 19px auto;
}
.order .order_tip .tip_icon {
    float: left;
    width: 16px;
    height: 17px;
    background-image: url(img/privacy/tip_icon.png);
    background-repeat: no-repeat;
}
.order .order_tip span {
    margin-left: 4px;
    line-height: 18px;
    font-size: 14px;
    color: #999999;
}
.order .order_btn {
    margin: 0 auto;
    cursor: pointer;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #cbcbcb;
}
.order .order_btn_action {
    background: #38ADFF;
}

/** 智慧校园隐私协议样式  */
.smart_campus {
    padding: 0 0 0 15px;
    min-height: 938px;
    box-sizing: border-box;
}
.smart_campus .odrer_header .order_icon {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 20px 0 0;
    background: url(img/ioop-icon-app.png?ver=20171228) -630px -280px no-repeat;
    background-repeat: no-repeat;
}
.smart_campus .odrer_header span {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 12px 0;
    font-size: 30px;
}
.smart_campus .order_introduce {
    padding: 45px 0 35px 0;
    margin-left: 18px;
    border-bottom: 1px solid #ededed;
}
.smart_campus .order_introduce .introduce_image {
    float: left;
    width: 152px;
    height: 105px;
    background-image: url(img/privacy/order_introduce_icon.png);
    background-repeat: no-repeat;
}
.smart_campus .order_introduce .order_r {
    margin-right: 12px;
    margin-left:172px;
}
.smart_campus .order_introduce .order_r h4 {
    font-size: 16px;
}
.smart_campus .order_introduce .order_r p {
    line-height: 28px;
    font-size: 14px;
}
.smart_campus .order_tab {
    margin: 42px 0 0 18px;
    border-bottom: 1px solid #ededed;
}
.smart_campus .order_tab .tab {
    padding: 0 80px;
    border-bottom: 1px solid #ededed;
}
.smart_campus .order_tab .tab li {
    float: left;
    width:33.33%;
    cursor: pointer;
    line-height: 47px;
    height: 52px;
    text-align: center;
    font-size: 20px;
    color: #666666;
    box-sizing: border-box;
}
.smart_campus .order_tab .tab li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 12px;
}
.smart_campus .order_tab .tab .l_li {
    text-align: left;
}
.smart_campus .order_tab .tab .m_li {
    text-align: center;
}
.smart_campus .order_tab .tab .r_li {
    text-align: right;
}
.smart_campus .order_tab .tab .li_aciton span {
    color: #419BF9;
    border-bottom: 6px solid #419BF9;
    overflow: hidden;
}
.smart_campus .order_tab .tab li:hover span {
    color: #419BF9;
    border-bottom: 6px solid #419BF9;
    overflow: hidden;
}
.smart_campus .order_tab .order_con {
    padding: 0 80px;
}
.smart_campus .order_tab .order_con .order_content {
    overflow: hidden;
    width: 100%;
    height: 350px;
    margin: 0 auto;
    padding: 12px 0;
    padding-right: 4px;
    box-sizing: border-box;
    margin-top: 30px;
    background: #F0F7FF;
    border: 1px solid #419BF9;
}
.smart_campus .order_tab .order_con .order_content .detail_con {
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 12px;
    width: 100%;
    height: 325px;
}
.smart_campus .order_tab .order_con h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.smart_campus .order_tab .order_con p {
    font-size: 16px;
}
.smart_campus .order_tab .order_con p span {
    font-weight: bold;
    margin-right: 3px;
}
.smart_campus .order_tab .sel_part {
    padding: 28px 80px;
    padding-right: 0;
    margin: 0 auto;
}
.smart_campus .order_tab .sel_part i {
    float: left;
    cursor: pointer;
    width: 18px;
    height: 18px;
}
.smart_campus .order_tab .sel_part .no_sel_icon {
    background-image: url(img/privacy/no_sel_icon.png);
    background-repeat: no-repeat;
}
.smart_campus .order_tab .sel_part .yes_sel_icon {
    background-image: url(img/privacy/yes_sel_icon.png);
    background-repeat: no-repeat;
}
.smart_campus .order_tab .sel_part span {
    margin-left: 10px;
    line-height: 18px;
    font-size: 16px;
    color: #333333;
}
.smart_campus .order_tip {
    padding-left: 80px;
    margin: 19px auto;
}
.smart_campus .order_tip .tip_icon {
    float: left;
    width: 16px;
    height: 17px;
    background-image: url(img/privacy/tip_icon.png);
    background-repeat: no-repeat;
}
.smart_campus .order_tip span {
    margin-left: 4px;
    line-height: 18px;
    font-size: 14px;
    color: #999999;
}
.smart_campus .order_btn {
    margin: 0 auto;
    cursor: pointer;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #cbcbcb;
}
.smart_campus .order_btn_action {
    background: #38ADFF;
}

.mailbox-info{
	width: 1190px;
	box-sizing: border-box;
	padding: 0 15px;
}
.mailbox-info i, .mailbox-info span, .mailbox-info em{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.mailbox-info .m-tel{
	margin-top: 12px;
}
.mailbox-info .m-tips{
	text-align: center;
	font-size:24px;
	margin-top:28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
}
.mailbox-info .m-tips i{
	background: url(img/info-alert-icon.png);
	width: 34px;
	height: 34px;
	margin-right: 12px;
}
.mailbox-info .m-tips span{
	color: #333333;
}
.mailbox-info .m-tips em{
	color: #FF6E53;
}
.mailbox-info .m-tips .line{
	position:absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -80px;
	width: 160px;
	height: 4px;
	background: #419bf9;
}
.mailbox-info .m-form{
	margin-top: 24px;
}
.mailbox-info .m-form table{
	width: 100%;
}
.mailbox-info .m-form td{
	padding: 8px 0;
}
.mailbox-info .m-form .tel{
	width: 112px;
	font-size: 14px;
	color: #000000;
}
.mailbox-info .m-form input{
	width: 70%;
	height:34px;
	border: 1px solid #d1d1d1;
	outline: none;
	text-indent: 12px;
	font-size: 14px;
	color: #333;
}
.mailbox-info .m-form button{
	width: 90px;
	height: 40px;
	line-height: 40px;
	background: #38adff;
	outline: none;
	border-radius: 0;
	border: none;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.smart_campus .order_btn_action {
    background: #38ADFF;
}

.mailbox-info{
	width: 1190px;
	box-sizing: border-box;
	padding: 0 15px;
}
.mailbox-info i, .mailbox-info span, .mailbox-info em{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.mailbox-info .m-tel{
	margin-top: 12px;
}
.mailbox-info .m-tips{
	text-align: center;
	font-size:24px;
	margin-top:28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
}
.mailbox-info .m-tips i{
	background: url(img/info-alert-icon.png);
	width: 34px;
	height: 34px;
	margin-right: 12px;
}
.mailbox-info .m-tips span{
	color: #333333;
}
.mailbox-info .m-tips em{
	color: #FF6E53;
}
.mailbox-info .m-tips .line{
	position:absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -80px;
	width: 160px;
	height: 4px;
	background: #419bf9;
}
.mailbox-info .m-form{
	margin-top: 24px;
}
.mailbox-info .m-form table{
	width: 100%;
}
.mailbox-info .m-form td{
	padding: 8px 0;
}
.mailbox-info .m-form .tel{
	width: 112px;
	font-size: 14px;
	color: #000000;
}
.mailbox-info .m-form input{
	width: 70%;
	height:34px;
	border: 1px solid #d1d1d1;
	outline: none;
	text-indent: 12px;
	font-size: 14px;
	color: #333;
}
.mailbox-info .m-form button{
	width: 90px;
	height: 40px;
	line-height: 40px;
	background: #38adff;
	outline: none;
	border-radius: 0;
	border: none;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.meet-time {margin-left: 90px;background: #ffffff;border: 1px solid #d5dee2;margin-bottom: 8px;}
.labeldis{margin-right: 12px;}
.disright{margin-right: 4px;}
.tipstyle{background-color:#F6F6F6;height: 30px;line-height: 30px;margin-left: 70px;padding-left: 10px;color: #FF7B75;margin-top: 12px;}
.meet-timedis{margin-left: 40px;height: 44px;padding-top: 14px;}
.select_box{display: inline-block;margin-right: 52px; position: relative;}
.select_border{display: inline-block;border: 1px solid #e8e8e8;padding-left: 4px;margin-right: 4px;cursor: pointer;}
.select_border .sel-icon{display: inline-block;background: url(img/select-arrow.png) center center no-repeat;background-color: #fff;width: 24px;height: 30px;float: right;}
.select_box .select_border select{cursor: pointer;width: 40px;height: 30px;border: 0;outline: none;display: inline-block;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.repeat-icon{margin-right: 4px;cursor: pointer;position: absolute;top: 8px;right: -24px;}
.ep-time{margin: 14px 0 14px 0;}
.ep-cstis-form-cont{padding: 10px 0 0 10px;border-top: #d9d9d9 1px solid;}
.ep-time .gang{float: left;color: #DEDEDE;margin-top: 5px;margin-left: 2px;margin-right: 2px;}
.ep-report-on{width: 8px;height: 8px;background: #52c41a;border-radius: 50%;display: inline-block;margin-right: 6px;}
.ep-report-off{    width: 8px;height: 8px;background: #A7A7A7;border-radius: 50%;display: inline-block;margin-right: 6px;}
.mod-5000 i{float: left;width: 14px;height: 14px;margin: 4px 6px 0 0;background-image: url(img/shangbao@2x.png);background-size: 100%;background-repeat: no-repeat;}
.type-list-main .data_sq {width: 584px;height: 83px;background: #fafafa;}
.type-list-main .data_sq #echart{    width: 83px;height: 83px;float: left;margin-left: 40px;}
.type-list-main .data_sq .l{width: 1px;height: 66px;background: #DDDDDD;float: left;margin-left: 34px;margin-top: 10px;}
.type-list-main .data_sq .op_data {width: 80px;float: left;margin-left: 40px;margin-top: 15px;}
.type-list-main .data_sq .op_data .data {font-size: 14px;color: #333;text-align: center;}
.type-list-main .data_sq .op_data .data .blue{font-size: 20px;color: #2EABFF;font-weight: 600;}
.type-list-main .data_sq .op_data .data .green{font-size: 20px;color: #5FD77E;font-weight: 600;}
.type-list-main .data_sq .op_data .data .yellow{font-size: 20px;color: #FF943D;font-weight: 600;}
.fn-clear{zoom: 1;}
.drap_table{width: 100%;}
.drap_table .drap_table_l {
	float: left;
	position: relative;
	width: 300px;
	background: red;
	background: #ffffff;
	box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.3);
	margin-top: 20px;
}
.drap_table .drap_table_r {
	float: left;
	width: calc(100% - 300px);
	overflow-x: auto;
	margin-top: 20px;
}
.drap_table .drap_table_l .oper {
	cursor: pointer;
	position: absolute;
	width: 4px;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
}
.drap_table .drap_table_l .drap_table_l_table {
	width: 100%;
}
.drap_table_l_table tr th, .drap_table_r_table tr th {
	/*overflow: hidden;*/
	/*white-space: nowrap;*/
	/*text-overflow: ellipsis;*/
	font-size: 12px;
	font-family: PingFangSC, PingFangSC-Semibold;
	font-weight: 600;
	text-align: left;
	color: #333333;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	line-height: 29px;
	text-align: center;
}
.drap_table_l_table tr td, .drap_table_r_table tr td {
	/*overflow: hidden;*/
	/*white-space: nowrap;*/
	/*text-overflow: ellipsis;*/
	font-size: 12px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: justify;
	color: #333333;
	border-bottom: 1px solid #d9d9d9;
	height: 54px;
	text-align: center;
	position: relative;
}
.drap_table .drap_table_r .drap_table_r_table {
	min-width: 100%;
}
.ep-return a i{
	float: left;
	width: 14px;
	height: 14px;
	margin: 2px 3px 0 0;
	background-image: url(img/ioop-icon-3.5.png);
	background-position: 0 -25px;
	background-repeat: no-repeat;
}
.cancel_mark {
	background-image: url(img/collaborate-cancel-mark.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 200px;
}