*{padding:0;margin:0;}
body{background: #F5F7FA;color:#455873;font:14px -apple-system,Helvetica,Arial,Tahoma,"PingFang SC","Hiragino Sans GB","Lantinghei SC","Microsoft YaHei",sans-serif; -webkit-text-size-adjust:none;}
li{list-style: none;}
.guarantee-wrap{width:600px;margin:0 auto;background: #fff; margin-bottom: 26px;}
.guarantee-header{background: #3264ff;min-height: 240px; position: relative;}
.guarantee-header .guarantee-header-tit{display: inline-block; color: #fff;font-size:24px;line-height:30px;max-width: 320px;font-weight: 500;margin: 64px 38px 32px;}
.guarantee-header-img{background: url("../images/illustration.png")  no-repeat;background-size: contain;width:255px;height:200px;position: absolute;right: 80px;bottom: 0;}
.guarantee-content{padding: 32px;}
    .guarantee-content-wrap{border-bottom: 1px solid #dadfe6;padding-bottom: 32px;margin-bottom:32px;}
    .guarantee-content-wrap.last-child{border-bottom:0;padding-bottom: 0;margin-bottom:0;}
    .guarantee-content-wrap .list-decimal{padding-left: 16px;line-height: 22px;}
    .guarantee-content-wrap .list-decimal li{list-style: decimal;margin-bottom: 14px;}
    .guarantee-content-wrap .list-decimal li:last-child{margin-bottom:0;}
    .guarantee-content-wrap .list-decimal .list-decimal-item{display: flex; height: 0%;}
    .guarantee-content-tit{display: flex;color: #0f294d;font-size:20px;font-weight: bold;margin-bottom: 16px;line-height:26px;}
    .guarantee-content-txt{height: 0%;line-height: 22px;margin-bottom:16px;}
	.guarantee-content-txt:last-child{margin-bottom: 0;}
.guarantee-items{display:flex;margin-bottom:16px;align-items: center;}
    .guarantee-items:last-child{margin-bottom:0;padding-bottom: 0;}
    .fi-icon{width: 48px;height: 48px;}
    .fi-tickets{background: url("../images/ic_alterTrans.png") no-repeat ;background-size: contain;}
    .fi-rebook{background: url("../images/ic_rebook.png") no-repeat ;background-size: contain;}
    .fi-cash{background: url("../images/ic_refund.png") no-repeat ;background-size: contain;}
    .fi-car{background: url("../images/ic_otherTrans.png") no-repeat ;background-size: contain;}
    .fi-hotel{background: url("../images/ic_freeAccom.png") no-repeat ;background-size: contain;}
    .fi-repast{background: url("../images/ic_meals.png") no-repeat ;background-size: contain;}
    .guarantee-items-special{margin-left: 24px; font-size: 18px;line-height: 24px;transform: translateX(-8px);}
    .guarantee-items-cnt{height: 0%;line-height: 22px;flex:1;margin-left: 16px;}
    .guarantee-items-tit{display: flex;line-height: 24px;font-weight:normal;color: #0f294d;font-size: 18px;margin-bottom: 4px;}
    .guarantee-items-txt{height: 0%;line-height: 22px;}
.else-offer {height: 0%;line-height: 22px; margin-bottom: 32px; }

.guarantee-btn{margin: 32px 0 16px;line-height: 18px;}
.more-terms{color: #3264ff;display:inline-block;text-decoration: none;}
.more-terms:hover{text-decoration: underline;color: #3264ff;}
.back-top{margin-left:516px;display:flex;align-items: center;justify-content: center; background: #fff;box-shadow: 0px 2px 8px 0px rgba(53, 58, 64, 0.35);width: 40px;height: 40px;border-radius: 50%;position: fixed;bottom: 80px;}
.back-top .si-arrow{background: url("../images/topping.png") no-repeat;background-size: contain; display: inline-block;width: 22px;height: 24px;background-size: contain;}

@media only screen and (max-width: 640px){
    .guarantee-wrap { width: 100vw; margin-bottom: 0;}
    .guarantee-header{min-height: 200px;}
    .guarantee-header .guarantee-header-tit{max-width: 160px;margin: 32px;}
    .guarantee-header-img { right: 0; }
    .guarantee-content { padding: 32px 16px; }
    .back-top{bottom:50px; right: 16px;}
	.guarantee-detail-wrap{width:88%;}
}


  .dark-theme .guarantee-header {background-color: #84A2FF;}
  .dark-theme .guarantee-wrap, .dark-theme .guarantee-detail-wrap { background:  #252B31; color: #fff; }
  .dark-theme .guarantee-content-tit, .dark-theme .guarantee-header .guarantee-header-tit, .dark-theme .guarantee-items-tit {color: #fff;}
  .dark-theme .more-terms { color: #84A2FF }

@media (prefers-color-scheme: dark) {
  .guarantee-header {background-color: #84A2FF;}
    .guarantee-wrap,.guarantee-detail-wrap { background:  #252B31; color: #fff; }
    .guarantee-content-tit, .guarantee-header .guarantee-header-tit, .guarantee-items-tit {color: #fff;}
    .more-terms { color: #84A2FF }
}