/* .carouselInnerImg{width: 1150px;height:460px;margin:0 auto;position: relative;left: 50%;margin: 0  0 0 -555px;} */
.met_index_banner {padding: 20px 0 0;position: absolute;top: 0;left: 0;background: 0;z-index: 9;width: 100%;}
/** 以下是必要样式 **/
/* menu */
.menu{position:relative;width:1210px;margin:0px auto;height:40px;background-color:#E4393C}
.menu div{position:absolute;top:0px;height:40px;font-family:"Microsoft Yahei"}
.menu .all-sort{left:0px;width:210px;text-align:center;font-size:14px}
.menu .all-sort a{color:#FFF;display:block;width:100%;height:100%;line-height:40px}
.menu .ad{right:0px;width:141px}
.menu .nav{left:210px}
.menu .nav ul li{float:left;width:85px;line-height:40px}
.menu .nav ul li a{display:block;width:100%;color:#FFF;text-align:center;font:700 15px/40px "Microsoft Yahei"}
.menu .nav ul li a:hover,.menu .nav ul li a.current{background:#A40000;text-decoration:none}
.course_tag{
    float: right;
    background: #c81624;
    color: #fff;
    padding: 5px 10px;
    z-index: 10;
    top: 0;
    right: 0;
    border-bottom-left-radius: 4px;
    position: absolute;
    }
.wrap{width:203px}
.nav_center{/* width:1200px; *//* margin:0 auto; */position: absolute;top: 20px;left: 50%;margin: 0px 0 0 -602px;}
.all-sort-list{position:relative;width: 150px;height: auto;border-top:none;z-index: 10;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;top: 8px;}
.all-sort-list .item{height: 38px;overflow:hidden;}
.all-sort-list .item.bo{border-top:none}
.all-sort-list .item h3{position: relative;height: 38px;line-height: 38px;font-size: 14px;font-weight:normal;width:100%;overflow:hidden;text-align:center;cursor:pointer;background:#c81624;}
.all-sort-list .item span{padding:0px 5px;color:black}
.all-sort-list .item a{color:#000}
.all-sort-list .item a:hover{color:white}
.item_a_h3 img {position: absolute;top: 4px;width: 20px;height: 13px;}
.item_a_h3:hover{color:white;background:#f04142 !important}
.all-sort-list .item:last-child .item_a_h3 {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.iconsForSkill{width:40px;height:40px;margin:0px 25px 0px;background-size:904px 1050px}
.iconsForSkillP{width:100%;height:32px;line-height:15px;text-align:center;word-wrap:break-word;overflow:hidden;font-size:12px}
.all-sort-list .item-list{overflow-y: scroll;overflow-x: hidden;display:none;position:absolute;width:800px;min-height:200px;background:#FFF;left:198px;height: 380px;top:0px;z-index:1;padding:0 0 0 50px;margin:0 0 0 -50px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.all-sort-list .item-list .close{position:absolute;display:none;width:26px;height:26px;color:#FFFFFF;cursor:pointer;top:-1px;right:-26px;font-size:20px;line-height:20px;text-align:center;font-family:"Microsoft Yahei";background:rgba(0,0,0,0.6);background-color:transparent\9;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr='#60000000',endColorstr='#60000000')}
.all-sort-list .item-list::-webkit-scrollbar-track {
    z-index: auto;
    cursor: pointer;
    position: absolute;
    display: block;
    opacity: 0;
  }
  .all-sort-list .item-list::-webkit-scrollbar {
    width: 10px;
  }
  .all-sort-list .item-list::-webkit-scrollbar-thumb {
    width: 10px;
    height: 68px;
    background-color: rgb(172, 173, 174);
    border-radius: 8px;
  }
  .all-sort-list .item-list:hover::-webkit-scrollbar-thumb {
    background-color: rgb(172, 173, 174);
  }
.item-list .subitem{float:left;width:100%;height: 450px;padding:0px 10px 0px 0px;}
.item-list .subitem dl{border-top:1px solid #EEE;zoom:1}
.item-list .subitem .fore1{border-top:none;padding: 20px 0px 20px 0;}
.item-list .subitem .fore2{padding:18px 0 0 0}
.item-list .subitem .fore2 a{width:90px;height:74px;display:inline-block;float:left;cursor:pointer}
.item-list .subitem .fore2 a:hover{color:#c81624}
.item-list .subitem dt{line-height:22px;text-align:left;font-weight:400;width:100%;font-size:14px}
.item-list .subitem dt a{color:#E4393C;text-decoration:underline}
.item-list .subitem dd{width:100%;font-size:14px}
.item-list .subitem dd em{}
.item-list .subitem .fore2 dt{margin:0 0 18px 0}


.subitem .fore1 dd a{display:inline-block;width:90px;margin: 15px 0 0px 0;text-align: left;cursor: pointer;/* color: #999; */}
.subitem .fore1 dd a:hover{color:#c81624}
.subitem .fore2 dd a{display:inline-block;width:90px;margin: 0px 0 0px 0;/* color: #999; */}
.item-list .subitem dd em a,.item-list .cat-right dd a{color:#666;text-decoration:none}
.item-list .subitem dd em a:hover,.item-list .cat-right dd a:hover{font-weight:normal;text-decoration:underline}
.item-list .cat-right{float:right;width:210px}
.item-list .cat-right dl{width:194px;padding:6px 8px}
.item-list .cat-right dd{padding-top:6px;line-height:22px;overflow:hidden;padding:3px 0px 0px}
.item-list .cat-right dt{padding:3px 6px 0px 0px;font-weight:700;color:#E4393C}
.item-list .cat-right dd a:hover{color:#666}
.isLinkForGray:link{color:#a3a3a3 !important}
.isLinkForGray:hover{cursor:not-allowed}
.item_a_block{position:relative;display:block;z-index:2}
.item_a_h3_0{border-top-left-radius: 4px;border-top-right-radius: 4px;}
/**/
.item_anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1}
.item_anim:before{position:relative;content:'';display:block;margin-top:100%}
.item_anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.item_a_block:hover > .item_anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s}
.item_a_block:hover > .item_anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}

@-webkit-keyframes anim-out{0%{width:0%}
100%{width:100%}
}@-moz-keyframes anim-out{0%{width:0%}
100%{width:100%}
}@-ms-keyframes anim-out{0%{width:0%}
100%{width:100%}
}@keyframes anim-out{0%{width:0%}
100%{width:100%}
}@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}
100%{background:transparent}
}@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}
100%{background:transparent}
}@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}
100%{background:transparent}
}@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}
100%{background:transparent}
}


/* theme-default */
.theme-default #slider{margin: 0px -560px;width: 1150px;height: 500px;border-radius: 4px;overflow: hidden;left: 50%;position: relative;}
.theme-default .nivoSlider{/* background:url("../images/loading.gif") no-repeat 50% 50% rgb(255, 255, 255); *//* margin-bottom:50px; */position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;border-radius: 4px;overflow: hidden;display: block;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{right: 20px;/* width: 200px; */height: 20px;/* margin: 480px auto 0; */top: 470px;/* padding-top:14px; *//* padding-left:50px; */position:absolute;z-index:9;/* background: red; */background-repeat:no-repeat;float: left;}
.theme-default .nivo-controlNav a{background: #FAFAFA;border:0px currentColor;width: 15px;height: 15px;text-indent:-9999px;margin-right: 5px;float:left;display:block;border-radius: 20px;border: 1px solid #EEEEEE;}
.theme-default .nivo-controlNav a.active{background: #BDBDBD;}
.theme-default .nivo-controlNav a:hover{background: #BDBDBD;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;/* border:0px currentColor; */left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;border-radius: 4px;/* overflow: hidden; */}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}

/* the second +1 */
.designer_index_banner_container{position:relative;left:0;margin:0 auto;width:1200px;border-radius:4px;}
.pike{width:1200px;height:395px;border-radius: 4px;}
.el-carousel__container {height:395px;}
.el-carousel__container img {width:1200px;height:395px;object-fit: cover;}
.el-carousel__indicators {left: 44px;transform: none;}
.el-carousel__button {width: 10px;height: 10px;border-radius: 50%;}
.is-active .el-carousel__button {width: 32px;border-radius: 16px;}
/* .pike_spot .spot {width: 12px !important;height: 12px !important;} */
/* 首页背景轮播 */
.backgroundBox{position: relative;/* margin-bottom: 60px; */}
#gallery .swiper-slide-img{width: 100%;height: 470px;background-size: cover!important;background-repeat: no-repeat;background-color: #fff;}

/* 学习路径 */
.learningPath{position:absolute;bottom: 50px;z-index:9;width:100%;text-align:center;overflow: hidden;}
.learningPath_info{position:relative;display:inline-block;margin:0 auto;width:1200px;height:120px;overflow: hidden;}
.learningPath_box {height: 112px;overflow: hidden;position: relative;}
.learningPath_info .swiper-container .swiper-slide {width: 224px !important;margin-right:20px}
.learningPath_info .swiper-container {
    width: 100%;
}

.learningPath_info .swiper-container .swiper-slide .learningPath_list {
    width: 100%;
    height: 100%;
}
/* .learningPath_info .swiper-container .swiper-button-prev {
    padding: 5px 10px;
    background: rgba(0,0,0,.2);
    position: fixed;
    left: 10%;
}
.learningPath_info .swiper-container .swiper-button-next {
    padding: 5px 10px;
    background: rgba(0,0,0,.2);
    position: fixed;
    right: 10%;
} */
.learningPath_left {z-index: 2;width: 30px;height: 60px;position: absolute;top: 50%;left: 0;bottom: 50%;margin-top: -30px;float: left;background: rgba(0,0,0,.2);}
.learningPath_right {z-index: 2;width: 30px;height: 60px;position: absolute;top: 50%;right: 0;bottom: 50%;margin-top: -30px;float: right;background: rgba(0,0,0,.2);}
.btnLeftImg {width: 100%;height: 100%;background:url(../../img/brn-left.png)6px 18px no-repeat;}
.btnRightImg {width: 100%;height: 100%;background:url(../../img/brn-right.png)10px 18px no-repeat;}
.learningPath_list{float:left;margin-right:20px;width: 224px !important;height:96px !important;border-radius:4px;background:#f0f0f0;background-size:cover;cursor:pointer;}
.learningPath_list:nth-child(5n){margin-right:0;}
.listHide {width:190px;height:96px;}
.learningPath_more{position:absolute;right:0;bottom:0;display:inline-block;color:#fff;font-weight:400;font-size:12px;cursor:pointer;}

/* 背景tab选项卡 */
.tabNav{position:absolute;bottom:0;left:0;z-index:9;width:100%;height:30px;text-align:center;}
.tabNav_list{display:inline-block;height:30px;color:#000;font-weight:400;font-size:16px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;margin: 0 25px;}
.tabNav_list_active{border-bottom:2px solid #c81624;color:#c81624;}

/* 内容公共头部 */
.publicDIV_box{padding-top: 40px;width:100%;background:#fff;}
.publicDIV_box:nth-child(odd){background: #f0f0f0;}
.publicDIV{position:relative;overflow:hidden;margin:0 auto;width:1200px;}
.public_index_top_center{display:inline-block;}
.public_index_top_center span{display:inline-block;margin-right:23px;width:70px;height:30px;border-radius:15px;background:#eee;color:#bbb;font-size:12px;line-height:30px;cursor:pointer;}
.public_index_top_center .public_index_top_centerActive{background:#c81624;color:#333;}
.public_index_top_left{float:left;line-height:30px;}
.public_index_top_right{float:right;line-height:30px;}
.public_index_top_title{float:left;padding:0 20px 0 10px;border-left:4px solid #c81624;color:#262626;font-weight:700;font-size:20px;}
.public_index_top_numbers{float:left;width:150px;color:#333;text-align:justify;font-weight:400;font-size:12px;line-height:30px;}
.public_index_top_numbers strong{color:#ff7070;}
.public_index_top_info{position:absolute;top:30px;right:0;z-index:9;display:none;padding:12px 0;width:90px;border-radius:2px;background:#fff;box-shadow:0 2px 4px 0 rgba(4,0,0,.1);color:#000;text-align:center;font-size:14px;}
.public_index_top_info a{display:block;cursor:pointer;}
.public_index_top_batch,.public_index_top_more{float:left;color:#999;font-weight:400;font-size:12px;cursor:pointer;user-select:none;}
.public_index_top_batch{margin-right:30px;}
.public_index_top_batch i{display:inline-block;margin-top:8px;margin-right:5px;width:16px;height:16px;background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/switch_normal.png) no-repeat;background-size:cover;}
.public_index_top_batch span{display:inline-block;vertical-align:top;line-height:30px;}
.public_index_top_batch:hover{color:#000;}
.public_index_top{overflow:hidden;height:30px;text-align:center;}
.public_index_top_batch:hover i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/switch_cross.png) no-repeat;background-size:cover;}

/* 九大板块 */
.videoCourse_list_center{position:relative;width:100%;background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/bookcase.png) no-repeat;background-size:100% auto;}
.videoCourse_list_center:before{display:block;padding-top:21.6%;content:"";}
.videoCourse_item_box{position:absolute;top:0;left:0;width:100%;height: 220px;overflow: hidden;}
.videoCourse_item{float:left;overflow:hidden;margin-top:22px;margin-left: 35px;width: 256px;cursor:pointer;}
.videoCourse_item a:hover,.videoCourse_item a:active{color:inherit;}
.videoCourse_item_top{position:relative;height:157px;top: 8px;}
.videoCourse_item_top_other {position:relative;height:157px;top: 8px;overflow: hidden;border-radius: 4px;}
.videoCourse_item_top_other img {width: 100%;height: 100%;object-fit: cover;border-radius: 4px;transition: all 0.4s;transform: scale(1);}
.videoCourse_item_top_other:hover img {transition: all 0.4s;transform: scale(1.2);}
.videoCourse_item_cove{position:relative;top: 0;width:100%;height:157px;border-radius: 0 4px 4px 0;background: #fff;background-size: cover;background-position: right;}
.videoCourse_item_cove2{background-position: left;border-radius: 4px 0 0 4px;}
.videoCourse_item_intro{position:relative;top: 0;overflow:hidden;width:100%;height:157px;border-radius: 4px 0 0 4px;background:url(https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/meiyu/turnThePage.jpg);background-size: cover;background-position: right;color: #fff;}
.videoCourse_item_intro2{background-position: right;border-radius: 0 4px 4px 0;}
.videoCourse_item_intro_left{position:relative;width: 100%;height:100%;box-sizing:border-box;padding:10px;}
.videoCourse_item_intro_visitor{position:absolute;bottom:0;left:10px;}
.videoCourse_item_intro_right{position:relative;width: 100%;height:100%;text-align:right;box-sizing:border-box;padding:10px;}
.videoCourse_item_intro_line{float:right;margin-bottom:16px;width:28px;height:4px;background:#fff;}
.videoCourse_item_intro_totalTime{clear:both;}
.videoCourse_item_intro_like{position:absolute;bottom:0;left:10px;}
.videoCourse_item_intro_collector{position:absolute;right: 10px;bottom:0;}
.videoCourse_item_intro_like i{position:relative;top:1px;display:inline-block;margin-right:2px;width:12px;height:12px;background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/like1.png) no-repeat;background-size:cover;}
.videoCourse_item_intro_collector i{position:relative;top:1px;display:inline-block;margin-right:2px;width:12px;height:12px;background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/collector1.png) no-repeat;background-size:100% 100%;}
.videoCourse_item_name{overflow:hidden;margin-top:20px;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;}

/* 素材资源 */
.material_center{margin: 20px 0 40px 0;}
.material_center_item{position:relative;float:left;overflow:hidden;margin-right:20px;margin-bottom:20px;width:285px;height:199px;border-radius:4px;background:#eee;cursor:pointer;}
.material_center_item:nth-child(4n){margin-right:0;}
.material_center_item:nth-child(n+5){margin-bottom: 0;}
.material_center_item_cover{width:100%;height:100%;background-size:cover;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}
.material_center_item_cover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.material_center_item_name{position:absolute;right:0;bottom:0;left:0;overflow:hidden;box-sizing:border-box;padding:0 15px 0 15px;background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);color:#fff;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}

.read_center_item_cover{width:100%;height:100%;background-size:cover;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}
.read_center_item_cover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.read_center_item_name{position:absolute;right:0;bottom:0;left:0;overflow:hidden;box-sizing:border-box;padding:0 15px 0 15px;background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);color:#fff;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}

/* 美育教育 */
.aesthetic_center{
    margin: 20px 0 40px 0;
}
.aesthetic_banner{float:left;overflow:hidden;margin-right:20px;width:590px;height:342px;border-radius: 4px;}
#aesthetic .swiper-slide-img{position:relative;width:100%;height:342px;border-radius:4px;background-size:cover!important;background-repeat:no-repeat;overflow: hidden;cursor: pointer;}
#aesthetic .aesthetic_center_title{position:absolute;right:0;bottom:0;left:0;overflow:hidden;box-sizing:border-box;padding:0 100px 0 15px;background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);color:#fff;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
#aesthetic .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:.5;}
#aesthetic .swiper-pagination-bullet-active{opacity:1;}
#aesthetic .swiper-pagination{box-sizing:border-box;padding:0 10px;text-align:right;}
.aesthetic_master{float:left;width:590px;}
.aesthetic_master_item{position:relative;float:left;overflow:hidden;margin-right:20px;margin-bottom:20px;width:285px;height:161px;border-radius:4px;background:#eee;cursor:pointer;}
.aesthetic_master_item:nth-child(2n){margin-right:0;}
.aesthetic_master_item:nth-child(n+3){margin-bottom: 0;}
.aesthetic_master_item_cover{width:100%;height:100%;background-size:cover;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}
.aesthetic_master_item_cover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.aesthetic_master_item_name{position:absolute;right:0;bottom:0;left:0;overflow:hidden;box-sizing:border-box;padding:0 15px 0 15px;background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);color:#fff;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}

/* 数字展馆 */
.pavilion_center{margin: 20px 0;}
.pavilion_center_item{position:relative;float:left;overflow:hidden;margin-right: 8px;margin-left: 8px;margin-bottom:20px;width:224px;border-radius:4px;background:#eee;box-shadow:0 2px 6px 0 rgba(4,0,0,.1);cursor:pointer;}
.pavilion_center_item:nth-child(5n){margin-right:0;}
.pavilion_center_item_top{overflow:hidden;}
.pavilion_center_item_cover{width:100%;height:168px;background-size:cover;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}
.pavilion_center_item_cover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.pavilion_center_item_info{box-sizing:border-box;padding:10px;width:100%;background:#fff;}
.pavilion_center_item_title{display:-webkit-box;overflow:hidden;margin-bottom:10px;height:40px;color:#000;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.pavilion_center_item_org{overflow:hidden;width:100%;color:#bbb;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}

/* 大家访谈 */
.interview_center{margin: 20px 0 40px;}
.interview_forum{margin-bottom: 20px;}
.interview_forum_list{float:left;overflow:hidden;margin-right:20px;width:590px;cursor:pointer;}
.interview_forum_list:nth-child(2n){margin-right:0;}
.interview_forum_list_top{display:block;overflow:hidden;border-radius:4px 4px 0 0;}
.interview_forum_list_cover{width:100%;height:252px;border-radius:4px 4px 0 0;background:#eee;background-size:cover;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}
.interview_forum_list_cover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.interview_forum_list_info{box-sizing:border-box;padding:10px;width:100%;background:#fff;}
.interview_forum_list_title{overflow:hidden;margin-bottom:10px;width:100%;color:#000;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;}
.interview_forum_list_intro{display:-webkit-box;overflow:hidden;margin-bottom:20px;height:60px;color:#bbb;text-overflow:ellipsis;font-size:12px;line-height:20px;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.interview_forum_list_bottom{height:20px;color:#bbb;font-size:12px;line-height:20px;}
.interview_forum_list_bottom div{float:left;}
.interview_forum_list_bottom div i{position:relative;top:1px;display:inline-block;margin-right:2px;width:12px;height:12px;}
.interview_forum_list_visitor{margin-right:30px;}
.interview_forum_list_time i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/time.png) no-repeat;background-size:cover;}
.interview_forum_list_visitor i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/visitor.png) no-repeat;background-size:cover;}
.interview_talk_item{float:left;overflow:hidden;margin-right:20px;width:285px;border-radius:4px;cursor:pointer;}
.interview_talk_item:nth-child(4n){margin-right:0;}
.interview_talk_item_top{display:block;overflow:hidden;}
.interview_talk_item_cover{width:100%;height:166px;border-radius:4px 4px 0 0;background:#eee;background-size:cover;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}
.interview_talk_item_cover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.interview_talk_item_info{box-sizing:border-box;padding:10px;width:100%;background:#fff;}
.interview_talk_item_title{display:-webkit-box;overflow:hidden;margin-bottom:10px;height:40px;color:#000;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.interview_talk_item_bottom{width:100%;height:20px;color:#bbb;font-size:12px;line-height:20px;}
.interview_talk_item_bottom div{float:left;width:33.33%;text-align:center;}
.interview_talk_item_bottom div i{position:relative;top:1px;display:inline-block;margin-right:2px;width:12px;height:12px;}
.interview_talk_item_visitor{text-align:left!important;}
.interview_talk_item_collect{text-align:right!important;}
.interview_talk_item_visitor i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/visitor.png) no-repeat;background-size:cover;}
.interview_talk_item_collect i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/collector.png) no-repeat;background-size:cover;}
.interview_talk_item_like i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/like.png) no-repeat;background-size:cover;}

/* 行业资讯 */
.information_center{margin: 20px 0 40px 0;}
.information_center_item{margin-bottom:40px;width:100%;}
.information_center_item:last-child{margin-bottom:0;}
.information_center_item_left{float:left;overflow:hidden;margin-right:20px;width:285px;height:160px;border-radius:4px;}
.information_center_item_cover{width:100%;height:100%;border-radius:4px;background:#bbb;background-size:cover;cursor:pointer;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}
.information_center_item_cover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.information_center_item_right{position:relative;float:left;width:895px;height:160px;cursor: pointer;}
.information_center_item_title{overflow:hidden;margin-bottom:30px;color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.information_center_item_title span{display:inline-block;margin-right:4px;padding:4px 12px;border-radius:4px;background:#67c23a;color:#fff;font-size:12px;}
.information_center_item_intro{display:-webkit-box;overflow:hidden;color:#bbb;text-overflow:ellipsis;font-size:12px;line-height:20px;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.information_center_item_bottom{position:absolute;bottom:0;left:0;height:20px;line-height:20px;}
.information_center_item_bottom div{float:left;margin-right:16px;color:#bbb;font-size:12px;}
.information_center_item_bottom div i{position:relative;top:1px;display:inline-block;margin-right:2px;width:12px;height:12px;}
.information_center_item_like i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/like.png) no-repeat;background-size:cover;}
.information_center_item_time i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/time.png) no-repeat;background-size:cover;}
.information_center_item_collector i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/collector.png) no-repeat;background-size:cover;}

/* 优秀讲师 */
.speakers_center{margin: 20px 0 40px 0;}
.speakers_personal{margin-bottom:20px;}
.speakers_personal_item{position: relative;}
.speakers_personal_item_cover{width:100%;height: 172px;border-radius:4px 4px 0 0;background: #eee;background-size:cover;cursor:pointer;}
.speakers_personal_item_info{box-sizing:border-box;padding:10px;width:100%;background:#fff;text-align:center;border-radius: 0 0 4px 4px;}
.speakers_personal_item_name{overflow:hidden;color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.speakers_personal_item_intro{display:-webkit-box;overflow:hidden;height:32px;color:#bbb;text-overflow:ellipsis;font-size:12px;line-height:16px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.speakers_org_item{box-shadow: 0 2px 6px 0 rgba(4,0,0,.1);margin-bottom: 10px;}
.speakers_org_item_cover{width:100%;height: 172px;border-radius:4px 4px 0 0;background: #eee;background-size:cover;cursor:pointer;}
.speakers_org_item_info{box-sizing:border-box;padding:10px;width:100%;text-align:center;background: #fff;border-radius: 0 0 4px 4px;}
.speakers_org_item_name{color:#000;font-size:14px;}
.speakers_org_item_intro{position:absolute;top:0;left:0;display:none;overflow:hidden;width:100%;height: 172px;border-radius:4px 4px 0 0;}
.speakers_org_item_intro_bg{height:100%;}
.speakers_org_item_intro_bg_list{float:left;width:20%;height:100%;background:#c81624;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-ms-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;}
.speakers_org_item_intro_content{position:absolute;top: 0;height: 100%;left:0; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;box-sizing:border-box;padding:0 24px;width:100%;color:#000;font-weight:400;font-size:14px;line-height:22px;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-ms-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s;}
.speakers_org_item:hover > .speakers_org_item_intro{display: block;}
.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(100%);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(100%);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(100%);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-100%);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-100%);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%);}
100%{opacity:1;transform:translateY(0);}
}

/* 学堂 */
.lecture_center_item_top{overflow:hidden;}
.lecture_center_item_cover{width:100%;height:136px;border-radius:4px 4px 0 0;background-size:contain;background-position: center;background-repeat: no-repeat;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}


/* 我的收藏 */
.myCollection_nav{margin-bottom:40px;margin-top: 20px;width:100%;text-align:center;}
.myCollection_nav_list{display:inline-block;margin-right:85px;color:#bbb;font-size:16px;cursor:pointer;user-select: none;}
.myCollection_nav_list:last-child{margin-right:0;}
.myCollection_nav_listActive{color:#000;}
.LearningRecord_center_item,.myCollection_center_item{position:relative;float:left;overflow:hidden;margin-right:20px;margin-bottom:20px;width:224px;/* text-align: center; */border-radius:4px;background:#eee;cursor:pointer;}
.myCollection_center_item:nth-child(5n){margin-right:0;}
.myCollection_center_item_top{overflow:hidden;display: flex;justify-content: center;}
.myCollection_center_item_top_listen{overflow:hidden;}
.myCollection_center_item_cover{height:136px;border-radius:4px 4px 0 0;background-size:contain;background-position: center;background-repeat: no-repeat;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}
.myCollection_center_item_cover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.LearningRecord_center_item_info,.myCollection_center_item_info{box-sizing:border-box;padding:10px;width:100%;/* border-bottom-right-radius: 4px; *//* border-bottom-left-radius: 4px; */vertical-align: initial;background:#fff;}
.myCollection_center_item_title{overflow:hidden;margin-bottom: 10px;color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.myCollection_center_item_intro{overflow:hidden;margin-bottom:10px;color:#bbb;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.myCollection_center_item_bottom{width:100%;height:20px;line-height:20px;}
.myCollection_center_item_bottom div{float:left;overflow:hidden;width:30%;color:#bbb;text-align:center;white-space:nowrap;font-size:12px;}
.myCollection_center_item_bottom div:first-child{width:40%;}
.myCollection_center_item_bottom div i{position:relative;top:1px;display:inline-block;margin-right:2px;width:12px;height:12px;}
.myCollection_center_item_visitor{text-align:left!important;}
.myCollection_center_item_collect{text-align:right!important;}
.myCollection_center_item_visitor strong{color:#ff7070;}
.myCollection_center_item_collect i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/collector.png) no-repeat;background-size:cover;}
.myCollection_center_item_like i{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/like.png) no-repeat;background-size:cover;}
.myCollection_login{margin-bottom:150px;width:100%;text-align:center;}
.myCollection_login_icon{margin:0 auto;margin-bottom:10px;width:96px;height:96px;background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/meiyu_PopUpTag/%E6%9C%AA%E7%99%BB%E5%BD%95%E6%8F%90%E9%86%92.png) no-repeat;background-size:cover;}
.myCollection_null_icon{background:url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/meiyu_PopUpTag/%E7%A9%BA%E9%A1%B5%E9%9D%A2.png) no-repeat;background-size:cover;}
.myCollection_login p{margin-bottom:10px;color:#000;font-size:14px;}
.myCollection_login span{display:inline-block;width:90px;height:30px;border-radius:4px;background:#c81624;color:#fff;line-height:30px;cursor:pointer;}
.myCollection_center_set{position:absolute;top:10px;right:10px;}
.myCollection_center_setIcon{margin-bottom:2px;margin-left:50px;width:30px;height:20px;border-radius:2px;background:rgba(0,0,0,.3);text-align:center;line-height: 14px;}
.myCollection_center_set:hover>.myCollection_center_setIcon{background:rgba(0,0,0,.8);}
.myCollection_center_set:hover>.myCollection_center_setInfo{display:block;}
.myCollection_center_setIcon span{display:inline-block;margin-right:4px;width:4px;height:4px;border-radius:50%;background:#fff;}
.myCollection_center_setIcon span:last-child{margin-right:0;}
.myCollection,.LearningRecord{min-height: 470px;}
.myCollection_center_setInfo{display:none;padding:12px 0;width:80px;/* border-radius:2px; */background: #FFF;box-shadow:0 2px 4px 0 rgba(4,0,0,.1);color:#000;text-align:center;font-size:14px;}

/* 学习记录 */
.LearningRecord_center_top{margin-bottom:40px;color:#000;font-size:16px;}
.LearningRecord_center_top strong{color:#ff7070;font-weight:400;}
.LearningRecord_center_list_right{float:right;width:956px;}
.LearningRecord_center_list_right .myCollection_center_item:nth-child(5n){margin-right:20px;}
.LearningRecord_center_list_right .myCollection_center_item:nth-child(4n){margin-right:0;}
.LearningRecord_center_item_cover{width:100%;height:136px;border-radius:4px 4px 0 0;background:#c81624;text-align:center;}
.LearningRecord_center_item_cover2{box-sizing: border-box;padding: 34px 0;}
.LearningRecord_center_item_title{width:100%;color:#bbb;font-size:14px;margin-bottom: 10px;}
.LearningRecord_center_item_title span{display:inline-block;width:50%;text-align:center;}
.LearningRecord_center_item{cursor:default;}
.LearningRecord_center_list_item_bottom{width:100%;height:40px;color:#bbb;font-size:14px;line-height:40px;}
.LearningRecord_center_list_item_bottom div{float:left;width:50%;text-align:center;}
.LearningRecord_center_list_item_bottom div strong{margin-right:4px;color: #8b8b8b;font-size: 40px;font-weight: 400;}
.LearningRecord_center_item_cover div{color:#fff;font-size: 40px;margin-bottom: 10px;height: 40px;line-height: 40px;}
.LearningRecord_center_item_cover span{color:#fff;font-size:16px;height: 16px;line-height: 16px;display: inline-block;}
.read_title span {width: 100%;}
.LearningRecord_center_list_right .read_item {display: flex;flex-direction: column;width: 168px;margin: 0 40px 20px 0 !important;background-color: #f4f4f4;overflow: visible;}
.LearningRecord_center_list_right .read_item .img_box {width: 100%;height: 231px;overflow: hidden;box-shadow: #0000001A 0 0 10px;border-radius: 4px;}
.LearningRecord_center_list_right .read_item img {width: 100%;height: 100%;border-radius: 4px;transition: all .2s linear;transform: scale(1);object-fit: cover;}
.LearningRecord_center_list_right .read_item:hover img {transition: all .2s linear;transform: scale(1.2);}
.LearningRecord_center_list_right .read_item p {padding: 4px;width: 100%;height: 40px;line-height: 20px;font-size: 14px;color: #000;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/* 九大行业吸顶导航 */
.topNav{position:fixed;top:0;left:0;z-index:999;width:100%;height:40px;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);text-align:center;}
.topNav .topNav_list{margin:0 auto;width:1200px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.topNav .topNav_item{display:inline-block;width:11%;color:#bbb;text-align:center;font-size:16px;line-height:40px;cursor:pointer;}
.topNav .topNav_item_active{background:#c81624;color:#fff;}
.show-enter-active,.show-leave-active{transition:all 1s;}
.show-enter,.show-leave-to{opacity:0;}
.show-enter-to,.show-leave{opacity:1;}
.sharedHeadFixed{position:fixed;}

/* 课程信息推送弹窗 */
.pushPopUp{position:fixed;top:0;left:0;z-index:999;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);}
.pushPopUpShow{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;}
.pushPopUp_dialog{position:relative;overflow:hidden;margin:0 auto;width:600px;border-radius:4px;background:#fff;}
.pushPopUp_dialog_center{padding:40px;text-align:center;}
.pushPopUp_dialog_center h2{margin-bottom:8px;color:#333;font-size:24px;}
.pushPopUp_dialog_center p{color:#999;font-size:14px;}
.pushPopUp_dialog_centerInfo{margin:30px auto 60px auto;width:400px;}
.pushPopUp_dialog_centerInfo span{display:inline-block;box-sizing:border-box;margin:0 14px 14px;padding:8px 19px;min-width:96px;border:1px solid #e6e6e6;border-radius:20px;color:#333;font-size:14px;cursor:pointer;user-select:none;}
.pushPopUp_dialog_centerInfo .selected{background-color:rgba(200, 22, 36, 0.5);color:#fff;border-color: transparent;}
.pushPopUp_dialog_centerButton{margin:0 auto 10px;width:50%;height:40px;border-radius:4px;background:#c81624;color:#fff;font-weight:500;font-size:18px;line-height:40px;cursor:pointer;user-select:none;}
.pushPopUp_dialog_close{width:100%;height:50px;background:#c81624;text-align:right;}
.pushPopUp_dialog_close_icon{display:inline-block;margin-top:14px;margin-right:10px;width:22px;height:22px;background:url(https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/icon/error003.png) no-repeat;background-size:cover;text-align:center;cursor:pointer;}

.contentList {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 45px;
}
.book_list {
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    z-index: 2;
    position: relative;
}
.book_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* flex: 1; */
    width: 240px;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}
.book_text {
    width: 100%;
    padding: 0 5px;
    color: #000;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center
}
.book_text p {
    word-break: break-all; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.book_img_box {
    width: 190px;
    height: 243px;
    
    margin-bottom: 16px;
    background: url('https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/book.png');
    background-size: 100% 100%;
}
.book_img_box img {
    width: calc(100% - 20px);
    height: calc(100% - 17px);
    margin: 16px 17px 0 0;
}
.book_shelf {
    width: 100%;
    height: 140px;
    background: url('https://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/book_list.png');
    position: absolute;
    top: 215px;
}
/*  */
@media screen and (min-width: 1600px){		
    .contentList {width: 1380px;}
    .containToCenter,.topNav .topNav_list{width: 1380px;}

    .carousel-indicators1{top: 160px;width: 1380px;margin: 0 0 0 -694px;}


    .nav_center{margin: 0px 0 0 -692px;}
    .basicModal{width: 260px;height: 160px;}

    .designer_index_banner_container {width: 1380px;}
    .pike{width: 1380px;height:460px;}
    .el-carousel__container {height:460px;}
    .el-carousel__container img {width: 1380px;height:460px;}
    .all-sort-list{width: 182px;top:0;}
    .all-sort-list .item{height: 46px;}
    .all-sort-list .item h3{height: 46px;line-height: 46px;}
    .all-sort-list .item-list{height: 460px;left: 228px;width: 755px;}
    .Text_mask{height: 414px;}
    .learningPath_info{width: 1380px;height: 136px;}
    #gallery .swiper-slide-img{height: 540px;}
    .learningPath_list{width: 260px !important;height: 112px !important;margin-right: 20px;}
    .learningPath_info .swiper-container .swiper-slide {width: 260px !important;margin-right:20px}
    .listHide {width: 240px;height: 112px;}
    .publicDIV{width: 1380px;}
    .videoCourse_item_top{height: 180px;}
    .videoCourse_item_top_other{height: 180px;}
    .videoCourse_item{width: 294px;margin-top: 25px;margin-left: 41px;}
    .videoCourse_item:first-child{margin-left: 40px;}
    .videoCourse_item:nth-child(4n){margin-left: 42px;}
    .videoCourse_item_cove,.videoCourse_item_intro{height: 180px;font-size: 14px;}
    .videoCourse_item_intro{width: 296px;}
    .videoCourse_item_name{margin-top: 24px;}
    .material_center_item,.aesthetic_master_item{width: 330px;height: 201px;}
    .videoCourse_item_intro_like i,.videoCourse_item_intro_collector i{
        width: 14px;
        height: 14px;
    }
    .aesthetic_master{width: 680px;}
    .aesthetic_banner{width: 680px;height: 422px;}
    #aesthetic .swiper-slide-img{height: 422px;}
    .pavilion_center_item{
        width: 260px;
    }
    .pavilion_center_item_cover{height: 195px;}
    .interview_forum_list{width: 680px;}
    .interview_forum_list_cover{height: 290px;}
    .interview_talk_item{width: 330px;}
    .interview_talk_item_cover{height: 192px;}
    .information_center_item_left{width: 330px;height: 185px;}
    .information_center_item_right{width: 1030px;height: 185px;}
    .speakers_personal_item_cover,.speakers_org_item_cover,.speakers_org_item_intro{height: 200px;}
    .myCollection_center_item,.LearningRecord_center_item{width: 260px;}
    .LearningRecord_center_list_right .read_item {width: 195px;}
    .LearningRecord_center_list_right .read_item .img_box {height: 253px;}
    .myCollection_center_item_cover,.LearningRecord_center_item_cover,.lecture_center_item_cover{height: 158px;}
    .LearningRecord_center_list_right{width: 1100px;}
    .LearningRecord_center_item_cover div{font-size: 50px;height: 50px;line-height: 50px;}
    .LearningRecord_center_item_cover span{font-size: 20px;height: 18px;line-height: 18px;}
    .LearningRecord_center_item_cover2{padding: 40px 0;}
    .videoCourse_item_box{height: 252px;}
}

#comings_logo{padding:0;height:60px;border:0;}
#comings_logo i{display:inline-block;margin-top:20px;margin-right:10px;width:8px;height:24px;background:#c81624;vertical-align:top;}
#comings_logo span{display:inline-block;width:102px;height:60px;background:url(__PUBLIC__/home/img/course/comings_logo.gif) no-repeat;background-size:100% 100%;}
.speakers_personal_item_cover, .speakers_org_item_cover, .speakers_org_item_intro {
    height: 224px;
    background-position: center center;
}
.operate_container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99;
    display: none;
}
.operate_container .small_img {
    transform-style: preserve-3d;
    animation: rotations linear infinite 3.8s;
    cursor: pointer;
    width: 180px;
    height: 180px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.operate_container .small_img .small_img_a,.operate_container .small_img .small_img_b {
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    backface-visibility: hidden;
}
.operate_container .small_img .small_img_a {
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    transition: 0.6s ease-out
}
.operate_container .small_img .small_img_b {
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    transition: 0.6s ease-out
}
.operate_container .close_icon {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    cursor: pointer;
    transform: translate(100%,-100%);
    display: none;
}
.operate_dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 888;
    background-color: rgba(0,0,0,0.3);
    display: none;
}
.dialog_box {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    animation: dialog 0.5s;
}
@keyframes dialog{
    0% {
        transform: translate(-80px,80px);
        opacity: 0.5;
    }
    100% {
        transform: translate(0px,0px);
        opacity: 1;
    }
}
.dialog_box_leave {
    animation: dialog_leave 0.5s;
}
@keyframes dialog_leave{
    0% {
        transform: translate(0px,0px);
        opacity: 1;
    }
    100% {
        transform: translate(-80px,80px);
        opacity: 0;
    }
}
.dialog_box .big_img .close_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    transform: translate(100%,-100%);
}
.dialog_box .big_img {
    max-width: 90%;
    max-height: 80%;
    display: flex;
    align-items: center;
    position: relative;
}
.dialog_box .big_img .big_img_box {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 100%;
    cursor: pointer;
}
@keyframes rotations{ 
    /* 添加动画效果 */
    0% {
        transform: rotateY(0deg);
    }
    10% {
        transform: rotateY(-180deg);
    }
    50% {
        transform: rotateY(-180deg);
    }
    60% {
        transform: rotateY(-360deg);
    }
    100% {
        transform: rotateY(-360deg);
    }
}
@media screen and (min-width: 1600px) {
    .speakers_personal_item_cover, .speakers_org_item_cover, .speakers_org_item_intro {
        height: 260px
    }
}

.draw_container {position: fixed;right: 10px;top: 25%;transform: translate(0,-50%);z-index: 99;cursor: pointer;animation: breathing 2s infinite;}
.draw_container img {width: 90px;height: auto;}
@keyframes breathing {
    0% {
        opacity: 0.5;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.3);
    }
    100% {
        opacity: 0.5;
        transform: scale(1);
    }
}