@CHARSET "UTF-8";

 
        
        .content-sec{
			width: 100%;
        		display: flex;
		flex-direction: column;
	justify-content: center;
	align-items: center;
        }
        .content-sec .article-content{width: 100%;display: flex;
		flex-direction: column;
	justify-content: center;
	align-items: center;}
        .content-sec .article-content .main-content{
			width: 100%;
        }
         .content-sec .article-content .main-content .article-list{display: block; justify-content: flex-start;margin-top: 20px;margin-bottom: 20px;width: 100%;}
        .content-sec .article-content .main-content .article-list .left{width: 80%;/* padding-left: 100px; */margin-left: auto;margin-right: auto;}
        .content-sec .article-content .main-content .article-list .left p span{font-family: "Brush Script MT", "Lucida Handwriting", "Comic Sans MS", cursive;}
       .content-sec .article-content .main-content .article-list .left .name-img{width: 100%;text-align: right;}
.content-sec .article-content .main-content .article-list .left .name-img img{width: 100%;}
.content-sec .article-content .main-content .article-list .right{width: 80%;/* padding-left:60px;padding-right:100px; */font-family: Poppins;margin-left: auto;margin-right: auto;margin-top: 20px;}
        .content-sec .article-content .main-content .title img,.content-sec .article-content .xu-img, .content-sec .article-content .xu-img img{width:100%;}
      .content-sec .article-content .main-content .article-list .right .first{margin-top: 20px;}
 .content-sec .article-content .main-content .article-list .left .first h1{text-align: left;}
        .content-sec .article-content .main-content .article-list .left .first .first-list{margin-top: 10px;}
         .content-sec .article-content .main-content .article-list .left .first .first-list li{font-weight: bold;
line-height: normal;
letter-spacing: 0em;

color: #2C2C2C;}   
         .content-sec .article-content .main-content .article-list .right .second{/* margin-top: 20px; */}   
.content-sec .content_tips {
    margin: 20px 0;
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0em;
    text-align: right;
    font-variation-settings: "opsz" auto;
    color: #02645A;
}
.content-sec .content_tips .share_icon
 {
    margin-left: 25px;
}

.content-sec .article-content .content{
	width: 100%;
	display: flex;
	/* flex-direction: column; */
	justify-content: center;
	align-items: center;
	background: #E4F2F5;
	padding-top: 60px;
}
.content-sec .article-content .content .main-content{width: 80%;}
.content-sec .article-content .content .list .item{margin-bottom: 60px;}
.content-sec .article-content .content .list .item .view{display: flex;
  /* 可选属性 */
  /* gap: 10px; */ /* 两个div之间的间距 */
  justify-content: flex-start; /* 水平对齐方式 */
  /* align-items: center; */ /* 垂直对齐方式 */}
.content-sec .article-content .content .list .item .left{width: 40%;}
.content-sec .article-content .content .list .item .right{width: 60%;}
.content-sec .article-content .content .list .item .tips{font-size: 42px;
font-weight: bold;
line-height: normal;
/* text-align: center; */
letter-spacing: 0em;

font-variation-settings: "opsz" auto;
color: #373737;}
.content-sec .article-content .content .list .item .txt{
	margin-top: 20px;
	/* padding-right: 60px; */
	font-size: 18px;
font-weight: normal;
line-height: normal;
letter-spacing: 0em;
color: #132141;}
.content-sec .article-content .partners, .content-sec .article-content .books{width: 100%;display: flex;background: linear-gradient(to bottom, #E4F2F5, #FDFFFE);}
.content-sec .article-content .partners{padding-top: 20px;}
.content-sec .article-content .partners .left, .content-sec .article-content .books .left{width: 60%;}
.content-sec .article-content .partners .right, .content-sec .article-content .books .right{width: 40%;padding-top: 10px;}
	.content-sec .article-content .books .right{position: relative;padding-top: 20px;}
.content-sec .article-content .partners .left img, .content-sec .article-content .books .left img{width: 100%;}
.content-sec .article-content .partners .right .list, .content-sec .article-content .books .right .list{padding-left: 110px;padding-right: 20%}
.content-sec .article-content .partners .right .list .item, .content-sec .article-content .books .right .list .item{margin-bottom: 60px;}
.content-sec .article-content .partners .right .list .item p, .content-sec .article-content .books .right .list .item p{margin-top: 20px;}
.content-sec .article-content .books .right .book{width: 100%;position: absolute;bottom: 0;left: 20px;}
	.content-sec .article-content .books .right .book .img{width: 100%;}
	.content-sec .article-content h4{width: 80%;margin: 10px 0;}
	.content-sec .article-content .books .books-content{width: 80%;margin-left:auto;margin-right:auto;}
	.content-sec .article-content .books .books-content .book-list{ display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
 /*  gap: 10px;  *//* 可选：设置间距 */}
	.content-sec .article-content .books .books-content .book-list .book-item{margin-top: 30px;position: relative;vertical-align: top;
}
	.content-sec .article-content .books .books-content .book-list .odd{ width: 50%;display: flex;}
.content-sec .article-content .books .books-content .book-list .even{ width: 50%;display: flex;}
	.content-sec .article-content .books .books-content .book-img{width: 200px; background-color: transparent;
    box-shadow: 10px 10px 0 0  #9AC5CE; }
/* .content-sec .article-content .books .books-content .book-img img::before {
    content: '';
    position: absolute;
    top: 5px;    向下位移
    left: -5px;  向左位移
    width: 100%;
    height: 100%;
    background-color: #9AC5CE;
    z-index: -1; 确保在内容后面
} */
	.content-sec .article-content .books .books-content img{width: 100%;position: relative;}
	
	.content-sec .article-content .books .books-content .book-desc{position: absolute;bottom: 30px;left: 230px;}
	.content-sec .article-content .books .books-content .tip{font-family: Poppins;
font-size: 20px;
font-weight: 600;
line-height: normal;
text-align: left;
letter-spacing: 0em;
padding-left: 30px;
font-variation-settings: "opsz" auto;
color: #373737;}
	.content-sec .article-content .books .books-content .txt{font-family: Poppins;
font-size: 16px;
font-weight: 500;
line-height: normal;
text-align: left;
letter-spacing: 0em;
padding-left: 30px;
font-variation-settings: "opsz" auto;
color: #6F6F6F;}
	.content-sec .article-content .books .books-content .book-list .odd .book-desc{width: calc( 100% - 200px);}
	
	.content-sec .article-content .books .books-content .bottom{display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.content-sec .article-content .books .books-content .bottom .left{width: 40%;padding-top: 20px;}
.content-sec .article-content .books .books-content .bottom .right{width: 60%;}
	.content-sec .article-content .books .books-content .bottom .right .book-one{display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
position: relative;
}
.content-sec .article-content .books .books-content .bottom .right .book-one .book-img{margin-left: 8.125%;}
.content-sec .article-content .books .books-content .bottom .right .book-one .book-one-content{position: absolute;bottom: 30px;left: calc(8.125% + 230px);}


@media only screen and (max-width:768px) {
	 .content-sec .article-content .main-content .article-list{display: block;}
	 .content-sec .article-content .main-content .article-list .left, .content-sec .article-content .main-content .article-list .right{width: 100%;padding-left: 10px;padding-right: 10px;}
	 .content-sec .article-content .main-content .article-list .left .first h1{font-size: 30px;}
	 .content-sec .article-content .main-content .article-list .right{margin-top: 20px;}
	.content-sec .article-content .content .list .item .view, .content-sec .article-content .partners, .content-sec .article-content .books{display: block;}
	.content-sec .article-content .content .list .item .left,.content-sec .article-content .partners .left, .content-sec .article-content .books .left,.content-sec .article-content .partners .right, .content-sec .article-content .books .righ{width: 100%;}
	.content-sec .article-content .partners .right .list, .content-sec .article-content .books .right .list{padding-left: 10px;padding-right: 10px}
	.content-sec .article-content .content .list .item .left img{width: 100%;}
	.content-sec .article-content .content .list .item .right{width: 100%;margin-top: 20px;}
	.content-sec .article-content .content .list .item .tips{font-size: 20px;}
	.content-sec .content_tips{font-size: 12px;}
	.content-sec .content_tips .share_icon
	 {
	    margin-left: 10px;
	}
	.content-sec .article-content .partners .right .list .item, .content-sec .article-content .books .right .list .item{margin-bottom: 20px;}
	.content-sec .content_tips .share_icon img{width: 25px; height: 25px;}
	.content-sec .article-content .books .right{width: 100%;position: revert;}
	.content-sec .article-content .books .right .book{position: revert;width: 100%;}
	.content-sec .article-content .books .right .book img{width: 100%;height: auto;}
	.content-sec .article-content .books .books-content .book-list{ display: block;}
	.content-sec .article-content .books .books-content{width: 95%;}
	.content-sec .article-content .books .books-content .book-list .odd, .content-sec .article-content .books .books-content .book-list .even,
	.content-sec .article-content .books .books-content .bottom .left, .content-sec .article-content .books .books-content .bottom .right{width: 100%;}
	.content-sec .article-content .books .books-content .tip{font-size: 16px;}
.content-sec .article-content .books .books-content .txt{font-size: 14px;}
	.content-sec .article-content .books .books-content .book-desc{left: 200px;}
.content-sec .article-content .books .books-content .bottom .right .book-one .book-img {
    margin-left: 0;
}
.content-sec .article-content .books .books-content .bottom .right .book-one .book-one-content{left:200px;}
.content-sec .article-content h4{text-align: center}
}