.banner{background: url("https://img.asiancancer.com/images/newmalai/cancerbanner.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 #1e5484;width: 420px;}
.banner .banner-text .second{font-size: 35px;}

.cancer .title{color: #1e5484;font-size: 36px;font-weight: bold;text-align: center;}
.cancer .tag-cancer{background: #ebf1f7;margin-top:50px;padding: 30px 0;}
.cancer .tag-cancer ul{width: 100%;margin: 0 auto;}
.cancer .tag-cancer ul li{float:left;width:calc((100%/4) - 15px);opacity: 0.8;border-radius: 8px;text-align: center;position: relative;margin: 30px 7.5px;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%);}
.cancer .tag-cancer ul li span{background: #1e5484;padding: 15px 10px;border-radius: 50px;position: absolute;left: 40%;top:-40px;}
.cancer .tag-cancer ul li span img{width: 80%;}
.cancer .tag-cancer ul #wrap3,.cancer .tag-cancer ul #wrap7{margin-right:0px;}
.cancer .tag-cancer ul li a:hover{background: #1e5484;color:#fa792f;}
.cancer .tag-cancer ul li .tag{font-size: 20px;font-weight: bold;background: #ffffff;height: 90px;border-radius: 8px;line-height: 90px;border:1px solid #eeeeee;}
.cancer .bg-none{background: none;}

@media screen and (max-width:768px) {
    .banner{background: url("https://img.asiancancer.com/images/newmalai/cancerbanner.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;}
    .banner .banner-text .second{font-size: 20px;}
    .cancer .tag-cancer ul li .tag{font-size:20px;}
    /*癌症类型*/
    .cancer-bg{margin-top:40px;}
    .cancer-bg .cancer-intro{}
    .cancer .tag-cancer{background: #ebf1f7;margin-top:50px;}
    .cancer .bg-none{background: #ffffff;}
    .cancer .tag-cancer ul li{width:calc((100%/2) - 15px);}
    .cancer .tag-cancer ul li span{left:30%;top:-10px;}
    .cancer .tag-cancer ul li a{width: 46.5%;margin-left: 10px;margin-top:10px;height: 120px;}
    .cancer .tag-cancer ul li .tag{margin-top:15px;}
    .cancer .line{display: none;}

    .cancer .dis_con{padding: 0 12px;display: flow-root;}
    .cancer .dis_con .dis{width: 48.5%;margin-right: 2px;}

}