/* *************************************
* CSS Document         
* user: hubin              
* Date: 2017-08-16             
***************************************/
@charset "utf-8";

/* 閸忋劌鐪柌宥囩枂  */
*{padding:0;margin:0; list-style:none; outline:none;*border:none;border:none\0;}
body,html{font-family:"Microsoft YaHei",arial,Helvetica Neue,tahoma;font-size:12px;color:#333;width:100%; min-width:1200px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
img,input,select{vertical-align:middle;}
input,select,textarea{ border:1px solid #d6d6d6; padding:5px; resize:none;color:#454545; cursor:pointer;}
select{ padding:4px 5px;}
button{border:1px solid #ccc;cursor:pointer;font-size:12px;background-color:transparent;}
a,a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:none;color:#f60;}
iframe{ border:none; overflow:hidden;}
i,b,em{ font-weight:normal; font-style:normal;}
::-ms-clear,::-ms-reveal{display:none;}
table{border-collapse: collapse;border:1px solid gray}
/* 濞撳懏璇為崝锟�*/
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}

/* 鐎规矮缍� */
.fl{float:left;}
.fr{float:right;}
.absolute{ position:absolute;}
.relative{ position:relative;}
.static{ position:static;}
.fixed{ position:fixed;}

/* 鐞涳拷閸э拷 */
.hidden{ display:none;}
.block{ display:block;}
.inline{ display:inline}
.lineBlock{ display:inline-block;}
.invisible{ visibility:hidden;}
.word_hidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 auto;cursor:pointer;}

/* 鐎涙ぞ缍�  */
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.lh1{ line-height:1px;}
.lh10{ line-height:10px;}
.lh15{ line-height:15px;}
.lh18{ line-height:18px;}
.lh20{ line-height:20px;}
.lh25{ line-height:25px;}
.lh30{ line-height:30px;}
.lh35{ line-height:35px;}
.fs10{ font-size:10px;}
.fs12{ font-size:12px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fS20{ font-size:20px;}
.fs25{ font-size:25px;}
.fs30{ font-size:30px;}
.fs35{ font-size:35px;}

/* 鐞涖劍鐗�*/
.tableList{border-color:#fff;border-collapse:inherit;border:0; width:100%; text-align:center; vertical-align:middle;}
.tableList tr{border-color:#fff;overflow: hidden;}
.tableList th{background-color:#d9efff;font-weight:bold;cursor:pointer;word-break: break-all;word-wrap: break-word; padding:1px 0;height:30px;color:#555; font-size:14px;}
.tableList td{padding:1px 0;overflow: hidden;height:30px;word-break:break-all;word-wrap:break-word;color:#454545; line-height:20px; font-size:13px;}
.tableList td img{max-height:100%;max-width:80%; display:inline-block; overflow:hidden;}
.tableList tr:nth-child(even) td{ background:#f7fdff;}
.tableList input{ cursor:pointer;}

.tabbleNormal{ width:100%;text-align:center;border-collapse:collapse;border:#e2e2e2 solid 1px;font-size:12px;}
.tabbleNormal th{background:#d9efff;font-weight:bold; border:#e2e2e2 solid 1px;height:28px; padding:2px 0; color:#555; font-size:14px;}
.tabbleNormal input{vertical-align:middle;cursor:pointer;}
.tabbleNormal tr{border:#e2e2e2 solid 1px;overflow:hidden;}
.tabbleNormal td{height:28px;border:#e2e2e2 solid 1px;overflow:hidden;word-break:break-all; word-wrap:break-word; background:#fff; color:#454545; padding:2px 0; line-height:20px; font-size:14px;}
.tabbleNormal tr:nth-child(even) td{ background:#f7fdff;}

.min212{ min-height:212px;}
.hidden_2{width:3%;}
.hidden_3{width:3%;}
.hidden_4{width:4%;}
.hidden_5{width:5%;}
.hidden_6{width:6%;}
.hidden_7{width:7%;}
.hidden_8{width:8%;}
.hidden_9{width:9%;}
.hidden_10{width:10%;}
.hidden_11{width:11%;}
.hidden_12{width:12%;}
.hidden_13{width:13%;}
.hidden_14{width:14%;}
.hidden_15{width:15%;}
.hidden_16{width:16%;}
.hidden_17{width:17%;}
.hidden_18{width:18%;}
.hidden_19{width:19%;}
.hidden_20{width:20%;}
.hidden_22{width:22%;}
.hidden_23{width:23%;}
.hidden_25{width:25%;}
.hidden_30{width:30%;}
.hidden_40{width:40%;}
.hidden_50{width:50%;}
.hidden_other{width:auto;}

.w20{ width:20px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w80{ width:80px;}
.w100{ width:100px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w220{ width:220px;}
.w232{ width:232px;}
.w245{ width:245px;}
.w250{ width:250px;}
.w260{ width:260px;}
.w272{ width:272px;}
.w280{ width:280px;}
.w292{ width:292px;}
.w300{ width:300px;}
.w312{ width:312px;}
.w320{ width:320px;}
.w350{ width:350px;}
.w380{ width:380px;}
.w400{ width:400px;}
.w420{ width:420px;}
.w530{ width:530px;}
.h70{ height:70px;}
.h80{ height:80px;}
.h90{ height:90px;}
.h100{ height:100px;}

/* 瀵湱鐛� */
.popBox .resizable-e {position:absolute;top: 0;right: -2px;height: 100%;width: 5px;cursor: e-resize;}
.popBox .resizable-s {position:absolute;bottom: -2px;left: 0;height: 5px;width: 100%;cursor: s-resize;}
.popBox .resizable-w {position: absolute;top: 0;left: -2px;height: 100%;width: 5px;cursor: w-resize;}
.popBox .resizable-n {position: absolute; top: -2px;left: 0;height: 5px; width: 100%;cursor: n-resize;}
.popBox .resizable-en { position: absolute;top: -2px;right: -2px;height: 5px;width: 5px;cursor: ne-resize;}
.popBox .resizable-es {position: absolute; bottom: -2px;right: -2px; height: 5px;width: 5px;cursor: se-resize;}
.popBox .resizable-ws {position: absolute;bottom: -2px;left: -2px;height: 5px;width: 5px;cursor: sw-resize;}
.popBox .resizable-wn {position: absolute;top: -2px; left: -2px;height: 5px;width: 5px;cursor: nw-resize;}
.popBox .modal-title {background:#f2f2f2;font-size:14px;line-height:30px;text-align:left;height:30px; padding-left:15px; color:#555; box-sizing:border-box; overflow:hidden; position:absolute; top:0; left:0; width:100%; font-weight:700;}
.popBox .close-pos-r-t {position: absolute;width: 28px;height:28px;line-height:30px;text-align:center;top:0;right:0;}
.popBox .modal-close {cursor: pointer; font-family:"arial"; font-size:14px;}
.popBox .text-border {border: #e5e5e5 solid 1px;background: #fff;font-size: 14px;color: #333;padding: 6px 12px;}
.popBox .modal-promot-mess {padding:10px 20px;font-size:13px;border-bottom:1px solid #f2f2f2;}
.popBox .insure-btn-con {text-align: right; display:block;height:26px; padding:5px 0;border-top:1px solid #eee; position:absolute; bottom:0; left:0;  width:100%;}
.popBox .insure-btn-con span {display: inline-block;margin-right: 20px;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;}
.popBox .insure-btn-con .sure-btn {padding:4px 12px;color:#fff;cursor:pointer;background-color: #6dbaee;border: 1px solid #6dbaee; border-radius:2px;}
.popBox .insure-btn-con .cancel-btn {border:1px solid #6dbaee;color:#fff;background-color:#6dbaee;padding:4px 12px;cursor: pointer; border-radius:2px;}
.popBox .insure-btn-con span.disable{ background:#f6f6f6; pointer-events:none; color:#666; border-color:#e2e2e2;}
.popBox .insure-btn-con span:hover{opacity:0.8;box-shadow:#2ea9e2 1px 1px 2px;}
.popBox .messWrap{ line-height:24px;font-size:13px; color:#666; height:100%; padding:30px 0px 40px 0px; width:100%; box-sizing:border-box; overflow:hidden;}
.popBox.Ualert .messWrap,.popBox.Uconfirm .messWrap{ padding:42px 15px 53px 15px;}
.popBox .messWrap .formBox>ul{ padding:10px 15px 10px 26px; max-height:500px; overflow:auto;}
.popBoxIframe.popBox{ margin:auto;}
.popBox .messWrap .ul{ padding:15px; max-height:460px; overflow:auto;}
.popBox .messWrap .searchWrap{ margin:-7px 0 8px;}
.popBox .messWrap .searchWrap input{ border:1px solid #e2e2e2; padding:4px 5px;}
.popBox .messWrap .searchWrap a{ display:inline-block; line-height:22px; padding:0 10px; color:#666; background:#f2f2f2; border:1px solid #ddd; border-radius:3px; margin-left:5px; position:relative; top:2px;}
.popBox .messWrap .searchWrap a:hover{opacity:0.8;box-shadow:#ddd 1px 1px 2px;}
.popBoxIframe.popBox{ margin:auto;}
.popBox .messWrap .btnWrap a{ height:26px; padding:0px 20px; letter-spacing:1px; color:#fff; line-height:26px; text-align:center; background:#6dbaee;border-radius:3px; display:inline-block; margin:0 124px; box-shadow:#2ea9e2 1px 1px 2px; border:1px solid #6dbaee;}
.popBox .messWrap .btnWrap{ border-top:1px solid #f2f2f2;margin:0px;padding:10px 0;overflow:hidden;}
.popBox .messWrap .btnWrap a.disable{ background:#f6f6f6; pointer-events:none; color:#666; border-color:#e2e2e2;}

/* 妞ょ敻娼版径鎾劥  */
.smHead{ height:60px; width:100%;}
.smHead .headWrap{ position:fixed; top:0; left:0; background:#29abe7; z-index:80; width:100%;box-shadow:0 9px 38px -10px #f2f2f2; border-bottom:1px solid #f0f0f0}
.smHead .headCon{width:1200px; margin:auto; height:100%;}
.smHead .logo{ float:left; padding:7px 0;}
.smHead .logo img{ width:127px; height:46px; display:block; float:left;}
.smHead .logo span{ display:block; float:left; color:#fff; font-size:14px; max-width:145px; line-height:18px; overflow:hidden; padding:0px 20px 0px 8px; margin:5px 0px 5px 8px; border-left:1px solid #eee;}
.smHead .logo span.big{ font-size:16px; max-width:160px;padding-right:5px; line-height:32px;margin:6px 0px 6px 8px;}
.smHead .logo a{ display:block; overflow:hidden;}
.smHead .nav{ margin-left:30px; float:left;}
.smHead .nav li{ float:left; position:relative;}
.smHead .nav .element{ display:inline-block; padding:0 13px; height:60px; line-height:60px; color:#fff;font-size:15px;transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; margin:0 1px;}
.smHead .nav li.active .element{ background:#2a91c1;}
.smHead .nav li:hover .element{ background:#2a91c1;}
.smHead .userMenu{ border:1px solid #29abe7;width:90px; opacity:0; text-align:center; position:absolute; left:-18px; top:60px; background:#fff;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);transform:scale(0);transition:all .14s ease-out;-moz-transition:all .14s ease-out;-ms-transition:all .14s ease-out;-webkit-transition:all .14s ease-out;}
.smHead .nav li:hover .userMenu{ display:block;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1); opacity:1;}
.smHead .userMenu:before{content:"";display:block;width:0;height:0;border-width:0 6px 8px;border-style:solid;border-color:transparent transparent #29abe7;position:absolute;top:-9px;left:40px;}
.smHead .userMenu:after{content:"";display:block; width:0;height:0;border-width:0 6px 8px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:-7px;left:40px;}	
.smHead .userMenu a{height:36px;line-height:36px;border-bottom:1px solid #f6f6f6; display:block; font-size:14px; color:#666;}
.smHead .userMenu a:last-child{ border:none;}
.smHead .userMenu a:hover{color:#368feb; background:#f6f6f6;}
.smHead .searchWrap{ float:right;height:30px;width:260px;margin-top:15px;border-radius:3px; background:#fff;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; position:relative;border:1px solid #eee;}
.smHead .list span{ display:block; float:left; height:30px; width:80px; line-height:30px; text-align:center; color:#333;}
.smHead .list a{display:block; float:left;width:14px; height:30px; background:#f2f2f2; position:relative; top:0; left:0; margin:0;}
.smHead .list a:before{content:"";display:block;position:absolute;top:13px;left:3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #666;}
.smHead .list a.cur:before{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #666; border-top:none;}
.smHead .list{ position:relative; cursor:pointer;}
.smHead .list ul{z-index:1000; position:absolute; top:28px; left:-1px; width:80px; background:#fff; display:block; border:1px solid #eee; border-top:1px solid #f2f2f2; border-radius:2px; overflow:hidden; display:none;}
.smHead .list li{line-height:26px; cursor:pointer; color:#888; padding:0 4px; text-align:center;}
.smHead .list li:hover{ background:#f2f2f2;}
.smHead .search{margin-left:94px;}
.smHead .search .focus{ border:1px solid #2aabe7;}
.smHead .search input{width:160px;border:none;padding:8px 1px 7px 3px;color:#333;}
.smHead .search button{width:20px;height:20px;background:url(../images/iconSet.png) -48px -27px no-repeat;position:absolute;top:6px;right:5px;border:none;}
.smHead .user{ float:right; height:25px; margin-top:18px; margin-left:25px; position:relative; padding-bottom:15px; cursor:pointer;}
.smHead .user:hover .headTip{display:block;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1); opacity:1;}
.smHead .user b{ display:inline-block; height:22px; width:22px; float:left; background:url(../images/dataBase.png) no-repeat; position:relative; top:2px;}
.smHead .user span{ line-height:25px; color:#fff; display:inline-block; height:25px; margin-left:5px; float:left; font-size:13px; max-width:80px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.smHead .user .markIcon{ display:inline-block; float:left; position:relative; width:18px; height:25px;}
.smHead .user .markIcon:before{content:"";display:block;position:absolute;top:11px;left:5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff;}
.smHead .user .markIcon.cur:before{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #fff;}
.smHead .messwrap{ position:relative; float:right; margin-top:20px; margin-left:60px; width:22px; height:22px;}
.smHead .messwrap span{ display:inline-block; width:22px; height:22px; background:url(../images/messageIcon.png) 0 0 no-repeat;}
.smHead .messwrap b{display:block; position:absolute; left:10px; top:-6px; background:#f93853; color:#fff; font-size:12px; line-height:13px; padding:0 3px; border-radius:3px;}
.headTip{ border:1px solid #e2e2e2;width:100px; text-align:center; position:absolute; right:0px; top:28px; background:#fff;z-index:1000; padding:0; margin:0; opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);transform:scale(0);transition:all .14s ease-out;-moz-transition:all .14s ease-out;-ms-transition:all .14s ease-out;-webkit-transition:all .14s ease-out;}
.headTip li{ height:32px; line-height:32px; border-bottom:1px solid #f6f6f6; margin:0; padding:0; position:relative;}
.headTip li:last-child{ border:none;}
.headTip li a{ display:block; color:#888;}
.headTip li a:hover{ color:#368feb; background:#f6f6f6;}
.headTip:before{content:"";display:block; width:0;height:0;border-width:0 5px 6px;border-style:solid;border-color:transparent transparent #e2e2e2; position:absolute; top:-7px; left:76px;}
.headTip:after{content:"";display:block; width:0;height:0;border-width:0 5px 6px;border-style:solid;border-color:transparent transparent #fff; position:absolute; top:-6px; left:76px;}	
.smHead .user a.cur:before{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #fff; border-top:none;}
.smHead .user b.stu{ background-position:-35px 0;}
.smHead .user b.tea{ background-position:0 0;}
.smHead .user b.man{ background-position:-70px 0;}
.smHead .user b.log{ background-position:-201px 0;}

/* 妞ょ敻娼扮亸楣冨劥  */
.smFoot{ overflow:hidden; background:#e5e5e5; height:35px; width:100%; bottom:0; left:0;}
.smFoot .con{ width:1200px; margin:auto; line-height:35px; text-align:center; color:#666;}

/* 妞ょ敻娼版稉璁崇秼缂佹挻鐎� */
.returnTop{ display:block; width:0px; height:36px; border:1px solid #e2e2e2; background:#fff url(../images/returnTop.png) 5px center no-repeat; position:fixed; right:0px; bottom:80px; line-height:36px; padding-left:38px; color:#fff; font-size:12px;transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-webkit-transition:all .25s; overflow:hidden; z-index:8;}
.returnTop:hover{ width:58px; color:#666;}
.w1200{ width:1200px;overflow:hidden; box-sizing:border-box; margin:20px auto;}
.grayBg{ background:#f8f8f8;}

.icon i{ display:inline-block; background:url(../images/dataBase.png) no-repeat; width:13px; height:13px; margin-right:3px; top:2px; position:relative;}

.icon.profile i{ background-position:-0px -234px; height:18px; width:18px; margin-right:5px; top:3px;}
.icon.directory i{ background-position:-28px -234px; height:18px; width:18px; margin-right:5px; top:3px;}
.icon.moudle i{ background-position:-168px -235px; height:18px; width:18px; margin-right:5px; top:3px;}
.icon.capacity i{ background-position:-197px -235px; height:18px; width:19px; margin-right:5px; top:3px;}
.icon.schedule i{ background-position:-501px -236px; height:18px; width:19px; margin-right:5px; top:3px;}

.icon.detail i{ background-position:-0px -234px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.environment i{ background-position:-56px -234px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.correlate i{ background-position:-84px -234px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.teach i{ background-position:-225px -235px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.terrace i{ background-position:-253px -236px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.classH i{ background-position:-281px -235px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.stuH i{ background-position:-310px -237px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.teaH i{ background-position:-365px -236px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.adminH i{ background-position:-338px -236px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.servicer i{ background-position:-417px -236px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.virtual i{ background-position:-445px -236px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}
.icon.enter i{ background-position:-473px -236px; height:18px; width:18px; margin-right:5px; top:4px; float:none;}

/* 閻э拷*/
.icon.addM i{ background-position:-84px -184px; height:14px; width:14px; margin-right:4px;}
.icon.add i{ background-position:-133px -185px;width:13px; height:13px; top:1px;}
.icon.edit i{ background-position:-49px -34px;width:13px; height:13px; margin-right:2px; top:1px; float:none;}
.icon.del i{ background-position:-96px -34px; width:13px; height:13px; float:none;}
.icon.import i{ background-position:-23px -310px; width:13px; height:14px; float:none;}
.icon.downT i{ background-position:2px -312px; width:13px; height:13px; float:none;}
.icon.copy i{ background-position:-392px -34px; width:13px; height:13px; float:none;}
.icon.expe i{ background-position:-94px -110px;}
.icon.moni i{ background-position:-117px -110px;}
.icon.addStu i{ background-position:0px -135px;}
.icon.temp i{ background-position:-48px -83px; top:1px; margin-right:4px;}
.icon.ISO i{ background-position: -322px -263px; width:15px; height:15px; top:3px; margin-right:4px;}
.icon.disk i{ background-position: -152px -263px; width:15px; height:15px; top:3px; margin-right:4px;}
.icon.calc i{ background-position: -102px -263px; width:15px; height:15px; top:2px; margin-right:4px;}
.icon.colony i{ background-position: -71px -310px; width:15px; height:15px; top:2px; margin-right:4px;}
.icon.virtH i{ background-position:-0px -34px; width:15px; height:15px; float:none; top:3px;}
.icon.virt i{ background-position:-0px -58px;width:15px; height:15px; float:none; top:3px; margin-right:4px;}
.icon.addStu i{ background-position:0px -135px;}
.icon.addClass i{ background-position:-21px -134px; width:16px;}
.icon.class i{ background-position:-71px -135px; width:18px;}
.icon.storage i{ background-position:-26px -34px; width:13px; height:13px; float:none;}
.icon.start i{ background-position:-73px -34px; width:13px; height:13px; float:none;}
.icon.stop i{ background-position:-215px -34px; width:13px; height:13px; float:none;}
.icon.reset i{ background-position:-121px -34px; width:13px; height:13px; float:none;}
.icon.addISO i{ background-position:-145px -34px; width:13px; height:13px; float:none;}
.icon.delISO i{ background-position:-305px -34px; width:13px; height:13px; float:none;}
.icon.changeP i{ background-position:-169px -34px; width:13px; height:13px; float:none;}
.icon.creatT i{ background-position:-192px -34px; width:13px; height:13px; float:none;}
.icon.web i{ background-position:-261px -34px; width:13px; height:13px; float:none;}
.icon.client i{ background-position:-369px -34px; width:13px; height:13px; float:none;}
.icon.share i{ background-position:-284px -34px; width:13px; height:13px; float:none;}
.icon.reStart i{ background-position:-238px -34px; width:13px; height:13px; float:none;}
.icon.person i{ background-position:-130px -6px; width:15px; height:14px; }
.icon.exit i{ background-position:-176px -6px; width:15px; height:14px;}
.icon.resetPass i{ background-position:-96px -83px; height:14px; width:14px; top:1px;}
.icon.resetPass i{ background-position:-96px -83px; height:14px; width:14px; top:1px;}
.icon.rePass i{background-position:-327px -33px; height:14px; width:14px; top:1px;}
.icon.reuse i{ background-position:-148px -135px; height:14px; width:14px; top:2px; margin-right:2px;}
.icon.grade i{background-position:-170px -135px; height:14px; width:14px; top:2px; margin-right:2px;}
.icon.gradeAll i{background:url(../images/taskIcon.png) 0px -176px no-repeat; height:14px; width:14px; top:2px; margin-right:2px;}
.icon.gradeImport i{background:url(../images/taskIcon.png) -23px -176px no-repeat; height:14px; width:14px; top:2px; margin-right:2px;}
.icon.perusal i{background-position:-193px -135px; height:14px; width:14px; top:2px; margin-right:2px;}
.icon.publish i{background-position:-217px -135px; height:14px; width:14px; top:2px; margin-right:2px;}
.icon.view i{background-position:-124px -135px; height:14px; width:14px; top:2px; margin-right:2px;}
.icon.reZero i{ background-position:-347px -32px; height:14px; width:14px; top:1px;}
.icon.download i{ background-position:-438px -34px; height:13px; width:13px; top:2px; margin-right:3px;}
.icon.alredy i{ background-position:-415px -34px; height:13px; width:13px; top:2px; margin-right:3px;}
.icon.sync i{ background-position:-461px -34px; height:13px; width:13px; top:2px; margin-right:3px;}
.icon.speedUp i{ background-position:-482px -34px; height:13px; width:13px; top:2px; margin-right:3px;}
.icon.speedDown i{ background-position:-505px -34px; height:13px; width:13px; top:2px; margin-right:3px;}
.icon.zone i{ background-position:-527px -34px; height:13px; width:13px; top:2px; margin-right:3px;}
.icon.creatV i{ background-position:-550px -34px; width:13px; height:13px; float:none;}
.icon.setTime i{ background-position:-573px -34px; width:13px; height:13px; float:none; top: 1px; margin-right: 3px;}
.icon.creatTime i{ background-position:-596px -34px; width:13px; height:13px; float:none; top: 1px; margin-right: 3px;}
.icon.diskSpace i{ background:url(../images/diskSpace.png) -1px -1px no-repeat;}
.icon.courseSort i{ background:url(../images/courseSort.png) 0 0 no-repeat; width:15px; height:15px; top:2px; margin-right:4px;}

/* 閽冿拷*/
.icon.del.hover:hover i{ background-position:-96px -59px;}
.icon.edit.hover:hover i{ background-position:-50px -59px;}
.icon.storage.hover:hover i{ background-position:-26px -59px;}
.icon.start.hover:hover i{ background-position:-73px -59px;}
.icon.stop.hover:hover i{ background-position:-215px -59px;}
.icon.reset.hover:hover i{ background-position:-121px -59px;}
.icon.addISO.hover:hover i{ background-position:-145px -59px;}
.icon.delISO.hover:hover i{ background-position:-305px -59px;}
.icon.changeP.hover:hover i{ background-position:-169px -59px;}
.icon.creatT.hover:hover i{ background-position:-192px -59px;}
.icon.creatV.hover:hover i{ background-position:-302px -289px;}
.icon.web.hover:hover i{ background-position:-261px -59px;}
.icon.client.hover:hover i{ background-position:-369px -59px;}
.icon.share.hover:hover i{ background-position:-282px -59px;}
.icon.reStart.hover:hover i{ background-position:-238px -59px;}
.icon.person.hover:hover i{ background-position:-238px -59px;}
.icon.exit.hover:hover i{ background-position:-238px -59px;}
.icon.person.hover:hover i{ background-position:-105px -6px;}
.icon.exit.hover:hover i{ background-position:-153px -6px;}
.icon.copy.hover:hover i{ background-position:-392px -59px;}
.icon.rePass.hover:hover i{ background-position:-327px -58px; height:14px; width:14px; top:1px;}
.icon.reZero.hover:hover i{ background-position:-347px -57px; height:14px; width:14px; top:1px;}
.icon.download.hover:hover i{ background-position:-438px -59px; }
.icon.alredy.hover:hover i{ background-position:-415px -59px;}
.icon.sync.hover:hover i{ background-position:-461px -59px;}
.icon.speedUp.hover:hover i{ background-position:-482px -59px;}
.icon.speedDown.hover:hover i{ background-position:-505px -59px;}
.icon.zone.hover:hover i{ background-position:-527px -59px;}
.icon.diskSpace.hover:hover i{ background:url(../images/diskSpace-hover.png) -1px -1px no-repeat;}

/* 閻忥拷*/
.icon.edit.gray i{ background-position:-24px -289px;width:13px; height:13px; float:none;}
.icon.del.gray i{ background-position:-70px -289px; width:13px; height:13px; float:none;}
.icon.storage.gray i{ background-position:0px -289px; width:13px; height:13px; float:none;}
.icon.start.gray i{ background-position:-47px -289px; width:13px; height:13px; float:none;}
.icon.stop.gray i{ background-position:-189px -289px; width:13px; height:13px; float:none;}
.icon.reset.gray i{ background-position:-95px -289px; width:13px; height:13px; float:none;}
.icon.addISO.gray i{ background-position:-119px -289px; width:13px; height:13px; float:none;}
.icon.delISO.gray i{ background-position:-279px -289px; width:13px; height:13px; float:none;}
.icon.changeP.gray i{ background-position:-143px -289px; width:13px; height:13px; float:none;}
.icon.creatT.gray i{ background-position:-166px -289px; width:13px; height:13px; float:none;}
.icon.web.gray i{ background-position:-235px -289px; width:13px; height:13px; float:none;}
.icon.share.gray i{ background-position:-256px -289px; width:13px; height:13px; float:none;}
.icon.reStart.gray i{ background-position:-212px -289px; width:13px; height:13px; float:none;}
.icon.creatV.gray i{ background-position:-325px -289px; width:13px; height:13px; float:none;}
.icon.client.gray i{ background-position:-346px -288px; width:13px; height:13px; float:none;}
.icon.diskSpace.gray i{ background:url(../images/diskSpace-gray.png) -1px -1px no-repeat;}

/* 閸旂姾娴囩粵澶婄窡 */
.loadPop{ padding:15px 30px; overflow:hidden;}
.loadPop dt{ float:left; width:90px; height:50px; background:url(../images/loadIng.gif) center center no-repeat;}
.loadPop dd{ margin-left:90px; line-height:50px; color:#888;}

.searchBtn{display:inline-block; width:18px;height:18px; background:url(../images/iconGather.png) no-repeat 0px -125px;}
.searchBtnH{display:inline-block; width:20px;height:20px;background:url(../images/iconGather.png) no-repeat -51px -125px;}
.viewBtn{display:inline-block; width:20px;height:20px;background:url(../images/iconGather.png) no-repeat -75px -125px;}
.titleDel{display:inline-block; width:20px;height:20px; background:url(../images/iconGather.png) no-repeat 0px -100px;}
.titleAdd{display:inline-block; width:20px;height:20px;background:url(../images/iconGather.png) no-repeat -50px -100px;}
.table_content{display:inline-block;width:16px;height:16px; background:url(../images/iconGather.png) -50px -152px no-repeat;}
.table_edit{display:inline-block;width:16px;height:16px; background:url(../images/iconGather.png) 0px -152px no-repeat;}
.table_delete{display:inline-block;width:16px;height:16px; background:url(../images/iconGather.png) -100px -152px no-repeat;}
.table_zero{display:inline-block;width:16px;height:16px;background:url(../images/iconGather.png) -27px -125px no-repeat}
.table_view{display:inline-block;width:16px;height:16px;background:url(../images/iconGather.png) -100px -125px no-repeat}
.table_video{display:inline-block;width:16px;height:16px;background:url(../images/iconGather.png) -100px -200px no-repeat}
.table_publish{display:inline-block;width:16px;height:16px;background:url(../images/iconGather.png) -50px -300px no-repeat}
.table_abolish{display:inline-block;width:16px;height:16px;background:url(../images/iconGather.png) -100px -300px no-repeat}
.table_pre{display:inline-block;width:16px;height:16px;background:url(../images/iconGather.png) 0px -350px no-repeat}
.table_pvr{display:inline-block;width:16px;height:16px;background:url(../images/iconGather.png) -47px -507px no-repeat}
.table_down{display:inline-block;width:18px;height:18px;background:url(../images/iconGather.png) -89px -479px no-repeat}
/* hover */
.table_content:hover{ background-position:-75px -152px;}
.table_edit:hover{ background-position:-25px -152px;}
.table_view:hover{ background-position:-125px -125px;}
.table_delete:hover{ background-position:-125px -152px;}
.table_video:hover{ background-position:-125px -200px;}
.table_publish:hover{ background-position:-75px -300px;}
.table_abolish:hover{ background-position:-125px -300px;}
.table_pre:hover{ background-position:-25px -350px;}
.table_pvr:hover{ background-position:-67px -507px;}
.table_down:hover{background-position:-90px -504px;}

/* 鏉╁洦鎶�*/
.filter{ overflow:hidden;background:#fff; padding:5px 0; font-size:13px; position:relative; border-radius:3px; min-height:52px;}
.filter ul{ margin-right:180px;}
.filter .btnWrap{ width:180px; position:absolute; right:0; top:0; height:100%;}
.filter .creatCourse{ line-height:28px; background:#29abe7; color:#fff; display:inline-block; border-radius:3px;text-align:center; height:28px; padding:0 12px; float:right; margin-right:15px; margin-top:11px;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; }
.filter .creatCourse:hover{ opacity:0.8;/* box-shadow:#2ea9e2 1px 1px 2px; */}
.filter li{ line-height:24px;border-bottom:1px dashed #eee; padding:3px 0;}
.filter li:last-child{ border:none;}
.filter dl{ overflow:hidden;}
.filter dt{ float:left;width:80px;text-align:right; color:#333;letter-spacing:2px;line-height:36px;}
.filter dd{ margin-left:85px; padding:0 120px 0 0px;}
.filter dd a{display:inline-block; color:#777; padding:0 6px; margin:5px 8px; border-radius:2px;}
.filter dd a.active{color:#fff; background:#29abe7;}
.filter dd a:hover{ color:#29abe7;}
.filter dd a.active:hover{ color:#fff;}
.noResult{width: 1200px; box-sizing: border-box; margin: auto;overflow: hidden; height:380px;background: #fff url(../images/noResult.png) center center no-repeat;}

/* 閸掓銆�*/
.infoWrap{ overflow:hidden; background:#fff; padding-top:25px; border-radius:3px;}
.infoList li{ float:left; margin:0px 0px 25px 39px; cursor:pointer; width:250px; border:1px solid #eee; background:#fff;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; border-radius:5px; overflow:hidden; position:relative;}
.infoList li:hover{ box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}
.infoList li:hover .text{ color:#F01414;}
.infoList li:hover .bg{ opacity:1;}
.infoList .img{ width:250px; height:160px;text-align:center;}
.infoList .img img{height:100%;width:100%;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;}
.infoList .text{ padding:5px; background:#fcfcfc; line-height:22px; color:#454545;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; font-size:13px;}
.infoList li a{ display:block;}
.infoList .bg{ background:rgba(0,0,0,.65); height:30px; position:absolute; top:0; left:0; width:100%; text-align:center; opacity:0;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;}
.infoList .bg span{ color:#fff; font-size:12px; line-height:30px; padding:5px 8px;}
.infoList .bg.courseMenuList span{ margin:0 30px;}
.infoList .bg span:hover{color:#2fbbfb;}
.itemList li{float:left; margin:0px 0px 25px 23px; cursor:pointer; width:210px; border:1px solid #eee; background:#fff;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; border-radius:4px; overflow:hidden; position:relative;}
.itemList .title{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:32px; line-height:32px; text-align:center; background:#6dbaee; color:#fff; font-size:13px;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; padding:0 20px;}
.itemList .text{ padding:10px; position:relative; height:68px;  overflow:hidden;}
.itemList .text p{ line-height:32px; text-align:center; color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
div.formBox .itemList .text p{ line-height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#666;}
div.formBox .itemList{ padding:0;}
div.formBox .itemList .text{ height:98px;}
.itemList .text span{ display:inline-block; width:92px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.itemList .text .textLeft{ text-align:left; float:left;}
.itemList .text .textRight{ text-align:right; float:right;}
.itemList .text .mask{background:rgba(0,0,0,.65); position:absolute; top:0; left:0; height:100%; width:100%;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; padding:5px 0; box-sizing:border-box; opacity:0;}
.itemList .text .mask a{ display:inline-block; width:100px; text-align:center; line-height:78px; color:#fff;}
.itemList.teaTemplate .text .mask a{line-height:40px;}
.itemList .text .mask a:hover{ color:#2fbbfb;}
.itemList .text .mask .load{ padding:12px 10px; text-align:center;}
.itemList .text .mask .load p{ margin:10px 0; font-size:13px; color:#fff;}
.itemList li:hover{ box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}
.itemList li:hover .text .mask{ opacity:1;}

/* 鐞涖劌宕�*/
.formBox{ border-radius:3px; margin:auto; position:relative; overflow:hidden; background:#fff;}
.formBox .ok{ padding-left:20px; color:green; background:url(../images/emOk.png) no-repeat;}
.formBox .error{ padding-left:20px;color:red;background:url(../images/emError.png) 1px 1px no-repeat;}
.formBox .blank{font-size:15px;color:#454545;background:#d8eefe;height:38px;line-height:38px;border-radius:2px;overflow:hidden;margin:5px 0;padding-left:12px; position:relative;}
.formBox ul{ padding:0px 30px 10px 30px;}
.formBox li{ overflow:hidden; line-height:26px; margin:15px 0;}
.formBox b{ color:#f00; position:relative; top:-1px; margin-right:2px;}
.formBox i{ display:inline-block; width:110px; text-align:right; letter-spacing:1px; float:left; font-size:13px; color:#454545;}
.formBox em{ color:#888; margin-left:5px; display:inline-block; line-height:18px;}
.formBox .formLine{ margin-left:112px;}
.formBox .formLine div.line{ margin-bottom:8px;}
.formBox .formLine input{ padding:5px;}
.formBox .formLine .Img{ width:220px; height:45px;box-shadow:#eee 1px 1px 2px;}
.formBox .formLine .imgBg{ width:156px; height:100px; background:#fafafa;text-align:center;vertical-align:middle;position:relative;display:table-cell;}
.formBox .formLine .imgBg img{ max-height:100%; max-width:100%;vertical-align:middle;}
.formBox .formLine .uploadBtn{ display:inline-block; width:70px; height:26px; line-height:26px; text-align:center; color:#fff; background:#6dbaee;border-radius:3px;margin-top:5px;position:relative;}
.formBox .formLine label{ margin-right:32px;cursor: pointer;}
.formBox .upload a{display:inline-block; height:22px; line-height:22px; color:#fff; width:45px; text-align:center; background:#4cabec; border-radius:3px;}
.formBox .upload .file[type=file]{ display:inline-block; width:45px; height:22px; position:relative; left:-50px;}
.formBox .upload span{ position:relative; left:-45px;}
.formBox .upload em{ position:relative; left:-35px;}
.formBox .formLine input[type=radio]{ position:relative; top:-1px; margin-right:3px;}
.formBox .formLine input[type=checkbox]{ position:relative; top:-2px; margin-right:5px;}
.formBox .formLine input[type=file]{ position:absolute; top:0; left:0; width:70px; height:26px; padding:0; opacity:0; cursor:pointer;}
.formBox .btnWrap a{ height:28px; padding:1px 25px; letter-spacing:1px; color:#fff; line-height:28px; text-align:center; background:#4da8ed;border-radius:3px; display:inline-block; margin:0 112px; font-size:14px;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; border:1px solid #4da8ed;}
.formBox .btnWrap a:hover{opacity:0.8;box-shadow:#2ea9e2 1px 1px 2px;}
.formBox .btnWrap a.disable{background:#f6f6f6; pointer-events:none; color:#666; border:1px solid #e2e2e2;box-shadow:#e2e2e2 2px 2px 5px; width:auto;}
.formBox .btnWrap{ text-align:left; margin-top:35px; margin-bottom:10px;}
.formBox .classify a{ display:inline-block; padding:0px 10px; border:1px solid #e2e2e2; margin-right:12px; border-radius:3px; background:#f6f6f6; margin-bottom:8px; color:#666;}
.formBox .classify a:hover,.formBox .classify a.active{ background:#4da8ed; color:#fff;}
.formBox .addTeaBtn{display:inline-block;line-height:26px; color: #fff;background: #4da8ed;border-radius: 3px; margin-left:5px; padding:0 10px;}
.formBox .teaWrap{ display:inline-block;}
.formBox .teaWrap span{line-height:22px;background: #34c3ff;border-radius:3px;padding:0px 16px 0px 5px;
color:#fff; margin:2px; position:relative;top:0px; display:inline-block;}
.formBox .teaWrap b{position:absolute;top:0px;right:-4px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff; cursor:pointer;}

/* 閸掑棝銆�*/
.paging{ overflow:hidden; height:22px; padding:5px 0 40px; text-align:center; font-size:14px; box-sizing:content-box; }
.paging ul{font-size:0; display:inline-block;}
.paging li{ display:inline-block; text-align:center; line-height:26px;color:#666; font-size:12px; margin:0 0 0 6px;}
.paging li a{ color:#666;height:26px; padding:0 15px;display:inline-block;cursor:pointer; border-radius:2px; border:1px solid #d2d2d2; font-size:12px; position:relative;background:#fff;}
.paging li a:before{content:"";display:block; width:12px; height:12px; background:url(../images/iconGather.png) no-repeat; position:absolute; top:7px;}
.paging li .default:before{ display:none;}
.paging li:hover a,.paging li.active a{ border:1px solid #1d93ed; color:#fff; background:#1d93ed;}
.paging li select{ cursor:pointer; border:1px solid #d2d2d2; position:relative; top:-1px; width:120px; color:#454545}
.paging li input{width:21px; margin:0 3px; height:16px; position:relative; top:-1px; color:#454545; border:1px solid #d2d2d2;}
.paging li .first{ padding-left:28px;}
.paging li .next{ padding-right:24px;}
.paging li .pre{ padding-left:24px;}
.paging li .last{ padding-right:28px;}
.paging li .turn{ padding-left:25px;}
.paging li .first:before{ background-position:-50px -200px; left:10px;}
.paging li .next:before{  background-position:0px -175px;right:10px;}
.paging li .pre:before{  background-position:0px -200px;left:10px;}
.paging li .last:before{ background-position:-50px -175px;right:10px;}
.paging li .turn:before{ background-position:-100px -175px;left:10px;}
.paging li:hover .first:before{ background-position:-75px -200px; left:10px;}
.paging li:hover .next:before{  background-position:-25px -175px;right:10px;}
.paging li:hover .pre:before{  background-position:-25px -200px;left:10px;}
.paging li:hover .last:before{ background-position:-75px -175px;right:10px;}
.paging li:hover .turn:before{ background-position:-125px -175px;left:10px;}



/* 閻╊喖缍�*/
.sectionAdd .formBox,.trainningAdd .formBox{ border:1px solid #eee; padding:15px 0 25px;}
.catalogue .cataBody{ background:#fff; border:1px solid #eee; overflow:hidden;}
.catalogue .list{padding:0 15px; overflow:hidden;}
.catalogue .title{ font-size:15px; color:#454545; background:#d8eefe; height:40px; line-height:40px; border-radius:2px; overflow:hidden; margin:10px; padding-left:12px;}
.catalogue .title a{ font-size:13px;}
.catalogue .courseEditor,.catalogue .catalogueAdd{ width:auto; height:auto; display:inline-block;float:right;padding:0px 10px; background:#3da2ef; line-height:25px; margin-right:10px;margin-top:8px;border-radius:3px; color:#fff;/* transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s; */}
.catalogue .courseEditor:hover,.catalogue .catalogueAdd:hover{opacity:0.8;/* box-shadow:#2ea9e2 1px 1px 2px; */}
.catalogue .list .img{ float:left; width:250px; margin:0 15px; height:195px;}
.catalogue .list .img p{ line-height:22px; color:#454545; text-align:center; margin-top:3px; font-size:13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.catalogue .list .img img{height:160px; width:100%;}
.catalogue .list ul{ float:left; width:875px;margin-left:5px;border-left:1px solid #eee;overflow:hidden;}
.catalogue .list li{ float:left; height:40px; line-height:40px; text-align:left; width:291px; padding:0 13px; border-top:1px solid #eee; border-right:1px solid #eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#666; font-size:13px;}
.catalogue .list .info{ width:870px; border-right:1px solid #eee; border-bottom:1px solid #eee; position:relative;white-space:normal; height:auto;border-right:1px solid #eee; box-sizing:border-box; padding:10px 13px; line-height:20px;}
.catalogue .list li b{width:90px; text-align:center; background:#fbfafa; position:absolute; top:0; left:0; display:inline-block; height:100%; padding:0 13px; border-right:1px solid #eee; line-height:42px; color:#333;}
.catalogue .list li span{ margin-left:118px; display:inline-block; min-height:120px;}
.catalogue .list .head{ width:90px; text-align:center; background:#fbfafa; color:#333;}
.catalogue .list .mes{ margin:30px 12px; text-indent:2em;line-height:20px;}
.catalogue .catalog{padding:0px 15px 20px;overflow: hidden}
.catalogue .catalog .title{ height:32px; line-height:32px; background:#e9f8ff; padding:0 12px;overflow:hidden; border-bottom:1px solid #fff; margin-top:0px; margin-bottom:0px; font-size:12px;}
.catalogue .catalog .title .font{ float:left; font-size:13px; max-width:50%; color:#454545;}
.catalogue .catalog .title .font span{ margin-right:5px;}
.catalogue .catalog .title .menu{ float:right;}
.catalogue .catalog .title .menu li{ float:left; padding:6px 0; margin-left:10px;}
.catalogue .catalog .title .menu{ line-height:24px;}
.catalogue .catalog .title .menu a{ display:block; height:22px; background:#56b1f7; color:#fff; border-radius:3px; padding:0 8px; line-height:22px; font-size:12px; width:auto;}
.catalogue .catalog .title .menu a:hover{ opacity:.8;}
.catalogue .menu .nodeToggle i,.catalogue .menu .nodeAdd i{display:inline-block;width:12px;height:12px;background:url(../images/iconGather.png) -50px -325px no-repeat; margin-right:3px; position:relative; top:1px;}
.catalogue .catalog .title .menu .show{ background-position:-75px -325px;}
.catalogue .catalog .title .menu .add{ background-position:-100px -325px;}
.catalogue .catalog .body{overflow:hidden; padding:0 15px 0 15px;}
.catalogue .catalog .body .font{ float:left; font-size:12px; max-width:50%; color:#555;}
.catalogue .catalog .studyBtn{display:block; height:20px; background:#7fbeef; color:#fff; border-radius:3px; padding:0 8px; line-height:20px; font-size:12px; float:right; margin:4px 0 0 0;}
.catalogue .catalog .studyBtn:hover{opacity:.7;}
.catalogue .catalog .body .font span{ margin-right:5px;}
.catalogue .catalog .body .menu{ float:right;}
.catalogue .catalog .body>li{overflow:hidden;height:28px;line-height:28px;background:#fff; padding:0 20px 0 20px; margin:0;}
.catalogue .catalog .body>li:nth-child(even){ background:#fafafa;}
.catalogue .catalog .body .menu li{ float:left; padding:7px 0; margin-left:20px;}
.catalogue .catalog .body .menu{ line-height:18px;}
.catalogue .catalog .body .menu a{ display:block; height:16px; line-height:22px;}


/* 涓婁紶杩涘害 */
a.uploadify-button{display: inline-block;width:70px;height:26px;line-height: 26px;text-align: center;color:#fff;background:#4da8ed;border-radius: 3px;position: relative; margin-top:0;}
.uploadify-queue .uploadfile{width:0;}
.uploadify-queue .uploadify-queue-item{list-style-type:none;margin-top:2px;}
.uploadify-queue .uploadify-queue .uploadify-queue-item span{ display:inline-block;}
.uploadify-queue .uploadbtn,.uploadify-queue .delfilebtn{display:inline-block;border:1px solid #b2b2b2;line-height:18px;border-radius:4px;padding:0 10px;font-size:12px;color:#454545;cursor:pointer;background:#eee;text-decoration:none;}
.uploadify-queue .delfilebtn{ background:#fff;}
.uploadify-queue .delfilebtn:hover{ background:#4da8ed; color:#fff;}
.uploadify-queue .up_filename,.uploadify-queue .progressnum,.uploadify-queue .delfilebtn,.uploadify-queue .uploadbtn,.uploadify-queue .up_percent{font-size:12px;color:#454545;margin-left:15px;}
.uploadify-queue .up_filename{ margin-left:0;}
.uploadify-queue .uploadify-progress{display:inline-block;width:292px;height:8px;background-color:#e2e2e2;border-radius:20px;border:1px solid #b2b2b2;vertical-align:middle;padding:0; overflow: hidden; margin:5px 0 2px; background:#eee;}
.uploadify-queue .uploadify-progress-bar{width:0;height:100%;border-radius:20px;background-color: #4da8ed;}
.uploadify-queue #videoWrap,.videoWrap{ font-size:12px; color:#666; margin-left:10px;}
.uploadify-queue .proMess{ line-height:26px;}
.uploadifyName{ line-height:26px; color:#454545; font-size:12px; margin-left:15px;}
#uploadEm{ margin-left:15px;}

.informWrap{ width:290px;position:fixed; top:70px; left:50%; margin-left:310px;}
.informWrap .inform{ position:relative;border:1px solid #eee; background:#fff; padding:10px 15px 10px 12px; box-shadow:0 0px 10px 3px #d2d2d2; margin-bottom:10px; border-radius:3px;}
.informWrap .inform div a{ color:#13acf5; margin:0 2px;}
.informWrap .inform a.close{ color:#ccc; position:absolute; top:-1px; right:-2px; font-size:14px ;font-family:"arial"; display:inline-block; width:20px; height:20px; text-align:center; line-height:20px;}
.informWrap .inform a.close:hover{ color:#13acf5;}
.informWrap .inform div{line-height:22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all; color:#777; font-size:12px;}
/* 文件上传 弹窗 */
.loadBox .plupload_message{ display:none;}
.loadBox .plupload_logo{ display:none;}
.loadBox .plupload_header_content{ padding-left:10px;}
.loadBox .plupload_view_list .plupload_file_size, .loadBox .plupload_view_list .plupload_file_status, .loadBox .loadBox .loadBox .plupload_filelist_footer .plupload_file_size, .loadBox .plupload_filelist_footer .plupload_file_status{ width:90px;}
.loadBox .plupload_dropbox .plupload_droptext{ line-height:170px; color:#bbb;}
.loadBox .ui-icon-circle-arrow-w{background-position:-30px -194px;}
.loadBox .ui-state-default, .loadBox .ui-widget-content .ui-state-default, .loadBox .ui-widget-header .ui-state-default{background:#D8EEFE;}
.loadBox .plupload_header.ui-widget-header{ border-top:none !important;border-left:none !important;border-right:none !important;border-bottom:1px solid #C6E2F7 !important;}
.loadBox .ui-widget-header{background:#9ED2F9;}
.loadBox .ui-state-hover, .loadBox .ui-widget-content .ui-state-hover, .loadBox .ui-widget-header .ui-state-hover, .loadBox .ui-state-focus,.loadBox .ui-widget-content .ui-state-focus, .loadBox .ui-widget-header .ui-state-focus,.loadBox .ui-state-active, .loadBox .ui-widget-content .ui-state-active, .loadBox .ui-widget-header .ui-state-active,.loadBox .ui-widget-content{ border:1px solid #90CCF9;}
.loadBox .ui-state-default, .loadBox .ui-widget-content .ui-state-default, .loadBox .ui-widget-header .ui-state-default{border:1px solid #BFE0F9;}
.loadBox .ui-state-hover, .loadBox .ui-widget-content .ui-state-hover, .loadBox .ui-widget-header .ui-state-hover, .loadBox .ui-state-focus, .loadBox .ui-widget-content .ui-state-focus, .loadBox .ui-widget-header .ui-state-focus, .ui-state-active, .loadBox .ui-widget-content .ui-state-active, .loadBox .ui-widget-header .ui-state-active, .loadBox .ui-widget-content{ border:1px solid #90CCF9;}
.loadBox .plupload_view_thumbs .plupload_content{border:none;}
.loadBox .ui-widget-header{border:none;}
.loadBox .plupload_progress_container{ padding:0; border:1px solid #9595FF;}
.loadBox .ui-progressbar .ui-progressbar-value{ margin:0; background:#9595FF;}
.loadBox .plupload_content{ overflow-x:hidden;}
.loadBox .plupload_view_list div.plupload_file_name{ margin-right:200px;}
.loadBox .plupload_view_list div.plupload_file_size, .loadBox .plupload_view_list div.plupload_file_status, .loadBox .plupload_view_list div.plupload_file_action{ right:3px;}
.loadBox .plupload_view_list div.plupload_file_size{right:35px;}
.loadBox .plupload_view_list div.plupload_file_status{right:135px;}

/* 图片裁剪弹窗 */
.secondAlert .formBox .imgWrap img{margin:0px;}
.secondAlert .imgWrap>div{float:left;overflow:hidden;}
.secondAlert .imgWrap .screenshot,.secondAlert .imgWrap .screenshotOrg{position:relative;display: inline-block;width:566px;height:466px;line-height:330px;background: #fafafa;text-align:center;margin:0 20px 0 0;}
.secondAlert .imgWrap .screenshotOrg,.secondAlert .imgWrap .previewOrg{display:none;position:relative;}
.secondAlert .imgWrap #image,.secondAlert .imgWrap #imageOrg{max-width:100%;max-height:100%;width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.secondAlert .imgWrap .preview,.secondAlert .imgWrap .previewOrg{width:250px !important;height:160px !important;overflow:hidden;margin:0px 0px 10px 0px;border:1px solid grey;}
.secondAlert .imgWrap .previewOrg img{width:100%;height:100%;}
.secondAlert .imgWrap .preScreen{margin:0px 0px 10px 0px;}
.secondAlert .imgWrap .explain{margin:0px;width:250px;}
.secondAlert .explain p{margin:10px 0px;}
.secondAlert .screen.btnWrap a{margin: 0 180px;}
.secondAlert .imgWrap .operation{width:250px;margin:0 0 10px 0;}
.secondAlert .operation a{padding:0px 5px;color:#666;text-align:center; background:#f6f6f6;border-radius:3px; display:inline-block;margin:0px 8px;font-size:12px;border:1px solid #e2e2e2;}
.secondAlert .operation a.active,.secondAlert .operation a:hover{background:#6dbaee;color:#fff;}

/* 浮动提示弹窗 */
.tipMess{position:fixed;z-index:10000;border:2px solid #4096EE;border-radius:3px;background:#fff;box-shadow: 0px 0px 8px rgba(0, 0, 0, .4);}
.tipMess:before{content: '';position: absolute;left: -14px;top: 20px;border-style: solid;border-width: 5px 14px 5px 0;border-color: transparent #4096EE transparent transparent;}
.tipMess p{padding:8px 10px;line-height:24px;}
        
/* 页面加载loading */
.layerLoading{position:fixed;width:100%;height:100%;z-index:100;top:0px;left:0px;}
.layerLoading .loadingBg {position:absolute;top:0px;left:0px;width:100%;height:100%;background-position: center center;background-size: cover;}
.layerLoading .loading{position:fixed;top:64%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.layerLoading .loading p{margin-top:20px;font-size:14px;color:#454545;}
.la-ball-spin-clockwise,.la-ball-spin-clockwise > div {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.la-ball-spin-clockwise {display: block;width: 32px;height: 32px;font-size: 0;color: #329EE9;margin: 0 auto;}
.la-ball-spin-clockwise > div {display: inline-block;float: none;background-color: currentColor;border: 0 solid currentColor;position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;border-radius: 100%;-webkit-animation: ball-spin-clockwise 1s infinite ease-in-out;-moz-animation: ball-spin-clockwise 1s infinite ease-in-out;-o-animation: ball-spin-clockwise 1s infinite ease-in-out;animation: ball-spin-clockwise 1s infinite ease-in-out;}
.la-ball-spin-clockwise > div:nth-child(1) {top: 5%;left: 50%;-webkit-animation-delay: -.875s;-moz-animation-delay: -.875s;-o-animation-delay: -.875s;animation-delay: -.875s;}
.la-ball-spin-clockwise > div:nth-child(2) {top: 18.1801948466%;left: 81.8198051534%;-webkit-animation-delay: -.75s;-moz-animation-delay: -.75s;-o-animation-delay: -.75s;animation-delay: -.75s;}
.la-ball-spin-clockwise > div:nth-child(3) {top: 50%;left: 95%;-webkit-animation-delay: -.625s;-moz-animation-delay: -.625s;-o-animation-delay: -.625s;animation-delay: -.625s;}
.la-ball-spin-clockwise > div:nth-child(4) {top: 81.8198051534%;left: 81.8198051534%;-webkit-animation-delay: -.5s;-moz-animation-delay: -.5s;-o-animation-delay: -.5s;animation-delay: -.5s;}
.la-ball-spin-clockwise > div:nth-child(5) {top: 94.9999999966%;left: 50.0000000005%;-webkit-animation-delay: -.375s;-moz-animation-delay: -.375s;-o-animation-delay: -.375s;animation-delay: -.375s;}
.la-ball-spin-clockwise > div:nth-child(6) {top: 81.8198046966%;left: 18.1801949248%;-webkit-animation-delay: -.25s;-moz-animation-delay: -.25s;-o-animation-delay: -.25s;animation-delay: -.25s;}
.la-ball-spin-clockwise > div:nth-child(7) {top: 49.9999750815%;left: 5.0000051215%;-webkit-animation-delay: -.125s;-moz-animation-delay: -.125s;-o-animation-delay: -.125s;animation-delay: -.125s;}
.la-ball-spin-clockwise > div:nth-child(8) {top: 18.179464974%;left: 18.1803700518%;-webkit-animation-delay: 0s;-moz-animation-delay: 0s;-o-animation-delay: 0s;animation-delay: 0s;}
.la-ball-spin-clockwise.la-sm {width: 16px;height: 16px;}
.la-ball-spin-clockwise.la-sm > div {width: 4px;height: 4px;margin-top: -2px;margin-left: -2px;}
.la-ball-spin-clockwise.la-2x {width: 64px;height: 64px;}
.la-ball-spin-clockwise.la-2x > div {width: 16px;height: 16px;margin-top: -8px;margin-left: -8px;}
.la-ball-spin-clockwise.la-3x {width: 96px;height: 96px;}
.la-ball-spin-clockwise.la-3x > div {width: 24px;height: 24px;margin-top: -12px;margin-left: -12px;}
/*Animation*/
@-webkit-keyframes ball-spin-clockwise {0%,100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}20% {opacity: 1;}80% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}}
@-moz-keyframes ball-spin-clockwise {0%,100% {opacity: 1;-moz-transform: scale(1);transform: scale(1);}20% {opacity: 1;}80% {opacity: 0;-moz-transform: scale(0);transform: scale(0);}}
@-o-keyframes ball-spin-clockwise {0%,100% {opacity: 1;-o-transform: scale(1);transform: scale(1);}20% {opacity: 1;}80% {opacity: 0;-o-transform: scale(0);transform: scale(0);}}
@keyframes ball-spin-clockwise {0%,100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}20% {opacity: 1;}80% {opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}}