﻿@charset "gbk";
body{margin:0;padding:0;font: normal 12px myFont,Tahoma,"Courier New","�ź�����","΢���ź�";color:#666;}
.bodyb{background: url(../images/8e78189dadad85e1704885a638dc8325.jpg) no-repeat;background-size: 100% 100%;}
a{color:#666;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}
ul,li,p,form,h1,h2,dl,dt,dd{padding:0;margin:0;}
li{list-style:none;}
h1{cursor:pointer;}
img{border:0;}
@font-face {
  font-family: 'icon';
  src: url('iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome��firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.bg3f i{margin-right:5px;font-family:"icon"!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;transition:all .2s linear}
.footer i{margin-right:5px;font-family:"icon"!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;transition:all .2s linear}

.hr_wrap i{margin-right:5px;font-family:"icon"!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;transition:all .2s linear}

.tag-m{margin-top: 20px;height:198px;overflow: hidden;}
.hr_wrap .tag-m2{margin-left: 0;height:338px;overflow:hidden;}
.head-banner{width:100%;margin-top:15px;}
.f-mgt10 {margin-top: 10px;}
.hr_wrap{width:1220px;margin:0 auto;height:100%;overflow:hidden;}
.bg3f{background: #fff;}
.col-line{position: absolute;height: 100%;width: 0;border-left: 1px solid #e2e2e2;left: 960px;top: 0;}
.hr_head_top{width:100%;height:32px;border-bottom:1px solid #DDD;}
.hr_head_top .wrap{width:1220px;margin:0 auto;line-height: 30px;color: #666;font-family: '����';}
.hr_head_top .left{float: left;}
.hr_head_top .left a{color: #666;margin-right: 15px;text-decoration:none;}
.hr_head_top .left a i{margin-right: 6px;}
.hr_head_top .left .mobile i{margin-right: 6px;}
.hr_head_top .right{float: right;}
.hr_head_top .right span{color: #999;}
.hr_head_top .right a{text-decoration:none;    font-weight: 900;}
.hr_head_top .right-user{float: right;}
.hr_head_top .right-user span{color: #999;}
.hr_head_top .right-user a{color: #666;margin-right: 5px;text-decoration:none;}
.hr_head_top a.check {color: #508B9A!important;}
.hr_head-min{width: 100%;padding-top: 20px;border-bottom: 1px solid #DDD;}
.hr_head-min .web{float: left!important;margin-top: 3px;}
.hr_head-min .web .title{color: #333;margin-right: 5px;font-weight: 300!important;font-size: 2.0em!important;}
.hr_head-min .web .logo{float: left;margin-top: 4px;padding-right: 10px;}
.hr_head-min .web .logo img{width: 160px;height: 58px;}
.hr_head-min .web span{font-size: 14px!important;font-weight: 300!important;color: #333!important;}
.hr_head-min .nav{width: 100%;display: block;margin: auto;background-color: #393d49;margin-top:20px;box-shadow: 1px 2px 3px #888888;}
.hr_head-min .nav .nav_c{width:1220px;margin:auto;}
.nav_mobile{width:1200px;}
.hr_head-min .nav a{padding: 18px 20px;margin-top:-2px; margin-bottom:-2px;color: #fff;font-family: '����';display: inline-block;border-radius: 2px;text-decoration:none;}
.hr_head-min .nav a:hover{border-color:#76ABB8;color:#FFF;background-color:#508B9A}
.hr_head-min .nav a.check {border-color: #508B9A;color: #FFF;background-color: #76ABB8;}
.search_all{height:auto;float:left;height:55px;margin-top:15px;margin-left:60px;}
.search{float: left;margin-left:20px;height: 32px;border: 2px solid #DDD;border-radius:2em;}
.search .seh_list{float:left;width:60px;height:29px;position:relative;z-index:10000;}
.search .keytxt{float:left;width:60px;height:26px;padding:6px 0 0 6px;overflow:hidden;border-right: 1px solid #ddd;}
.search .keytxt a{float:left;width:55px;height:17px;color:#666;line-height:17px;overflow:hidden;padding: 2px 4px;}
.search .keytxt a:hover{}
.search .seh_sort{float:left;width:280px;background:#FFF;border: 1px solid #DDD;display:none;overflow:hidden;margin-left:-1px;}
.search .seh_sort li{float:left;width:55px;height:26px;line-height:26px;text-align:center;}
.search .seh_sort li a{display:block;color:#666;}
.search .seh_sort li a:hover{}
.search .seh_v{float:left;width:470px;height:24px;font:14px/24px Arial,"Microsoft YaHei";color:#333;background:none;border:none;padding:4px 0;outline:0;padding-left: 10px;}
.search .seh_b{
  width: 70px;
  height: 32px;
  border: none;
  _outline: 0;
  text-align: center;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: #76abb8;
  color:#fff;
  cursor: pointer;}
.search .seh_e {
  float: left;
  width: 40px;
  height: 29px;
  font-size: 25px;
  background: #FFFFFF;
  border: none;
  _outline: 0;
  color: #666;
  text-align: center;
}
.search-bottom{height:15px;font-size:12px;width: 100%;  clear: both;padding-left:25px;padding-top: 5px;}
.search-bottom a{margin-left:5px;}
.footer{float:left;width:100%;border-top:#e1e1e1 solid 1px;text-align:center;background:#fff;padding:0;color:#888;line-height:22px;margin-top:15px;}
.footer a{color:#888;padding:0 10px;}
.footer .yqlj{font-size: 16px;color: #000;text-align: left;    text-indent: 6px;    padding-bottom: 5px;}
.footer .content {width: 1220px;margin:auto;padding:15px 0px;overflow: auto;border-bottom:1px solid #ccc;margin-bottom:10px;}
.footer .content li {float: left;height: 20px;font: 12px/20px Arial,"Microsoft Yahei";color: #666;}
/*login*/
.x5music-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);display:none}
.x5music-popover{z-index:99999;position:fixed;top:50%;left:50%;width:500px;height:310px;margin:-180px 0 0 -330px;border-radius:5px;border:solid 2px #FFFFFF;background-color:#FFFFFF;display:none;box-shadow: 0 0 10px #BFBFBF;border: 1px solid #BFBFBF;}
.x5music-poptit{border-bottom:1px solid #BFBFBF;position: relative;border-radius: 4px 4px 0 0;color: #666;padding: 10px;height: 30px;}
.x5music-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;margin-right: 0px;}
.x5music-login{padding: 30px 0 0px;width: 220px;margin: 0 auto;height: 180px;}
.x5music-login .u-txt{width: 206px;height: 19px;margin: 0;padding: 5px 6px 6px;border: 1px solid #cdcdcd;border-radius: 2px;line-height: 19px;}
.x5music-login .loginsubmiting{width: 130px;height: 40px;line-height: 40px;color: #fff;background: #508B9A;display: block;text-align: center;font-size: 20px;border: none;font-family: '΢���ź�';cursor: pointer;margin: 0 auto;}
.x5music-loglink2 {padding: 0 19px;height: 48px;border-top: 1px solid #c6c6c6;border-radius: 0 0 4px 4px;line-height: 48px;}
.x5music-loglink2 a {font-size: 12px;color: #999;text-decoration: none;}
.x5music_player{position: fixed;bottom: 0;left: 0;z-index: 100;width: 100%;height: 73px;min-width: 1000px;border-top: 1px solid #e8e8e8;background: #fff;}

#cscms_login{display: inline-block;position: relative;}

/*��������½��*/
#loginOpen .openlog{text-align: center;margin-top: 10px;}
.openlog .openline{padding: 7px;}
.login .user_img{margin-left: 0px;width: 30px;height: 30px;display: block;position: relative;}
.login .user_img img{width: 30px;height: 30px;border-radius: 30px;overflow: hidden;}

/*��¼��*/
#loginkuang{z-index: 1999;width: 500px;height: 320px;border: 1px solid #e2e2e2;position: fixed;top: 0;right: 0;left: 0;bottom: 0;margin:auto;background-color: #fbfbfb;}
#loginmask{display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;z-index: 1998;top: 0px;left: 0px}
#loginkuang .title{width: 100%;height: 40px;line-height: 40px;text-indent: 2em;background-color: #f2f2f2}
#userInfo{z-index: 1999;position: absolute;left: -100px;top: 30px;border: 1px solid #e2e2e2;background-color: #fbfbfb;border-radius: 3px;display: none;text-align: center;box-shadow: 0px 0px 15px #c2c2c2;border-top: 5px solid #76abb8;
  padding-bottom: 5px;
  background: url(../images/xjt.png) 106px -5px no-repeat;
  background-color: #fff;}
#userInfo nobr{margin: 10px;display: block;}
#uinfoKuang{height:30px;}
#uinfoKuang:hover #userInfo{display: block;}
#loginkuang .layui-input-center{margin-left: 0px;text-align: center;}
#loginkuang .layui-btn-danger{color:#fff;}

.login{float: right;margin-right: 10px;position: relative;}
.login .login{display: block;float: right;}
.login .word{padding:0 2px;}
.login .search{float: right;position: relative;top: 16px;right: 10px;width: 220px;display: none;}
.search .search-btn{position: absolute;right: 0px;top: 0px;color: white;background-color: #5FB878;}
.login .search .layui-input{height: 30px;line-height: 30px;background-color: #eeeeee;}

.login .word2:hover .search{display: block;}
.login .word2:hover .sokey{display: none;}
.word:hover{height: 55px;color: #fff}

#tishi{padding: 5px 10px;border:1px solid #ccc;text-align: left;color:#cd6e00;}

.hr_head_top .right a {
  border-radius: 15px;
  height: 25px;
  line-height: 25px;
  font-weight: 300;
}

#userInfo nobr{
  margin:2px 10px;
}
.colord{color:red;}
.colord:hover{color:#f65f8a;}

.logout{
  background-color: #76abb8;
  color: #fff;
  padding: 2px 10px;
  display: block;
  margin-top: 10px;
}
.logout:hover{color:#ffffff;}

#loginkuang a{
  border-radius: 0px;
  height: 38px;
  line-height: 38px;
  font-weight: 300;}