.banner{background: url("https://img.asiancancer.com/images/newmalai/services.png") repeat-x 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 {margin: 50px 0;}
.content .title{text-align: center;font-size: 30px;font-weight: bold;margin-bottom: 20px;}

.content .climate-location .title{font-size: 26px;font-weight: bold;text-align: left;}
/*保险机构*/
.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-pay .pay-type{margin-bottom: 20px;}
.climate-pay .pay-type ul{display: flex;justify-content: space-between;}
.climate-pay .pay-type ul dd{max-width: calc(25% - 10px);}
.climate-pay .pay-type ul dd span{color: #ffffff;font-size: 12px;padding-top: 10px;}
.climate-pay .pay-type ul li{width: 230px;height: 134px;display: inline-grid;text-align: center;color: #ffffff;border-radius: 8px;cursor:pointer;padding: 0 20px;}
.climate-pay .pay-type ul li img{margin: 0 auto;margin-top:25px;}
.climate-pay .pay-type ul li.blue{background: #619EF9;}
.climate-pay .pay-type ul li.yellow{background: #FFC045;}
.climate-pay .pay-type ul li.green{background: #41DAB2;}
.climate-pay .pay-type ul li.orange{background: #F0844E;}
.climate-pay .b-title{color: #1E5484;font-weight: bold;}

/*如何使用医疗保险*/
.no-insurance {background: #F5F7FA;padding: 50px 0;}
.no-insurance .info{width: 55%;float: right;}
.no-insurance .in-img{width: 45%;float: left;text-align: left;}
.no-insurance .in-img img{width: 95%;}

/*报销*/
.baoxiaomap{background: #F5F7FA;padding: 50px 0;}
.baoxiaomap .info{text-align: center;border: 1px solid #dddddd;}
.baoxiaomap .step1,.baoxiaomap .step2,.baoxiaomap .step3{background:#1E5484;color: #ffffff;height: 80px;line-height: 80px;}
.baoxiaomap .step1_txt{height: 80px;line-height: 80px;}
.baoxiaomap .step2_txt ul{display: flex;}
.baoxiaomap .step2_txt ul li{width: 50%;padding: 25px;}
.baoxiaomap .step2_txt ul .line{border-right: 2px solid #dddddd;}
.baoxiaomap .step2_txt .midd{background:#1E5484;color: #ffffff;}

@media screen and (max-width:768px) {
    .banner{background: url("https://img.asiancancer.com/images/newmalai/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 {float: none;width: auto;padding:10px 15px;font-size:16px;}
    .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-pay .pay-type ul{display: inherit;}
    .climate-pay .pay-type ul dd{max-width: 100%;}

    .climate-location .pay-type{text-align: center;}
    .climate-location .pay-type ul li{margin-bottom: 10px;float: left;width: 89%;}
    .baoxiaomap .step1, .baoxiaomap .step2, .baoxiaomap .step3{white-space: normal;}
    .baoxiaomap .step2_txt ul li{white-space: normal;}
    .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;
    }
}