@charset "utf-8";
 /* reset */
 
 html,
 body {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     -webkit-touch-callout: none;
     -webkit-overflow-scrolling: touch;
     -moz-overflow-scrolling: touch;
     -o-overflow-scrolling: touch;
     overflow-scrolling: touch;
 }
 
 body {
     font-size: 62.5%;
     padding-top: 60px!important;
 }
 
 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td,
 hr,
 button,
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     margin: 0;
     padding: 0;
 }
 
 body,
 button,
 input,
 select,
 textarea {
     font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
     color: #666666;
     background-color: #fff;
     position: relative;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: normal;
 }
 
 textarea {
     resize: none;
 }
 
 input[type=button],
 input[type=submit] {
     cursor: pointer;
 }
 
 input[type=button] {
     -webkit-appearance: none;
     outline: none
 }
 
 input::-webkit-input-placeholder {
     color: #B5B5B5;
 }
 
 textarea::-webkit-input-placeholder {
     color: #B5B5B5;
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0
 }
 
 th {
     text-align: inherit;
 }
 
 fieldset,
 img {
     border: 0 none;
 }
 
 img {
     vertical-align: middle;
 }
 
 abbr,
 acronym {
     border: none;
     font-variant: normal;
 }
 
 del {
     text-decoration: line-through;
 }
 
 hr {
     border: 0;
     height: 1px;
     background-color: #D9D9D9;
 }
 
 ul,
 li,
 ol {
     list-style: none;
 }
 
 input,
 textarea,
 select {
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit
 }
 
 button,
 input {
     border: 0;
     background: 0;
     -webkit-appearance: none;
     outline: 0
 }
 
 a {
     -webkit-touch-callout: none;
     text-decoration: none;
     color: #666666;
     outline: 0;
     cursor: pointer;
 }
 
 a:hover {
     text-decoration: none;
 }
 
 a:focus,
 *:focus {
     outline: none;
 }
 
 em,
 i {
     font-style: normal
 }
 
 label {
     cursor: pointer;
 }
 
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -ms-word-break: break-all;
     word-break: break-all;
     -ms-word-wrap: break-word;
     word-wrap: break-word;
     /* -webkit-tap-highlight-color:rgba(0,0,0,0); */
 }
 
 .clearfix:before,
 .clearfix:after {
     content: "";
     display: table;
 }
 
 .clearfix:after {
     clear: both;
     overflow: hidden;
 }
 
 .clearfix {
     zoom: 1;
 }
 
 .clear {
     clear: both;
     display: block;
     font-size: 0;
     height: 0;
     line-height: 0;
     overflow: hidden;
 }
 /*====================== mouse =======================*/
 
 .cp {
     cursor: pointer;
 }
 
 .cd {
     cursor: default;
 }
 
 .cna {
     cursor: not-allowed;
 }
 /*====================== position =======================*/
 
 .tl {
     text-align: left;
 }
 
 .tc {
     text-align: center;
 }
 
 .tr {
     text-align: right;
 }
 
 .bc {
     margin-left: auto;
     margin-right: auto;
 }
 
 .fl {
     float: left;
 }
 
 .fr {
     float: right;
 }
 
 .cb {
     clear: both;
 }
 
 .cl {
     clear: left;
 }
 
 .cr {
     clear: right;
 }
 
 .vt {
     vertical-align: top;
 }
 
 .vm {
     vertical-align: middle;
 }
 
 .vb {
     vertical-align: bottom;
 }
 
 .pr {
     position: relative;
 }
 
 .pa {
     position: absolute;
 }
 
 .abs-left {
     position: absolute;
     right: 0
 }
 
 .abs-right {
     position: absolute;
     right: 0
 }
 
 .abs-top {
     position: absolute;
     top: 0
 }
 
 .abs-bottom {
     position: absolute;
     bottom: 0
 }
 
 .abs-lt {
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .abs-lb {
     position: absolute;
     left: 0;
     bottom: 0
 }
 
 .abs-rt {
     position: absolute;
     right: 0;
     top: 0
 }
 
 .abs-rb {
     position: absolute;
     right: 0;
     bottom: 0
 }
 
 .zoom {
     zoom: 1;
 }
 
 .hidden {
     visibility: hidden;
 }
 
 .none {
     display: none;
 }
 
 .ib {
     display: inline-block;
 }
 
 .inline {
     display: inline;
 }
 
 .block {
     display: block;
 }
 
 .container {
     width: 1200px;
     margin: 0 auto;
     position: relative;
 }
 
 .icon-download {
     display: inline-block;
     width: 18px;
     height: 18px;
     background: center no-repeat;
     vertical-align: middle;
 }
 
 .icon-download-primary {
     background-image: url("../images/icons/icon_download_primary.png");
 }
 
 .icon-download-white {
     background-image: url("../images/icons/icon_download_white.png");
 }
 
 .icon-download-gold {
     background-image: url("../images/icons/icon_download_gold.png");
 }
 
 .btn-primary {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
     display: inline-block;
     *display: inline;
     *zoom: 1;
     width: 150px;
     height: 40px;
     line-height: 38px;
     text-align: center;
     font-size: 16px;
     background-color: #3188FF;
     color: #fff;
     -webkit-border-radius: 40px;
     -moz-border-radius: 40px;
     border-radius: 40px;
     transition: all .25s ease;
     border: solid 1px transparent;
 }
 
 .btn-primary:hover {
     background-color: #5492ff;
     -webkit-box-shadow: 0 3px 10px rgba(58, 174, 255, 0.6);
     -moz-box-shadow: 0 3px 10px rgba(58, 174, 255, 0.6);
     box-shadow: 0 3px 10px rgba(58, 174, 255, 0.6);
 }
 
 .btn-primary:active {
     background-color: #307afc;
     -webkit-box-shadow: 0 3px 10px rgba(58, 174, 255, 0.6);
     -moz-box-shadow: 0 3px 10px rgba(58, 174, 255, 0.6);
     box-shadow: 0 3px 10px rgba(58, 174, 255, 0.6);
 }
 
 .btn-default,
 .btn-primary-light,
 .btn-primary-gold {
     width: 228px;
     height: 50px;
     line-height: 48px;
     font-size: 18px;
     font-weight: bold;
 }
 
 .btn-primary-light {
     background-color: #EDF8FF;
     color: #3673E9;
 }
 
 .btn-primary-light:hover {
     background-color: #FFC22E;
     color: #8F6A12;
 }
 
 .btn-primary-light:hover .icon-download-primary {
     background-image: url(../images/icons/icon_download_gold.png);
 }
 
 .btn-primary-light:active {
     background-color: #fcbb1f;
 }
 
 .btn-primary-light.has-border {
     border-color: #547fee;
     color: #547fee;
 }
 
 .btn-primary-light.has-border:hover {
     border-color: #3188FF;
     background-color: #3188FF;
     color: #fff;
 }
 
 .btn-primary-light.has-border:hover .icon-download-primary {
     background-image: url(../images/icons/icon_download_white.png);
 }
 
 .btn-primary-light.has-border:active {
     border-color: #217dfa;
     background-color: #217dfa;
 }
 
 .btn-primary-gold {
     background-color: #FFC22E;
     color: #8F6A12;
 }
 
 .btn-primary-gold:hover {
     background-color: #ffcf32;
 }
 
 .btn-primary-gold:active {
     background-color: #f3bb03;
 }
 
 .btn-primary.has-shadow {
     margin-bottom: 5px;
 }
 
 .btn-primary.has-shadow:after {
     content: '';
     display: block;
     width: 77.2%;
     height: 5px;
     position: absolute;
     left: 50%;
     margin-left: -36.6%;
     bottom: -5px;
     background-color: #9DC6EA;
     opacity: .3;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }
 
 .btn-download .icon-download {
     margin-right: 18px;
 }
 
 .site-header {
     overflow: hidden;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 5;
     background-color: #fff;
     border-bottom: 1px solid #3188ff;
 }
 
 .site-header .btn-download {
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -20px;
 }
 
 .site-logo span {
     display: block;
     height: 60px;
     line-height: 60px;
     font-size: 0;
 }
 
 .site-logo img {
     vertical-align: middle;
     max-height: 40px;
 }
 
 .site-footer {
     background-color: #222;
     text-align: center;
     color: #888;
     font-size: 14px;
     padding: 24px 0;
 }
 
 @-webkit-keyframes fadeInFromLeft {
     0%,
     20% {
         transform: translateX(-100%);
         -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
         filter: alpha(opacity=0);
         -moz-opacity: 0;
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
     }
 }
 
 @-moz-keyframes fadeInFromLeft {
     0%,
     20% {
         transform: translateX(-100%);
         -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
         filter: alpha(opacity=0);
         -moz-opacity: 0;
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
     }
 }
 
 @-ms-keyframes fadeInFromLeft {
     0%,
     20% {
         transform: translateX(-100%);
         -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
         filter: alpha(opacity=0);
         -moz-opacity: 0;
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
     }
 }
 
 @keyframes fadeInFromLeft {
     0%,
     20% {
         transform: translateX(-100%);
         -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
         filter: alpha(opacity=0);
         -moz-opacity: 0;
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
     }
 }
 
 @keyframes fadeInFromRight {
     0%,
     20% {
         transform: translateX(100%);
         -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
         -o-transform: translateX(100%);
         filter: alpha(opacity=0);
         -moz-opacity: 0;
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
     }
 }
 
 @-webkit-keyframes dropDown {
     0%,
     20% {
         transform: translateX(100%);
         -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
         -o-transform: translateX(100%);
         filter: alpha(opacity=0);
         -moz-opacity: 0;
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
     }
 }
 
 @-moz-keyframes dropDown {
     0%,
     20% {
         transform: translateX(100%);
         -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
         -o-transform: translateX(100%);
         filter: alpha(opacity=0);
         -moz-opacity: 0;
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
     }
 }
 
 @-ms-keyframes dropDown {
     0%,
     20% {
         transform: translateX(100%);
         -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
         -o-transform: translateX(100%);
         filter: alpha(opacity=0);
         -moz-opacity: 0;
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
     }
 }