.banner{background: url("https://img.asiancancer.com/images/newmalai/story.png") no-repeat center;height: 300px;}
.banner .img{text-align: center;}
.banner .banner-text{padding-top:60px;}
.banner .banner-text .title{font-size: 52px;color: #ffffff;display: grid;}
.banner .banner-text .first{border-bottom: 2px solid #13BFB1;width: 225px;}
.banner .banner-text .second{font-size: 35px;}

.content .main{float:left;width: 1000px;background: #ffffff;padding: 30px 20px;border-radius: 4px;text-align:justify;}
.content .sidebar{float:right;width: 338px;}

.content .text .title{text-align: center;font-size: 25px;font-weight: bold;}
.content .parameter{display: flex;justify-content: center;margin:20px auto;font-size:14px;}
.content .parameter ul li{display: inline-flex;padding: 0 20px;}
.content .parameter ul li img{margin-right: 8px;}
.content .parameter ul li .share{margin-left: 10px;}
.content .parameter ul li .share ul li{padding: 0px;}

.content .person{background: #7DDCD4;display: -webkit-box;padding: 20px 30px;border-radius: 16px;}
.content .img{width: 25%;}
.content .info{width: 60%;}
.content .botton{margin-top:25px;width: 88px;padding-top:15px;height: 73px;background: #ffffff;font-size:13px;text-align: center;border-radius: 70px;box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);}
.content .img img{border-radius: 70px;}
.content .person dl{width: 70%;margin-top: 10px;}
.content .person dl dt{font-size: 30px;font-weight: bold;text-align:left;}
.content .person dl dt span{font-size: 14px;background: #ffffff;padding: 5px;margin-left: 10px;}
.content .person dd{font-size: 18px;font-weight: bold;margin:5px 0;}
.content .person dl a{padding: 8px 30px;background: #13BFB1;color: #ffffff;border-radius: 8px;float: right;}

.content .text .neirong{padding:30px 0;border-bottom: 1px solid #dddddd;text-align:left;}
.content .text .prenext{margin: 20px 0;}
.content .text .prenext li a:hover{color:#13BFB1;}
.content .reading{margin: 20px 0;}

@media screen and (max-width:768px) {
    .banner{background: url("/uploads/allimg/2023/06/22/story.png") no-repeat center;height: auto;background-size: cover;}
    .banner .img{text-align: center;}
    .banner .banner-text{padding: 30px 20px;}
    .banner .banner-text .title{font-size: 36px;color: #ffffff;display: grid;}
    .banner .banner-text .first{font-weight: normal;}
    .banner .banner-text .second{font-size: 20px;}

    .content .main{float: none;width: auto;font-size:16px;}
    .sidebar{display: none;}

    .content .person{background: none;display: none;padding: inherit;}
    .content .main .person img{width: 100%;}
    .content .neirong img{width: 100%;height: auto;}
}