@charset "UTF-8";

/* ————— 公共 start ————— */
.browse{font-size: .7rem;color: #999999;line-height: 1.2rem;height: 1.2rem;overflow: hidden;}
.browse span{float: left;padding-left: .8667rem;display: block;}
.browse span.time{margin-right: .75rem;background: url(../images/indexFiveListConIcon1.png) no-repeat left center;background-size: .6rem .6rem;}
.browse span.num{background: url(../images/indexFiveListConIcon2.png) no-repeat left center;background-size: .6667rem .5rem;}

.category li{display: inline-block;line-height: .9167rem;height: .9167rem; background-color: #e5f4f2;border-radius: .1667rem;padding: 0 .4167rem;margin:0 0 .3333rem 0;font-size: .6rem;color: #4fafa1;}
/* ————— 公共 end ————— */

/* ————— 弹窗 start ————— */
.lessonDetailsBg{background-color: rgba(0, 0, 0, 0.502);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 2;opacity: 0;visibility: hidden;}
.Window {position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;z-index: 3;background-color: #ffffff;border-radius: 1rem;visibility: hidden;opacity: 0;}
.Window .WindowCon{padding: 1.5rem 1rem 0;box-sizing: border-box;}
.Window .WindowCon .title{font-size: .9rem;color: #333333;line-height: 1.2rem;text-align: center;margin-bottom: .6667rem;}
.Window .WindowCon .input{background-color: #f5f5f5;border-radius: 1.0417rem;padding: 0 1.1667rem;margin-bottom: .6667rem;}
.Window .WindowCon .input input{border: none; background: none; width: 100%; height: 2rem; line-height: 2.0833rem; font-size: .7rem; color: #333;}
.Window .WindowCon .input input::placeholder{font-size: .7rem;color: #999999;}
.Window .WindowCon .input.input2{margin-bottom: 1.3333rem;}
.Window .formButton{display: flex;justify-content: center;border-top: 1px solid #e6e6e6;}
.Window .formButton .Button{font-size: .75rem;color: #999999;line-height: 2.4167rem;height: 2.4167rem;width: 50%;text-align: center;}
.Window .formButton .Button.Button1{border-right: 1px solid #e6e6e6;}
.Window .formButton .Button.Button2{color: #e36a55;}
/* ————— 弹窗 end ————— */
/* ————— 学习园地(重要理论) start ————— */
.studyImgTextList{margin:.1667rem 0 1.1667rem;}
.studyImgTextList dd {border-bottom: 1px solid #e6e6e6;}
.studyImgTextList dd:last-child{border-bottom: none;}
.studyImgTextList dd a{display: block;padding: .8333rem 0;overflow: hidden;}
.studyImgTextList dd a .pic{float: left;width: 40.1913%;margin-right: .6667rem;border-radius: .5rem;overflow: hidden;}
.studyImgTextList dd a .pic::before{padding-top: 66.6666%;}
.studyImgTextList dd a .text{overflow: hidden;}
.studyImgTextList dd a .text .info{font-size: .75rem;color: #333333;line-height: 1.2rem;height: 2.4rem;margin: .25rem 0 .9167rem;}
/* ————— 学习园地(重要理论) end ————— */

/* ————— 学习园地(详情) start ————— */
.studyDetails{margin-bottom: 2.5rem;}
.studyDetails .studyDetailsCon{border-bottom: 1px solid #e6e6e6;padding-bottom: .5rem;margin-bottom: .7167rem;}
.studyDetails .studyDetailsCon .pic{overflow: hidden;border-radius: .3333rem;margin-bottom: .8833rem;}
.studyDetails .studyDetailsCon .pic::before{padding-top: 52.2870%;}
.studyDetails .studyDetailsCon .text{font-size: .9rem;color: #333333;line-height: 1.2rem;margin-bottom: .3333rem;}
.studyDetailsText .title{font-size: .9rem; color: #333333;line-height: 1.2rem;position: relative;padding-left: .75rem;margin-bottom: .8667rem;}
.studyDetailsText .title::before{position: absolute;content: '';width: .25rem;height: .6333rem;background: #d70000;border-radius: .125rem;left: 0;top: 50%;transform: translateY(-50%);}
.studyDetailsText .text{font-size: .75rem;color: #333333;line-height: 1.5rem;}
.studyDetailsText  img,.studyDetailsText  svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.studyDetailsText p,.studyDetailsText span{
    text-wrap: wrap !important;
    text-wrap-mode:wrap !important;
}
/* ————— 学习园地(详情) end ————— */

.studyImgText1List{margin:.1667rem 0 1.1667rem;}
.studyImgText1List dd {border-bottom: 1px solid #e6e6e6;}
.studyImgText1List dd:last-child{border-bottom: none;}
.studyImgText1List dd a{display: block;padding: .8333rem 0;overflow: hidden;}
.studyImgText1List dd a .pic{float: left;width: 40.1913%;margin-right: .6667rem;border-radius: .5rem;overflow: hidden;}
.studyImgText1List dd a .pic::before{padding-top: 66.6666%;}
.studyImgText1List dd a .text{overflow: hidden;}
.studyImgText1List dd a .text .info{font-size: .75rem;color: #333333;line-height: 1.2rem;height: 2.4rem;margin: .25rem 0;}
.studyImgText1List dd a .text .con{font-size: .7rem;color: #999999;line-height: 1.2rem;overflow: hidden;}
.studyImgText1List dd a .text .con span{display: block;}
/* ————— 学习园地(学习资料) end ————— */

/* ————— 学习园地(全图) start ————— */
.studyImgList{margin: 1rem 0;}
.studyImgList dd {margin-bottom: 1.0333rem;}
.studyImgList dd:last-child{border-bottom: none;}
.studyImgList dd a{display: block;}
.studyImgList dd a .pic{border-radius: .5rem;overflow: hidden;margin-bottom: .8833rem;}
.studyImgList dd a .pic::before{padding-top: 55.9808%;}
.studyImgList dd a .text{overflow: hidden;}
.studyImgList dd a .text .icon{font-size: .65rem;color: #ffffff;line-height: 1rem;background-color: #d70000;border-radius: .1667rem;padding: 0 .4167rem;margin-right: .8333rem;float: left;}
.studyImgList dd a .text .info{font-size: .75rem;color: #333333;line-height: 1rem;overflow: hidden;}
/* ————— 学习园地(全图) end ————— */



/* ————— 学习园地(视频) start ————— */
.studyVideo dd{overflow: hidden;padding:.8333rem .5rem .8333rem 0;border-bottom: 1px solid #e6e6e6;}
.studyVideo dd:last-child{border-bottom: none;}
.studyVideo dd  a{display: block;float: left;width: 40.1913%;margin-right: .6667rem;}
.studyVideo dd  a .pic{width: 100%;border-radius: .5rem;overflow: hidden;}
.studyVideo dd  a .pic::before{padding-top: 66.6666%;}
.studyVideo dd  a .pic .playIcon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1rem;height: 1rem;background: url(../images/playIcon.png) no-repeat center center/ 100% 100%;}
.studyVideo dd:active  a .pic .playIcon{background: url(../images/playIconH.png) no-repeat center center/ 100% 100%;}
.studyVideo dd  .text{overflow: hidden;}
.studyVideo dd  .text .info{font-size: .75rem;color: #333333;line-height: 1.2rem;height: 2.4rem;margin: .25rem 0 .9167rem;}
/* ————— 学习园地(视频) start ————— */

/* ————— 实践成果(机制建设) start ————— */
.practiceImgText{margin:.1667rem 0 1.1667rem;}
.practiceImgText dd {border-bottom: 1px solid #e6e6e6;}
.practiceImgText dd:last-child{border-bottom: none;}
.practiceImgText dd a{display: block;padding: .8333rem 0;overflow: hidden;}
.practiceImgText dd a .pic{float: right;width: 40.1913%;margin-left: .6667rem;border-radius: .5rem;overflow: hidden;}
.practiceImgText dd a .pic::before{padding-top: 66.6666%;}
.practiceImgText dd a .text{overflow: hidden;}
.practiceImgText dd a .text .info{font-size: .75rem;color: #333333;line-height: 1.2rem;height: 2.4rem;margin: .25rem 0 .9167rem;}
/* ————— 实践成果(机制建设) end ————— */

/* ————— 实践成果(研究团队) start ————— */
.practiceImgText1{margin:.1667rem 0 1.1667rem;}
.practiceImgText1 dd {margin-bottom: .6667rem;padding:.6667rem;overflow: hidden;background-color: #f5f5f5;border-radius: .5rem;}
.practiceImgText1 dd:last-child{margin-bottom: none;}
.practiceImgText1 dd a{display: block;}
.practiceImgText1 dd  .pic{float: right;width: 40.1913%;margin-left: .7rem;border-radius: .5rem;overflow: hidden;}
.practiceImgText1 dd  .pic::before{padding-top: 66.6666%;}
.practiceImgText1 dd  .text .title{font-size: .75rem;color: #333333;line-height: 1.2rem;margin-bottom: .25rem;}
.practiceImgText1 dd .category li{color: #325f99;background-color: #e4e8f0;}
.practiceImgText1 dd  .text .info{font-size: .65rem;color: #666666;line-height: 1rem;}
/* ————— 实践成果(研究团队) end ————— */


/* ————— 实践成果(队伍建设) start ————— */
.practiceImgText2{margin:.1667rem 0 1.1667rem;}
.practiceImgText2 dd {margin-bottom: .6667rem;padding:.6667rem;background-color: #f5f5f5;border-radius: .5rem;}
.practiceImgText2 dd:last-child{margin-bottom: none;}
.practiceImgText2 dd a{display: block;}
.practiceImgText2 dd  .textC{overflow: hidden;margin-bottom: .5rem;}
.practiceImgText2 dd  .textC .pic{float: right;width: 40.1913%;margin-left: .7rem;border-radius: .5rem;overflow: hidden;}
.practiceImgText2 dd  .textC .pic::before{padding-top: 66.6666%;}
.practiceImgText2 dd  .textC .text .title{font-size: .75rem;color: #333333;line-height: 1.2rem;margin-bottom: .25rem;}

.practiceImgText2 dd  .practiceImgText2Ul{display: flex;flex-wrap: nowrap;    justify-content: space-between;overflow: hidden;}
.practiceImgText2 dd  .practiceImgText2Ul li{font-size: .65rem;color: #333333;line-height: .9167rem; height: .9167rem;position: relative;}
.practiceImgText2 dd  .practiceImgText2Ul li::before{content: '';position: absolute;right: -.5rem;top: 50%;transform: translateY(-50%);width: 1px;height: .6rem;background-color: #999999;}
/* ————— 实践成果(队伍建设) end ————— */



/* ————— 实践成果(全图) start ————— */
.practiceImgList{margin: 1rem 0;}
.practiceImgList dd {margin-bottom: .8333rem;}
.practiceImgList dd:last-child{border-bottom: none;}
.practiceImgList dd a{display: block;}
.practiceImgList dd a .pic{border-radius: .5rem;overflow: hidden;margin-bottom: .75rem;}
.practiceImgList dd a .pic::before{padding-top: 55.9808%;}
.practiceImgList dd a .title{font-size: .75rem;color: #333333;line-height: 1.2rem;margin-bottom: .25rem;}
.practiceImgList dd a .icon{font-size: .7rem;color: #ffffff;line-height: 1rem;height: 1rem; background-color: #ea8b50;border-radius: .1667rem;padding: 0 .4167rem;margin-bottom:.3333rem;display: inline-block;}
/* ————— 实践成果(全图) end ————— */





/* ————— 团队详情start ————— */
.teamDetails1{margin-bottom: 5.8333rem;}
.teamDetails1 .teamDetails1Con{padding-bottom: .6667rem;border-bottom: 1px solid #e6e6e6;margin-bottom: .6667rem;}
.teamDetails1 .teamDetails1Con .pic{width: 100%;border-radius: .3333rem;margin-bottom: .8333rem;overflow: hidden;}
.teamDetails1 .teamDetails1Con .pic::before{padding-top: 60.2870%;}
.teamDetails1 .teamDetails1Con .text{font-size: .9rem;color: #333333;line-height: 1.2rem;margin-bottom: .5rem;}
.teamDetails1Dl{font-size: 0;white-space: nowrap; overflow: hidden; overflow-x: auto;margin-bottom: .5rem;}
.teamDetails1Dl dd{display: inline-block;margin: 0 .75rem;position: relative;height: 2rem;line-height: 2rem;padding: 0 0.5rem;color: #666666;font-size: .9rem;}
.teamDetails1Dl dd::before{opacity: 0; content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: .6667rem;height: .2rem;border-radius: .1rem; background-color: #d70000;}
.teamDetails1Dl dd.active::before{opacity: 1;}
.teamDetails1Dl dd.active a{color: #333333;}
.teamDetails1 .teamDetails1Con .category li{color: #325f99;background-color: #e4e8f0;}
.team1Scroll{overflow: hidden;}
.team1Scroll .swiper-wrapper .swiper-slide{width: 100%;}
.team1Scroll .swiper-wrapper .swiper-slide .con{display: block;}
.teamDetails1List dd {border-bottom: 1px solid #e6e6e6;padding-bottom: .3667rem;margin-bottom: .5833rem;}
.teamDetails1List dd .text{font-size: .75rem;color: #222222;line-height: 1.2rem;margin-bottom:.4rem;}
.teamDetails1List dd .info{font-size: .7rem;color: #666666;line-height: 1rem;}
.teamDetails1List dd .info span{color: #ea8b50;}

.teamDetailsText .text{font-size: .75rem;color: #222222;line-height: 1.6667rem;margin-bottom: 1.5rem;}
.teamDetailsText .info p{font-size: .75rem;color: #222222;line-height: 1.6667rem;}
/* ————— 团队详情 end ————— */

/* ————— 宣讲团详情 start ————— */
.propaganda .propagandaCon{display: block; padding-bottom: 1rem;border-bottom: 1px solid #e6e6e6;margin-bottom: .6667rem;}
.propaganda .propagandaCon .pic{width: 100%;border-radius: .3333rem;margin-bottom: .8333rem;overflow: hidden;}
.propaganda .propagandaCon .pic::before{padding-top: 60.2870%;}
.propaganda .propagandaCon .title{font-size: .9rem;color: #333333;line-height: 1.2rem;margin-bottom: .5rem;}
.propaganda .propagandaCon ul{display: flex;flex-wrap: nowrap;    justify-content: space-between;overflow: hidden;}
.propaganda .propagandaCon ul li{font-size: .65rem;color: #333333;line-height: .9167rem; height: .9167rem;position: relative;}
.propaganda .propagandaCon ul li::before{content: '';position: absolute;right: -.5rem;top: 50%;transform: translateY(-50%);width: 1px;height: .6rem;background-color: #999999;}
.propagandaDl{font-size: 0;white-space: nowrap; overflow: hidden; overflow-x: auto;margin-bottom: .5rem;}
.propagandaDl dd{display: inline-block;margin-right:.75rem;position: relative;height: 2rem;line-height: 2rem;padding: 0 0.5rem;color: #666666;font-size: .9rem;}
.propagandaDl dd::before{opacity: 0; content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: .6667rem;height: .2rem;border-radius: .1rem; background-color: #d70000;}
.propagandaDl dd.active::before{opacity: 1;}
.propagandaScroll{overflow: hidden;}
.propagandaScroll .bd{overflow: hidden;}
.propagandaScroll .bd .swiper-wrapper .swiper-slide{width: 100%;}
.propagandaScroll .bd .swiper-wrapper .swiper-slide .con{display: block;}

.propagandaList dd{padding: .8333rem 0;}
.propagandaList dd a{display: block;overflow: hidden;}
.propagandaList dd a .pic{width: 25.8803%;border-radius: .25rem;margin-bottom: .8333rem;overflow: hidden;float: left;margin-right: .75rem;}
.propagandaList dd a .pic::before{padding-top: 133.0769%;}
.propagandaList dd a .text{overflow: hidden;margin-top: .6667rem;}
.propagandaList dd a .text .name{font-size: .75rem;color: #222222;line-height: 1.2rem;margin-bottom: .6667rem;}
.propagandaList dd a .text .textC{font-size: .7rem;color: #333333;line-height: 1rem;}
.propagandaList dd a .text .textC span{color: #666666;}
/* ————— 宣讲团详情 end ————— */


/* ————— 云岭石榴红网络宣传队(团队简介) start ————— */
.propaganda1 .category {margin-bottom: .6667rem;}
.propaganda1 .category li{background-color:#e4e8f0;color: #325f99;}
.propaganda1 .propaganda1Con{display: flex;flex-wrap: nowrap; justify-content: space-between;overflow: hidden;background-color: #f7f7f7;border-radius: .5rem;margin-bottom: .5rem;position: relative;}
.propaganda1 .propaganda1Con::before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width:.0333rem;height: 2.1rem;background-color: #d1c0a5;}
.propaganda1 .propaganda1Con dd{width: 50%;text-align: center;padding: .5833rem 0;}
.propaganda1 .propaganda1Con dd .num{font-size: 1rem;color: #d70000;line-height: 1.5rem; height: 1.5em; ;}
.propaganda1 .propaganda1Con dd .title{font-size: .7rem;color: #333333;line-height: 1.3333rem;height: 1.3333rem;}
.propaganda1  .pic{width: 100%;border-radius: .3333rem;margin-bottom: .8333rem;overflow: hidden;}
.propaganda1  .pic::before{padding-top: 60.2870%;}
.propaganda1  .text{font-size: .9rem;color: #333333;line-height: 1.2rem;margin-bottom: .5rem;}
.propaganda1Dl{font-size: 0;white-space: nowrap; overflow: hidden; overflow-x: auto;margin-bottom: .5rem;}
.propaganda1Dl dd{display: inline-block;margin: 0 .75rem;position: relative;height: 2rem;line-height: 2rem;padding: 0 0.5rem;color: #666666;font-size: .9rem;}
.propaganda1Dl dd::before{opacity: 0; content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: .6667rem;height: .2rem;border-radius: .1rem; background-color: #d70000;}
.propaganda1Dl dd.active::before{opacity: 1;}
.propaganda1Dl dd.active a{color: #333333;}
.propaganda1Scroll{overflow: hidden;}
.propaganda1Scroll .bd{overflow: hidden;}
.propaganda1Scroll .bd .swiper-wrapper .swiper-slide{width: 100%;}
.propaganda1Scroll .bd .swiper-wrapper .swiper-slide .con{display: block;}

.propaganda1Text{font-size: .75rem;color: #222222;line-height: 1.6667rem;margin-bottom: 1.5rem;}
.propaganda1Text img,teamDetailsText img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.propaganda2List dd{padding: .6667rem 0 .8333rem;border-bottom: 1px solid #e6e6e6;}
.propaganda2List dd .pic{width: 30%;border-radius: .5rem;overflow: hidden;float: left;margin-right: .75rem;}
.propaganda2List dd .pic::before{padding-top: 66.4739%;}
.propaganda2List dd .pic .playIcon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1rem;height: 1rem;background: url(../images/playIcon.png) no-repeat center center/ 100% 100%;}
.propaganda2List dd:active .pic .playIcon{background: url(../images/playIconH.png) no-repeat center center/ 100% 100%;}
.propaganda2List dd a{display: block;overflow: hidden;}
.propaganda2List dd a .text{overflow: hidden;}
.propaganda2List dd a .text .textC{font-size: .75rem;color: #333333;line-height: 1rem;height: 2rem;margin-bottom: .5833rem;}
.propaganda2List dd a .text .con{font-size: .7rem;color: #666666;line-height: 1rem;height: 1rem;}
.propaganda2List dd a .text .con span{color: #ea8b50;}


.propaganda3List dd{padding: .6667rem 0;border-bottom: 1px solid #e6e6e6;}
.propaganda3List dd .text{font-size: .75rem;color: #333333;line-height: 1.2rem;margin-bottom:.4167rem;height: 2.4rem;}
/* ————— 云岭石榴红网络宣传队(团队简介) end ————— */



/* ————— 创建成果(详情) start ————— */
.reateDetails{margin-bottom: 2.5rem;}
.reateDetails .reateDetailsCon{border-bottom: 1px solid #e6e6e6;padding-bottom: 1rem;margin-bottom: .7167rem;}
.reateDetails .reateDetailsCon .pic{overflow: hidden;border-radius: .3333rem;margin-bottom: .8833rem;}
.reateDetails .reateDetailsCon .pic::before{padding-top: 52.2870%;}
.reateDetails .reateDetailsCon .text{font-size: .9rem;color: #333333;line-height: 1.2rem;margin-bottom: .5rem;}
.reateDetails .reateDetailsCon .con{display: flex;margin-bottom: .8333rem; justify-content: space-between;}
.reateDetails .reateDetailsCon .con .time{font-size: .7rem;color: #666666;line-height: 1rem;}
.reateDetails .reateDetailsCon .con .num{font-size: .7rem;color: #666666;line-height: 1rem;}
.reateDetails .reateDetailsCon .info{font-size: .7rem;color: #666666;line-height: 1rem;}
.reateDetailsText .title{font-size: .9rem; color: #333333;line-height: 1.2rem;position: relative;padding-left: .75rem;margin-bottom: .8667rem;}
.reateDetailsText .title::before{position: absolute;content: '';width: .25rem;height: .6333rem;background: #d70000;border-radius: .125rem;left: 0;top: 50%;transform: translateY(-50%);}
.reateDetailsText .text{font-size: .75rem;color: #333333;line-height: 1.5rem;}
.reateDetailsText  img {
      display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.reateDetailsText p,.reateDetailsText span{
    text-wrap: wrap !important;
    text-wrap-mode:wrap !important;
}
.reateDetailsVideo {
    margin: .5rem 0;
    position: relative;
}
.reateDetailsVideo::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.reateDetailsVideo::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3rem;
    height: 3rem;
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg%20t%3D%221775701525108%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20p-id%3D%222866%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M772.7%20217.7a32.2%2032.1%200%201%200%2064.4%200%2032.2%2032.1%200%201%200-64.4%200Z%22%20fill%3D%22%23ffffff%22%20p-id%3D%222867%22%3E%3C/path%3E%3Cpath%20d%3D%22M415.8%20679.9c5.9%200%2011.5-1.6%2016.2-4.5l231.1-134.6c10.9-5.2%2018.5-16.3%2018.5-29.2%200-11.9-6.4-22.3-16-27.8L439.7%20352.2c-5.8-6.7-14.4-10.9-23.9-10.9-17.6%200-31.8%2014.4-31.8%2032.1%200%200.6%200%201.2%200.1%201.8l-0.4%200.2%200.5%20269c-0.1%201.1-0.2%202.2-0.2%203.4%200%2017.7%2014.3%2032.1%2031.8%2032.1z%22%20fill%3D%22%23ffffff%22%20p-id%3D%222868%22%3E%3C/path%3E%3Cpath%20d%3D%22M909.8%20306.6c-5.4-10.5-16.3-17.8-28.9-17.8-17.8%200-32.2%2014.4-32.2%2032.1%200%206%201.7%2011.7%204.6%2016.5l-0.1%200.1c26.9%2052.4%2042.1%20111.8%2042.1%20174.7%200%20211.6-171.6%20383.2-383.2%20383.2S128.8%20723.8%20128.8%20512.2%20300.4%20129.1%20512%20129.1c62.5%200%20121.5%2015%20173.6%2041.5l0.2-0.4c4.6%202.6%2010%204.1%2015.7%204.1%2017.8%200%2032.2-14.4%2032.2-32.1%200-13.1-7.9-24.4-19.3-29.4C653.6%2081.9%20584.9%2064.5%20512%2064.5%20264.7%2064.5%2064.3%20265%2064.3%20512.2S264.7%20959.9%20512%20959.9s447.7-200.4%20447.7-447.7c0-74.1-18-144-49.9-205.6z%22%20fill%3D%22%23ffffff%22%20p-id%3D%222869%22%3E%3C/path%3E%3C/svg%3E");
    z-index: 10;
}

.reateDetailsVideo .pic::before{
    padding-top: 63.2870%;
}
/* ————— 创建成果(详情) end ————— */

/* ————— 创建成果(资料下载) start ————— */
.download .hunt {border-radius: .875rem;background-color: #f5f5f5;margin:.6667rem .6667rem .8333rem; padding: 0 .8333rem;}
.download .hunt::after {display: block;content: ' ';clear: both;visibility: hidden;}
.download .hunt .input { border: none;overflow: hidden;padding: 0 .3333rem;}
.download .hunt input {display: block;width: 100%;outline: none; background: none;line-height:1.75rem;height: 1.75rem;font-size: .6rem;color: #333;border: none;}
.download .hunt input::placeholder {font-size: .65rem;color: #999;}
.download .hunt a {display: block; float: right; width: .8667rem; height: 1.75rem;background: url(../images/downloadIcon.png) no-repeat center center/.8667rem .9667rem;}
.downloadCon{overflow: hidden;}
.downloadCon .downloadConL{float: left;width: 28.97%;background-color: #f5f5f5;border-radius:0 .5rem .5rem 0;height: 100vh;padding: 1rem 0;}
.downloadCon .downloadConL dd{margin-bottom: 1rem;text-align: center;}
.downloadCon .downloadConL dd a{font-size: .75rem;color: #333333;line-height: 1.3333rem;height: 1.3333rem;}
.downloadCon .downloadConL dd.hover a{
    color: #fff;
}
.downloadCon .downloadConL dd.hover {
    background-color: #e36a55;
}
.downloadCon .downloadConR{overflow: hidden;padding: 0 .6667rem;flex: 1;}
.downloadCon .downloadConR dd{background-color: #ffffff;   box-shadow: 0px 6px 15px 0px rgba(153, 153, 153, 0.2);border-radius: .3333rem;margin-bottom: .7333rem;}
.downloadCon .downloadConR dd a{display: block;padding: .5833rem .6667rem;box-sizing: border-box;}
.downloadCon .downloadConR dd a .text{overflow: hidden;border-bottom: 1px solid #e6e6e6;padding-bottom: .5833rem;margin-bottom: .4167rem;}
.downloadCon .downloadConR dd a .text .icon{margin-right: .6667rem; float: left;width: 1.7167rem;height: 1.9667rem; background-size:  1.7167rem 1.9667rem;background-position: center center;background-repeat: no-repeat;}
.downloadCon .downloadConR dd a .text .textC{overflow: hidden;font-size: .75rem;color: #333333;line-height: 1rem;}
.downloadCon .downloadConR dd a .con{display: flex;justify-content: space-between;font-size: .65rem; color: #999999;line-height: 1rem;height: 1rem;}
/* ————— 创建成果(资料下载) end ————— */

/* ————— 每周一课 start ————— */
.lessonList dd {border-bottom: 1px solid #e6e6e6;}
.lessonList dd:last-child{border-bottom: none;}
.lessonList dd a{display: block;padding: .8333rem 0;overflow: hidden;}
.lessonList dd a .pic{float: left;width: 40.1913%;margin-right: .6667rem;border-radius: .5rem;overflow: hidden;}
.lessonList dd a .pic::before{padding-top: 66.6666%;}
.lessonList dd a .pic .picText{position: absolute;left: 0;top: 0;width: 2.5333rem;height: 1.2rem;line-height: 1.2rem;text-align: center;font-size: .65rem;color: #fff;background-color: rgba(33, 33, 33, 0.5);border-radius: .5rem 0 .7rem 0;}
.lessonList dd a .text{overflow: hidden;}
.lessonList dd a .text .info{font-size: .75rem;color: #333333;line-height: 1.2rem;height: 2.4rem;margin: .25rem 0 .9167rem;}

.lessonList dd a .text .con{font-size: .7rem;color: #999999;}
.lessonList dd a .text .con span.button{float: right;padding: 0 .6667rem;height: 1.2rem;line-height: 1.2rem;border-radius: .6rem;color: #fff;}
.lessonList dd a .text .con span.num{overflow: hidden;line-height: 1.2rem;height: 1.2rem;}
.lessonList dd a .text .con span.icon{margin-top: -.3rem; display: none; float: right;width: 2.3333rem;height: 2rem;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;}

.lessonList dd a[data-type-temp="0"] .button1{background-color: #e36a55;display: block;}
.lessonList dd a[data-type-temp="0"] .button2 {
   display: none;
}
.lessonList dd a[data-type-temp="0"] .icon {
    display: none;
}

.lessonList dd a[data-type-temp="1"] .button2 {
    background-color: #ea8b50;
    display: block;
}

.lessonList dd a[data-type-temp="1"] .button1 {
    display: none;
}

.lessonList dd a[data-type-temp="0"] .icon {
    display: none;
}


.lessonList dd a[data-type-temp="2"] .button2 {
    background-color: #ea8b50;
    display: none;
}

.lessonList dd a[data-type-temp="2"] .button1 {
    display: none;
}

.lessonList dd a[data-type-temp="2"] .icon {
    display: block;
}
/* ————— 每周一课(详情) start ————— */
.lessonDetails{margin-bottom: 1rem;}
.lessonDetails .lessonDetailsCon{border-bottom: 1px solid #e6e6e6;padding-bottom: .6667rem;margin-bottom: .7167rem;}
.lessonDetails .lessonDetailsCon .pic{overflow: hidden;border-radius: .3333rem;margin-bottom: .8833rem;}
.lessonDetails .lessonDetailsCon .pic::before{padding-top: 60.2870%;}
.lessonDetails .lessonDetailsCon .text{font-size: .9rem;color: #333333;line-height: 1.2rem;margin-bottom: .5rem;}
.lessonDetails .lessonDetailsCon .con{font-size: .7rem;color: #999999;line-height: 1.2rem;height: 1.2rem;overflow: hidden;}
.lessonDetails .lessonDetailsCon .con span.button{float: right;padding: 0 .6667rem;height: 1.2rem;line-height: 1.2rem;border-radius: .6rem;color: #e36a55;background-color: #ffede1;}
.lessonDetails .lessonDetailsCon .con span.num{overflow: hidden;}
.lessonDetails .lessonDetailsCon .info{font-size: .7rem;color: #666666;line-height: 1rem;}
.lessonDetailsText{margin-bottom: 3.6667rem;}
.lessonDetailsText .title{font-size: .9rem; color: #333333;line-height: 1.2rem;position: relative;padding-left: .75rem;margin-bottom: .8667rem;}
.lessonDetailsText .title::before{position: absolute;content: '';width: .25rem;height: .6333rem;background: #d70000;border-radius: .125rem;left: 0;top: 50%;transform: translateY(-50%);}
.lessonDetailsText .text{font-size: .75rem;color: #333333;line-height: 1.5rem;}
.lessonDetailsBut{text-align: center;}
.lessonDetailsBut .button{display: block; background-color: #e36a55;height: 2.45rem;line-height: 2.45rem;border-radius: 1.225rem;color: #fff;font-size: .8rem;margin-bottom: 2.1333rem;}
.lessonDetailsBut .text{font-size: .75rem;color: #d70000;line-height: 1.2rem;}
/* ————— 每周一课(详情) end ————— */

/* ————— 道中华 start ————— */
.imgText dd {border-bottom: 1px solid #e6e6e6;}
.imgText dd:last-child{border-bottom: none;}
.imgText dd a{display: block;padding: .8333rem 0;overflow: hidden;}
.imgText dd a .pic{float: left;width: 32.1913%;margin-right: .6667rem;border-radius: .5rem;overflow: hidden;}
.imgText dd a .pic::before{padding-top: 66.6666%;}
.imgText dd a .pic .picText{position: absolute;left: 0;top: 0;width: 2.5333rem;height: 1.2rem;line-height: 1.2rem;text-align: center;font-size: .65rem;color: #fff;background-color: rgba(33, 33, 33, 0.5);border-radius: .5rem 0 .7rem 0;}
.imgText dd a .text{overflow: hidden;}
.imgText dd a .text .info{font-size: .75rem;color: #333333;line-height: 1.2rem;height: 2.4rem;margin: .25rem 0 .9167rem;}
/* ————— 道中华 end ————— */

/* ————— 活动 start ————— */
.activity .hunt {border-radius: .875rem;background-color: #f5f5f5;margin:.6667rem .6667rem .8333rem; padding: 0 .8333rem;}
.activity .hunt::after {display: block;content: ' ';clear: both;visibility: hidden;}
.activity .hunt .input { border: none;overflow: hidden;padding: 0 .3333rem;}
.activity .hunt input {display: block;width: 100%;outline: none; background: none;line-height:1.75rem;height: 1.75rem;font-size: .6rem;color: #333;border: none;}
.activity .hunt input::placeholder {font-size: .65rem;color: #999;}
.activity .hunt a {display: block; float: right; width: .8667rem; height: 1.75rem;background: url(../images/downloadIcon.png) no-repeat center center/.8667rem .9667rem;}
.activityList{padding: 0 .6667rem;position: relative;}
.activityList::before{position: absolute;left: 0;top: 1rem;width: 100%;height: 45rem;display: block;content: '';background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden; z-index: 10;}
.activityList.active::before{opacity: 1;visibility: visible;}
.activityList dd {border-bottom: 1px solid #e6e6e6;}
.activityList dd:last-child{border-bottom: none;}
.activityList dd a{display: block;padding: .8333rem 0;overflow: hidden;}
.activityList dd a .pic{float: left;width: 40.1913%;margin-right: .6667rem;border-radius: .5rem;overflow: hidden;}
.activityList dd a .pic::before{padding-top: 66.6666%;}
.activityList dd a .text{overflow: hidden;}
.activityList dd a .text .info{font-size: .75rem;color: #333333;line-height: 1.2rem;height: 2.4rem;margin: .25rem 0 .9167rem;}
.activityList dd {border-bottom: 1px solid #e6e6e6;}
.activityList dd:last-child{border-bottom: none;}
.activityList dd a .text .con span{display: block;}
.activityList dd a .text .con span.button{opacity: 0; padding: 0 .6667rem;height: 1.2rem;line-height: 1.2rem;border-radius: .6rem;color: #fff;background-color: #e36a55;display: inline-block;font-size: .7rem;}
.activityList dd.active a .text .con span.button{opacity: 1;}
.activityList dd.active a .text .con span.time{color: #f23729;}
.activityList dd a .text .con span.time{display: block;font-size: .65rem;color: #999999;line-height: 1rem;}
.activityList dd a .pic .picText{position: absolute;left: 0;top: 0;width: 2.5333rem;height: 1.2rem;line-height: 1.2rem;text-align: center;font-size: .65rem;color: #fff;background-color: rgba(33, 33, 33, 0.5);border-radius: .5rem 0 .7rem 0;}
.activityList dd.active a .pic .picText{background-color: #d70000;}

.Link{padding:0 .6667rem ;position: relative;z-index: 20;}
.activityLink {display: flex;}
.activityLink dd {width: 50%;  height: 1rem; line-height: 1rem;position: relative;}
.activityLink dd .con {text-align: center;}
.activityLink dd .con span{ font-size: .75rem; color: #000000;padding-right: .8333rem;position: relative;}
.activityLink dd .con span::after{ content: ""; position: absolute; top: 50%;  right: 0;transform: translateY(-50%);border-left:.2rem solid transparent; border-right: .2rem solid transparent;border-top: .2rem solid #000000; z-index: 20;}
.activityLink dd.active .con span::after{transform: rotate(180deg);}
.activityLinkCon{display: none;position: absolute;left: 0 ;top: 1rem;width: 100%;background-color: #ffffff;border-radius: 0 0 .5rem .5rem;padding: 0 .6667rem;box-sizing: border-box;}
.activityLinkCon.active{display: block;}
.activityLinkCon dd{padding: .6667rem 0;}
.activityLinkCon dd a{font-size: .7rem; color: #000000;line-height: 1rem;height: 1rem;display: block;}
.activityLinkCon dd.hover a{color: #f23729;}
/* ————— 活动 end ————— */

/* ————— 每周一课(详情) start ————— */
.lessonDetailsBg.active{visibility: visible;opacity: 1;}
.Window.active{visibility: visible;opacity: 1;}
.activityDetailsTime{background-color: #f5f5f5;border-radius: .3333rem;margin-bottom: 1rem;padding: .6667rem .5833rem;}
.activityDetailsTime dd{display: flex;    justify-content: space-between;}
.activityDetailsTime dd .title{font-size: .75rem;color: #333333;line-height: 1.75rem;}
.activityDetailsTime dd .text{font-size: .7rem;color: #777777;line-height: 1.65rem;}
.activityDetailsTime dd .time{font-size: .7rem;color: #333333;line-height: 1.65rem;}
.activityDetailsTime dd .address{font-size: .7rem;color: #333333;line-height: 1.65rem;}
.activityDetails{margin-bottom: 1rem;}
.activityDetails .activityDetailsCon{margin-bottom: 1.25rem;}
.activityDetails .activityDetailsCon .pic{overflow: hidden;border-radius: .3333rem;margin-bottom: .8833rem;}
.activityDetails .activityDetailsCon .pic::before{padding-top: 60.2870%;}
.activityDetails .activityDetailsCon .text{font-size: .9rem;color: #333333;line-height: 1.2rem;margin-bottom: .5rem;}
.activityDetails .activityDetailsCon .con{font-size: .7rem;color: #999999;line-height: 1.2rem;height: 1.2rem;overflow: hidden;}
.activityDetails .activityDetailsCon .con span.button{float: right;padding: 0 .6667rem;height: 1.2rem;line-height: 1.2rem;border-radius: .6rem;color: #e36a55;background-color: #ffede1;}
.activityDetails .activityDetailsCon .con span.num{overflow: hidden;}
.activityDetails .activityDetailsCon .info{font-size: .7rem;color: #666666;line-height: 1rem;}
.activityDetailsText{margin-bottom: 3.6667rem;}
.activityDetailsText .title{font-size: .9rem; color: #333333;line-height: 1.2rem;position: relative;padding-left: .75rem;margin-bottom: .8667rem;}
.activityDetailsText .title::before{position: absolute;content: '';width: .25rem;height: .6333rem;background: #d70000;border-radius: .125rem;left: 0;top: 50%;transform: translateY(-50%);}
.activityDetailsText .text{font-size: .75rem;color: #333333;line-height: 1.5rem;}
.activityDetailsText .text p{margin-bottom: 1.3333rem;}
.activityDetailsBut{text-align: center;}
.activityDetailsBut .button{display: block; background-color: #e36a55;height: 2.45rem;line-height: 2.45rem;border-radius: 1.225rem;color: #fff;font-size: .8rem;}

/* ————— 每周一课(详情) end ————— */
.addImgText {
    display: flex;
}
.addLeftMenu {
    width: 26.667%;
    border-right: 1px solid #e6e6e6;
    column-gap: .75rem;

}
.addLeftMenu dd {
    margin-bottom: .5rem;
}
.addLeftMenu dd a{
    display: block;
    font-size: .6rem;
    line-height: 1rem;
    color: #333;
    padding: .75rem;
}
.addLeftMenu dd.hover a{
    color: #fff;
    background-color: #e36a55;
}
.addImgText .studyImgTextList,
.addImgText .studyVideo
 {
    flex: 1;
    padding-left: .75rem;
}
.addImgText .addMenuRight{
    flex: 1;
    padding:0 .5rem 0 .75rem ;
}
.wxgzptAdd {
    height: 100vh;
    width: 100vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #333;
}
.wxgzptAdd .img{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 6rem;
    height: 6rem;
}
.wxgzptAdd img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* 附件 end */
.articleAnnex {
	font-size: 0.75rem;
	overflow: hidden;
	margin-bottom: 0.75rem;
    padding: 0rem 0.75rem;
}

.articleAnnex a {
	display: block;
	line-height:1.5rem;
	padding-left: 1.5rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 1rem;
	background-image: url('../images/file/fileIcon1.png');
	color: #666;
}

.articleAnnex a.word {
	background-image: url('../images/file/wordIcon.png');
	color: #1e6de0 !important;
}

.articleAnnex a.ppt {
	background-image: url('../images/file/pptIcon.png');
	color: #ff7735 !important;
}

.articleAnnex a.excel {
	background-image: url('../images/file/excelIcon.png');
	color: #2da641 !important;
}

.articleAnnex a.pdf {
	background-image: url('../images/file/pdfIcon.png');
	color: #ef5450 !important;
}

.articleAnnex a.zip {
	background-image: url('../images/file/zipIcon.png');
	color: #ff9779 !important;
}

.articleAnnex a.file {
	background-image: url('../images/file/fileIcon1.png');
}
/* 附件 end */


 .audioModal {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: flex-end;
        justify-content: center;
    }

    .audioModal.show {
        display: flex;
    }

    .audioModalBox {
        background: #fff;
        width: 100%;
        border-radius: 16px 16px 0 0;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
    }

    .audioModalCover img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 12px;
    }

    .audioModalTitle {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 16px;
        color: #333;
    }

    #audioPlayer {
        width: 100%;
        margin-bottom: 16px;
    }

    .audioModalClose {
        color: #999;
        font-size: 14px;
        padding: 8px 0;
        cursor: pointer;
    }



      .audioModal {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: flex-end;
        justify-content: center;
    }

    .audioModal.show {
        display: flex;
    }

    .audioModalBox {
        background: #fff;
        width: 100%;
        border-radius: 16px 16px 0 0;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
    }

    .audioModalCover img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 12px;
    }

    .audioModalTitle {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 16px;
        color: #333;
    }

    #audioPlayer {
        width: 100%;
        margin-bottom: 16px;
    }

    .audioModalClose {
        color: #999;
        font-size: 14px;
        padding: 8px 0;
        cursor: pointer;
    }