/*top*/
.top{height:80px;top: 0px;left:0px;right:0px;margin-left:auto;margin-right:auto;z-index:99;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.top .top-content{width:100%;height:100%;max-width:1920px;margin:0 auto;user-select: none;}

/*top-nav ul*/
.top .top-nav{
	min-width:1180px;
	padding:0 218px;
	text-align:start;
}
.top .top-nav .plate-ul{
	display:inline-block;
	padding-top:28px;
	height:36px;
	transition: all 0.3s;
}
.top .top-nav .plate-ul .plate-li{
	position:relative;
	float:left;
	margin-left:31px;
	margin-right:31px;
	margin-left:24px\9;
	margin-right:24px\9;
	font-size:18px;
	font-size:16px\9;
	cursor:pointer;
}
.top .top-nav .plate-ul .plate-li a{
	transition-duration: 0.3s;
}
/* 
.top .top-nav .plate-ul .plate-li.un-active a{
	opacity: 0.8;
} */


.top .top-nav .plate-ul .plate-li.more{
	width: 50px;
	height: 50px!important;
	font-size: 30px;
	line-height: 5px;
}
/* .top .top-nav .plate-ul .plate-li.more:hover a{
	color: #6A70E9;
} */
.top .top-nav .plate-ul .plate-li.more:hover .moreBox{
	display: block;
}
.top .top-nav .plate-ul .plate-li.more .moreBox{
	display: none;
	position:absolute;
	left:-15px;
	top:35px;
	padding: 24px;
	border-radius: 12px;
	background: #FFF;
	white-space: nowrap;
	box-shadow: 0px 0px 40px 0px rgba(174, 174, 174, 0.25);
}
.top .top-nav .plate-ul .plate-li.more .moreBox::before {
	content: "";
	position: absolute;
	top: -8px;
	left: 20px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #FFF;
}
.top .top-nav .plate-ul .plate-li.more .moreBox a{
	float: left;
	color: #666666;
	line-height: 20px;
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 20px;
}
.top .top-nav .plate-ul .plate-li.more .moreBox a:last-child{
	padding-bottom: 0;
}
.top .top-nav .plate-ul .plate-li.more .moreBox a:hover{
	color: #6A70E9;
}



.top .top-nav .plate-ul .plate-li,.top .top-nav .plate-ul .plate-li a{color:#4a4a4a;padding-bottom: 10px;}

.top .top-nav .plate-ul .plate-li .borderBox{	
	display: none;
	width: 80%;
	height: 3px;
	margin: 8px auto 0 auto;
	background-color: #fff;
	border-radius: 3px;
}

.top .top-nav .plate-ul .plate-li.active .borderBox{display: block;}

/* .top .top-nav .plate-ul .plate-li.un-active .borderBox{
	opacity: 0.8;
} */
.top .top-nav .plate-ul .plate-li a:hover ~ .borderBox{
	display: block;
}
.top .top-nav .plate-ul .plate-li.navdian{margin-right:0px;width:22px;height:24px;}
.top .top-nav .plate-ul .plate-li.navdian .navdian-ico{top:10px;left:0px;display:inline-block;width:20px;height:4px;background-image:url("../image/menu-dots-grey.png");background-size:20px 4px;background-repeat:no-repeat;background-position:center;}
.top .top-nav .plate-ul .plate-li.navdian .navdian-ico:hover{background-image:url("../image/menu-dots-purple.png");}


.top .top-nav .plate-ul .plate-li .float-nav-jiantou{position:absolute;top:-8px;left:60px;width:20px;height:12px;background:url('../image/path.png') center no-repeat;background-size:20px 12px;}



.top .top-nav .plate-ul .plate-li.navdian .float-nav-content{margin-bottom:18px;}



.top .top-nav .plate-ul .plate-li.navdian .float-nav-box{width:160px;left:-73px;}
.top .top-nav .plate-ul .plate-li.navdian .float-nav-jiantou{left:74px;}
.top .top-nav .plate-ul .plate-li.navdian .float-nav-list li{clear:both;}

/*top fixed*/
.top.top-nav-fixed .top-nav .plate-ul .plate-li,.top.top-nav-fixed .top-nav .plate-ul .plate-li a{color:#4a4a4a;}
.top.top-nav-fixed .top-nav .plate-ul .plate-li a:hover{color:#6A70E9;}

.top.top-nav-fixed .top-nav .plate-ul .plate-li .borderBox{
	display: none;
	width: 80%;
	height: 3px;
	margin: 8px auto 0 auto;
	background-color: #6A70E9;
	border-radius: 3px;
}
.top.top-nav-fixed .top-nav .plate-ul .plate-li a:hover ~ .borderBox{
	display: block;
}
.top.top-nav-fixed .top-nav .plate-ul .plate-li.more:hover > a{
	color: #6A70E9;
}


/*top-left*/
.top .top-item-left{width:228px;height:36px;top:22px;left:60px;text-align:left;transition: all 0.3s;}
.top .top-item-left .logo{display:inline-block;width:130px;height:36px;background-image:url("../image/logo-miz-grey-v2.0.png");background-size:130px 36px;background-position: center;background-repeat: no-repeat;color: transparent;}

/*top-right*/
.top .top-item-right{top:20px;right:60px;transition: all 0.3s}
.top .top-item-right .vip-pro{margin-right: 20px;width: 48px;height:48px;background-image:url("../image/vector@1x.png");background-size: 48px 48px;background-position: center;background-repeat: no-repeat;}
.top .top-item-right .login-button{color:#fff;width:80px;height:36px;font-size: 14px;letter-spacing:2px;background-color:#6B74E6;border-radius:50px;line-height:36px;position:relative;top:2px;}
.top .top-item-right .login-button:hover{box-shadow: 0 4px 20px rgba(115,113,239,0.5);}
.top .top-item-right .signon-pro{margin-right: 10px;width: 59px;height:40px;background-image:url("../image/attendance.png");background-size: 60px 42px;background-position: center;background-repeat: no-repeat;cursor: pointer;}

.face-img{width:36px;height:36px;margin-top:6px;cursor:pointer;}
.face-img img{width:36px;height:36px;border-radius:50%;}

.user-menu-out-box{width:199px;top:25px;right:-15px;+width:197px;padding:2px;text-align:left;}
.user-menu-box{width:195px;box-shadow: 0 0 4px rgba(0,0,0,0.2);background-color: #fff;margin-top:20px;padding-bottom:10px;border-radius:4px;border:1px solid #ececec\9;}
.user-menu-arr{width:16px;height:12px;background: url('../image/vip_btn.png') -183px -13px no-repeat;background-size:249px 316px;top:39px;left:10px;z-index: 9;}
.user-menu-info{width:150px;height:60px;margin:auto;}
.user-menu-face{width:36px;height:36px;margin:15px 0 0 5px;+margin-top:7px;}
.user-menu-face img{width:34px;height:34px;}
.user-menu-idbox{width:100px;height:62px;padding-top:15px;}
.user-menu-idbox span{height:20px;line-height: 20px;}
.user-menu-name{color:#282828;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.user-menu-id{color:#191919;}
.user-menu-getvip{margin:auto;width:150px;height:54px;line-height: 54px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.user-menu-getvip a{margin-top:10px;width:150px;height:34px;line-height:34px;border-radius: 17px;background:url('../image/vip_btn.png') 0 0 no-repeat;background-size:249px 316px;color:#fff;}
.user-menu-getvip a:hover{background-position: 0 -34px;}
.user-menu-list{width:100%;}
.user-menu-list a{height:35px;line-height: 35px;padding-left: 36px;color:#282828;}
.user-menu-list a:hover,.user-menu-exit:hover{color:#7371ef;}
.user-menu-exit{width:150px;height:40px;line-height:40px;margin:auto;padding-left:15px;border-top:1px solid #f0f0f0;+padding-left:30px;color:#282828;}

.user-menu-vip{margin:auto;width:150px;height:70px;line-height: 54px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.user-menu-viptype{width:150px;height:30px;line-height: 30px;border-radius: 15px;text-align: center;color:#fff;background: url('../image/vip_btn.png') 0 -250px no-repeat;background-size:249px 316px;margin-top:9px;}
.user-menu-viptype:hover{background-position: 0 -280px;}
.vip-icon{width:20px;height:20px;vertical-align: middle;background: url('../image/vip_btn.png') -181px -25px no-repeat;background-size:249px 316px;}
.user-menu-endtime{width:150px;height:28px;line-height: 28px;text-align: center;}
.user-menu-endtime a:hover{text-decoration:underline;}

/*search-box*/
.tsearch-box{width:640px!important;left:50%;margin-left:-320px;margin-top:20px;border:1px solid #e0e0e0;border-radius: 22px;background-color: #FBFBFB;z-index: 10;}
.tsearch-menu{width:140px;height:42px;line-height:42px;border-right:1px solid #eaeaea;box-sizing: content-box;}
.tsearch-menu-class{height:24px;cursor:pointer;line-height: 24px;margin-top:9px;color:#282828;width: 140px!important;}
.tsearch-menu-box{width:140px;border:1px solid #ececec;top:42px;left:0px;background-color: #fff;padding:10px 0;border-radius:4px;z-index: 9;}
.tsearch-menu-list{height:26px;line-height:26px;text-align: left;padding-left: 25px;color:#282828;cursor:pointer;}
.tsearch-menu-list:hover{background-color: #7371ef;color:#fff;}
.tsearch-menu-child a{height:28px;line-height:28px;font-size:13px;color:#5a5e66;cursor:pointer;padding-left:35px;text-align: left;}
.tsearch-menu-child a:hover{background-color: #7371ef;color:#fff;}
.tsearch-menu-head{margin:5px 0 0 34px;height:14px;line-height: 14px;font-size: 14px;width: 62px;text-align: center;}
.tsearch-menu-icon{width:20px;height:22px;background: url("../image/element_search_p1.png") 5px -131px no-repeat;background-size: 71px 156px;}
.tsearch-input {width:490px!important;text-indent:10px;height: 42px;line-height: 42px;border:none!important;float: left;display: inline-block;padding-left: 20px;font-size: 14px;background-color: #FBFBFB}
.tsearch-submit {width:80px;height: 44px;background:#6a70e9;cursor: pointer;right:0;top:-1px;border-bottom-right-radius:25px;border-top-right-radius:25px;background-image:url(../image/home-icon-search.png)!important;background-repeat: no-repeat;background-position:center;}
.tsearch-submit:hover{background:#5c62cb;background-image:url(../image/home-icon-search.png)!important;background-repeat: no-repeat;background-position:center;}


.search-category-plates{height: 22px;margin-top: 29px;left: 50%;font-size: 16px;font-weight: bold;color: #4a4a4a;cursor: pointer;margin-left: -490px;}
.search-category-plates:hover>span{color: #7371ef;}
.search-category-plates:hover>.search-category-plates-icon{background-image:url(../image/menu-bold-hover1@1x.png);background-repeat: no-repeat;background-position:center;background-size: 16px 16px;}
.search-category-plates .search-category-plates-content{position: absolute;width: 140px;background-color: #fff;z-index: 100;box-shadow: 0 4px 20px rgba(0,0,0,0.1);left: 50%;margin-left: -70px;margin-top: 10px;}
.search-category-plates .search-category-plates-content .search-category-plates-content-detail{margin: 20px 0}
.search-category-plates .search-category-plates-content li{display: block;height: 40px;line-height: 40px;text-align: left;padding-left: 37px;}
.search-category-plates .search-category-plates-content .search-category-plates-content-detail a{color: #4a4a4a;font-weight: normal;font-size: 16px;}
.search-category-plates .search-category-plates-content .search-category-plates-content-detail li:hover{background-color: #f0f1f4;}
.search-category-plates span{display:inline-block;margin-right: 10px;}
.search-category-plates .search-category-plates-icon{display: inline-block;width: 16px;height:16px;background-image:url(../image/menu-bold@1x.png);background-repeat: no-repeat;background-position:center;background-size: 16px 16px;vertical-align: middle;margin-top: -2px;}

/*@media*/
@media screen and (min-width: 1px){
	.top .top-item-left .logo{background-image:url("../image/logo-miz-grey-v2.0@2x.png");}
	.top .top-nav .plate-ul .plate-li .float-nav-jiantou{background-image:url('../image/path@2x.png');}
	.top .top-nav .plate-ul .plate-li.navdian .navdian-ico{background-image:url("../image/menu-dots-grey@2x.png");}
	.top .top-nav .plate-ul .plate-li.navdian .navdian-ico:hover{background-image:url("../image/menu-dots-purple@2x.png");}
	.search-category-plates .search-category-plates-icon{background-image:url(../image/menu-bold@2x.png);background-repeat: no-repeat;background-position:center;background-size: 16px 16px;}
	.search-category-plates:hover>.search-category-plates-icon{background-image:url(../image/menu-bold-hover@2x.png);background-repeat: no-repeat;background-position:center;background-size: 16px 16px;}
}


@media screen and (min-width: 1500px){
	.top .top-nav .plate-ul{display:inline-block;}
	.top .top-nav .plate-ul .plate-li{margin-right:31px;margin-left:31px;font-size:18px}
}

@media (min-width: 1280px) and (max-width: 1500px){
	.top .top-nav .plate-ul{display:block;}
	.top .top-nav .plate-ul .plate-li{margin-right:16px;margin-left:16px;font-size:18px}
}

@media screen and (max-width: 1280px){
	.top .top-nav .plate-ul{display:block;}
	.top .top-nav .plate-ul .plate-li{margin-right:10px;margin-left:10px;font-size:18px}
}




@media screen and (max-width: 1500px){
	.search-category-plates{margin-left: -420px;}
	.search-category-plates span{display: inline-block;}
}

@media screen and (max-width: 1280px){
	.search-category-plates{margin-left: -346px;}
	.search-category-plates span{display: none;}
}


@media (min-width: 1280px) and (max-width: 1500px){
	.search-banner .search-input-for-change{width:520px !important;margin-left:110px !important;}
}

@media screen and (max-width: 1280px){
	.search-banner .search-input-for-change{width:520px !important;margin-left:36px !important;}
}