@charset "UTF-8";
/*報價樣式*/
html{
    font-size: 625%;
}
body{
    background: #f4f4f4;
    font-size: 0.12rem;
    font-family: "黑体";
}
header{
    background: #272727;
    color: #fff;
    width: 100%;
    height: 0.5rem;
    text-align: center;
}
header h1{
    font: 500 0.2rem/0.5rem "黑体";
    width: 70%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin: 0 auto;
}
section{
    background: #fff;
    margin-bottom: .2rem;
    padding-bottom: .2rem;
}
.input{
    font-size: .18rem;
    text-align: right;
    border: 0;
    outline: none;
    font-family: "黑体";
}
.back-icon{
    content: "";
    width:.24rem;
    height: .24rem;
    display: block;
    position: absolute;
    left: .2rem;
    top: .13rem;
    background: url("../../../../images/mobile/hk_starr/back-icon.png") no-repeat 0  0;
    background-size: 100% 100%;
}
.content{
    width: 100%;
    box-sizing: border-box;
    padding: .16rem .16rem;
    padding-bottom: 0;
}
.tip{
    width: 100%;
    box-sizing: border-box;
    padding: 0 .16rem .28rem;
    padding-bottom: 0;
}
.content li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    min-height: .5rem;
    padding-bottom: .06rem;
}
.content li.family-tip,.content li.tips{
    min-height: .3rem;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: .1rem;
    display: none;
}
.content li.family-tip p,.content li.tips p{
    color: #f00;
    font-size: .14rem;
    position: absolute;
    right: 0;
    top: 0;
}
.content li p{
    color: #212121;
    font-size: .16rem;
    margin-top: .12rem;
}
.content li span{
    color: #929090;
    font-size: .16rem;
    display: inline-block;
}
.content li span.format-date{
    color: #212121;
}
.content>li>div:nth-child(1){
    min-height: .48rem;
    display: inline;
    align-items: center;
    width: 34%;
}
.content>li>div:nth-child(2){
    width: 66%;
    background: #ecebeb;
    height: .36rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .08rem;
    border: 1px solid  #ecebeb;
    border-radius: .04rem;
}
#travel-country{
    width: 100%;
    background: #ecebeb;
    font-size: .16rem;
    color: #212121;
}
#insure-number{
    background: #fff;
    width: auto;
    padding: 0;
}
#extension-code,#Reference{
    background: #ecebeb;
    font-size: .16rem;
    width: 100%;
    text-align: left;
    color: #212121;
}
.starr-date{
    background: #ecebeb;
    color: #212121;
    width: 66%;
    height: .36rem;
    box-sizing: border-box;
    padding-left: .08rem;
    font-size: .16rem;
    border: 1px solid #ecebeb;
    border-radius: .04rem;
}
.icon{
    width: .16rem;
    height: .16rem;
    display: inline-block;
    background: url("../../../../images/mobile/hk_starr/gray-show-icon.png") no-repeat 0 0 ;
    background-size: 100% 100%;
    position: absolute;
    top: .16rem;
    right: .08rem;
}
.people-number{
    border: 1px solid #e2e2e2;
    border-radius: .04rem;
}
.people-number .reduce,.people-number .add{
    display: inline-block;
    text-align: center;
    color: #002f5f;
    font-size: .2rem;
    outline: none;
    border: 0;
    width: .4rem;
    height: .32rem;
    line-height: .32rem;
}
.people-number .show{
    width: .4rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    font-size: .16rem;
    color: #002f5e;
    display: inline-block;
    border-left: 1px solid #e2e2e2;;
    border-right: 1px solid #e2e2e2;;
}
.tip p{
    color:#ea0000;
    font-size: .16rem;
    line-height: .18rem;
}
.pay-btn-box{
    width: 100%;
    text-align: center;
    padding-top: .24rem;
}
.pay-btn{
    width: 70%;
    outline: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #002f5f;
    font-size: .18rem;
    line-height: .36rem;
    border: 1px solid #002f5f;
    border-radius: .06rem;
    margin-bottom: .3rem;
}
.pay-btn.disable-btn {
    background-image: url(/static/images/mobile/hk_starr/loading.gif);
    background-repeat: no-repeat;
    background-position: 40% 8px;
    background-color: #e4e3e1;
    border: 1px solid #e4e3e1;
    color: #9e9e9d;
    cursor: not-allowed;
    text-indent: 37px;
}

input.SingleOrAnnual {
    background: #ecebeb;
    text-align: left;
    font-size: .16rem;
}
/*
.android-ics .dwv {
    height: 45px;
    line-height: 47px;
    padding: 0;
    border-bottom: 2px solid #31b6e7;
    font-size: 18px;
}*/
.benefit-tips-box{
    padding: 0rem .16rem 0 .16rem;
}
.benefit-tips{
    padding-top: .1rem;
    line-height: 1.5;
    font-size: .16rem;
    color: rgb(0, 47, 95);
    border-top: 1px solid rgb(221, 224, 230);
}
a.orange{
    text-decoration: underline;
}
.en .benefit-tips{
    font-size: .14rem;
}
.benefit-tips:before{
    content: '';
    display: inline-block;
    width: .16rem;
    height: .16rem;
    background-image: url("/static/images/mobile/hk_starr/discount-tips-icon.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.benefit-tips a{
    text-decoration: underline;
}
.tip .tip-return{
    padding: .1rem 0;
    border-top: 1px solid rgb(221, 224, 230);
}