@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-load-animation{
		    width: 24px;
            height: 24px;
            display: inline-block;
            .bgImg("loading.png");
            -webkit-animation: refresh 1s steps(8, end) infinite;
            animation: refresh 1s steps(8, end) infinite;
            background-size: cover;
            vertical-align: middle;
		}
	}
	.u-list-tip{
		.listNoCont();
	}
}

.notice{
    span{
        &:first-child{
            .iconfont(24px);
        }
    }
    height: 20px;
    ~.custom-list{
        top: 64px;
    }
}

@-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);
  }
}