/* 实训操作系列样式文件 */
/*common start*/
html,body{background-color:#fff;}
.row { margin-left: 0;margin-right: 0; }
/*div { overflow: hidden; }*/
label { margin-bottom: 0;font-weight: normal; }
.marginB45 { margin-bottom: 45px; }
.marginL15 { margin-left: 15px; }
.marginB50 { margin-bottom: 50px; }
.clearB { clear: both; }
.overfVisble { overflow: visible; }
.handleBanner {width:100%; padding-left:15px; background: #191919;height: 60px;line-height: 60px;font-size: 0;color: #999999;position:fixed; top:0; left:0; z-index:12;}
.handleBanner .fc-trh{position:absolute; height:60px; top:0; left:0; padding-left:260px; z-index:5; overflow:hidden;}
.handleBanner .headImg { width: 30px;height: 30px;border-radius: 50%;margin-right: 45px;}
.orageBgBtn { font-size: 14px;color: white !important;background: #ffd200;padding: 5px 20px;border-radius: 0; }
.handleBanner .fc-trh span{display:inline-block; vertical-align:middle; font-size:16px; max-width:75%; color:#ffa028; margin:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.handleBanner .icon-fanhui2{width:36px; display:inline-block; color:#969696; font-size:18px; text-align:center; vertical-align:middle;}
.handleBanner .icon-fanhui2:hover, .handleBanner .page-btn:hover{background-color:#353333;}
.handleBanner .page-btn{display:inline-block; vertical-align:top; padding:0 10px; color:#969696; font-size:14px;}
.handleBanner .alignR{font-size:14px;}
.handleBanner .top-user-info {
margin-top: 0;
}
.handleBanner .c-message {
height: auto;
}
.handleBanner .alignR .c-member-menu {
right: 0;
}
/*分页*/
.paging { margin-bottom: 60px;text-align: center;margin-top: 30px; }
/*.paging a { width: 40px;height: 40px;margin-right: 10px;line-height: 40px;text-align: center;font-size: 16px;color: #999999;background: #ebebeb;display: inline-block;text-decoration: none; }*/
.paging a.on { color: white;background: #ffb428;}
.paging a:hover { color: white;background: #ffb428;}
.paging span {
/*margin-right: 10px;*/
color: #999999;}
.c-listpage a,.c-listpage .current{min-width: 40px !important;height: 40px !important;line-height: 40px !important;
text-align: center !important;padding: 0 !important;border: none !important;
margin-right: 10px;}
.c-listpage a{background-color: #ebebeb;}
.c-listpage .current{background-color: #ffb428 !important}
.c-listpage .prev,.c-listpage .next{width: 70px;}
.c-listpage{text-align: center;}
.c-listpage a:hover{background-color: #f9cd7a;transition:0.5s;}
/*导航*/
.handleNav { width: 260px; height:100%; background: #1f1f1f; position:fixed; top:0; left:0; padding-top:60px; z-index:10;}
.hlogo{display:block; float:left; width:260px; height:60px; margin-left:-15px; position:relative; z-index:10; cursor:pointer;}
.handleNav ul>li a i { margin-right: 10px; }
.handleNav ul>li a { font-size: 16px;color: #999999;display: block;padding: 15px 0 15px 80px;text-decoration: none; }
.handleNav ul>li a:hover, .handleNav ul>li a:hover .icon{color:#ffa028 !important;}
.handleNav ul>li a.on, .handleNav ul>li a.on:hover, .handleNav ul>li a.on:hover .icon{background:#ffa028 !important; color:#fff !important;}
.icon.icon-xiangqing, .icon.icon-jinxingzhong, .icon.icon-caiyixiu092214, .icon.icon-wenda, .icon.icon-shoucang { font-size: 24px;color: #999999; }
.handleNav ul>li a.on .icon.icon-xiangqing, .handleNav ul>li a:hover i.icon.icon-xiangqing,
.handleNav ul>li a.on i.icon.icon-jinxingzhong, .handleNav ul>li a:hover i.icon.icon-jinxingzhong,
.handleNav ul>li a.on i.icon.icon-caiyixiu092214, .handleNav ul>li a:hover i.icon.icon-caiyixiu092214,
.handleNav ul>li a.on i.icon.icon-wenda, .handleNav ul>li a:hover i.icon.icon-wenda,
.handleNav ul>li a.on i.icon.icon-shoucang, .handleNav ul>li a:hover i.icon.icon-shoucang{color:white;}
/*实训操作内容框架*/
.handleMain {width:100%; padding-left: 260px; padding-top:60px; position:relative; overflow:hidden; background-color:#f2f2f2;}
/*右边公共关联课程*/
.secondRightContent { background: #f2f2f2;padding: 0 20px; position:relative;margin-left: 20px;width: 240px; }
.secondRightContent h3 { font-size: 16px;color: #414141;padding: 35px 0 24px; font-weight: 600;}
.secondRightContent h4 { font-size: 14px;color: #666666;padding: 5px 0;border-bottom: 1px solid #f0f0f0;margin-top: 0;margin-bottom: 0; }
.secondRightContent h4>span.second { color: #999999; }
.secondRightContent h4:last-child { border-bottom: 0; }
.secondRightContent img { width: 100%;height: auto; }
.secondRightContent h4>span.first { width: 96%;display: inline-block;float: left;
display : -webkit-box ;overflow: hidden;white-space: normal !important ;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-bottom: 12px;}
.secondRightContent h4 a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #666666; width: 100%;}
.secondRightContent h4 a:hover{color:#ffa028; text-decoration:underline;}
/*common end*/
.bor-bottom{border-bottom: 1px solid #dcdcdc;}
.con_classes h4 .first{width: 61% !important;text-overflow:ellipsis !important;overflow:hidden !important;}
.con_classes h4 .second{display: inline-block;}
.hot_ask{padding-bottom: 30px;}
.hot_ask h4 .first{margin-bottom: 10px !important;}
/*.hot_ask h4 .first:nth-child(1){margin-top: 10px !important;} */
.hot_ask h4{padding: 5px 0;}
/*实训详情*/
.shixun-detail h1{margin-top: 50px !important;}
.shixun-detail h1:nth-child(1){margin-top: 30px !important;}
.shixun-detail{color: #41474c;font-size: 14px;}
.shixun-detail ul li{float: left;text-align: center;margin-right: 98px;display: grid}
.shixun-detail ul .yellow-line{height: 1px;border-bottom: 1px solid #ffa028;margin-left: 40px;position: relative;top: 30px;margin-right: 147px;}
.shixun-detail ul div{z-index: 10;margin-bottom: 10px;}
.shixun-detail p img{max-width: 100%;}
.shixun-detail ul li span{display: block;}
.shixun-detail ul li span:nth-child(2){margin-bottom: 5px;}
.shixun-detail ul li span:nth-child(3){color: #ff8c00}
.mainBody {background:#f2f2f2; width:1090px; float:left; padding:15px 40px 50px 40px;}
.mainBody h1 { font-size: 18px;color: #333;margin: 35px 0 25px;position: relative;font-weight: bold; }
.mainBody h1>span { background: #f2f2f2;padding-right: 10px;font-size: 16px;color: #999; font-weight: 400;}
.mainBody h1 .line { margin-left: 82px;height: 1px;border-bottom: 1px solid #e6e6e6;margin-top: 10px; }
.mainBody h1 .line.pullType { margin-right: 230px; }
.mainBody h1 .line.result { margin-left: 340px; }
.mainBody h1 .line.rule { margin-left: 288px; }
.mainBody>p,.mainBody>div{line-height: 26px;}
.mainBody>p:last-child { margin-bottom: 25px; }
.flowDiv { position: relative;overflow: visible; }
.mainBody h1>span.auth-tips{font-size: 14px;float:right;font-weight: normal;line-height: 18px;}
.mainBody h1>span.auth-tips span{background: #effeff;padding: 2px 5px;border-radius: 3px;}
#task_form p{
line-height: 33px;
}
.flowDiv i { background: url(../images/flowIcon.png) no-repeat;width: 40px;height: 40px;float: left; }
.flowDiv .line { margin-left: 38px;height: 1px;border-bottom: 1px solid #ffa028;margin-top: 19px; }
.flowDiv:first-child { margin-left: 25px; }
.flowTxt h3 { font-size: 14px;color: #414141; }
.flowTxt p { font-size: 14px;margin: 5px 0 0; }
.flowTxt { position: relative;margin: 30px 0 25px;left: -42%;text-align: center; }
/*开始实训*/
.uploadDiv { margin: 30px 0 50px;padding-left: 0px; }
.uploadDiv button { color: white;font-size: 14px;background: #28b1ff;padding: 5px 15px;margin-bottom: 30px;border-radius: 0; }
.uploadDiv ul li { font-size: 14px;color: #999999;padding: 5px 0; }
.uploadDiv ul li:hover { padding: 5px 10px;background: #f4f4f4; }
.uploadDiv ul li>span { display: none; }
.uploadDiv ul li:hover>span { display: inline-block; }
.uploadDiv select { padding: 5px;border: 1px solid #dcdcdc;position: relative;top: -13px;margin-left: 10px; }
.submitTask {margin: 20px 0; }
.submitTask button { color: white;font-size: 16px;padding: 8px 30px;background: #5cb85c;border-radius: 0; }
.submitTask button.again{background-color:#64b92b;}
.submitTask button:hover,.submitTask button:focus { background: #34a534;color: white;}
.taskContent { width:100%;min-height: 150px;font-size: 14px;color: #666666;padding: 10px 10px 30px;border: 1px solid #dcdcdc;resize: none;outline: none; }
.textareaDiv { position: relative; }
.textareaTipMsg { text-align: right;font-size: 14px;color: #c8c8c8;position: absolute;right: 10px;bottom: 10px; }
.pullTypeBtn { font-size: 14px;color: white;background: #ffa028;padding: 5px 20px;border-radius: 0;margin-top: -6px; }
.pullTypeBtn.first { margin-right: 10px; }
.pullTypeBtn:hover,.pullTypeBtn:focus{color:#fff;}
.pullTypeMsg { font-size: 14px;color: #999999;margin-top: 25px; }
.pullStartInfo { position: relative;margin-right: 30px; }
.pullStartInfo img { width: 100%;height: auto; }
.pullStartInfo p { font-size: 16px;color: white;text-align: center;width: 100%;position: absolute;top: 40px; }
.pullEndInfo { margin-right: 30px; }
.pullEndInfo>div { width: 100%;height: 140px;background: #e6e6e6; }
.pullEndInfo>p { text-align: center;margin-top: 10px;font-size: 16px;color: #ffa028; }
.weibo-main{position: relative;}
.weibo-main .form-mask{background: rgba(255,255,255,.95);top:0;left:0;width: 100%;height:100%;position: absolute;text-align: center;font-size: 20px;box-shadow: 0 2px 4px rgba(0,0,0,.1);}
.weibo-main .form-mask .res-info{padding-top: 80px;}
.weibo-main .form-mask .res-info .btn{margin-top: 15px;border-radius: 0;}
/*实训成果*/
.achieveImgOuter { text-align: center;padding: 0 15%; }
.achieveImg { width: 100%;height: auto; }
.achieveImgOuter button { font-size: 14px;color: white;background: #ffa028;padding: 5px;border-radius: 0;float: right;margin-top: 10px; }
.taskRate>li { margin-bottom: 20px; }
.taskRate>li>span { font-size: 14px;color: #414141;margin-right: 30px; }
.taskRate>li>code { font-size: 14px;color: white;background: #c8c8c8;margin-right: 20px;cursor: pointer;padding: 2px 6px; }
.taskRate>li>code.on { background: #ffa028; }
.icon.icon-pingfen { font-size: 16px;color: #C8C8C8;margin-right: 20px;cursor: pointer; }
.icon.icon-pingfen.on { color: #ffa028; }
.taskRate>li>textarea { width: 45%;min-height: 150px;font-size: 14px;color: #414141;border: 1px solid #dcdcdc;resize: none;padding: 10px;outline: none; }
.taskRate>li>button { color: white;font-size: 14px;background: #ffa028;padding: 5px 20px;border-radius: 0;float: right;margin-right: 48%; }
/*评级结果*/
.rateResult { margin-bottom: 30px; }
.rateResult li { float: left; }
.rateResult li>h2 { font-size: 14px;color: #414141;margin-bottom: 10px;margin-top: 10px; }
.rateResult>li img { width: 60px;height: 60px;border-radius: 50%;margin-right: 15px; }
.rateResult>li img.rateImg { width: 60px;height: auto;border-radius: 50%;margin-right: 15px;margin-top: -4px; }
.rateResult>li>p { font-size: 14px;color: rgb(102,102,102);margin-top: 15px; }
.rateResult>li>.homeworkBtn { color: white;font-size: 14px;background: #28b1ff;padding: 5px 10px;border-radius: 0;display: block; }
.rateResult>li>.lookPreBtn { font-size: 14px;color: #ffa028;display: block;margin-top: 10px; }
.rateResult>li.mrt-p-li{float: none;padding: 15px 0; border-bottom: 1px dotted #ddd;}
.rateResult>li.mrt-p-li:last-child{border-bottom-width: 0;}
.resultInfo { font-size: 14px;color: rgb(153,153,153);padding: 0 15px;border-right: 1px solid #b0b0b0; }
.resultInfo:first-child { padding-left: 0; }
.resultInfo:last-child { padding-right: 0;border-right: 0; }
/*名人堂*/
.mrt-rate {
float: right;
margin-top: 18px;
position: relative;
right: 50px;
}
.mrt-rate em{font-style: normal;float: left;margin-top: -1px;color: #aaa;}
.star{background:url('../images/star5.png') no-repeat;height: 16px;width: 80px;display: inline-block;}
.star-0{background-position-y: -80px;}
.star-1{background-position-y: 0;}
.star-2{background-position-y: -16px;}
.star-3{background-position-y: -32px;}
.star-4{background-position-y: -48px;}
.star-5{background-position-y: -64px;}
.star i{float: left;display: inline-block;width: 20%;height: 16px;}
.mrt-rate .rate-btn{background: #ffa028;color: #fff;font-size: 12px;padding: 3px 8px;border-radius: 2px;position: absolute;right: -50px;top: -3px;}
.mrt-rate .rate-btn:hover{background: #e7860c;box-shadow: 0 1px 4px rgba(0,0,0,.1);}
/*实训成果2*/
.rateRule button { position: relative;top: -8px;float: left;color: #000 !important; }
.rateRule button:hover, .rateRule button:focus { color: white;outline: none; }
.searDiv { margin: 15px 0;text-align: center; }
.searDiv>span { width: 280px;height: 40px;line-height: 24px;position: relative;display: inline-block; }
.searDiv>span>input { font-size: 14px;color: #666;padding-right: 10px;border: 1px solid #fff;outline: none; width: 280px;padding: 5px 10px;height: 42px;box-shadow: 1px 2px 3px #dee0e3;border-radius: 10px; }
.searDiv>span i.icon{font-size: 20px;color: #ffa028;cursor: pointer; position: absolute;top: 11px; right: 10px;}
.searDiv>span>input:focus{border:1px solid #e7860c;transition:1s;}
/*未评级、已评级 tab标签*/
.rateTab { margin-bottom: 30px;border-bottom: 1px solid #e6e6e6; }
.rateTab>span { font-size: 16px;color: #999999;padding: 0 25px 8px;display: inline-block;cursor: pointer; }
input::-webkit-input-placeholder{color: #ccc}
.rateTab > span.on {
color: #ffa028;
border-bottom: 2px solid #ffa028;
cursor: default;
}
input:-moz-placeholder{color: #ccc}
.rateTab > span.on {
color: #ffa028;
border-bottom: 2px solid #ffa028;
cursor: default;
}
.rateBox {float:left; width:236px; height:80px;margin-right: 20px;margin-bottom: 20px;padding: 20px;
position: relative;overflow: visible; background-color: #fff;border-radius: 10px;box-shadow: 1px 2px 3px #e8eaed;}
.rateBox:nth-child(4n){margin-right: 0;}
.rateBox>a { display: block;font-size: 14px;color: #999999; }
.rateBox a:hover, .rateBox a:focus { text-decoration: none; }
.rateBox:hover{box-shadow: 4px 5px 6px #ddd;transition:0.3s;}
.rateBox>a>img { width: 40px;height: 40px;float: left; }
.rateBoxContent { margin-left: 63px;font-size: 12px;color: #999999; }
.rateBoxContent h2 { color: #414141;font-size: 14px;margin: 0px 0 3px 0;position: relative; }
.rateBoxContent h2 > span{ display:inline-block; vertical-align:middle;}
.rateBoxContent h2 > span:first-child{font-size:12px; width:93px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rateBox>a>p { margin: 0 10px 13px 10px; }
/*.seeResultBtnDiv { text-align: center; }*/
.dis { display: none; }
.rateBox>a>i { width: 37px;height: 50px;position: absolute;top: -15px;right: -25px; background-size:80%;}
.excellentTag { background: url(../images/youIcon.png) no-repeat; }
.goodTag { background: url(../images/liangIcon.png) no-repeat; }
.middleTag { background: url(../images/zhongIcon.png) no-repeat; }
.badTag { background: url(../images/chaIcon.png) no-repeat; }
.homeworkRate { font-size: 14px;color: #28b1ff;border: 1px solid #28b1ff;padding: 3px 5px;margin-left: 10px; }
.comeClass { font-size: 12px;color: #ffa028;padding: 2px 5px; cursor: pointer;border: 1px solid #ffa028; }
.comeClassHover { position: absolute;top: -40px; text-align: center; border: 1px solid #ddd;background: #fff6eb; padding: 10px;left: -1px;display: none;width: 230px; color:#333; z-index:5;}
.comeClassArrow {width: 14px;height: 14px;position: absolute;background: #fff6eb; text-align: center;bottom: -8px;left: 50%;margin-left: -8px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); }
/*.comeClass:hover + .comeClassHover { display: block; }*/
/*.comeClassHover:hover{display: block;}*/
/*问题讨论*/
.formName { font-size: 15px;color: #414141;margin-top: 6px; }
.formBox { width: 100%;border: 1px solid #dcdcdc;padding: 10px;height: 40px;line-height: 38px;font-size: 14px;color: #414141;margin-bottom: 25px;outline: none; }
textarea.formBox { height: 120px;resize: none; }
select.formBox { width: auto;margin-bottom: 50px; }
.commentInfo .headImgDiv { width: 50px;float: left; }
.headImgDiv>a>img { width: 100%;height: 50px;border-radius: 50%; }
.headImgDiv>p { font-size: 14px;color: #666666;margin-top: 10px;text-align: center; }
.commentRight { margin-left: 70px; }
.commentRight>h3 { font-size: 14px;color: #666666;margin-bottom: 10px; }
.commentRight>h3>span { color: #999999; }
.commentRight>p { font-size: 14px;color: #999999; }
.commentRight>p>span { color: #666666; }
.shuxian { width: 1px;border-right: 1px solid #666666;margin: 0 10px; }
.replyComment { position: relative;margin-top: 15px; }
.cancelReply { font-size: 14px;color: #999999;margin-right: 20px;margin-top: 10px;cursor: pointer; }
.replyBtn { font-size: 14px;color: #999999;margin-top: 10px;cursor: pointer; }
.replyInfo { border: 1px solid #EBEBEB;background: #f7f7f7;padding: 20px;position: relative;overflow: visible;margin-top: 15px; }
.replyInfo>p { font-size: 14px;color: #777777; }
.topArrowTag { position: absolute;top: -11px;left: 30px;background: url(../images/topArrow.png) no-repeat;width: 20px;height: 11px; }
.replyCommentDiv { display: none; }
.replyComment>textarea { width: 100%;height: 120px;border: 1px solid #dcdcdc;font-size: 14px;padding: 10px 10px 30px;resize: none;color: #666666;margin-bottom: 20px;outline: none; }
.replyComment>p { font-size: 14px;color: #C8C8C8;text-align: right;position: absolute;top: 95px;right: 30px; }
.icon.icon-jinbi { font-size: 14px;color: #ffa028;margin-left: 20px;margin-right: 5px; }
.task_ask_type{
margin-top: 5px;
/*margin-bottom: 8px;*/
}
/*.task_ask_type span{
display: inline-block;
margin-right: 15px;
color: #ffa028;
cursor: pointer;
transition:width 0.5s;
}*/
.task_ask_type label{
color: #000;
margin-right: 20px;
margin-bottom: 15px;
}
.task_ask_type label input{
position: relative;
top: 2px;
margin-right: 3px;
}
.gold_ask{
display: none;
/*margin: 15px 0;*/
/*display: inline-block;
width: 50px;*/
/*margin-top: 20px;*/
/*display: block !important;*/
margin-bottom: 15px;
}
.hover_show{
color: #ffa028;
position: relative;
left: 999px;
visibility: hidden;
cursor: pointer;
}
/*评级举报按钮样式*/
.pingji-jubao-btn{
border-radius: 0px;
color: #d88a8a;
margin-left: 35px;
}
.pingji-jubao-btn i{
margin-right: 5px;
position: relative;
top: -2px;
}
/*.pingji-jubao-btn:hover{
color: #fff;
}*/
.jubao_hide{
display: none !important;
}
/*成果举报*/
.chengguo-jubao{
font-size: 13px;
color: #d88a8a;
margin-left: 25px;
}
.chengguo-jubao i{
position: relative;
top: -3px;
margin-right: 3px;
}
/*我的评级*/
.myRateImgOuter { text-align: center;padding: 0 15%;margin-top: 40px; }
.par-txt{width:100%;}
#weibo-info,#weibo-info:hover,#weibo-info:focus{border:0; box-shadow:none; height:100px;}
.wb-msg-cont{position:relative; overflow:hidden;}
.wb-msg-nav a{display:inline-block; height:36px; line-height:36px; padding:0 20px; font-size:18px; color:#666; border-bottom:1px solid #fff;}
.wb-msg-nav a:hover,.wb-msg-nav a.active{border-color:#ffa028; color:#ffa028;}
.wb-msg-board{overflow:hidden; padding-left:20px;}
.wb-item{border-bottom:1px solid #ddd; padding:15px 0; overflow:hidden;}
.wb-item:last-child{border-bottom:0;}
.wb-item img{display:block; float:left; width:50px; height:50px; margin-right:15px;}
.w-item-c{float:left;}
.w-item-c p{color:#666; font-size:13px;}
.w-item-c p:last-child{margin:0;}
.w-item-c p a,.w-item-c p span{display:inline-block; vertical-align:middle;}
.w-item-c p a{font-size:14px; color:#ffa028; margin-right:10px;}
.w-item-c p a:hover{text-decoration:underline;}
.w-item-c p span{font-size:12px; color:#888;}
.wb-me{margin:10px 0 0;}
.wb-me p{margin-top:10px;}
.wb-me p span{margin-right:30px;}
.wb-me a{display:inline-block; height:34px; line-height:34px; margin-right:20px; padding:0 15px; text-align:center; color:#fff; background-color:#ffa028;}
.right-c{position:relative; width:17%; float:left;}
.rig-fn{position:absolute; display:none; width:10px; height:100px; top:50%; margin-top:-50px; left:-11px; background-color:#fff; line-height:100px; -webkit-box-shadow:-1px 0 3px 0px #ddd; -moz-box-shadow:-1px 0 3px 0px #ddd; -ms-box-shadow:-1px 0 3px 0px #ddd; box-shadow:-1px 0 3px 0px #ddd;}
.rig-fn:hover{background-color:#fcfcfc; cursor:pointer;}
.rig-fn .icon{font-size:13px; color:#666; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
.rig-fn .icon.rotate{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
/*拖拽*/
.look-answer, .look-answer:focus{border-radius:0; background-color:#ffa028; color:#fff; border:0;}
.look-answer:hover{background-color:#fd751b; color:#fff;}
.look-answer.reload{background-color:#64b92b;}
.look-answer.reload:hover{background-color:#589e28; color:#fff;}
.look-answer i{font-size:14px; margin-right:4px;}
.ques-cont{margin-top:20px;}
.dd-com-list{padding:10px; margin-bottom:50px;}
.dd-com-list>li{width:200px; height:120px; position:relative; overflow:hidden; background:url(../images/pullTypeImg.png) no-repeat; background-size:100% 100%; margin-bottom:10px; /*z-index:5;*/ text-align:center; padding:10px;}
.dd-com-list>li:not(.ques-item-til){cursor:move;}
.dd-com-list>li.dd-img{background-image:none; border:1px solid #28b1ff;}
.dd-com-list>li span{display:block; height:85px; overflow:hidden;}
.dd-com-list>li img{max-width:200px; height:120px; display:block; margin:-10px;}
.d-d-item{font-size:12px; color:#fff;}
.d-d-item .icon-fangda{position:absolute; width:22px; height:22px; bottom:0; left:0; font-size:13px; text-align:center; line-height:25px; color:#fff; background-color:rgba(0,0,0,.3);
-webkit-border-radius:0 8px 0 0;
-moz-border-radius:0 8px 0 0;
-ms-border-radius:0 8px 0 0;
border-radius:0 8px 0 0;
}
.dd-com-list>li .example-image-link{display:none !important;}
.dd-com-list>li:hover .example-image-link{display:block !important;}
.dd-com-list>li.dd-img img{margin: 0; max-width: 180px; height: auto;}
.anwser-list{font-size:0; padding-left:0;min-height: 80px;}
.anwser-list>li{display:block; float:left; margin-right:20px;}
/*.anwser-list>li>.layer { display: none;width: 400px;height: 240px;position: absolute;z-index: 20;left: 0;top: 0;color: white;padding: 20px;
font-size: 16px;text-align: left;text-indent: 2em;background: url(../images/pullTypeImg.png) no-repeat;background-size: contain; }
.anwser-list>li:hover>.layer { display: block; }
.anwser-list>li:hover>.layer.layerImg { width: auto;height: auto;padding: 0; }
.anwser-list>li:hover>.layer.layerImg>img { display: block;width: auto;height: auto;margin: 0; }
*/
.dd-com-list>li>.layer { display: none; }
/*.dd-com-list>li>.layer.disNone { display: none; }*/
.answer-warp{ border:2px dashed #ffa028;padding-left: 15px;margin-left: -17px;margin-right: -17px;margin-top: -2px;padding-bottom: 8px;}
.ques-list{min-height:140px;min-width: 200px; margin-right:20px; border:2px dashed #ffa028;position: relative;display: inline-block;vertical-align: top;}
.ques-list.dtm-false:before,.ques-list.dtm-true:before{content:''; position:absolute; width:24px; height:24px; top:-13px; left:-13px; color:#fff; border:2px solid #fff; line-height:22px; text-align:center;
font-family: "icon" !important;
font-size: 12px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
border-radius:50%;
}
.ques-list.dtm-false:before{content:"\e6a5"; background-color:#d43333;}
.ques-list.dtm-true:before{content:"\e664"; background-color:#64b92b;}
.ques-list>li.ques-item-til{height:auto; background-image:none; font-size: 15px;color: #ffa028;margin-top: -40px;position: absolute;padding: 0;left: 0;width: 100%;text-align: center;}
.ques-list>li.ques-item-til>p { display: block;overflow: hidden;height: 24px; }
/*.ques-list>li.ques-item-til>div { display: none;position: absolute;top: 0;left: 0;z-index: 10;background: white; }
.ques-list>li.ques-item-til:hover>div { display: block; }
.ques-list>li.ques-item-til:hover>p { display: none; }*/
.ques-list>li:last-child{margin-bottom:0;}
.dd-com-list>li.ui-draggable-dragging{z-index:20; opacity:0.8; filter:alpha(opacity=80);}
.ui-droppable-hover{border-color:#f40;}
#evalutate_result{color:#666; font-size:20px; padding:0 0 55px; margin-left:-550px;margin-top: -85px;clear: both;
-webkit-transition:margin 1.5s;
-moz-transition:margin 1.5s;
-ms-transition:margin 1.5s;
transition:margin 1.5s;
}
#evalutate_result em{padding:0 15px;}
#evalutate_result span{color:#d43333;}
#evalutate_result.ac{margin-left:0;}
/*瀑布流*/
.mainBody.waterfallMain {background: transparent; padding: 20px 20px 60px; position:relative;width: 80%;}
.water-load{position:absolute; width:260px; height:50px; bottom:-50px; left:50%; margin-left:-130px; line-height:50px; text-align:center; color:#666; font-size:16px;}
.water-load img{display:inline-block; width:28px; height:28px; margin-top:-3px; margin-right:5px;}
.waterfallContainer { position: relative; font-size:0;}
.pin{float:left; width:300px; max-height:650px; overflow:hidden; padding-bottom:20px; font-size:14px;margin-right: 22px;}
.pin:nth-child(4n){margin-right: 0;}
.box{background: white;padding: 20px; border:1px solid #dfdfdf;}
.box>img { width: 100%;height: auto; }
.personInfo>img { width: 50px;height: 50px;border-radius: 50%;float: left; }
.personInfo>div { margin-left: 60px; }
.personInfo>div>h2 { font-size: 16px;color: #333333;margin: 5px 0 ; }
.personInfo>div>p { font-size: 14px;color: #999999; }
.briefInfo { font-size: 14px;color: #777777;margin: 15px 0; }
.wf-container:before,.wf-container:after {
content: '';
display: table;
}
.wf-container:after {
clear: both;
}
.wf-column {
float: left;
}
.layui-layer-tips.dd-tips .layui-layer-content{border:1px solid #ccc; background-color:#fff; font-size:13px; color:#666;
-webkit-box-shadow:0px 1px 10px 0px #ccc;
-moz-box-shadow:0px 1px 10px 0px #ccc;
-ms-box-shadow:0px 1px 10px 0px #ccc;
box-shadow:0px 1px 10px 0px #ccc;
}
.layui-layer-tips.dd-tips i.layui-layer-TipsL,.layui-layer-tips.dd-tips i.layui-layer-TipsR{
width:12px; height:12px; top:10px; left:-6px; background-color:#fff; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.review-footer .btn{border-radius:0;}
.review-footer .btn.sa{background-color:#ffa028; color:#fff;}
#taskmodal-title{border-bottom:1px solid #e5e5e5; color:#666;}
#taskmodal-title h4 span{font-weight:bold; color:#ffa028; margin-right:5px;}
.taskm-til{padding-left:15px; border-left:3px solid #ffa028; font-size:16px; color:#777; clear:both;}
.taskm-commit{padding:15px 0; color:#777;}
.taskm-pic{position:relative; float:left; margin-bottom:10px; margin-right:10px;}
.taskm-pic img{width:120px; max-height:120px; display:block;}
.taskm-pic a.icon{position: absolute; width: 25px; height: 25px; bottom: 0; left: 0; line-height: 25px; display: none; background-color: rgba(0,0,0,.5); font-size: 15px; color: #fff; text-align: center; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0;}
.taskm-pic:hover a.icon{display:block;}
.taskm-down a{display: inline-block; margin-left: 20px; padding: 2px 15px; background-color: #ffa028; color: #fff;}
.trinv-modal-header{text-align:center;}
.trinv-modal-header .modal-title{color:#ffa028; font-size:18px;}
.trinv-modal-footer{text-align:center;}
.trinv-modal-footer .btn{color:#fff; border-radius:0; -webkit-border-radius:0;}
.trinv-modal-body{padding-top:0;}
.trinv-teach,.trinv-stu{position:relative; height:290px; padding-top:35px; overflow:auto;}
.trinv-teach{width:35%;}
.trinv-teach:after{content:''; position:absolute; width:1px; height:80%; margin-top:10%; top:0; right:0; background-color:#ddd;}
.trinv-stu{width:65%;}
.J-change{position:absolute; width:67px; height:21px; top:0; right:15px; background:url(../../home/images/fw.png) no-repeat 0 0;}
.J-change:hover{background:url(../../home/images/fwg.png) no-repeat 0 0;}
.trinv-til{position:absolute; font-size:16px; top:0; left:15px; color:#777;}
.trinv-list{height:180px; overflow:auto; font-size:0;}
.trinv-teach .trinv-item{width:100%;}
.trinv-stu .trinv-item{width:50%;}
.trinv-item{display:block; float:left; margin-bottom:15px; padding-left:8px; font-size:14px; color:#666; cursor:pointer;}
.trinv-teach .trinv-item:last-child{margin-bottom:0;}
.trinv-item p{margin:5px 0 8px;}
.trinv-l,.trinv-r{float:left; position:relative;}
.trinv-l{max-width:60px; margin-right:5%; text-align:center;}
.trinv-r{max-width:140px;}
.trinv-l p,.trinv-r p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px;}
.trinv-item a{font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.trinv-item a:hover{text-decoration:underline;}
.trinv-item i{width:19px; height:19px; position:absolute; top:0; left:45px; background:#fff url(../../home/images/check.png) no-repeat 0 0;}
.trinv-item i.check{background:#fff url(../../home/images/xz.png) no-repeat 0 0;}
.trinv-item img{display:block; width:56px; height:56px; margin:0 0 0 5px;}
@media screen and (max-width: 1600px){
.hover_show{
left: 808px;
}
.handleNav{
width: 14%;
}
.handleNav ul > li a{
padding: 15px 0 15px 20%;
}
.handleMain{
padding-left: 205px;
}
.shixun-detail ul li{margin-right: 9%;}
.shixun-detail ul li:nth-child(6){margin-right: 0;}
.shixun-detail ul .yellow-line{margin-right: 20%;}
.mainBody{
width: 80%;
}
.rateBox:nth-child(4n){
margin-right: 20px;
}
.shixun-detail ul .yellow-line{width: 76%}
}
@media screen and (max-width: 1530px){
.shixun-detail ul .yellow-line{width: 80%;margin-right: 0%;}
}
@media screen and (max-width: 1440px){
.hover_show{
left: 645px;
}
.mainBody{
width: 910px;
}
.shixun-detail ul .yellow-line{width: 84%;margin-right: 0%;}
}
@media screen and (max-width: 1400px){
.hover_show{
left: 645px;
}
.mainBody{
width: 910px;
}
}
@media screen and (max-width: 1366px){
.hover_show{
left: 645px;
}
.mainBody{
width: 80%;
}
.rateBox:nth-child(4n){
margin-right: 20px;
}
.rateBox:nth-child(3n){
margin-right: 0px;
}
.shixun-detail ul li{margin-right: 6%;}
.shixun-detail ul .yellow-line{width: 75%}
}
@media screen and (max-width: 1280px){
.hover_show{
left: 550px;
}
.handleNav{width: 13%;}
.handleNav ul > li a{
padding: 15px 0 15px 15%;
}
.mainBody{
width: 790px;
padding: 15px 20px 50px 20px;
}
.handleMain{
padding-left: 180px;
}
.shixun-detail ul li{
margin-right: 8%;
}
.shixun-detail ul .yellow-line{width:85%}
}
/**兼容640px以下的分辨率*/
@media screen and (max-width:640px) {
/*隐藏左边导航*/
.handleNav { display: none; }
.handleMain { margin-left: 0; }
.achieveImgOuter { padding: 0; }
.taskRate>li>textarea { width: 60%; }
.rateResult>li>img { margin-bottom: 15px; }
}
/**兼容320px以下的分辨率*/
@media screen and (max-width:320px) {
}