/**
 *  layout-menu 网站导航样式
 *  by wang 2016-05
 */
#header{
    width:100%;
    min-width:1200px;
    background-color:#5F1E1E;
    position:relative;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index:10;
    overflow:hidden;
}
#header:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}
.message{
  position: absolute;
  z-index: 30;
  top: 0;
  left: calc(50% - 600px);
  width:1200px;
  height:20px;
  color: #fff;
  background-color:#ff5900;
  border-bottom-left-radius:10px; 
  border-bottom-right-radius:10px; 
}
.message p{
  font-size: 14px;
  padding:0 20px;
  text-align:center;
}
.message a{
  color:#fff200;
}
.menu-bg{
    height:140px; 
    background-image: url('/static/img/dongman.png');
    background-position: 0px -1180px;
    background-size: 2093px 2791px;
    background-repeat: no-repeat;
    -webkit-filter: blur(40px);
    -moz-filter: blur(40px);
    -ms-filter: blur(40px);
    filter: blur(40px); 
}
#header .top{
  height:75px;
  width:100%;
  position:absolute;
  top:0;
  z-index:99;
  border-bottom:none;
}
.top .logo{
  width:18.8%;
  height:75px;
  min-width:226px;
}
.logo a{
  display:block;
  width:190px;
  height:60px;
  margin-top:10px;
  margin-left:25px;
  background:url('/static/img/logo-white.png') no-repeat;
  background-size:auto 60px;;
  text-indent:-1000px;
}
.top .search{
  width:60%;
  min-width:600px;
  height:75px;
}
.search input{
  height:40px;
  width:40%;
  padding:2px 10px 2px 20px;
  font-size:15px;
  margin-top:20px;
  border-radius:20px 0 0 20px;
  outline:none;
  background-color:rgba(255,255,255,.2);
  border:none;
  color:#fff;
  opacity:1;
  box-shadow:0 2px 4px 0 rgba(90,90,90,.08);
  transition:all 1s;
}
.search input:focus{
    color:#000;
    background-color:rgba(255,255,255,.95);
}
.search button{
  height:44px;
  width:100px;
  background-color:rgba(255,0,102,.95);
  color:#fff;
  border:none;
  position:relative;
  top:1px;
  left:-5px;
  border-radius:0 20px 20px 0;
  cursor:pointer;
  letter-spacing:2px;
  font-size:20px;
  font-family:"黑体";
  margin-top:20px;
}
.top .search a{
    color:#fff;
    font-size:12px;
}
.top .userinfo{
  width:21.1%;
  min-width:254px;
  height:75px;
  text-align:right;
}
.userinfo .portrait, #register_btn, #logout_btn, #login_btn{
  display:block;
  height:40px;
  line-height:40px;
  color:#f06;
  color:var(--main-color);
  border:1px solid #f06;
  border-color:var(--main-color);
  text-align:center;
  letter-spacing:5px;
  padding-left:15px;
  padding-right:10px;
  border-radius:3px;
  margin-top:22px;
  margin-right:15px;
  cursor:pointer;
  float:right;
}
.userinfo #login_btn{
  color:#fff;
  background-color:#f06;
  background-color:var(--main-color);
  border:1px solid #f06;
  border-color:var(--main-color);
  margin-right:25px;
}
.userinfo .portrait{
  padding:2px;
  height:40px;
  margin-top:20px;
  margin-left:12px;
  margin-right:35px;
}
.portrait a{
    display:block;
}
.portrait img{
  width:40px;
  height:40px;
  border-radius:2px;
}
.userinfo .views{
    height:20px;
    color:#fff;
    background-color:rgba(251, 97, 155,.9);
    display:block;
    font-size:13px;
    margin-top:24px;
    margin-right:25px;
    cursor:default;
    float:right;
    height:30px;
    line-height:30px;
    padding:5px 15px;
}
/* 搜索排行 观看历史 */
.searchs-list{
    visibility:hidden;
    width:25%;
    min-width:382px;
    background-color:rgba(255,255,255,.95);
    position:absolute;
    z-index:999;
    top:65px;
    left:33.8%;
    box-shadow:0 4px 12px rgba(0,0,0,.2);
    padding:10px 0;
    transition:visibility .5s;
}
.views-list{
    visibility:hidden;
    width:300px;
    background-color:rgba(255,255,255,.95);
    position:absolute;
    z-index:999;
    top:75px;
    right:20px;
    border-top:3px solid rgba(251, 97, 155,.9);
    box-shadow:0 4px 12px rgba(0,0,0,.2);
    padding:10px 0;
    transition:visibility .5s;
}
.views-list:before{
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:7px solid transparent;
    border-bottom-color:rgba(251, 97, 155,.9);
    right:202px;
    top:-17px;
}
.views-list:after{
    width:100%;
    height:15px;
    content:'';
    position: absolute;
    top:-15px;
    left:0;
}
.searchs-list li, .views-list li{
    width:100%;
    text-align:left;
}
.searchs-list li a, .views-list li a{
    display:block;
    height:100%;
    padding:5px 10px;
}
.searchs-list li a:hover, .views-list li a:hover{
    color:rgba(251, 97, 155,.9);
    background-color:rgb(245, 245, 245);
}
.searchs-list li.info, .views-list li.info{
    width:auto;
    font-size:15px;
    padding:10px 0 10px 60px;
}
#header .menu{
    width:1200px;
    height:45px;
    background-color:rgba(255,255,255,.95);
    border-radius:10px 10px 0 0;
    position:relative;
    margin-top:-45px;
    z-index:59;
}
.menu li{
  float:left;
  margin-top:8px;
  padding:0 15px;
  border-left:1px solid #dee2e5;
}
.menu li:first-child{
  border-left:none;
    margin-left:10px;
}
.menu li a{
  font-size:15px;
  font-weight:bold;
  padding:5px 8px;
  display:inline-block;
}
.menu li a:hover, .menu li a.active-menu{
  color:#f06;
  color:var(--main-color);
}