@import url(../css/reset.css);
html, body { background: #f4f4f4; }

.page1 { padding: 48px 0 52px; }

.fixed-top-bg { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; }

.fixed-top { height: 48px; padding: 0 15px; background: #ececec; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.logo { width: 92px; height: 35px; }

.fixed-top button { width: 87px; height: 24px; border: 2px solid #5b80c0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 15px; color: #5b80c0; font-weight: bold; padding: 0; }

.img1 { width: 100%; height: 543px; }

.gain-form { margin: 30px 15px; position: relative; }

.gain-form-bg { width: 100%; }

.form-input { position: absolute; left: 18px; top: 89px; right: 18px; }

.form-input input { width: 100%; height: 40px; font-size: 16px; background: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 0 15px; margin-bottom: 5%; box-sizing: border-box; border: 0; }

.yellowbtn, .gain-form button, .djs-tr button, .img5 button, .foot button { background: -moz-linear-gradient(180deg, #f7f38b, #ffdb4e); background: -webkit-linear-gradient(180deg, #f7f38b, #ffdb4e); background: -o-linear-gradient(180deg, #f7f38b, #ffdb4e); background: linear-gradient(180deg, #f7f38b, #ffdb4e); -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; font-size: 18px; color: #7ca8f3; font-weight: bold; }

.gain-form button { height: 44px; width: 100%; }

.img { margin: 0 15px; }

.img2 { width: 100%; height: 270px; }

.djs-box { background: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 23px #d0d0d0; -moz-box-shadow: 0 5px 23px #d0d0d0; -o-box-shadow: 0 5px 23px #d0d0d0; box-shadow: 0 5px 23px #d0d0d0; text-align: center; padding: 25px 0; margin: 40px 15px; }

.djs { width: 235px; height: 36px; margin: 0 auto; }

.djs-tr { position: relative; width: 315px; height: 130px; margin: 40px auto 0; }

.djs-tr img { width: 315px; height: 130px; }

.djs-tr button { position: absolute; bottom: -14px; left: 70px; width: 200px; height: 29px; font-size: 15px; }

.img3 { width: 100%; height: 305px; }

.img4 { width: 100%; height: 399px; }

.img5 { width: 100%; height: 294px; position: relative; }

.img5 img { width: 100%; height: 294px; }

.img5 button { width: 200px; height: 29px; position: absolute; top: 230px; left: 50%; margin-left: -88px; }

.img6 { width: 100%; }

.img7{ padding:0 4% 20px;}

.img7 img { width: 100%; }

.foot-bg { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; }

.foot { position: relative; background: #7ca8f3; height: 52px; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.foot-l { font-size: 15px; color: white; line-height: 52px; position: relative; flex: 1; }

.foot-l b { font-size: 24px; color: #fede56; font-weight: bold; }

.icon-qipao { position: absolute; left: 100px; top: 0; width: 28px; height: 17px; }

.icon-qipao img { position: absolute; left: 0px; top: 0; width: 28px; height: 17px; }

.icon-qipao b { width: 28px; height: 17px; position: absolute; left: 0px; top: -3px; text-align: center; line-height: 17px; font-size: 10px; color: #fedf58; z-index: 99; }

.foot button { width: 127px; height: 30px; }

.suofang{
       -webkit-animation: suofang 1s linear infinite;
       animation: suofang 1s linear infinite;}
   @-webkit-keyframes suofang{from{-webkit-transform: scale(0.95)}
       to{-webkit-transform: scale(1.05)}
   }
   @keyframes suofang{from{transform: scale(0.95)}
       to{transform: scale(1.05)}
   }

   .shan{
    -webkit-animation: shan 1s linear infinite;
    animation: shan 1s linear infinite;}
@-webkit-keyframes shan{from{box-shadow:0 0 2px  #5b80c0;}
    to{box-shadow:0 0 18px  #5b80c0;}
}
@keyframes shan{from{ box-shadow:0 0 2px  #5b80c0;}
to{box-shadow:0 0 18px #5b80c0;}
}

.shan1{
    -webkit-animation: shan1 1s linear infinite;
    animation: shan1 1s linear infinite;}
@-webkit-keyframes shan1{from{box-shadow:0 0 2px  #ffdb4e;}
    to{box-shadow:0 0 18px  #ffdb4e;}
}
@keyframes shan1{from{ box-shadow:0 0 2px  #ffdb4e;}
to{box-shadow:0 0 18px #ffdb4e;}
}

.cc_button {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
	border:2px solid #5b80c0;
	color:#5b80c0;
}

.cc_button1 {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	color:#7ca8f3;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

/* .cc_button {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
} */

.ripple {
    position: relative;
    overflow: hidden
}

.ripple:after {
    content: "";
    background: rgba(255,255,255,0.3);
    display: block;
    position: absolute;
    border-radius: 50%;
/*     padding-top: 240%;
    padding-left: 240%;
    margin-top: -120%;
    margin-left: -120%;
    opacity: 0; */
    transition: all 1s;
}

/* .ripple:active:after {
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
    opacity: 1;
    transition: 0s
} */

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.shan2:after{
    -webkit-animation: shan2 1s linear infinite;
    animation: shan2 1s linear infinite;}
@-webkit-keyframes shan2{from{padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
    opacity: 1;
    transition: 0s}
    to{padding-top: 240%;
    padding-left: 240%;
    margin-top: -120%;
    margin-left: -120%;
    opacity: 0;}
}
@keyframes shan2{from{ padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
    opacity: 1;
    transition: 0s}
to{padding-top: 240%;
    padding-left: 240%;
    margin-top: -120%;
    margin-left: -120%;
    opacity: 0;}
}

.btn-org {
    background: -webkit-linear-gradient(#f7f38a, #ffdc50); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#f7f38a, #ffdc50); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#f7f38a, #ffdc50); /* Firefox 3.6 - 15 */
  background: linear-gradient(#f7f38a, #ffdc50); /* 标准的语法 */
}

.foot_btn{ position: absolute; right:10px; top:50%;transform: translateY(-50%)}