@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; list-style-type:none; font-size:14px; font-family:"微软雅黑", "宋体"; }
body { background-color: #f0f2f5; overflow:hidden; }
a { text-decoration:none; color:#1b1b1b; }
.maintop { width:100%; height:55px; background:#fff; box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05); }
.maintop a { cursor:pointer; }
.maintop .kong { width:220px; height:55px; float:left; }
.maintop .maxmin { width:50px; height:55px; float:left; position:relative; }
.maintop .maxmin .btn { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor:pointer; background:#4c9ef1; padding:6px 9px; font-size:14px; color:#fff; position:absolute; left:12px; top:11px; }
.maintop .uinfo { min-width:300px; height:55px; float:right; }
.maintop .uinfo .option { position:relative; cursor:pointer; float:right; border-left:1px solid #f3f0f2; }
.maintop .uinfo .option i.fa { display:block; width:50px; text-align:center; font-size:14px; line-height:55px; }
.maintop .uinfo .option:hover { color:#333; }
.maintop .uinfo .option:hover .option-drop { display:block; }
.maintop .option-drop { display:none; position:absolute; top:55px; right:-1px; z-index:99999; }
.maintop .option-drop .item { min-width:120px; margin-top:0px; padding:0; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.maintop .option-drop .item li a { display:block; padding:10px 16px; color:#333; font-size:12px; line-height:1em; text-align:center; white-space:nowrap; }
.maintop .option-drop .item li a:hover { color:#fff; text-decoration:none; background:#2472bf; }
.maintop .topmenu { min-width:30px; float:right; line-height:55px; padding:0 5px; }
.maintop .userinfo { min-width:80px; float:right; line-height:55px; padding:0 5px; }
.maintop .userinfo .img-circle { width:35px; height:35px; margin-top:8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #e0e2e4; float:left; }
.maintop .username { float:left; min-width:30px; padding:0 5px; }
.mainleft { width:220px; float:left; height: 100%; overflow-x: hidden; transition: all .3s;-webkit-transition: all .3s;-webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, .35); box-shadow: 2px 0 6px rgba(0, 21, 41, .35); position: fixed; left: 0; top: 0; overflow-x: hidden; }
.mainleft .title { text-align:center; border-bottom:1px solid #06C; background:#fff; }
.mainleft .nav a { display:block; cursor:pointer; }
.mainleft .nav .icon { position:fixed; left:0; top:0; width:70px; height:100%; background:#147ad2; text-align:center; }
.mainleft .nav .icon>li { width:70px; height:80px; color:#fff; cursor:pointer; padding:0; }
.mainleft .nav .icon>li.on { background:#06C url(../images/icon_on.png) right center no-repeat; }
.mainleft .nav .icon>li .fa { font-size:30px; margin-top:12px; }
.mainleft .nav .icon>li span>p { padding:3px 0; }
.mainleft .nav .menu { position:fixed; left:70px; top:55px; width:150px; height:100%; background:#f3f0f2; }
.mainleft .nav .menu ol { display:none; padding:5px 5px; }
.mainleft .nav .menu ol li { line-height:30px; cursor:pointer; }
.mainleft .nav .menu ol li a { padding:0 5px 0 15px; }
.mainleft .nav .menu ol.on { display:block; }
.mainleft .nav .menu ol li.select { background:#ccccd2; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.mainleft .nav .menu ol li.select a { color:#086bce; }
.mainright { position:fixed; left:220px; top:56px; }
.mainright iframe{ padding-left:2px; }
/*自己修改的样式区域*/
.mainright { left: 250px; transition: all 0.3s; }
.maintop .kong { transition: all 0.3s; }
.maintop .kong { width: 250px; }
.maintop .maxmin { width: 66px; z-index: 100; transition: all 0.3s; }
.maintop .maxmin .btn { left: 17px; }
.mainleft { width: 250px; box-shadow: none; z-index: 10; height: 100%; overflow: hidden; }
.mainleft .title { width: 250px; height: 55px; border-bottom: 1px solid #e9eaed; overflow: hidden; }
.mainleft .title, .mainleft .title img { transition: all 0.3s; overflow: hidden; }
.mainleft .nav .icon { width: 90px; padding: 18px 0 0 0; z-index: 20; transition: all 0.3s; }
.mainleft .nav .icon { width: 90px; padding: 18px 0 0 0; z-index: 20; transition: all 0.3s; }
.mainleft .nav .icon>li.on { position: relative; background-color: transparent; }
.mainleft .nav .icon>li.on:before { width: 25px; height: 33px; display: inline-block; background: url(../images/naviconbg1.png) no-repeat center; background-size: 100% 100%; position: absolute; top: -18px; right: -1px; content: ' '; z-index: 1000; transition: all 0.3s; }
.mainleft .nav .icon>li.on:after { width: 25px; height: 33px; display: inline-block; background: url(../images/naviconbg2.png) no-repeat center; background-size: 100% 100%; position: absolute; bottom: -20px; right: -1px; content: ' '; z-index: 1000; transition: all 0.3s; }
.mainleft .nav .icon>li .fa { margin-top: 0; }
.mainleft .nav .icon>li { width: 100%; padding: 10px 0 10px 8%; box-sizing: border-box; height: auto; }
.mainleft .nav .icon>li span { display: inline-block; width: 100%; padding: 7px 0 3px 0; border-radius: 28px 0 0 28px; position: relative; z-index: 100; }
.mainleft .nav .icon>li.on span { background: #ffffff; }
.mainleft .nav .icon>li.on span .fa { color: #147ad2; }
.mainleft .nav .icon>li.on span p { color: #147ad2; }
.mainleft .nav .icon:before { width: 90px; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; content: ' '; }
.closemainleft.mainleft .nav .icon:before { width: 66px; }
.mainleft .nav .menuul { box-shadow: 5px 3px 5px rgba(0, 21, 41, .35); -webkit-box-shadow: 5px 3px 5px rgba(0, 21, 41, .35); width: 160px; background: #ffffff; z-index: 10; position:fixed; height:100%; display: none; z-index: 10; top:0 ;left: 90px;/*left: -110%;*/ }
.mainleft .nav li.on .menuul { display: block;/*left: 90px;*/ }
.mainleft .nav .menuul ol { padding:5px 5px; }
.mainleft .nav .menuul ol li { cursor:pointer; }
.mainleft .nav .menuul ol { padding: 11px 10px; }
.mainleft .nav .menuul ol li.select { background:none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.mainleft .nav .menuul ol li.select a { color: #ffffff; }
.mainleft .nav .menuul ol li a { padding:0 5px 0 19px; background: url(../images/rightbtn.png) no-repeat 90% center #f5f5f5; background-size: 6px; border-radius: 8px; margin: 0 0 10px 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.mainleft .nav .menuul ol li a:hover { background-color: transparent; color: #ffffff; }
.mainleft .nav .menuul ol li.select a { background: url(../images/rightbtnH.png) no-repeat 90% center #147ad2; background-size: 6px; }
.mainleft .nav .menuul ol li a { position: relative; overflow: hidden; line-height:34px; text-align: left; }
.mainleft .nav .menuul ol li a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #147ad2; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.mainleft .nav .menuul ol li a:hover:before, .mainleft .nav .menuul ol li a:focus:before, .mainleft .nav .menuul ol li a:active:before { -webkit-transform: scale(2); transform: scale(2); }
.mainleft .nav .menuul ol li a:hover { background-image: url(../images/rightbtnH.png); background-size: 6px; }
/*展开和收缩的样式*/
.closemaintop.maintop .maxmin { width: 66px; background: #eaeaea; }
.closemaintop.maintop .kong { width: 0; }
.mainleft.closemainleft .title, .mainleft.closemainleft .title img { width: 0; }
.mainleft.closemainleft .nav .menuul { left: -170px; transition: all 0.5s; display: block; }
.mainleft.closemainleft .nav li.on .menuul { left: 66px; }
.mainleft.closemainleft .nav.shownav .menuul { left: 66px; }
.mainleft.closemainleft .nav .icon { width: 66px; }
.mainright.closemainright { left: 66px; }
.mainleft.closemainleft .nav .icon li .fa { font-size: 27px; }
.mainleft.closemainleft .nav .icon li.on:before { width: 20px; height: 25px; top: -14px; }
.mainleft.closemainleft .nav .icon li.on:after { width: 20px; height: 25px; bottom: -14px; }
.qmsoft_lock { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999999; background: rgb(14, 14, 14); opacity: 0.92; display:none; }
.qmsoft_lock .unlock { width:320px; height:80px; position:absolute; top:50%; left:50%; margin-left:-160px; margin-top:-40px; text-align:center; }
.qmsoft_lock #unlock_pwd { height:30px; line-height:30px; width:200px; padding-left:3px; border:1px solid #e2e2e2; background:#fff; outline:0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.qmsoft_lock #unlock_btn { height:33px; line-height:33px; width:60px; background:#228ed6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:none; color:#fff; font-size:14px; cursor:pointer; }
.qmsoft_lock #unlock_pwd:focus { background-color:#FFFBDE; outline:0; }
/*桌面右下角*/
.bottomtask_right { min-width:100px; position:absolute; right:12px; bottom:0; height: 40px; z-index:99; }
i.icon-task-i { font-size:20px; width:28px; height:27px; line-height:27px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.taskbar-time { width:82px; padding-top:5px; line-height: 15px; float:right; text-align:center; color:#fff; z-index:100; cursor:pointer; position:relative; }
.tackbar-showdesk { width:12px; height:40px; text-align:center; background-color: rgba(255, 255, 255, 0.28); position:absolute; bottom:0px; right:0; z-index:100; }
.taskItemIcon .fa { font-size: 20px; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width:35px; height:35px; line-height:35px; overflow:hidden; }
.taskbar-msg { width:40px; padding-top:1px; float:right; line-height:43px; text-align:center; color:#fff; z-index:100; cursor:pointer; position:relative; }
.taskbar-msg i { }
.taskbar-msg:hover { background-color:rgba(171, 170, 170, 0.3) !important; }
.taskbar-msg .msg-nums { position:absolute; min-width:14px; height:14px; line-height:13px; padding:2px; right:1px; top:-1px; font-size:12px; background:#ff4949; color:#fff; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; display:none; }
.taskbar-more { width:30px; padding-top:1px; float:right; margin-right:3px; font-size:20px; height:40px; line-height:36px; text-align:center; color:#fff; z-index:100; cursor:pointer; position:relative; }
.taskbar-more i { }
.desk_more { position:fixed; bottom:40px; right:85px; background:#313131; width:140px; height:35px; display:none; }
.desk_more ul li { width:35px; height:35px; line-height:35px; float:left; text-align:center; color:#e2dfdf; }
.desk_more ul li i { font-size:18px; }
.desk_more ul li:hover { background:rgba(255, 255, 255, 0.22); }
/*.taskbar-time{width:72px; text-align:center; color:#fff; position:absolute; bottom:2px; right:52px; z-index:100;}
.taskbar-msg{width:40px; line-height:43px; text-align:center; color:#fff; position:absolute; right:12px; z-index:100; cursor:pointer;}
.taskbar-msg i{ font-size:20px;}
.taskbar-msg:hover{ background-color:rgba(171, 170, 170, 0.3) !important;}*/
.tackbar-showdesk { width:12px; height:40px; text-align:center; background-color: rgba(255, 255, 255, 0.28); position:absolute; bottom:0px; right:0; z-index:100; }
.msg_list { width:30%; display:none; min-width:300px; max-width:450px; height:100%; background:#1F1F1F; z-index:100; position:fixed; bottom:40px; right:0; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }
/*end*/

.msg-list-title, .msg-list-title .layui-layer-title { background-color: rgba(19, 23, 28, 0.81) !important; color:#fff; border-color: rgba(19, 23, 28, 0.81) !important; }
.msg-list-title .layui-layer-ico { background-position: -83px -40px; }
#clock3 { min-width:180px; min-height:180px; position:absolute; top:25px; right:25px; }
.desk_rili { position:fixed; bottom:40px; right:0; z-index:999; width: 320px; height: 421px; background:#313131; color:#fff; display:none; }
.sc-calendar { width:100%; height:100%; text-align: center; font-family: "Microsoft Yahei"; float: left; -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ user-select: none; -webkit-text-size-adjust: none; font-size: 16px; }
.sc-header { height: 90px; border-bottom: 0; padding:7px 0 3px 0; border-bottom:1px solid #a9a8a8; }
.sc-body { clear: both; padding:5px; }
.sc-week { height: 12%; font-weight: 400; color: #fff; }
.sc-days { height: 280px; }
.sc-item { height: 55px; line-height:20px; float: left; font-weight: 600; color: #fff; width: 14.285%; padding-top: 10px; box-sizing: border-box; font-weight:normal; }
.item-nolunar { padding-top: 20px; }
.sc-item:nth-child(7n) .day, .sc-item:nth-child(7n+6) .day {
}
.sc-vocation { background-color: #FFEBEC; }
.sc-mark { background-color: #E91E63; }
.sc-vocation:before { content: '休'; display: block; position: absolute; font-size: 0.7em; width: 1.2em; font-weight: 100; color: white; background-color: #E00808; margin-top: -10px; }
.sc-othermenth { color: #C1C0C0 !important; }
.sc-othermenth .day, .sc-othermenth .lunar-day { color: #C1C0C0 !important; }
.sc-active-day, .sc-selected { border: 1px solid #fff; outline:0; }
.sc-today { background-color:#1e83d4; color: #fff; border: 1px solid #ddd; }
.sc-item .day { font-size: 16px; }
.sc-today .day { color: white !important; }
.sc-item .lunar-day { font-size: 10px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; }
.sc-festival .lunar-day { color: #3fbcf5; }
.sc-actions select { }
.sc-actions select option { color:#666; line-height:20px; }
.sc-week-item { height: 100%; padding-top: 2%; float: left; width: 14.285%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height:30px; }
.sc-item-small { font-size: 10px !important; }
.sc-week-item:last-child { border-width: 1px 1px 1px 1px; }
.sc-week-item:nth-child(7n), .sc-week-item:nth-child(7n+6) {
}
.sc-actions { float: left; width: 33%; padding: 5px; box-sizing: border-box; }
.sc-actions:last-child { float: right; }
.sc-actions-big { width: 33%; }
@media screen and (max-width : 500px) {
.sc-actions {
 width: 90px;
}
}
.sc-header select { border-color: rgba(0, 0, 0, 0); padding: 0.2em; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Microsoft Yahei"; color: #fff; font-size: 13px; background:rgba(0, 0, 0, 0); }
.sc-header input { border-color: rgba(0, 0, 0, 0); padding: 0.2em; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Microsoft Yahei"; color: #fff; }
.sc-actions div { display: inline-block; vertical-align: bottom; width: 20px; padding-bottom: 5px; font-size: 1.5em; line-height: 0.9em; }
.sc-return-today { display: block; border-radius: 2px; width: 60px; font-size: 0.8em; padding: 0.3em; margin: auto; }
.sc-times { }
.sc-times .sc-time { display: block; text-align:left; margin-top: 3px; clear:both; font-size:26px; }
.sc-times .time-div { padding:8px 0 3px 16px; }
.new-msg .layui-layer-title { background:#3ca7ef; color:#fff; height:38px; line-height:38px; }
.new-msg .layui-layer-btn a { font-size:14px; }
.new-msg .layui-layer-setwin { right:12px; top:12px; }
.callbox { position:fixed; left:50%; top:1px; width:240px; height:60px; margin-left:-120px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; z-index:99999999999; background:#fff; text-align:center; display:none; }
.callbox .box_left { width:60px; height:60px; line-height:60px; float:left; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; background:#ddd; color:#fff; font-size:24px; cursor:pointer; }
.callbox .box_mid { width:120px; float:left; padding-top:8px; font-size:16px !important; }
.callbox .box_right { width:60px; height:60px; line-height:60px; float:right; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; cursor:pointer; color:#fff; background:#ddd; font-size:16px; }
.qmsoft_lock { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999999; background: rgb(14, 14, 14); opacity: 0.92; display:none; }
.qmsoft_lock .unlock { width:320px; height:80px; position:absolute; top:50%; left:50%; margin-left:-160px; margin-top:-40px; text-align:center; }
.qmsoft_lock #unlock_pwd { height:30px; line-height:30px; width:200px; padding-left:3px; border:1px solid #e2e2e2; background:#fff; outline:0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.qmsoft_lock #unlock_btn { height:33px; line-height:33px; width:60px; background:#228ed6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:none; color:#fff; font-size:14px; cursor:pointer; }
.qmsoft_lock #unlock_pwd:focus { background-color:#FFFBDE; outline:0; }
.layui-layim-min.layui-layer { background-color: #cacaca; color:#fff; }
body .layui-layim .layui-layer-title { background-color: #117abf; color:#fff; }
.layui-layim-info .layui-layim-user { color:#fff; }
.layui-layim-remark { color:#555555; }
.layui-layim-tab li { color:#fff; }
.layui-layim-main .layui-layim-tab { }
.layui-layim .layui-layer-setwin .layui-layer-close1 { background-position: -97px -40px; }
.layui-layim-close #layui-layim-close, .layui-layim-min .layui-layer-content { overflow:hidden !important; }
.layui-layim-close #layui-layim-close span { display:none; }
.layui-layim-close .layui-layer-content { margin:0 !important; }
.layui-layim-close.layui-layim-min.layui-layer { overflow:hidden !important; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.layui-layer-dialog .layui-layer-content a { font-size:14px; }
.layui-layer-aqts .layui-layer-title { border:none; background-color:#d6355a; color:#fff; }
.layui-layer-aqts .layui-layer-btn a { border-color: #e8335d; background-color: #d6355a; color:#fff; }

.bbtips { width:530px; position:absolute; bottom:40px; padding:3px; left:50%; margin-left:-265px; z-index:9999; font-size:14px; color:#666; font-family:微软雅黑; border:1px solid #ddd; background:#f7f5f8; line-height:21px; }
.bbtips span { font-weight:bold; color:#C00 }
.bbtips #gbtips { width:20px; height:20px; background:#d2bab8; cursor:pointer }
.tips_left { width:48px; height:45px; float:left; color:#F00; text-align:center; border-right:1px solid #ddd }
.tips_right { width:450px; float:right; position:relative; padding-left:6px; padding-right:24px }
#gbtips { position:absolute; right:0; top:0; text-align:center }
.bbtips a { color:#36C; text-decoration:underline }
a.deskbtn { color:#fff; background:#369; cursor:pointer; text-decoration:none; padding:1px 6px; }