body,html {
 background:#eeeeee;
 line-height:1.5;
 font-family:'Microsoft Yahei','Microsoft Yahei Light',Lantinghei,verdana,sans-serif;
 -webkit-font-smoothing:antialiased;
 margin:0
}
li {
 list-style:none
}
.header {
 z-index:100;
 width:100%;
 height:76px;
 background:#fff;
 display:block;
 position:fixed
}

.header .header-wrap {
 position:relative;
 width:1200px;
 height:76px;
 margin:0 auto;
 font-size:0
}
.header.shadow {
 -webkit-box-shadow:rgba(0,0,0,0.6) 0 1px 8px 0;
 box-shadow:rgba(0,0,0,0.6) 0 1px 8px 0
}

.clear {
 zoom:1
}
.logo {
 width:180px;
 height:74px;
 float:left;
 /* background-color:#a43a8f */
}
.logo img {
 vertical-align:middle;
 border:0;
 width:180px;
 height:76px
}

a {
 outline:0;
 color:inherit;
 text-decoration:none;
 background-color:transparent
}


.navigation.pc {
 position:relative;
 width:820px;
 display:inline-block;
 margin-left:10px;
 text-align:center
}
.navigation.pc ul {
 text-align:left;
 padding:0;
 list-style:none;
 margin:0
}
.navigation li {
 position:relative;
 display:inline-block
}
.navigation li:hover {
 background-color:#a43a8f;
 color:#fff
}
.navigation a:hover {
 color:#fff
}
.navigation a {
 display:block;
 font-size:16px;
 line-height:76px;
 position:relative;
 zoom:1;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height:76px;
 padding:0 19px;
 vertical-align:middle;
 color:#333
}

.navigation.pc ul .navigation-ctrl {
 position:absolute;
 height:76px;
 line-height:76px;
 right:0
}
.navigation-ctrl .navigation-login,.navigation-ctrl .navigation-trial {
 font-size:16px;
 line-height:38px;
 display:none;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 width:80px;
 height:38px;
 margin-left:8px;
 vertical-align:middle
}



.btn-yell {
 color:#a16f23;
 background:#ffce2e;
 -webkit-transition:all ease .3s;
 -o-transition:all ease .3s;
 transition:all ease .3s
}
.btn {
 border-radius:4px;
 text-align:center
}
.btn-gree {
 color:#fff;
 background:#39c19a;
 transition:all ease .3s;
 text-align:center
}