/* premium1 */
section{color:black}
.location_premium{background:url("/static/img/add/blueming/background.jpg") no-repeat; }
.premium_box{width:90%; }
.premium_box li{float:left; box-sizing: border-box; width:45%; overflow: hidden;}
.premium_box li:nth-of-type(1),.premium_box li:nth-of-type(3){margin-right:10%}
.premium_box > ul > li > div > img{width:100%;}
img{width:100%}
.premium_box{margin-top:80px;}
.premium_box li p{margin-bottom:60px}



/* premium2 */
.icon_box{background: #f6f3f1; height:650px; position: relative; text-align: left; }
.icon_box ul{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; padding:30px; box-sizing: border-box;}
.icon_box li{float:left; width:48.5%; height:180px; background: white; border-radius: 30px; margin-bottom:15px; padding:15px; box-sizing: border-box;}
.icon_box li:nth-child(2n-1){margin-right:3%}
.icon_box ul li div{float:left; box-sizing: border-box;}
.icon_box ul li div:nth-of-type(1){width:35%; height:100%;}
.icon_box ul li div i{display: block; background: red; border-radius: 50%; padding:30px}
.icon_box ul li div:nth-of-type(2){width:65%; height:100%;}
.icon{height:70%; border-radius: 50%; position: relative;}
.icon i{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size: 40px;}
dt{color:#dd4737; line-height:33px; font-size: 25px; text-align: center; margin-top:5px}
.icon_box p{color:#746147; font-size: 17px;}
.icon_box ul li:nth-of-type(1) div i{background:#96739d; color:white}
.icon_box ul li:nth-of-type(2) div i{background:#6aa0c4; color:white}
.icon_box ul li:nth-of-type(3) div i{background:#f0695f; color:white}
.icon_box ul li:nth-of-type(4) div i{background:#8da759; color:white}
.icon_box ul li:nth-of-type(5) div i{background:#806f58; color:white}
.icon_box ul li:nth-of-type(6) div i{background:#d17d98; color:white}
.icon{ margin-right:10px}
.premium_img div{float:left; width:49%;}
.premium_img div:first-of-type{margin-right:2%}
.premium_img{margin-bottom:25px}
img{width:100%}
.icon_box .p_small{font-size: 11px;}
dd{font-size: 14px; text-align: center}


/* premium3 */
.img1{margin-top:45px; margin-bottom:30px;}
.dr .dr_title{background: #1e439c; color: white; padding:5px 10px; border-radius:10px 10px 0 0;}
.dr .dr_title h4{float:left}
.dr .dr_title span{float:right}
.dr{background: #e4edf2; margin:35px;}
.with ul li{float:left; width:48.5%;}
.with ul li:nth-of-type(2n-1){margin-right:3%}
.with ul{padding:35px;}
.with ul li:nth-of-type(1) p,.width ul li:nth-of-type(2) p{margin-bottom:30px}
.with ul li p{margin-top:10px}
.dr_p{padding:20px}
.dr_p p i{margin-right:5px}
.dr_p p:first-of-type{font-weight: 800;}

@media screen and (max-width: 1360px){
    /* premiun1 */
  .premium_box{width:100%;}
    .premium_box li{width:47.5%;}
    .premium_box li:nth-of-type(1),.premium_box li:nth-of-type(3){margin-right:5%}

    /* premiun2 */
    dt{ font-size: 23px;}
    dd{font-size: 14px;}
    .icon_box{height:700px;}
    .icon_box li{height:200px;}
    .icon_box li:not(:first-child) dt{margin-top:30px}
}

@media screen and (max-width: 992px){
    /* premium1 */
    .content1{padding:15px}
    .premium_box li{width:100%;}
    .content{padding:0 20px!important}
    .premium_box li{padding:20px}
    .pre_img{padding:20px}

    /* premium2 */
    .icon_box{position: relative;}
    .icon_box li{width:100%; float: none; }
    .icon_box ul{position: inherit; top: inherit; left:inherit; transform: inherit;}
    .icon_box{height:1350px;}
    dt{margin-top:20px}
    .content li:nth-child(2) .title_2 h2{word-break: normal!important;}

    /* premium3 */
    .with ul li{ width:100%;}
    .with ul li p{margin-bottom:15px}
    .img1{margin-top:10px}

  }

  @media screen and (max-width: 500px){
        .icon_box ul{padding:10px}
        .icon i{font-size: 30px}
        dt {font-size: 18px; line-height: 25px}
        dd {font-size: 13px;}
  }