@import "../public/public.less";
@import "../public/header.less";

.u-list();

.custom-list{
//	position: absolute;
//	top: 44px;
//	bottom: 0;
//	left: 0;
//	height: auto;	
	.u-list-scroll .u-list-row{		
		height: 75px;
		padding: 0 38px 0 41px;
		.u-list-left-image{
			width: 30px;
			height: 30px;
			margin-right: 33px;
		}
		.u-list-title{
			font-size: @CUSTOM-LIST-COMPONENT-TITLE-FONTSIZE;
			line-height: 20px;
		}
		.u-list-right-text{
			font-size: @CUSTOM-LIST-COMPONENT-RIGHTTEXT-FONTSIZE;
			word-wrap: break-word;
			width: 65px;
			line-height: 14px;
		}
		&:after{
			.white_gradient_border();
		}
	}
	.u-list-load{
		.listLoad();
	}
	.u-list-tip{
		.listNoCont();
	}
}

.custom-refersh{
    width: 100%;
    height: 100%;
    position: absolute;
//  top: 1.173rem;
    bottom: 0;
    left: 0;
}

.custom-refersh .u-refresh-content{
    width: 100%;
    height: 100%;
    /*-webkit-transform: translateY(-50px);
    transform: translateY(-50px);*/
}

.custom-refersh .refreshContent{
    width: 100%;
    height: 100%;
    background: lightblue;
}

.custom-refersh .u-refresh-pullUp-text{
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
}

.custom-refersh .u-refresh-dropDown-text{
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
}

.custom-refersh .u-refresh-icon{
    /*width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-animation: uLoading 1s steps(12, end) infinite;
    animation: refresh 1s steps(12, end) infinite;
    background-image: url(../resources/image/loading.png);
    background-size: cover;
    vertical-align: middle;*/
    display: none;
}

@-webkit-keyframes refresh {
0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
}
}
@keyframes refresh {
0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
}
}

.u-refresh-status-0  .u-refresh-icon{
    width: 26px;
    height: 26px;
    display: inline-block;
    /*background-image: url(../resources/image/arrow.png);*/
    /*background-size: cover;
    transition: transform 0.6s;*/
}

.u-refresh-status-1 .u-refresh-icon{
    width: 26px;
    height: 26px;
    display: inline-block;
    /*background-image: url(../resources/image/arrow.png);*/
    /*background-size: cover;*/
    /*transform: rotate(180deg);*/
    /*transition: transform 0.6s;*/
}

.u-refresh-status-2 .u-refresh-icon{
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-animation: uLoading 1s steps(12, end) infinite;
    animation: refresh 1s steps(12, end) infinite;
    background-image: url(../../resources/image/white_loading_icon.png);
    background-size: cover;
    vertical-align: middle;
}

.u-refresh-status-3 .u-refresh-icon{
    display: none;
}