.box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-direction: column; 
    width: calc(100% - 20px);
    max-width: 750px; 
    height: auto !important;  
    background:url(../images/top1_bg.png) no-repeat ;
    background-size:100% auto;
} 

.logo{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.top1{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.top2{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.top3{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom:30px;
}
.top4{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.top5{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom:30px;
}
.top6{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column; 
    margin-bottom:20px;
}
.top7{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom:20px;
}
.top8{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom:30px;
}
.top9{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom:30px;
}
.top10{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom:30px;
}
.top11{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom:60px;
}
.top12{ 
    display: flex; 
    width: 100%; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bottom{ max-width:750px; width:100%; position:fixed; left:0; right:0; bottom:0; margin:0 auto;  }
.bottom a{ position:absolute; right:25px; top:50%; 
    transform:  translateY(-50%); display:block; }
    .bottom a img{ width:100%; }
    
    
    .list{ width:100%; max-width:654px; }
.list p{ color:#efd68d; text-align:center; }
.list ul li{ position:relative; margin-bottom:10px; line-height:100%;  }
.list ul li .info{ color:#fff; position:absolute; display:flex; left:0px; width:100%; top:0px;  align-items: center; align-content:center; height:100%; font-size:1.5em;  }
.list ul li .info .min{ width:16%; text-align:center;}
.list ul li .info .xianlu{ width:47%; text-align:center; color:#f0d991; }
.list ul li .info .go{ width:31%; text-align:center; color:#f0d991; margin-left:auto; line-height:100%; height:100%; }
.list ul li .info .go a{ display:block; opacity: 0; line-height:100%;  height:100%; }
.top7 .t7f{ display:flex;  align-items: center;     justify-content: space-between; margin-bottom:20px;   }
.top7 .t7f p {  font-size:20px;  }
.top7 .t7f p:last-child{ color:#fff; font-size:16px;  }


.kefu{ position:fixed; right:0px; top:30%; }


.iframe-preview-mobile {
    max-width: 750px !important;
    left: 50%;
    transform: translateX(-50%);
}
.iframe-preview {
    top: 0px;
    height: calc(100% - 0px);
}

.position-absolute {
    position: absolute!important;
}

iframe {
    border: 0;
}
@media screen and (max-width: 749px)
{ 
    .top11 { 
        margin-bottom: 30px;
    }
    .top3 { 
        margin-bottom: 18px;
    }
    .top3 a{ width:58%;  }
    .bottom a{ width:31.7%;  right:10px;}
    
    
.top7 .t7f p {  font-size:16px;  }
.top7 .t7f p:last-child{ color:#fff; font-size:12px;  }
}


@media all and (max-width: 575px) 
{
    .list ul li .info{ font-size:1em;  }  
    .list{ width:96%; max-width:600px; }
    
.kefu img{ width:100px; }
}