@charset "utf-8";
/* CSS Document */
.wide .set-h dl{padding:10px 20px;}
.w-block .zy-i{width:130px; float:left; padding:6px 6px 3px;}
.w-block .zy-i img{float:left; padding-right:5px;}
.w-block .zy-i p{line-height:18px;}
.w-block .zy-i i{font-style:normal; color:#666;}
.zy-b em{font-size:24px; padding-right:5px; float:left;}
.tip1 #box1{top:73px; left:15px; height:auto; width:580px;}
.tip1 #box2{top:73px; left:15px; width:400px; height:auto;}
.tip1 .mess-area{min-height:100px;}
.tip1 .from-list textarea{min-width:380px;}
.tip1 .from-list .labe{width:90px;}
.tip1{margin:1px 15px; background:#edf4fb; border:1px solid #cbd9e6; padding:5px 5px 5px 15px; line-height:22px; position:relative;}
.tip1 b{color:#1c63a5;}

.oc-Cont .tip1{margin-right:0; margin-left:0;}

/*班级管理*/
.tool-d .se{float:left; padding:5px; margin:10px;}
.tool-d .se label{float:left; padding-right:20px;}
.tool-d .se label input{border:1px solid #ddd; padding:5px;}
.tool-d .se label select{border:1px solid #ddd; height:30px; line-height:30px;}
.tool-d .rb {margin:15px 0 0 0; float:right;}

.mess-area .ip1{width:40px; margin-right:5px;}
.sco dt{font-weight:bold; padding:5px 0 0;}
.sco dd{padding:3px 0 10px;}
.sco dd .ip1{margin:0 3px;}

/*教学发布*/
.quick-c{ text-align:right; position:absolute; top:-30px; min-width:230px; right:10px;}
.quick-c label{float:left; line-height:26px;}
.c-more{display:none; padding-right:20px;}
.lab-c{padding:0 10px 0;}
.lab-c h3{padding:5px 0; font-size:14px; text-align:left;}
.lab-c .t{padding:5px 0;}
.lab-c ul li{margin:8px 0;}
.lab-c label{float:none;}
.lab-c input[type="text"]{width:60px; height:18px; line-height:18px; margin-right:3px;}
.lab-c select{min-width:55px; margin-right:30px;}
.lab-d{padding:10px 0 20px 20px;}
.lab-c label{margin:0 30px 10px 0; white-space:nowrap; float:left;*float:none;}

/*20161012*/
.lab-c .fl1{width:160px; padding:5px 10px; margin:20px 0 0; background:#fafafa; float:left;}
.lab-c .fl1 li{background:none; cursor:pointer; margin:0;}
.mess-area .lab-c .fl1 select{min-width:40px;}
.lab-c .fl1 li.nbd{padding:0;font-size:18px;}
.lab-c .fl2{padding:15px 0 0 205px;}
.lab-c .fl2 li{display:inline-block; width:100%; margin:0;}
.lab-c .fl2 .explain1{max-width:460px; padding-top:0;}
.lab-c .fl2 .labe{line-height:22px; width:120px;}
.lab-c .fl2 .explain1 textarea{width:94%;}
.lab-c .fl2 .explain1 label{padding:0 10px 0 0; margin:0; height:22px;}

.no-c,.no-d{padding:130px 140px; background:url(../skin16/no-c.gif) no-repeat center 30px; text-align:center; font-size:14px;}
.no-c a,.no-d .tjjd{font-weight:bold; text-decoration:underline; color:#05a}
.no-d{background:none; padding-top:20px; line-height:34px;}
.mess-area .t-n{padding-top:0;}
.mess-area .t-n a{font-weight:normal; font-size:12px; float:right; margin-left:3px; position:static;}
.th-l{padding-right:30px; font-size:14px;}


/*mooc*/
.container .mooc > .cen{width:auto;} 
.container .mooc{background:none;} 
.mooc div,.mooc p,.mooc span,.mooc li,.mooc dt,.mooc dd,.mooc h2,.mooc h3,.mooc a,.mooc th{font-size:14px; font-family:microsoft yahei;}
.mooc a:hover{text-decoration:none;}
.mooc{min-height:700px; background:#297cc8}
.cen{background:#fff; border-radius:5px;}
.mooc > .cen,.md0 >.cen{width:960px; margin:0 auto; padding:10px 20px 30px;}
.mooc > .cen h2{position:relative; padding:10px 0; font-size:16px; font-weight:normal;}
.mooc .button-w{border:1px solid #d8dee3; border-radius:3px; padding:3px 10px; font-size:14px; color:#666;}
.mooc h2 a{right:0; bottom:10px;}

.mooc .video-c{background:#fbfbfb; text-align:center; position:relative; padding:15px 0;}
.mooc .button-b{background:url(mooc/btn-rp.gif) repeat-x; color:#fff; font-size:18px; padding:0 15px; display:block; line-height:36px;border-left:1px solid #2682b9; border-right:1px solid #2682b9; position:absolute; padding-bottom:1px; border-radius:5px;}
.mooc .button-b:hover{background:url(mooc/btn-rp1.gif) repeat-x;}
/*.mooc .button-b span{display:block; padding:0 15px; line-height:35px; border-left:1px solid #2682b9; border-right:1px solid #2682b9; border-radius:5px;}*/
.mooc .green{background:url(mooc/green-rp.gif) repeat-x; }
.mooc .green:hover{background:url(mooc/green-rp1.gif) repeat-x;}
.mooc .green span{border-left:1px solid #588a35; border-right:1px solid #588a35;}
.mooc .video-t{padding:10px 0; position:relative;*float:left;}
.mooc .video-t h3{padding:10px 0; float:left; width:120px; font-weight:normal;}
.mooc .video-t ul{float:left; padding:3px 0 0; width:670px;}
.mooc .video-t li{line-height:26px; border-bottom:1px dotted #ccc; position:relative; padding:5px 0;}
.mooc .video-t li span{padding-right:20px; display:inline-block; width:80px; color:#666;}
.mooc .video-t li a{padding-right:20px; display:inline-block; width:540px;}
.mooc .video-t li a:hover{text-decoration:underline;}
.mooc .video-t li .alink{font-family:宋体; font-size:12px; color:#05a; width:auto; position:absolute; right:0;}
.mooc .video-t .button-b{right:10px; top:15px; *position:static;*float:right;}

.mooc .gstar{margin:15px 0 5px;}
.mooc .gstar-t th,.mooc .gstar-t td{border-bottom:1px solid #eee; padding:5px; text-align:center; line-height:30px;}
.mooc .gstar-t th{background:#f8f8f8;}
.mooc .gstar-t td{font-size:12px; font-family:宋体; color:#666;}
.mooc .gstar-t .f-l{text-align:left;}
.mooc .star0{width:76px; height:15px; margin:0 auto; background:url(mooc/star1.png) no-repeat 0 0;}
.mooc .star0.star5{background:url(mooc/star.png) no-repeat}
.mooc .star0.star4{background:url(mooc/star.png) no-repeat -16px 0;}
.mooc .star0.star3{background:url(mooc/star.png) no-repeat -31px 0;}
.mooc .star0.star2{background:url(mooc/star.png) no-repeat -46px 0;}
.mooc .star0.star1{background:url(mooc/star.png) no-repeat -61px 0;}
.mooc .star0.star4_5{background:url(mooc/star.png) no-repeat -16px 0;}
.mooc .star0.star3_5{background:url(mooc/star.png) no-repeat -25px 0;}
.mooc .star0.star2_5{background:url(mooc/star.png) no-repeat -46px 0;}
.mooc .star0.star1_5{background:url(mooc/star.png) no-repeat -61px 0;}
.mooc .star0.star0_5{background:url(mooc/star.png) no-repeat -69px 0;}



/*  学习空间  */
.mooc .mooc-wp {padding:20px;}
.mooc-wp{width:960px; margin:0 auto; position:relative;}
.mooc-wp .intro dl{width:440px; float:left; padding-left:5px;}
.mooc-wp .intro dt{font-size:20px; padding:0 0 10px;}
.mooc-wp .intro dd{color:#515151; line-height:28px;}
.mooc-wp .intro .int-p{padding-left:461px;}
.mooc-wp .int-content{padding:13px 0 0;}
.mooc-wp .int-content h3{line-height:36px; font-size:16px; font-weight:normal;}
.mooc .mooc-wp .int-c-l{width:688px; float:left; padding:10px 0;}
.int-c-l .c-m{padding:5px 30px 30px; line-height:26px; font-family:宋体;}
.int-c-l .c-m p{font-family:宋体;}
.int-c-l > h3,.int-c-l div,.sign-up h3,.sign-up ul,.instructor h3,.instructor ul{padding:0 20px;}
.int-c-l .instructor{padding:0 0 20px;}
.int-c-l .instructor li{float:left; text-align:center;}
.int-c-l .instructor li img{padding:0 10px;}
.mooc .mooc-wp .int-c-r{width:218px; float:right;}
.mooc .mooc-wp .int-c-r > div{padding:10px 0;}
.mooc-wp .int-c-r > div{margin-bottom:13px;}
.mooc .mooc-wp .int-c-r .sign-up{padding-top:0;}
.mooc .mooc-wp .int-c-r .mark{padding:10px 20px;}
.mooc .mooc-wp .mark li{padding:5px 0 0; line-height:30px; border-bottom:1px solid #eee;}
.mooc .mooc-wp .mark li ul{padding:0 0 10px 20px;}
.mooc .mooc-wp .mark li li{border:0; font-size:12px; line-height:22px;}
.sign-up h3{background:#fbfbfb; border-radius:3px 3px 0px 0px; padding-top:6px; padding-bottom:4px;}
.sign-up ul{margin:10px 0 60px; *margin:10px 0 35px;}
.instructor ul{margin:10px 0 0; min-height:120px;}
.instructor li{height:70px;}
.instructor li img{float:left; padding:0 10px 0 0;}
.int-c-l h3 i{ font-style:normal; display:inline-block; border-bottom:2px solid #408ed6; padding:0 5px;}
.sign-up li{line-height:30px; position:relative; font-family:宋体; font-size:12px;}
.sign-up li > span{color:#666; font-size:12px;}
.mooc .sign-up .button-b span{padding:0 30px; font-size:16px;}
.intro .sign-up{float:right; position:relative;}
.intro .sign-up ul{margin:5px 0 0;}
.intro .sign-up li{line-height:22px;}
.out-b{padding:13px 0 0; height:35px; position:relative;}
.out-b a{margin:0 0 0 10px;}
.out-b .button-b{right:0; top:13px;}
.out-b .star{display:inline-block; padding:5px 0 0;}
.out-b .star img{position:relative; top:3px;}

.mooc > .mi{padding:0; width:1000px; background:#f2f6fa;}
.cen-side{width:690px; float:left; position:relative; padding:20px 0 0 20px;}
.mi .cen-side .intro .int-p{padding:0; width:372px;}
.cen-side .intro .sign-up{float:none; width:100%;}
.cen-side .out-b{position:absolute; width:300px; top:180px; right:-10px;}
.cen-side .out-b .star{width:300px;}
.cen-side .out-b a{float:left; margin:10px 10px 0 0; white-space:nowrap;}
.mooc .mi .cen-side .int-c-l{width:680px;}
.mooc-wp .cen-sec{background:#347ccd; border-radius:0px 5px 5px 0px; padding:15px; width:220px; float:right; min-height:1070px;}
.mooc-wp .cen-sec h3{color:#fff; font-size:18px; font-weight:normal; padding:0 0 6px; border-bottom:1px solid #226bb7; position:relative;}
.mooc .mi .cen-sec > ul{border-bottom:1px solid #70a2da;}
.mooc .mi .cen-sec ul li{border:0; padding:10px; border-bottom:1px solid #226bb7; border-top:1px solid #70a2da; color:#fff;}
.mooc .mi .cen-sec ul li li{padding:0; margin:0; border:0;}

.cen-sec .arr1,.sign-up .arr0{position:absolute; top:5px; right:0; width:21px; height:21px; background:url(mooc/arr.png) no-repeat;}
.cen-sec .arr1:hover{background-position:0 -23px;}
.cen-sec .slidebox,.md1 .mark .slidebox{position:absolute; top:27px; right:0; background:#c5d6ea; border:1px solid #2061aa; min-width:150px; box-shadow:1px 2px 3px #1c63b4; display:none; z-index:2;}
.mooc .mi .cen-sec .slidebox li{padding:5px 0; line-height:24px; border:none; border-bottom:1px solid #afc6dc; text-align:center;}
.cen-sec .slidebox li:hover{background:#5b94d4;}
.cen-sec .slidebox li:hover a,.nopos .btn-b{color:#fff !important;}

.md1 .mark h3,.md2 .mark h3{z-index:20}
.md1 .mark .arr1{position:absolute; top:8px; right:10px; width:21px; height:21px; background:url(mooc/arr1.png) no-repeat;}
.md1 .mark .arr1:hover{background-position:0 -24px;}
.md1 .mark .slidebox{border:2px solid #10a7c3; border-radius:3px; box-shadow:1px 2px 3px #63c5d7; background:#d2f8ff;}
.md1 .mark .slidebox li{line-height:36px !important;}
.md1 .mark .slidebox li:hover{background:#54d0e7;}
.md1 .mark .slidebox li:hover a{color:#03537a;}

.sign-up .arr0{background:url(mooc/arr0.png) no-repeat 5px 2px; top:14px;*top:8px; right:10px;}
.sign-up .arr0:hover{background-position:5px -21px;}
.sign-up h3{z-index:20; position:relative;}
.sign-up h3 .slidebox{border-radius:3px; box-shadow:1px 2px 3px #999; background:#fff; position:absolute; right:0; top:32px; min-width:150px; padding:0; display:none; *border:1px solid #bbb; }
.sign-up h3 .slidebox li{line-height:36px !important; padding-left:15px;}
.sign-up h3 .slidebox li:hover{background:#ddd;}
.sign-up h3 .slidebox li:hover a{color:#333;}
.sign-up .button-b{margin:15px 0 0;}
  
.mooc .side-l{background:#eee; width:184px; padding:10px; float:left; border-radius:3px 0px 0px 3px; min-height:780px; position:relative;}
.mooc .side-l > img{width:184px; height:108px; margin-bottom:5px;}
.mooc .side-l > ul{background:#fff; min-height:500px;}
.mooc .side-l li{border-bottom:1px dotted #ddd; padding:5px 0 5px 20px; line-height:30px; cursor:pointer;}
.mooc .side-l .curr,.mooc .side-l li:hover{background:#408ed6;}
.mooc .side-l .curr a,.mooc .side-l li:hover a{color:#fff; font-weight:bold;}
.mooc .side-r{box-shadow:-1px 0px 2px #c2c2c2; float:right; width:795px; min-height:800px;}
.mooc .side-r .cont{width:740px; border:0;}
.mooc .side-r .mooc{backgournd:none;}
.mooc .side-r .mooc > .cen{padding:0; width:auto; box-shadow:none; background:none; width:700px;}
.mooc .side-r .head{background:#f4f4f4; padding:10px; line-height:36px; font-size:20px; border-bottom:1px solid #ddd;}
.mooc .side-r .head .h-t{width:50%; float:right;}
.side-r .banj,.side-r .tuand{display:inline-block; width:35px; height:35px;}
.side-r .banj{background:url(mooc/banj.png) no-repeat;}
.side-r .tuand{background:url(mooc/tuand.png) no-repeat;}
.mooc .side-r .button-b{position:static; float:right;}
.percent{width:120px; float:right; height:10px; background:#cbd9e6; position:relative; margin:12px 45px 0 0;}
.percent span{float:left; height:10px; background:#408ed6;}
.percent i{position:absolute; right:-30px; top:-2px; line-height:14px;}
.side-r .s-cont{padding:30px; font-family:宋体; line-height:26px; color:#515151;}
.mooc .hd{padding:0; width:1000px;}

.md1 .mark li i,.md2 .mark li i{width:24px; height:24px; text-align:center; font-size:14px; border-radius:50%; background:#f1f7fc; border:1px solid #54d0e7; position:absolute; top:0; left:-38px; line-height:24px; font-style:normal;}
.mooc .md1 .mark li,.md2 .mark li{border:0; position:relative; padding:0;}
.md1 .intro dd,.md1 .intro dt,.md1 .sign-up li > span,.md1 .sign-up li{color:#fff;}


/*2015-04-23*/
.surr-half{width:1000px; margin:0 auto; background:#fff; min-height:700px;}
.surr-half .h-left{width:200px; float:left;}
.h-left .h-bg1{background:url(mooc/hd-t1.png) no-repeat; height:9px;} 
.h-left .h-bg2{background:url(mooc/hd-t2.png) no-repeat; height:9px;} 
.h-left .h-l-top,.h-left .h-l-list{background:url(mooc/hd-r1.png) repeat-y; padding:0 20px; color:#f1f5f9;} 
.h-left .h-l-top{padding-bottom:15px; border-bottom:1px solid #2269ae;}
.h-left .h-l-top .sps3{height:30px;}
.h-left .h-l-top .sps3 .arr1{top:10px;}
.h-l-top h2{padding:10px 0; font-size:18px; font-weight:normal;}
.h-l-top .h-star span{position:relative; top:3px;}
.h-l-top .percent{float:left;}
.h-l-list dt{padding:10px 0; font-size:18px;}
.h-l-list dd{padding:0 0 20px; min-height:476px;}
.h-l-list dd li{line-height:22px; padding:5px 0;}
.h-l-list dd li ul{padding:0 0 10px 15px;}
.surr-half .h-right{padding-left:199px; border-bottom:1px solid #a3c5e4; border-left:1px solid #a3c5e4;}
.h-right .h-menu{background:url(mooc/menu-r1.png) repeat-x; line-height:48px; padding:0 20px; border-right:1px solid #1e568f;}
.h-right .h-menu a{font-size:15px; color:#fff; display:inline-block; padding:0 15px;}
.h-right .h-menu a:hover,.h-right .h-menu .curr{background:#03448d; filter:alpha(Opacity=70); -moz-opacity:0.70; opacity: 0.70;}
.h-right .h-r-cont{padding:20px; background:#eff8fc; min-height:609px; border-right:1px solid #a3c5e4;}
.h-r-tab{border-bottom:1px solid #408ed6;}
.h-r-tab span{padding:0 20px; line-height:30px; display:inline-block; cursor:pointer;}
.h-r-tab .curr{border-bottom:2px solid #408ed6;}
.h-right .r-c-box{padding:15px 0;}

.mooc .md2{background:#f0f0f0; padding:20px 0;}
.md2 .sign-up .button-b{left:402px; top:15px;}
.md2 .cen{box-shadow:1px 0 3px #bbb;}
.md2 .mark .pd{padding-left:30px;}
.md2 .mark li i{width:28px; height:28px; border:0; left:0; top:11px; line-height:28px; background:url(mooc/arr2.png) no-repeat 0 -31px;}
.md2 .mark li i.curr{background-position:0 0;}

.mooc .md3{background:url(mooc/bg5.gif) repeat;}
.md3 .intro{border-radius:0; color:#fff; padding:20px;background:#0079c2;}
.md3 .out-b{background:#eef5fa; padding:10px 20px; box-shadow:2px 2px 2px #3298d5;}
.md3 .intro dd{color:#fff;}
.md3 .button-b,.md4 .button-b{background:#0079c2; font-size:15px; padding:0 20px; border-radius:2px; right:10px; top:10px;}
.md3 .button-b:hover,.md4 .button-b:hover{background:#0069a9;}
.md3 .cen{border-radius:0; box-shadow:2px 2px 2px #3298d5;}
.mooc .md3 .int-c-l,.mooc .md3 .int-c-r > div{padding:0;}
.md3 .int-content h3{background:#e8f4fb;}
.md3 .instructor ul{margin:15px 0; padding-bottom:15px;}
.md3 .instructor ul li{border:1px solid #ddd; padding:5px; margin-bottom:10px; border-radius:2px;}
.md3 .int-video{width:395px; float:left; padding:0;}
.md3 .int-c-l > .cen{padding:20px; margin-bottom:13px; position:relative;}
.md3 .int-c-l .spa3{background:#e8f4fb; position:absolute; left:0; top:0; width:100%; padding:0;}
.md3 .int-c-l .spa3 span{display:inline-block; padding:0 15px; line-height:36px; cursor:pointer;}
.md3 .int-c-l .spa3 .curr{background:#fff; font-weight:bold;}
.md3 .int-c-l .spa3c{margin-top:35px; padding:0; min-height:400px;}

.mooc .md0 .sps3{height:0;}

.mooc .txt-r{padding:0 10px;}
.mooc .sps3{height:10px; position:relative; width:200px;}
.mooc .md0 .sps3{height:0; position:absolute; width:200px; top:15px; left:680px;}
.mooc .sps3 .arr1{position:absolute; top:0; left:0; width:21px; height:21px; background:url(mooc/arr.png) no-repeat;}
.mooc .sps3 .arr1:hover{background-position:0 -23px;}
.mooc .sps3 .slidebox{position:absolute; top:-5px; left:27px; background:#c5d6ea; border:1px solid #2061aa; min-width:150px; box-shadow:1px 2px 3px #1c63b4; display:none; z-index:2;}
.mooc .sps3 .slidebox li{padding:5px 0; line-height:24px; border:none; border-bottom:1px solid #afc6dc; text-align:center;}
.mooc .sps3 .slidebox li:hover{background:#5b94d4;}
.mooc .sps3 .slidebox li:hover a{color:#fff;}


/*2015-04-29*/

.hd0{padding:20px; background:#202d54;}
.hd0 .hd{margin:0 auto;}
.mooc .hd0 .side-l > ul{background:#408ed6; min-height:50px;}
.mooc .hd0 .side-l li{}


.side-r .banj{background:url(banj.png) no-repeat;}
.side-r .tuand{background:url(tuand.png) no-repeat;}


.int-c-l .int-video div{padding:0 !important;}



/*2015-12-21*/
.s-type dt{padding:10px 5px;}
.s-type dt label{padding:0 10px 0;}
.s-type dd{padding:10px 15px;}
.s-type dd .ap{margin:15px 0 0; text-align:center; padding:10px 0 0;}
.s-type dd td{text-align:center;}
.s-type dd td img{max-width:245px;}
.s-type dd .bdl{border-left:1px dashed #e2e2e2;}
.s-type dd .p a{margin-right:10px;}





/* ========== 开放课程框架 ==========  */
.l100 .oc-Nav{margin-left:0;}
.oc-Nav{padding:2px 15px 3px 0; margin-left:265px; border-bottom:1px solid #a5bfd6; position:relative; background:#e2edf8; z-index:10;}/*20170707 栏目修改*/
.oc-Nav .linkList a{font-size:18px; padding:0 16px; line-height:32px; margin:0 5px 0 0; display:inline-block; border:1px solid #e2edf8;}
.oc-Nav .linkList a:hover,.oc-Nav .linkList .curr{color:#fff; background:#167edc; border:1px solid #0b71cf; border-top:2px solid #0b71cf; border-radius:2px; text-decoration:none;}
.oc-Nav .announcement{width:32px; height:32px; position:absolute; right:15px; top:0; background:url(openIco.png) no-repeat right 8px;}
.oc-Nav .announcement a{display:inline-block; width:32px; height:32px;}
.oc-Nav .linkList{padding-left:15px;}/*20170707 栏目修改*/
.oc-Nav .topTool{position:relative; top:6px; height:34px;}
.oc-Nav .topTool .pross{width:180px; display:inline-block; height:20px; padding:3px 0 0 50px;}
.oc-Nav .topTool .pross span{height:10px; display:inline-block; overflow:hidden;}
.oc-Nav .topTool .pross > span{width:80px; margin:0 5px 0 0; background:#fafafa;}
.oc-Nav .topTool .pross > span span{background:#999; float:left;}
.oc-Nav .topTool .notice{width:230px; height:26px; padding:0 40px 0 60px; float:left; position:relative; top:0;}
.topTool .notice{width:260px; height:26px; padding:0 30px 0 50px; position:absolute; right:0; top:0;}
.topTool .notice i{position:absolute; left:28px; top:5px; width:23px; height:30px; line-height:30px; background:url(openIco.png) no-repeat -88px -68px;}
.topTool .notice .more{color:#05a; position:absolute; right:10px; top:6px; font-size:12px;}
.topTool .notice .li{width:150px; display:inline-block; overflow:hidden; line-height:20px; white-space:nowrap; text-overflow:ellipsis;}
.topTool .notice span{position:absolute; right:45px; top:9px !important; color:#999; font-size:12px;}
.w1024 .topTool .notice{width:175px; padding:0 20px;}
.w1024 .topTool .notice i{left:2px;}
.w1024 .topTool .notice .more{top:7px; font-size:12px;}
.w1024 .topTool .notice .li{width:90px;}
.oc-Left{float:left; position:relative; top:-42px; width:260px; z-index:100; clear:both;}
.oc-Left dl .starLevel{top:12px; left:160px;}
.oc-Left .menuList{margin-bottom:12px; padding:0 12px; widows:235px;}
.oc-Left .menuList .m-up,.oc-Left .menuList .m-down{height:30px; position:relative;}
.oc-Left .menuList .m-up:hover,.oc-Left .menuList .m-down:hover,.oc-Left .menuList li a:hover,.oc-Left .menuList .slider5 a:hover{background:#319af9; color:#fff; text-decoration:none;}
.oc-Left .menuList .m-up{border-radius:3px 3px 0px 0px;}
.oc-Left .menuList .m-down{border-radius:0px 0px 3px 3px;}
.oc-Left .menuList .m-up span,.oc-Left .menuList .m-down span,.oc-right .m-up,.oc-right .m-down{position:absolute; width:20px; height:20px; left:50%; top:50%; margin:-10px 0 0 -10px; background:url(openIco.png) no-repeat;}
.oc-Left .menuList .m-up span,.oc-right .m-up{background-position:-5px 0;}
.oc-Left .menuList .m-down span,.oc-right .m-down{background-position:-34px 0;}
.oc-right .m-up,.oc-right .m-down{padding:0 10px; background-position:-3px 2px; margin-right:10px;}
.oc-right .m-down{background-position:-32px 2px;}
.oc-Left .menuList a{display:block; border-bottom:1px solid #eee; line-height:50px; font-size:16px; text-indent:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.oc-Left .menuList .b a{line-height:50px;}
.oc-Left .menuList .slider5 .curr,.oc-Left .menuList .slider5 .curr:hover,.oc-Left .menuList li .curr,.oc-Left .menuList li .curr:hover{background:#319af9; color:#fff; text-decoration:none;}
.oc-Left .menuList .m-child{font-size:14px; text-indent:30px;}
.oc-Left .menuList .m-child i{display:inline-block; width:10px; height:10px; background:#fff; border:1px solid #ddd; border-radius:50%; position:relative; top:1px; margin:0 5px 0 0;}
.oc-Left .menuList .curr i{background:#259fe5; border:2px solid #fff;}
.oc-Left .menuList .b b{position:relative; top:6px; margin:0 3px 0 12px;}
.oc-Left .menuList .b .p1{background-position:-6px -35px;}
.oc-Left .menuList .b .p2{background-position:-48px -34px;}
.oc-Left .menuList .b .p3{background-position:-88px -35px;}
.oc-Left .menuList .b .p4{background-position:-128px -37px;}
.oc-Left .menuList .b .p5{background-position:-164px -37px;}
.oc-Left .menuList .b .p6{background-position:-8px -99px;}
.oc-Left .menuList .b .p7{background-position:-127px -70px;}
.oc-Left .menuList .b .p8{background-position:-163px -68px;}
.oc-Left .menuList .b .p9{background-position:-170px -136px;}
.oc-Left .menuList .b .p10{background-position:-131px -136px;}
.oc-Left .menuList .b .p11{background-position:-207px -136px;}
.oc-Left .menuList .b .p12{background-position:-243px -136px;}
.oc-Left .menuList .b .p13{background-position:-275px -136px;}
.oc-Left .menuList .b .p14{background-position:-130px -176px;}
.oc-Left .menuList .b .p15{background-position:-176px -176px;}
.oc-Left .menuList .b .p16{background-position:-215px -176px;}
.menuList .mlTitle{padding:10px 0; font-weight:bold; font-size:16px; position:relative;}
.menuList .mlTitle .ml-arr{width:16px; height:16px; cursor:pointer; background:url(openIco.png) no-repeat -36px -5px; position:absolute; right:0; top:15px;}
.menuList .mlTitle .ml-arr.up{background-position:-8px -5px;}
.oc-right{position:absolute; left:0; bottom:0; right:0; top:42px; z-index: 1;}
.ht1{height:35px; z-index:100;}
.ht1 .cd{display:none;}
.ht1 > a,.ht1 .web{display:inline-block; line-height:35px; padding-left:35px; margin:0 0 0 16px; background:url(ht1.png) no-repeat;}
.w1024 .ht1 > a,.w1024 .ht1 .web{display:inline-block; line-height:35px; padding-left:35px; margin:0 0 0 16px;}
.ht1 > a:hover,.ht1 a.curr{color:#05a;}
.ht1 .mem{background-position:2px 4px;}
.ht1 .mem:hover,.ht1 .mem.curr{background-position:2px -36px;}
.ht1 .vot{background-position:-72px 3px;}
.ht1 .vot:hover,.ht1 vot.curr{background-position:-72px -37px;}
.ht1 .ask{background-position:-158px 3px;}
.ht1 .ask:hover,.ht1 ask.curr{background-position:-158px -37px;}
.ht1 .bbs{background-position:-238px 3px;}
.ht1 .bbs:hover,.ht1 bbs.curr{background-position:-238px -37px;}
.ht1 .rep{background-position:-310px 3px;}
.ht1 .rep:hover,.ht1 rep.curr{background-position:-310px -37px;}
.ht1 .fed{background-position:-392px 3px;}
.ht1 .fed:hover,.ht1 fed.curr{background-position:-392px -37px;}
.ht1 .web{background-position:-476px 3px; position:relative;}
.ht1 .web:hover{background-position:-476px -37px; background-color:#c4e3ff; padding-right:5px; color:#05a;}
.ht1 .web div{position:absolute; display:none; top:30px; left:0; min-width:120px; background:#f2f9ff; box-shadow:1px 2px 5px #aaa;}
.ht1 .web div a{border-bottom:1px solid #d4e4f3; line-height:30px; display:block; padding:0 10px;}
.ht1 .web div a:hover{background:#dae8f4;}
.ht1 .progress{width:220px; position:absolute; top:10px; right:0;}
.ht1 .className{display:inline-block; padding:0 10px 0 20px; font-weight:bold; font-size:15px; position:relative;}
.ht1 .className > div{position:absolute; background:white; padding:5px 8px 10px; border:1px solid #bbb; box-shadow:0 0 6px #bbb; display:none;}
.ht1 .className > div > a{display:block; font-weight:normal; padding:5px 0;}
.ht1 .className > div > a:hover{text-decoration:underline;}
.w1024 .oc-bg{padding-bottom:80px;}
.oc-bg{margin-left:265px; position:relative; z-index:101;}
.oc-rbg{background:#fff; position:fixed; left:265px; bottom:0; right:0; top:0; box-shadow:0 0 4px #aaa; z-index:0;}
.oc-rbg0{background:#f4f4f4; position:fixed; left:0; bottom:0; right:0; top:0; z-index:0;}
.oc-rbg1{background:#fff; position:fixed; width:259px; border-right:1px solid #ddd; border-top:1px solid #ddd; left:0; bottom:0; top:-45px; z-index:1;}
.oc-bg .topTool{background:#e2edf8; border-bottom:1px solid #a5bfd6; position:relative; padding:10px 10px 5px;}
.oc-bg .work-area{border:0; background:none; margin:5px 15px; padding-top:5px;}
.oc-bg .work-area .diNoFrameDiv table{max-width:100%; display:block;}
.oc-bg .blist2 .work-area{border:1px dotted #aaa; border-radius:2px; padding:10px 20px 20px;}
.oc-bg .blist2 .task{padding:5px;}
.oc-bg .blist2 .no-content{top:280px;}
.oc-bg .blist2 .task-c dl{float:none; width:auto;}
.oc-bg .work-area .work-area{margin:5px 0; padding:10px 0;}
.oc-bg .work-area .vote dt{padding:0 0 5px; color:#222; font-weight:normal;}
.oc-bg .work-area .hd{margin:0 0 6px; padding:5px 0; color:#515151; overflow-wrap:break-word; font-size:15px;}
.oc-bg .work-area .diNoFrameDiv{padding:0; color:#515151;}
.oc-bg .work-area .diNoFrameDiv > span{display:block;}
.oc-bg .work-area .diNoFrameDiv span{padding:0;}
.oc-bg .diNoFrameDiv img,.oc-bg .diNoFrameDiv div{max-width:100%;}
.oc-Cont .con .work-area h3{font-size:15px; margin-bottom:0; border:0; font-weight:bold; color:#515151;}
.oc-Cont .con .work-area .ex{margin:0; padding:0 0 20px; border:0;}
.oc-Cont .con .work-area .ex .e-question{line-height:26px;}
.topTool .classes b,.topTool .iCon1,.oc-Left .menuList .b b,.oc-Cont .manage,.rightList .zan a i,.oc-Cont .del,.oc-Cont .sort,.oc-Cont .eidt,.oc-Cont .qsManage,.oc-Cont .pl{width:23px; height:23px; display:inline-block; background:url(openIco.png) no-repeat -98px -1px;}
.topTool .iCon1{float:left; margin:4px 0 0;}
.oc-bg .topTool .classChat{position:absolute; right:10px; top:10px;}
.topTool select{font-size:15px; height:26px; color:#666; border:1px solid #a5bfd6;}
.topTool .classes{display:inline-block; line-height:26px; float:left; padding:3px 15px 0 25px;}
.w1024 .topTool .classes{padding:3px 15px 0;}
.w1024 .topTool select{max-width:80px;}
.topTool .classes b{background-position:-140px 0; float:left;}
.topTool .pdL{padding-left:15px;}
.topTool .pdL img{position:relative; top:2px; right:2px;}
.oc-Cont,.oc-Cont .con{padding:20px 30px 100px; position:relative;}
.w1024 .oc-Cont,.w1024 .oc-Cont .con{padding:20px 0 100px;}
.con .resume-c .tb-r th{background:none;}
.oc-Cont h2,.form3 h2{font-size:18px; line-height:40px; border-bottom:1px solid #ddd; font-weight:normal; text-align:right; z-index:3; padding:0;}
.form3 h2{text-align:left;}
.oc-Cont .quickPosition{border:0;}
.oc-Cont .mdl{font-size:14px; color:#888; line-height:22px; padding-bottom:6px; top:3px; text-align:left; border-bottom:1px solid #ddd; position:relative;}
.oc-Cont .mdl .font-alink{position:absolute; right:0; bottom:5px;}
.oc-Cont h2 .cem{float:left; font-size:12px; padding:0 6px 1px; background:#2f94e0; color:white; display:inline; line-height:20px; border-radius:3px; position:relative; top:11px; left:10px;}
.oc-Cont h2 .c2{background:#e08a2f;}
.oc-Cont h2 .c3{background:#88d622;}
.w1024 .oc-Cont h2 font{overflow:visible; max-width:100%; height:auto;}
.w1024 .oc-Cont h2 font label{white-space:nowrap;}
.oc-Cont h2 font{float:left; max-width:85%; height:36px; overflow:hidden; text-align:left;}
.oc-Cont h2 .sign{font-size:14px; color:#F60; top:7px;position:relative;}
.signin{font-size:14px; color:#999; top:7px; position:relative; margin:0 0 0 20px;}
.oc-Cont .StartClass .ewm,.oc-Cont h2 .sign b,.signin a{display:inline-block; width:20px; height:20px; background:url(openIco.png) no-repeat; position:relative;}
.signin a{background-position:-92px -100px; width:28px; height:24px; margin:0 0 0 10px; position:relative; top:4px; right:0;}
.oc-Cont h2 .sign b{background-position:-8px -67px;}
.oc-Cont .StartClass .ewm{background-position:-45px -69px; top:10px; margin:0 5px 0 15px;}
.oc-Cont h2 .zt span{font-size:14px; color:#888; padding-right:20px;}
.oc-Cont h2 .zt a{float:right; position:static; padding:0 10px; line-height:50px; font-size:15px;}
.sibox{position:absolute; background:white; display:none; top:45px; right:0; box-shadow:0 0 3px #ccc; font-size:14px; text-align:left; padding:10px 60px 10px 15px; z-index:1000; line-height:36px;}
.sibox input{width:100px; border:1px solid #ddd; padding:2px 5px; margin:0 10px;}
.sibox .btn-b{right:-50px; top:3px;}
.sibox .inp{position:relative;}
.oc-Cont .con .conTb1{margin-bottom:10px;}
.oc-Cont .con .conTb1 td{line-height:26px; vertical-align:top; padding:5px 0; color:#666;}
.oc-Cont .con .conTb1 td b{font-size:16px; font-weight:normal; color:#333;}
.oc-Cont .con .conTb1 .ec{padding-left:15px;}
.oc-Cont .con .conTb1 .unput td b,.oc-Cont .con .conTb1 .unput td{color:#bbb;}
.oc-Cont i.ap{display:inline-block; width:6px; height:6px; border-radius:50%; background:#e00000; position:relative; right:5px; bottom:3px;}
.oc-Cont .con .conTb1 .child-nod td b{font-size:14px;}
.oc-Cont .con .conTb1 .child-nod td{background:#fafafa;}
.oc-Cont .con h3{font-weight:normal; font-size:18px; padding:0 0 5px ; margin-bottom:15px; position:relative;}
.oc-Cont .con h3.quickPosition{margin:0; clear:both;}
.oc-Cont .con h3 .expla{color:#888; font-size:14px;}
.quickPosition > img{width:20px; position:relative; top:3px;}
.oc-Cont .manage{background-position:-126px -37px; position:relative; top:13px;}
.oc-Cont .con .conTab{border-bottom:1px solid #ddd;}
.oc-Cont .con .conTab span{line-height:36px; padding:5px 20px; font-size:16px; border:1px solid #ddd; border-bottom:0; position:relative; top:2px; border-radius:2px 2px 0 0;}
.oc-Cont .con .conTab .curr{border-top:2px solid #666; border-bottom:1px solid #fff; font-weight:bold;}
.oc-Cont .con .add,.oc-Cont .con .addColor{padding:10px 0;}
.oc-Cont .con .add a{border:1px solid #ddd; width:40px; height:40px; line-height:40px; color:#999; display:inline-block; border-radius:50%; font-size:40px; font-family:宋体; text-align:center;}
.oc-Cont .con .add a:hover{background:#fafafa; color:#666;}
.addColor a{width:60px; height:60px; line-height:62px; color:#999; display:inline-block; border-radius:0; font-size:60px; font-family:宋体; text-align:center;}
.oc-Cont .side-catalog .addColor a{background:url(quickPositioning.gif.png) no-repeat -112px 0; text-indent:-2000px;}
.oc-Cont .side-catalog .addColor a:hover{background-position:-165px 0;}
.addColor{display:inline-block; position:relative; bottom:75px; left:20px;}
.addArea{border:1px solid #ddd; border-radius:3px; width:260px; text-align:center; margin:0 auto 20px;}
.addArea .addColor{top:15px; left:auto;}
.addArea > p{padding:10px 20px 20px; position:relative;}
.color{border:0;}
.color .addColor{background:orange; border-radius:50%; margin:6px 0;}
.color .addColor a{color:#fff; font-size:60px; line-height:62px;}
.oc-Cont .con .ocTip{color:#666; padding:10px 0;}
.oc-Cont .con .courseVideo .v{display:inline-block; width:280px; height:182px; margin-bottom:5px; overflow:hidden; position:relative; padding:0 10px;}
.oc-Cont .con .courseVideo .v > a{font-size:16px; text-align:center; display:inline-block;}
.oc-Cont .con .courseVideo .v img{width:280px; height:160px;}
.oc-Cont .con .courseVideo .v p{position:absolute; top:0; right:10px; background:#000; opacity:0.8; line-height:22px;}
.oc-Cont .con .courseVideo .v p a{padding:0 5px; color:#fff;}
.oc-Cont .con .tech .v{width:150px; height:132px; text-align:center;}
.oc-Cont .con .tech .v img{width:110px; height:110px; display:block; margin:0 auto;}
.oc-Cont .con .tech .v p{right:30px;}
.oc-Cont .con .tech .test li{font-size:16px; padding:5px 0; border-bottom:1px dotted #ddd; position:relative;}
.oc-Cont .con .tech .test .ct{position:absolute; right:0; top:10px;}
.oc-Cont .con .tech .test .ct a{color:#05a; padding:0 5px; font-size:14px;}
.oc-Cont .con .tech .test select{border:1px solid #ddd; padding:0 5px; margin-right:10px;}
.oc-Cont .con .tech .f20{background:url(openIco.png) no-repeat -130px -91px;}
.oc-Cont .con .tech .f20:hover{background:#fafafa url(openIco.png) no-repeat -169px -91px;}
.oc-Cont .zcList{padding:10px 0;}
.oc-Cont .zcList dl{padding:12px; border:1px solid #ddd; background:#fdfdfd; margin:5px 10px 10px; border-radius:8px; display:inline-block; width:42%; position:relative;}
.oc-Cont .zcList dt{font-size:16px; padding:0 0 3px 0;margin-right:110px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.oc-Cont .zcList dd .usTool{position:absolute; right:10px; top:10px;}
.oc-Cont .zcList dd > p{font-size:12px; line-height:30px; height:30px; overflow:hidden; color:#666;}
.oc-Cont .zcList .w3{width:98%; margin:5px 0; padding:12px 1%;}
.oc-Cont .zcList .w3 dd{text-align:right;}
.oc-Cont .zcList .w3 dd p{text-align:left;}
.oc-Cont .zcList .w3 dd > a{padding-right:10px;}
.oc-Cont .zcList .w3 dd > a img{position:relative; top:3px; opacity:0.8; left:auto; right:2px;}
.oc-Cont .zcList .w3 dd > p span{width:32%;display:inline-block; height:22px; line-height:22px; overflow:hidden;}
.oc-Cont .conTb1 .font-alink{border:1px solid #63a9e9; border-radius:2px; color:#515151; font-size:12px; padding:0 8px; line-height:24px; display:inline-block; white-space:nowrap;}
.oc-Cont .conTb1 .font-alink:hover{border:1px solid #1f81db; background:#1f81db; color:#fff;}
.oc-Cont .zt2,.oc-Cont .zt1,.oc-Cont .zt3{padding:2px 6px; margin:0 0 0 10px; border-radius:2px; font-size:12px; white-space:nowrap;}
.oc-Cont .zt1{background:#f4f4f4; color:#999;}
.oc-Cont .zt2{background:#ff6d00; color:#fff;}
.oc-Cont .zt3{background:#4fb13c; color:#fff;}
.oc-Cont .multistage .zt1{color:#f4f4f4; background:none;}
.oc-Cont .multistage .zt2{color:#ff6d00; background:none;}
.oc-Cont .multistage .zt3{color:#4fb13c; background:none;}
.oc-Cont .fr{position:absolute; right:68px; padding:0 6px;}
.oc-Left .ctt{overflow:hidden; height:54px; position:absolute; top:72px; left:5px; width:253px;}/*20170707 栏目修改*/
.oc-Left .ctt h2{font-size:18px; vertical-align:middle; display:table-cell; height:28px; line-height:28px; z-index:10; color:#f8f8f8;}
.oc-Left .cti img{border-radius:5px; margin:5px; width:253px; height:174px;}/*20170707 栏目修改*/
.oc-Left .ctt p{color:#ccc; position:relative;}
.oc-Left .ctt p,.oc-Left .ctt h2{z-index:10; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-indent:10px; font-weight:normal;}
.oc-Left .ctt .bg{width:100%; height:54px; background:#000; opacity:0.5; position:absolute; left:0; bottom:4px;}
.oc-Left .tech{height:36px; top:146px;}
.oc-Left .tech .bg{height:36px;}
.w1024 .oc-Cont .wbtn{position:absolute; bottom:-85px; left:46%;}
.contPage h2 u{float:right; cursor:pointer; font-size:12px; margin:10px 0 0!important; line-height:22px; text-decoration:none; padding:0 6px !important;}
.contPage h2 u.zt2,.contPage h2 u.zt1,.contPage h2 u.zt3{float:left;}
.oc-Cont .con .icoBox u.fru{cursor:pointer;margin:0 0 5px!important; float:right;font-size:12px; text-decoration:none;}
.oc-Cont .con .icoBox u.fru .Z-add{top:0; width:16px; height:16px; margin-right:3px;}
body,html{height:100%;}
.tabCont{padding:10px 20px 0; position:relative; height:94%}
.tabCont .mstart{position:absolute; left:0; height:100%; width:100%;}
.tabCont .mstart .zz{height:96%; width:100%; position:relative; z-index:1; background:#fff; opacity:0.9;}
.tabCont .mstart a{left:50%; top:10%; margin:-15px 0 0 -40px; position:absolute; z-index:2; border-radius:20px; background:#037fe9; box-shadow:0 0 4px #037fe9; color:#fff; width:80px; line-height:30px; text-align:center;}
.tabCont .lessPlan{padding:10px 0 0;}
.tabCont .lessPlan a{width:160px; height:155px; overflow:hidden; text-align:center; display:inline-block;}
.tabCont .lessPlan a img{display:block; margin:0 auto;}

.oc-Cont .con .work-area .flexEX .ex{padding:20px 0; border-bottom:1px dashed #ccc; display:flex;}
.flexEX .ex > div:first-child{min-width:600px;}

/*切换选择模板*/
.tabCont .Module{padding:10px 0;}
.tabCont .Module a{width:110px; height:90px;}
.tabCont .Module a.btn-b{height:20px; line-height:20px; width:60px; margin:0 auto; display:block; font-size:12px;}
.selectIt{border-right:1px solid #ddd; display:inline-block; float:left; padding:10px 10px 0; position:relative; margin:5px 0 0;}
.selectIt .hd{font-weight:bold; position:absolute; top:-20px; left:0; width:100%; text-align:center;}
.ctArea{position:relative; padding-left:115px;}

.tabCont .wb a{width:46%; text-align:left; border-bottom:1px solid #ddd; height:115px; margin-bottom:10px;}
.tabCont .wb a img{display:inline; float:left; padding-right:15px; height:100px; width:140px;}
.tabCont .wb a h3{border:0; margin-bottom:0;}
.tabCont .wb a p{color:#999; line-height:30px;}
.wb a .going,.wb a .over,.wb a .nobegin{border-radius:3px; padding:1px 6px; color:#fff; font-size:12px; margin:0 10px 0 0;}
.wb a .going{background:#0C9;}
.wb a .over{background:#FC9;}
.wb a .nobegin{background:#ddd;}
.tabCont .ewmShow{display:none;}
.tabCont .bjList{padding:0 30px;}
.tabCont .bjList li{position:relative; border-bottom:1px dotted #ddd; padding:5px 0;}
.tabCont .bjList li a{display:inline-block; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px;}
.tabCont .bjList li span{position:absolute; right:5px; top:5px; color:#999;}
.tabCont .bjList dt{padding:15px 0 5px; font-size:16px; color:#666;}
.tabCont .bjList textarea{width:98%; height:150px; padding:1% 1%; border:1px solid #ddd; border-radius:3px;}
.tabCont .bjList p{padding:10px 0;}
.tabCont .bjList p select{border:1px solid #ddd; margin:0 15px 0 0;}
.tabCont .videoArea{height:100%; margin:10px 0; position:relative; padding:0 0 15px;}
.tabCont .videoArea .Video{padding-right:290px; background:#000; height:100%;}
.tabCont .videoArea .rightList{width:280px; height:100%; overflow:hidden; position:absolute; right:0; top:0; background:#2d2d2d;}
.tabCont .videoArea .rightList .zan{height:50px; background:#444; padding:0 20px;}
.tabCont .videoArea .rightList .zan a{line-height:50px; color:#bbb; padding:0 20px 0 0;}
.overtime{background:#eee;}
.weekS .overtime{display:none;}
.weekS .ilb,.weekZ .overtime{display:inline-block;}

.rightList .zan .z i{background-position:-205px -66px;}
.rightList .zan .c i{background-position:-278px -66px;}
.rightList ul{padding:10px;}
.rightList li{padding:5px 0;}
.rightList li a{color:#bbb; height:65px; display:block; overflow:hidden; line-height:22px;}
.rightList li img{width:115px; height:65px; float:left; padding-right:8px;}
.tabTable{padding:10px 0 3px;}
.tabTable a{float:right; color:#05a;}
.tabTable span{padding:2px 10px; cursor:pointer;}
.tabTable .curr{font-weight:bold; border-bottom:2px solid #666;}
.tableCont .t2 li{padding:15px 300px 15px 15px; border:1px solid #ddd; position:relative; min-height:100px;}
.tableCont .t2 li th{font-weight:normal; text-align:right; color:#888;}
.tableCont .t2 li td{padding:5px 0;}
.tableCont .t2 li .rightTool{width:300px; position:absolute; right:0; top:8px;}
.rightTool img{display:block; margin:0 auto;}

/*视频区右侧*/
.rightList .bbList{height:315px; padding:10px; overflow:hidden; overflow-y:auto;}
.bbList .a1{color:#ddd; border-bottom:1px dotted #666; padding-bottom:10px; margin-bottom:10px;}
.bbList .a1 p{color:#408ed6;}
.bbList .a1 p span{color:#888; padding-left:5px; font-size:12px;}
.bbList .a1 .ac{color:#bbb;}
.rightList .senA{height:105px; text-align:right; padding:10px; background:#444;}
.rightList .senA > textarea{padding:5px 10px; width:240px; margin:0 0 5px; background:#eee;}
.rightList .senA > label{color:#ddd; float:left;}

.topTool .spChat{position:absolute; right:6px; bottom:7px;}
.w1024 .topTool .spChat{right:5px;}
.w1024 .topTool .spChat .nc-chat input{width:46px;}
.topTool .spChat .nc-chat input{border:1px solid #e2e2e2; padding:5px; position:relative; top:-4px; width:140px; border-radius:5px 0 0 5px;}
.topTool .nc-chat{position:relative; background:#fff; border-radius:5px; box-shadow:0 0 3px #bbb; padding:0 5px 1px 8px;}
.topTool .nc-chat > a{display:inline-block; width:30px; height:30px; background:url(openIco.png) no-repeat; position:relative; top:6px;}
.topTool .nc-chat .down-arr{background-position:-238px -36px;}
.topTool .nc-chat .ask-arr{background-position:-46px -98px;}
.topTool .nc-chat .all-arr{background-position:-270px -36px;}
.topTool .nc-chat .submit{background-position:-202px -36px; left:-5px; border:1px solid #e2e2e2; border-radius:0 5px 5px 0;}
.topTool .arrBox{width:283px; position:absolute; top:43px; background:#fff; right:-1px; border:1px solid #ccc; padding:10px; height:300px; overflow:hidden; z-index:10000; overflow-y:auto; display:none; border-radius:5px;}
.topTool .arrBox li{padding-bottom:10px;}
.topTool .arrBox a{color:#05a; padding:3px 10px 3px 0; float:left; }
.topTool .arrBox .c-b{float:left; position:relative; padding:6px 10px; background:#f8f8f8; max-width:200px; margin-left:6px; border-radius:3px; word-break:break-all;}
.topTool .arrBox .c-b span{position:absolute; top:7px; left:-7px; width:8px; height:8px; background:url(chat-arr.png) no-repeat; }
.topTool .xm .arrBox{width:93%; top:37px;}
.topTool .xm .nc-chat{top:4px; right:0;}
.topTool .xm .nc-chat > a{top:3px; height:26px;}
.topTool .xm .nc-chat input{top:-3px; padding:3px 5px;}
.topTool .xm .nc-chat .submit{top:5px;}

/*混合式教学*/
.w1024 .omit > a{width:60px;}
.w1024 .contPage{padding-right:100px;}
.w1024 .goRight{padding:0;}
.contPage{padding:0 280px 30px 0;}
.goRight{padding-right:0;}
.w1024 .goRight .side-catalog{right:-70px;}
.goRight .side-catalog{right:-220px; top:0;}
.goRight .side-Add{right:3px; top:300px;}
.goRight .side-catalog .bottom-wrap .toggle-button{background-position:0 -54px;}
.goRight .side-catalog .bottom-wrap .toggle-button:hover{background-position:-53px -54px;}
.ytip{background:#fffcd6; padding:10px 15px; margin:0; border:1px solid #dcd8a6;}
.ytip dt{font-size:16px; line-height:30px;}
.ytip dd{padding-left:32px;}
.ytip dd p{line-height:26px;}
.oc-bg .work-area .mess-area{padding:0;}
.w1024 .work-area dl{width:490px;}
.ssm{float:left;padding:3px 0 0 10px;font-size:14px;}
.tableCell{position:relative;}
.tableCell dd{overflow:hidden; overflow-y:auto; height:500px; margin-right:-17px;}
.tableCell dd .bdlr{border-top:1px solid #ddd; border-left:1px solid #ddd;}
.tableCell dd .bdlr .nbd td{border:0; background:#fff; position:relative; left:-1px;}
.tableCell .ovflow-zz{height:510px; top:-1px; background:#fff; width:17px; position:absolute; right:-17px; z-index:1001;}
.tableCell dt{padding:20px 0 10px; text-align:right; position:fixed; right:25px; top:148px;}
.tableCell dt a{border-radius:15px;}
.tableCell .toB{top:auto; bottom:30px;}
.tableCell td,.tableCell th{border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:22px;}
.tableCell th{background:#fafafa; font-weight:normal; padding:8px; min-width:66px; white-space:nowrap;}  
.tableCell th.curr{background:#e0e0e0;}
.trela > div{padding:5px 10px; line-height:20px;}
.tableCell .g{background:#35ce5d;}
.tableCell .y{background:#fffbb2;}
.tableCell .o{background:#f36b08;}
.tableCell .dg{background:#018524;}
.tableCell .r{background:#e00000;}
.tableCell td a{color:#05a;}
.videoArea{padding:0 30px 15px;}
.w1024 .oc-Cont .con h3{padding:0 150px 5px 0;}
.w1024 .oc-Cont .con .ex h3{padding:5px 0;}
.w1024 .oc-Cont .icoBox{width:180px; position:absolute; right:0; top:0;}
.w1024 .tb3 th,.w1024 .tb3 td{white-space:normal; text-align:left;}
.w1024 .wzh{padding:5px 0 0 8px;}
.oc-Cont .half.w{width:280px; padding:0;}
.w1024 .oc-Cont .half.w{width:200px; padding:0;}
.oc-Cont .nopd{padding:0;}
.oc-Cont .icoBox{float:right; width:300px; text-align:right; position:relative; top:6px;}
.oc-Cont .con .icoBox > a{position:static; margin:0 10px 0 0; display:inline-block; width:20px; height:20px; padding:0;}
.intoLink{background-position:-10px -274px;}
.downIm{background:url(eyedel.png) no-repeat right 2px;}
.oc-Cont .con .icoBox .Z-add{position:relative; top:-7px;}
.oc-Cont .con .manage{top:15px;}
.oc-Cont .qsManage{background-position:-218px -104px;}
.oc-Cont .eidt{background-position:-4px -35px;}
.oc-Cont .del{background-position:-4px -136px !important;}
.oc-Cont .pl{background-position:-132px -136px ;}
.oc-Cont .con .down{background:url(openIco.png) no-repeat -92px -170px; width:23px; height:20px;}
.oc-Cont .eyedel{width:23px !important; height:23px; display:inline-block; background:url(eyedel.png) no-repeat 0 3px; opacity:0.7;}
.oc-Cont h2 .sort{background-position:-90px -137px; display:inline-block; position:relative; top:13px;}
.oc-Cont .Npage{padding:10px 30px;}
.oc-Cont .Npage > h3{font-weight:normal; font-size:20px; padding:5px 0;}
.Npage .tool-t{color:#888; background:#fafafa; margin:6px 0 12px; padding:5px 10px;}
.Npage .tool-t > b{color:#515151; margin-right:20px;}
.Npage .ex{border-bottom:1px dashed #ccc; font-size:14px; margin-bottom:13px; padding-bottom:10px;}
.Npage .ex > h3{font-size:16px; font-weight:normal;}
.Npage .ex .e-question{padding:5px 5px 5px 8px;}
.Npage .vote > div{padding:5px 0 0;}
.Npage .vote{padding:5px 30px 15px;}
.quickPosition > img{width:20px; position:relative; top:3px;}
.test dt{padding:2px 0 6px; font-size:16px; font-weight:bold;}
.test dd{padding:5px 20px 8px;}
.test dd .Sub{padding:2px 0 5px;}
.test dd td{padding:5px; color:#666;}
.Z-add{width:16px; height:16px; text-align:center; line-height:15px; font-size:16px; color:#666; border:1px solid #aaa; border-radius:50%; display:inline-block; position:relative;}
.Ts > ul{margin:5px 30px;}
.Ts li{position:relative; padding:9px 200px 9px 40px; min-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dotted #ccc;}
.Ts li a{font-size:15px;}
.Ts li .eyedel,.Ts li .del{position:absolute; right:10px;}
.oc-Cont .Ts li .del{right:3px;}
.Ts li img{position:absolute; left:3px; top:10px;}
.oc-Cont .absRight{position:absolute; right:10px; top:10px;}
.oc-Cont .absRight a{position:static !important;}
.Ts li .absRight img{position:relative; top:-3px; left:0;}
.Ts li .absRight span{position:relative; top:-5px; right:10px;}
.trela{position:relative;}
.trelaC{width:300px;}
.trela .trbox{display:none;}
.trela:hover .trbox{display:block;}
.trela li{margin:0 0 5px; border-bottom:1px dotted #bbb;}
.ctol .trela .yt{top:30px;}
.trela .yt{background:#fff; padding:10px; min-height:150px; max-height:310px; text-align:left; width:290px; overflow:hidden; overflow-y:auto; right:auto; left:0; top:0; box-shadow:0 0 5px #aaa; z-index:100;}
.trela .yt h4{font-size:16px; margin-bottom:5px;}
.trela .yt h5{margin:5px 0; font-size:16px; font-weight:normal;}
.trela .yt p{line-height:22px; color:#888;}
.trela .l-200{left:auto; right:0;}
.oc-Cont .trela .con{padding:0;}
.oc-Cont .trela .con u{margin:0 8px 0 0;}
.oc-Cont .trela .con a{top:7px; position:relative;}
.oc-Cont .trela .con .setAttended{position:static; padding:0 5px; margin-right:10px; background:#cae4fb; border-radius:2px;}
.yt{position:absolute; right:0; top:10px; width:300px;}
.yt u{display:inline-block; width:60px; height:22px; line-height:22px; text-align:center; text-decoration:none; font-size:12px; color:#666;}
.yt .orange{background:#f8e8c3;}
.yt .green{background:#baf4b9;}
.yt .blue{background:#c6dafa;}
.px li{padding-left:10px;}
.Ts li span{position:absolute; right:70px; top:11px; color:#999;}
.AB1{padding:0 10px;}
.AB1 dt{padding:10px 0 0 10px; color:#888;}
.AB1 dd{padding:0 0 5px; position:relative;}
.AB1 .ablink a{display:inline-block; width:86px; height:94px; border-radius:3px; border:1px solid #ddd; position:relative; margin:3px 1px 10px 9px;}
.AB1 .ablink a:hover{background:#fdfdfd; border:1px solid #bbb;}
.AB1 .ablink a:hover i{opacity:1;}
.AB1 .ablink a p{position:absolute; bottom:16px; left:0; text-align:center; font-size:16px; width:100%;}
.AB1 .ablink a i{position:absolute; top:13px; left:24px; width:40px; height:40px; background:url(selectIcon.png) no-repeat; opacity:0.6;}
.AB1 dd a .ab-tp{background-position:6px 8px;}
.AB1 dd a .ab-wj{background-position:-156px 8px;}
.AB1 dd a .ab-faq{background-position:-319px 8px;}
.AB1 dd a .ab-qd{background-position:-480px 8px;}
.AB1 dd a .ab-tl{background-position:-643px 9px;}
.AB1 dd a .ab-wd{background-position:7px -190px;}
.AB1 dd a .ab-sp{background-position:-157px -190px;}
.AB1 dd a .ab-pic{background-position:-322px -190px;}
.AB1 dd a .ab-yp{background-position:-480px -190px;}
.AB1 dd a .ab-cy{background-position:-647px -190px;}
.AB1 dd a .ab-wz{background-position:6px -315px;}
.AB1 dd a .ab-lj{background-position:-160px -315px;}
.AB1 dd a .ab-xz{background-position:-323px -312px;}
.AB1 dd a .ab-ppt{background-position:-490px -312px;}
.AB1 .lab-c ul li{margin:0;}
.AB1 .from-list li{padding:4px 0 3px;}
.AB1 .ab-up td{line-height:30px;}
.AB1 .ab-up td input[type="text"],.AB1 .ab-up td textarea{border:1px solid #ddd; margin-bottom:5px; width:580px; padding:3px 5px;}
.fixArea{padding:15px;}
.fixArea a{display:inline-block; width:196px; height:88px; border:2px solid #eee; padding:12px; border-radius:5px; margin:0 5px 0 0;}
.fixArea a em{font-size:24px; display:inline-block; height:34px; line-height:34px; text-align:center; width:100%; color:#999;}
.fixArea a p{height:40px; overflow:hidden; color:#999; font-size:12px; line-height:20px; padding:10px 0 0;}
.fixArea a.curr,.fixArea a:hover{border:2px solid #ff4200;}
.fixArea a.curr em{color:#ff4200;}
.fixArea a.curr p{color:#666;}
.weekS{height:45px; overflow:hidden;}
.weekS a{border:1px solid #ddd; display:inline-block; width:174px; padding:5px 0; margin:5px 0; text-align:center;}
.weekS a.btn-b{padding:0; width:60px; border:0;}
.weekS a.btn-w{padding:0; width:55px;}
.weekS a.btn-b:hover{background:#408ed6;}
.weekS .curr,.weekS .curr:hover{border:1px solid #389bed; background:#389bed; font-weight:bold; color:#fff;}
.weekS a:hover{background:#fafafa;}
.weekZ a{width:97px;}
.wzBt a{width:auto; padding:3px 10px; margin:5px 10px 0 0;}
.AB1 dd .slideline{position:absolute; left:727px; top:25px;}
.AB1 dd .slideline span{right:auto !important;}
.autoH{height:auto !important;}
.AB1 .tb3,.AB1 .tb3 td{border:0;}
.AB1 .tb3 input{border:1px solid #ddd;}
.AB1 .tb3 label{padding-right:20px;}
.qList{width:600px;}
.qList li{background:#fafafa; margin-bottom:1px; height:30px; position:relative; text-indent:1em;}
.qList li a{max-width:500px; overflow:hidden; float:left; height:30px; line-height:30px;}
.qList li span{font-size:12px; color:#999; padding-left:10px; line-height:30px;}
.qList li .del{right:10px; top:5px;}
.StartClass{display:inline-block; position:relative; top:0; text-align:right;}
.StartClass > div{display:inline-block;}
.StartClass span{font-size:12px;}
.oc-Cont h2 .StartClass .ewm{position:relative; top:5px; cursor:pointer; margin-left:10px;}
.oc-Cont h2 .StartClass span a{font-size:16px; color:#05a; top:5px;}
.oc-Cont h2 .StartClass .font-alink{position:static;}
.oc-Cont h2 .StartClass .font-alink b{font-size:16px; position:relative; top:1px;}
.oc-Cont h2 .StartClass a{position:static;}
.container .oc-Cont .current{position:relative; top:-10px; background:none; text-indent:5px;}
.dateOver{position:fixed; right:45px; top:0;}
.fixedIt{display:block; z-index:1000;}
.fixedS{display:block; position:absolute; right:0; top:0; left:0; z-index:1000;}
.danmu,.danmu i{width:80px; height:22px; display:inline-block; font-size:12px;}
.danmu i{width:36px; background:url(danmu.png) no-repeat; position:relative; top:6px; left:3px;}
.danmu .o{background-position:-36px 0;}
.danmu2{position:relative; right:20px; top:15px; float:right; width:40px; cursor:pointer;}
/*班级发言*/
.space-title{display:none;}
.fayan-top,.fayan-tab{padding:20px 18px 0;}
.fayan-top h2{font-size:14px;}
.fayan-top textarea{border:1px solid #ddd; min-height:120px; width:96%; padding:5px;}
.fayan-top p i{color:red; font-style:normal; font-size:16px; padding:0 2px;}
.fayan-top p #normalTip{display:block;}
.fayan-tab li,.container .fayan-tab li a{display:inline-block; text-indent:0; text-align:center;}
.container .fayan-tab li a{padding:0 10px;}
.fayan-tab ul{border-bottom:1px solid #ddd;}
.fayan-tab li .current{border-bottom:2px solid #408ed6;}
.fayan-tabcontT{clear:both; padding-top:15px;}
.fayan-tabcontT dt{width:90px; float:left;}
.fayan-tabcontT dt a img{width:80px;}
.fayan-tabcontT dd{ padding-left:90px; min-height:100px; border-bottom:1px dashed #ccc; word-break:break-all;}
.fayan-tabcontT dd p strong{display:block; padding:5px 0;}
.fayan-tabcontT dd p span{word-break:break-all;}
.fayan-operate{padding-top:10px;}
.fayan-operate div{display:inline-block;}
.space-right > p,.fayan-reply p img{display:none;}
.fayan-operate cite a{font-style:normal; color:#05a;}
.fayan-operate cite a span{ color:red;}
.fayan-tabcontB h6 a{font-size:12px; font-weight:normal; color:#05a;}
.fayan-tabcontB input[type="button"]{ display:block; padding:3px 10px; background:#408ed6; color:white; float:left; margin:15px 80px 10px 10px;}
.fayan-tabcontB div{ display:block; clear:both;}
.fayan-tabcontB div p{ line-height:30px;}
.fayan-tabcontB div h6{margin:0; padding:5px 0;}
.fayan-tabcontB{ background:#fff; position:relative; top:-1px; }
.fayan-tabcontB textarea{border:1px solid #ddd; padding:5px;}
.fayan-reply{border-bottom:1px dashed #ccc;}
.w1024 .ylbox{width:60%;}
.ylbox{position:fixed; width:70%; height:525px; background:white;border:1px solid #aaa;z-index:199;right:120px; display:none; box-shadow:0 0 5px #aaa; border-radius:5px; text-align:center;}
.ylbox > img{max-width:88%; max-height:525px;}
.from-list li.b-line .btn-b:hover .ylbox{display:block;}
.touch{padding:10px 0;}
.touch a{display:inline-block; overflow:hidden; width:80px; height:110px; text-align:center; padding:0 10px 10px; position:relative;}
.touch a .finish{height:auto; border-radius:0px; border:0; position:absolute; width:60px; left:43px;}
.touch a img{width:80px; height:80px; border-radius:50%; border:1px solid #ddd; display:block; margin:0 auto;}
.touch .ilArea a{overflow:visible;}
.touch a img.hidden-big{display:none; position:absolute; left:10%; top:-150%; z-index:33333; background:white; border-radius:50%; box-shadow: 1px 2px 8px #aaa; width:200px; height:200px;}
.touch .visi a img.hidden-big{display:block;}
.touch .ilArea a.d-signIn{height:20px; color:#05a; font-weight:bold;}

.mtc em,.mtc span{display:block; left:95px; top:5px; width:70px; text-align:left; position:absolute;}
.mtc a{height:auto; padding-bottom:15px; width:100px; position:relative; padding-right:50px;}
.mtc a img{width:50px; height:50px; display:block; margin:0 auto;}
.mtc a .pai{width:24px; height:24px; border-radius:0; position:absolute; top:0; left:20px; border:0;}
.mtc span{color:#888; font-size:12px; padding:0; top:25px;}
.mtc a > p,.mtc em{line-height:20px;}
.ctj{padding:10px 20px;}
.ctj em{font-size:16px; font-weight:bold;}
.ctj > span{padding-right:20px;}
.ctj .ic1{margin:0 3px 0 0; position:relative; top:2px;}
.ctj .vote{padding:0;}
.ctj .vote .pc,.ctj .pc100{display:inline-block;}
.ctj .pc100{width:180px;}
.lbtip{clear:both;padding-left:212px; color:#999; line-height:20px;}
/*.w1024 .oc-Cont .from-list .labe,.w1024 .oc-Cont .from-list .labe1{width:88px; text-align:right;}*/
.w1024 .tb3 .ctol a{display:inline-block; white-space:normal;}
.w1024 .oc-Cont .l-left input{max-width:70px; margin:0 5px 0 0;}
.oc-Cont .cbt .fbt{height:44px;}
.oc-Cont .cbt .but-d{bottom:0;}
.oc-Cont .cbt li .o-hd,.oc-Cont .default-p .o-hd{color:#fff;}
.w1024 .br1024{white-space:nowrap;}
.br1024{display:inline;}
.sml{float:left; font-size:12px; position:relative; top:3px;}
.sml a{padding:2px 6px; border:1px solid #ddd; border-radius:2px;}
.sml .curr,.sml a:hover{color:#fff !important; background:#0d70ca; border:1px solid #0d70ca; font-weight:bold;}
/*  20170413  */
.lhide{width:12px; z-index:1200; height:87px; padding:2px; background:url(lhide.png) no-repeat 0 2px; position:absolute; left:260px; top:260px; cursor:pointer;}
.l100 .lhide{background:#fff url(lshow.png) no-repeat 0 2px; left:250px;}
.l100 .oc-Left{left:-250px;}
.l100 .oc-Left .ctt,.l100 .oc-Left .cti{left:-5px; position:relative;}
.l100 .oc-Left .cti{left:-8px;}
.l100 .oc-bg{margin-left:0;}
.l100 .oc-rbg{left:0;}
.l100 .oc-rbg1{left:-300px;}

.nlList dl{border-bottom:1px solid #e2e2e2; padding-bottom:20px; margin-bottom:10px;}
.nlList dl.curr{background:#ddd; padding:10px;}
.nlList dt > a{font-size:16px;}
.nlList dt{position:relative; padding:10px 0 0; font-size:18px;}
.nlList dt div{position:absolute; right:0; top:20px; font-size:12px;}
.nlList dd{color:#666;}
.nlList dt > span{font-size:16px; width:500px; display:inline-block;}
.nlList dt .nt{padding:0 10px; font-size:12px; width:auto;}
.nlList dt .kf{color:#f38f03; font-size:12px; width:auto;}
.nlList dt > .font-alink{font-size:12px; padding-left:20px;}
.nlList dd .c{padding:8px 0 6px; color:#999;}
.nlList dd .ta > a{float:right; padding:0 10px;}
.nlList dd .ta > span{font-size:12px;}
.nlList dd .ta > span a{color:#0b64bc;}
.nlList .a3{padding-bottom:5px;}
.nlList .a3 dt{margin:10px 0; border:1px solid #ddd; border-radius:5px; background:#fff; padding:10px 10px 5px;}
.nlList .a3 dt > div{padding:2px 10px; margin:5px 0; color:#515151;}
.nlList .a3 dt .b{border-bottom:1px dashed #ddd;}
.nlList .a3 dt .tt{font-size:16px; color:#05a;}
.nlList .a3 .b > b{padding:0 10px 0 0; color:#333}
.nlList .a3 .hd4{margin:10px 0 0; padding:5px 10px;}
.nlList .a3 .ct3 textarea{padding:6px; margin:0 10px; min-height:120px; border:1px solid #ddd; width:96%;}
.nlList .a3 .center{margin:15px 0;}

.d-s{border:1px solid #ddd; padding:5px 100px 5px 5px; position:relative; width:40%;}
.mess-area .d-s > input{border:0; width:95%;}
.d-s > a{ background:#2f94e0; color:white; font-size:14px; line-height:34px; position:absolute; right:0; text-align:center; top:0; width:100px;}

.anstyle{margin:0 35px 20px; padding:10px 15px; border:1px solid #ddd; border-radius:5px;}
.anstyle .c{color:#888; border-bottom:1px dotted #ccc; padding:0 0 5px;}
.anstyle .c em{margin:0 15px 0 5px; font-size:18px;}
.anstyle .c b,.anstyle .w b{color:#333}
.anstyle .w{color:#999; padding:10px 0 0;}
.anstyle .w p{padding:0 0 5px 70px; line-height:24px;}
.anstyle .w p > span{margin-right:23px; font-size:16px; color:#666}
.anstyle .w .fl{padding:1px 0 0;}
.anstyle .c .fl{padding:1px 10px 0 0;}
.tm{padding:0 0 3px 40px; font-size:14px;}
.h350{height:350px; overflow:hidden; overflow-y:auto;}

.case-dl{margin:20px 0; border:1px solid #ddd; border-radius:3px; padding:5px 15px 10px;}
.case-dl dt{font-size:18px; line-height:36px; color:#333;}
.case-dl dd span{white-space:nowrap; padding-right:30px; line-height:24px; font-size:15px;}
.case-dl dd div{line-height:28px; word-break:break-word;}
.case-dl dd div span{padding-right:0; float:left; font-size:15px; white-space:normal}
.case-dl dd div p{line-height:24px; padding-left:42px; color:#666; font-size:15px; word-wrap:break-word;}

.hisul{padding:10px 10px 10px 95px;}
.hisul li{border-left:1px solid #ddd; padding:10px 5px 10px 15px; position:relative; color:#666;}
.hisul li > span{position:absolute; left:-95px; color:#333; font-weight:bold;}
.hisul li i{position:absolute; width:12px; height:12px; background:#bbb; border-radius:50%; left:-6px; top:14px;}
.hisul li b{padding:0 5px; color:#333;}
.hisul li .font-alink{padding-left:15px;}
.hisul li .case-dl{margin:0;}

.jies{padding:20px 40px; font-size:15px;}
.jies > p{line-height:22px; padding-bottom:5px; min-height:80px;}
.jies p b{display:block; margin:10px 0 0; padding:11px 0 0; color:#333;}
.jies img{float:left; padding:0 10px 10px 0;}

.tb3 td{position:relative;}
.tb3 td[class=first]:before{content: ""; position:absolute; width:1px; height:118px;/*这里需要自己调整，根据td的宽度和高度*/top:0;left:0;background-color:#ddd;display:block;transform:rotate(-66deg);/*这里需要自己调整，根据线的位置*/transform-origin: top;}
.first .tbdiv{position:relative; width:100%; height:40px;}
.first .tbdiv span{position:absolute; top:-5px; right:0;}
.first .tbdiv b{position:absolute; bottom:-5px; left:0; font-weight:normal;}

.bplist a{font-weight:normal;padding:2px 5px;border:1px solid #ddd;color:#666!important; white-space:nowrap;}
.bplist a:hover{border:1px solid #999;color:#333!important;}
.bplist .curr{font-weight:bold;border:1px solid #408ed6;color:#fff!important; background:#408ed6;}

.topTool .tnav{border:0; padding:0 0 7px;}
.tnav{padding:10px 15px 7px; background:#e2edf8; position:relative; border-bottom:1px solid #a5bfd6;}
.tnav > a{display:inline-block; width:70px; padding:32px 0 0; text-align:center; background:url(tnav.png) no-repeat 18px 0; color:#515151;}
.w1024 .tnav > a{width:66px;}
.tnav > a:hover,.tnav > a.curr{color:#05a; position:relative;}
.tnav > a:hover span,.tnav > a.curr span{position:absolute; bottom:-7px; left:0; height:2px; overflow:hidden; width:100%; background:#05a;}
.tnav .t1.curr,.tnav .t1:hover{background-position:18px -60px;}
.tnav .t2{background-position:-67px 0;}
.tnav .t2.curr,.tnav .t2:hover{background-position:-67px -60px;}
.tnav .t3{background-position:-150px 0;}
.tnav .t3.curr,.tnav .t3:hover{background-position:-150px -60px;}
.tnav .t4{background-position:-228px 0;}
.tnav .t4.curr,.tnav .t4:hover{background-position:-228px -60px;}
.tnav .t5{background-position:-440px 0;}
.tnav .t5.curr,.tnav .t5:hover{background-position:-440px -60px;}
.tnav .t6{background-position:-520px 0;}
.tnav .t6.curr,.tnav .t6:hover{background-position:-520px -60px;}
.tnav .t7{background-position:-597px 0;}
.tnav .t7.curr,.tnav .t7:hover{background-position:-597px -60px;}
.tnav .t8{background-position:-300px 0;}
.tnav .t8.curr,.tnav .t8:hover{background-position:-300px -60px;}
.tnav .t9{background-position:-370px 0;}
.tnav .t9.curr,.tnav .t9:hover{background-position:-370px -60px;}
.tnav .t10{background-position:-670px 0;}
.tnav .t10.curr,.tnav .t10:hover{background-position:-670px -58px;}
.tnav .t11{background-position:-750px -2px;}
.tnav .t11.curr,.tnav .t11:hover{background-position:-750px -59px;}
.tnav .t12{background-position:-901px -2px;}
.tnav .t12.curr,.tnav .t12:hover{background-position:-901px -58px;}

.cont.c100{padding:10px 30px;}
.investigation{width:800px; margin:0 auto;}
.investigation textarea{width:72%; min-height:260px; margin:5px 10px 0; display:block;}
.investigation > dt{background:#f4f4f4; padding:6px 10px; margin:0 0 10px; font-size:16px;}
.investigation > dd{padding:10px 20px 30px;}
.w1024 .progress span{width:40px; height:6px; margin:7px 0 0;}
.w1024 .progress{font-size:12px; width:130px;}

.msC{font-size:14px; color:#999; padding:10px 0 5px;}
.con .nlList .conTb1 b{padding:0 0 0 3px;}
.oc-Cont .con .nlList .conTb1 td b{font-size:14px; color:#666;}
.oc-Cont .con .nlList .conTb1 td{padding:5px 0 0;}
.oc-Cont .con .nlList .conTb1{margin-bottom:16px;}
.con .nlList .progress span{margin:9px 0 0;}
.con .nlList .progress span span{margin:0;}
.con .nlList dt .wj{font-weight:bold;}
.tCo{padding:5px 10px; margin:0 0 15px; border:1px dotted #ddd; background:#fafafa;}
.tCo span{padding:0 10px 0 0;}
.oc-Cont .con h3.quickPosition::after{clear: both; content: "."; display:block; height:0; width:100%; overflow:hidden; visibility: hidden;}

.ptArea{padding:5px 10px 0px; position:relative; max-width:420px;}
.ptArea p{font-size:15px; color:#666; line-height:22px;}
.ptArea em{right:5px; position:absolute;}
.bdb{border-bottom:1px solid #ddd;}
.bd-b td span,.jiange span{padding-right:20px;}
.jiange{display:block; padding:6px 0 0;}
.jiange span{font-size:14px; color:#666;}
.ms{padding:0 0 5px; font-size:14px;}
.ctol a.btn-b{color:#fff;}

.cale-tb{/*border-top:1px solid #bdd2e5;border-left:1px solid #bdd2e5;*/ border:1px solid #bdd2e5;}
.cale-tb td,.cale-tb th{/*border-bottom:1px solid #bdd2e5;border-right:1px solid #bdd2e5;*/ height:46px; line-height:46px; font-size:20px; color:#666; }
.xs-area .cale-tb{border-top:1px solid #bdd2e5;border-left:1px solid #bdd2e5;}
.xs-area .cale-tb td,.xs-area .cale-tb th{border-bottom:1px solid #bdd2e5;border-right:1px solid #bdd2e5;}
.cale-tb th{background:#dee8f2; color:#333; height:34px; line-height:34px; font-size:12px;}
.cale-tb td{font-family:宋体; text-align:center; font-weight:bold;}
.week td{text-indent:0; text-align:center; font-size:12px; width:20%;}
.week td p{line-height:18px; padding:5px 0; color:#3c3c3c;}
.week td span{font-size:20px; padding:0 2px;}
.week .red p{color:#fff;}
.grey{background:#eee;}
.red{background:#fc2b09; }
.green{background:#c8e7a7;}
.d-green{background:#488c00;}
.today{background:#e5edf5; color:#333 !important;}
.cale-tb .red{color:#fff;}
.show-tab{border-top:1px solid #bdd2e5;border-bottom:1px solid #bdd2e5; padding:5px 0; text-align:center; font-weight:bold;}
.show-tab span{font-size:14px; float:left;}
.show-tab a{float:right;}
.show-tab a i{padding:0 10px; background:url(icon.png) no-repeat; *float:left;}
.show-tab .cale i{background-position:-99px -136px;*background-position:-99px -137px;}
.show-tab .cale .curr{background-position:-75px -136px;*background-position:-75px -137px;}
.show-tab .li i{background-position:-99px -115px;}
.show-tab .li .curr{background-position:-75px -115px;}
.show-tab .li{padding-right:15px;}
.select-date{padding:16px 0; *padding:8px 0; text-align:center; position:relative;}
.select-date a{color:#05a; padding:0 10px;}
.select-date .back-p{padding:4px 15px; margin:0 8px 0 2px;}
.select-date .btn-b{float:right;}
.pt10{padding-top:10px;}
.total li{padding:5px 0 0;}
.total li span{padding:0 15px 0 0;}
.color-s{padding:10px 0 0;}
.color-s span{padding:5px 50px 5px 0; white-space:nowrap; float:left;}
.color-s span i{width:12px; height:12px; float:left; margin:2px 5px 0 0;*margin-top:1px;}
.color-s span .w{background:#fff; border:1px solid #ccc;}
.color-s span .g{background:#eee; border:1px solid #ccc;}
.color-s span .r{background:#fc2b09; border:1px solid #cf1e01;}
.color-s span .gr{background:#c8e7a7; border:1px solid #92d050;}
.color-s span .d-gr{background:#488c00; border:1px solid #609527;}

.hotGer{padding:30px 20px;}
.hotGer .aList{display:inline-block; width:23.9%; text-align:center;}
.hotGer .aList > img{width:100px; height:100px;}
.hotGer .aList h4{font-size:18px; font-weight:normal; padding-bottom:5px;}
.hotGer .aList p{color:#666;}
.hotGer .aList p em{font-size:24px;}
.hotGer .aline{width:1px; background:#ddd; height:130px; overflow:hidden; display:inline-block;}
.hotCont{padding:10px;}
.f24{font-size:24px !important;}
h2.f24{border-bottom:1px solid #ddd; margin:0 20px;}
.little .aList{position:relative; height:150px;}
.little .aline{height:110px;}
.little .aList > img{width:70px; height:70px;}
.little .aList h4{font-size:16px;}
.little .aList p em{font-size:20px;}

.nBlock{height:400px; width:550px; display:inline-block; box-shadow:0px 0px 4px #ddd; margin:0px 20px; background:#fff; padding:10px 0px 0px;}



/*删除部分*/
.touch .ilArea{display:inline-block; width:160px; height:160px; text-align:center;}
.touch .ilArea a{width:140px; padding:0 10px; display:block; margin:0 auto;}
.touch .ilArea > div{display:inline;}
.touch .ilArea > div img{display:none; cursor:pointer;}
.touch .ilArea > div:hover img{display:inline;}
.touch .ilArea > div select{display:none; position:absolute; z-index:110}

.nlList .qrcode{height:350px; position:relative; border:0; padding-right:300px;}
.nlList .qrcode dt{border:1px solid #ddd; position:absolute; right:0; height:265px; width:240px; text-align:center; margin:0; top:0;}
.nlList .qrcode dt img{height:100%; margin:0 auto;}
.nlList .qrcode .doed{height:215px;}
.nlList .qrcode .doed > span,.nlList .qrcode dt > .btn-b,.nlList .qrcode dt > img{display:none;}
.nlList .qrcode .doed > .btn-b,.nlList .qrcode .doed > img{display:block;}
.nlList .qrcode dt .txt{font-size:15px; color:#666; position:relative; top:100px;}
.nlList .qrcode dt .btn-b{bottom:-50px; left:0; padding:3px 10px; position:absolute; width:240px;}
.nlList .qrcode .ct3 textarea{height:260px; padding:10px; font-size:16px; margin:0; border-radius:5px;}
.qrcode .ct3 > div{text-align:center; padding:10px 0;}

.nlList .qrcode{height:350px; position:relative; border:0; padding-right:300px;}
.nlList .qrcode dt{border:1px solid #ddd; position:absolute; right:0; height:265px; width:240px; text-align:center; margin:0; top:0;}
.nlList .qrcode dt img{height:100%; margin:0 auto;}
.nlList .qrcode .doed{height:215px;}
.nlList .qrcode .doed > span,.nlList .qrcode dt > .btn-b,.nlList .qrcode dt > img{display:none;}
.nlList .qrcode .doed > .btn-b,.nlList .qrcode .doed > img{display:block;}
.nlList .qrcode dt .txt{font-size:15px; color:#666; position:relative; top:100px;}
.nlList .qrcode dt .btn-b{bottom:-50px; left:0; padding:3px 10px; position:absolute; width:240px;}
.nlList .qrcode .ct3 textarea{height:260px; padding:10px; font-size:16px; margin:0; border-radius:5px;}
.qrcode .ct3 > div{text-align:center; padding:10px 0;}

/*  列表排版案例  */
.isList{margin:10px 0 0;}
.isList .b1,.isList .b2,.isList .b4{padding:3px 5px !important;}
.isList .b1{width:100px !important; margin:0 5px 0 0;}
.isList .b2{width:200px !important;}
.isList .b4{width:400px !important;}
.isList .labe{line-height:22px;}
.isList .pil{padding-left:160px; min-height:30px;}
.isList .pil .ar{color:#999; line-height:28px; min-height:28px;}
.isList .pil .ar label{color:#515151;}
.isList .pil > div .labe{width:auto; padding:2px 4px 4px 0;}
.isList .pi l > div .fl{padding:0 30px 0 0;}
.isList .upfileBtn{background:#efefef; border:1px solid #4e4e4e; color:#333; border-radius:3px; padding:0 6px; margin:0 0 0 5px; display:inline-block;}
.isList .ftextArea{clear:both;}

.isList .from-list{padding-top:5px;}
.isList .from-list li{margin:0; padding:2px 0;}
.isList .aline{padding-left:90px;}
.isList .aline > label{line-height:12px;}
.isList .aline p{height:26px;}
.isList h3{font-size:16px; font-weight:normal;}
.isList label{margin:0;}
.isList .bl2{clear:both; width:90%; display:inline-block;}
.isList .pdL{padding:3px 0 0 160px;}
.isList .pdL .explain{padding-top:0; display:block;}

.tabCont .wb .backL{position:relative; display:inline-block; width:46%; margin-right:20px;}
.tabCont .wb .backL a{width:100%;}
.tabCont .wb .backL .btn-b{position:absolute; background:#1fa6ec; color:white; width:40px; text-align:center; border:1px solid #408ed6; height:24px; line-height:24px; padding:0; right:0; bottom:40px; z-index:111;}
.tabCont .wb .backL .btn-b:hover{background:#0f9ae2;}

.neat_Label{padding:20px;}
.neat_Label label{padding:0 10px 0 0; width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px; display:inline-block;}

.intoC{position:absolute; right:65px; bottom:11px; top:auto;width:120px!important; line-height:16px;font-size:12px; cursor:}
.inh2{position:absolute;display:none;background: #fff;width:100px;right:-20px;height: auto;z-index: 1111;top: 15px;box-shadow:0 0 5px #aaa; border:1px solid #ccc /9;}

.inh2 a{font-size: 12px;white-space: nowrap;display: block!important;text-align: center;height:26px!important;line-height: 26px; border-bottom: 1px solid #e2e2e2;}
.inh2 a:hover{background:#eee;}
.emix:last-child .inh2,.emix:last-child-1 .inh2{top:-190px !important;}

.mshows{position:relative;}
.ea2 .mshows{position:absolute; top:3px;right:-10px;}
.ea2 .inh2{margin:5px -20px 0 0;}
.inmore{display:inline-block;width:24px;height:16px;background:url(moreLi.png) no-repeat center;}
.mshows:hover .inmore{background:url(moreLi1.png) no-repeat center;}
/*.downIco .inmore{background:url(arr_condition.gif) no-repeat right center; width:auto; font-size:14px; padding-right:20px; height:20px; display:inline; position:relative; top:3px;}
.downIco .inh2{top:35px;}
.downIco:hover .inmore{background:url(arr_condition.gif) no-repeat right center;}*/
.downIco{padding:0 0 3px 5px; border:1px solid #ddd; border-radius:3px;}
.downIco .inmore{background:url(arr_condition.gif) no-repeat right center; width:auto; font-size:14px; padding-right:20px; height:20px; display:inline;}
.fl.downIco{border:0; padding:0;}
.fl.downIco .inmore{position:relative; top:3px;}
.fl.downIco .inh2{top:35px;}
.downIco .inh2{top:24px;}
.downIco:hover .inmore{background:url(arr_condition.gif) no-repeat right center;}

.coureVio {text-align: right;border: 1px solid #ccc;padding: 15px;position: absolute;right: 24px;width: 530px;background: white;box-shadow: 1px 2px 5px #999;display:none;z-index: 10001}
.coureVio > p{color: red;font-weight: normal;text-align: left;}
.borT h4{font-size:18px; font-weight:normal;border-bottom:1px solid #ddd; line-height:32px;}
.borT h4 .coureVio{font-size:14px; line-height:22px;}
.borT textarea{border:1px solid #ddd; width:96%;}
.twoTd{padding-left:25px !important;}
.twoTd .fl{margin:10px 0 0;}
.twoTd div.fl{width:90%; line-height:22px; margin:5px 0 0;}

.curGi i,.curGi a{float:left;}
.curGi i{padding:0 8px;font-style:normal;}

/*新增筛选和下拉*/
.seD1{float:left; border:1px solid #ddd; padding:0 10px; position:relative; z-index:100; width:120px; padding-right:20px; line-height:24px; background:url(search_area_condition.gif) no-repeat 135px 10px; cursor:pointer;}
.seD1 > span{line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.seD1 .sliD{position:absolute; top:24px; display:none; background:#fff; padding:5px 10px; box-shadow:0 0 3px #aaa; left:0; width:130px;}
.seD1 .sliD a{float:none; display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.seD1 .sliD a:hover{background:#f4f4f4;}
.seD1:hover .sliD{display:block;}
.slnm{text-align:center; font-size:14px; width:auto; position:relative; top:10px; background:url(arr_condition.gif) no-repeat right 10px; margin-right:5px;}
.slnm .sliD{padding:0; width:120px; line-height:28px;}
.sxSort{float:left; font-size:14px; position:relative; top:3px;}
.sxSort > img{margin:0 10px 0 0; position:relative; top:5px;}

.from-list li input[type="text"], .from-list li input[type="password"]{width:180px;}

.ocNL{position:absolute; top:10px; right:100px;}
.ocNL a{padding-left:20px; color:#444;}
.ocNL a.full-time{color:#ff6d00;}
.ocNL a:hover{color:#000;}
.ocNL a img{position:relative; right:3px; top:2px; opacity:0.85;}
.ocNL a:hover img{opacity:1;}

.ewmDiv{text-align:center; width:460px; height:480px; margin:50px auto 0; text-align:center;}
.ewmDiv > img{display:block;}
.ewmDiv > img,.ewmDiv > b{display:none;}
.ewmDiv > b{font-size:24px;}
.ms > img,.ms > b{display:block;}

/*work-area百分比排法*/
.w100-wa,.w100-wa > dl{position:relative;}
.w100-wa > dl{width:100%;}
.w100-wa > dd{padding-right:0;}
.oc-Cont .w100-wa .fr{right:10px;}
.w100-wa .w-btn{position:absolute; right:22px; bottom:50px;}

/*  讨论 */
.left-col-style{width:210px; float:right; background:#fff;  padding:10px 12px;}
#forum .content{width:100%; margin:0; background:#fff;}
#forum .content table{width:100%;}
.topics td{padding:5px 0;}
.legend{margin:0 0 20px; padding:10px 20px; border:1px solid #ddd;}
.legend label{padding:2px 10px;}
.legend label img{ position:relative; margin:0 3px 0 0;}
.forum-frame{padding:5px 10px 10px ; clear:left;}
.forum-frame .topics td{background:#d6e2ed;}
.forum-frame tr{border-bottom:1px solid #cedbe8 !important;}
.forum-frame .title{ text-align:left;}
.forum-tab ul{float:left;padding:7px 0 3px 10px;}
.forum-tab ul li{display:inline;}
.forum-tab ul li.current{color:orange;}
.forum-tab .pageNav{float:right; color:#999;}
.forum-tab .pageNav a{padding:0 0 0 5px;}
.forum-frame .thread-list .icon{padding:0 5px;}
.posting .pageNav{ margin:-30px 0 0 0}
.posting{text-align:right; margin:10px 0 0 10px; height:30px; float:left;}
.posting p{ float:left; width:auto; height:auto;}
.posting p .btn-b{line-height:30px; height:30px; padding:0 18px; font-size:15px; border:0;}
.posting .sr{float:right;}
.posting .sr >a { display:inline-block; background:#408ed6; width:66px; height:26px; color:#fff;}
.posting .sr input,.posting .sr select{ border:1px solid #ddd; padding:2px 4px; float:left; margin:2px 5px 0 0;}
.posting .page .tt{padding:10px 0 0 ;}
.forum-list-bottom { height:30px; line-height:30px; text-align:center;}
.forum-list-bottom .legend  {background:#fff; border:0;line-height:20px;margin:auto;padding:5px 10px;text-align:center;}
.forum-list-bottom .legend label {padding:0 10px;}
.forum-list-bottom .legend img {margin-right:3px;vertical-align:middle;}
.thread-top{border-bottom:1px solid #cedbe8; background:#fafafa;}
.thread-body{background:#fff;}
.easy-reply{padding:0 20px;}
.thread-top > table{margin:0 20px;}
.postwrap > table{width:100%;}
.forum-tab{height:auto; padding:8px 0; background:#fff;}
.forum-tab li{ float:left; height:auto; width:auto; }
.forum-tab li a{line-height:22px; ; border:1px solid #ccc; padding:0px 5px; margin-right:8px; float:left; text-decoration:none; color:#585858}
.forum-tab li a:hover,.forum-tab li.current a{ background:#e5edf2; border:1px solid #ccc;  color:#336699; font-weight:bold;}
.action-button,.postmain{padding:15px 20px 8px; vertical-align:top;}
.col-left{width:110px;}
.post-author{width:155px; vertical-align:top; padding:20px 0 0 15px; border-right:1px solid #cedbe8; border-bottom:3px solid #cedbe8; background:#f9fcfe;}
.postmain-signature{border-bottom:3px solid #e1e9f1;}
.user-name{ word-break:break-all;}
.user-scorelist{padding:5px 0; line-height:22px; font-size:12px;}
.user-scorelist dt{width:54px; float:left; text-align:left; padding-right:5px; color:#999;}
.post-heading h1{font-size:20px; font-weight:normal; line-height:30px; padding-bottom:10px;}
.post-meta {padding:0 0 6px;}
.post-meta p{display:inline; padding-right:10px; color:#999; font-size:13px;}
.post-meta .post-number{ color:#05a; float:right;}
.webeditor .textarea{width:98%; box-shadow:0 0 3px #ccc inset; padding:10px;}
.publish-action{margin:15px 0;}
.thread-body .post-meta{border-bottom:1px dashed #cedbe8;}
.thread-body .post-status{background:#F2FFCF; color:#669900; margin:10px 0; padding:2px 10px 4px;}
.post-contentwrap{width:100%;}
.thread-list{ width:100%;}
.thread-list .topics .author{width:90px;}
.thread-list .topics .title a{ color:#333;}
.thread-list .topics .last{width:90px;}
.thread-list .topics .reply{width:45px;}
.thread-list .topics .icon{width:30px;}
.thread-list td,.thread-list th{border-bottom:1px solid #EEEEEE;text-align:left;}
.thread-list .topics th, .topics td {background:none repeat scroll 0 0 #f2f2f2;}
.thread-list .topics th {padding-right:1.5em;}
.thread-list cite, .thread-list em {display:block;font-style:normal;}
.thread-list td em, .thread-list td em a {color:#999999;font-family:Arial,PMingliu,sans-serif;font-size:11px;}
.thread-list cite a{color:#333333;text-decoration:none;}
.thread-list .title a{ color:#333; font-weight:normal !important; font-size:15px;}
.thread-list .page{white-space:nowrap;}
.thread-list .page a {color:#444444;padding:2px 4px;text-decoration:none;font-weight:400;}
.thread-list .page a:hover {color:#007CD5; background:#F5F5F5;text-decoration:underline;}
.container .oc-Cont .forum-tab .current{position:static; text-indent:0; padding:0; border:0;}

/*touch right*/
.touchR .ilArea{width:200px; position:relative;}
.touchR .ilArea a{width:auto; float:left; padding:10px 10px 0;}
.touchR .ilArea a img{float:left; margin-right:10px;}
.touchR .ilArea a>span{position:relative; top:15px; display:inline-block; width:70px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.touchR .ilArea a.d-signIn{position:absolute; left:92px; top:45px;}





