@charset "utf-8";
/*!+----------------------------------------------------------------------
 * | Uimom v1.2 (2017-05)
 * +----------------------------------------------------------------------
 * | Copyright 2008-2017 uimom.com All rights reserved.
 * +----------------------------------------------------------------------
 * | Author: Panil <45650368@qq.com>
 * +----------------------------------------------------------------------
 */
*{margin:0;padding:0;}
html,body{height:100%;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{font:14px/1.5 "Microsoft YaHei",Arial,sans-serif;background:#f7f7f7;color:#333;-webkit-overflow-scrolling:touch;}
img{border:0;}
div,p{display:block;}
ol,ul,li{list-style:none;}
em,i{font-style:normal;}
button{cursor:pointer;}
a,a:hover{text-decoration:none;}
b,strong{font-weight:700;}
:focus{outline:0;}
input,img,select{vertical-align:middle;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
table{border-spacing:0;border-collapse:collapse;}
caption,table,tbody,td,tfoot,th,thead,tr{margin:0;padding:0;font-family:inherit;font-size:100%;}
a{color:#333;}
a:hover{color:#f50;}

/* ------------------------------------
 * box
 * ------------------------------------
 */
.uim-wrapper{
	width: 100%;
	height: 100%;
}
.uim-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	display: box;
}
.uim-box-horizontal{
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
}
.uim-box-vertical{
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-flow: column;
	flex-flow: column;
}
.uim-flex{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
}
.uim-flex-2{
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-moz-box-flex: 2;
	flex: 2;
}
.uim-flex-3{
	-webkit-box-flex: 3;
	-webkit-flex: 3;
	-moz-box-flex: 3;
	flex: 3;
}
.uim-ellipsis{
	display: -webkit-box;
    display: -moz-box;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
.uim-ellipsis-2{
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}
.uim-ellipsis-3{
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	word-break: break-word !important;
}
.uim-blur{
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=10, MakeShadow=false);
}
.uim-animate{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.uim-animate-ab:after,
.uim-animate-ab:before{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.uim-inline{
    display: inline-block !important;
    vertical-align: middle !important;
}
.uim-block{
	display: block !important;
}
.uim-visibility{
	visibility: visible !important;
}
.uim-hidden{
	display: none !important;
}
.uim-table{
    width: 100%;
    display: table;
    table-layout: fixed;
}
.uim-table-cell{
    position: relative;
    display: table-cell;
}
.uim-text-left{
    text-align: left !important;
}
.uim-text-right{
    text-align: right !important;
}
.uim-text-center{
    text-align: center !important;
}
.uim-text-justify{
    text-align: justify !important;
}
.uim-text-spacing{
	letter-spacing: 0.05rem !important;
}
.uim-text-indent{
	text-indent: 1rem !important;
}
.uim-clearfix:after{
	content: ' ';
	display: block;
	clear: both;
	visibility:hidden;
	line-height: 0;
	height:0;
}
.uim-clear{
	display: block;
	overflow: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.uim-fixed{
	position: fixed;
}
.uim-left{
    float: left !important;
}
.uim-right{
    float: right !important;
}
.uim-width{
	width: 100%;
}
.uim-height{
	height: 100%;
}
.uim-min-width{
	min-width: 100%;
}
.uim-min-height{
	min-height: 100%;
}
.uim-html-unscrollable{
	height: 100%;
	overflow: hidden;
}
.uim-html-unscrollable body{
	height: 100%;
	overflow: hidden;
}

/* ------------------------------------
 * content
 * ------------------------------------
 */
.uim-content{
	width: 1200px;
	margin: 0 auto;
}

/* ------------------------------------
 * center
 * ------------------------------------
 */
.uim-center-inner{
    width: 100%;
    height: 100%;
    position: relative;
    display: table;
    table-layout: fixed;
    vertical-align: middle;
    text-align: center;
}
.uim-center-container{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.uim-center-el{
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}


/* ------------------------------------
 * form
 * ------------------------------------
 */
.uim-button-wrap{
	position: relative;
	display: block;
	text-align: center;
	padding: 20px 0 0;
}
.uim-button{
	width: 100%;
	height: 36px;
	line-height: 36px;
	display: block;
	border: 1px solid #f90;
	background: #fff;
	color: #f90;
	position: relative;
	cursor: pointer;
}
.uim-button:after{
	width: 0;
	height: calc(100% + 2px);
	background: #f90;
	content: ' ';
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1;
}
.uim-button:hover:after{
	width: calc(100% + 2px);
}
.uim-button:hover span{
	position: relative;
	color: #fff;
	z-index: 2;
}
.uim-button-nw{
	height: 36px;
	line-height: 36px;
	border: 0;
	display: inline-block;
	background: #f90;
	color: #fff;
	cursor: pointer;
	padding: 0 20px;
}
.uim-button-nw:hover{
	color: #fff;
	background: #f60;
}

/* ------------------------------------
 * 椤甸潰寮瑰嚭灞�
 * ------------------------------------
 */
.uim-page-layer{
	display: none;
	width: 100%;
    height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19871;
}
.uim-page-mask{
	width: 100%;
	height: 100%;
	pointer-events: auto;
	background-color: rgba(0,0,0,.2);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.uim-page-inner{
    width: 100%;
    height: 100%;
	position: relative;
    display: table;
    table-layout: fixed;
    vertical-align: middle;
    text-align: center;
    pointer-events: none;
    z-index: 2;
}
.uim-page-container{
    width: 100%;
    height: 100%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.uim-page-wrap{
	width: 90%;
    max-width: 1000px;
    height: 80%;
    max-height: 550px;
    overflow-y: auto;
    position: relative;
    display: inline-block;
    background-color: #fff;
    font-size: 16px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
    box-shadow: 0 0 30px rgba(0,0,0,.3);
    pointer-events: auto;
}
.uim-page-content{
	padding: 15px;
	position: relative;
}

/* ------------------------------------
 * 鍏抽棴
 * ------------------------------------
 */
.uim-close{
	width: 30px;
	height: 30px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background-color: rgba(255,0,0,.7);
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 19879;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	pointer-events: auto;
}
.uim-close:before{
	line-height: 30px;
	text-align: center;
	display: block;
	content: '鉁�';
	font-size: 20px;
	color: #fff;
}


/*鍔ㄧ敾鏃堕棿*/
.uim-animated-fast{-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.uim-animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*鐢卞皬鍒板ぇ鍑虹幇*/
.uim-zoomIn{-webkit-animation-name:uimZoomIn;animation-name:uimZoomIn}
@-webkit-keyframes uimZoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}50%{opacity:1;}}
@keyframes uimZoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}50%{opacity:1;}}
/*缂╁皬闅愯棌*/
.uim-zoomOut{-webkit-animation-name:uimZoomOut;animation-name:uimZoomOut}
@-webkit-keyframes uimZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}100%{opacity:0}}
@keyframes uimZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}100%{opacity:0}}

/*鐢变笅鍚戜笂鏀惧ぇ鍑虹幇(寮规€�)*/
.uim-zoomInUp{-webkit-animation-name:uimZoomInUp;animation-name:uimZoomInUp}
@-webkit-keyframes uimZoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}
@keyframes uimZoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}