@CHARSET "UTF-8";
/**	
-- wap_menu.css	--	
22.coaa.tw
**/

ol, ul, li
{
	list-style-type: none;
	text-transform: capitalize;
}

.home-menu-list {
	border-top: 1px solid #d8d8d8;
	border: none;
	font-size: 13px;
	background-color: #ffffff;

	/*margin-bottom: 10px;*/
}



.item-caption
{
	border: 0px solid #de1234;
	text-align: left;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	clear: both;
}

/**第一个菜单项**/
.home-menu-list ul li .menu-first-item
{
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
}

.home-menu-list ul li .menu-top-item
{
	border-top: 1px solid #d8d8d8;
}

.home-menu-list ul li .menu-left-item
{
	border-left: 1px solid #d8d8d8;
}


.home-menu-list ul li .menu-item
{
	height: 100%;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	box-sizing:border-box;
	position:relative;
}
.home-menu-list .menu-item .loading-img
{
    margin:20px auto;
    margin-left:50%;
    position:relative;
    left:-16px;
    width:32px;
}


.home-menu-list ul li
{
	width: 25%;
	height: 80px;
	border: 0px solid #000;
	float: left;
	box-sizing:border-box;
}

.home-menu-list ul
{
    box-sizing:border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
    margin :13px 10px;	
	width:auto;
	
	
	/*justify-content: space-around;
	align-items: center;*/
}

#banner
{
    border-top:2px solid #fff;
    width:100%;
    height:121px;
    background:url(/content/img/top_wap.png);
    border-bottom:2px solid #fff;
}


















.home-cover
{
	border: 0px solid #de1234;
	height: 165px;
	height: 180px;
	/*background-image: url("../img/h-banner.jpg");*/
	background-repeat: no-repeat;
	background-size: 100%;
}
.home-subtitle
{
	border: 0px solid #dede34;
	border-top: 1px solid #dbdbdb;
	height: 40px;
	line-height: 40px;
	text-align: left;
	padding-left: 5px;
	color: #da0000;
}


.home-menu-list .menu-ico
{
	border: 0px solid #de1123;
	width: 40px;
	margin: auto;
	padding: 5px;
	padding-top: 11px;
	/*background-color: #de1234;*/
}
.home-menu-list .menu-ico img
{
	width: 32px;
}
.home-menu-list .menu-ico .ico-wrap
{
	width: 34px;
	height: 34px;
	position: relative;
}
.home-menu-list .menu-ico .menu-clock
{
	border: 0px solid #ffffff;
	color: #fff;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-image: url(../images/wap/clock03.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	text-transform: lowercase;
	font-size: 10px;
	margin: auto;
	text-align: center;
	left: -1px;
	top: -1px;
	position: relative;
}

.home-menu-list .menu-ico .menu-clock2
{
	border: 0px solid #ffffff;
	color: #fff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	/*background-image: url(../images/wap/clock02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;*/
	text-transform: lowercase;
	font-size: 10px;
	margin: auto;
	text-align: center;
	/*position: relative;*/
}
.home-menu-list .menu-ico .menu-clock2 img
{
	border: none;/* 0px solid #de1234;*/
	width: 32px;
	height: 32px;
}
.edit-menu-list
{
	width: 100%;
	border-top: 1px solid #dbdbdb;
	overflow-y: auto;
	position: absolute;
	top: 33px;
	left: 0px;
	right: 0px;
	bottom: 1px;
	font-size: 13px;
}
.flex-box
{
	padding: 0px 13px;
}
.flex-box ul li,
.edit-menu-title,
.edit-menu-list ul li
{
	border-bottom: 1px solid #dbdbdb;
	height: 45px;
	line-height: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.edit-menu-title
{
	height: 33px;
}
.edit-menu-title .menu-title-item,
.edit-menu-list ul li .menu-item
{
	flex: auto;
	text-align: left;
	border-right: 0px solid #dbdbdb;
}
.edit-menu-title
{
	color: #a6a6a6;
	padding-left: 7px;
}
.edit-menu-list ul li .menu-item .menu-ico
{
	border-right: 0px solid #dbdbdb;
	width: 35px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-left: 3px;
}
.edit-menu-list ul li .menu-item .menu-text
{
	border: 0px solid #de1123;
	display: inline-block;
}
.edit-menu-list ul li .menu-item .menu-text-disabled
{
	color: #a6a6a6;
}
.edit-menu-title .menu-operation-title,
.edit-menu-list ul li .menu-operation
{
	flex: none;
	width: 100px;
	border: 0px solid #de1123;
}
.edit-menu-list ul li .menu-operation
{
	display: none;
}
.edit-menu-title .menu-chexkbox,
.edit-menu-list ul li .menu-chexkbox
{
	flex: none;
	width: 40px;
	margin-right: 7px;
}
.edit-menu-title .menu-chexkbox
{
	margin-right: 7px;
}
.edit-menu-title .menu-operation-title span
{
	margin: auto 7px;
}
.edit-menu-list ul li .menu-operation .arrow-wrap
{
	border: 0px solid #000;
	border-radius: 100%;
	width: 26px;
	height: 26px;
	display: inline-block;
	margin: auto 7px;
	background-repeat: no-repeat;
	background-position: center;
}
.edit-menu-list ul li .menu-operation .arrow-up
{
	background-image: url("../images/app/ico_arrow_up.png");
}
.edit-menu-list ul li .menu-operation .arrow-dn
{
	background-image: url("../images/app/ico_arrow_dn.png");
}
.edit-menu-list ul li .menu-operation .arrow-up-gray
{
	/*border: 1px solid #dbdbdb;*/
	background-image: url("../images/app/ico_arrow_up2.png");
}
.edit-menu-list ul li .menu-operation .arrow-dn-gray
{
	/*border: 1px solid #dbdbdb;*/
	background-image: url("../images/app/ico_arrow_dn2.png");
}


.item-5tms
{
	color: #da0000;
	border-bottom: 1px solid #d8d8d8;
}
.item-other
{
	background-color: #ececec;
}

.text-ellipsis
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    text-align:center;
}