html, body { background: #fff; padding: 0; margin: 0;  font-family:'Microsoft YaHei'}
* { -webkit-user-select: none; /* Chrome, Opera, Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* 标准语法 */ }
input, textarea { -webkit-user-select: text; /* Chrome, Opera, Safari */ -moz-user-select: text; /* Firefox */ -ms-user-select: text; /* Internet Explorer/Edge */ user-select: text; /* 标准语法 */ }
@font-face { font-family: 'MicrosoftYaHei'; src: url('MicrosoftYaHei.eot'); src: url('MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), url('MicrosoftYaHei.woff') format('woff'), url('MicrosoftYaHei.ttf') format('truetype'), url('MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); }
body { font-family: Helvetica; }
h1, h2, h3, h4, h5,h6,h7, p, i, em { padding: 0; margin: 0 }
ul, li { padding: 0; margin: 0; list-style: none; }
a { text-decoration: none }
a:hover { -webkit-tap-highlight-color: transparent; }
.masklayer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .55; z-index: 105; display: none; }


.top { background:#A10417; height:70px}
.top .top_main { width:1200px; margin:0 auto; display:flex; justify-content:space-between; height:70px}
.top .top_main .top_logo { display:flex; align-items:center}
.top .top_main .top_logo a{ display:flex; align-items:center}
.top .top_main .top_logo span { margin-left:20px; color:#fff; font-size:18px;}
.top .top_main .top_user { display:flex; align-items:center; position:relative; z-index:102; height:70px; cursor:pointer}
/*.top .top_main .top_user:hover ul{ display:block}*/
.top .top_main .top_user ul {display:none ; position:absolute; background:#fff; border-radius:10px; border: 1px solid transparent; box-shadow: 0px 4px 24px 0px rgba(10, 10, 51, 0.12), 0px 0px 8px 0px rgba(0, 0, 0, 0.04); padding:5px 20px; top:71px; right:0; z-index:100; margin-top:-1px}
.top .top_main .top_user i { transition: transform 0.5s ease;  color:#fff;  }
/*.top .top_main .top_user i:before { transition: transform 0.3s ease;  } */
/*.top .top_main .top_user:hover i:before {  transform: rotate(180deg); transform: rotate(180deg);}*/
.top .top_main .top_user label { color:#fff;  cursor:pointer; }
.top .top_main .top_user ul li { border-bottom:1px solid #eee; text-align:center; padding:10px 0}
.top .top_main .top_user ul li:last-child { border-bottom:none;}
.top .top_main .top_user ul li a { color:#000; font-size:14px;}
.top .top_main .top_user_down:hover ul{ display:block}
.top .top_main .top_user_down i { transition: transform 0.5s ease;  color:#fff;  }
.top .top_main .top_user_down:hover i:before {  transform: rotate(180deg); transform: rotate(180deg);}



.load-container { position: fixed; left: 50%; top: 50%; margin-left: -5rem; margin-top: -5rem; width: 10rem; height: 10rem; z-index: 2000001; background: rgba(0,0,0,0.65) none repeat scroll !important; border-radius: 4px; }
.load-container a:link,
.load-container a:visited { position: absolute; bottom: 3px; font-size: 1.15em; text-align: center; left: 0; right: 0; text-decoration: none; color: #FFF; }
.load-container a:link:hover,
.load-container a:visited:hover { text-decoration: underline; }
.loader { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.load8 .loader { margin: 6em auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 0.5rem solid rgba(255, 255, 255, 0.2); border-right: 0.5rem solid rgba(255, 255, 255, 0.2); border-bottom: 0.5rem solid rgba(255, 255, 255, 0.2); border-left: 0.5rem solid #ffffff; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }
.load8 .loader, .load8 .loader:after { border-radius: 50%; width: 4rem; height: 4rem; margin-top: 2.5rem; }
@-webkit-keyframes load8 {
 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}