.topBanner {

	text-align: center;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e6e6e6;
	color: #333333;

}

.list-item {

	padding: 0 14px;
    min-height: 50px;
    color: #333;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid transparent;
    font-size: 14px;

    &::after {
		
		content: '';
		position: absolute;
		left: 14px;
		right: 0;
		bottom: 0;
		height: 1px;
		background-color: #e6e6e6;
		content: '';
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);

    }

}
/*表单顶部提示*/
.lm-ui-top-tips {
    font-size: 12px;
    color: #ffc666;
    background: #fff1d8;
    padding: 8px 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*按钮*/
.btn-content{
	font-size:16px;

	> div{
		margin-top: 20px;
		padding: 0 14px;
		text-align: center;
	}
	.box{
		display: -webkit-box;
		div{
			-webkit-box-flex: 1;
		}

	}

	.lm-ui-btn-long{
		margin: 0px;
	}
	.btn-link a{
		margin-left: 20px;
	}
	.hide{
		display: none;
	}
	.lm-ui-btn-suction button{
		margin: 0px;
	}
	.lm-ui-btn-icon{
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0REN0JGQTMxNDVEMTFFNzlFMDlDRDA0RkUxRUExRTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0REN0JGQTQxNDVEMTFFNzlFMDlDRDA0RkUxRUExRTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozREQ3QkZBMTE0NUQxMUU3OUUwOUNEMDRGRTFFQTFFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozREQ3QkZBMjE0NUQxMUU3OUUwOUNEMDRGRTFFQTFFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoSMVqkAAAQSSURBVHjaxJdtbFNVGMfPvWtv26y3y6Bbu4EoBSImGjWyML6YtdkEYjQjRMIkS4YZzjcSEhd1LsoIRGXxkwnMSUnYkECDcSPZHCwZkS/4AhtiNg2iJpfNrk5nsLfb2pX28j9wVmvX9p7OqU/yy23uuec5/z7nnOc5R9A0jfzq8ZAs5lCdzv2G8vJ1JpdrqaW0NP+3zs4vLcPDHxvi8Z/QrmmCIEck6bHY+vVPF23f/rB65crEdH//17KiHBQI+Taj4/PniaAnIC4InpKBgYEMzSEqAJiBMbVxtKqqXorFjmYTIBIdEzVt8Hpj47kMzVYgpxv8l5Mnf8TgZ3X9E337Ux4aeuPm0NAfhNNiodAt4vW+RnUshgCCefwm2NT0Nq+AnxsaOgya1sXzrcjr1BSNHrm+Z0+v3nc3vN4R2/g4t1iBYxck24oZk2kbE67NC5Qg5JnD4X5EbJDHGV2EBpKb3bBEIu+TRbScBMQE4Ymo0fgAwhZN1458YJCi0RHsnIHFFiBMWyxvrvD59uZZrcZsH4YDgZnAzp17WaS0xViEUrCo6NDK3t4DeoNTMzudlvv6+lpDNtu7dzfQPxNgCpaUtK3x+V7MdW5XdXe/DuGH0yUpbgGhgoIDa06ceG6hCwzCXwjJ8r4FCQgbjbtXdXU1ppaGnCNx5kwT9ZWTAFqAlrS1vZOmiSaiR8FTYDKl7QLwgpHUTtQX9ckrwH6rru6w7HJZ07SVAxX0AF/S+zFQDV4Bs6mdqK94fX07fpboCRBUu73lntra+zNErAjMzelHTAw16vwmaGYRmmfLampWB4uLW1LHFFNCX3Fve3u9zrRuBY+Dq+BzMAE+ACvBS1kX5alTdUhmVZkEGKfKypqNhYUmva0O3gMW8CHYzyLRCpbq5ZSZioq3mA+WPlGMAm43GfN4tmj6NgaeB9uATPsCWtAeAoNA4fChjVZW1tIxaX8xoays7GWOXUXn+TT4FETm/gPwg82Aq1CFN2yg0ywlIuD3eNx4hjnER8A18D14lUXAAT4DV1mEeCw47navo/3vFKNpWd5E0y6HeHosO8a22kX2TmVb0s52wA4OP3LYbK7E8/IdAbHly9dyJrbfQRsIJmXFadDJCs+znALIbGnpI4lyLEiSxJvewRds3g8xCpkAFyjgTdGiw1H813nA71d4j4ZgLlqOuQXM3q3OpUZoqjqVEGCenLyER0OOdeYZNrCcJIbbREUZTiQiXCD6Ro8f/yFHH2uZiE1MBLfRU1O+qnYnZ0K/2NHRjAtFlPwH5t+1qxUr9qu/pWJcND8JVFfXIBLX/q2Bx3t6FGXjxt35U1Mt2e4Fztm8vCdnbbYH41arnYiiQOJxbUEj3u0bF1V1QlLV7zDV9LSszLsd/592W4ABAGJ8JLRdDJFGAAAAAElFTkSuQmCC)no-repeat;
		background-size: 100%;
	}
}

.form-title {

	font-size: 14px;
    color: #666;
    font-weight: bold;
    padding: 10px 14px 0;
    position: relative;
    line-height: 20px;
    background-color: #fff;

    &::before {
	    content: "";
	    position: absolute;
	    left: 0;
	    width: 2px;
	    height: 20px;
	    background-color: #ff552e;
	    margin-top: -1px;
	}

}

.cell-imark {

	width: 14px;
    height: 14px;
    vertical-align: middle;
    padding-right: 5px;

}

.lm-ui-img-label {

	span {

		vertical-align: middle;

	}

}

.cards {

	margin-bottom: 10px;

}

.demo-desc {
	background: #fff;
	font-size: 14px;
	overflow: auto;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	margin: 10px;
	table {
		width: 800px;
		text-align: left;
		margin: 20px 10px;
	}
	caption {
		text-align: left;
		padding: 4px;
		color: #5f9ea0
	}
	th, td {
		padding: 4px;
		border-bottom: solid 1px #efefef;
		&:nth-child(1) {
			width: 20%;
		}
		&:nth-child(2) {
			width: 20%;
		}
		&:nth-child(3) {
			width: 20%;
		}
		&:nth-child(4) {
			width: 40%;
		}
	}
	.tip {
		padding: 10px 14px;
	}
}

.checkbox-preffix {

	display: flex;
	justify-content: flex-start;
	align-items: center;

	.test-img {
	
		display: block;
	    width: 40px;
	    height: 40px;
	    margin-right: 10px;
	    padding: 10px 0;
	    background-color: #cccccc;

	}

}

.top-banner {
	
	position: relative;
	background-color: #fff;

	.backBtn {

		position: absolute;
	    width: 44px;
	    height: 44px;
	    left: 0;
	    top: 0;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAmCAMAAADz5UuZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURQAAAP9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIv9mIhuPRGsAAAAVdFJOUwAsdKLICvOC2BRqr7weXpjlOI1PRHqoj9YAAACMSURBVCjPldJBDoQgEERRENRGZHR0+v5XFZwVRZFoL19CPoE2BiZa08yme0JbVFXAftnU1WanbL62INn2UOOabbIYznO2YZ2fhkcSTiT8JeFPbQMJn8UiCcuDsC+HIexI+F8+8Admcp+eHlQ3qq6vQ7MtL7S8sy6AI1ffV3ycwFW6GvFiSXBPbl2DuQBoBg36xJI3MAAAAABJRU5ErkJggg==) no-repeat;
	    background-size: 10px;
	    background-position: 14px center;

	}

}

.grey {

	background-color: #cccccc;

}

.test-frame {

	width: 100%;

}

.test-page1, .test-page2, .test-page3, .test-page4 {

	width: 100%;
	height: 200px;
	line-height: 200px;
	background-color: #cccccc;
	text-align: center;
	color: #fff;
	font-size: 36px;

}

.test-page2 { background-color: pink; }
.test-page3 { background-color: #8a2be2; }
.test-page4 { background-color: #FF9912; }



//test
.banner-1 { background-image: url(http://j1.58cdn.com.cn/jinrong/yuefu/meiyan/m/static/media/banner_1.3536d8b8.jpg); }
.banner-2 { background-image: url(http://j1.58cdn.com.cn/jinrong/yuefu/meiyan/m/static/media/banner_1.3536d8b8.jpg); }

.banner {

	height: 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;

}

.aa a {

	display: block;
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;

}

.costom-dialog {
	
	.costom-top-text {
		padding: 13px 0;
		text-align: center;
		font-size: 14px;
		color: #FFF;
		background-color: #37acf4;
		p {
			line-height: 22px;
		}
	}

	.lm-ui-form-group {
	    min-height: inherit;
	    height: 42px;
	    padding: 0;
	    margin: 30px 14px 0;
		border: 1px solid #e6e6e6;
		border-radius: 2px;

	    input {
	    	text-indent: 6px;
	    }

	}

	.lm-ui-validate-wrap .lm-ui-validate-text {
		left: 0;
	}

	.lm-ui-get-code-btn, .lm-ui-get-code-btn-disabled {
		width: inherit;
		height: 100%;
		padding: 0 6px;
		color: #37acf4;
		background-color: #f3fafd;

		&::after {

			display: none;

		};
	}

	.costom-bottom-text {
		margin: 0 14px 14px;
		line-height: 32px;
		font-size: 12px;
		color: #999999;
	}
}

.custom-my-dialog {
	padding: 0 28px;
	font-size: 14px;
	max-height: 70%;
	max-height: calc(100% - 82px - 81px);
	overflow: auto;
	dl {
		line-height: 24px;
		dt {
			font-weight: 500;
			padding-top: 30px;
		}

		dt:first-of-type {
			padding-top: 16px;
		}
	}
	p {
		padding-top: 30px;
	}
	p a {
		color: #37acf4;
	}
}