html {
  background-color: #fff;
}
body {
  font-family: "微软雅黑";
  font-size: 14px;
  outline: none;
}
a:active, a:focus {
            outline: none;
          }
#header {
  /* border-bottom: #393939 solid 1px; */
}
.showcase {
  background: #fcfef8;
}
.apply-container {
  background: #fff;
}
.apply {
  width: 1000px;
  margin: 0 auto;
  padding: 75px 0 50px 0;
  text-align: center;
}
.apply h2 {
  text-align: center;
  font-size: 32px;
  color: #333;
}
.apply h3 {
  font-size: 16px;
  line-height: 20px;
  color: #666;
  margin: 10px auto;
  text-align: center;
}
.apply .apply-action {
  margin-top: 20px;
}
.apply .apply-action .ui-button-green {
  width: 120px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
}

.case-container {
  background: #fff;
}
.case {
  width: 1000px;
  height: 447px;
  margin: 0 auto;
}
.case .case-item {
  position: relative;
  width: 252px;
  height: 447px;
  margin-right: 30px;
}
.case .case-item:first-child {
  margin-left: 91px;
}
.case .case-item .case-img{
  position: absolute;
  left: 0;
  top: 0;
}
.case .case-item .case-qr{
  position: absolute;
  left: 0;
  top: 0;
  width: 252px;
  height: 447px;
  background: url(../images/case-qr-bg.png) no-repeat;
  display: none;
}
.case .case-item .case-qr img {
  margin: 77px 0 0 28px;
}
.case .case-item .case-qr p {
  text-align: center;
  margin-top: 10px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.case .case-item:hover .case-qr {
  display: block;
  cursor: pointer;
}

.features {}

.step-container {
  background: #444546;
}
.step {
  width: 1000px;
  margin: 0 auto;
  padding: 100px 0 440px 0;
  text-align: center;
  background: url(../images/step.png) 197px bottom no-repeat;
}
.step h2 {
  color: #fff;
  font-size: 30px;
  color: #f6f6f6;
  width: 310px;
  margin: 0 auto 20px auto;
}
.step h3 {
  color: #8d8d8d;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
}

.button-container {
  background: #393a3b;
}
.button {
  width: 1000px;
  margin: 0 auto;
  padding: 100px 0 500px 0;
  text-align: center;
  background: url(../images/button.png) 315px bottom no-repeat;
}
.button h2 {
  color: #fff;
  font-size: 30px;
  color: #f6f6f6;
  width: 310px;
  margin: 0 auto 20px auto;
}
.button h3 {
  color: #8d8d8d;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
}


.more {
  width: 100%;
  background: #fcfef8;
}
.more-box {
  width: 1000px;
  margin: 0 auto;
  padding:80px 0 50px 0;
}
.more-box h2 {
  text-align: center;
  font-size: 32px;
  color: #333;
}
.more-box h3 {
  font-size: 16px;
  line-height: 20px;
  color: #666;
  margin: 10px 0 60px 0;
  text-align: center;
}
.more-box ul {
  margin-left: 30px;
}
.more-box li {
  width: 270px;
  margin: 0 20px;
  float: left;
  text-align: center;
}
.more-box li a {
  display: inline-block;
  width: 81px;
  height: 81px;
  background: url(../images/features.png) no-repeat;
  cursor: pointer;
}
.more-box li a.intro-secret {
  background-position: 0 0;
}
.more-box li a.intro-form {
  background-position: 0 -972px;
}
.more-box li a.intro-ticket {
  background-position: 0 -1134px;
}
.more-box li a.intro-site {
  background-position: 0 -1296px;
}
.more-box li a.intro-user {
  background-position: 0 -81px;
}
.more-box li a.intro-point {
  background-position: 0 -243px;
}
/*.more-box li a.intro-info {
    background-position: 0 -162px;
}*/
/*.more-box li a.intro-card {
    background-position: 0 -324px;
}*/
.more-box li a.intro-screen {
  background-position: 0 -405px;
}
.more-box li a.intro-secret:hover {
  background-position: 0 -486px;
}
.more-box li a.intro-form:hover {
  background-position: 0 -1053px;
}
.more-box li a.intro-ticket:hover {
  background-position: 0 -1215px;
}
.more-box li a.intro-site:hover {
  background-position: 0 -1377px;
}
.more-box li a.intro-user:hover {
  background-position: 0 -567px;
}
.more-box li a.intro-point:hover {
  background-position: 0 -729px;
}
.more-box li a.intro-screen:hover {
  background-position: 0 -891px;
}
/*.more-box li a.intro-info {
    background-position: 0 -162px;
}*/
/*.more-box li a.intro-card {
    background-position: 0 -324px;
}*/
.more-box li a.intro-secret:hover {
  background-position: 0 -486px;
}
.more-box li a.intro-form:hover {
  background-position: 0 -1053px;
}
.more-box li a.intro-site:hover {
  background-position: 0 -1377px;
}
.more-box li a.intro-user:hover {
  background-position: 0 -567px;
}
.more-box li a.intro-point:hover {
  background-position: 0 -729px;
}
.more-box li a.intro-screen:hover {
  background-position: 0 -891px;
}
/*.more-box li a.intro-info:hover {
    background-position: 0 -648px;
}*/
/*.more-box li a.intro-card:hover {
    background-position: 0 -810px;
}*/
.more-box li p {
  font-size: 14px;
  color: #666;
  margin: 10px 0 30px 0;
}
.re-apply {
  height: 360px;
  background: #e8ebe2;
}
.reapply-action {
  text-align: center;
}
.reapply-action .ui-button-green {
  margin: 150px 0 20px 0;
  width: 120px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
}
.reapply-service {
  text-align: center;
}
.reapply-service a {
  display: block;
  margin: 0 auto;
  width: 110px;
  color: #666;
  font-size: 16px;
  line-height: 24px;
}
.reapply-service a em {
  width: 24px;
  height: 24px;
  background: url(../images/qq.png) no-repeat;
}