html{height: 100%;background: #0055e4;padding: 0;}
body{overflow: hidden;height: 100%;color: #000;padding: 0;}
.fs18{font-size: 18px;}
.text-bold{font-weight: bold;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.p20{padding: 0 20px;}
*{box-sizing: border-box;}
.ipp-rel{position: relative;}
a,a:hover{ color: #0465b2;}
.version{font-size: 12px;}
.round{border-radius: 16px !important;}
.roundSmall{border-radius: 12px  !important;}

.mainBox{width: 550px;margin:  0 auto; position: relative;height: 100%;padding: 25px;}
.main{background: #fff;position: relative;overflow: hidden;}
.mainPage{position: relative;overflow: hidden;width: 100%;height: 100vh;}
.uk-pagination>.uk-active>span{background: #1e87f0;}
.cursor{cursor: pointer;}

.uk-overlay-panel-loading{background: rgba(0,0,0,.5);border-radius: 0;}
.uk-overlay-panel-loading-box{background: rgba(0,0,0,.5);border-radius: 0;z-index:9999}

.load{ width:120px; height:120px; line-height:120px; color:#fff; background:rgba(0,0,0,.8); font-size:30px; border-radius:10px; text-align:center; position:relative; z-index: 800;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.load{margin:0 auto}
.laodbox{background: #ffffff;z-index: 999999}
.backIcon{position: absolute;left:15px; top: 15px;z-index: 200;}
.logoIcon{width: 20px;height: 20px;position: absolute;left: 15px;top: 15px; z-index: 300; left: 50%;transform: translateX(-50%);}        
.langDropBox{height: 20px;position: absolute; right: 15px;top: 15px;z-index: 600;}
.langDrop{ white-space: nowrap;}
.langDrop .cursor,.langDrop span{color: #1e87f0;font-weight: bold;}
.langDrop .langTop{position: absolute; top: 30px; right:0px;background: #fff;width:90px;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.1);padding: 6px 0;z-index: 888;}
.langDrop .langTop::before{content: '';display: block;position: absolute; right: 0;top:-6px;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 11px solid #fff;}
.langDrop .langTop a{display: block;color: #444;padding-top:5px;padding-bottom:5px;padding-left: 12px;}
.langDrop .langTop a.active,.langDrop .langTop a:hover{color: #1e87f0;font-weight: bold;}
.langIn{background:url("/static/img/icon-lang.png") no-repeat left center;background-size: 16px auto;padding-left: 18px;}    
.langDrop .langTop{display: none;}
.langDrop .langTop.show{display: block;}
.cursor{cursor: pointer;}        
.notifyMessage{ position: fixed;top: 50%;left: 50%;background: rgba(0,0,0,0.6);color: #fff;padding: 6px 14px;z-index: 10999;border-radius: 6px; transform: translate(-50%,-50%);}
.tips{padding: 20px;text-align: left;}
.tips li{ color: #777; font-size: 12px; margin-bottom: 5px;margin-top: 5px;}    
.result{padding: 100px 20px; }
.red{ color: #f00; }
.imgbox img{border-radius: 10px;height: 30px;}

.uk-panel-box{padding: 15px;border-color: transparent !important;}
.uk-panel-box-secondary{color: #000;border: none !important;}
.hideText{overflow: hidden;word-break: break-all;text-align: right;flex: 1;}
.hide{overflow: hidden;}
.auto{overflow-y: auto;}
.v-center{position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);}
.w500{width: 500px;margin: auto;}
.customer_data{background: #fff;padding:80px 40px; width: 600px;}
.customer_data img{ width: 70px; }
.userInfo{padding-top: 10px;padding-bottom: 10px;}
.uk-select,.uk-input{height: 36px !important; line-height: 36px !important;}

.laodingbox{background: #fff;z-index: 900;border-radius: 0!important;}

.loginBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.loginBox .login{width: 360px;padding:18px 14px;border-radius: 8px;background: #fff;}

.mainPage .header{padding: 15px 20px;background: #0D1C2D !important;}
.mainPage .header span,.mainPage .header a{ color: #fff;}
.round{border-radius: 10px;}
.commonBox{padding: 20px;}

.w1000{width:1000px;margin: 0 auto;}
.baseBg{background: #fff;}
.stepBox .item{text-align: center;padding: 15px;font-size: 16px; position: relative;}

.stepBox .item::after,.stepBox .item::before{content: '';display: block;width: 8px;height: 8px; position: absolute;top: 50%;transform: rotate(45deg) translateY(-50%) ;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.stepBox .item::after{right: 0;}
.stepBox .item::before{right: 5px;}

.stepBox .stepItem:last-child .item::after,.stepBox .stepItem:last-child .item:before{display: none;}


.stepBox .item-default{color: #ccc;}
.stepBox .item-default .uk-badge{background: #ccc;}
.stepBox .item-pending{color: #1e87f0;}
.stepBox .item-pending .uk-badge{background: #1e87f0;}
.stepBox .item-end{color: #67c23a;}
.stepBox .item-end .uk-badge{background: #67c23a;}
.uk-panel-box-shadow{box-shadow: 0 0 15px rgba(0,0,0,.1);}


.uk-form-horizontal .uk-form-label{margin-top: 0;}


@media (max-width:768px) {
    html{background: #fff;}
    .loginPage{background: #0055e4;}
    .mainPage .header{padding: 15px;}
    .w1000{width: auto;margin-left:5px;margin-right: 5px;}
    .commonBox{padding: 10px;}    
    .userInfo{padding-top: 20px;}
    .w500,.mainBox{width: 100%;padding: 0;}
    .uk-overlay-panel-loading{margin: 0;}
    .round{border-radius: 0;}
    .result{padding: 50px 10px 20px; }
    .imgbox{text-align: center;}
    .imgbox div{ width: 100px; display: inline-block; }
    .tips{padding: 10px;}
    .stepBox .item{display: flex;margin-right: 20px;}
    .stepBox .item .icon{flex:1;text-align: right;}
    .stepBox .item .title{margin-left: 5px;}
    .stepBox .item::after,.stepBox .item::before{width: 5px;height: 5px;}
    .stepBox .stepItem:last-child .item::after,.stepBox .stepItem:last-child .item:before{display: block;}



}