/** 撒旦撒旦法 */
*,p,h1,h2,h3,h4,h5,ul,li{padding: 0;margin: 0}
ul,li{ list-style:none}
a{text-decoration: none;-webkit-tap-highlight-color:transparent; }
a:hover{ text-decoration:none !important;-webkit-tap-highlight-color:transparent; cursor: pointer}
a:active{text-decoration:none;}
a:focus{text-decoration:none !important;-webkit-tap-highlight-color:transparent; }
a{color: #666666}
a:focus, a:hover{color: #666666}
.container-fluid {
    width: 100%;
    min-width: 960px;
    margin: 0 auto;
}
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
@font-face {
    font-family: 'iconfont';  /* project id 180679 */
    src: url('//at.alicdn.com/t/font_180679_yolnnm9cpn.eot');
    src: url('//at.alicdn.com/t/font_180679_yolnnm9cpn.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_180679_yolnnm9cpn.woff') format('woff'),
    url('//at.alicdn.com/t/font_180679_yolnnm9cpn.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_180679_yolnnm9cpn.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
body{font-family: " 微软雅黑";font-size: 12px;background-color: #e8ecf0}
a:hover,a:active,a:focus,a:visited{;cursor: pointer;outline: none;text-decoration: none}
/*body{background-color: #e8ecf0}*/
.learningRecordsMain{background-color: #ffffff;margin: 20px;padding-bottom: 10px}
.learningRecordsMain>nav{border-bottom: 1px solid #eeeeee;margin-bottom: 30px}
.learningRecordsMain>nav h2{font-size: 18px;padding: 20px;font-weight: bold;}
.learning{background-color: #e8ecf0;padding: 1px}
.learningListTime{text-align: center;color: #888888;;padding-right: 0;position: relative}
.learningListTime>i{width: 10px;height: 10px;background-color: #cccccc;position: absolute;right: -5px;top: 0px;border-radius: 100%}
.learningListTime>time{display: block;font-size: 24px}
.learningListImg{width: 210px;display: inline-block;float: left;position: relative}
.learningListImg i{
    display: inline-block;
    padding: 1px 8px;
    color: #ffffff;
    background-color: #ff6c00;
    border-radius: 25px;
    border: 2px solid #ffffff;
    position: absolute;
    right: -5px;
    top: -8px;
    font-style: normal;
}
.learningListImg span{
    display: inline-block;
    padding: 5px 8px;
    background-color: rgba(0,0,0,0.4);
    color: #ffffff;
    border-radius: 25px;
    position: absolute;
    bottom: 5px;
    left: 5px;
}
.learningListImg>img{height: 120px;width: 210px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px}
.learningListText{width: 50%;display: inline-block;margin-left: 20px}
.learningListText>h5{font-weight: bold;margin-bottom: 10px;font-size: 14px}
.learningListText>article{line-height: 20px;overflow: hidden;;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.learningListText>p{margin-top: 10px;}
.learningListText>p>span{color: #129a92;padding-right: 20px}
.learningListBtn{display: inline-block;float: right;text-align: center}
.learningListFd{;border-left: 1px solid #cccccc;padding-left: 30px;}
.learningListFd>div.learningShow{border-bottom: 1px solid #eeeeee;height: 170px;padding-top: 25px}
.learningListBtn>p>span.iconfont{color: #999999;margin: 0px 20px}
.learningListBtn>p>span.icoSave{color: #ff9900}
.learningListBtn>p>span.iconfont:hover{cursor: pointer}
.learningListBtn a{border:1px solid #129a92;color: #129a92;;display: inline-block;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
    padding: 5px 20px;margin-top: 30px;line-height: 20px}
.learningListBtn a:hover{background-color: #129a92;color: #ffffff}
.projectPagination ul{height: 40px;display: inline-block}
.projectPagination li{float: left;padding:11px 16px;border-radius: 100%;margin-right: 10px}
.projectPagination li a{color: #333333;}
.projectPagination li:hover{cursor: pointer}
.projectPagination li:not(:first-of-type):not(:last-of-type):hover{background-color: rgba(0,0,0,0.2);}
.projectPagination li:not(:first-of-type):not(:last-of-type):hover a{color: #ffffff}
.projectPagination {
    text-align: center;
    padding: 20px 0;

}
li.paginationActive {background-color: #000000;}
li.paginationActive a{color: #ffffff;!important;}
.footer{padding: 20px;text-align: center}
.footer span{color: #a9a9a9;}
.footer a{margin:0 ;color: #888;}
#collectp .iconfont{color: #ff9900}
#collectp .iconfont:hover{cursor: pointer;}
.pages{width: 100%;  margin:20px 0; font-size: 12px;}
.pdiv{text-align: center;line-height: 30px}
.pages a,.pages li {
    display:inline-block;
    list-style: none;
    padding: 5px 15px;
    margin: 0 5px;
    text-decoration:none; color:#666;
}
.pages span.current,.pages a.num{
    display: inline-block;
    padding: 0;width: 30px;height: 30px;   ;
    border-radius: 100%;
}
.pages span.current:hover,.pages a.num:hover{
    background-color: #d9dde1;
}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
   ;display: inline;
}

.pages span.current{
    background:#4d555d;
    font-weight:700;
    color: #ffffff;
}
.pages .rows{ border:none;color:#999;padding-left: 10px }
.pages .rows>b{ font-weight:normal; }
/*studyPlan*/
.studyPlanShow div.col-xs-3{position: relative;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;;display: block;margin: 10px 0}
.PlanBgImg {position: relative;color: #ffffff;;border-radius: 10px 10px 0 0 ;-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0 ;overflow: hidden}
.PlanBgImg img{position: absolute;
    left: 0;top: 0;width: 100%;height: 100%}
.PlanBgImg p{font-size: 18px;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;line-height: 36px}
.PlanBgImg article{font-size: 14px;padding-bottom: 10px}
.PlanBgImg article span{padding: 0 5px}
.planArc{
    margin-bottom: 10px;
    padding: 10px;border: 1px solid #eeeeee;border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;}
.BgImgHd{background-color: rgba(0,0,0,0.1);position: relative;padding: 10px;height: 100px;}
.planArc p{line-height: 20px;height: 60px;overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.planBtn{padding: 20px 0 10px;text-align: center}
.planBtn>a{font-size: 16px;    display: inline-block;width: 44%;height: 30px;line-height: 30px;text-align: center;;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border: 1px solid #129a92;color: #129a92}
.doneLabel{position: absolute;    top: -20px;
    right: -40px;;background-color: #ff0101;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */}
.doneLabel span{color: #ffffff;    display: inline-block;
    padding: 30px 30px 2px;}
.studyPlanShow div.col-xs-3:hover .planArc{
    box-shadow: 0px 2px 5px 0 #CCCCCC;
}
.studyPlanShow  .planBtn a:hover {background-color: #129a92;color: #ffffff;border: 1px solid #129a92}
.studyPlanShow{margin-right: 0;margin-left: 0;margin-bottom: 20px}
.footBanner img{width: 100%}
.footBanner{padding:0 20px}
.planDetails-hd .PlanBgImg{margin-left: 15px;margin-right: 15px;height: 160px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;overflow: hidden}
.planDetails-hd .PlanBgImg .BgImgHd {text-align: center;height: 160px;    display: table-cell;
    width: 100vw;
    vertical-align: middle;}
.proListAll{margin: 40px 0}
.disPro{;
   margin-left: 15px;margin-right: 15px}
.disPro .disPro-title span{float: right;font-size: 12px;font-weight: normal}
.disPro .disPro-title span strong{
    display: inline-block;
    padding: 0px 5px;
    background: #ff9900;
    line-height: 20px;
    border-radius: 5px;
    color: #ffffff;
    margin: 0 10px;
    font-weight: normal;
}
.disPro .disPro-title span i.iconfont{width: 18px;display: inline-block}
.disPro .disPro-title{font-size: 18px;font-weight: bold;border-bottom: 1px solid #ffffff;height: 45px;line-height:45px;background-color: #F2F2F2}
.disPro .disPro-title:hover{cursor: pointer}
.disPro .learningListFd{border-left: none;display: none}
.disPro .learningListText>article{height: 80px; line-height: 20px;overflow: hidden;;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.disPro .learningListBtn a{}
.disPro .planBtn a:hover{background-color: #129a92;color: #ffffff}
.disPro .planBtn a{width: auto;padding: 5px 20px;margin-top: 30px;line-height: 20px}
.disPro .learningListFd{padding-left: 0}

.disPro .learningListFd>div.learningShow,.disPro-title{padding-left: 15px;padding-right: 15px}
.planBtn i.iconfont{color: #ff9900;}
.planBtn i.iconfont:hover{cursor: pointer}
/*考试测评*/
.studyTest>.col-xs-4{margin-bottom: 20px}
.studyTestList{position: relative;}
.studyTestListBg{display:-webkit-box;background-color: #999999;margin: 0;padding: 10px 0;color: #ffffff;border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;min-height: 120px;}
.studyTestListBg p{font-size: 18px;font-weight: bold;padding-bottom: 10px}
.studyTestListBg .col-xs-9,.studyTestListBg .col-xs-3{
    display: flex;
    align-items: Center;
}

.studyTestListBg img{min-width: 60px}
.studyTestListLabel{
    display: inline-block;
    padding: 1px 8px;
    color: #ffffff;
    background-color: #ff6c00;
    border-radius: 25px;
    border: 2px solid #ffffff;
    position: absolute;
    right: -5px;
    top: -8px;
    font-style: normal;
}
.studyTestListBtnGroup1{}
.studyTestListBtnGroup1,.studyTestListBtnGroup2,.studyTestListBtnGroup3{padding: 20px 0;text-align: center;border: 1px solid #e5e5e5;border-bottom: none}
.studyTestListBtnGroup1 a{
    display: inline-block;;padding: 4px 20px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;
    background-color: #129a92;border: 1px solid #129a92;color: #FFFFFF;font-size: 18px;min-width: 120px;
}
.studyTestListBtnGroup2 a{display: inline-block;;padding: 4px 20px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;font-size: 18px}
.studyTestListBtnGroup2 a:first-of-type{
    border: 1px solid #129a92;color: #129a92;margin-right: 10px;min-width: 120px;
}
.studyTestListBtnGroup2 a:nth-of-type(2){
    background-color: #eeeeee;border: 1px solid #eeeeee;min-width: 120px;
}
.studyTestListBtnGroup3 a{
    display: inline-block;;padding: 4px 0px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;
    ;border: 1px solid #129a92;color: #129a92;font-size: 18px;min-width: 120px;
}
.studyTestListShowGroup i.iconfont{;margin-right: 5px;font-size: 12px;}
.studyTestListShowGroup a{display: inline-block;;text-align: center;height: 40px;line-height: 40px}
.studyTestListShowGroup{margin: 0;}
.studyTestListShowGroup a{border: 1px solid #e5e5e5;font-size: 14px}
.studyTestListShowGroup a:first-of-type{border-right: none;border-radius: 0 0 0 8px}
.studyTestListShowGroup a:nth-of-type(2){border-radius: 0 0 8px 0}
#startModal .modal-content,#seeModal .modal-content{width: 400px;    border-radius: 12px;  box-shadow: none;  border: none;-webkit-box-shadow: none;-moz-box-shadow: none}
#startModal .modal-header,#seeModal .modal-header{background-color: #129a92;color: #FFFFFF;padding: 10px 15px;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0}
#startModal .modal-header h4,#seeModal .modal-header h4{font-size: 14px}
#startModal .modal-header button,#seeModal .modal-header button{color: #FFFFFF;opacity: 1}
#startModal .modal-body,#seeModal .modal-body{text-align: center}
#startModal .modal-body .codeImg img,#seeModal .modal-body .codeImg img{width: 80%}
#startModal .modal-body  p,#seeModal .modal-body  p{font-size: 16px;color: #000000;margin-bottom: 15px;margin-top: 10px}
#startModal .modal-body button.btnDone{background-color: #129a92;color: #FFFFFF;border: 1px solid #129a92;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;min-width: 96px}
#startModal .modal-body button.btnClose,#seeModal .modal-body button.btnClose{border: 1px solid #129a92;color: #129a92;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;margin-left: 10px;min-width: 96px}
#startModal .modal-footer,#seeModal .modal-footer{text-align: center;font-size: 14px;color: #999999}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: none;outline-offset: 0;box-shadow:none}
#startModal .btn-default:hover,#seeModal .btn-default:hover{background-color: #FFFFFF}
#shareModal .modal-header{background-color: #129a92;color: #FFFFFF;padding: 10px 15px;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0}
#shareModal .modal-content .row{margin: 0}
#shareModal .modal-header button{color: #FFFFFF;opacity: 1}
#shareModal .modal-header h4 p{font-size: 24px;font-weight: bold}
#shareModal .modal-header h4 span{font-size: 14px}
#shareModal .modal-content{width: 500px; border-radius: 12px;  box-shadow: none;  border: none;-webkit-box-shadow: none;-moz-box-shadow: none}
.shareModalTitle{display:-webkit-box }
.shareModalTitle .col-xs-9,.shareModalTitle .col-xs-3{display: flex;align-items:center}
.shareModalTitle .col-xs-9{padding-left: 0}
#shareModal .shareList{padding-bottom: 10px;border-bottom: 1px solid #eeeeee}
#shareModal .shareList>.row{display: -webkit-box;}
#shareModal .shareList  .shareImg,#shareModal .shareList .col-xs-5{display: flex;align-items: center}
#shareModal .shareList .col-xs-5 {font-size: 14px;color: #999999}
#shareModal .shareList .col-xs-5 p{margin-bottom: 10px}
#shareModal .shareList .col-xs-4 p{position: absolute;right: 0;bottom: 0;color: #999999}
#shareModal .shareList .col-xs-4 p:hover{cursor: pointer}
#shareModal .showShare{text-align: center}
#shareModal .showShare .showShareMore{display: inline-block;padding: 15px;padding-bottom: 5px}
#shareModal .showShare .showShareMore img{width: 35px}
#shareModal .noMore{text-align: center;margin: 10px 0;color: #999999}
@media screen and (max-width: 1000px){  .studyTestListBg .col-xs-9 span{display: block;min-height: 35px;}  }

.ws-follow-list{padding: 20px 15px;border-bottom: 1px solid #E5E5E5}
.ws-follow-msg{display: flex;align-items: center;justify-content: center}
.ws-followPerImg img{height: 120px;width: 120px}
.ws-followName{color: #333;font-size: 16px}
.ws-followAddr,.ws-followGood,.ws-followYu{color: #999999;font-size: 12px}
.ws-followAddr span{padding-left: 5px;padding-right: 30px;color: #333333}
.ws-followAddr em{font-style: normal;color: #ff6c00;padding-left: 5px}
.ws-followGood span{color: #333333;padding-left: 5px}
.ws-followYu span{display: inline-block;margin-right: 30px}
.ws-followYu span em{font-style: normal;color: #ff6c00;font-size: 14px;padding-top: 5px}
.ws-followCaseImg{display: flex;align-items: center;height: 120px}
.ws-followCaseImg .col-xs-3{padding: 0 5px}
.ws-followBtn{text-align: right;    display: flex;  align-items: center;  height: 120px;}
.ws-followBtn a{display: block;padding: 5px 0px;width: 90px;margin-bottom: 15px;text-align: center;border: 1px solid #00c1de;margin-left: 10px}
.ws-followBtn a:first-of-type{color: #00c1de}
.ws-followBtn a:last-of-type{background-color: #00c1de;color: #FFFFFF}
.ws-followPerTxt{margin-left: 5px}

.ws-plan-h4{color: #999999;font-size: 14px;padding: 0  15px }
.studyPlanShow div.col-xs-3:nth-of-type(4n+1):before{
    content: '';width: 10px;height: 10px;border-radius: 100%;position: absolute;left: -9px;top: -20px;background-color: #cccccc;
}
.studyPlanShow div.col-xs-3:nth-of-type(4n+1):after{
    content: '';width: 1px;height: 100%;position: absolute;left: -5px;top: -10px;background-color: #eeeced;
}
.studyPlanShow div.col-xs-3:nth-of-type(1):after{
    height: calc(100% + 10px);
}
/*禁用计划*/
.ws-showOperatorBtn{position: absolute;left: 0;width: 100%;height: 100%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
    top: 0;background-color: rgba(0,0,0,0.2);z-index: 5}
.ws-operatorPlanShow{position: relative}
 .ws-operatorPlan div.col-xs-3:hover  .planBtn a{background-color: #ffffff;border-color: #999999;color: #999999}
.ws-operatorPlan div.col-xs-3:hover .planArc{
    box-shadow: none;
}
.ws-operatorPlan .planBtn>a{background-color: #FFFFFF;border-color: #999999;color: #999999}