/* 第3级导航菜单 */
.wui-menu3 { 
	z-index: 1002;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 27px 10px 7px;
    border: 1px solid rgb(235, 238, 245);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
    border-left:none;
    border-right:none;
}

.wui-menu3>span {
	font-size: 20px;
	margin-right: 40px;
	margin-bottom: 4px;
	display: inline-block;
}

.wui-menu3 ul {
	display: inline-block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.wui-menu3 li {
	display: inline-block;
	padding: 5px 0;
}

.wui-menu3 li.active::before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: #ff6633;
	margin: 0 8px 0 0;
}

.wui-menu3 li a {
	color: #333;
	padding: 6px 20px 6px 0;
	font-size: 16px;
	padding: 6px 20px 6px 0;
}

.wui-menu3 li a:hover {
	color: #ff6633;
}

.wui-menu3 li.active a {
	color: #ff6633;
}

.wui-menu3 .menu-right {
    margin-top: 8px;
	float: right;
	font-size: 14px;
}

.wui-menu3 .menu-right .num {
	color:#eb5955;
	font-size: 16px;
	font-weight: bold;
	font-family:tahoma;
	margin:0 4px;
}

.wui-menu3 .menu-right .btn {
	padding: 1px 12px;
	margin:0 4px;
	margin-bottom: 4px;
}

/* 警告条 */
.wui-warning {
	background-color: #ffefef;
	color: #CC6666;
	padding: 8px;
}

.wui-warning i {
	margin: 0 10px;
}

/* 警告信息 */
.wui-warning-info {
	text-align: center;
	padding: 30px;
}

.wui-warning-info img {
	width: 64px;
}

.wui-warning-info>div {
	padding-top: 15px;
}

/* 加载框 */
.wui-loading {
	min-width: 300px;
	text-align: center;
	border-radius: 4px;
	padding: 0 20px 20px;
	border: 1px solid #eee;
	background-color: #fff;
	z-index: 10002;
	box-shadow: 0px 0px 20px rgb(66 118 242 / 20%);
}

.wui-loading .text {
	border-top: 1px solid #eee;
	padding: 10px 0 0 0;
	color:#444;
}

.wui-loading .stripe {
	margin: 20px auto;
	height: 60px;
	text-align: center;
}

.wui-loading .stripe> div {
	width: 6px;
	height: 100%;
	margin-right: 3px;
	display: inline-block;
	background-color: #67CF22;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}

.wui-loading .stripe .a2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.wui-loading .stripe .a3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.wui-loading .stripe .a4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.wui-loading .stripe .a5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.wui-loading .stripe .a6 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.wui-loading .stripe .a7 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.wui-loading .stripe .a8 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4)
	} 20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	} 20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

/* 警告提示框 */
.wui-warning-box {
	color: #8a6d3b;
	border: 1px solid #faebcc;
	background-color: #fcf8e3;
	z-index: 10002;
}

.wui-warning-box.danger {
	color: #a94442;
	border: 1px solid #ebccd1;
	background-color: #f2dede;
}

.wui-warning-box .close {
	margin: 8px;
}

.wui-warning-box .close:hover {
	color: #ff6633;
}

.wui-warning-box .title {
	font-size: 20px;
	padding: 5px 15px;
	border-bottom: 1px solid #faebcc;
}

.wui-warning-box.danger .title {
	border-bottom: 1px solid #ebccd1;
}

.wui-warning-box .body {
	padding: 10px 15px;
	word-break:break-all;
}

/* 遮罩 */
.wui-mask {
	z-index: 10000;
	cursor: not-allowed;
	background-color: #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter: alpha(opacity=50);  
	-moz-opacity:0.5;
	opacity: .5; 
}

/* 步骤条 */
.wui-steps {
	float: right;
	padding: 5px 0px;
	display: inline-block;
}

.wui-steps .step {
	display: inline-block;
}

.wui-steps .step i {
	color: #fff;
	width: 16px;
	height: 16px;
	text-align: left;
	line-height: 16px;
	padding-top: 1px;
	padding-left: 2px;
	display: inline-block;
	background-color: #ddd;
}

.wui-steps .step span {
	color: #666;
	font-size: 16px;
	padding-right: 20px;
}

.wui-steps .step b {
	display: inline-block;
	border: 8px solid #ddd;
	margin: 0 0 -3px -10px;
	border-color: transparent transparent transparent #ddd;
}

.wui-steps .step.old i {
	background-color: #76b8ea;
}

.wui-steps .step.old span {
	color: #76b8ea;
}

.wui-steps .step.old b {
	border-color: transparent transparent transparent #76b8ea;
}

.wui-steps .step.active i {
	background-color: #37a7ec;
}

.wui-steps .step.active span {
	color: #37a7ec;
}

.wui-steps .step.active b {
	border-color: transparent transparent transparent #37a7ec;
}

/* 工具栏 */

.wui-toolbar {
	position: relative;
}

.wui-toolbar .box:not(:last-child):not(:first-child) {
	border-top: 0;
}

.wui-toolbar .box:not(:last-child) {
	border-bottom: 1px dashed #DDDDDD;
}

.wui-toolbar .box:last-child:not(:first-child) {
	border-top: 0;
	border-bottom: 1px solid #DDDDDD;
}


.wui-toolbar .box>ul>li:first-child:last-child>a {
	border-radius: 4px;
}

.wui-toolbar .box>ul>li:first-child:not(:last-child)>a {
	border-radius: 4px 0 0 4px;
}

.wui-toolbar .box>ul>li:last-child:not(:first-child)>a {
	border-radius: 0 4px 4px 0;
}

.wui-toolbar .box>ul>li:not(:last-child) .form>*:last-child:not(:first-child) {
	border-radius: 0;
}

.wui-toolbar .box>ul>li:not(:first-child) .form>*:first-child:not(:last-child) {
	border-radius: 0;
}

.wui-toolbar .box .form>*:first-child:last-child {
	border-radius: 4px;
}

.wui-toolbar .box .form>*:first-child:not(:last-child) {
	border-radius: 4px 0 0 4px;
}

.wui-toolbar .box .form>*:last-child:not(:first-child) {
	border-radius: 0 4px 4px 0;
}

.wui-toolbar .box ul>li>a,
.wui-toolbar .box .form input,
.wui-toolbar .box .form button {
	height: 34px;
	padding: 6px 12px;
	background-color: #fff;
}

.wui-toolbar .box li>span:not(.caret),
.wui-toolbar .box .form>span:not(.caret) {
	height: 34px;
	padding: 6px 4px;
	margin: -1px 0 0 0;
	display: inline-block;
}

.wui-toolbar .box ul>li>a i,
.wui-toolbar .box ul>li>span i,
.wui-toolbar .box .form i {
	padding-right: 4px;
}

.wui-toolbar .box {
	width: 100%;
	display: table;
	padding: 12px 6px;
	border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
}

.wui-toolbar .box * {
	color: #666;
}

.wui-toolbar .box>ul {
	padding: 0;
	margin: 0 6px;
	list-style-type: none;
}

.wui-toolbar .box>ul>li {
	position: relative;
	float: left;
}

.wui-toolbar .box>ul>li.active a {
	background-color: #e7e7e7;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

.wui-toolbar .box>ul>li.active a:not(.blue):not(.red):not(.green)::before {
	content: '√';
	padding-right: 4px;
}

.wui-toolbar .box>ul>li>a {
	display: block;
	margin: -1px 0 0 -1px;
	border: 1px solid #ccc;
}

.wui-toolbar .box>ul>li>a:hover {
	color: #ff6633;
}

.wui-toolbar .box>ul>li>a:active {
	background-color: #e7e7e7;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

.wui-toolbar .box>ul>li>ul {
	min-width: 160px;
	display: none;
	padding: 6px 0;
	border-radius: 4px;
	margin: 2px 0 0 -1px;
	background-color: #fff;
	border: 1px solid #c0c0c0;
	list-style-type: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 200;
}

.wui-toolbar .box>ul>li>ul>li>a {
	display: block;
}

.wui-toolbar .box>ul>li>ul>li>a:hover {
	color: #ff6633;
}

.wui-toolbar .box>ul>li>ul>li>a:active {
	background-color: #f5f5f5;
}

.wui-toolbar .box .form>* {
	float: left;
}

.wui-toolbar .box .form>input {
	margin: -1px -1px 0;
	border: 1px solid #ccc;
}

.wui-toolbar .box .form>button {
	margin: -1px 0 0 0;
	border: 1px solid #ccc;
	background-color: #fff;
}

.wui-toolbar .box .form>button:hover {
	color: #ff6633;
}

.wui-toolbar .box .form>button:active {
	background-color: #e7e7e7;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

/* 情景按钮样式 */

.wui-toolbar .box .form>button.red,
.wui-toolbar .box>ul>li>a.red {
	color: #d9534f;
	border: 1px solid #d9534f;
}

.wui-toolbar .box .form>button.red>i,
.wui-toolbar .box .form>button.red>.caret,
.wui-toolbar .box>ul>li>a.red>i,
.wui-toolbar .box>ul>li>a.red>.caret {
	color: #d9534f;
}

.wui-toolbar .box .form>button.red:hover,
.wui-toolbar .box>ul>li>a.red:hover {
	color: #fff;
	background-color: #d9534f;
}

.wui-toolbar .box .form>button.red:hover>i,
.wui-toolbar .box .form>button.red:hover>.caret,
.wui-toolbar .box>ul>li>a.red:hover>i,
.wui-toolbar .box>ul>li>a.red:hover>.caret {
	color: #fff;
}

.wui-toolbar .box .form>button.red:active,
.wui-toolbar .box>ul>li>a.red:active {
	color: #fff;
	background-color: #c9302c;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

.wui-toolbar .box .form>button.green,
.wui-toolbar .box>ul>li>a.green {
	color: #5cb85c;
	border: 1px solid #5cb85c;
}

.wui-toolbar .box .form>button.green>i,
.wui-toolbar .box .form>button.green>.caret,
.wui-toolbar .box>ul>li>a.green>i,
.wui-toolbar .box>ul>li>a.green>.caret {
	color: #5cb85c;
}

.wui-toolbar .box .form>button.green:hover,
.wui-toolbar .box>ul>li>a.green:hover {
	color: #fff;
	background-color: #5cb85c;
}

.wui-toolbar .box .form>button.green:hover>i,
.wui-toolbar .box .form>button.green:hover>.caret,
.wui-toolbar .box>ul>li>a.green:hover>i,
.wui-toolbar .box>ul>li>a.green:hover>.caret {
	color: #fff;
}

.wui-toolbar .box .form>button.green:active,
.wui-toolbar .box>ul>li>a.green:active {
	color: #fff;
	background-color: #449d44;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

.wui-toolbar .box .form>button.blue,
.wui-toolbar .box>ul>li>a.blue {
	color: #337ab7;
	border: 1px solid #337ab7;
}

.wui-toolbar .box .form>button.blue>i,
.wui-toolbar .box .form>button.blue>.caret,
.wui-toolbar .box>ul>li>a.blue>i,
.wui-toolbar .box>ul>li>a.blue>.caret {
	color: #337ab7;
}

.wui-toolbar .box .form>button.blue:hover,
.wui-toolbar .box>ul>li>a.blue:hover {
	color: #fff;
	background-color: #337ab7;
}

.wui-toolbar .box .form>button.blue:hover>i,
.wui-toolbar .box .form>button.blue:hover>.caret,
.wui-toolbar .box>ul>li>a.blue:hover>i,
.wui-toolbar .box>ul>li>a.blue:hover>.caret {
	color: #fff;
}

.wui-toolbar .box .form>button.blue:active,
.wui-toolbar .box>ul>li>a.blue:active {
	color: #fff;
	background-color: #286090;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

.wui-toolbar .box>ul>li.active>a.red {
	color: #fff;
	background-color: #c9302c;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

.wui-toolbar .box>ul>li.active>a.green {
	color: #fff;
	background-color: #449d44;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

.wui-toolbar .box>ul>li.active>a.blue {
	color: #fff;
	background-color: #286090;
	padding: 5px 12px 6px 11px;
	border-width: 2px 1px 1px 2px;
}

/* 续费升级 */
.wui-renewal ul {
	margin: 0;
	padding: 0;
	display: table;
	list-style-type: none;
}

.wui-renewal li {
	float: left;
	margin-right: 6px;
}

.wui-renewal label {
	width: 150px;
	height: 70px;
	font-size: 18px;
	font-weight: 100;
	line-height: 70px;
	text-align: center;
}

.wui-renewal .title label {
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	font-weight: 700;
}

.wui-renewal a {
	position: relative;
	width: 150px;
	height: 70px;
	display: block;
	font-size: 28px;
	line-height: 70px;
	padding-left: 20px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-weight: 400;
	font-family: Georgia;
}

.wui-renewal a del {
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: 12px;
	color: #666;
}

.wui-renewal a span {
	position: absolute;
	top: 45px;
	right: 10px;
	font-size: 12px;
	color: #666;
}

.wui-renewal a img {
	position: absolute;
	top: 0;
	left: 0;
}

.wui-renewal a:hover {
	border: 1px solid #ed2526;
}

.wui-renewal .platinum a {
	color: #ed2526;
}

.wui-renewal .gold a {
	color: #ff9966;
}

.wui-renewal .ordinary a {
	color: #1ca5fa;
}

/* 用户消息 */
.wui-msg-wrap .minfo {
	padding: 6px 0 6px 20px;
}

.wui-msg-wrap .minfo:hover {
	background-color: #eee;
}

.wui-msg-wrap .minfo::before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: #ccc;
	margin: 0 8px 0 -16px;
}

.wui-msg-wrap .minfo.high::before {
	background-color: #f63;
}

.wui-msg-wrap .minfo>a {
	font-size: 12px;	
}

.wui-msg-wrap .minfo>a:hover {
	color: #f63;
}