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

/*top-nav ul*/
.top .top-nav{min-width:1180px;text-align:center;}
.top .top-nav .plate-ul{padding-top:28px;height:36px;display:inline-block;+width:740px;transition: all 0.3s}
.top .top-nav .plate-ul .plate-li{float:left;+height:100px;margin-right:25px;font-size:16px;cursor:pointer;position:relative;}
.top .top-nav .plate-ul .plate-li,.top .top-nav .plate-ul .plate-li a{color:#232323;}
.top .top-nav .plate-ul .plate-li a:hover{color:#6A70E9;}
.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("../images/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("../images/menu-dots-purple.png");}

.top .top-nav .plate-ul .plate-li .float-nav-box{display:none;width:380px;background:#fff;left:-30px;top:44px;border-radius:4px;box-shadow:8px 8px 20px rgba(0,0,0,0.2);-webkit-box-shadow:8px 8px 20px rgba(0,0,0,0.2);}
.top .top-nav .plate-ul .plate-li .float-nav-jiantou{position:absolute;top:-8px;left:60px;width:20px;height:12px;background:url('../images/Path.png') center no-repeat;background-size:20px 12px;} 
.top .top-nav .plate-ul .plate-li .float-nav-content{width:100%;margin:0px auto;margin-bottom:30px;}
.top .top-nav .plate-ul .plate-li .float-nav-title{margin-top:30px;font-size:16px;font-weight:bold;color:#6A70E9;text-align:left;text-indent: 40px;}
.top .top-nav .plate-ul .plate-li .float-nav-title a{color:#6A70E9;}
.top .top-nav .plate-ul .plate-li .float-nav-list{overflow:hidden;}
.top .top-nav .plate-ul .plate-li .float-nav-list li{width:120px;text-align:left;margin:18px 0px 0px 0px;float:left;text-indent:40px;height:21px;}
.top .top-nav .plate-ul .plate-li .float-nav-list li a{font-size:14px;color:#4a4a4a;}
.top .top-nav .plate-ul .plate-li .float-nav-list li a:hover{color:#6A70E9;}
.top .top-nav .plate-ul .plate-li .float-nav-list li a.tuchu{color:#6A70E9;}
.top .top-nav .plate-ul .plate-li .top-nav-right-icon{position:relative;left:2px;width:6px;height:10px;background-image:url("../images/arrow-left-mini.png");background-size:6px 10px;display:inline-block;}

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

/*float-nav-box left*/
.top .top-nav .plate-ul .plate-li .float-nav-box.float-nav-box-dianshang{left:-16px;}
.top .top-nav .plate-ul .plate-li .float-nav-box.float-nav-box-tupian{left:-24px;}
.top .top-nav .plate-ul .plate-li .float-nav-box.float-nav-box-yishuzi{left:-14px;}
.top .top-nav .plate-ul .plate-li .float-nav-box.float-nav-box-video{left:-50px;}
.top .top-nav .plate-ul .plate-li .float-nav-box.float-nav-box-jianli{left:-24px;}


.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:#232323;}
.top.top-nav-fixed .top-nav .plate-ul .plate-li .float-nav-title a{color:#6A70E9;}
.top.top-nav-fixed .top-nav .plate-ul .plate-li a:hover{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("../images/logo-miz-grey.png");background-size:130px 36px;background-position: center;background-repeat: no-repeat;}

/*top-right*/
.top .top-item-right{top:20px;right:60px;transition: all 0.3s}
.top .top-item-right .vip-pro{margin-right: 20px;width: 59px;height:40px;background-image:url("../images/vip-bounce.png");background-size: 57px 42px;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("../images/attendance.png");background-size: 60px 42px;background-position: center;background-repeat: no-repeat;cursor: pointer;}

.face-img{width:36px;height:36px;margin-top:2px;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('../images/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('../images/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('../images/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('../images/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:580px;left:50%;margin-left:-290px;height:40px;margin-top:20px;border:1px solid #e0e0e0;border-radius: 4px;background-color: #fff;z-index: 10;}
.tsearch-menu{width:90px;height:40px;line-height:40px;}
.tsearch-menu-class{width:88px;height:24px;border-right:1px solid #eaeaea;cursor:pointer;line-height: 24px;margin-top:7px;color:#282828;}
.tsearch-menu-box{width:133px;border:1px solid #ececec;top:37px;left:-1px;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 12px;height:14px;line-height: 14px;}
.tsearch-menu-icon{width:20px;height:22px;background: url("../images/element_search_p1.png") 5px -131px no-repeat;background-size: 71px 156px;}
.tsearch-input {width:428px;text-indent:10px;height: 38px;line-height: 38px;border:none;float: left;display: inline-block;}
.tsearch-submit {width:58px;height: 40px;background: url("../images/element_search_p1.png") 0 0 no-repeat;background-size: 71px 156px;cursor: pointer;right:0;top:-1px;}
.tsearch-submit:hover{background-position:0 -41px}

/*@media*/
@media screen and (min-width: 1px){
	.top .top-nav .plate-ul .plate-li .top-nav-right-icon{background-image:url("../images/arrow-left-mini@2x.png");}
	.top .top-item-left .logo{background-image:url("../images/logo-miz-grey@2x.png");}
	.top .top-nav .plate-ul .plate-li .float-nav-jiantou{background-image:url('../images/Path@2x.png');}
	.top .top-nav .plate-ul .plate-li.navdian .navdian-ico{background-image:url("../images/menu-dots-grey@2x.png");}
	.top .top-nav .plate-ul .plate-li.navdian .navdian-ico:hover{background-image:url("../images/menu-dots-purple@2x.png");}
}

@media screen and (min-width: 1280px){
	.top .top-nav .top-nav-yishuzi{display:block;}
	.top .top-nav .more-yishuzi{display:none;}
	.top .top-nav .more-ziku{display:none;}
}

@media screen and (min-width: 1360px){
	.top .top-nav .top-nav-video{display:block;}
	.top .top-nav .more-video{display:none;}

}

@media screen and (min-width: 1440px){
	.top .top-nav .top-nav-word{display:block;}
	.top .top-nav .more-jianli{display:none;}
	.top .top-nav .more-word{display:none;}
}

@media screen and (min-width: 1600px){
	.top .top-nav .plate-ul .plate-li{margin-right:35px;}
	.top .top-nav .plate-ul .plate-li a{font-size:18px;}
}

@media screen and (min-width: 1800px){
	.top .top-nav .plate-ul .plate-li{margin-right:50px;}	
}