.banner{background: url("/uploads/allimg/2023/06/22/services.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: 680px;}
.banner .banner-text .second{font-size: 35px;}

.marginTop30{margin-top: 30px;clear: both;}
.content .main{float:left;width: 1040px;background: #ffffff;padding: 30px;border-radius: 4px;font-size:18px;}
.content .sidebar{float:right;width: 338px;}
.content .text .title{text-align: center;font-size: 30px;font-weight: bold;margin-bottom: 20px;}

.content .text .climate-location .title{border-left:2px solid #13BFB1;font-size: 26px;font-weight: bold;text-align: left;padding-left: 10px;}
/*保险机构*/
.climate-location .logo-list{display: flex;justify-content: center;}
.climate-location .logo-list ul li{width: 24.6%;display: inline-flex;margin: 10px 0;}

/*医疗费用支付*/
.climate-location .pay-type{display: flex;justify-content: center;}
.climate-location .pay-type ul dd{display: inline-grid;width: 230px;}
.climate-location .pay-type ul li{cursor:pointer;text-align: center;color: #ffffff;margin: 0 8px;border-radius: 8px;display: inline-grid;padding-top:20px;padding-bottom: 40px;}
.climate-location .pay-type ul dd:hover span{display: block;color: #000000;}
.climate-location .pay-type ul dd span{color: #000000;font-size: 12px;padding-top: 10px;}
.climate-location .pay-type ul li img{margin: 0 auto;margin-top:25px;}
.climate-location .pay-type ul li.blue{background: #619EF9;}
.climate-location .pay-type ul li.yellow{background: #FFC045;}
.climate-location .pay-type ul li.green{background: #41DAB2;}
.climate-location .pay-type ul li.orange{background: #F0844E;}

/*如何使用医疗保险*/
.climate-location .info{margin:20px 0;}
.no-insurance .info{width: 55%;float: left;}
.no-insurance .in-img{width: 45%;float: right;text-align: right;}

/*报销*/
.baoxiaomap .info{text-align: center;border: 1px solid #dddddd;}

@media screen and (max-width:768px) {
    .banner{background: url("/uploads/allimg/2023/06/22/services.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;padding:30px 15px;font-size:18px;}
    .content .sidebar{display: none;}

    .climate-location .logo-list ul li img{width: 100%;}
    .climate-location .logo-list ul li{width: 49%;}

    .no-insurance .info{float: none;width: auto;}
    .no-insurance .in-img{float: none;width: auto;}
    .no-insurance .in-img img{width: 100%;}

    .climate-location .pay-type{text-align: center;}
    .climate-location .pay-type ul li{margin-bottom: 10px;float: left;}
    .baoxiaomap .info img{}
    .baoxiaomap .info{
        width: 100%;
        white-space: nowrap;
        position: relative;
        display: block;
        overflow-y: hidden;
        overflow-x: auto;
        padding: 20px 0;
        margin: 0 auto;
    }
}