﻿@charset "utf-8";

.hide{display:none}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
em,i,s{font-style:normal;}

/* 导航样式 */
.shader_menu { height: 180px;}
.shader_menu .navbar { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; width: 1200px; margin:23px auto 0 auto}
.shader_menu .navbar li {list-style: none; text-align: center; position: relative; width: 150px;}
.shader_menu .navbar li a {display: block; color: #333; }
.shader_menu .navbar li .jumbo {position: absolute; top: -8px; left: 0; width: 100%; background: #ffffff; padding: 10px 0 15px 0; display: none;    box-shadow: 1px 0 10px #adadad; border-bottom: 3px solid #613b96; cursor: pointer; z-index: 99}
.shader_menu .navbar li .jumbo2 {position: absolute; top: -8px; left: 0; width: 92%; padding: 10px 0 0 0; display: none;   cursor: pointer; z-index: 99; background: #dedee4;}
.dotline {background-image: url(../images/sotline.png); background-repeat: no-repeat; background-position: right center}


/*jumbo box*/
.shader_menu .navbar li .jumbo h1 { color: #5f348a; font-size: 20px; line-height: 20px; margin-bottom: 10px; text-transform: uppercase}
.shader_menu .navbar li .jumbo2 h1 { color: #5f348a; font-size: 20px; line-height: 20px; text-transform: uppercase; margin-bottom: 39px;}
.shader_menu .navbar li .jumbo2 span {border-bottom: 3px solid #613b96; height: 1px; overflow: hidden; width: 65%; display: block; margin: 0 auto}
.shader_menu .navbar li .jumbo dd {position: relative;}
.shader_menu .navbar li .jumbo dd a {color: #333; font-size: 14px; line-height: 30px;background-image: none}
.shader_menu .navbar li .jumbo dd a:hover { color: #5f348a; background: #f4f4f4}
/*candybox box*/
.shader_menu .candybox { position: absolute;left: 150px; display: none; background: #f4f4f4; width: 700px; height: 500px;}
.shader_menu .candybox .esal {}
.shader_menu .candybox .esal h5 { background: #613b96; color: #fff; padding: 10px 0 10px 15px; font-size: 14px; text-align: left; margin-bottom: 8px;}
.shader_menu .candybox .esal ul { list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 8px; padding: 0 8px 0 15px;}
.shader_menu .candybox .esal .bo { width: 50%}
.shader_menu .candybox .esal .th { width: 25%}
.shader_menu .candybox .esal .bo a,.shader_menu .candybox .esal .th a { line-height: 23px;font-size: 14px;}
.shader_menu .candybox .esal .bo a:hover,.shader_menu .candybox .esal .th a:hover{ background: #e9e8e8}
.shader_menu .candybox .esal li { text-align: left}
.shader_menu .candybox .esal li a { display: block; font-size: 12px; line-height: 160%; }
/*校队的*/
.shader_menu #yanbu { top: -40px; height: 478px;}
.shader_menu #pifu { top: -190px; height: 478px;}
.shader_menu #bibu { top: -70px; height: 478px;}
.shader_menu #xiongbu { top: -100px; height: 478px;}
.shader_menu #mianbu { top: -130px; height: 478px;}
.shader_menu #qtss { top: -160px; height: 478px;}
.shader_menu #kouqiang { top: -220px; height: 478px}
.shader_menu #simi { top: -250px; height: 478px;}
.shader_menu #jfcz { top: -280px; height: 478px;}

.shader_menu #tuomao { top: -310px; height: 478px;}
.shader_menu #bhxf { top: -340px; height: 478px;}
.shader_menu #kqzl { top: -400px; height: 478px;}
.shader_menu #smyh { top: -430px; height: 478px;}
/**/
.shader_menu .candybox .norsal {}
.shader_menu .candybox .norsal h5 { color: #333; padding: 10px 0 3px 15px; text-align: left; font-size: 15px;}
.shader_menu .candybox .norsal ul { list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;margin-bottom: 8px;padding: 0 8px 0 15px;}
.shader_menu .candybox .norsal li { text-align: left}
.shader_menu .candybox .norsal .bo { width: 50%}
.shader_menu .candybox .norsal .th { width: 20%}
.shader_menu .candybox .norsal .bo a,.shader_menu .candybox .norsal .th a { line-height: 23px;font-size: 14px;}
.shader_menu .candybox .norsal .bo a:hover,.shader_menu .candybox .norsal .th a:hover{ background: #e9e8e8}
.shader_menu .candybox .norsal li a { display: block; }
/* 导航样式 */
.diagmenu {}
.diagmenu .title { background: #613b96; color: #fff; padding:5px 15px; line-height: 150%; font-size: 16px;}
.diagmenu .hotranks { list-style: none; padding: 5px 15px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start}
.diagmenu .hotranks a { font-size: 14px; line-height: 160%; width: 33%;}
.diagmenu .sorts {}
.diagmenu .sorts h1 { padding: 5px 15px; line-height: 150%; font-size: 16px;}
.diagmenu .sorts ul { padding: 5px 15px;display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start}
.diagmenu .sorts a {font-size: 14px; line-height: 160%; width: 33%;}

/*fool*/