/*
 * =========================================================================
 *   一切归零  QQ：170357286 http://www.dtjia.top/
 * Verson 3.0
 * =========================================================================
 */
#page { background: #F6F6F6;}
.aui-list-view i.aui-iconfont { padding: 5px; border-radius: 4px; margin-right: 10px; color: #ffffff; font-size: 1.125em;}
.my-header { background-color: #e74c3c; background:url(../image/headerbg.png) top no-repeat; position: relative; margin-bottom: 0;overflow: hidden;}
.my-info { position: relative; padding: 20px 0; width: 100%; bottom: 0; text-align: center; vertical-align: center;}
.my-info img { width: 80px; height: 80px; border-radius: 50%; border:2px solid rgba(255,255,255,0.5);}
.my-info p { color: #ffffff;}
.my-info .my_name  {}
.my-info-v2 { padding:2rem 0 2.5rem 0;}
.my-info-v2 .v2-avatar { position:relative; left:15px; bottom:15px; z-index:1}
.my-info-v2 img { width: 70px; height: 70px; border-radius: 50%; border:2px solid rgba(255,255,255,0.7); box-shadow: 2px 2px 2px rgba(125,125,125,0.3);-webkit-box-shadow: 2px 2px 2px rgba(125,125,125,0.3);}
.my-info-v2 p { text-align:left; position:relative; margin-left:5rem;top:-5px; padding-right:0.75rem; line-height:1rem;}
.my-info-ico { position: absolute; z-index: 100; width: 20px; height: 20px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #2ecc71; right:0; bottom:8px; background: rgba(255,255,255,0.9);}
.my-info-ico i { bottom:4px; font-size:12px; color:#2ecc71}
.my-info .aui-label-success { background: rgba(255,255,255,0.8); color: #2ecc71}
.my-info .aui-label-default { background: rgba(255,255,255,0.8); color: #8f8f94}
.my-info-v2 .aui-label-success { background: rgba(255,255,255,0.8); color: #2ecc71}
.my-info-v2 .aui-label-default { background: rgba(255,255,255,0.8); color: #8f8f94}
.avatar-blur { z-index: 0; position: absolute;  min-height: 100%; height: auto; display: block; top: 0; max-height: none; left: -10%; width: 120%;}

.amount-info { background-color: #ffffff; overflow: hidden; margin-bottom:10px; z-index:1}
.amount-info p { font-size: 0.75rem;}
.amount-info p strong { font-size: 18px;}
.aui-list-view-cell { line-height: 26px;}
.amount-info .aui-col-xs-4 {padding: 10px 0; position: relative; height: 65px;}
.amount-info .aui-col-xs-4:after { border-left: 1px solid #ddd; display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none;}
.amount-info .aui-col-xs-4:first-child:after { border:none;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .amount-info .aui-col-xs-4:after {right: -100%;bottom: -100%;-webkit-transform: scale(0.5);}
}

#aui-header .white {-webkit-animation: fadeIn .8s ease both;animation: fadeIn .8s ease both;}
#aui-header.nowhite { -webkit-animation: fadeOut .8s ease both; animation: fadeOut .8s ease both;}
@-webkit-keyframes bodyFadeIn {
        from { opacity: 0}
        to { opacity: 1}
    }
@-webkit-keyframes fadeIn {
        from { background: rgba(62,100,145,0);}
        to { background: #3bafda;}
    }
@-webkit-keyframes fadeOut {
    	from { background: #3bafda;}
        to { background: rgba(62,100,145,0);}
        
    }
@-webkit-keyframes showIn {
        0% { opacity: 0;top: -20px;}
        30% { opacity: 0;top: -20px;}
        100% { opacity: 1;top: 8px;}
    }
@-webkit-keyframes hideIn {
        0% { opacity: 1;top: 8px;}
        70% { opacity: 0;top: -20px;}
        100% { opacity: 0;top: -20px;}
    }
.my_name .aui-label-default ,.my_name .aui-label-success{ font-size:12px; padding:2px 4px; border-radius:2px; margin-left:5px;}
.aui-grid-sixteen li:after { border-left: 0;border-bottom: 0;}
.aui-grid-sixteen:after {border-top:0;border-right: 0;}
.toolbar { margin-bottom:10px;}
.toolbar  .aui-grid-sixteen li { padding:10px;}
.toolbar .aui-grid-sixteen li .aui-iconfont { margin-bottom:0;}
.toolbar .aui-line-x:after { border-bottom: 1px solid #F4F4F4;}
.tool-bar .aui-list-view-cell > a:active{ background: #FFF;}
.tool-bar .aui-badge { background-color: #FFF; color:#CCC;}

.tool-bar-list { padding:5px 0}
.tool-bar-list li:active{ background: #FFF;}
.tool-bar-list .aui-col-xs-3 p { font-size:12px; color: #000; margin-top:-3px;}
.tool-bar-list .aui-col-xs-3 .aui-badge { z-index:10; position:absolute; top:15px; left:50%;}
.aui-dot { display: inline-block; width: 8px; height: 8px; background: #ff2600; border-radius: 10px; position: absolute; top: 18px; left: 65%; z-index: 99;}