@CHARSET "UTF-8";
.patientstories-section{
	margin-top: 60px;
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: auto;
	background: url('../../../pic/water.png') no-repeat center top;
}
.patientstories-section .content{width: 80%;display: flex;
	justify-content: center;
	}
.patientstories-section .content .left,.patientstories-section .content .right{
	width: 50%;
	margin-top: 60px;
}
.patientstories-section .content .left{
	text-align: left;
	padding-right: 60px;
}
.patientstories-section .content .left .tip h1{text-align: left;font-size: 48px;
font-weight: bold;
line-height: normal;
letter-spacing: 0em;

font-variation-settings: "opsz" auto;
color: rgba(2, 100, 90, 0.9686);}
.patientstories-section .content .left .txt{font-size: 18px;min-height: 205px;
font-weight: normal;
line-height: 36px;
letter-spacing: 0em;
margin-top: 30px;
color: #132141;}
.patientstories-section .content .left .txt2{font-size: 18px;
font-weight: normal;
line-height: 36px;
letter-spacing: 0em;
color: #132141;}
.patientstories-section .content .left .tip h2{margin-top: 30px;font-size: 20px;
font-weight: 600;
line-height: normal;
letter-spacing: 0em;
text-align: left;
font-variation-settings: "opsz" auto;
color: rgba(2, 100, 90, 0.9686);}
.patientstories-section .content .more-btn{margin-top: 10px;}
.patientstories-section .content .more-btn .btn-green-radius{position: relative;border-radius: 33px;}
.patientstories-section .content .story-list{width: 100%;list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;}
.patientstories-section .content .story-item{
    flex: 0 1 calc(50% - 12px); /* 关键属性，两个li一行 */
	vertical-align: top;
  position: relative;
    overflow: hidden;
}
.patientstories-section .content .story-item .item-content{width: 100%;}
.patientstories-section .content .story-item .item-info{margin-top: 14px;}
.patientstories-section .content .story-item .item-info h3{font-size: 18px;
font-weight: 600;
line-height: normal;
letter-spacing: 0em;

font-variation-settings: "opsz" auto;
color: rgba(2, 100, 90, 0.9686);}
.patientstories-section .content .story-item .item-info p{font-size: 16px;
font-weight: normal;
line-height: 26px;
letter-spacing: 0em;
min-height:130px;
color: #132141;}
.patientstories-section .content .story-item .item-video{border-radius: 5px;}
.patientstories-section .content .story-item iframe, .patientstories-section .content .story-item .item-video img{width: 100%;height: 204px;border-radius: 5px;border:0px;}
.patientstories-section .content .story-item .btn-desc{}
.patientstories-section .content .story-item .btn-desc a .hover, .patientstories-section .content .story-item .btn-desc a:hover .on{display: none;}
.patientstories-section .content .story-item .btn-desc a:hover .hover{display: block;}

    @media (max-width: 768px) {
    	.patientstories-section{background: #EFF6F5;}
		.patientstories-section{padding-left:10px;oadding-right: 100px;}
		.patientstories-section .content .left{padding-right: 10px;}
    	.patientstories-section .content .left .tip h1{font-size: 18px;}
    	.patientstories-section .content .left .tip h2{font-size: 16px;margin-top: 10px;}
    	.patientstories-section .content .left .txt, .patientstories-section .content .left .txt2{font-size: 14px;margin-top:10px;min-height: 0;}
    	
		.patientstories-section .content, .patientstories-section .content .left,.patientstories-section .content .right{margin-top: 10px;
	width: 100%;}
    	.patientstories-section .content .right{padding-right: 10px;}
			.patientstories-section .content{display: block;}
            .patientstories-section .content .story-item {
                flex: 0 1 100%;
                height: auto; /* 移动端取消固定高度 */
            }
            
            .patientstories-section .content .story-item .item-info p {
                min-height: auto; /* 移动端取消最小高度 */
            }
            .patientstories-section .content .story-item .btn-desc{margin-top: 5px;}
            .patientstories-section .content .story-item .btn-desc a img{width: 40px; height: 40px;}
            
            
        }