.main-container{padding:20px 0}.main-container .title-bar{display:grid;grid-template-columns:1fr 150px 1fr;margin-top:0;min-height:38px;align-items:center;margin:0 20px}.main-container .title-bar .title-left{width:100%}.main-container .title-bar .title-left img{width:100%}.main-container .title-bar .title-right{width:100%}.main-container .title-bar .title-right img{width:100%;transform:rotate(180deg)}.main-container .title-bar .title{font-size:24px;font-weight:700;color:var(--color-primary);text-align:center}.main-container .problem-top{display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px}.main-container .problem-top img{width:100%;box-shadow:0px 2px 4px rgba(0,0,0,.2470588235);border-radius:10px}.main-container .xinxiang{margin-top:16px;display:grid;grid-template-columns:repeat(2, 1fr);gap:16px}.main-container .xinxiang img{width:100%;box-shadow:0px 2px 5px rgba(0,0,0,.2470588235);border-radius:10px}.main-container .words-container{display:grid;grid-template-columns:5fr 3fr;gap:20px;margin-top:20px}.main-container .words-container .left-container{width:100%;overflow:hidden}.main-container .words-container .left-container .title-top{display:flex;justify-content:space-between;align-items:center;min-height:38px}.main-container .words-container .left-container .title-top .tabs-container{font-size:20px;font-weight:700;color:#383838;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}.main-container .words-container .left-container .title-top .active{color:var(--color-primary);border-bottom:3px solid var(--color-primary);padding-bottom:5px}.main-container .words-container .left-container .words-content{width:100%;overflow:hidden}.main-container .words-container .left-container .words-content .tabs-contenter{overflow-x:auto;box-sizing:border-box;margin-top:20px;border-radius:10px}.main-container .words-container .left-container .words-content .tabs-contenter .xinxiang-header{min-width:500px;background-color:#fff2f4;display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:10px;padding:15px 10px;text-align:center;color:var(--color-primary);font-size:20px;font-weight:bold}.main-container .words-container .left-container .words-content .tabs-contenter .xinxiang-contenter{min-width:500px}.main-container .words-container .left-container .words-content .tabs-contenter .xinxiang-contenter .clickable-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:10px;padding:16px 10px;text-align:center;background-color:snow;transition:all .3s}.main-container .words-container .left-container .words-content .tabs-contenter .xinxiang-contenter .clickable-row:hover{background-color:#fff2f4}.main-container .words-container .right-container{overflow:hidden}.main-container .words-container .right-container .list-container{overflow:hidden;margin-top:20px;padding:20px;padding-right:12px;max-height:600px;background-color:#fff2f4;border-radius:20px}.main-container .words-container .right-container .list-container>div{max-height:550px;overflow-y:auto}.main-container .words-container .right-container .list-container>div .item-container{padding:15px;border-bottom:3px solid rgba(0,0,0,0);background-color:#fff;transition:all .3s}.main-container .words-container .right-container .list-container>div .item-container:not(:last-child){margin-bottom:15px}.main-container .words-container .right-container .list-container>div .item-container>a .title{font-size:16px;margin-bottom:10px;color:#383838}.main-container .words-container .right-container .list-container>div .item-container>a .desc{font-size:14px;margin-bottom:10px;color:gray}.main-container .words-container .right-container .list-container>div .item-container>a .time-more{display:flex;justify-content:space-between;align-items:center}.main-container .words-container .right-container .list-container>div .item-container:hover{border-color:var(--color-primary);cursor:pointer}.main-container .words-container .right-container .list-container>div .item-container:hover .title,.main-container .words-container .right-container .list-container>div .item-container:hover .desc,.main-container .words-container .right-container .list-container>div .item-container:hover .more{color:var(--color-primary)}.main-container .video{margin-top:20px;overflow:hidden}.main-container .video .title-bar{margin:0 40px}.main-container .video .swiper-container{margin-top:20px;padding:0 20px;height:420px;position:relative;padding-bottom:50px;overflow:visible}.main-container .video .swiper-container .swiper-wrapper{width:100%;height:100%}.main-container .video .swiper-container .swiper-wrapper .swiper-slide{width:216px;height:384px;position:relative;overflow:hidden;border-radius:10px;transition:all .3s ease}.main-container .video .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:100%;border-radius:20px;-o-object-fit:cover;object-fit:cover}.main-container .video .swiper-container .swiper-wrapper .swiper-slide:hover{transform:translateY(-5px)}.main-container .video .swiper-container .swiper-wrapper .swiper-slide .slide-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);display:flex;align-items:center;justify-content:center;padding:20px;color:#fff;border-radius:20px;transition:all .3s ease}.main-container .video .swiper-container .swiper-wrapper .swiper-slide .slide-overlay .play-icon{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;transition:all .3s ease}.main-container .video .swiper-container .swiper-wrapper .swiper-slide .slide-overlay:hover{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%)}.main-container .video .swiper-container .swiper-wrapper .swiper-slide .slide-overlay:hover .play-icon{transform:scale(1.1)}.main-container .video .swiper-container .swiper-pagination{position:absolute;bottom:10px;left:0;right:0;width:100%;text-align:center;z-index:10}.main-container .video .swiper-container .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;margin:0 5px;background:#ccc;border-radius:50%;opacity:.6;transition:all .3s ease}.main-container .video .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background:var(--color-primary);transform:scale(1.2)}.main-container .video .swiper-container .swiper-pagination .swiper-pagination-bullet-active-main{transform:scale(1.2)}.layui-layer .words-board{padding:30px}.layui-layer .words-board .words-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;justify-items:center;max-width:500px}.layui-layer .words-board .words-grid .words-btn{width:100%;max-width:400px;background-color:#faf2f2;border:1px solid #ff5e71;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:36px;padding:10px;text-align:center;overflow-y:auto}.layui-layer .words-board .words-grid .words-btn img{height:50px;width:164px;display:block}.layui-layer .words-board .words-grid .words-btn:hover{background-color:#ffe9ec}@media screen and (max-width: 1200px){.main-container .words-container{grid-template-columns:1fr}}@media screen and (max-width: 1100px){.main-container .problem-top{grid-template-columns:1fr 1fr}.main-container .problem-top .changguang{grid-column:1/-1;grid-row:1}}@media screen and (max-width: 768px){.main-container .problem-top{gap:10px}.main-container .xinxiang{margin-top:12px;grid-template-columns:1fr;gap:10px}.main-container .words-container .right-container .list-container{padding-right:20px}}@media screen and (max-width: 524px){.layui-layer .words-board .words-grid{grid-template-columns:1fr;font-size:20px}}