html{ height: 100%;background: rgba(13, 28, 45 , .05); background:#fff;}
.layout,#app,html,body{color: #0D1C2D !important; height: 100% ;overflow: hidden;}
.flex-1{flex: 1;}
/*#app  > .uk-width-1-1:first-child{display: flex;flex-direction: column; height: 100%;}
#app  > .uk-width-1-1:first-child >  .uk-grid{flex: 1;}*/
a{outline: none;}
::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 3px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
.filter_gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
#app{ margin-bottom: 50px; }
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6{color: #0D1C2D }
.top_nav.uk-navbar{ background: #0D1C2D !important }
.top_nav.uk-navbar .uk-navbar-nav>li.uk-active>a{ background: none !important; }
.top_nav.uk-navbar .uk-navbar-nav>li>a{color: #fff !important;}
.top_nav .uk-dropdown .uk-nav li a{text-align: left;}
.top_nav .uk-dropdown .uk-nav li a span{ margin-left: 15px; margin-right: 5px; }
.top-meum .uk-navbar-nav>li>a{ height: 50px; line-height: 50px; position: relative; padding-left: 20px; padding-right: 20px;}
.top-meum .uk-navbar-nav>li.uk-active>a{background: #010A15 !important;}
.top-meum .uk-navbar-nav>li>a span{ position: absolute; left: 15px; top:50%; margin-top:-9px; }
.top { padding: 0px; background: #fff; }
.uk-navbar.top-meum{ padding:0px 35px !important;border-bottom: none !important; }
.common_panel{ padding:0 20px;}
.ipp-version{ position: fixed; min-width: 200px;background:rgba(0,0,0,.8);  color: #fff; text-align: center; padding: 5px 15px; border-radius: 3px ; bottom:20px; left: 50%;margin-left: -100px; cursor: pointer;}
.uk-fixed{ position: fixed; background: rgba(0,0,0,.5);}
.ipp-mid-line .uk-width-1-2{ position: relative; } 
.ipp-mid-line  .uk-width-1-2:last-child:before{content:''; height: 22px; width: 1px; border-left: 1px solid #ddd; position: absolute; left: 0; top: 0;}
.uk-panel-box{ border-radius: 4px; border:none !important; }
.uk-panel-box-shadow{ box-shadow: 0 0 10px rgba(0,0,0,.1);}
.ipp-span{ position: relative; display: inline-block; padding-right:2px; margin-left:2px;}
.ipp-span:after{content: ','; position: absolute;top:0; height: 10px; width: 1px ; right: 0;}
.ipp-span:last-child:after{ display: none; }
.person .uk-form-file{width: 100%;}
.person .uk-form-file .ipp-up{ width: 100%; position: absolute; left: 0; top: 0;right: 0; bottom:0; font-size: 40px; color: #fff;}
.ipp_img_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;border: 1px solid #ddd;background: #fff;box-sizing: border-box;border-radius: 4px; text-align: center !important; overflow: hidden;}
.ipp_img_box img{ width: auto !important; height: auto !important; vertical-align: middle !important; max-width: 100%; max-height:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ipp-breadcrumb{}
.ipp-breadcrumb li a{ font-size:16px; color: #666; font-weight:200;}
.ipp-breadcrumb li:last-child a{ color: #333 !important; }
.ipp-m-title{ width: 80%; overflow: hidden; height: 18px; line-height: 18px; display: inline-block; }
.uk-form-label{ font-weight: bold !important; }
.ipp-text-limit{ max-width:230px; height: 40px; line-height: 36px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block;}
.uk-dropdown{box-shadow: 0 5px 15px rgba(0,0,0,0.4) !important;}
.uk-dropdown .uk-nav.ipp-nav li a{ width:230px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; position: relative;}
.uk-dropdown .uk-nav.ipp-nav li i{ position: absolute; left:10px;top:50%; margin-top:-7px; transform:scale(.7);}

.uk-nav-dropdown.ipp-nav{ height: auto;max-height: 191px;overflow: hidden;}
.ipp_remark_text{width: 150px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-overflow{ position: relative; display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; padding-right: 55px; cursor: pointer; position: relative;}
.text-overflow .no{ position: absolute; right: 0; top: 0; }
.index_merchant_list .text-overflow{padding-right: 65px;}
.index_merchant_list .ipp-abo{ position: absolute; right: 0; top: 0; }
.index_merchant_list .text-overflow .no{right: 20px; font-weight: normal !important;}
/*.index_merchant_list .text-overflow:after{ content: ''; width:10px; height: 10px;border-radius: 50%;background: #eee; position: absolute; right: 14px; top: 50%;  margin-top: -5px; }*/
.index_merchant_list .ipp-active.text-overflow:after{background: #1e87f0 !important;}
.ipp-border{border:1px solid #ddd !important;}
.uk-text-disable,.uk-text-disable *{ color: #a5a5a5; }

    
.ipp-user-status-1{color: #67c23a}
.ipp-user-status-2{color: #f00;}
.ipp-user-status-3{color: #e28327;}



.ipp-text-status-1{color: #e28327!important}
.ipp-text-status-2{color: #1e87f0 !important}
.ipp-text-status-3{color: green !important}
.ipp-text-status-4{color: #da314b !important}

.ipp-app-status-0{color: #1e87f0 !important}
.ipp-app-status-1{color: #67c23a !important}
.ipp-app-status-2{color: #da314b !important}

.ipp-inv-status-1{color: #1e87f0;} 
.ipp-inv-status-2{color: #67c23a;} 
.ipp-inv-status-3{color: #f00;}
.ipp-inv-status-4{color: #999;}

/*.ipp-user-status-1{color: #67c23a !important}
.ipp-user-status-2{color: #da314b !important}
.ipp-user-status-3{color: #e28327 !important}
*/
.ipp-bank-status-0{color: #da314b!important}
.ipp-bank-status-1{color: #67c23a !important}

.ipp-withdraw-status-1{color: #67c23a!important}
.ipp-withdraw-status-2{color: #ff6600 !important}
.ipp-withdraw-status-3{color: #da314b !important}
.ipp-withdraw-status-4{color: #1e87f0 !important}
.ipp-withdraw-status-6{color: #d27c25 !important;}

.inlineblock{display: inline-block;}
.mid_name{  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;vertical-align: bottom; }
.ipp-select{padding: 6px 12px;border:1px solid #eee;border-radius: 4px;}
/*时间轴*/
.time-axis {margin:0 0 50px 0;padding:0;position:relative;}
.time-axis:before {content:'';position:absolute;left:177px;top:15px;width:1px;background-color:#E4E4E4; bottom: 0px;}
.time-axis-item {list-style:none;padding-left:250px;position:relative;font-size:14px;color:#141414;}
.time-axis-date {position:absolute;left:0;top:0;color:#666; width: 160px; padding-right: 25px;}
.time-axis-date span {position:absolute;right:0px;top:5px;display:block;width:13px;height:13px;border:1px solid #ccc;border-radius:100%;background-color:#fff;}
.time-axis-date span:after {content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:7px;height:7px;margin:auto;background-color:#ccc;border:1px solid #ccc;border-radius:100%;}
.time-axis-item:first-child .time-axis-date span {border-color:#1e87f0 !important}
.time-axis-item:first-child .time-axis-date span:after {background-color:#1e87f0 !important;border-color:#1e87f0 !important}
.time-axis .remark{ color: #999; word-break: break-all; word-wrap: break-word;}



.default-time-axis .time-axis-item,.default-time-axis .time-axis-item:first-child{color: #666;}
/*.default-time-axis .time-axis-item:first-child .time-axis-date span{border-color: #ccc !important;}
.default-time-axis .time-axis-item:first-child .time-axis-date span:after {background-color:#ccc !important;border-color:#ccc !important}*/

.uk-modal{ z-index: 2000 !important }

.default-time-axis-large .time-axis-item{padding-left: 220px;}
.default-time-axis-large .time-axis-date{}
.default-time-axis-large .time-axis-date span{left: 170px;}
.default-time-axis-large .time-axis:before{left: 177px;}




.auth_logo img{border-radius:10px; width: 40px;}
.ipp-add{display: inline-block; position: relative; width: 20px; height:20px;border-radius: 50%;border:1px solid #666; }
.ipp-add:after,.ipp-add:before{display: block;content: '';background: #666; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);}
.ipp-add:before{ width: 16px; height:1px;}
.ipp-add:after{ width: 1px; height: 16px; }

.ipp-fs-44{font-size:54px;color: #000;}

/*.uk-form-horizontal .uk-form-controls{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
@media (min-width: 960px){
	.uk-form-horizontal .uk-form-row .uk-form-controls {
	    margin-left: 165px;
	}
	.uk-form-horizontal .uk-form-row .uk-form-label {
    	width: 150px;margin-top: 0 !important;
	}
}

/*.uk-form-row{margin:0 !important;}
.uk-form-label,.uk-form-row, .uk-form-controls{ line-height: 36px; }
*/

.uk-overlay-panel-loading-app{position:fixed;z-index: 88888; background:rgba(0,0,0,.8); }
.uk-panel-slide{ height: 320px; overflow: hidden; }
.uk-form-file input[type="file"]{ z-index: 1000 }

a *,.uk-button *{ vertical-align: middle; }
.uk-form .uk-input, .uk-form select{ height:36px !important; line-height: 36px !important; border:1px solid #ECEDEF !important;display:block; text-indent:5px;padding: 0px 6px !important; border-radius: 4px !important;}
hr{ border-top:1px solid #f0f0f0 !important}
.uk-position-relation{ position: relative; }

.uk-table td,.uk-table th{ vertical-align: middle; position: relative;}
.uk-table td{ font-size:14px; }
.uk-table tr:last-child td{ border-bottom: none !important; }
.uk-table label{ margin-right: 5px; }
.uk-alert{ border:none !important; border-radius: 0;}
.uk-alert p{ color: #666;}
.uk-table th{background: #F0F6FD;}
.uk-table th{ background: #F6F6F7; }

.uk-tab>li>a{ padding-left: 5px; padding-right: 5px; }
.uk-nav-dropdown{height: 200px; overflow-y: auto; }
.uk-nav-dropdown-max{ height: auto; max-height: 200px; overflow:hidden; }

.uk-dropdown{ padding: 0 !important; z-index: 500;}
.uk-dropdown .uk-nav li a{ padding-top:8px !important; padding-bottom: 8px !important; }
.ipp-step span{ padding:7px 50px 7px 20px; display:inline-block; font-size: 14px; position: relative; margin-right: 30px;}
.ipp-step span i{ font-size: 20px; vertical-align: middle; }

.mx-input,.ipp-unit:hover,.ipp-unit{height: 36px !important; line-height: 36px !important; background:#e1eefd; box-shadow: none !important;}
.ipp-dropdown{position:absolute; top: 0; right: 0;}
.ipp-unit.uk-button.ipp-dropdown{ background: none; width: 100%; padding: 0 10px !important; height: 34px !important; line-height: 34px !important; min-height: 34px !important; }

.common_panel .uk-panel p{ color: #0D1C2D  }
.common_panel .uk-panel p b{ color: #0D1C2D  }

.regester,.login{ width: 400px;}
.opacity_01{ background: rgba(0,0,0,.1) !important; box-shadow: none !important; }

.uk-button:disabled:hover,.uk-button:disabled{ background:#b6bac0 !important; color: #fff !important; }
.uk-button-default{background: #f9f9f9; border:1px solid #eee;box-sizing: border-box;}

.loginFooter{ position:fixed; left: 0 ;bottom:0;right: 0; background: #000; padding: 10px 0;}
.loginFooter a{ text-decoration: none !important; }

.uk-modal-center{ position: relative; top:50%; left: 50%; transform: translate(-50%,-50%) !important; margin:0 !important;}

.ipp-input-tips{color: #07d; height: 36px; line-height: 36px; background: none;position:absolute; top: 0; right: 0; padding: 0 15px;}
.ipp-input-tips-bar{color: #07d; height: 36px; line-height: 36px; background: #eee;position:absolute; top: 0; right: 0; padding: 0 15px;}
.ipp-rel{ position: relative; }
.ipp-no-border{ border:none !important; }

.uk-modal-dialog-small{ width:470px;  }
.uk-clear{ clear: both; }
.mx-input-append{ height: 36px !important; }
.ipp-padding{ padding-left:15px; padding-right:15px; }
.ipp-padding-top{ padding-top:15px;  }
.ipp-padding-left{ padding-left:15px;  }
.ipp-padding-bottom{ padding-bottom:15px;}
.ipp-padding-right{ padding-right:15px; }


.uk-tab li a{ padding-left:20px; padding-right:20px;  }
.ipp-breadcrumb li a.uk-h3,.ipp-breadcrumb li a.uk-h4{ font-size:18px !important;}

.uk-datepicker{ padding:15px !important;  }

.mx-datepicker{ width: 100% !important; }

#imgIdentifyingCode{ height: 36px; }

.uk-pagination>li>span{ cursor: pointer; }
.uk-pagination>li{margin-bottom: 5px;}

.ipp-nav li:hover,
.ipp-nav .ipp-active{ background: #F6F6F7 !important;  }
.ipp-margin-left-0{ margin-left: 0 !important }
.error_text_small{ font-size: 12px;     line-height: 14px;margin-top: 3px;}
.error{ position: absolute; left: 0; right:0; top: 38px; font-size: 12px !important; line-height: 12px;}
.error_s{position: absolute; left: 15px; right:0; top: 37px; font-size: 12px !important;}
.left-0{ left: 0 !important; }

.error-remark{ top: 126px !important ; }
.uk-form-row,.uk-form-controls{  position: relative; }
.uk-form-controls .ipp-text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ipp-top-25{ margin-top: 24px !important; }

.uk-block{ display: block !important; }
/*.uk-form input[type=text]:focus,.uk-form .uk-input:hover,.uk-form .uk-select:hover .uk-form textarea:hover{ border-color: #e1eefd !important; background: #fff !important; }*/
.ipp-top-24{ margin-top: 24px; }

.uk-form input:not([type]):disabled, .uk-form input[type=text]:disabled, .uk-form input[type=password]:disabled, .uk-form input[type=email]:disabled, .uk-form input[type=url]:disabled, .uk-form input[type=search]:disabled, .uk-form input[type=tel]:disabled, .uk-form input[type=number]:disabled, .uk-form input[type=datetime]:disabled, .uk-form input[type=datetime-local]:disabled, .uk-form input[type=date]:disabled, .uk-form input[type=month]:disabled, .uk-form input[type=time]:disabled, .uk-form input[type=week]:disabled, .uk-form input[type=color]:disabled, .uk-form select:disabled, .uk-form textarea:disabled {
   background-color: #fff;
}



.ipp-choose-panel.uk-block{ padding-top:0 !important; padding-bottom: 0 !important;  }
.ipp-choose-panel .uk-close-alt{ display: none; }
.ipp-certification-panel{ min-height: 500px; }

.ipp-abo-center{ position: absolute; left: 0; right: 0;bottom:0;top: 0;}
.ipp-abo-center .uk-icon-spinner {left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}

.ipp-visible-small{ display:none; }
.ipp-hidden-small{ display: inline-block; }
.ipp-more{ width: 4px; height:4px; background-color: #666; position: relative; right: 20px; top: 10px;}
.ipp-more:before{ content: '';  width: 4px; height:4px; background-color:#666; position: absolute; left: 8px;}
.ipp-more:after{ content: '';  width: 4px; height:4px; background-color: #666; position: absolute; right: 8px;}
.more{ width:50px; height: 20px; display: inline-block; float:right; }
.more:hover .ipp-more,.more:hover .ipp-more:before,.more:hover .ipp-more:after{background: #07d;}


.ipp-list-notice li a{ display: block; overflow: hidden; }
.ipp-list-notice li .date{ position: absolute; right:0; top: 0;top: 50%; margin-top: -11px; }
.notice_t a{ display: block; height: 24px; line-height: 24px; width: 100%; overflow: hidden;}



.mores{width: 4px; height:4px; background-color: #666; position: relative; display:inline-block;}
.mores:before{ content: '';  width: 4px; height:4px; background-color:#666; position: absolute; left: 8px;}
.mores:after{ content: '';  width: 4px; height:4px; background-color: #666; position: absolute; right: 8px;}

.ipp-icon-bl{width: 14px; height: 14px; background:url(../imgs/bl.png) no-repeat top; margin-top: -2px; background-size:14px 14px; display: inline-block; vertical-align: middle; }

.uk-tab>li .uk-badge{ position: absolute; top: 0; right:-5px;}

.ipp-noborder,.ipp-table-noborder td,.ipp-table-noborder th{ border-bottom: none !important; }
.uk-modal-content{white-space: normal; word-break: break-all;}
.arrow-up{ background: #F1F2F3 !important; }
.arrow-up:before{content: ''; width:0; height:0; border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #F1F2F3; position: absolute; left:20px;top:-12px;}

.ipp-block-primary{ background: #1e87f0; }

.v-center{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ipp_underline,.ipp_underline:hover{ border-bottom:1px solid #1e87f0 !important;}

.ipp-list>li{padding:0;}
.ipp-list>li>a{display: block;  padding:3.4px 0;}
.ipp-list-notice li{ padding-right: 85px; position: relative;}
.ipp-list-notice li a{ display: block; overflow: hidden; height: 22.5px; line-height: 22.5px; text-overflow: ellipsis;white-space: nowrap;}
.ipp-list-notice li .date{ position: absolute; right:0; top: 0;top: 50%; margin-top: -11px; }


/*.ipp-button-primary,.ipp-button-primary:focus,.ipp-button-primary:hover{ background: #167aee; border: 1px solid #167aee; color: #fff; }
.ipp-button-default,.ipp-button-default:focus,.ipp-button-default:hover{ background: #edf6fe; border: 1px solid #9ac9f8; color: #2b86f0;}
.ipp-button-warning,.ipp-button-warning:focus,.ipp-button-warning:hover{ background: #FFAE5C !important; color: #fff; }*/

.ipp-button-primary,.ipp-button-primary:focus,.ipp-button-primary:hover{ background: #167aee; border: 1px solid #167aee; color: #fff; }
.ipp-button-default,.ipp-button-default:focus,.ipp-button-default:hover{ background: #eee;border: none;color: #666;}
.ipp-button-warning,.ipp-button-warning:focus,.ipp-button-warning:hover{ background: #FFAE5C !important; color: #fff; }


.ipp-text-default{ color: #98CAFF; }
.ipp-text-default:hover{ color: #0056B1; }
.ipp-text-warning{color: #f0bd09;}
.ipp-title-line{ border-bottom:2px solid #1e87f0; padding-bottom: 3px;}

.uk-button:disabled:hover, .uk-button:disabled{ background: #fff !important; border:1px solid #eee; color: #494848 !important; cursor: not-allowed;border-color: #eee !important;}
.uk-tab { position: relative; }
.uk-tab .uk-icon-search{ position: absolute; right:-10px; top: 12px; }

.ipp-b-line{ margin-bottom:0;  }
.ipp-tips{ position: absolute; left: 0; top: 50%; margin-top:-2px; width: 4px; height: 4px; background: #f00; border-radius:50%; }
.ipp-pdf{ background: url(../imgs/pdf.png) no-repeat center; }
.ipp-pay-link{border:1px solid #ddd}
.ipp-pay-link:hover{border:1px solid  #1e87f0 !important}




.ipp-step-panel .step{ padding-left:25px; position: relative; margin-left:30px; color: #666;}
.ipp-step-panel .step:first-child{ margin-left:0;}
.ipp-step-panel .step:before{content:''; position: absolute; width: 18px; padding-right: 1px; height: 18px; line-height: 17px; border-radius: 50%; background: #C3C7CB; color: #fff; text-align: center; left: 0; top: 0px; font-size: 12px;}
.ipp-step-panel .step:first-child:before{ content: '1';}
.ipp-step-panel .step:nth-child(2):before{ content: '2';}
.ipp-step-panel .step:nth-child(3):before{ content: '3';}
.ipp-step-panel .step:nth-child(4):before{ content: '4';}
.ipp-step-panel .step.uk-active{ color: #1E87F0; }
.ipp-step-panel .step.uk-active:before{ background: #1E87F0; }
.ipp-step-panel .step.uk-text-success:before{ background: #67c23a !important; }
.ipp-step-panel .step:after{content: '>'; position: absolute; top: -2px; right: -22px; }
.ipp-step-panel .step:last-child:after{content:'';}


.ipp-step-panel-w .step{ padding-left:25px; position: relative; margin-left:30px; color: #92C5FA;}
.ipp-step-panel-w .step:first-child{ margin-left:0;}
.ipp-step-panel-w .step:before{content:''; position: absolute; width: 18px;  height: 18px; line-height: 17px; border-radius: 50%; background: #69B2FF; color: #fff; text-align: center; left: 0; top: 0px; font-size: 12px; }
.ipp-step-panel-w .step:first-child:before{ content: '1';}
.ipp-step-panel-w .step:nth-child(2):before{ content: '2';}
.ipp-step-panel-w .step:nth-child(3):before{ content: '3';}
.ipp-step-panel-w .step:nth-child(4):before{ content: '4';}
.ipp-step-panel-w .step.uk-active{ color: #fff; }
.ipp-step-panel-w .step.uk-active:before{ background: #fff; color: #000; }
.ipp-step-panel-w .step.uk-before{ color: #FFD288 !important; }
.ipp-step-panel-w .step.uk-before:before{ background: #FFD288 !important; color: #fff !important; }


.ipp-step-panel-w .step:after{content: '>'; position: absolute; top: -2px; right: -22px; }
.ipp-step-panel-w .step:last-child:after{content: '';}


.ipp-step-panel-h .step{ padding-left:25px; position: relative; width: 100%; color: #92C5FA; display: block; padding-bottom: 20px; }
.ipp-step-panel-h .step:first-child{ margin-left:0;}
.ipp-step-panel-h .step:before{content:''; position: absolute; width: 18px;  height: 18px; line-height: 17px; border-radius: 50%; background: #69B2FF; color: #fff; text-align: center; left: 0; top: 3px; font-size: 12px;}
/*.ipp-step-panel-h .step:last-child{ padding-bottom: 0; }*/
.ipp-step-panel-h .step:first-child:before{  content: '1';}
.ipp-step-panel-h .step:nth-child(2):before{ content: '2';}
.ipp-step-panel-h .step:nth-child(3):before{ content: '3';}
.ipp-step-panel-h .step:nth-child(4):before{ content: '4';}
.ipp-step-panel-h .step.uk-active{ color: #fff; }
.ipp-step-panel-h .step.uk-active:before{ background: #fff; color: #000;}

.ipp-step-panel-h .step.uk-before{ color: #FFD288 !important; }
.ipp-step-panel-h .step.uk-before:before{ background: #FFD288 !important; color: #fff !important; }
.ipp-step-panel-h .step:after{content:''; position: absolute; left:8px; height: 15px; top: 26px; border-right: 1px solid #C3C7CB; }
.ipp-step-panel-h .step:last-child:after{content: ''; display: none;}
.ipp-step-panel-h .step.uk-active:after{ border-color: #fff; }



.ipp-w-line:after{ position: absolute; width: 10px; border-bottom: 1px solid #ccc; left: 2px; top: 50%; margin-top: -1px; content: '';}

/* 支付类型的icon */
.ipp-icon-pay{ width:30px; height:30px; vertical-align: middle; display: inline-block; background-position: -9999px -9999px; background: url(../imgs/icon/payment.png) no-repeat;background-size:30px auto; }
.ipp-icon-wechat{ background-position:  0 0; }/*微信*/
.ipp-icon-alipay{background-position:  0 -30px; }/*支付宝*/
.ipp-icon-unionpay{background-position:  0 -60px; }/*银联*/
.ipp-icon-bank_wire{background-position:  -2px -92px; }/*银行转账*/


.ipp-text-waring{ padding: 200px 0 80px; background: url(../imgs/waring.png) no-repeat top;}
.ipp-warning{ width: 200px; height: 200px; display: inline-block;background: url(../imgs/waring.png) no-repeat center;}
.ipp-success{ width: 200px; height: 200px; display: inline-block;background: url(../imgs/wait.png) no-repeat center;}

.ipp-description-list p{ position: relative; padding-left: 100px; }
.ipp-description-list p > span{ position: absolute; left: 0; top: 0; line-height: 22px; }
.ipp-description-list p b{ display: block; width: 100%; word-break: break-all; }
.ipp-statistics-table li a{border-bottom:2px solid transparent !important; text-align: center; }
.uk-overflow-container{ padding-bottom: 15px; }

/*.login .uk-tab>li>a{ color: #fff !important;}
.login .uk-tab>li.uk-active>a{ color: #fff !important;}*/

.login a,.link{ color: #cac5c5; }
.login a:hover,.link:hover{ color: #fff;}
.link{border-bottom: 1px solid #fff;padding:0 2px;}
/* .ipp-list-notice li a{ display: block; overflow: hidden; } */
.ipp-list-notice li .date{ position: absolute; right:0; top: 0;top: 50%; margin-top: -11px; }
/* .notice_t a{ display: block; height: 24px; line-height: 24px; width: 100%; overflow: hidden;} */

/*.pay-password{width:250px;height: 45px;margin: 0 auto;position: relative;box-shadow: 0px 0px 10px rgba(0,119,221,.5)}
.pay-password .real-ipt{position: absolute;top:0px;left: 0; opacity:0;width: 100%; height: 100%!important; line-height: 100% !important;z-index:100; text-align: center; font-size: 22px;}
.pay-password .surface-ipts{position: absolute;top: 0;left: 0;width: 100%;height: 45px; line-height: 45px;z-index: 1;overflow: hidden;}
.surface-line{position: absolute;top: 0;left: 0;width: 100%;height: 45px; line-height: 45px;z-index:0;}
.surface{position: absolute;top: 0;left: 0;width: 100%;height: 45px; line-height: 45px;text-align: left;}
.surface-line span{width: 42.6px;height: 45px; line-height: 45px;border: 1px solid rgba(0,119,221,.5);color: #333333;font-size: .9rem;text-align: center;padding: 0;float: left;  margin-left: -1px; box-sizing: border-box;}

.surface span{width: 42px;height: 45px; line-height: 45px;color: #333333;font-size:22px;text-align: center;padding: 0; float: left; margin-left: -1px;box-sizing: border-box;}
.surface::after {display: inline-block;content:'';width:1px;height:26px;animation: blink 1s infinite steps(1, start); margin-left:10px; vertical-align: -8px;}
*/

.pay-password{width:252px;height: 45px;margin: 0 auto;position: relative;box-shadow: 0px 0px 10px rgba(0,119,221,.5);overflow: hidden;}
.pay-password .real-ipt{position: absolute;top:0px;left: -9999px; opacity:0;width: 100%; height: 100%!important; line-height: 100% !important;z-index:100; text-align: center; font-size: 22px; }
.pay-password .surface-ipts{position: absolute;top: 0px;left: 0;width: 100%;height: 45px; line-height: 45px;z-index: 1;overflow: hidden;}
.surface-line{position: absolute;top: 0;left: 0;width: 100%;height: 45px; line-height: 45px;z-index:500;}
.surface{text-align: left;; position: absolute;top: 0;left: 0;width: 100%;height: 45px; line-height: 45px;}
.surface-line span{width: 42px;height: 45px; line-height: 45px;border: 1px solid rgba(0,119,221,.5); border-right: none; color: #333333;font-size: .9rem;text-align: center;padding: 0;float: left; box-sizing: border-box;}
.surface-line span:last-child{border-right: 1px solid rgba(0,119,221,.5);}
.surface span{ z-index: 600; width: 42px;height: 45px; line-height: 45px;color: #333333;font-size:22px;text-align: center;padding: 0; float: left; box-sizing: border-box;}
.pay-password.act .surface::after {display: inline-block;content:'';width:1px;height:26px;animation: blink 1s infinite steps(1, start); margin-left:10px; vertical-align: -8px;}
.ipp-payment-box{-webkit-transition: all 3s 2s linear;-moz-transition: all 3s 2s linear;-ms-transition: all 3s 2s linear;-o-transition: all 3s 2s linear;transition: all 3s 2s linear; }
.ipp-payment-box{width: 420px;position: fixed; left: 50%; margin-left: -210px; top: 50%; margin-top: -165px;}

@keyframes blink {
   0%{
     background-color: white;
   }
   50% {
     background-color: black;
   }
   100% {
     background-color: white;
   }
}
.uk-form-icon > [class*="uk-icon-"]{ z-index: 300; }
.ipp-button-abo{ position: absolute;right: 15px; top:8px; }


.uk-button .ipp-icon{ transform: scale(0.9); }
.ipp-waring-box{ position: absolute; top: 10%; left: 50%;margin-left: -300px;}
.btn_abo{ position: absolute;top: -7px;right: 0;}
/*#twofa_bind{top: 110px !important;}*/
/*退款状态文字颜色*/
/*.order_status_1{color:#07d;}
.order_status_2{color:#67c23a;}
.order_status_3{color:#da314b;}
.order_status_4{color:#07d;}
.order_status_5{color:#07d;}
.order_status_6{color:#07d;}
.order_status_7{color:#07d;}
.order_status_8{color:#67c23a;}
.order_status_9{color:#da314b;}
*/
/*.order_status_1{color:#666}
.order_status_2{color:green;}
.order_status_3{color:#da314b;}
.order_status_4{color:green;}
.order_status_5{color:green;}
.order_status_6{color:#666;}
.order_status_7{color:orange;}
.order_status_8{color:#A67D3D;}
.order_status_9{color:blue;}
.order_status_10{color:brown;}
.order_status_12{color:#f00;}*/




/*交易状态文字颜色*/
.order_status_1{color:#666}
.order_status_2{color:#666}
.order_status_3{color:green;}
/*.order_status_4{color:green;}
.order_status_5{color:green;}*/
.order_status_5{color:#666;}
.order_status_6{color:orange;}
.order_status_7{color:#A67D3D;}
.order_status_8{color:#F00;}
/*.order_status_9{color:blue;}
.order_status_10{color:brown;}
.order_status_12{color:#F00;}*/









/*order_pay_status_*/
/*.order_pay_status_1{color:#666;}
.order_pay_status_2{color:green;}
.order_pay_status_3{color:#da314b;}
.order_pay_status_4{color:#ff7900;}


.refund_status_0{color:#a97835;}
.refund_status_1{color:#a97835;}
.refund_status_2{color:#a97835;}
.refund_status_3{color:#666;}


.refund_action_status_0{color:#d2d2d2;}
.refund_action_status_1{color:#666;}
.refund_action_status_2{color:#ff7900;}
.refund_action_status_3{color:green;}



.chargeback_status_0{color:gray;}
.chargeback_status_1{color:#da314b;}
.chargeback_status_2{color:;}

.admin_pay_status_1{color:#ff7900;}
.admin_pay_status_2{color:#da314b;}
.admin_pay_status_3{color:#ff7900;}
.admin_pay_status_4{color:666;}
.admin_pay_status_5{color:green;}
.admin_pay_status_6{color:#da314b;}
.admin_pay_status_7{color:#ff7900 ;}


*/



.oh_type_7,.oh_type_1,.text-order_pay_status,.order_pay_status_1{color:#666;}
.oh_type_10,.oh_type_3,.order_pay_status_2{color:green;}
.oh_type_2,.order_pay_status_3{color:#da314b;}
.oh_type_4,.order_pay_status_4{color:#ff7900;}


.order_refund_status_0,.refund_status_0{color:#a97835;}
.order_refund_status_1,.refund_status_1{color:#a97835;}
.order_refund_status_2,.refund_status_2{color:#a97835;}
.oh_type_8,.order_refund_status_3,.refund_status_3{color:#666;}


.order_refund_action_status_0,.refund_action_status_0{color:#d2d2d2;}
.order_refund_action_status_1,.refund_action_status_1{color:#666;}
.order_refund_action_status_2,.refund_action_status_2{color:#ff7900;}
.order_refund_action_status_3,.refund_action_status_3{color:green;}



.order_chargeback_status_0,.chargeback_status_0{color:gray;}
.order_chargeback_status_1,.chargeback_status_1{color:#da314b;}
.oh_type_6,.oh_type_5,.order_chargeback_status_2,.chargeback_status_2{color:;}

.order_admin_pay_status_1,.admin_pay_status_1{color:#ff7900;}
.order_admin_pay_status_2,.admin_pay_status_2{color:#da314b;}
.order_admin_pay_status_3,.admin_pay_status_3{color:#ff7900;}
.order_admin_pay_status_4,.admin_pay_status_4{color:666;}
.order_admin_pay_status_5,.admin_pay_status_5{color:green;}
.order_admin_pay_status_6,.admin_pay_status_6{color:#da314b;}
.order_admin_pay_status_7,.admin_pay_status_7{color:#ff7900 ;}
/*order_pay_status_*/



/*order_pay_status_*/

.merchant_tips{ position: absolute;right:-30px; top: 10px; cursor: pointer;}
.ipp-silde{ cursor: pointer;}
.ipp-scale{ transform: scale(.7);}

/*.merchant_top{padding:10px;background:#0f7ae5; padding-left: 35px;}
.merchant_top .ipp-icon{position:absolute; left: 10px;top: 16px;}
.merchant_top .merchant_name{display: block;width: 100%; height: 30px; line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 15px;}
*/
.merchant_name{margin: 15px 0 0 0;font-size:12px; display: inline-block;}
.merchant_name *{ vertical-align: middle; display: inline-block; }
.merchant_name span.uk-icon-circle{ margin-top: 3px; margin-right: 5px; }

.uk-icon-button{border: none !important;outline: none; background:none !important; font-size:14px !important;}
.uk-modal-footer{padding-top:0px;}

.email_notify_type label{ font-size: 16px; }
.email_notify_type label input{ position: absolute;left: -9999px; }


.label_chenck_box{width: 16px; height:16px;border: 1px solid #ddd; cursor: pointer; position: relative; box-sizing: border-box; border-radius: 3px;}
.label_chenck_box span{ position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; font-size:12px;}

.common_panel .uk-icon-search{margin-top: 5px; }

.message{position: fixed;left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 99999;color: #fff;background-color: rgba(0,0,0,0.8);padding:12px 20px;}
.alert_check .message{ background: #f0f9eb; color:green ;border: 1px solid #e1f3db;}
.alert_close .message{ background: #fff6f7; color:#fe6c6f;border: 1px solid #fde2e2;}

.ipp-icon-circle{
    padding: 2px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    border:2px solid green;
    width: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    transform: scale(.55);
    margin-left: -4px;
}



/*.uk-tab>li.uk-active>a{background:#1e87f0  !important;border-bottom: none !important; color: #fff; }*/
/*.uk-tab>li.uk-active>a{background:rgba(0,0,0,.1)  !important; color: #1e87f0; }*/
/*.uk-tab>li{padding-left: 10px;padding-right: 10px;}*/
/*.uk-tab>li>a{padding-left: 0 !important;padding-right: 0 !important;}*/
/*.uk-tab>li.uk-active>a{border-width: 2px !important;}*/

.ipp-popupBox{position: fixed; left:0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,.6); z-index: 999990;}
.ipp-index-notice{position: fixed;top: 50%;left: 50%;width: 50%;max-width: 580px;min-width: 320px;z-index:999999 ;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

.ipp-index-notice.show{visibility: visible;}
.ipp-index-notice .inner{	
	-webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.ipp-index-notice.show .inner{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.cutDown{border-radius: 50%; width:26px; height: 26px;background: rgba(0,0,0,.3); color: #fff;}
.notice-text{word-break: break-all;overflow: auto;min-height:200px;}

.ipp-top-merchant{border-bottom:2px solid #0e6dcd;padding-bottom: 8px;padding-right: 3px;}
.el-dropdown-menu__item{white-space: nowrap;}
.el-dropdown-menu__item.ipp-active{background: #F6F6F7 !important;}
.op0{ opacity: 0;}
.op1{ opacity: 1;}

.uk-grid-line > div {
    position: relative;
}

.uk-grid-line>[class*=uk-width-medium-]:not(.uk-width-medium-1-1)::after{
	content: ''; position: absolute; right:0; width: 1px; height: 50%;background:  #E5E5E5; top:25%;
}
.uk-grid-line>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(4n)::after{    
	display: none;
    /*content: ''; position: absolute; right:0; width: 1px; height: 50%;background:  #E5E5E5; top:25%;*/
}

.bgSelect{background: #eee;}
.a-block{display: block;}
.indexCurrencyList .el-tabs__item{ padding:0 23px; height:59px; line-height: 59px; border-bottom: 1px solid #E4E7ED !important;}
.indexCurrencyList .item{display:flex !important; line-height: auto;}
.indexCurrencyList .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom: 1px solid #E4E7ED;background:#0077DD; color: #fff;}
.indexCurrencyList .el-tabs__nav-next,.indexCurrencyList  .el-tabs__nav-prev{height:60px; line-height: 60px; width: 40px; font-size: 24px;border:1px solid #E4E7ED;text-align: center;box-sizing: border-box;}
.indexCurrencyList .el-tabs__nav-prev{border-radius:10px 0 0  10px ;}
.indexCurrencyList .el-tabs__nav-next{border-radius: 0 10px  10px 0;}
.indexCurrencyList .el-tabs__nav-wrap.is-scrollable{padding: 0 40px;}
.indexCurrencyList .el-tabs--card>.el-tabs__header .el-tabs__nav{border-radius: 0;}
/*.el-dropdown-menu{ max-height: 300px;overflow: auto;}*/







.uk-panel-box{z-index:0;}
.noborder::after{display: none;}
.uk-nav.uk-nav-offcanvas>li.uk-active>a{background: #105189 !important;}
.uk-accordion-content p{margin-bottom:0}
.uk-accordion-title-pr20{padding-right: 20px;background: #F1F1F1 !important;}
.unreadDot{position: relative;}
.unreadDot::before,.uk-accordion-title-pr20.active::before{content: '';display: block; position: absolute; width:6px; height:6px;border-radius:50%;background: #f00; left:10px; top: 8px; z-index: 500;}
.unreadDot::before{left: initial;right: -10px; top:0;}

.uk-accordion-title{border-bottom: none !important;background: #F1F1F1 !important;border-radius: 4px;}
.uk-accordion-title{padding:14px 30px !important;}
.uk-accordion-content{padding:20px; }
.uk-accordion-content.isHide{ position: relative; overflow: hidden; height: 0; padding: 0; }
.fs16{font-size: 16px;}
.cursor{cursor: pointer;}

/* 新结构代码 */
.layout{overflow: hidden;}
.mainPanel{overflow-y:auto;position: relative;}
.leftNarBar{width:240px; height: 100%;background: #0D1C2D;}
.mainBox{padding-left:0;}
.ipp-padding-top{padding-top: 15px;}
.ipp-padding-bottom{padding-bottom: 15px;}
.top{box-shadow: 0 0px 20px rgba(0,0,0,.1);}
.auto{overflow:auto;}
.auto-y{overflow-y:auto;}
.el-tabs--card>.el-tabs__header{border-bottom: none;}

span.uk-h3,span.uk-h3:hover,a.uk-h3,a.uk-h3:hover{color: #000 !important;}


.common_panel span.uk-float-left.uk-margin-bottom-remove a.uk-h3{cursor: auto; }
.indexCurrencyList .item{border:1px solid #E4E7ED !important;margin-left: -1px;}
.indexCurrencyList .item.active{background: #0077DD;color: #fff;}


.homeTopPanel{display: flex;}
.homeTopPanel .item{ flex: 0 0 50%; display: flex;}

.uk-button-black{background: #000; color: #fff;}
.uk-button-black:hover,.uk-button-black:active,.uk-button-black:focus{background: #101010; color: #fff;}


.loading{ width:120px; height:120px; line-height:100px; color:#000; font-size:50px; border-radius:10px; text-align:center; position:relative;}
.topNav{padding-left: 40px;}
.topNav a{display: inline-block; position: relative; line-height: 54px;margin-right:15px;font-size: 16px;font-weight: bold;color: #666;padding: 0 5px;}
.topNav a:hover,.topNav a.active{color: #000;}
.topNav a:hover::after,.topNav a.active::after{content: '';display: inline-block;position: absolute;left: 0;bottom: 0;right: 0;height: 3px;background:#167AEE; }




.ipp-image{}
.ipp-box{width:100px; height:100px;background:rgba(0,0,0,0.01);border-radius:5px;border:1px solid #eee;overflow:hidden;position:relative;}
.ipp-image input{display:block; position:absolute;opacity:0; top:0;left:0;right:0;bottom:0;z-index:100;}
.imageLoad{position:absolute;top:0;left:0;right:0;bottom:0;z-index:200;background:#fff;color:#000;}


.uk-panel-large{padding: 50px;padding-bottom: 35px;}
.homeFlag .icon{ position: absolute; right:-40px; top:-8px;}
.homeCurrency .amt{padding-left: 5px;}
.homeCurrency .currency{padding-top: 13px;}
.w650{max-width: 650px;}
.w550{max-width: 580px;}
.w400{max-width: 400px;min-width: 400px;}
.securityBox .item{cursor: pointer;}
.securityBox .item:hover{background: #1e87f0 !important;}
.securityBox .item:hover b,.securityBox .item:hover .uk-article-meta{color: #fff;}
.securityBox a:hover{color: #1e87f0 !important;}

.amtPanel{border:1px solid #DCDFE6 !important;background:#fff;border-radius: 2px;}
.amtPanel input{border:none !important;}
.uk-form .amtPanel input[type=text]:focus{background:#fff !important;}


.topBar{border-bottom: 1px solid #f0f0f0;}

.linkHover,.linkHover span,.linkHover i{color: #444;}
.linkHover:hover,.linkHover:hover span,.linkHover:hover i{color:#07d}

.qrImageBox{padding-top:50px;}
.qrImage{width: 200px; height: 200px; margin: 0 auto;}
.qrImage img{width: 200px; height: 200px;}

.whiteIpList span{display: inline-block;border-radius: 10px;border:1px solid #eee;padding:5px 12px 5px;margin-right: 8px; position: relative;}
.whiteIpList a{position: relative;color: #fff;transform: scale(.7);padding-left: 1px;margin-left: 3px;}
.whiteIpList a::after{position: absolute;display: block;width:22px; height:22px; border-radius: 50%;background: #000;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index:-1;content: '';}
    

@media (min-width: 1220px) {
   .uk-modal-dialog-mid {width: 700px;}
}

@media (max-width:960px) and (min-width:767px) {
	.ipp-top-24{ margin-top: 10px !important; }
	.uk-width-mid-1-5, .uk-width-mid-2-10{ width: 100%; }
	.uk-width-mid-4-5{ width: 100%; }
	.uk-width-mid-1-2,uk-width-mid-2-5,.uk-width-mid-4-10,.uk-width-mid-1-5,.uk-width-mid-2-10,.uk-width-mid-3-5,.uk-width-mid-3-10,.uk-width-mid-1-3,.uk-width-mid-2-3,.uk-width-mid-small{ width: 100% !important;}
	.regester,.login{ width: 400px !important;}
	/*.common_panel{   margin-left:15px; margin-right:15px;}*/
	.uk-icon-search{ display: none !important; }
    /*.uk-hidden-small*/
	/*.uk-visible-small{ display: block !important;  }*/
	.ipp-choose-panel{}
	.uk-width-mid-1-2,.uk-width-mid-2-4{ width: 50% }
	.ipp-list-notice li a{ padding:7.1px 0;}
	.ipp-visible-small{ display: block !important; } 
	.ipp-hidden-small{ display: none !important; } 
	.uk-width-mid-1-1 .uk-h4{ font-size: 14px; }
	.uk-button .uk-icon-search{ display:inline-block !important;}
	.top{ padding: 0; }
	/*.common_panel{ padding: 0; }*/
	.top .uk-navbar{ padding: 9px 0  !important;  background: #0D1C2D !important }
	/*.top_nav.uk-navbar .uk-navbar-nav>li>a{ color: #fff!important; }*/
	.leftNarBar{width:200px;}
	.mainBox{padding-left:0;}
    .topNav{padding-left: 20px;}

    .uk-form-controls.uk-text-right{text-align: left !important;}
}

@media (max-width:768px) {

	.top{ padding: 0; }
	.common_panel{ padding: 0; }
	.top .uk-navbar{ padding: 9px 0  !important;  background: #0D1C2D !important }
	
    .topNav{padding-left:0px;}


	.uk-icon-search{ display: block !important; }
	.uk-button .uk-icon-search{ display:inline-block !important;}

	.uk-tab li a{ padding-left:10px; padding-right:10px;  }
	.ipp-choose-panel{  position: fixed; width: 100%;  background:rgba(0,0,0,.4); bottom: 0; top:0px; right: 0; z-index: 899; padding:15px; left: 120%;transition:all .3s; bottom: 0; overflow: auto; }
	.ipp-choose-panel .uk-close-alt{ display:inline-block; }

	.ipp-choose-panel.uk-block .uk-panel-box{ margin-bottom: 15px; }
	.ipp-choose-panel.uk-block{ padding-top:20px !important; padding-bottom: 0 !important; left: 0;}
	.ipp-choose-panel .uk-panel{ padding: 15px; }
	.ipp-index-tab ul:first-child li{ width: 50%; margin-bottom: .1px;}
	.ipp-index-tab li a{ padding-left: 5px; padding-right:5px;    border-bottom: 2px solid #fff !important; text-align: center;}

	.common_panel{  margin-left:15px; margin-right:15px;}
	.uk-panel-box{ border:none; }
	.ipp-dropdown{ width: 100%; }
	.ipp-unit{ position: absolute; right: 0; top:0; }
	.uk-container{ padding: 0; }
	.ipp-unit{ width: auto !important; }
  	.uk-modal-dialog-mid {width: 500px;}
	.ipp-top-24{ margin-top:15px; }

	.ipp-visible-small{ display: inline-block; }
	.ipp-hidden-small{ display: none; }
	.uk-width-mid-1-1 .uk-h4{ font-size: 14px; }
	.ipp-list>li>a{ padding: 6px 0; }  		
	.common_panel > .uk-tab li a{ padding: 0 12px 16px 12px; }
	.uk-grid-line>[class*=uk-width-medium-]:not(.uk-width-medium-1-1)::after{
		display: none;
	}

	.leftNarBar{width:0; overflow: hidden;}
	.mainBox{padding-left:0;}
	.indexCurrencyListScroll{width: 100%;overflow-x:scroll;overflow-y: hidden;}
	.indexCurrencyListScroll span{display: none;}


	.homeTopPanel{flex-direction: column;margin:-15px;}
	.homeTopPanel .item{ flex: 0 0 100%; display: flex;}
	.homeTopPanel .item:first-child{margin-bottom: 15px;}

    .topBar{position: absolute;left: 0;top: 0;right: 0;z-index: 500;background: #fff;height: 54px;}
    .topBar.fixed{position: fixed;}
    .topBarNav{padding-top: 54px;}

    .homeFlag{width: 100%;}
    .homeFlag .icon{ position: absolute; right:-8px; top:-8px;}
    .homeCurrency{margin-bottom: 30px !important;}
    .homeCurrency .amt{padding-left: 0;letter-spacing: -5px;}
    .homeCurrency .currency{padding-top: 13px;font-size: 16px !important;padding-left: 5px;}
    .w650,.w400,.w550{width: 100%;margin: 0 !important;box-sizing: border-box;max-width: 100%;}
    .w400{min-width: auto}

    .text-center-small{text-align: center;}
    .topNav a{margin-right: 0;}
    .uk-form-controls.uk-text-right{text-align: left !important;}


            /*时间轴*/
    .time-axis:before {left:10px !important;}

    .time-axis-item {padding-left:30px !important;;}
    .time-axis-date {padding: 5px 0 0 45px !important;}
    .time-axis-date span {left:3px !important;;}
    .time-axis .time-axis-title{padding-top:30px;word-break: break-all;}



    .time-axis-item:first-child .time-axis-date span {border-color:#F00 !important}
    .time-axis-item:first-child{ color: #f00; }
    .time-axis-item:first-child .time-axis-date span:after {background-color:#F00 !important;border-color:#F00 !important}
    .time-axis .remark{ color: #999; word-break: break-all; word-wrap: break-word;}

    .default-time-axis .time-axis-item,.default-time-axis .time-axis-item:first-child{color: #666;}
    .default-time-axis .time-axis-item:first-child .time-axis-date span{border-color: #ccc !important;}
    .default-time-axis .time-axis-item:first-child .time-axis-date span:after {background-color:#ccc !important;border-color:#ccc !important}


}

@media (max-width:500px) {
    .uk-panel-large{padding: 20px;}    
    .topBarNav{padding-top: 54px;}    
    .uk-accordion-title-pr20{padding-right: 10px;}
    .uk-accordion-title{padding:12px 20px !important;}    
    .uk-accordion-content .uk-pan{padding:0 !important;padding: 0 !important;}
	.merchant_name{margin: 10px 0 0 0;}
	.regester,.login{ width: 90% !important; }
	.Allstatistics .uk-h2{ font-size: 16px !important; }
	/*.uk-tab li a {padding-left: 5px;padding-right: 5px;}*/
	.uk-width-mid-1-2{ width: 100%; }
	.ipp-table.uk-table tr td{ position: relative;}
	.ipp-table.uk-table tr td:first-child{ text-align: left; }
	.ipp-table.uk-table tr td:last-child{ text-align: right;}
	.ipp-table.uk-table tr td:last-child .uk-input{ text-align: right ;border:none !important; background: #fff;}
	.ipp-table.uk-table tr td.arrow{ padding-right: 15px !important; }

	.ipp-table-small.uk-table td{ display: block; width: 100%; border: none !important; padding-left: 0; padding-right: 0;}
	.ipp-table-small .uk-form-file { float: right; }
	.arrow:after{width: 10px; position: absolute; right: 5px; top: 50%; margin-top: -5px; content: '';height: 10px;border-color:#ddd;border-width: 0 0 1px 1px;border-style: solid;transform:rotateZ(-135deg);}
	.uk-tab.ipp-tab{padding-top:15px; width: 100%;}
	.uk-tab.ipp-tab li a{letter-spacing: -1px;padding: 0 12px 10px 12px; }

	.ipp_watch{
	    /*同样，首先去除浏览器默认样式*/
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    /*编辑我们自己的样式*/
	    position: relative;
	    background: #fff;
	    border: 1px solid #1e87f0 !important;
	    width: 56px;
	    height: 28px;
	    -webkit-border-radius: 20px!important;
	    -moz-border-radius: 20px!important;
	    border-radius: 20px !important;
	    -webkit-transition: all ease-in-out 300ms;
	    -moz-transition: all ease-in-out 300ms;
	    transition: all ease-in-out 300ms;
	    outline: none;
	    cursor: pointer;
	}
	.ipp_watch:after{
	    content: 'off';
	    position: absolute;
	    left: 2px;
	    top: 2px;
	    display: block;
	    width: 22px;
	    height: 22px;
	    background:#1e87f0 !important;
	    color: #fff;
	    text-align: center;
	    line-height: 22px;
	    /*增加动画*/
	    -webkit-transition: all ease-in-out 300ms;
	    -moz-transition: all ease-in-out 300ms;
	    transition: all ease-in-out 300ms;
	    -webkit-border-radius: 20px;
	    -moz-border-radius: 20px;
	    border-radius: 20px;
	    font-size: 12px;
	}
	.ipp_watch:checked{background: #fff;}
	.ipp_watch:checked:after{content: 'on';left: 30px;background: #fff;color: #fff;}
	/*.time-axis-item{padding-left: 120px;}
	.time-axis-date{ width: 80px; }
	.time-axis:before{left: 97px;}*/

	.ipp-button-abo.merchant_info_textbar{position: relative;right: inherit;top: inherit;}
	.ipp-button-abo.merchant_info_textbar .feedesc{text-align: left !important;}
	.uk-grid-line>[class*=uk-width-medium-]:not(.uk-width-medium-1-1)::after{display: none;}

	.leftNarBar{width:0; overflow: hidden;}
	.mainBox{padding-left:0;}
    .topNav a{font-size: 14px;}
    .ipp-grid-line .uk-panel{border-bottom: 1px solid #eee !important;}

}


@media (max-width:350px) {
	/*.header_merchant{width: 30%; overflow: hidden;}*/
	.leftNarBar{width:0; overflow: hidden;}
	.mainBox{padding-left:0;}	

}