html {
  background: #fff;
  color: #333333;
  line-height: 1.2;
}

.front_box {
  zoom: 0.9; 
  -moz-transform: scale(.9); 
  -moz-transform-origin: 0 0;
}

@-moz-document url-prefix() {
  .front_box {
    width: 111%;
  }
}

body {
  position: relative;
  font-size: 14px;
}
.inner {max-width: 1200px;margin: 0 auto;padding: 0 10px;}
span {display: inline-block;}
.news_info .box .text span{ display: inline;}
span img{vertical-align: middle;}
span .fa{vertical-align: middle;}
/* 头部 */
.header{height: 105px;}
.header_inner{max-width: 1448px;height: 100%;margin: 0 auto;}
.header .content{display: flex;justify-content: space-between;align-items: flex-end;height: 100%;}
#text span {padding-right: 100px;display: inline-block;}
.notice {position: relative;width: 37%;height: 30px;white-space: nowrap;overflow: hidden;float: left;margin-left: 55px;margin-top: -30px;font-size: 24px;opacity: 0;}
.header .content .person_center{width: 62%;}
.header .content .person_center .top_box{display: flex;justify-content: flex-end;}
#text {position: absolute;}
　　
.header .person_center .top_box .item.img{color: #000;text-align: center;padding: 13px 47px;background: url(../images/bg.png) no-repeat;}
.header .person_center .top_box{display: flex;align-items: center;}
.header .person_center .top_box .item{margin-right: 40px;display: inline-block;color: #3e57b2;}
.header .person_center .top_box .item:last-child{margin: 0;}
.header .person_center .top_box .item span{display: inline-block;padding-right: 10px;}
.header .person_center .top_box .item span img{vertical-align: middle;}
.header .menu{display: flex;justify-content: flex-end;}
.header .menu .item{padding: 13px 15px;position: relative;}
.header .menu .item:hover .sub_list{display: block;}
.header .menu .item .sub_list{position: absolute;top:100%;left: 0;text-align: center;background: #fff;border: 1px solid #ccc;min-width: 140px;display: none;z-index:100;}
.header .menu .item .sub_list .item_title{padding: 14px 0;}
.header .person_center .menu .item .sub_item{padding: 0 5px;}
.header .mobile_box{display: none;}
.header .mobile_box .menu{width: 100%;}
.header .mobile_box .box{display: flex;justify-content: space-between;align-items: center;}

/* 导航 */
.menu_list{width: 100%;max-width: 145px;position: fixed;top: 0;left: calc((100vw - 1200px) / 2 - 150px);text-align: center;z-index: 5000;}
.menu_list #menu{border-radius: 3px 3px 0 0;box-shadow: 1px 1px 15px 1px rgba(0,0,0,.2);background: #fff;height: 530px;}
.menu_list .logo{display: block;padding-bottom: 3px;padding-right: 15px;}
.menu_list .block{font-size: 12px;background: #ffd8fd;border-radius: 0 0 3px 3px; cursor: pointer;}
.menu_list .block span{display: inline-block;padding: 3px 0 3px 3px;}
.menu_list .block span img{vertical-align: middle;}
.menu_list .item{border-bottom: 1px solid #dcdcdc;position: relative;}
.menu_list .item:last-child{border: none;}
.menu_list .item a{display: block;width:100%;padding: 18px 5px;}
.menu_list .item:hover,
.menu_list .item.active{background: #3e57b2;color: #fff;}

.menu_list .menu_box{display: flex;align-items: center;}
.menu_list .menu_box .show{min-width: 15px;min-height: 150px;border-radius: 0 10px 10px 0;background: #3e57b2;line-height: 150px;display: none;}
.menu_list .menu_box .show .fa{color: #fff;font-size: 26px;}

/* 首页登录表单 */
.home_banner{height: 539px;}
.home_banner .inner{height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.form_box{border:1px solid #bdc7e3;padding: 5px;width: 34%;}
.form_box .login_box{border:1px solid #2945aa;padding: 15px 40px 35px; background: #fff;}
.form_box .login_box .login_style{display: block;text-align: right;}
.form_box .login_box .login_style span{display: inline-block;background: #50b674;width: 28px;height: 28px;border-radius: 50%;text-align: center;line-height: 28px;}
.form_box .login_box .login_style .fa{color: #fff;}
.form_box .login_box .title{font-size: 20px;color: #2945aa;display: inline-block;padding-bottom: 30px;}
.form_box .login_box .item{width: 100%;margin-bottom: 20px;border: 1px solid #ccc;}
.form_box .login_box .item input{width: 100%;padding: 15px 10px;border: none;font-size: 16px;}
.form_box .login_box .item.password{padding-right: 85px;box-sizing: border-box;position: relative;}
.form_box .login_box .item.password span{font-size: 16px;color: #2945aa;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.form_box .login_box .else span{color: #2945aa;}

.button{ background: #2945aa; border: 1px solid #2945aa; color: #fff; border-radius: 5px; padding: 14px 0px;font-size: 20px;}

/*首页精彩推荐 */
.recommend_box{padding: 32px 0 86px;}
.recommend_box .content{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.recommend_box .content .left_box{width: 40%;}
.recommend_box .content .left_box .swiper-slide{height: 100%;}
.recommend_box .content .left_box .swiper-slide a img{width: 100%;height: 100%;}
.recommend_box .content .left_box  .swiper-container-horizontal>.swiper-pagination-bullets, 
.recommend_box .content .left_box  .swiper-pagination-custom,.recommend_box .content .left_box .swiper-pagination-fraction{width: auto !important;right: 15px;left: auto;top: 65%;}
.recommend_box .content .left_box .swiper-pagination-bullet{background: #fff;opacity: 1;}
.recommend_box .content .left_box .swiper-pagination-bullet-active{background: #fe7318;}
.pub_title{font-size: 18px;color: #3e57b3;padding-bottom: 22px;display:block;}
.recommend_box .content .left_box .text{padding: 15px 25px 0 3px;}
.recommend_box .content .left_box .text .info{color: #3e57b3;font-size: 14px;display: flex;justify-content: space-between;padding-bottom: 25px;}
.recommend_box .content .left_box .text .sub_title{font-size: 16px;color: #333;font-weight: bold;padding-bottom: 15px;display: inline-block;}
.recommend_box .content .left_box .text .txt{line-height: 1.5;height: 6em;overflow: hidden;text-overflow: ellipsis;}
.look{color: #3e57b2;}
.look span{color: #000;padding-left: 5px;}
/* 感恩日记 */
.diary_box{width: 29%;}
.diary_box .pub_title{text-align: right;padding-bottom: 22px;}
#diary .swiper-slide{box-sizing: border-box;}
#diary .img_box{position: relative;}
#diary .bg{background: rgba(255,216,253,.8);width: 100%;display: block;text-align: center;height:50px;position: absolute;top: 0;right: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#diary .bg_box{height: 35px;line-height: 35px;position: absolute;bottom: 0;right: 0;top: auto;width: 100%;display: flex;}
#diary .bg_box .color{display: inline-block;height: 100%;background: rgba(62,87,179,.8);width: 30%;}
#diary .bg_box .bg{width: 71%;position: static;height: 100%;}
#diary  .head{position: absolute;top: 10px;left: 50%;transform: translate(-50%,0);}
.diary_box .swiper-button-prev,.diary_box .swiper-container-rtl .swiper-button-next{background-image: url(../images/left.png);left: 48px;}
.diary_box .swiper-button-next,.diary_box .swiper-container-rtl .swiper-button-prev{background-image: url(../images/right.png);;right: 48px;}
.diary_box .swiper-button-next,.diary_box .swiper-button-prev{margin-top: 0;width: 21px;height: 39px;background-size: 100%;top: 5px;}
.diary_box .text{padding: 15px 10px 0 10px;}
.diary_box .text .title{font-size: 16px;color: #333;font-weight: bold;line-height: 1.5;height: 3em;overflow: hidden;text-overflow: ellipsis;}
.diary_box .text .info a{padding-top: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;}

/* 首页新闻 */
.home_news{height: 605px;position: relative;z-index: 10;overflow: hidden;width: 29%;box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
.home_news:hover{overflow: visible;}
.home_news:hover .news_box{box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
.home_news .tab_title{display: flex;background: #3e57b2;padding-top: 7px;color: #fff;}
.home_news .tab_title .item{width: 50%;padding: 15px 0;display: flex;align-items: center;justify-content: center;}
.home_news .tab_title .item span{padding-right: 10px;}
.home_news .tab_title .item.active{background: #fff;color: #3e57b3;}
.home_news .none{display: none;}
.home_news .tab_title .item.active .none{display: block;}
.home_news .tab_title .item.active .block{display: none;}
.home_news .tab_box{padding: 0 15px;background: #fff;}
.home_news .tab_box .item{display: none;}
.home_news .tab_box .item.active{display: block;}
.home_news .tab_box .sub_item {padding: 20px 0;border-bottom: 1px solid #dddddd;}
.home_news .tab_box .sub_item .top{display: flex;justify-content: space-between;padding-bottom: 18px;}
.home_news .tab_box .sub_item .top .date span{color: #3e57b2;padding-right: 5px;}
.home_news .tab_box .sub_item .title{line-height: 1.5;height: 3em;overflow: hidden;text-overflow: ellipsis;display: block;}
.home_news .more{text-align: right;padding: 15px 25px 20px;position: relative;z-index: 10;background: #fff;}

/* CC讲坛 */
.section_title{display: flex;justify-content: center;color: #3e57b3;font-size: 26px;align-items: center;position: relative;}
.section_title .line{width: 130px;height: 1px;background: #3e57b2;}
.section_title .title{padding: 0 35px;}
.section_title .more{position: absolute;right: 0;bottom: 0;font-size: 14px;color: #333;}
.bema_box .swiper_box{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 50px;}
.bema_box .swiper_box .item{width: 30%;transition: all linear 0.3s;}
.bema_box .swiper_box .item:hover{transform: scale(1.1);}
.bema_box .swiper_box .img{position: relative;}
.bema_box .swiper_box .img>img{width: 100%;}
.bema_box .swiper_box .img .text{position: absolute;width: 100%;bottom: 0;color: #fff;padding:0 15px;}
.bema_box .swiper_box .img .info{position: relative;}
.bema_box .swiper_box .img .time{font-size: 16px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.bema_box .swiper_box .img .des{font-size: 22px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bema_box .swiper_box .img .title{padding-bottom: 10px;}
.bema_box .swiper_box .img .play{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;padding: 15px 0 0 15px;}
.bema_box .slide_box>.text{width: 100%;font-size: 16px;padding: 18px 15px 9px 11px;display: flex;justify-content: space-between;align-items: center;}
.bema_box .slide_box>.text .txt{line-height: 1.5;height: 3em;overflow: hidden;text-overflow: ellipsis;display: inline-block;width: 75%;}
.star_box{width: 20%;position: relative;}
.hearts-canvas,.star-canvas{display: none;position: absolute;bottom:100%;left: 0;}
.star_box .fa{font-size: 30px;}
.star_box .star .fa{color: #ffbc3a;}
.star_box .heart .fa{color: #fe2a39;}
.star_box .none{display: none;}
/* .star_box .block{animation: opacity 1s linear;} */
.star_box .icon.active .none{display:inline-block;}
.star_box .icon.active .block{display: none;animation: opacity 1s linear;}

/* 弹窗 */
.window_box {position: fixed;z-index: 999;top: 0;left: 0;margin: 0 auto;width: 100%;height: 100%;align-items: center;justify-content: center;display: none;padding: 50px 0;}
.fadebg {text-align: center;position: absolute;left: 0;top: 0;bottom:0;margin: 0 auto;width: 100%;height: 100%;background: rgba(0, 0, 0,0.3);}
.videomodal {max-width: 80%;overflow: hidden;position: relative;z-index: 10;}
.videomodal video{width: 100%;position: relative;margin: 0 auto;}
.closeicon {z-index: 999;position: fixed;right: 67px;top: 37px;color: #b7b6b6;cursor: pointer;}
.closeicon .fa-times-circle { font-size:30px}
.video_window .tabicon {position: absolute;z-index: 1004;top: 44%;font-size: 44px;opacity:0.4;}
.video_window .play1{position: absolute;top:71px;left: 0;width: 100%;height: 60%;justify-content: center;align-items: center;display:none;}
.video_window:hover .play1{display: flex;}
.video_window .play1 .none{display: none;}
.video_window .play1.active .none{display: block;}
.video_window .play1.active .block{display: none;}
.window_box .window_item{display: none;}
.window_box .window_item>.img{width: 90%;margin: 0 auto;}
.window_box .tier{position: relative;z-index: 5;}
#post{overflow: auto;}



/* 课程中心 */
.course_box{padding-top: 94px;}
.course_box .list{display: flex;justify-content: space-between;padding-top: 40px;}
.course_box .left_box{width: 53%;display: flex;justify-content:space-between;flex-wrap: wrap;}
.course_box .right_box{width: 45%;}
.course_box .left_box .item{width: 48%;padding: 10px 0;}
.course_box .left_box .item .img{overflow: hidden;display: block;}
.course_box .left_box .item .img img{transition: all .3s linear;}
.course_box .left_box .item:hover .img img{transform: scale(1.2);}
.course_box .left_box .item .text{font-size: 14px;padding: 10px 15px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
.course_box .left_box .item .text .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.course_box .left_box .item .text .info{display: flex;justify-content: space-between;padding-top: 24px;}
.course_box .left_box .item .text .info .star_box{width: 10%;}
.course_box .left_box .item .text .info .star_box .fa{font-size: 20px;}
.course_box .left_box .item .text .info .name{color: #ff6713;}
.course_box .left_box .item .text .info .more{color: #3e57b2;}
.course_box .right_box .live{padding-top: 10px;}
.course_box .right_box .live .img img{height: 100%;width: 100%;}
.course_box .right_box .live .img{position: relative;}
.course_box .right_box .live .img .text{position: absolute;top: 28px;left: 41px;background: rgba(255,255,255,.3);padding: 25px 65px;}
.course_box .right_box .live .img .text .item{padding-bottom: 25px;text-align: center;display: block;}
.course_box .right_box .live .img .text .ing{font-size: 34px;color: #fdbc39;font-weight: bold;}
.course_box .right_box .live .img .text .go{font-size: 24px;color: #3e57b2;font-weight: bold;}
.course_box .right_box .live .img .text .name{font-size: 22px;color: #fff;padding-bottom: 0;}

/* 德宝宝 */
.baby_box .content{padding-top: 50px;}
.baby_box .video{width:100%;object-fit: fill;}
.baby_box .content .video_box{position: relative;}
.baby_box .content .text{position: absolute;font-size: 18px;color: #fff;background: rgba(0,0,0,.5);top: 0;left: 0;padding: 15px 0;width: 100%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 15px 15px 0 0;}
.baby_box.ke_box .pub_img.img .icon_play{display: none;}
.baby_box .video_box:hover .pub_img.img .icon_play{display: flex;}

/* ACE邮局 */
.post_box{padding: 100px 0 45px 0}
.post_box .content .title{font-size: 22px;color: #3e57b2;padding: 20px 35px;background: #cefeff;width: 100%;max-width: 310px;}
.post_box .content .bg_wrap{background:#cefeff;padding: 15px 35px;}
.post_box .content .bg_wrap .box{background: #fff;padding: 17px 630px 0 21px;position: relative;}
.post_box .content .bg_wrap .box .text{font-size: 16px;padding: 20px 0px;}
.post_box .content .bg_wrap .box .text .sub_title{color: #3e57b2;padding-bottom: 15px;white-space: nowrap;overflow: hidden;text-align: center;display: block;}
.post_box .content .bg_wrap .box .text .info{line-height: 1.5;height: 4.5em;overflow: hidden;text-overflow: ellipsis;}
.post_box .content .bg_wrap .box .ikon{position: absolute;right: 0;top: -100px;max-width: 612px;}
.post_box .content .left_box{width: 100%;}
.post_box .content .left_box .img{position: relative;width: 100%;}
.post_box .content .left_box .img img{width: 100%;}
.post_box .content .left_box .img .none{transition: opacity linear 0.5s;opacity: 0;}
.post_box .content .left_box .img .block{position: absolute;top: 2px;left: 0;transition: opacity linear 0.5s;}
.post_box .content .left_box .img:hover .block{opacity: 0;}
.post_box .content .left_box .img:hover .none{opacity: 1;}
.post_box .go_write{padding-top: 38px;text-align: right;display: block;}


/* 清华校友之窗 */
.poetry_box .content{display: flex;justify-content: space-between;}
.poetry_box .content .left_box{width: 44%;background: #ffffe3;padding: 13px 30px;}
.poetry_box .content .right_box{width: 55%;display: flex;flex-direction: column;justify-content: space-between;}
.poetry_box .title{font-size: 22px;color: #3e57b2;padding-bottom: 23px;}
.poetry_box .left_box .item{padding: 24px 0px 24px 130px;position: relative;}
.poetry_box .left_box .item:nth-child(even){flex-direction: row-reverse;padding: 24px 130px 24px 0px;}
.poetry_box .left_box .item:nth-child(even) .img{position: absolute;top: 24px;right: 0;max-width: 120px;left: auto;}
.poetry_box .text{width: 100%;}
.poetry_box .left_box .item .img{position: absolute;top: 24px;left: 0;max-width: 120px;}
.poetry_box .left_box .item .text{font-size: 14px;color: #3e57b2;width: 100%;}
.poetry_box .text .look span{color: #3e57b2;}
.poetry_box .text .sub_title{font-size: 16px;padding: 8px 0;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.poetry_box .text .look{padding-bottom: 8px;border-bottom: 1px dashed #3e57b2;margin-bottom: 10px;}
.poetry_box .text .info{line-height: 1.5;height: 3em;overflow: hidden;text-overflow: ellipsis;}
.poetry_box .right_box .text{position: absolute;bottom: 0;left: 0;color: #fff;}
.poetry_box .right_box .box{position: relative;}
.poetry_box .right_box .text{background: rgba(0,0,0,.3);padding: 18px 30px 25px;}
.poetry_box .right_box .text .look span{color: #fff;}
.poetry_box .right_box .text .sub_title{font-size: 18px;}
.poetry_box .right_box .text .look{color:#fff;border: none;margin: 0;padding-bottom: 5px;}
#poetry .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ff6713;}
#poetry .swiper-pagination-bullet{background: #fff;opacity: 1;}
.poetry_box .slide_box{position: relative;}
.pub_img {position: relative;}
.pub_img .play{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
#group.swiper-container {width: 80%; height: 100%;}
#group .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.poetry_box .swiper-button-next,.poetry_box .swiper-container-rtl .swiper-button-prev{background-image: url(../images/right01.png);right: 0;outline: none;}
.poetry_box .swiper-button-prev,.poetry_box .swiper-container-rtl .swiper-button-next{background-image: url(../images/left01.png);left: 0;outline: none;}
.poetry_box .right_box .more{font-size: 14px;display: block;text-align: right;}

/* 友情链接 */
.link_box {padding: 110px 0 40px;}
#logo_list .swiper-wrapper{transition-timing-function: linear;}
#logo_list .swiper-wrapper{display: flex;align-items: center;}
.link_box .title{font-size: 22px;color: #3e57b2;padding-bottom: 23px;border-bottom: 1px solid #4ac43b;margin-bottom: 40px;}

/* footer */
.footer {background: #3e57b3;padding: 15px 0;overflow: hidden;font-size: 14px;text-align: center;}
.footer .footer_nav {color: #e0bbc9;display: flex;align-items: center;justify-content: center;padding-bottom: 30px;}
.footer .footer_nav .item {padding: 0 15px;}
.footer .footer_nav .item.active {text-decoration: underline;}
.footer .copy_box .copy {padding-bottom: 15px;color: #fff;}
.footer .copy_box .beian img {vertical-align: middle;padding-right: 16px;}

/* 水木善读-读书会活动 */
.pub_menu{background: #3e57b2;color: #fff;display: flex;padding:0 15px;margin:25px 0 20px;}
.pub_menu .item{padding: 15px;}
.pub_menu .item.active,
.pub_menu .item:hover{color: #0ae6f2;}
/* .input_box{display: flex;justify-content: space-between;padding-bottom: 20px;} */
.input_box form{display: flex;justify-content: space-between;padding-bottom: 20px;}
.input_box .date_box{background: #edecf1;padding:0 15px 0 63px;position: relative;border-radius: 20px;width: 100%;max-width: 278px;}
.input_box .date_box input{padding: 13px 0;border:none;width: 100%;}
.input_box .date_box .date_icon{position: absolute;top: 50%;left: 27px;transform: translate(0,-50%);}
.input_box .search{padding:0 115px 0 30px;max-width: 800px;width: 100%;}
.input_box .search input{padding: 13px 0;width: 100%;}
.input_box .search .small{padding: 10px 0px;border-radius: 0 20px 20px 0;}
.input_box .search .pos{position: absolute;right: 0;top: 0;}
.book_main .list_box .item{display: flex;justify-content:space-between;text-align: center;align-items: center;padding: 20px 0;border-bottom: 1px solid #ddd;}
.book_main .list_box .item .date_wrap{width: 16%;color: #3e57b2;line-height: 1.5;}
.book_main .input_box .search .small{padding: 8px 0;}
.book_main .list_box .item .date_wrap .img{position: relative;}
.book_main .list_box .item .date_wrap .img span{position: absolute;top:10px;left: 50%;transform: translate(-50%,0);font-size: 24px;color: #ff9300;font-weight:bold;}
.book_main .list_box .item .info_box{text-align: left;line-height: 1.5;color: #666666;width: 55%;padding: 0 79px;position: relative;}
.book_main .list_box .item .info_box::before{content: '';position: absolute;left: 0;top:50%;transform: translate(0,-50%);width: 1px;height: 40px;background: #ddd;}
.book_main .list_box .item .info_box .title{color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.book_main .list_box .item .info_box p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.book_main .list_box .item .star_box{width:14%;line-height: 1.8;position: relative;color: #ee8312;}
.book_main .list_box .item .star_box.color {color: #333333;}
.book_main .list_box .item .star_box.color .shouc{color: #d7d7d7;}
.book_main .list_box .item .star_box::before{content: '';position: absolute;left: 0;top:50%;transform: translate(0,-50%);width: 1px;height: 40px;background: #ddd;}
.book_main .list_box .item .back{width:14%;line-height: 1.5;position: relative;display: block;color: #3e57b2;}
.book_main .list_box .item .back.color{color: #d7d7d7;}
.book_main .list_box .item .back::before{content: '';position: absolute;left: 0;top:50%;transform: translate(0,-50%);width: 1px;height: 40px;background: #ddd;}
.shouc.active{color: #333;}
.page{text-align: center;padding: 93px 0 76px;}

/* 水木善读-简介 */
.intro_main .box{font-size: 14px;line-height: 1.8;padding-bottom: 35px;}
.intro_main .box p{text-indent: 2em;padding: 10px 0;}
.intro_main .box .img{text-align: center;padding-top:30px;text-indent: 0;}

/* 新闻 */
.news_box .pub_menu{color: #0ae6f2;margin: 0;}
.swiper_box{position: relative;}
.news_box .swiper-button-next,.news_box .swiper-container-rtl .swiper-button-prev,
.build_box .swiper-button-next,.build_box .swiper-container-rtl .swiper-button-prev,
.wall_box .box .swiper-button-next,.wall_box .box .swiper-container-rtl .swiper-button-prev
{background-image: url(../images/right01.png);right: 0;}
.news_box .swiper-button-prev,.news_box .swiper-container-rtl .swiper-button-next,
.build_box .swiper-button-prev,.build_box .swiper-container-rtl .swiper-button-next,
.wall_box .box .swiper-button-prev,.wall_box .box .swiper-container-rtl .swiper-button-next
{background-image: url(../images/left01.png);left: 0;}
.news_box .swiper-container{width: 84%;}
.news_box .swiper-pagination-bullet,
.center_box .swiper-pagination-bullet
{width: 18px;height: 18px;border-radius: 0;background: none;border: 1px solid #fff;color: #fff;opacity:1;outline: none;}
.news_box .swiper-pagination-bullet-active,
.center_box .swiper-pagination-bullet-active
{border-color: #3e57b2;color: #3e57b2;}
.news_box .swiper-container-horizontal>.swiper-pagination-bullets,
.news_box .swiper-pagination-custom,.news_box .swiper-pagination-fraction,
.center_box .swiper-container-horizontal>.swiper-pagination-bullets,
.center_box .swiper-pagination-custom,.center_box .swiper-pagination-fraction
{width: auto;right: 10px;left: auto;}
.news_box .list_box{padding-top: 25px;}
.news_box .list_box .item{display: flex;padding: 20px 25px 20px 150px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);position: relative;margin-bottom: 25px;}
.news_box .list_box .item:hover .text .title{color: #3e57b2;}
.news_box .list_box .item .date{position: absolute;left: 25px;top: 20px;max-width: 90px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);width: 100%;text-align: center;padding: 10px 0;line-height: 1.5;}
.news_box .list_box .item .date .day{font-size: 30px;}
.news_box .list_box .item .text{width: 100%;}
.news_box .list_box .item .text .title{font-size:18px;padding-bottom: 18px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_box .list_box .item .text .info{line-height: 1.5;height: 3em;overflow: hidden;text-overflow: ellipsis;}
.news_box .list_box .item .text .look{text-align: right;padding-top: 5px;}

/* 新闻详情 */
.news_info .box{box-shadow: 1px 1px 15px rgba(0,0,0,.2);padding-bottom: 30px;margin-bottom: 80px;}
.news_info .box .top_box{padding: 35px 30px 0;border-bottom: 1px solid #ccc;}
.news_info .box .top_box .sub_title{font-size: 24px;padding-bottom: 28px;}
.news_info .box .top_box .date{display: flex;justify-content: space-between;color: #666;padding-bottom: 5px;}
.news_info .box .top_box .date .info{display: flex;justify-content: space-between;width: 20%;}
.news_info .box .top_box .date .time{width: 30%;}
.news_info .box .text{padding: 0 25px;line-height: 1.8;color: #666;}
.news_info .box .text .img{text-align: center;text-indent: 0;padding: 0;}
.news_info .box .text p{text-indent: 2em;padding: 18px 0;}
.news_info .star_box{display: flex;justify-content: center;width: 100%;text-align: center;}
.news_info .star_box .choose{padding: 0 50px;}

/* ACE学术期刊 */
.qikan_box .pub_menu{margin-bottom: 0;}
.qikan_box .list_box{display: flex;justify-content: space-between;padding-top: 30px;flex-wrap: wrap;}
.qikan_box .list_box .item{width: 47%;padding: 35px;background: #6080f1;border-radius: 25px;}
.qikan_box .list_box .item .box{background: #fff;border-radius: 25px;padding: 15px 50px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
.qikan_box .list_box .item .img{text-align: center;display: block;}
.book_title{text-align: center;font-size: 24px;padding: 25px 0;display: block;}
.qikan_box .list_box .item .info{color: #666;line-height: 1.8;height: 5.4em;overflow: hidden;text-overflow: ellipsis;}
.qikan_box .list_box .item .info span{font-size: 16px;}
.publish{color: #f8922e;font-size: 18px;}
.qikan_box .list_box .item .more{color: #3e57b2;text-decoration: underline;font-size: 16px;}
.qikan_box .list_box .text .last{display: flex;justify-content: space-between;padding-top: 30px;align-items: center;}

/* ACE学术期刊-详情 */
.study_box .pub_menu{margin-bottom: 35px;}
.study_box .top_box{padding-bottom: 20px;}
.study_box .box{padding-right: 353px;position: relative;width: 100%;}
.study_box .box .text_box{width: 100%;}
.study_box .top_box .img{position: absolute;top: 0;right: 0;padding: 10px;border: 1px solid #ccc;max-width: 320px;}
.study_box .book_title{text-align: left;padding: 0 0 45px;}
.study_box .publish{text-align: right;padding-bottom: 25px;}
.study_box .top_box .text{line-height: 1.8;}
.study_box .top_box .text p{margin-bottom: 35px;}
.button.linear{ background: linear-gradient(to right, #5272e9, #3f59b7);border: none;}
.button.small{width: 100%;max-width: 115px;text-align: center;border-radius: 25px;display: block;}
.study_box .button.small{max-width:238px;}
.button.right{float: right;}
.study_box .info_box{border: 1px solid #ccc;margin-bottom: 72px;}
.study_box .list_box .item{display: flex;padding: 20px 30px;border-bottom: 1px solid #ccc;align-items: center;width: 100%;}
.study_box .list_box .item .text{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.study_box .list_box .item:hover{color: #3e57b2;}
.study_box .list_box .item .img{position: relative;color: #fff;width: 28px;margin-right: 5px;}
.study_box .list_box .item .img span{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}

/* ACE直播 */
.live_box .list_box{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 50px;}
.live_box .list_box .item{width: 45%;padding: 50px 0;}
.live_box .list_box .item .live_wrap{box-shadow: 1px 1px 15px rgba(0,0,0,.2);padding: 0 15px;border-radius: 10px;}
.live_box .list_box .top_box{padding:15px 0 15px 180px;position: relative;border-bottom: 1px solid #ccc;}
.live_box .list_box .top_box .text{width: 100%;}
.live_box .list_box .top_box .img{position: absolute;left: 15px;;top:-40px;border-radius: 10px;}
.live_box .list_box .top_box .img img{border-radius: 10px;}
.live_box .list_box .top_box .title{font-size: 18px;padding-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.live_box .list_box .top_box .title span{font-size: 16px;color: #3e57b2;display: inline-block;padding:0 5px;border: 1px solid #3e57b2;margin-right: 10px;}
.live_box .list_box .top_box .text .info{color: #666;line-height: 1.5;height: 4.5em;overflow: hidden;text-overflow: ellipsis;display: block;}
.live_box .list_box .top_box .text .info.color{color: #3e57b2;}
.live_box .list_box .date{display: flex;justify-content: space-between;padding-top: 30px;align-items: center;}

.live_box .list_box .star_box,
.center_box .list_box .star_box,
.video_box .list_box .star_box,
.video_live .list_box .in_box,
.video_live .list_box .star_box,
.ke_box  .star_box{display: flex;align-items: center;width:auto;}

.live_box .list_box .top_box .star_box .heart,.live_box .list_box .star_box .star{padding-right: 8px;}
.live_box .list_box .date.last{padding: 20px 0 15px 20px;}
/* .live_box .list_box .date.last .want{max-width: 42px;width: 100%;} */

/* ACE邮局 */
.book_main .box .head{display: flex;justify-content: space-between;text-align: center;color: #3e57b2;padding: 30px 0;border-top: 1px solid #3e57b2;border-bottom: 1px solid #3e57b2;}
.book_main .box .head .date_wrap{width: 16%;}
.book_main .box .head .info_box{width: 55%;}
.book_main .box .head .star_box,.book_main .box .head .back{width: 14%;}

/* ACE-课程中心 */
.center_box .pub_menu{margin-bottom: 0;}
.center_box .input_box{padding-top: 30px;}
.center_box .input_box .search,.video_live .input_box .search{margin: 0 auto;max-width: 1020px;}
.center_box .list_box{display: flex;flex-wrap: wrap;margin: 0 -36px 0 -18px;}
.center_box .list_box .item{width: 33.33%;padding: 20px 36px;}
.center_box .list_box .title{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-bottom: 20px;}
.center_box .list_box .info,.video_box .list_box .info{display: flex;justify-content: space-between;align-items: center;}
.center_box .list_box .info .date{display: flex;}
.center_box .list_box .info .date .liu span{padding-left: 25px;display: inline-block;}
.center_box .list_box .in_box{position: relative;}
.center_box .list_box .tag{background: #3e57b2;color: #fff;position: absolute;top: 18px;left: -18px;padding: 3px 5px;border-radius: 10px;}
.center_box .list_box .tag.color{background: #f01112;}
.center_box .list_box .text{padding: 20px 15px 0 15px;}
.center_box .list_box .img,.center_box .list_box .img img{border-radius: 15px;}

/* CCTV微视-简介和动态 */
.tv_box .top_box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.tv_box .top_box .img{width: 40%;}
.tv_box .top_box .text{width: 58%;line-height: 1.5;padding-left: 45px;position: relative;}
.tv_box .top_box .text::before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);height: 320px;width: 1px;background: #ccc;}
.tv_box .top_box .text .title{font-size: 24px;padding-bottom: 25px;}
.tv_box .top_box .text p{text-indent: 2em;}
.tv_box .swiper-container{width: 70%;margin: 0 auto;}
.tv_box .swiper_box{padding: 70px 0 88px;}
.tv_box .swiper_box .box{display: flex;align-items: flex-start;}
.tv_box .swiper_box .box .img{width: 45%;}
.tv_box .swiper_box .box .text{width: 40%;line-height: 1.5;padding: 35px 18px 35px 30px;border: 1px solid #3e57b2;margin-left: -15px;}
.tv_box .swiper_box .box .text .info{height: 9em;overflow: hidden;text-overflow: ellipsis;}
.tv_box .swiper_box .swiper-button-prev,.tv_box .swiper_box .swiper-container-rtl .swiper-button-next,
.tv_box .swiper_box .swiper-button-next,.tv_box .swiper_box .swiper-container-rtl .swiper-button-prev
{background-image: url(../images/arrow-left.png);background-size: auto;background-color: #efefef;}
.tv_box .swiper_box .swiper-button-next,.tv_box .swiper_box .swiper-container-rtl .swiper-button-prev{transform: rotate(180deg);}
.swiper_box .swiper-button-next,.swiper_box .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;outline: none;}
.tv_box .swiper_box .swiper-container-horizontal>.tv_box .swiper_box .swiper-pagination-bullets,.tv_box .swiper_box .swiper-pagination-custom,.tv_box .swiper_box .swiper-pagination-fraction{width: auto;right: 140px;;left: auto;}

/* CCTV微视-视频格子 */
.video_box .list_box{display: flex;justify-content: space-between;margin: 0 -20px;}
.video_box .list_box .item{width: 25%;padding: 0 20px;}
.video_box .list_box .item .in_box{padding: 48px 15px 95px;background: url(../images/video01.png);background-size: 100% 100%;}
.video_box .list_box .item .text{line-height: 1.5;height: 4.5em;overflow: hidden;text-overflow: ellipsis;}
.video_box .list_box .item .img{text-align: center;padding-bottom: 10px;display: block;}
.video_box .list_box .item .info{padding: 35px 10px 0;}
.video_box .list_box .item .info .liu span{color: #eb8016;}
.video_box .star_box .fa{font-size: 24px;}

/* 下载APP */
.app_box .box{display: flex;justify-content: space-between;padding: 50px 0 70px;flex-wrap: wrap;}
.app_box .box .item{width: 50%;}
.app_box .box .left_box{padding-left: 70px;}
.app_box .box .left_box>.text{font-size: 30px;color: #666;}
.app_box .box .left_box>.text p{padding-bottom: 40px;}
.app_box .box .qr{display: flex;padding-top: 95px;}
.app_box .box .qr .img{width: 50%;}
.app_box .box .qr .img img{width: 135px;height: 135px;}
.app_box .box .qr .text{font-size: 20px;color: #fff;width: 50%;}
.app_box .box .qr .text .sub_item{display: block;background: #3e57b2;text-align: center;width: 100%;max-width:190px;padding: 15px 0;margin-bottom: 30px;border-radius: 25px;}
.app_box .box .right_box .phone{background: url(../images/video_phone.png) no-repeat;height: 500px;position: relative;}
.app_box .box .right_box .phone .video1{position: absolute;top:68px;left:60px;width: 195px;height: 105px;}
.app_box .box .right_box .phone .pc_video{background: url(../images/video_pc.png) no-repeat;position: absolute;bottom: 10px;left: 94px;height: 261px;width: 422px;}
.app_box .box .right_box .phone .pc_video .video2{position: absolute;top: 5px;width: 400px;height:230px;left: 50%;transform: translate(-50%,0);}

/* CC讲坛-CC视频在线 */
.video_live .screen span{padding-left: 5px;}
.video_live .box{width: 20%;text-align: right;}
.video_live .input_box{position: relative;align-items: center;}
.video_live .box .choose_box{position: absolute;top: 35px;right: 0;text-align: left;flex-wrap: wrap;background: #fff;padding:20px 15px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);border-radius: 10px;width: 100%;max-width: 230px;display: none;z-index: 5;}
.video_live .choose_box .item{position: relative;padding: 14px 13px;}
.video_live .choose_box .item input{width: 12px;height: 12px;background: #fff;visibility:hidden;vertical-align: middle;}
.video_live .choose_box .item label{width: 12px;height: 12px;border: 1px solid #ccc;position: absolute;top: 17px;left: 5px;display: block;background: #fff;border-radius: 3px;}
.video_live .choose_box .item input:checked+label {background:url("../images/check.png") center no-repeat;background-color: #3e57b2;border-color: #3e57b2;}
.video_live .box.active .choose_box{display: flex;}
.video_live .list_box{display: flex;flex-wrap: wrap;margin: 0 -23px;flex-wrap: wrap;}
.video_live .list_box .item{width: 33.33%;padding: 20px 23px;}
.video_live .list_box .item .sub_list{border-radius: 10px;}
.video_live .list_box .item .pub_img,.video_live .list_box .item .pub_img img{border-radius: 10px 10px 0 0;overflow: hidden;display: block;}
.video_live .list_box .item .pub_img img {transition: all .3s linear;}
.video_live .list_box .item:hover .pub_img img {transform: scale(1.2)}
.video_live .list_box .star_box{justify-content: flex-end;padding-top: 30px;}
.video_live .list_box .star_box .in_box:first-child{padding-right: 50px;}
.video_live .list_box .star_box .icon{padding-right: 10px;}
.video_live .list_box .text{color: #3e57b2;line-height: 1.5;padding: 20px 20px 13px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);border-radius: 0 0 10px 10px;}
.video_live .list_box .text .info{height: 4.5em;overflow: hidden;text-overflow: ellipsis;}
.video_live .star_box .fa{font-size: 24px;}

/* 登录-收藏-视频 */
.login_video {padding-top: 40px;}
.login_video .input_box .search{max-width: 100%;}
.pub_menu.bg{background: none;color: #666;padding: 0px 0 20px;margin-bottom: 0;}
.pub_menu.bg .item:hover,
.pub_menu.bg .item.active{color: #3e57b2;}
.login_video .list_box .item {margin-bottom: 20px;padding: 10px 60px 10px 40px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);border-radius: 15px;display: flex;justify-content: space-between;align-items: center;}
.login_video .list_box .item:last-child{margin-bottom: 0;}
.login_video .list_box .item .text{text-align: right;width: 73%;}
.login_video .list_box .item .text .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.login_video .list_box .item .text .date{padding: 20px 0;}
.login_video .list_box .item .text .delete{color: #3e57b2;}
.login_video .list_box .item .pub_img{width: 25%;border-radius: 15px;overflow: hidden;}
.login_video .list_box .item .pub_img img{border-radius: 15px;}
.login_video .search .small{max-width: 115px;}

/* 登录-收藏-视频-详情   关于我们-视频*/
.my_video{padding-bottom: 100px;}
.my_video .box{padding: 80px 90px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
.my_video .box video{width: 100%;}
.about_video{padding-top: 20px;}
.about_video video{width: 100%;}

/* 与ACE宝宝链接吧！ */
.address_box{padding-bottom: 50px;}
.address_box .box{display: flex;justify-content: space-between;align-items: center;padding:15px 0 30px;}
.address_box .box .left_box{display: flex;justify-content: space-between;width: 70%;}
.address_box .box .right_box{width: 25%;text-align: center;}
.address_box .box .left_box .address{background: #3e57b2;color: #fff;padding:70px 37px;width: 50%;}
.address_box .box .left_box .address .item{padding: 15px 0;line-height: 1.5;display:flex;}
.address_box .box .left_box .address .item .icon{width: 15%}
.address_box .box .left_box .address .item .text{width: 80%;}
.address_box .box .left_box .message{padding: 15px 35px;width: 50%;box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
.address_box .box .left_box .message .title{font-size: 18px;font-weight: bold;text-align: center;padding-bottom: 15px;}
.address_box .box .left_box .message .text_box{width: 100%;padding-bottom: 10px;box-shadow: 1px 1px 15px rgba(0,0,0,.2);border-radius: 15px;}
#textarea{display: block;width: 100%;border: none;padding: 10px 15px 0;height: 170px;margin-bottom: 10px;}
.address_box .button.small{max-width: 105px;padding: 5px 0;margin: 0 auto;}
#contain{height: 435px;border-radius: 15px;width: 100%;}

/* ACE教育-课程中心-课程大纲 */
.ke_box .pub_menu{margin-bottom: 0;}
.ke_box .top_box{background: url(../images/cai.jpg) center / cover no-repeat;width: 70%;display: flex;margin: 0 auto;color: #3e57b3;align-items: center;padding: 12px 35px;border-radius: 15px;margin-top: -45px;position: relative;z-index: 5;}
.ke_box .top_box .title{font-size: 22px;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ke_box .top_box .time_box{width: 15%;}
.ke_box .top_box .time_box p{padding: 8px 0;}
.ke_box .top_box .star_box{width: 15%;justify-content: flex-end;}
.wrap_title{text-align: right;font-weight: bold;line-height: 1.5;padding-top: 30px;padding-bottom: 20px;}
.wrap_title span{color: #3e57b2;}
.ke_box .text_box{padding: 0 100px;box-shadow: 0px 15px 10px -15px rgba(0,0,0,.1);padding-bottom: 15px;}
.ke_box .text_box .title_box,.ke_box .text_box .back_box{display: flex;font-size: 18px;color: #666;font-weight: bold;justify-content: space-around;width: 50%;margin: 0 auto;padding: 30px 0 20px;}
.ke_box .text_box .title_box .item{position: relative;padding-bottom: 10px;}
.ke_box .text_box .title_box .item::before{content: '';position: absolute;bottom: 0;left:50%;transform: translate(-50%,0);width: 25px;height: 2px;background: #666;}
.ke_box .text_box .title_box .item.active,
.ke_box .text_box .title_box .item:hover{color: #3e57b2;}
.ke_box .text_box .title_box .item.active::before,
.ke_box .text_box .title_box .item:hover::before{background: #3e57b2;color: #3e57b2;}
.ke_box .text_box .img{border-radius: 15px;overflow: hidden;}
.ke_box .text_box .img img{border-radius: 15px;}
.ke_box .text_box .sub_title{font-size: 22px;font-weight: bold;color: #fb7d31;text-align: center;padding-bottom: 27px;}
.ke_box .text_box .info{line-height: 1.5;}
.ke_box .text_box .info p{padding: 18px 0;}
.ke_box .text_box.cour_box {box-shadow: none;padding-bottom: 110px;}
.ke_box .cour_box .title{font-size: 20px;color:#3e57b2;font-weight: bold;padding-top: 35px;}
.ke_box .cour_box .left_box{display: flex;width: 72%;align-items: center;}
.ke_box .cour_box .left_box .icons{width: 30px;overflow: hidden;}
.ke_box .cour_box .right_box{width: 25%;text-align: center;}
.ke_box .cour_box .item{border-bottom: 1px solid #ccc;padding-top: 40px;display: flex;justify-content: space-between;align-items: center;}
.ke_box .cour_box .left_box .text{padding-left: 15px;width: 90%;}
.ke_box .cour_box .left_box .text p{padding: 8px 0;}
.ke_box .cour_box .left_box .text .ke_title{font-size: 16px;}
.ke_box .cour_box .left_box .text  .ke_info{color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ke_box .cour_box .right_box .wrap_box{background: #e9e9e9;height: 10px;border-radius: 8px;position: relative;overflow: hidden;}
.ke_box .cour_box .right_box .inner_box{background: url(../images/cai.jpg) left / cover no-repeat;position: absolute;top: 0;left: 0;height: 100%;}
.ke_box .cour_box .right_box .num{color: #ec921a;padding-bottom: 5px;}

/* ACE教育-课程中心-开始学习 */
.ke_box .pub_img.img {position: relative;object-fit:fill;}
.ke_box .pub_img.img video{width: 100%;border-radius: 15px;object-fit:fill;}
.ke_box .pub_img.img .icon_play{position: absolute;top: 0;left:0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.ke_box .pub_img.img .icon_play .none{display: none;}
.ke_box .pub_img.img .icon_play.active .none{display: block;}
.ke_box .pub_img.img .icon_play.active .block{display: none;}
.ke_box .text_box .back_box{font-weight:inherit; }
.ke_box .text_box .back_box{width: 70%;}
.ke_box .text_box .back_box .item{border: 1px solid #3e57b2;}
.ke_box .text_box .back_box .item a{display: block;padding: 15px 30px;}
.ke_box .text_box .back_box .item:last-child{background: #3e57b2;color: #fff;}
.ke_box .text_box.shdows{box-shadow: none;}
.ke_box .sub_title{font-size: 24px;color: #3e57b2;display: flex;align-items: center;justify-content: center;padding-top: 75px;width: 100%}
.ke_box .sub_title span{padding: 0 20px;}
.ke_box .swiper_box{height: 200px;}
.start_box{padding-bottom: 65px;}
.start_box .list_box{padding: 35px 35px 50px;box-shadow: 0px 15px 10px -15px rgba(0,0,0,.1);}
.start_box .list_box .item{display: flex;position: relative;padding: 28px 0 11px 65px;}
.start_box .list_box .item .choose_box{width: 100%;}
.start_box .list_box .item .num_icon{width: 30px;position: absolute;top: 27px;left: 0;}
.start_box .list_box .item .num_icon span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
.pub_sub_item{position: relative;}
.pub_sub_item input{width: 12px;height: 12px;background: #fff;visibility:hidden;vertical-align: middle;}
.pub_sub_item label{width: 15px;height: 15px;border: 1px solid #3e57b2;position: absolute;top: 0px;left: 0px;display: flex;background: #fff;border-radius: 50%;justify-content: center;align-items: center;}
.pub_sub_item input:checked+label>span {background-color: #3e57b2;width: 8px;height: 8px;display: block;border-radius: 50%;}
.start_box .list_box .item .box{display: flex;}
.start_box .list_box .item .box .pub_sub_item{width: 25%;padding: 0 10px;}
.start_box .list_box .item .study_title{font-size: 16px;padding-bottom: 35px;}
.start_box .button.small{margin: 0 auto;max-width: 132px;padding: 10px 0;}

/* 华学书院-日记墙 */
.pub_list .grid .imgholder img{width: 100%;padding-top: 0 !important;}
.pub_list .grid .text{padding:0 12px 15px;border-bottom:1px solid #ccc;color: #666;}
.pub_list .grid .text .title{font-size: 16px;padding-right: 85px;position: relative;margin-bottom: 15px;color: #333;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.pub_list .grid .text .title span{color: #3e57b2;display: inline-block;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.pub_list .grid .text p{overflow: hidden;text-overflow: ellipsis;}
.pub_list .grid .info{display: flex;justify-content: space-between;align-items: center;color: #666;padding: 20px 15px;}
.pub_list .grid .info .head{display: flex;align-items: center;width: 60%;flex-wrap: wrap;}
.pub_list .grid .info .time{width: 40%;text-align: right;}
.pub_list .grid .info .head span{display: inline-block;width: 52px;height: 52px;border-radius: 50%;overflow: hidden;margin-right: 15px;}
.pub_list .grid{min-height: auto;}
.pub_list{padding: 15px 75px 0;}

/* ACE邮局-集体建设 */
.build_box .text_box{padding: 30px 25px 0;box-shadow: 1px 1px 10px rgba(0,0,0,.1);margin-bottom: 35px;}
.build_box .text_box .title{font-size: 22px;text-align: center;}
.build_box .text_box .sub_title{padding-bottom: 45px;}
.build_box .text_box .bold{font-size: 16px;}
.build_box .text_box .info{line-height: 2;}
.flex{display: flex;}
.flex .choose{padding: 0 50px;}
.build_box .star_box.flex{justify-content: center;text-align: center;width: 100%;padding: 150px 0 60px;}
.pub_list .grid.center{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.pub_list .grid.center .txt{font-size: 18px;padding-top: 30px;}
.build_box .pub_list {padding: 0;}
.build_box .swiper_box{box-shadow: 1px 1px 10px rgba(0,0,0,.1);padding-top: 30px;}
.build_box .swiper-container{width: 85%;}
.build_box #wrapper{margin-bottom: 0;}
.build_box .send_box{text-align: center;padding: 50px 0 75px;}
.button.kong{background: none;color: #3e57b2;display: inline-block;width: 100%;max-width: 200px;text-align: center;}
.build_box .img{padding-bottom: 50px;}
.pub_box{background: #fff;width: 90%;max-width: 905px;padding: 25px 30px;margin: 0 auto;}
.build_box .pub_box .title{font-size: 24px;color: #bcbcbc;padding-bottom: 15px;text-align: left;}
.build_box .send_box .text_box{box-shadow: none;}
.pub_box .title{font-size: 24px;color: #bcbcbc;padding-bottom: 15px;text-align: left;}
.pub_box textarea{width: 100%;padding: 10px 15px 0;line-height: 1.5;border: none;background: #f7f7f7}
.window_box .text_box .info_box{padding-top:30px;}
.window_box .text_box .btn{text-align: center;padding-top: 25px;}
/* 日记详情 */
.window_box.window_diary{padding: 50px 0;align-items: flex-start;}
.window_box.window_diary .diary_info{background: #fff;padding: 35px;border-radius: 15px;width: 90%;height: 100%;overflow: auto;}
.diary_info .head_box{position: relative;display: flex;align-items: center;padding-bottom: 20px;}
.diary_info .head_box .name_box{padding-left: 20px;font-size: 16px;}
.diary_info .head_box .name{font-size: 18px;font-weight: bold;padding-bottom: 15px;}
.head_img{width: 52px;height: 52px;border-radius: 50%;overflow: hidden;}
.diary_info .head_box .close_btn{position: absolute;top:0;right: 0;}
.diary_info>.img{border-radius: 15px;overflow: hidden;padding-top: 25px;}
.diary_info .text .title{font-weight: bold;display: flex;align-items: center;justify-content: space-between;color: #3e57b2;padding:25px 0 12px;}
.diary_info .text .tit{font-size: 18px;font-weight: bold;color: #575757;}
.diary_info .info{line-height: 1.5;}
.diary_info .info p{padding: 12px 0;}
.window_box.window_diary .box{position: relative;width: 90%;max-width: 912px;height: 100%;}
.window_box .star_box{background: #fff;position: absolute;right: 0;top: 30%;width: 7%;border-radius: 15px;}
.window_box .star_box .choose{padding: 15px;border-bottom: 1px solid #ccc;text-align: center;}
.window_box .star_box .choose:last-child{border: none;}
.window_box .star_box .choose:last-child .zi{padding-top: 8px;}


/* 清华校友之窗-精选日记墙 */
.wall_box .btn{text-align: right;padding-right: 60px;}
.wall_box .btn .button.org{display: inline-block;background: #fe9b00;border-color: #fe9b00;padding: 10px 25px;border-radius: 25px;}
.wall_box .swiper_box{padding-bottom: 25px;}
.slide_img{height: 327px;display: block;}
.wall_box #diary .head{top:9px;}
.wall_box #diary{width: 90%;}
.wall_box .box{position: relative;padding: 30px 0 90px;}
.wall_box .text{padding: 10px 5px;}
.wall_box .text .title{font-size: 16px;font-weight: bold;line-height: 1.5;height: 3em;overflow: hidden;text-overflow: ellipsis;}
.wall_box .text .info{display: flex;justify-content: space-between;align-items: center;padding-top: 20px;}
.wall_box .text .star_box{width: auto;}
.wall_box .text .icon{padding: 0 5px;}
.wall_box .btn1{text-align: center;margin-bottom: 78px;}
/* 弹窗 */
.form_wrap{padding: 143px 140px 170px 65px;background: url(../images/paper_bg.png) center / cover no-repeat;background-size: 100% 100%;}
.form_wrap .item{padding-left: 75px;position: relative;margin-bottom: 27px;}
.form_wrap .item input{width: 100%;padding: 5px 10px;border-radius: 5px;}
.form_wrap .item.school input{border-color: #3e57b2;border-radius: 0;}
.form_wrap .item .zi{position: absolute;top:50%;left: 0;transform: translate(0,-50%);}
.form_wrap .sex{display: flex;}
.form_wrap .sex_box{display: flex;width: 100%;}
.form_wrap .pub_sub_item{display: flex;width: 15%;padding-left: 5px;align-items: center;margin-right: 10px;}
.form_wrap .pub_sub_item input{width: auto;}
.form_wrap .pub_sub_item label{top:3px;}
.form_wrap .sure{padding-left: 25px;width: 100%;justify-content: flex-end;padding-bottom: 65px;}
.form_wrap .sure label{top:1px;left: 60px;}
.form_wrap .button{padding: 10px 40px;border-radius: 15px;}
.pub_btn{text-align:center;}
.form_wrap .text{color: #f21111;text-align: center;padding-top: 20px;}
.window_item.width{width: 90%;max-width: 590px;}
.form_wrap .jeitem input{width: 49%;}
.form_wrap .jeitem .moredate.input{width: 49%;}
.form_wrap .jeitem .moredate{width: 100%;}
.form_wrap .state{padding-bottom: 55px;}
/* #write{display: none;} */

/* 水木善读-读书会活动-详情 */
#up{padding: 50px 0;}
.window_box .up_box{display: flex;width: 100%;max-width: 1375px;overflow: auto;height: 100%;}
.window_box .img_box{width: 100%;display: flex;justify-content: space-between;padding: 0 30px;}
.window_box .img_box .bg_box{background: #fff;padding: 25px 120px;text-align: center;border-radius: 15px;}
.window_box .img_box .title_box{display: flex;justify-content: center;padding-bottom: 35px;}
.window_box .img_box .item{width:43%;}
.window_box .img_box .item .sub_item{margin-bottom: 100px;position: relative;padding-right: 30px;}
.window_box .img_box .img_wrap{padding: 15px;border:1px dashed #fff;border-radius: 15px;}
.window_box .img_box .title_box .title_item{padding: 0 22px;position: relative;}
.window_box .img_box .title_box .title_item::before{content: '';position: absolute;left: 0;top:50%;transform: translate(0,-50%);width: 2px;height: 15px;background: #c5c5c5;}
.window_box .img_box .title_box .title_item:first-child::before{background: none;}
.window_box .img_box .title_box .title_item.active,
.window_box .img_box .title_box .title_item:hover{color: #3e57b2;}
.window_box .uploading_img{border: 1px dashed #c5c5c5;display: flex;justify-content: center;align-items: center;min-height: 306px;}
.window_box .uploading_img.loading{background: #dddddd;}
.window_box .in_box .img{padding-bottom: 25px;}
.window_box .in_box img{height: 100%;}
.window_box .in_box .play img{height: auto;}
.window_box .in_box .text{line-height:1.5;}
.window_box .img_box .up{background: #fff;display: inline-block;padding: 15px 85px;color: #3e57b2;border-radius: 25px;margin-top: 60px;}
.window_box .img_box .btn_box{display: flex;justify-content: space-between;margin-top: 35px;}
.window_box .img_box .btn_box a{display: inline-block;padding: 10px 0;border:1px solid #3e57b2;color: #3e57b2;border-radius: 15px;width: 42%;}
.window_box .img_box .close{position: absolute;top:0;right: 0;}

/* 调用日记弹窗 */
#tab_box{padding: 50px 0;}
.window_box .tab_box{width: 90%;max-width: 940px;padding-right:40px;position: relative;margin: 0 auto;}
.window_box .tab_box .border_box{display: flex;justify-content: space-between;position: relative;padding: 25px 20px 25px 30px;background: #fff;border-radius: 10px;height: 100%;overflow: auto;}
.window_box .tab_box .border_box::before{content: '';position: absolute;top:32px;left:32px;height: 100%;width:1px;background: #ccc;}
.window_box .tab_box .tab_title{width: 25%;}
.window_box .tab_box .tab_title .item{padding-bottom: 75px;font-size: 16px;display: flex;align-items: center;}
.window_box .tab_box .tab_title .item span{width: 5px;height: 5px;border-radius: 50%;background: #a3a3a3;margin-right: 20px;position: relative;z-index:3;}
.window_box .tab_box .tab_title .item.active,
.window_box .tab_box .tab_title .item:hover{color: #3e57b2;}
.window_box .tab_box .tab_title .item.active span,
.window_box .tab_box .tab_title .item:hover span{background: #3e57b2;}
.window_box .tab_box .tab_info{width: 75%;}
.window_box .tab_box .tab_info .sub_item{height: 7em;overflow: hidden;padding: 5px 20px 5px;border:1px solid #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);margin-bottom: 10px;transition: all linear .4s;}
.window_box .tab_box .tab_info .sub_item:hover{border:1px solid #3e57b2;box-shadow: none;}
.window_box .tab_box .tab_info .sub_item .text{line-height: 1.5;padding-bottom: 10px;}
.window_box .tab_box .tab_info .sub_item .text p{padding-bottom: 25px;}
.window_box .tab_box .tab_info .item{display: none;}
.window_box .tab_box .shut{position: absolute;top: 0;right: 0;}

/* 登录-日记版-发布 */
.pub_box.fabu{width: 100%;max-width: 100%;}
.pub_box textarea{margin-bottom: 30px;}
.button.same{padding: 15px 80px;border-radius: 25px;margin-top:20px;}
.send_wrap .send_box{padding: 60px 185px 140px 185px;box-shadow: 1px 1px 10px rgba(0,0,0,.1);margin: 80px 0 25px;}

/* 登录-日记版 */
.plank_box .contents{padding: 70px 80px;}
.plank_box .attention_box{background: url(../images/blue_bg.jpg) center / cover no-repeat;color: #fff;display: flex;justify-content:center;padding: 35px 0 15px;}
.plank_box .attention_box .head{width: 90px;height: 90px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.plank_box .attention_box .name{font-size: 18px;font-weight: bold;padding: 20px 0 10px;}
.plank_box .attention_box .info_box{text-align: center;}
.plank_box .attention_box .info_box .add{background: #fff;color: #3e57b2;padding: 5px;display: inline-block;margin-top: 30px;}
.plank_box .btn_box .upload{background:#fff;padding: 10px 15px;border-radius: 15px;display: inline-block;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);width: 100%;max-width: 132px;}
.plank_box .btn_box{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.plank_box .right_box.input_box{width: 35%;padding-bottom: 0;align-items: center;}
.plank_box .right_box.input_box .date_box input{padding: 10px 0;}
.plank_box .right_box.input_box .write{padding: 10px 20px;background: #fff;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);border-radius: 15px;display: inline-block;color: #3e57b2;font-size: 16px;}
.plank_box .right_box.input_box .date_box{max-width: 150px;}
.plank_box .list_box .item{margin-bottom: 30px;padding:0 118px;position: relative;cursor: pointer;}
.plank_box .list_box .item .left_box{display: flex;align-items: center;position: absolute;left: 0;top: 0;}
.plank_box .list_box .item .left_box .love{padding:0 10px;}
.plank_box .list_box .item .right_box{width: 100%;padding: 15px 20px 15px 15px;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}
.plank_box .list_box .item .right_box .title{font-size: 16px;padding-bottom: 23px;}
.plank_box .list_box .item .right_box .text{line-height: 1.5;color: #666;}
.plank_box .list_box .item .right_box .last_box{text-align: right;color: #999;padding-top: 45px;}
.plank_box .list_box .item .right_box .last_box .last_item{padding-left: 40px;}
.plank_box .list_box .item .right_box .img_box{display: flex;}
.plank_box .list_box .item .right_box .img_box .img{padding: 0 5px;}
.plank_box .list_box .item:nth-child(even) .left_box{left: auto;right: 0;flex-direction: row-reverse;}
.plank_box .year_box{padding-top: 70px;}
.plank_box .year_box .year{font-size: 56px;font-weight: bold;text-align: center;color: #3e57b2;background: #fff;box-shadow: 1px 1px 10px rgba(62,87,179,.2);max-width: 240px;margin: 0 auto;padding:10px 0;margin-bottom: 20px;border-radius: 10px;}


/* 重置密码 */
.login_header{background: #ffd9f0;}
.login_header .contents{display: flex;justify-content: space-between;align-items: center;}
.login_header .contents .logo{padding: 8px 0;width: 50%;}
.login_header .contents .wx_login{display: flex;align-items: center;width: 25%;}
.login_header .contents .wx_login .box{background: #83aa01;color: #fff;padding:0 10px;border-radius: 5px;}
.login_header .contents .wx_login .box .fa{font-size: 18px;}
.login_header .contents .wx_login .box span{display: inline-block;border-right: 1px solid #5b7801;padding:10px 15px 10px 0;margin-right: 15px;}
.line{width: 100%;height: 10px;background: #ffd9f0;margin-top: 10px;}
.login_style .inner{padding: 145px 75px 0;}
.login_style .list_title{display: flex;justify-content:space-between;}
.login_style .list_title .item .none{display: none;}
.login_style .list_title .item.active .none{display: inline-block;}
.login_style .list_title .item.active .block{display: none;}
.login_style .list_title .item.active{color: #fff;}
.login_style .list_title .item {width: 30%;}
.login_style .list_title .item .img{position: relative;width: 100%;}
.login_style .list_title .item .title_num{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;top: 0;left: 0;}
.login_style .box{width: 39%;margin: 0 auto;padding-top: 80px;}
.login_style .box .item{width: 100%;position: relative;padding: 15px 0;}
.login_style .box  .title{font-size: 16px;color: #666;padding-bottom: 20px;}
.login_style .box input{width: 100%;padding: 15px;}
.login_style .box .style_box input{padding: 15px 35px 15px 60px;}
.login_style .box .input_icon,.login_style .box .go{position: absolute;top: 50%;left: 20px;transform: translate(0,-50%);}
.login_style .box .input_icon .none,.login_style .box .go .none{display: none;}
.login_style .box .go{left: auto;right: 20px;height: 100%;display: flex;align-items: center;}
.login_style .box .item.active input{border-color: #4355b9;}
.login_style .box .item.active .block{display: none;}
.login_style .box .item.active .none{display: block;}
.login_style .box .text{color: red;}
.login_style .box .ok{color:#666;font-size: 16px;padding-bottom: 15px;}
.login_style .box .ok span{color: #3e57b2;}
.login_style .box .gain_box input{border-radius: 5px;}
.code{display: flex;justify-content: space-between;}
.code input{width: 53% !important;}
.login_style .box .gain_box input::placeholder{color: #ccc;}
.code .send_code{width: 44%;color: #fff;background: #3e57b2;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.login_style .box .gain_box .title{padding-bottom: 0;}
.login_style .box .gain_box .pw{font-size: 16px;padding-bottom: 40px;}
.login_style .box .gain_box .button{width: 100%;}
.login_style .box .succeed_box{text-align: center;}
.login_style .box .succeed_box .title{font-size: 24px;padding:25px 0 80px;}
.login_style .box .succeed_box .text a{display: block;color:#4355b9;padding: 7px 0;font-size: 16px;}
.login_style .box .err{color: red;}

/* 登录、注册 */
.wrap_box{position: fixed;width: 100%;height: 100%;}
.wrap_box .swiper_box{position: absolute;width: 100%;height: 100%;}
.wrap_box .swiper-container{width: 100%;height: 100%;}
.wrap_box .swiper-container .swiper-slide{position: relative;}
.wrap_box .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ff8a3b;}
.wrap_box .swiper-pagination-bullet{background: #fff;opacity: 1;}
.wrap_box .swiper-container-horizontal>.swiper-pagination-bullets,.wrap_box .swiper-pagination-custom,.wrap_box .swiper-pagination-fraction{width:auto;right:180px;left: auto;}
.wrap_box .login_box{position: absolute;left: 0;top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 100; flex-wrap: wrap; align-content: center;}

.wrap_box .login_box .logo_box{ width: 100%; text-align: center; margin-bottom: 15px; }
.wrap_box .login_box .login_form{ max-width: 490px;width: 90%; border-radius: 15px;overflow: hidden;}
.wrap_box .login_box .tab_title{display: flex;}
.wrap_box .login_box .tab_title .item{width:50%;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #3e57b2;font-weight: bold;background: rgba(12,248,250,.4);padding: 15px 0;}
.wrap_box .login_box .tab_title .item.active{background: #fff;}
.wrap_box .login_box .tab_box{padding: 30px 75px;background: #fff;}
.wrap_box .login_box .tab_box input{width: 100%;padding: 10px;border-radius: 5px;}
.wrap_box .login_box .tab_box .sub_item{padding: 7px 0;width: 100%;}
.wrap_box .login_box .tab_box .sub_item.login{background: #3e57b2;color: #fff;margin-top: 33px;}
.wrap_box .login_box .tab_box .forget{text-align: right;padding-top: 15px;color: #666;display:block;}
.wrap_box .login_box .tab_box .wx{padding-top: 55px;color: #666;display: flex;align-items: center;justify-content: center;}
.wrap_box .login_box .tab_box .wx .fa{color:#fff;}
.wrap_box .login_box .tab_box .wx span{width: 30px;height: 30px;border-radius: 50%;background:#4db673;display: flex;align-items: center;justify-content: center;margin-left: 20px;}
.wrap_box .info{position: absolute;bottom:40px;right: 120px;z-index:10;color: #fff;width: 100%;max-width: 230px;text-align: center;line-height: 1.8;}
.wrap_box .login_box .tab_box .item{display: none;}
.form_box .login_box .title, .button{ font-size: 18px;}
/* 个人中心 */
/* .personal_center */
.personal_center .content{padding: 0 64px 30px 195px;box-shadow: 1px 1px 10px rgba(0,0,0,.2);margin: 80px 0 30px;position: relative;}
.personal_center .content .head{display: flex;align-items: flex-end;font-size: 16px;position: absolute;top: -60px;left: 90px;}
.personal_center .content .head .title{font-size: 20px;font-weight: bold;line-height:2;}
.personal_center .content .head .title{font-size: 20px;font-weight: bold;line-height:2;}
.personal_center .content .head .text_name{padding-bottom: 15px;}
.personal_center .content .head .img{padding-right: 30px;}
.personal_center .content .list_box{padding-top: 100px;}
.personal_center .content .list_box .top_box{display: flex;align-items: center;justify-content: space-between;position: relative;}
.personal_center .content .list_box .top_box .title{font-size: 16px;font-weight: bold;background: #fff;position: relative;z-index:5;max-width: 150px;text-align: right;width: 30%;}
.personal_center .content .list_box .top_box::before{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #ccc;transform: translate(0,-50%);}
.personal_center .content .list_box .top_box .open{background: #f1f1f1;padding: 5px 10px;border-radius: 15px;position: relative;z-index:5;}
.personal_center .content .list_box .top_box .open:hover{background: #fa6c04;color: #fff;}
.personal_center .content .list_box .item{padding:24px 0;}
.personal_center .content .list_box .ul_box .li_item{display: flex;padding: 15px 0;}
.personal_center .content .list_box .ul_box .li_item .left_text{max-width: 160px;width: 30%;text-align: right;}
.personal_center .content .list_box .ul_box .li_item .right_text{padding-left: 50px;width: 70%;line-height: 1.5;}
.personal_center .content .list_box .ul_box .li_item .right_text .write{color: #fa6c04;}
.personal_center .content .list_box .ul_box .li_item .right_text input{border-radius: 5px;padding:0 5px;display: none;width: 100%;padding: 2px;}
.personal_center .content .list_box .ul_box .li_item .right_text .pub_sub_item{padding: 0 25px;}

/* 瀑布流插件css */
#wrapper { margin-bottom: 85px;width: 100%;overflow: hidden;}
#container {position: relative;width: 100%!important;margin: 0 auto 25px;padding-bottom: 10px;display: flex;flex-wrap: wrap;}
.grid {width: 31.33% !important;font-size: 14px;margin-bottom: 40px;box-shadow: 0 0 5px #ababab;border-radius: 2px;margin: 20px 9px;}
.grid .box{background: #fff;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.1);border-radius: 8px;overflow: hidden;;}
.grid .imgholder img {display: block;margin: 0 auto;padding: 12px 0;}
.grid .imgholder{color: #fff;text-align: center;display: block;}
.grid .imgholder .info{padding: 10px 0;}
.grid .text{padding: 20px 12px;line-height: 1.5;font-size: 14px;max-height:150px;;min-height:150px;overflow: hidden;}
.grid .text .img_box{display: flex;padding-top: 10px;}
.grid .text .img_box .img{padding-right: 10px;}

/* 建设中 */
.jians_img{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/ing.jpg) center / cover no-repeat;}


@media screen and (max-width: 1400px) {
  /* .header{overflow: hidden;} */
  .header_inner{padding: 0 15px;max-width: 1200px;}
  .menu_list .logo{text-align: left;}
  .menu_list{left: -130px;padding-top: 80px;}
  .menu_list.active{left: 0;}
  .menu_list.active .show .fa{transform: rotate(180deg);}
  .menu_list .menu_box .show{display: block;}
  .menu_list .logo{display: none;}
  .course_box .left_box .item .text .info .star_box a{display: inline-block;padding: 10px 5px 0 ;}


  /* 水木善读-读书会活动-详情 */
  .window_box .img_box .bg_box{padding: 25px 65px;}
}


@media screen and (max-width: 1200px) {
  .inner{width: 100%;}
  .home_banner{height: 490px;}
  .header_inner{width: 100%;}
  .home_news{height: 528px;}
  .course_box .left_box .item .text .info{flex-wrap: wrap;}
  .course_box .left_box .item .text .info .name,
  .course_box .left_box .item .text .info .more,
  .course_box .left_box .item .text .info .star_box{width: 50%;}
  .post_box .content .bg_wrap .box .ikon{top: -48px;max-width: 485px;}
  .post_box .content .bg_wrap .box{padding-right: 505px;}
  /* .post_box .content .bg_wrap .box{padding-right: 510px;} */
  .post_box{padding-bottom: 50px;}
  .link_box{padding-top: 50px;}
  .recommend_box .content .left_box .swiper-container-horizontal>.swiper-pagination-bullets, .recommend_box .content .left_box .swiper-pagination-custom, .recommend_box .content .left_box .swiper-pagination-fraction{top: 58%;}

  /* AC教育-学术期刊 */
  .qikan_box .list_box .item .box{padding: 15px 20px;}

  /* 新闻详情 */
  .news_info .box .top_box .date .info{width: 25%;}

  /* CCTV微视-简介和动态 */
  .tv_box .swiper_box .box .text{padding: 10px 15px 10px 20px;}

  /* CCTV微视-视频格子 */
  .video_box .list_box .item{padding: 0 5px;}
  .video_box .list_box{margin: 0 -5px;}

  /* ACE教育-ACE学术期刊-详情 */
  .study_box .top_box .img{top: 85px;}

    /* ACE教育-课程中心-开始学习 */ 
  .ke_box .top_box{padding: 10px;}
  .ke_box .top_box .time_box{width: 20%;}
  .ke_box .top_box .star_box{width: 10%;}

  /* 重置密码-成功 */
  .login_style .box{width: 40%;}
  .login_style .box .succeed_box .title{font-size: 20px;}

  /* 登录 */
  .wrap_box .swiper-container-horizontal>.swiper-pagination-bullets, .wrap_box .swiper-pagination-custom, .wrap_box .swiper-pagination-fraction{right: 80px;}
  .wrap_box .info{right: 20px;}

  /* 登录-日记版-发布 */
  .send_wrap .send_box{padding: 60px;}

  /* 华学书院日记墙-查看更多 */
  .pub_list .grid .text .title{font-size: 14px;}

   /* 水木善读-读书会活动-详情 */
   .window_box .img_box .bg_box{padding: 25px 55px;}
}

@media screen and (max-width: 1146px){
  /* 重置密码 */
  .login_header .contents .wx_login{width: 40%;}
  .login_style .box{width: 55%;}
}

@media screen and (max-width: 1000px) {
  .inner{width: 100%;}
  .home_banner{height: 380px;}
  .form_box{width: 45%;}
  .form_box .login_box .item{margin-bottom: 10px;}
  .form_box .login_box .item input{padding: 10px;}
  .form_box .login_box .item.button{padding: 10px 0;}
  .notice{font-size: 18px;margin-left: 0;}
  .header .person_center .top_box .item{margin-right: 10px;}
  .form_box .login_box .title,.button{font-size: 18px;}
  .diary_box .swiper-button-next, .diary_box .swiper-container-rtl .swiper-button-prev{right:10px;}
  .diary_box .swiper-button-prev, .diary_box .swiper-container-rtl .swiper-button-next{left: 10px;}
  #diary .head{top: 0;width: 35%;}
  .home_news .news_box{font-size: 12px;}
  .diary_box .text .title{font-size: 14px;}
  .recommend_box .content .left_box .text .info{padding-bottom: 10px;}
  .home_news{height: 430px;}
  .recommend_box{padding: 35px 0;}
  .bema_box .swiper_box{padding-top: 25px;}
  .star_box .fa{font-size: 22px;}
  .bema_box .slide_box>.text .txt{font-size: 12px;}
  .course_box .right_box .live .img .text{padding: 25px 45px;}
  .course_box .left_box .item .text .info .name, .course_box .left_box .item .text .info .more, .course_box .left_box .item .text .info .star_box{width: 100%;}
  .course_box .left_box .item .text .info{padding-top: 15px;}
  .course_box .right_box .img{height: 598px;}
  .post_box .content .bg_wrap .box{padding-right: 380px;}
  .post_box .content .bg_wrap .box .ikon{top: -18px;max-width: 360px;}
  .poetry_box .left_box .item{padding: 15px 0 15px 130px;}
  .poetry_box .left_box .item:nth-child(even){padding: 15px 130px 24px 0;}
  .poetry_box .content .left_box{padding: 0 30px;} 
  .course_box .right_box .live .img .text .ing{font-size: 24px;} 
  .course_box .right_box .live .img .text .go{font-size: 20px;}
  .footer .footer_nav .item{padding: 0 5px;}
  .recommend_box .content .left_box .swiper-container-horizontal>.swiper-pagination-bullets, .recommend_box .content .left_box .swiper-pagination-custom, .recommend_box .content .left_box .swiper-pagination-fraction{top: 53%;}

  /* AC教育-学术期刊 */
  .qikan_box .list_box .item{padding: 15px;}
  .qikan_box .list_box .item .box{padding: 10px;}
  .publish,.qikan_box .list_box .item .more{width: 100%;}
  .qikan_box .list_box .item .more{text-align: right;padding-top: 10px;}
  .qikan_box .list_box .text .last{flex-wrap: wrap;}
  .pub_menu{margin-top: 10px;}

  /* ACE教育-ACE直播 */
  .live_box .list_box{padding-top: 0px;}
  .live_box .list_box .top_box .img{max-width: 100px;left: 0;top: -25px;}
  .live_box .list_box .top_box{padding:10px 0 10px 115px;}
  .live_box .list_box .top_box .title{font-size: 16px;}
  .live_box .list_box .top_box .title span{font-size: 14px;}
  .live_box .list_box .top_box .text .info{font-size: 12px;}
  .live_box .list_box .date{padding-top: 15px;font-size: 12px;}
  .live_box .list_box .item .live_wrap{padding: 0 8px;}
  .live_box .list_box .date.last{padding:10px 0 10px 10px;}
  .live_box .list_box .item{padding: 25px 0;}
  .page{padding: 30px 0;}

  /* ACE教育-课程中心 */
  .center_box .list_box .item{padding:12px;}
  .center_box .input_box{padding: 15px;}
  .center_box .list_box{margin: 0 -12px 0 6px;}

  /* 登录-收藏-视频 */
  .login_video .list_box .item .pub_img{width: 30%;}
  .login_video .list_box .item{padding: 10px 30px;}
  .pub_menu.bg{padding: 20px 0;}
  .input_box{padding-bottom: 0;}

  /* 关于我们-与ACE宝宝链接吧 */
  .address_box .box .left_box .message{padding: 15px;}

   /* 新闻详情 */
   .news_info .box .top_box .date .info{width: 35%;}

   /* ACE邮局 */
   .book_main .box{padding-top: 10px;}
   .book_main .list_box .item .info_box{padding: 0 30px;}

    /* CCTV微视-简介和动态 */
   .tv_box .top_box .img{width: 100%;text-align: center;}
   .tv_box .top_box .text{width: 100%;padding-left: 0;padding-top: 10px;}
   .tv_box .top_box .text::before{background: none;}
   .tv_box .swiper_box .box .text,.tv_box .swiper_box .box .img{width: 50%;}
   .tv_box .swiper_box .swiper-container-horizontal>.tv_box .swiper_box .swiper-pagination-bullets, .tv_box .swiper_box .swiper-pagination-custom, .tv_box .swiper_box .swiper-pagination-fraction{bottom: 0;}

  /* CCTV微视-视频格子 */
  .video_box .list_box{justify-content: center;flex-wrap: wrap;}
  .video_box .list_box .item{width: 40%;}

  /* CCTV微视-下载APP */
  .app_box .box .qr{padding-top: 50px;}
  .app_box .box .left_box{padding-left: 0;}
  .app_box .box{padding-bottom: 150px;}

  /* CC讲坛-CC视频在线 */
  .video_live .list_box .item{padding: 15px 10px;}
  .video_live .list_box{margin: 0 -10px;}

  /* ACE教育-ACE学术期刊-详情 */
  .study_box .top_box .img{max-width: 230px;}
  .study_box .box{padding-right: 240px;}
  .study_box .top_box .text p{margin-bottom: 10px;}
  .study_box .publish{padding-bottom: 10px;}
  .study_box .book_title{padding-bottom: 20px;}
  .study_box .button.small{max-width: 200px;}

  /* ACE教育-课程中心-开始学习 */
  .ke_box .top_box{width: 90%;}
  .ke_box .top_box .title{font-size:18px;}

  /* 登录 */
  .wrap_box .info{right: 18px;}

  /* 登录-个人中心 */
  .personal_center .content{padding-left: 100px;}

  /* 登录-收藏-视频-详情 */
  .my_video .box{padding: 35px;}

   /* 登录-日记版-发布 */
   .send_wrap .send_box{padding: 35px;}

   /* 登录-日记版 */
   .plank_box .contents{padding: 30px 20px;}
   .plank_box .right_box.input_box{width: 45%;}
   .window_box .star_box .choose{padding: 15px 10px;}

   /* 华学书院日记墙-查看更多 */
   .grid{width: 48%!important;}
   .pub_list{padding: 15px 30px;}

   /* 华学院日记墙-认领日记本 */
   #diary .bg{font-size: 12px;}
   .wall_box .text .title{font-size: 14px;}
   .wall_box .box{padding: 30px 0;}

    /* 水木善读-读书会活动-详情 */
    .window_box .img_box .item{width: 46%;}
    .window_box .img_box .bg_box{padding: 25px 10px;}
    .window_box .in_box .text{font-size: 12px;}
    .window_box .img_box .title_box{font-size: 12px;padding-bottom: 15px;}
    .window_box .uploading_img{min-height: 235px;}
    .window_box .in_box img{height: auto;}
    .book_main .input_box .search .small{padding:9px 0;}

    /* 清华校友之窗-精选日记墙 */
    .slide_img{height: 295px;}
}

@media screen and (max-width: 768px) {
  .inner{width: 100%;}
  .header_inner{display: none;}
  .header .mobile_box{display: block;}
  .header{height: auto;}
  .home_banner{height: 290px;}
  .form_box {width: 60%;margin: 0 auto;}
  .form_box .login_box .title, .button{font-size: 14px;}
  .form_box .login_box .item input{font-size: 12px;}
  .form_box .login_box .item.password span{font-size: 12px;}
  .form_box .login_box{font-size: 12px;}
  .form_box .login_box .title{padding-bottom: 10px;}
  .form_box .login_box{padding: 15px 20px;}
  .form_box .login_box{background: rgba(255,255,255,.5);}
  .recommend_box .content .left_box,.diary_box,.home_news{width: 100%;margin-bottom: 15px;}
  .home_news{height: auto;}
  .diary_box .swiper-container{width: 60%;margin: 0 auto;}
  .diary_box .pub_title{text-align-last: left;}
  .section_title{font-size: 18px;}
  .section_title .more{bottom:-20px;}
  .star_box .fa{font-size: 18px;}
  .star_box{width: 33%;}
  .course_box{padding-top: 30px;}
  .course_box .left_box{width: 100%;}
  .course_box .list{flex-wrap: wrap;}
  .course_box .right_box .live .img .text .ing{font-size: 20px;}
  .course_box .right_box .live .img .text .go{font-size: 16px;}
  .course_box .right_box .live .img .text .name{font-size: 16px;}
  .course_box .right_box .live .img .text .item{padding-bottom: 10px;}
  .course_box .right_box{width:80%;margin: 0 auto;}
  .baby_box .content .text{font-size: 14px;}
  .baby_box .content{padding-top: 20px;}
  .post_box{padding: 20px 0;}
  .poetry_box .content .left_box,.poetry_box .content .right_box{width: 100%;margin-bottom: 15px;}
  .poetry_box .content{flex-wrap: wrap;}
  .poetry_box .slide_box{padding-top: 15px;}
  .poetry_box .right_box .more{padding-top: 15px;}
  .post_box .content .title{font-size: 18px;}
  .post_box .content .bg_wrap .box{padding-right: 260px;}
  .post_box .content .bg_wrap .box .ikon{top: 5px;max-width: 240px;}
  /* .post_box .content .bg_wrap .box{padding-right: 278px;} */
  .post_box .content .bg_wrap .box .text{font-size: 14px;}
  .post_box .content .bg_wrap .box .text .sub_title{padding-bottom: 10px;}
  .post_box .content .bg_wrap .box .text{padding: 10px 0;}
  .post_box .go_write{padding-top: 15px;}
  .poetry_box .title{font-size: 18px;padding-bottom: 15px;}
  .poetry_box .text .sub_title{font-size: 14px;}
  .poetry_box .left_box .item .text,.poetry_box .right_box .text{font-size: 12px;}
  .poetry_box .right_box .text .sub_title{font-size: 16px;}
  .link_box .title{font-size: 18px;padding-bottom: 15px;}
  .link_box{padding: 20px 0;}
  .home_news .tab_box .sub_item{padding: 10px 0;}
  .recommend_box .content .left_box .text .sub_title{font-size: 14px;}
  .recommend_box .content .left_box .text .txt{font-size: 12px;}
  .diary_box .text .title,.course_box .left_box .item .text{font-size: 12px;}
  .footer .footer_nav{flex-wrap: wrap;padding-bottom: 10px;}
  .footer .footer_nav .item{width: 20%;padding-bottom: 10px;}

  /* AC教育-学术期刊 */
  .qikan_box .list_box .item{width: 49%;margin: 0 auto;margin-bottom: 10px;}
  .book_title{font-size: 18px;}
  .publish{font-size: 16px;}

  /* ACE教育-ACE直播 */
  .live_box .list_box .top_box .img{position:static;max-width: 100%;text-align: center;}
  .live_box .list_box .top_box{padding: 10px;display: flex;flex-direction: column-reverse;}
  .live_box .list_box .top_box .title{padding-bottom: 10px;}
  .live_box .list_box .date{padding-top: 10px;}
  .live_box .list_box .item .live_wrap{padding: 0;}
  .live_box .list_box .item{padding: 10px 0;width: 48%;}
  .live_box .list_box .date.last{padding: 10px;}

  /* ACE教育-课程中心 */
  .center_box .list_box .item{width: 50%;}
  .center_box .list_box .title{font-size: 14px;}
  .center_box .list_box .info, .video_box .list_box .info{font-size: 12px;}
  .center_box .list_box .text{padding: 10px 10px 0;}
  .center_box .list_box .title{padding-bottom: 10px;}
  .center_box .list_box .item{padding: 8px 12px;}
  .input_box .search .small{padding: 13px 0px;}

  /* 简介 */
  .intro_main .box p{padding: 3px 0;}
  .pub_menu{margin-bottom: 10px;}
  .intro_main .box .img{padding-top: 10px;}
  .intro_main .box{padding-bottom: 15px;font-size: 12px;}

  /* 登录-收藏-视频 */
  .login_video .list_box .item .text{width: 65%;font-size: 12px;}
  .login_video .list_box .item{margin-bottom: 10px;}
  .pub_menu.bg{padding:0;}
  .login_video{padding-top: 15px;}

  /* 关于我们-与ACE宝宝链接吧 */
  .address_box .box{flex-wrap: wrap;flex-direction: column-reverse;}
  .address_box .box .left_box{width: 100%;}
  .address_box .box .right_box{width: 100%;text-align: center;padding-bottom: 10px;}
  .address_box .box .left_box .message .title{font-size: 16px;}
  .address_box .box .left_box .address .item{padding: 10px 0;}
  .address_box{padding-bottom: 15px;}
  .address_box .box{padding-bottom: 15px;}

  /* 新闻详情 */
  .news_info .box .top_box .sub_title{font-size: 18px;padding-bottom: 10px;}
  .news_info .box .top_box{padding: 15px 15px 0;}
  .news_info .box .top_box .date .time{width: 40%;}
  .news_info .box .top_box .date .time{width: 30%;}

   /* 新闻详情 */
   .news_info .box .top_box .date .time{width: 50%;}
   .news_info .box .top_box .date .info{width: 40%;}
   .news_info .box .top_box .sub_title{font-size: 16px;}
   /* .news_info .box .text p{padding: 10px 0;} */
   .news_info .box{margin-bottom: 40px;}
   .news_info .box .text{padding: 0 10px;}

   /* ACE邮局 */
   .book_main .box .head{padding: 10px 0;}
   .book_main .list_box .item .info_box{padding: 0 15px;}
   .book_main .list_box .item .date_wrap,
   .book_main .list_box .item .info_box,
   .book_main .list_box .item .star_box,
   .book_main .list_box .item .back,
   .book_main .box .head{font-size: 12px;}
   .input_box .date_box{max-width: 100%;margin-bottom: 10px;}
   .input_box{flex-wrap: wrap;}
   .book_main .list_box .item{padding: 10px 0;}
   .book_main .list_box .item .date_wrap .img{width: 40%;margin: 0 auto;}
   .book_main .list_box .item .date_wrap .img span{font-size: 18px;}
   .book_main .box{padding-top: 0;}

   /* 新闻 */
   .news_box .list_box .item .text .title{font-size: 16px;padding-bottom: 10px;}
   .news_box .list_box{padding-top: 15px;}
   .news_box .list_box .item{margin-bottom: 10px;}
   .news_box .swiper_box .swiper-button-next,.news_box .swiper_box .swiper-button-prev{width: 30px;height: 40px;}

    /* CCTV微视-简介和动态 */
    .tv_box .top_box .text .title{font-size: 18px;padding-bottom: 10px;}
    .tv_box .top_box .text p{font-size: 12px;}
    .tv_box .swiper_box{padding: 30px 0;}
    .tv_box .swiper_box .box{flex-wrap: wrap;}
    .tv_box .swiper_box .box .text, .tv_box .swiper_box .box .img{width: 100%;margin-left: 0;}
    .tv_box .swiper-container{padding-bottom: 20px;}
    .tv_box .swiper_box .box .text .info{height: auto;}

    /* CCTV微视-视频格子 */
    .video_box .list_box{justify-content: space-between;}
    .video_box .list_box .item{width: 50%;}
    .video_box .list_box .item .in_box{padding-bottom: 60px;}
    .video_live .input_box .search{width: 76%;}

    /* CCTV微视-下载APP */
    .app_box .box .item{width: 100%;}
    .app_box .box .item.left_box{width: 80%;margin: 0 auto;padding-bottom: 15px;}
    .app_box .box .item.right_box{text-align: center;}
    .app_box .box .left_box>.text{font-size: 22px;}
    .app_box .box .left_box>.text p{padding-bottom: 20px;}
    .app_box .box .qr{padding-top: 20px;align-items: center;}
    .app_box .box .qr .text{font-size: 16px;}
    .app_box .box .qr .text .sub_item{padding: 10px 0;margin-bottom: 10px;}
    .app_box .box .qr .img{width: 35%;}
    .app_box .box{padding: 25px 0 30px;}

    /* CC讲坛-CC视频在线 */
    .center_box .input_box .search{width: 100%;}
    .video_live .list_box .item{width: 50%;}

  /* ACE教育-ACE学术期刊-详情 */
  .study_box .top_box .img{position: static;max-width: 70%;margin: 0 auto;margin-bottom: 10px;}
  .study_box .box{padding-right: 0;display: flex;flex-direction: column-reverse;}
  .study_box .book_title{padding-bottom: 10px;}
  .study_box .publish{font-size: 14px;}
  .study_box .top_box .text{font-size: 12px;line-height: 1.5;}
  .study_box .button.small{font-size: 12px;max-width: 120px;margin: 0 auto;float: none;margin-top: 10px;}
  .study_box .list_box .item .text{font-size: 12px;}
  .study_box .list_box .item{padding: 10px;}
  .study_box .list_box .item .img span{font-size: 12px;}
  .study_box .pub_menu{margin-bottom: 15px;}

  /* ACE教育-课程中心-开始学习 */
  .ke_box .swiper_box{height: 170px;}
  .ke_box .top_box{width: 95%;}
  .ke_box .top_box .title{font-size: 16px;}
  .ke_box .top_box .time_box,.ke_box .top_box .star_box{font-size: 12px;}
  .ke_box .top_box .title{width: 65%;}
  .ke_box .top_box .star_box{width: 15%;}
  .wrap_title{padding-top: 15px;}
  .ke_box .text_box{padding: 0 40px;}
  .ke_box .text_box .title_box, .ke_box .text_box .back_box{font-size: 16px;}
  .ke_box .text_box .title_box, .ke_box .text_box .back_box{padding: 15px 0;}
  .ke_box .text_box .back_box .item a{padding: 10px 25px;}
  .ke_box .sub_title{font-size: 18px;padding-top: 30px;}
  .start_box .list_box{padding: 20px;}
  .start_box .list_box .item .study_title{padding-bottom: 15px;}
  .start_box .list_box .item{padding: 20px 0 20px 50px;}
  .start_box .list_box .item .num_icon{top: 20px;}
  .start_box{padding-bottom: 30px;}

  /* ACE教育-课程中心-课程大纲 */
  .ke_box .text_box .sub_title{font-size: 18px;}
  .ke_box .text_box .info p{padding: 10px 0;}
  .ke_box .cour_box .title{font-size: 18px;}
  .ke_box .text_box.cour_box{padding-bottom: 50px;}

  /* 重置密码 */
  .login_style .inner{padding: 50px 15px 0;}
  .login_style .list_title .item{width: 33%;}
  .login_header .contents .logo{width: 100%;padding-bottom: 0;}
  .login_header .contents{flex-wrap: wrap;}
  .login_header .contents .wx_login{width: 100%;display: flex;justify-content: flex-end;padding-bottom: 5px;}

  /* 重置密码-成功 */
  .login_style .box .succeed_box .title{font-size: 16px;padding-bottom: 30px;}

   /* 登录 */
   .wrap_box .info{font-size: 12px;}
   .wrap_box .login_box .tab_title .item{font-size: 16px;}

   /* 登录-个人中心 */
   .personal_center .content .head .img{width: 35%;}
   .personal_center .content .head {position: static;padding-top: 10px;}
   .personal_center .content .list_box{padding-top: 5px;}
   .personal_center .content .head .title{font-size: 18px;}
   .personal_center .content .list_box .item{padding: 10px 0;}
   .personal_center .content{padding-left: 60px;}

    /* 登录-收藏-视频-详情 */
    .my_video .box{padding: 20px;}
    .my_video{padding-bottom: 30px;}
    .wrap_title{font-size: 12px;padding-top: 10px;}

    /* 登录-日记版-发布 */
   .send_wrap .send_box{padding: 20px;}
   .pub_box .title{font-size: 18px;}

   /* 登录-日记版 */
  .plank_box .list_box .item:nth-child(even) .left_box{left: 0;right: auto;}
  .plank_box .list_box .item{padding-right: 0;}
  .plank_box .right_box.input_box{width: 60%;}
  .plank_box .input_box .date_box{margin-bottom: 0;}
  .plank_box .attention_box .info_box .add{margin-top: 15px;}
  .plank_box .attention_box .name{padding: 10px 0;}
  .plank_box .contents{padding: 20px 0;}
  .plank_box .btn_box{padding: 10px 0;}
  .window_box .star_box .choose{font-size: 12px;}
  .window_box .star_box{width: 10%;}
  .window_box.window_diary .diary_info{width: 88%;}
  .diary_info .text .tit,.diary_info .head_box .name{font-size: 16px;}
  .diary_info>.img{padding-top: 0;}

  /* 华学书院-日记墙-查看更多 */
  .pub_list .grid .text .title{margin-bottom: 8px;}
  .pub_list .grid .text p{font-size: 12px;}
  .pub_list .grid .info{padding: 10px;}
  .pub_list .grid .text .title{padding-right: 0;}
  .pub_list .grid .text .title span{position: static;display: block;transform: translate(0);font-size: 12px;}

  /* ACE邮局-集体建设 */
  .build_box .text_box .title{font-size: 18px;padding-bottom: 10px;}
  .build_box .text_box .sub_title{padding-bottom: 20px;font-size: 14px;}
  .build_box .text_box .bold{font-size: 14px;}
  .build_box .text_box .info{font-size: 12px;}
  .build_box .star_box.flex{padding: 50px 0 30px;}
  .build_box .text_box{padding: 15px;}
  .pub_list .grid.center .txt{font-size: 16px;}
  .build_box .send_box{padding: 30px 0;}
  .build_box .img{padding-bottom: 20px;}

  /* 华学院日记墙-认领日记本 */
  .wall_box .swiper_box{padding-bottom: 15px;}
  .wall_box .box{padding: 15px 0;}
  .wall_box .btn1{margin-bottom: 30px;}
  .wall_box .text .info{font-size: 12px;}
  .wall_box #diary{width: 85%;}
  .center_box.wall_box .swiper-button-next,.center_box.wall_box .swiper-button-prev{height: 30px;}
  .form_wrap{padding: 50px 40px 50px 25px;}
  .form_wrap .sure{justify-content: flex-start;padding-left: 70px;font-size: 12px;padding-bottom: 30px;}
  .form_wrap .sure label{left: 30px;}

  /* 水木善读-读书会活动-详情 */
  .window_box .img_box .title_box .title_item{padding: 0 12px;}
  .window_box .img_box .bg_box{padding: 15px 5px;}
  .window_box .img_box .img_wrap{padding: 5px;}
  .window_box .img_box .up{margin-top: 25px;}
  .window_box .img_box .item .sub_item{margin-bottom: 50px;}
  .window_box .uploading_img{min-height: 195px;}
  .window_box .img_box .btn_box{margin-top: 15px;}
  .window_box .tab_box .tab_title .item,.window_box .tab_box .tab_info .sub_item .text{font-size: 12px;}
  .book_main .input_box .search .small{padding: 12px 0;}

  /* 清华校友之窗-精选日记墙 */
  .slide_img{height: 215px;}
}

@media screen and (max-width: 570px) {
  .inner{width: 100%;}
  .home_banner{height: 210px;}
  .form_box .login_box{padding: 5px 10px;}
  .form_box .login_box .item input{padding: 5px 10px;font-size: 12px;}
  .form_box .login_box .item.button{padding: 5px 0;font-size: 12px;}
  .form_box .login_box .title{font-size: 12px;}
  .form_box .login_box .login_style span{width: 20px;height: 20px;line-height: 20px;}
  .pub_title{font-size: 16px;}
  .recommend_box{padding: 15px 0;}
  .bema_box .swiper_box .item{width: 48%;}
  .section_title .title{padding: 0 15px;}
  .section_title .title{font-size: 16px;}
  .course_box .list{padding-top: 20px;}
  .course_box .right_box .live .img .text .ing{font-size: 16px;}
  .course_box .right_box .live .img .text .go,.course_box .right_box .live .img .text .name{font-size: 14px;}
  .post_box .content .bg_wrap .box .ikon{position: static;max-width: 100%;}
  .post_box .content .bg_wrap .box{padding-right: 15px;}
  .post_box .content .title{font-size: 16px;}
  .header .menu .item{font-size: 12px;padding: 13px 10px;}
  .section_title .more{font-size: 12px;}
  .course_box .right_box{width: 100%;}
  .footer .footer_nav .item{width: 25%;}
  .footer .footer_nav{justify-content: flex-start;}
  .footer{font-size: 12px;}
  .bema_box .swiper_box .img .play{padding: 8px 0 0 8px;}
  .baby_box .content .text{padding: 10px;}
  .diary_box .swiper_box .swiper-button-next,.diary_box .swiper_box .swiper-button-prev{width: 15px;}

  /* AC教育-学术期刊 */
  .pub_menu{font-size: 12px;}  
  .book_title{font-size: 16px;padding: 10px;}
  .qikan_box .list_box .item .info{font-size: 12px;}
  .qikan_box .list_box .item .info span{font-size: 14px;}
  .publish{font-size: 14px;padding-top: 10px;}
  .qikan_box .list_box .item .more{font-size: 12px;}
  .pub_menu .item{padding: 8px;}
  .qikan_box .list_box{padding-top: 10px;}
  .qikan_box .list_box .item{width: 70%;margin: 0 auto;margin-bottom: 10px;}
  .qikan_box .list_box .item .img{width: 50%;margin: 0 auto;}
  .qikan_box .list_box .text .last{padding-top: 10px;}

  /* ACE教育-ACE直播 */ 
  .live_box .list_box .top_box .title{font-size: 14px;}
  .live_box .list_box .top_box .title span{font-size: 12px;}
  .live_box .list_box .date{flex-wrap: wrap;}
  .live_box .list_box .date.last{flex-wrap: nowrap;}
  .live_box .list_box .date>div{width: 100%;margin-bottom: 5px;}
  .live_box .list_box .date.last>div{width: auto;}
  .live_box .list_box .top_box{padding-bottom: 5px;}
  .pub_menu{margin-bottom: 10px;}

  /* ACE教育-课程中心 */ 
  .center_box .input_box{padding: 10px 10px 0;}
  .button.small,.login_video .search .small{max-width: 70px;}
  .input_box .search{padding-right: 70px;}
  .center_box .list_box .item{width: 80%;margin: 0 auto;}
  .input_box .search input{padding: 10px 0;font-size: 12px;}
  .input_box .date_box input{font-size: 12px;}
  .input_box .search .small{padding:9px 0;}
  .news_box .swiper-pagination-bullet, .center_box .swiper-pagination-bullet{width: 13px;height: 13px;font-size: 12px;line-height: 13px;}
  .news_box .swiper-container-horizontal>.swiper-pagination-bullets, .news_box .swiper-pagination-custom, .news_box .swiper-pagination-fraction, .center_box .swiper-container-horizontal>.swiper-pagination-bullets, .center_box .swiper-pagination-custom, .center_box .swiper-pagination-fraction{bottom: 0;}
  .center_box .list_box .tag{font-size: 12px;}

  /* 登录-收藏-视频 */
  .login_video .list_box .item .pub_img{width: 40%;}
  .login_video .list_box .item .text{width: 59%;}
  .login_video .list_box .item{padding: 10px;}
  .login_video .list_box .item .text .date{padding: 10px 0;}

  /* 关于我们-与ACE宝宝链接吧 */
  .address_box .box .left_box .address,.address_box .box .left_box .message{width: 100%;}
  .address_box .box .left_box{flex-wrap: wrap;}
  .address_box .box .left_box .address{padding: 30px 15px;}
  .address_box .box .left_box .address .item .text,#textarea{font-size: 12px;}
  .address_box .box .left_box .message .title{font-size: 14px;padding-bottom: 6px;}

  /* 新闻详情 */
  .news_info .box .top_box .date{font-size: 12px;}
  .news_info .box .top_box .date .info{width: 50%;}
  .news_info .box .text{font-size: 12px;line-height: 1.5;}
  .news_info .box .text p{padding: 5px 0;}
  .news_info .box{margin-bottom: 15px;}
  .news_info .box .top_box .sub_title{font-size: 14px;}
  .wrap_title{font-size: 12px;}
  .news_info .box{padding-bottom: 15px;}

  /* ACE邮局 */
  .book_main .list_box .item .date_wrap{width: 20%;}
  .book_main .list_box .item .info_box{width: 48%;}
  .book_main .list_box .item .back{width: 17%;}
  .book_main .list_box .item .date_wrap .img span{font-size: 16px;top: 7px;}

  /* 新闻 */
  .news_box .list_box .item .text .title{font-size: 14px;}
  .news_box .list_box .item .text .info,.news_box .list_box .item .text .look{font-size: 12px;}
  .news_box .list_box .item .date{max-width: 70px;top: 10px;left: 10px;}
  .news_box .list_box .item .date .day{font-size: 18px;}
  .news_box .list_box .item{padding: 10px 10px 10px 100px;}

  /* CCTV微视-简介和动态 */  
  .tv_box .top_box .text .title{font-size: 16px;}
  .tv_box .swiper_box{padding: 15px 0;}
  .tv_box .swiper_box .swiper-container-horizontal>.tv_box .swiper_box .swiper-pagination-bullets, .tv_box .swiper_box .swiper-pagination-custom, .tv_box .swiper_box .swiper-pagination-fraction{right: 50%;transform: translate(50%,0);}

  /* CCTV微视-视频格子 */
  .video_box .list_box .item .in_box{padding: 35px 15px 50px;}
  .video_box .list_box .item .text{font-size: 12px;}
  .video_box .list_box .item .info{font-size: 12px;padding-top: 10px;}
  .video_box .star_box .fa{font-size: 18px;}

  /* CCTV微视-下载APP */
  .app_box .box .item.left_box{width: 100%;}
  .app_box .box .qr .img{width: 50%;}
  .app_box .box .left_box>.text p{font-size: 16px;padding-bottom: 10px;}
  .app_box .box .qr{padding-top: 0;}
  .app_box .box{padding-top: 0;}

  /* CC讲坛-CC视频在线 */
  .video_live .list_box .text .info{font-size: 12px;}
  .video_live .list_box .text{padding: 10px;}
  .video_live .list_box .star_box .in_box:first-child{padding-right: 25px;}
  .video_live .list_box .star_box{font-size: 12px;}
  .video_live .list_box .star_box .fa{font-size: 18px;}
  .video_live .list_box .star_box{justify-content: space-between;}
  .video_live .box{font-size: 12px;}
  .video_live .box .choose_box{font-size: 12px;}
  .video_live .box .choose_box{padding: 10px;}
  .video_live .choose_box .item{padding: 5px 10px;}
  .video_live .choose_box .item label{top: 5px;}
  .video_live .list_box .star_box{padding-top: 15px;}

  /* ACE教育-ACE学术期刊-详情 */
  .study_box .publish{padding-top: 0;}
  .study_box .top_box{padding-bottom: 10px;}
  .study_box .list_box .item{padding: 5px 10px;}
  .study_box .top_box .img{max-width: 100%;}
  .study_box .info_box{margin-bottom: 30px;}
  .button{padding: 10px 0;}

  /* ACE教育-课程中心-开始学习 */
  .ke_box .top_box .title{width: 100%;}
  .ke_box .top_box{flex-wrap: wrap;justify-content: space-between;}
  .ke_box .top_box .time_box{width: 50%;}
  .ke_box .top_box .star_box{width: 50%;}
  .ke_box .top_box .time_box p{padding: 5px 0;}
  .ke_box .swiper_box{height: 130px;}
  .ke_box .text_box{padding: 0;}
  .ke_box .text_box .title_box, .ke_box .text_box .back_box{font-size: 14px;padding: 5px 0;}
  .ke_box .sub_title{font-size: 14px;}
  .ke_box .sub_title span{width: 20%;padding: 0 5px;}
  .start_box .list_box .item .choose_box{font-size: 12px;}
  .start_box .list_box .item .study_title{font-size: 12px;padding-bottom: 10px;}
  .start_box .list_box .item .num_icon{width: 25px;top: 10px;}
  .start_box .list_box .item{padding: 10px 0 10px 35px;}
  .start_box .button.small{padding: 5px 0;max-width: 100px;margin-top: 10px;}
  .ke_box .top_box{margin-top: 10px;}

  /* ACE教育-课程中心-课程大纲 */
  .ke_box .text_box .sub_title{font-size: 16px;padding: 15px 0 10px;}
  .ke_box .text_box .info p{padding: 5px 0;}
  .ke_box .text_box .info{font-size: 12px;}
  .ke_box .cour_box .title{font-size: 16px;padding-top: 15px;}
  .ke_box .cour_box .item{padding-top: 15px;}
  .ke_box .cour_box .left_box .text .ke_title{font-size: 14px;}
  .ke_box .cour_box .left_box .text .ke_info{font-size: 12px;}
  .ke_box .cour_box .right_box .num{font-size: 12px;}
  .ke_box .cour_box .left_box .icons{width: 25px;}
  .ke_box .text_box.cour_box{padding-bottom: 20px;}

  /* 重置密码 */
  .login_header .contents .wx_login{font-size: 12px;}
  .login_header .contents .wx_login .box span{padding: 5px 10px 5px 0;margin-right: 10px;}
  .login_style .list_title .item{font-size: 12px;}
  .login_style .box{padding-top: 20px;width: 80%;}
  .login_style .box .title{padding-bottom: 0;font-size: 12px;}
  .login_style .box .item{padding: 10px 0;}
  .login_style .inner{padding-top: 20px;}
  .login_style .list_title{flex-wrap: wrap;}
  .login_style .list_title .item{width: 100%;padding: 5px 0;text-align: center;}

  /* 重置密码-邮箱 */
  .login_style .box .ok{font-size: 14px;}
  .code .send_code{font-size: 12px;}
  .login_style .box .gain_box input{font-size: 12px;}
  .login_style .box .gain_box .pw{font-size: 14px;padding-bottom: 20px;}
  .login_style .box .item{padding: 5px 0;}
  .login_style .box{padding-bottom: 15px;}

  /* 登录 */
  .login_style .box .succeed_box .title{font-size: 14px;padding-bottom: 15px;}
  .login_style .box .succeed_box .text a{font-size: 12px;}
  .wrap_box .login_box .tab_box{padding: 20px;}
  .wrap_box .login_box .tab_box .sub_item.login{margin-top: 15px;}
  .wrap_box .login_box .tab_box .wx{padding-top: 20px;}
  .wrap_box .login_box .tab_box input{padding: 10px;font-size: 12px;}
  .wrap_box .swiper-container-horizontal>.swiper-pagination-bullets, .wrap_box .swiper-pagination-custom, .wrap_box .swiper-pagination-fraction{right: 50%;transform: translate(50%,0);}
  .wrap_box .info{right: 50%;transform: translate(50%,0);}
  .wrap_box .login_box .tab_box p,.wrap_box .login_box .tab_box .forget{font-size: 12px;}

  /* 登录-个人中心 */
  .personal_center .content .list_box .top_box .title{font-size: 14px;}
  .personal_center .content .list_box .top_box .open,.personal_center .content .list_box .item{font-size: 12px;}
  .personal_center .content .list_box .ul_box .li_item{padding: 5px 0;}
  .personal_center .content{padding: 0 15px 30px;}
  .personal_center .content .list_box .ul_box .li_item .left_text{width: 45%;max-width: 100%;}
  .personal_center .content .list_box .ul_box .li_item .right_text{padding-left: 25px;}
  .button.same{padding: 10px 40px;}
  .personal_center .content .head .title{font-size: 16px;}
  .personal_center .content .head .text_name{font-size: 12px;}
  .personal_center .content{margin-top: 20px;}

  /* 登录-收藏-视频-详情 */
  .my_video .box{padding: 10px;}
  .my_video{padding-bottom: 15px;}

  /* 登录-日记版-发布 */
  .send_wrap .send_box{padding: 10px;}
  .pub_box .title{font-size: 16px;}
  .pub_box{padding: 15px;}
  .pub_box textarea{font-size: 12px;}

  /* 登录-日记版 */
  .plank_box .list_box .item .left_box{font-size: 12px;}
  .plank_box .list_box .item{padding-left: 105px;margin-bottom: 15px;}
  .plank_box .list_box .item .right_box .title{font-size: 14px;padding-bottom: 10px;}
  .plank_box .list_box .item .right_box .text{font-size: 12px;}
  .plank_box .list_box .item .right_box .last_box{font-size: 12px;padding-top: 15px;}
  .plank_box .right_box.input_box{width: 100%;padding-top: 10px;}
  .plank_box .btn_box{flex-wrap: wrap;}
  .plank_box .btn_box .upload{width: 33%;font-size: 12px;}
  .plank_box .right_box.input_box .write{font-size: 14px;}
  .plank_box .year_box{padding-top: 20px;}
  .plank_box .year_box .year{font-size: 28px;max-width: 180px;}
  .diary_info .head_box .name_box{font-size: 12px;}
  .window_box.window_diary .diary_info{padding: 15px;}
  .diary_info .head_box .close_btn{width: 5%;}
  .diary_info .text .tit, .diary_info .head_box .name{font-size: 14px;}
  .diary_info .info{font-size: 12px;}
  .diary_info .info p{padding: 5px 0;}
  .diary_info .text .title{font-size: 12px;}
  .diary_info .head_box .name{padding-bottom: 8px;}
  .diary_info .head_box{padding-bottom: 10px;}
  .window_box.window_diary .diary_info{width: 85%;}
  .window_box .star_box{width: 14%;}
  .window_box .star_box .choose{padding:8px 5px;}
  .plank_box .list_box .item .left_box .love{padding-left: 0;}
  .plank_box .list_box .item{padding-left: 0px;}
  .plank_box .list_box .item .left_box{position: static;padding-bottom: 15px;}
  .plank_box .list_box .item:nth-child(even) .left_box{flex-direction:row;}
  .plank_box .attention_box .name{font-size: 16px;}
  .plank_box .attention_box .info_box,.plank_box .btn_box .upload{width: 100%;}
  .plank_box .contents{padding-top: 10px;}

  /* 华学书院-日记墙-查看更多 */
  .grid{width: 95%!important;margin:0 auto;margin-bottom: 20px;}
  .pub_list{padding: 15px 0;}

  /* ACE邮局-集体建设 */
  .build_box .text_box .title{font-size: 16px;}
  .build_box .text_box .sub_title{padding-bottom: 10px;}
  .build_box .star_box.flex{padding: 20px 0;}
  .build_box .text_box{margin-bottom: 15px;}
  .pub_list .grid.center{padding: 183px 0;}
  .build_box .swiper_box .swiper-button-next,.build_box .swiper_box .swiper-button-prev{width: 30px;height: 30px;}

  /* 华学院日记墙-认领日记本 */
  .form_wrap .item{margin-bottom: 10px;}
  .wall_box .btn{padding-right: 15px;}
  .wall_box .btn .button.org{padding: 5px 10px;font-size: 12px;}
  .wall_box .btn1{margin-bottom: 15px;}
  .form_wrap .item .zi{font-size: 12px;}
  .form_wrap .jeitem input,.form_wrap .text,.form_wrap .button{font-size: 12px;}
  .button.kong{max-width: 150px;}
  .form_wrap .sure{justify-content: flex-start;padding-left: 50px;font-size: 12px;padding-bottom: 20px;}
  .form_wrap .jeitem input,.form_wrap .jeitem .moredate.input{width: 100%;margin: 5px 0;}
  .form_wrap .state{padding-bottom: 15px;}
  #post{height: 100%;}

  /* 水木善读-读书会活动-详情 */  
  .window_box .img_box .item{width: 100%;}
  .window_box .img_box{flex-wrap: wrap;}
  .window_box .img_box .item .sub_item{margin-bottom: 20px;}
  .window_box .img_box .up{font-size: 12px;}
  .window_box .tab_box .tab_title .item span{margin-right: 10px;}
  .window_box .tab_box .border_box{padding: 15px;}
  .window_box .tab_box .border_box::before{left: 17px;top: 30px;}
  .window_box .tab_box .tab_title{width: 30%;}
  .window_box .tab_box .tab_info{width: 70%;}
  .book_main .input_box .search .small{padding: 7px 0;}

   /* 清华校友之窗-精选日记墙 */
   .slide_img{height: 155px;}
}

@media screen and (max-width: 420px) {
  .inner{width: 100%;}
  .form_box{width: 80%;margin: 0 auto;}
  .header .menu .item{padding: 13px 5px;}
  .flex .choose{padding:0 40px;}
  .header .mobile_box .box>a{display: block;width: 30%;}
  .section_title .title{font-size: 14px;padding: 0 10px;}
  .section_title .line{width: 100px;}
  .course_box{padding-top: 15px;}
  .poetry_box .title{font-size: 16px;}
  .poetry_box .left_box .item .img,.poetry_box .left_box .item:nth-child(even) .img{position: static;text-align: center;display: block;max-width: 100%;}
  .poetry_box .left_box .item{padding: 10px 0;}
  .poetry_box .left_box .item:nth-child(even){padding-right:0px;}
  .poetry_box .right_box .text{padding: 10px;}
  .poetry_box .content .right_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
  .bema_box .slide_box>.text{padding: 8px;}
  .star_box{width: 40%;}
  .post_box .content .bg_wrap{padding: 15px;}
  .post_box .content .title{max-width: 100%;padding: 20px 35px 0;}
  .footer .footer_nav .item{width: 30%;}
  .recommend_box .content .left_box .swiper-container-horizontal>.swiper-pagination-bullets, .recommend_box .content .left_box .swiper-pagination-custom, .recommend_box .content .left_box .swiper-pagination-fraction{top: 55%;}
  .link_box .title{margin-bottom: 15px;}

  /* AC教育-学术期刊 */
  .qikan_box .list_box .item{width: 100%;}

  /* ACE教育-ACE直播 */ 
  .live_box .list_box .item{width: 100%;}
  .live_box .list_box{flex-wrap: wrap;}
  .live_box .list_box .date>div{width: auto;}

  /* ACE教育-课程中心 */ 
  .center_box .list_box .item{width: 100%;}

  /* 登录-收藏-视频 */
  .login_video .list_box .item{flex-direction: column;}
  .login_video .list_box .item .pub_img{width: 100%;text-align: center;}
  .login_video .list_box .item .text{width: 100%;padding-top: 10px;}

  /* 关于我们-与ACE宝宝链接吧 */
  .address_box .pub_menu,.my_video .pub_menu,.intro_main .pub_menu{padding: 0 3px;}
  .address_box .pub_menu .item,.my_video .pub_menu .item,.intro_main .pub_menu .item{padding: 8px 2px;}

  /* ACE邮局 */
  .book_main .list_box .item .date_wrap,.book_main .box .head .date_wrap{width: 28%;}
  .book_main .list_box .item .info_box{padding: 0 5px;}
  .book_main .list_box .item .info_box,.book_main .box .head .info_box{width: 34%;}
  .book_main .list_box .item .star_box,.book_main .box .head .star_box{width: 20%;}
  .book_main .list_box .item .back,.book_main .box .head .back{width: 28%;}
  .book_main .list_box .item .date_wrap .img span{font-size: 14px;top: 5px;}

  /* 新闻 */
  .news_box .list_box .item{padding: 10px 10px 10px 90px;}
  .news_box .list_box .item .date .day{font-size: 16px;}  
  .news_box .list_box .item .date .year{font-size: 12px;}
  .news_box .list_box .item .text .title{padding-bottom: 5px;}

  /* 新闻详情 */
  .news_info .box .top_box .date .time,.news_info .box .top_box .date .info{width: 100%;padding: 5px 0;}
  .news_info .box .top_box .date{flex-wrap: wrap;}

  /* CCTV微视-视频格子 */
  .video_box .list_box .item .in_box{padding: 25px 10px 30px;}
  .video_box .list_box .item .info{padding: 10px 0;}

  /* CC讲坛-CC视频在线 */
  .video_live .list_box .item{width: 100%;padding: 5px 0px;}
  .video_live .list_box{margin: 0;}

  /* CCTV-简介和动态 */
  .tv_box .swiper_box .swiper-button-next,.tv_box .swiper_box .swiper-button-prev{width: 30px;height: 30px;}

  /* ACE教育-课程中心-开始学习 */
  .wrap_title{text-align: left;}  
  .ke_box .swiper_box{height: 95px;}
  .ke_box .top_box .title{font-size: 14px;}
  .ke_box .top_box{padding-bottom: 5px;}
  .ke_box .text_box .title_box, .ke_box .text_box .back_box{justify-content: space-between;width: 80%;}
  .ke_box .text_box .back_box .item a{padding: 5px 10px;font-size: 14px;}
  .start_box .list_box{padding: 10px;}
  .start_box{padding-bottom: 15px;}
  .ke_box .sub_title{padding-top: 15px;}

  /* 重置密码 */
  .login_style .box{width: 100%;}

  /* 登录 */
  .wrap_box .login_box .tab_title .item{padding: 10px 0;}
  .wrap_box .login_box .tab_box{padding: 10px 20px;}
  .wrap_box .login_box .tab_box .sub_item.login{margin-top: 10px;}
  .wrap_box .login_box .tab_box .wx{padding-top: 10px;}
  .wrap_box .info{bottom: 25px;}

  /* 登录-日记版 */
  .plank_box .year_box .year{font-size: 20px;max-width: 150px;margin-bottom: 10px;}  
  .plank_box .year_box{padding-top: 10px;}

  /* ACE邮局-集体建设 */
  .pub_list .grid.center{padding: 140px 0;}

  /* 华学院日记墙-认领日记本 */
  .form_wrap .pub_sub_item{width: 30%;}
  .form_wrap .sure label{left: 0;}
  .form_wrap .pub_sub_item{width: 100%;}
  .form_wrap .sure{padding-left: 15px;}
  .form_wrap .state .pub_sub_item{width: 25%;}

  /* 水木善读-读书会活动-详情 */  
  .window_box .tab_box .border_box{padding: 5px;}
  .window_box .tab_box .border_box::before{top: 15px;left: 7px;}
  .window_box .tab_box .tab_title .item span{margin-left: 5px;}
  .window_box .tab_box .tab_title{width: 42%;}
  .window_box .tab_box .tab_info{width:58%;}

   /* 清华校友之窗-精选日记墙 */
   .slide_img{height: 115px;}
}


#container .imgholder,#container .text {cursor:pointer;}

/* 微信分享 */
#bsWXBox {display: block; left: 50%; top: 50%; margin-left: -110px; margin-top: -122.5px; position: fixed; height: 257px; width: 232px;z-index:100000001;font-size: 12px;background: url(http://static.bshare.cn/frame/images//background-opaque-dark.gif) !important;padding: 6px !important;border-radius: 5px;display:none;}
#bsWXBox .bsClose {cursor: pointer;position: absolute;z-index: 10000000;color: #666;font-weight: bold;font-family: Helvetica,Arial;font-size: 14px;line-height: 20px;}
#bsWXBox .bsTop {color: #666;background: #f2f2f2;height: 24px;line-height: 24px;border-bottom: 1px solid #e8e8e8;}
#bsWXBox .bsTop span {float: left;}
#bsWXBox .bsFrameDiv {border: none;background: #fff;}


/* @keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
} */


@keyframes opacity {
  0% {
    opacity: 0;
  }
  50%{
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}


.beian{ color: yellow;}