/*内容通用样式*/

.designer_content_title {width: 100%;text-align: left;font-size: 20px;font-weight: bold;margin: 0 0 10px 0;}
.designer_content_content {width: 800px;margin: 0 auto;}
.designer_content_line{
    border-bottom: 1px solid #f2f2f2;
    /* margin: 40px 0 0 0; */
}
.designer_content_collection {
    width: 330px;
    /* float: left; */
}
.designer_content_contain{width: 1020px;padding: 20px 20px;background:#fff;margin: 0 auto 50px;margin-top:30px;border-radius: 4px;overflow: hidden;padding-bottom: 0;}
.designer_content_content p,.designer_content_content h1,.designer_content_content h2,.designer_content_content h3,.designer_content_content h4,.designer_content_content h5,.designer_content_content h6,.designer_content_content ul,.designer_content_content ol,.designer_content_content div{/* display:block; *//* width:100%; *//* font-family:"微软雅黑"; *//* letter-spacing:0.5px; *//* color:#333; *//* text-shadow:none; *//* text-align:center; */}
.designer_content_content {padding: 20px 0;}
.designer_content_content p,.designer_content_content section{/* font-size: 14px; *//* line-height:28px; *//* text-align:justify!important; *//* letter-spacing: 1px; */}
.designer_content_content strong{/* font-size: 16px; */}
.designer_content_content img{
    max-width:100%;
    /* width:auto;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 4px; */
    }
blockquote{border:none !important}
.designer_content_content .image-caption{display:block;width:800px;margin:20px 0 10px 200px;text-align:center}
.designer_content_content h3,.designer_content_content h1,.designer_content_content h4{margin:20px 0 10px 200px}

.image-view img{margin:auto;display:block;border-radius:4px}
.image-package .image-container .image-view{width:1200px}

.mater_course_contain {margin: 0 24px 20px 0;overflow: hidden;}
.mater_course_contain:nth-child(5n+5) {margin: 0 0px  20px 0;}
.courseImgListSearch{border:1px solid #E0E0E0;width:212px;height:32px;display:inline-block;overflow:hidden;position:relative;right:0px;background-color:white;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;float:right;/* margin: 0 0  10px 0; */}
.courseImgListSearchSearchInput{display:inline-block;float:left;width:180px;height:30px;border-color:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-filter:"alpha(opacity=100)";z-index:11;text-align:center;line-height:30px;font-size:14px;background-color:white;color:black}
.courseImgListSearchIcon{display:inline-block;cursor:pointer;float:left;width:30px;height:30px;border:0;background:url(../img/searchGray.png) no-repeat;background-size:100%}
.designer_contentBox{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -moz-align-items: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 50px 0;
}
.designer_content_right {
    width: 330px;
    margin-left: 30px;
}
.designer_content_right .designer_content_rightTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.designer_content_right .designer_content_rightTop span {
    font-size: 20px;
    color: #333333;
}
.designer_content_right .designer_content_rightTop code {
    font-size: 14px;
    color: #bbbbbb;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: none;
}
.designer_content_right .designer_content_rightTop code img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.designer_content_right .designer_content_rightList{
    width: 100%;
}
.designer_content_right .designer_content_rightList .designer_content_rightItem{
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.designer_content_right .designer_content_rightList .designer_content_rightItem .designer_content_rightItem_img {
    background-size: 100% 100% !important;
    width: 330px;
    height: 185px;
    border-radius:4px 4px 0px 0px;
}
.designer_content_right .designer_content_rightList .designer_content_rightItem .designer_content_rightItem_title {
    text-align: justify;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    /* padding-left: 18px; */
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 48px;
    line-height: 24px;
}
.designer_content_right .designer_content_rightList .designer_content_rightItem .designer_content_rightItem_con{
    background: #ffffff;
    height: 66px;
    padding: 5px 10px;
    border-radius: 0 0 4px 4px;
}


.big_container_bottom_courseGood_big{
    /* width: 100px; */
    height: 28px;
    float: right;
    line-height: 28px !important;
    color: #bbbbbb;
    }
    .big_container_bottom_courseGood_big span{
        display: inline-block;
        margin: 0  5px 0 0;
    }
    .big_container_bottom_courseGood_big .big_container_bottom_courseGoodemUn {
        width: 30px;
        height: 28px;
        display: inline-block;
        float: left;
        background: url(../../img/desIcons.png) -204px -1008px no-repeat;
        cursor: initial;
        background-size: 904px 1050px;
        margin: 0 10px 0 0;
        cursor: pointer;
    }


    .big_container_bottom_courseGood_big .big_container_bottom_courseGoodem {
    width: 30px;
    height: 28px;
    display: inline-block;
    float: left;
    background: url(../../img/desIcons.png) -248px -1008px no-repeat;
    cursor: pointer;
    background-size: 904px 1050px;
    margin: 0 10px 0 0;
}
.big_container_bottom_courseStar_big{
    /* width: 100px; */
    height: 28px;
    float: right;
    line-height: 28px;
    margin: 0  50px 0 0;
    color: #bbbbbb;
    display: inline-block;
  }
  .big_container_bottom_courseStar_big span{
      display: inline-block;
      margin: 0  5px 0 0;
  }

  .big_container_bottom_courseStar_big .big_container_bottom_courseStaremUn{
    width: 30px;
    height: 28px;
    display: inline-block;
    float: left;
    background: url(../../img/desIcons.png) -112px -1008px no-repeat;
    /* cursor: pointer; */
    background-size: 904px 1050px;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.big_container_bottom_courseStar_big .big_container_bottom_courseStarem{
    width: 30px;
    height: 28px;
    display: inline-block;
    float: left;
    background: url(../../img/desIcons.png) -158px -1008px no-repeat;
    /* cursor: pointer; */
    background-size: 904px 1050px;
    margin: 0 10px 0 0;
    cursor: pointer;
}