/* 延误指南H5 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.clearfix:after{
    content: "."; 
    display:block;
    height:0; 
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}
body {
    background: #e5ffec;
}
.delay-box {
    position: relative;
}
.delay-box img.all-background-img {
    width: 100%;
}
.delay-banner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.delay-body,.delay-banner img {
    width: 100%;
}

.delay-body .delay-body-all {
    width: 92%;
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translate(-50%);
    margin-bottom: 1.2rem;
}
/* 航班延误解决办法 */
.delay-body .delay-body-all .flight-delay-method,
.delay-body .delay-body-all .get-prove,
.delay-body .delay-body-all .flight-delay-tips {
    background: #fff;
    border-radius: 0.2rem;
    padding: 0.6rem 0.4rem;
} 
.delay-body .flight-delay-method .title-box,
.delay-body .get-prove .prove-box .prove-title-box,
.delay-body .flight-delay-tips .tips-title-box {
     text-align: center;
}
.delay-body .delay-method-box .delay-method-title,
.delay-body .prove-box .delay-prove-title,
.delay-body .delay-tips-box .tips-title {
    font-size: 0.43rem;
    color: #000;
    text-align: center;
    height: 0.53rem;
    line-height: 0.53rem;
    margin-bottom: 0.4rem;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.delay-body .delay-method-box .delay-method-title::after,
.delay-body .prove-title-box .delay-prove-title::after,
.delay-body .tips-title-box .tips-title::after {
    content: '';
    width: 100%;
    height: 0.15rem;
    background: #34e39c;
    display: block;
    position: absolute;
    bottom: 0.053rem;
    left: -0.1rem;
    z-index: -1;
    border-radius: 0.1rem;
}
.delay-body .prove-title-box .delay-prove-title::after {
    width: 104%;
}
.delay-body .tips-title-box .tips-title::after {
    width: 106%;
}
.delay-body .delay-method-list .list-img {
    display: inline-block;
    width: 35%;
    height: 100%;
    margin-right: 0.2rem;
}
.delay-body .delay-method-list .list-message {
    display: inline-block;
    width: 60%;
    margin-top: 0.3rem;
}
.delay-body .delay-method-list .list-message-title {
    font-size: 0.37rem;
    font-weight: 700;
    color: #333;
}
.delay-body .delay-method-list .list-message-title span,
.delay-body .delay-method-list .list-message-body span {
    font-size: 0.45rem;
    color: #1fcb95;
    margin-right: 0.1rem;
    display: inline-block;
    transform: scale(1.2,1.5);
}
.delay-body .delay-method-list .list-message-body span {
    font-weight: 700;
}
.delay-body .delay-method-list .list-message-body {
    color: #666;
    font-size: 0.32rem;
    text-indent: 2em;
}
.delay-body .delay-method-list .list-message-body.no-indent {
    text-indent: 0;
}
.delay-body .delay-method-list .list-message-btn a,
.delay-body .delay-prove-list .list-message-btn a {
    width: 100%;
    display: block;
    background: #f9961f;
    color: #fff;
    font-size: 0.373rem;
    height: 0.83rem;
    line-height: 0.83rem;
    text-align: center;
    border-radius: 1rem;
    margin-top: 0.3rem;
    cursor: pointer;
}
/* 开具证明 */
.delay-body .delay-body-all .get-prove {
    margin-top: 0.4rem;
    width: 100%;
}
.delay-body .get-prove .delay-prove-list img {
    height: 100%;
    width: 100%;
}
.delay-body .get-prove .delay-prove-list li {
    width: 100%;
}
.delay-body .get-prove .delay-prove-list li div.list-img-box {
    width: 3.36rem;
    display: inline-block;
}
.delay-body .get-prove .list-message {
    text-align: left;
    margin-left: 0.3rem;
    width: 55%;
    font-size: 0.32rem;
    display: inline-block;
    vertical-align: top;
    line-height: 0.55rem;
}

.delay-body .get-prove .list-message .prove-font-list {
    color: #666;
}

.delay-body .get-prove .list-message .prove-font-list b {
    color: #000;
}

/* 航班延误科普贴士 */
.delay-body .delay-body-all .flight-delay-tips {
    margin-top: 0.4rem;
}
.tips-body .tips-list {
    margin-bottom: 0.3rem;
}
.tips-body .tips-list .tips-list-title,
.tips-body .tips-list .tips-list-title-2 {
    font-size: 0.373rem;
    color: #333;
}
.tips-body .tips-list .tips-list-title span,
.tips-body .tips-list .tips-list-title-2 .title-index {
    color: #1fcb95;
    font-size: 0.45rem;
    margin-right: 0.2rem;
    display: inline-block;
    transform: scale(1.2,1.4);
}
.tips-body .tips-list .tips-conent {
    font-size: 0.32rem;
    color: #666;
    text-indent: 2em;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
}
.tips-body .tips-list .other {
    color: #000;
}
.tips-body .tips-list .tips-list-title-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}