@charset "UTF-8";
p {
    font-size: 16px;
}
.content-box {
    width: 100%;
    padding: 55px 104px 55px 58px;   
}
/*procedure部分*/
.claimSection{
    box-sizing: border-box;
}
.content-box .starr-title {
    position: relative;
    color: #002F5D;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #dee2e5;
}

.claimSection .section{
    width: 100%;
    padding: 45px 0 0 0;
    box-sizing: border-box;
}
.claimSection3 .section1 {
    border-bottom: none;
}
.section .stepcontent{
    width: 100%;
    height:320px;
}
.stepcontent>div{
    float: left;
    height: 295px;
}
.stepcontent .step{
    width: 25%;
}
.direction{
    width: 70px;
    position: relative;
}
.direction img{
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -9px;
}
.step .step-photo{
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
    height:50%;
    position: relative;
}
.step .step-photo img{
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -75px;
}

.step .step-title{
    text-align: center;
    font-size: 20px;
    padding: 10px;
    color:#012f60;
    font-weight: bold;
}
.step .step-word{
    text-align: center;
    font-size: 16px;
    color:#002e5f;
    padding: 0 10px;
    /*display: table-cell;*/
    /*vertical-align: middle;*/
}
.step .step-word span:hover{
    cursor: pointer;
}
.section1 .note{
    font-size: 16px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #F0EEEF url(/static/images/desktop/sg_starr/claim/tips.png) no-repeat 13px 7px;
    color: #002F5E;
    padding: 5px 40px;
}
.section1 .scroll-down{
    width:100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 30px;
}
.section1 .scroll-down .scroll-down-txt{
    box-sizing: border-box;
    text-align: center;
    color: #012f60;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 25px;
    background: url(/static/images/desktop/sg_starr/claim/10.png) no-repeat left center;
    display: inline-block;
}

/*service部分*/
.service-title{
    width:100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 23px;
    margin-top: 40px;
    padding: 10px;
    color: #002f5e;
    font-weight: 600;
}
.service-txt{
    width:100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    color: #002f5e;
}
.claimSection2 .section .stepcontent .step{
   margin:0 24px;
}
.claimSection2 .section .stepcontent .step .step-word{
    font-weight: bold;
    padding: 0 40px;
}
.buttonservice{
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dee2e5;
    padding-bottom:20px;
    margin-bottom: 35px;
}
.buttonservice p {
    font-size: 16px;
}
.buttonservice .btn,.btnbox .btn{
    padding: 10px 20px;
    border-radius: 5px;
    background: #2d79c4;
    display: inline-block;
    margin: 10px 0;
    color: white;
    cursor: pointer;
    font-size: 16px;
}
.required-link{
    position:relative;
    margin-top:10px;
    padding-left:20px;
    color:#2d79c4;
    font-size:16px;
    text-decoration: underline;
    cursor:pointer;
}

.required-link i {
    position:absolute;
    vertical-align: middle;
    display: inline-block;
    width: 15px;
    height: 18px;
    background:url('/static/images/desktop/sg_starr/icon_file.png') no-repeat center center;
    background-size: 15px 18px;
    left: 0;
    top: 2px;
}

.claim-btn-group {
    position:relative;
    overflow: hidden;
}
.claim-btn-group .claim-line{
    position:absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #DFDFDF;
    left: 50%;
    height:100%;
}
.claim-btn-group .claim-btn-item {
    position: relative;
    width: 48%;
    padding: 18px 12px 18px 18px;
    float: left;
    border: 1px solid #dee2e5;
    border-radius: 3px;
    cursor: pointer;
}

.claim-btn-group .claim-btn-item .claim-title {
    font-size: 18px;
    font-weight: bold;
    color: #2d79c4;
    margin-bottom: 8px;
}
.claim-btn-group .claim-btn-item:last-child{
    float:right;
}

.claim-btn-group .claim-btn-item.active {
    border: 2px solid #2d79c4;
}

.claim-btn-group .claim-btn-item .claim-btn {
    position: relative;
    background: #1E83E3;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    display:inline-block;
    padding: 10px 20px 8px 35px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 12px;
}

.claim-btn-group .claim-btn-item .claim-btn i {
    position: absolute;
    display: inline-block;
    top: 10px;
    left: 12px;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background:url('/static/images/desktop/sg_starr/icon_claim.png') no-repeat center center;
    background-size: 18px 18px;
    margin-right:5px;
}

.claim-btn-group .claim-btn-item:last-child .claim-btn>i{
    top: 11px;
    background:url('/static/images/desktop/sg_starr/icon_addition.png') no-repeat center center;
    background-size: 18px 18px;
}

.claim-btn-group .claim-btn-item p {
    font-size: 14px;
    color: #5F5F5F;
}

.confirm-btn {
    margin-top: 24px;
    font-size: 18px;
    display: inline-block;
    padding: 8px 60px;
    border: 1px solid #2d79c4;
    border-radius: 3px;
    font-weight: bold;
    color: #2d79c4;
    cursor: pointer;
}
.confirm-btn:hover{
    background:#2d79c4;
    color:#ffffff;
}

/*第三部分*/
.way{
    width: 100%;
    overflow: hidden;
    display: flex;
}


.waybox2{
    width: 15%;
    margin-top: 210px;
    overflow: hidden;
}

.waybox3{
    margin: 50px 0 0 30px;
}
.waybox3 .waystep{
    color: #002e5f;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.waybox3 .waystep p {
    float: left;
    width: 325px;
    margin-top: 30px;
}
.waybox3 .waystep img {
    margin: 0 auto;
}
.waybox3 .waystep p span{
    color: #002e5f;
    font-weight: bold;
}

.waybox3 .waytxt{
    text-align: center;
    color: #002f5e;
    float: left;
    width: 100%;
    padding: 40px 0;
    font-size: 30px;
}

.waybox1 .way-photo{
    width: 100%;
    box-sizing: border-box;
}
.waybox1 .way-photo img{
    margin: 0 auto;
}
.buttonway{
    width: 100%;
    box-sizing: border-box;
}
.waybox1 .buttonway p{
    text-align: center;
    padding: 0 45px;
    font-size: 16px;
}
.waybox1 .buttonway .btnbox{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.waybox1 .buttonway .btnbox .btn{
    padding: 10px 20px;
    border-radius: 5px;
    background: #2d79c4;
    display: inline-block;
    color: white;
}
.claim-detail{
    width: 100%;
    box-sizing: border-box;
    background: #e3f1fe;
    padding: 20px;
    margin: 35px 0 10px 0;
    color: #002e5f;
}

.juhao{
    width: 15px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
}
.juhaochild{
    width: 15px;
    height: 30px;
    position: absolute;
    top: 0%;
    left: 10%;
    top: 20%\9;
    left: -30%\9;
}

/*modal 提示框*/
.tipsModal {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    font-family: FreightText W01 Bold !important;
    display: none;
}

/*modal提示框*/
.tipsModal .mask {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.5;
}

.tipsModal .modal-wrapper {
    width: 560px;
    background: #ffffff;
    position: absolute;
    z-index: 9999;
    top: 30%;
    left: calc(50% - 280px);
}

.modal-wrapper .modal-header {
    height: 40px;
    position: relative;
}

.modal-wrapper .header-close {
    position: absolute;
    display: inline-block;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url('/static/images/desktop/new_sg_starr/close.png') no-repeat center center;
    background-size: 16px 16px;
    cursor: pointer;
}

.modal-content {
    padding: 8px 38px;
}

.modal-content .cnt-header {
    font-size: 24px;
    color: #002F5E;
    margin-bottom: 12px;
    line-height: 28px;
}

.modal-content .cnt-desc {
    font-family: Gotham;
    font-size: 16px;
    color: #002F5E;
}

.modal-footer {
    margin-top: 16px;
    margin-bottom: 30px;
    padding-right: 38px;
    text-align: center;
    overflow: hidden;
}

.modal-footer .modal-btn {
    float: right;
    text-align: center;
    width: 165px;
    height: 45px;
    line-height: 45px;
    font-weight: 400;
    font-size: 24px;
    color: #002F5E;
    border: 1px solid #002F5E;
    cursor: pointer;
}

.modal-footer .modal-btn.primary {
    margin-right: 14px;
    background: #002F5E;
    color: #ffffff;
}