.main{width:800px;margin:0 auto;clear:both;position:relative}
.post-main-slider{height:280px;}
.mognews{overflow:hidden;height:auto;position:relative;margin-top:5px;width:800px}
.mognews .bn-title{display:inline-block;float:left;padding:10px 0}
.mognews ul{padding:0;margin:0;display:block;list-style:none;position:absolute}
.mognews ul li{list-style:none;padding:10px 0;display:none}
.mognews .bn-arrows{display:inline-block;float:right;width:50px;position:absolute;right:0;top:10px;bottom:0}
.mognews .bn-arrows span{display:block;width:20px;position:absolute;top:0;bottom:0;cursor:pointer;opacity:.8}
.mognews .bn-arrows span:hover{opacity:1}
.mognews .bn-arrows-left{left:0}
.mognews .bn-arrows-right{right:0}
.mognews .laba{float:left;margin-top:12px;margin-right:0}
.imgContainer{background:url("../../../assert/images/coursebg.jpg");height:280px;position:relative;padding-top:30px;background-position:center}
.item-box{position:relative;margin:16px 0;padding:32px;border-radius:4px;box-shadow:0 0 16px #ddd;overflow:hidden;background-color:#fff}
.item-box:hover{box-shadow:0 0 16px #ccc}
.item-box_content{color:#999;font-size:12px;overflow:hidden;margin-left:20px;padding-right:40px}
.item-box_content .intro{color:#787878;font-size:13px}
.item-box_title{max-height:2.6em;margin-bottom:0;color:#3a5169;font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;text-overflow:ellipsis;overflow:hidden}
.item-box_title:focus,.item-box_title:hover{text-decoration:underline}
.item-box_author{-webkit-font-smoothing:subpixel-antialiased;text-decoration:underline;color:#b3b3b3;cursor:pointer;position:relative;display:inline-block;text-decoration:none;color:#999;font-weight:700}
.item-box_author:hover{text-decoration:none}
.item-box_author:focus:after,.item-box_author:hover:after{opacity:1;transition-delay:.2s;transition-duration:.15s;transform:translateY(-3px) translateZ(0)}
.item-box_category{margin-top:16px;margin-bottom:16px}
.item-box_category a{color:#787878}
.item-box_category a:hover{text-decoration:none}
.item-box_category span{
    line-height: 23px;
    padding: 4px 7px;
    -moz-border-radius: 20px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    background: #eeeeee;
    color: #686868;
}
.item-box_detailsItem{margin-bottom:6px;color:#787878;font-size:12px}
.item-box_detailsItem i{color:#787878}
.item-box_bulletPoint_1U-aa{margin-bottom:4px;margin-left:16px;color:#4d4d4d;list-style-type:disc}
.item-box_footer{position:relative;display:-ms-flexbox;display:flex;-ms-flex:2 0;flex:2 0;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:16px;border-left:1px solid #e6e6e6;padding-top:30px}
.item-box_price{font-weight:700;margin-bottom:30px}
.item-box_footerButtons{position:absolute;top:0;right:0}
.item-box_footerButtons a{text-decoration:none}
.item-box_alignBottom{width:100%;display:-ms-flexbox;display:flex;margin-top:auto;-ms-flex-item-align:end;align-self:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.item-box_alignBottom .btn_preview{height:26px;line-height:26px;background:#fff;font-size:12px;border:1px solid #f1f1f1;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 1px 1px rgba(0,0,0,.12);color:#666}
.item-box_alignBottom .btn_down{height:26px;line-height:26px;background:#fff;font-size:12px;border:1px solid #f1f1f1;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 1px 1px rgba(0,0,0,.12);color:#666;width:50px;border-radius:50px;text-align:center;margin-right:5px}
.item-box_alignBottom .btn_down:hover{text-decoration:none}
@media (max-width:768px){.sys_nav > li:first-child,.imgContainer,.item-box_footer,.item-box_category,.tagList-module,.item-right,.boot_foot,.block-sidebar,.item-box_content .intro,.follow_sec a,#user_nav a:nth-child(3),#user_nav a:nth-child(2),.contribute,.sideBar-animate{display:none}
    #share-links{margin-bottom:10px}
    .comments .response{width:99%;margin:0 5px}
    .slidermain .brand{position:absolute;right:0;top:12px;width:100%;height:248px;border:none}
    .search-wrap{height:45px;line-height:45px}
    .search-wrap .search-text{width:80%;padding-left:15px;background:#fff;border-radius:28px 0 0 28px;font-size:14px;left:5px;height:35px;line-height:35px}
    .search-wrap .search-button{width:20%;height:35px}
    .search-sug{width:80%;top:43px;left:20px}
    .searchtype{margin-top:30px}
    .headerBg{height:200px}
    .user-info .user-avatar{margin-top:100px}
    .user-info .info{margin-top:130px}
    .slidermain,.main,.header .header_nav,.pop_container.larger,.item-box_imageContainer,.item-box_imageContainer img,div.item-bg h1,.item-thumb,.item-container .item-thumb img,.item-info,div.the-item,.item-bg,.item-container,.search-wrap,.user-info{width:100%}
    div.item-bg h1{padding-top:20px}
    .pop_container,.pop_frame{width:90%}
    .course_tip.big{width:220px}
    .course_tip.big .course_tip_body a{width:42%;line-height:35px;height:35px;overflow:hidden}
    .course_tip.big .course_tip_body a:nth-child(2n){margin-right:0}
}
@media (min-width:769px){.course_tip.big .course_tip_body a:nth-child(3n){margin-right:0}
    .item-container .item-thumb{float:left}
    .item-info{float:right;width:240px;position:relative}
    .item-bg{padding:20px;margin-bottom:20px}
    div.item-bg h1{width:800px}
    .item-box_content{width:505px;float:left}
    .item-box_imageContainer{width:300px;float:left}
    .item-box{display:-ms-flexbox;display:flex}
    div.the-item{float:left;width:530px}
    .search-wrap{width:600px;height:60px}
    .search-wrap .search-text,.search-wrap .search-button{height:50px;line-height:50px}
    .search-wrap .search-text{width:490px;padding-left:15px;background:#fff;border-radius:48px 0 0 48px;font-size:14px;left:5px;height:48px}
    .search-wrap .search-button{width:85px}
    .search-sug{width:489px;top:56px;left:20px}
}
.b-box{padding-top:4px}
.b-box .s-box{position:relative;float:left;overflow:hidden;margin-right:10px;margin-bottom:26px;width:277px;height:auto;box-shadow:0 0 16px #ddd;}
.b-box .s-box:nth-child(4n){margin-right:0;}
.b-box .s-box .s-pic{width:100%;height:385px}
.b-box .s-box.selected{border:1px solid #F44336;}
.b-box .s-box .dd{min-height:389px;}
.b-box .s-box .explain{display:block;padding:0 22px;background:#fff}
.b-box .s-box .p-title{height:44px;background:#fff;text-align:center;}
.b-box .s-box .p-title a{display:inline-block;overflow:hidden;width:225px;height:44px;color:#252525;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:44px}
.b-box .s-box .p-title a:hover{color:#007aff}
.b-box .s-box .resume-info{position:absolute;left:0;right:0;bottom:115px;color:#fff;display:none;}
.b-box .s-box:hover .resume-info{display:block}
.b-box .s-box .coll{display:block;width:100%;height:44px;border-top:1px solid #eceff1;color:#838383;font-size:14px;font-family:Arial;line-height:44px}
.b-box .dianzan-num{position:relative;float:left;width:50%;text-align:left}
.b-box .coll-num{float:right;width:45%;text-align:right}
.b-box .coll-num i{display:inline-block;width:30px;height:30px;vertical-align:-5px}
.b-box .s-box .mark{position:absolute;top:0;left:0;display:none;width:100%;height:390px;background:#000;opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0)}
.b-box .s-box:hover .mark{display:block;opacity:.4;transition:all .15s;-moz-opacity:.4;-khtml-opacity:.4;filter:alpha(opacity=40);-ms-transition:all .15s}
.b-box .s-box .b-down{position:absolute;top:190px;left:55%;z-index:2;margin-left:-88px;padding-left:22px;width:148px;height:50px;border-radius:4px;background:#d7000f;color:#fff;font-size:16px;line-height:50px;letter-spacing:2px;opacity:0;cursor:pointer;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0)}
.b-box .s-box .b-down:hover{background:#fc2130}
.b-box .s-box:hover .b-down{opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)}
.b-box .s-box .b-collect{position:absolute;top:130px;left:55%;z-index:2;margin-left:-90px;padding-left:26px;width:148px;height:50px;border-radius:4px;background:#fff;color:#333;letter-spacing:2px;font-size:20px;font-size:16px;line-height:50px;opacity:0;cursor:pointer;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);}
.b-box .s-box:hover .b-collect{opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)}