.big-event-gray {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "微软雅黑","Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

a, label, button, input, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {    
    height: auto;    
    border: 0;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #666;
    padding-top:1rem;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

table{border-collapse:collapse;border-spacing:0;}

a{
    text-decoration: none;
    color: #333;
}
li{
    list-style: none;
}
.clearfix{
    *zoom: 1;
}
.clearfix::before,.clearfix::after{
    content: '';
    display: table;
    line-height: 0;
    visibility: hidden;
    clear: both;
}
.frt
{
    float:right;
    }
.flt
{
    float:left;
    }
    
/*header*/
.header
{  
    display:flex;
    height:1rem;
    justify-content:space-between;
    align-items:center;
    font-size:0;
    position:fixed;
    top:0;    
    width:100%;
    box-sizing:border-box;
    padding:0 0.3rem;
    background:#fff;
    box-shadow:0 0 5px rgba(0,0,0,.2);
    z-index:999999;
    }
.header .logo
{
    width:3.6rem;   
    }
.header  .btn
{  
    width:0.4rem;
    }

.navbox
{
    position:fixed;
    width:60%;
    height:100%;
    background:rgba(91,34,69,.9);
    top:0;
    right:0;
    z-index:9999999;
    color:#fff;
    overflow:auto;
    transform:translateX(100%);
    -webkit-transform:translateX(100%);	
	-webkit-transition:transform 0.5s; 
	transition:transform 0.5s; 	
	
    }
.navbox.show{		
		transform:translateX(0);
		-webkit-transform:translateX(0);
	}
    
.navheader
{
    display:flex;
    justify-content:space-between;
    padding:0.3rem;
    align-items:center;
    border-bottom:1px solid #ccc;
    
    } 
.navheader p
{
    font-size:0.6rem;    
    }
.navheader img
{
    
    }
.navbox a
{
    color:#fff;
    font-size:0.48rem;
    }
.navbox ul
{
    padding-left:0.3rem;
    }
.navbox ul ul
{
    font-size:0.3rem;
    }
    
/*footer*/
.footer
{
    background:#5b2245;
    padding:0.1rem 0.3rem;
    margin-top:0.8rem;
    }
.footer .logo_w
{
    width:2.9rem;
    }
.footer .blue
{
    width:0.4rem;
    }
.footer .text
{
    font-size:0.14rem;
    color:#fff;
    }
.footer .text a
{
    color:#fff;
    }
.navbox ul .haschildren > a:after
{
    content:'>';
    padding-bottom:0.1rem;
    transform:rotate(90deg);
    display:inline-block;    
    }