
body{color:#595959;}
    /*** Background & Color ***********/
    ul{margin:0px;padding:0px;}
a{
    color: #bb317e;
}
a:hover
{
    color:#ec1772;
    }
.nav a, .nav i, .nav p, .one i.icon-chevron-right{
	color:#ffffff;
}
.nav a:hover
{
    color:#fffdb6;
    }
.nav h3, .nav h4, .nav h3 i, .nav h4 i{
	color:#ffffff;
}
.nav em{
	color:#FF0000;
}
.nav h6,
.nav img{
	background-color:rgba(255,255,255,.3);
}

.nav{ /*BACK COLOR*/
	background: none;
    padding: 0;
    justify-content: unset;
    border-top: 0;
    border-bottom: none;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
.header
{
	background: rgba(86, 45, 143, 0.5);
    position: fixed;
    z-index: 99999;
    width: 100%;
    border-bottom:1px solid #b170ed;
    box-shadow: 3px 5px 10px #18043540;
    backdrop-filter: blur(10px);
}
.one li,.cover1{                                   /*PRIMARY COLOR - (For each menu must change)*/
	background:none;
}

#social i,
#icon i,
#search i{                                 /*PRIMARY COLOR - (For each menu must change)*/
	color:#4D85EA;
}
.one li:hover > a{
	background-color:rgba(51,51,51,.8);	
}
#icon{
	background-color: #ffffff;	
}

#social a:hover i,
#search a:hover i{
	color:#666666;
}
#search input {
	background-color:rgba(51,51,51,.1);
	border-color:#4D85EA;                   /*PRIMARY COLOR - (For each menu must change)*/
}
.live{
	position:relative;
	width:80%;
	height:150px;
	padding:30px 10px 20px 30px;
}
.live h3, .live h4, .live h5{
	font-family:'exodemi_bold', Geneva, sans-serif;
}
.live h3{
	font-size:32px;
	text-transform:uppercase;
	color:#4D85EA;
}
.live h4{
	font-size:22px;
	color:#CCCCCC;
}
.live h5{
	font-size:16px;
	color:#ffffff;
	line-height:26px;
}
@media screen and (min-width:0px) and (max-width:800px) {
	.live h3, .live h4, .live h5{
		display:none;
    }
}
.headtitle
{
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    color: #666666;
    height: 20px;
}
.headtitle span{ float:right;    margin-right: 15px;}

.headtitle span img{
    width: 16px;
    vertical-align: -2px;
    margin-right: 3px;
}    
.nav .logo{
    padding: 0px;
    height: 30px;
    box-shadow: none;
    background: none;
    margin-left: 30px;
    margin-right: 10px;
    cursor:pointer;
}
.nav li ul
{
    background: rgba(108,64,165,0.9);
    border: 1px solid #0c0435;
    font-family: "Microsoft YaHei",Î¢ÈíÑÅºÚ,ËÎÌå;
}
#home {width:800px;padding: 10px;
    height: 360px;}
#home li
{
    width:100%;
    padding: 0;    
    font-family: "Microsoft YaHei",Î¢ÈíÑÅºÚ,ËÎÌå;
    line-height: 1.5;
}
#home li h3
{
    margin: 0;
    padding: 0px;
    line-height: 2;
    font-size: 16px;
    background: #fcf7ff;
    margin-bottom:5px;
    margin-top:5px;
    border-bottom: 1px solid #fcf7ff;
}
#home li h3:first-child{
    border-top: 0px;}
#home li span{border:0px;margin-right: 10px;}

.nav .arr{                                   /*PRIMARY COLOR - (For each menu must change)*/
	background: url(/ima/nav-down.png) no-repeat right center;
}
.ham 
{
    display:none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: right;
    margin-right: 15px;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#fff;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}
@media screen and  (min-width:1px) and (max-width:800px)
{
    .nav .logo{margin:20px 20px 10px 20px;}   
    .ham 
    {
        display:block;
    } 
}
.headerbg
{
    width: 100%;
    height: 61px;
    background: url(/ima/headerbg.jpg) no-repeat;
    background-size: 100% 100%;
    display: block;
    background: #7b5ea8;
    background: -webkit-linear-gradient(top, #8e62c1 0, #7b5ea8 100%);
    background: linear-gradient(to bottom, #7b5ea8 0, #8e62c1 100%);
}