@charset "utf-8";
 /*通用样式*/
*{margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
ul, ol, li {list-style: none;}
em, i { font-style: normal;}
img {border: none;}
input, img {vertical-align: middle;}
body { background: #fff;color: #666;font-size: 14px;font-family: arial;}
a {color: #666666;text-decoration: none;}
html, body { background: #f9f9f9;width: 100%; height: 100%;font-family: Helvetica, sans-serif;-webkit-text-size-adjust: none;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
textarea.fixAndroidKeyboard:focus, input.fixAKeyboard:focus {-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaintext-only;}
.noscroll { position: absolute; width: 100%;height: 100%;overflow: hidden;}
.app-dom {width: 100%; }
.clearfix:after {display: block;content: '';clear: both;visibility: hidden;}
 /*页面*/
body {font: 12px/1.5 "Microsoft YaHei", tahoma, arial, Hiragino Sans GB, \5b8b\4f53;overflow: hidden;position: relative;height: 100%;width: 100%;}
 a {text-decoration: none;}
 /*头部*/
.header { position: fixed; width: 100%;top: 20px;left: 0px;z-index: 999;}
.nav {width: 80%; height:80px;line-height: 30px;margin: 0 auto;}
.logo {float: left;background-image:url(../images/red/logo.png);display:block;width:400px; height:80px;background-position: 0 0;background-repeat: no-repeat;background-size:400px;}
.entry { float: right;color: #fff;}
.entry .state {color: #bfbfbf;}
.entry a {font-size: 12px;color: #fff;margin: 0 5px;}
.entry a:hover {color: #bd1a1b;}
/*中间*/
.container { width: 100%;height: 100%;background-color: #fff;}
.content {width: 1200px;height: 100%;margin: 0 auto;;}
.wrap {position: absolute;left: 0;top:28%;width: 100%;text-align: center; z-index: 2;}
.slogan {width: 400px; height:115px;background: url(../images/red/slogan.png) no-repeat 0 0;display: inline-block; background-size: 400px;}
.mid {width: 100%;}
.main-entry {width:420px;height:60px;margin: 15px auto 0;}
.main-entry a {display: block;text-decoration: none;float: left;text-align: center; cursor: pointer;border-radius: 8px;font-size:18px;
letter-spacing: 1px;height:60px;width:200px;color: #ffffff;line-height:60px;position: relative;overflow: hidden;}
.main-entry a .title {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;padding-left: 18px;}
.main-entry a .title i {position: absolute;left:26px; top:11px;background:url(../images/red/in-icon.png) no-repeat 0 0;display: block;width:38px;height:38px;background-size:38px;}
.main-entry a .title .developer {background-image: url(../images/red/in-icon.png);}
.main-entry s {background-color: #a70f0f;opacity: .9;display: block;border-radius: 8px;height: 100%;width: 100%;position: absolute;top: 0;}
.main-entry a:hover s {background-color:#bd1a1b;opacity: 1;}
a.personal-login{ margin-left: 20px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; }
/*底部*/
.footer { position: absolute; bottom: 0px;left: 0px;width: 100%;height: 65px;background-color: white;z-index: 99;}
.nav-links { width: 99%;height: 20px;margin: 0 auto;text-align: center;overflow: hidden;}
.footer ul {padding-left: 5px;}
.footer li {display: inline-block; margin: 2px;}
.footer li a {color: #666;}
.ownership {text-align: center;height: 20px;line-height: 25px;}
.front, .items, .item { position: absolute; left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.back {bottom: 70px;position: absolute;left: 0;top: 0;width: 100%;overflow: hidden;}
.items {overflow: visible;}
.item {background: #fff none no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;display: none;}