@charset "UTF-8";

* {
    padding: 0;
    margin: 0;
    /*font-size: 16px;*/
}

body, html, h1, h2, h3, h4, h5, h6 {
    font-family: 'Microsoft Yahei', tahoma, arial, 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', '\5b8b\4f53', sans-serif;;
}

a {
    text-decoration: none;
    color: inherit;
}

a, img, select, input, select {
    outline: none;
}

ul, li, ol {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.height0 {
    height: 0;
}

html {
    font-size: 32px;
    height: 100%;
}

body {
    max-width: 750px;
    margin: 0 auto;
    line-height: 1;
    height: 100%;
    min-height: 100%;
    background-color: #fff;
    color: #333;
}

.gradient {
    background-color: #e02727;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3701), to(#ef2423));
    background-image: -webkit-linear-gradient(to right, #ff3701, #ef2423);
    background-image: -moz-linear-gradient(to right, #ff3701, #ef2423);
    background-image: -o-linear-gradient(to right, #ff6600, #ef2423);
    background-image: -ms-linear-gradient(to right, #ff3701, #ef2423);
}


.content-title {
    font-size: 1.5rem;
    color: #333;
    font-weight: normal;
    text-align: center;
}

.content-title .small {
    display: block;
    color: #333;
    font-size: 1.5rem;
    margin-top: 0.28125rem;
}


.container750 {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

input, select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 0.9375rem;
    font-size: 0.9375rem;
    color: #333;
    display: block;
    width: 100%;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    /* box-shadow: 0px 0px 6px #e2e2e2 inset; */
    line-height: 1.2;
    box-sizing: border-box;
    height: 2.40625rem;
}

select {
    background: transparent url('../img/selectbg_sle.png') right center no-repeat;
    background-size: auto 100%;
}

.page-header {
    height: 0;
    padding-left: 0.9375rem;
}

.page-header .logo {
    display: block;
    width: 6.875rem;
    position: relative;
}

.banner-content {
    height: 24.04375rem;
    background: url('../img/banner021.jpg') top center no-repeat;
    background-size: 100%;
}

.banner-content .content-wrapper {
    text-align: center;
    padding-top: 9.6875rem;
}

.banner-content .join-link {
    display: inline-block;
    font-size: 1.125rem;
    color: #fff;
    padding: 0 0.3em;
    background-color: #be0502;
    line-height: 1.75rem;
    border-radius: 3px;
}

.form-content {
    width: 21.5625rem;
   
    margin: 0 auto;
   
    border-radius: 5px;
    padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
}

.form-content .controls {
    overflow: hidden;
    margin-bottom: 0.9375rem;
}

.form-content .primary-btn {
    display: block;
    width: 100%;
    text-align: center;
    height: 2.4375rem;
    background-color: #f32415;
    color: #fff;
    border-radius: 10px;
    font-size: 0.9375rem;
    border: medium none;
}

.form-content input:disabled, 
.form-content select:disabled {
    border-color: #eee;
    color: #999;
}

.form-content .code-time:disabled {
    background-color: #eee;
    color: #ccc;
}

.flex-box {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
}

.flex-box .item {
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    width: 20%; /* For old syntax, otherwise collapses. */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.form-content .phone-code-box .form-input {
    border-radius: 10px 0 0 10px;
}

.form-content .code-time {
    height: 2.40625rem;
    font-size: 0.9375rem;
    color: #fff;
    text-align: center;
    background-color: #f32415;
    box-sizing: border-box;
    border: 1px solid #f32415;
    border-left: none;
    border-radius: 10px;
    /* line-height: 0.38rem; */
    padding: 0 1.09375rem;
    margin-left: -1.09375rem;
}

.haslogin-tip, .qa, .answer {
    font-size: 0.75rem;
    color: #666;
    line-height: 1.3;
    padding: 3px 20px;
}

.qa {
  padding-top: 0.4rem;
}

.answer {
    margin-top: 0.03rem;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.impel-content {
    padding-top: 2.96875rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
}

.impel-content .cover {
    float: left;
    width: 9.46875rem;
}

.impel-content .contents {
    width: 12.53rem;
    float: right;
    padding-right: 0.9375rem;
}

.impel-content .content-title {
    text-align: left;
}

.impel-content .summary {
    margin-top: 1.5rem;
}

.impel-content .summary li {
    font-size: 0.78125rem;
    line-height: 1.2;
    margin-bottom: 0.625rem;
    position: relative;
    padding-left: 0.625rem;
}

.impel-content .summary li::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.15625rem;
    width: 0.34375rem;
    height: 0.34375rem;
    border-radius: 50%;
    background-color: #e02727;
}


.science-content {
    padding-top: 1.8875rem;
    padding-bottom: 1.71875rem;
    border-bottom: 1px solid #e2e2e2;
}

.science-content .slide-container {
    /*width: 19.6875rem;*/
    width: 21.5625rem;
    margin: 1.375rem auto 0;
}

.slide-container .hiSlider {
    overflow: hidden;
    padding-bottom: 0.5rem;
}


.slide-container .hiSlider-pages {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}


.gift-content {
    border-bottom: 1px solid #e2e2e2;
    padding: 2.1785rem 0 0;
}

.gift-content .images-container {
    overflow: hidden;
    margin-top: 1.5625rem;
}

.gift-content .img-span {
    width: 10.34375rem;
}

.gift-content img {
    display: block;
    width: 100%;
}
.gift-content1 img {
    display: block;
    width: 100%;
}

.gift-content .img-span:first-child {
    float: left;
}

.gift-content .img-span:last-child {
    float: right;
}


.course-summary-content {
    padding-top: 2.125rem;
    padding-bottom: 2.25rem;
}

.course-summary-content .list {
    overflow: hidden;
    margin-top: 1.5rem;
    padding-left: 0.9375rem;
}

.course-summary-content .list .item {
    width: 4.6875rem;
    float: left;
    /*text-align: center;*/
    margin-left: 0.9375rem;
}

.course-summary-content .list .item:first-child {
    text-align: center;
    margin-left: 0;
}

.course-summary-content .list .icon {
    display: block;
    width: 2.28125rem;
    height: 2.28125rem;
    margin: 0 auto;
}

.course-summary-content .list .text {
    font-size: 0.6875rem;
    color: #333;
    line-height: 1.454545;
    margin-top: 0.5rem;
}


.hiSlider-pages a {
    width: 0.3125rem;
    height: 0.3125rem;
    margin: 0 0.15625rem;
}

.hiSlider-pages a.active {
    background-color: #f40012;
}

.slide-container img {
    display: block;
    width: 100%;
    height: 12.4375rem;
}

.slide-container .title {
    text-align: center;
    padding: 0.6375rem 0;
    font-size: 0.78125rem;
    color: #333;
}

.slide-container .title strong {
    font-weight: normal;
    color: #e02727;
    font-size: 0.75rem;
}

.slide-container .title strong::after {
    content: '|';
    color: #e02727;
    margin: 0 0.4rem;
}


.fixed-container {
    background-color: #f5f5f5;
    min-height: 3.6875rem;
}

.fixed-container .inner {
    border-top: 1px solid #eee;
    padding: 0.75rem 0.9375rem;
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    background-color: #fff;
}

.fixed-container .inner.fixed {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0;
}

.fixed-container .inner .logo {
    position: absolute;
    bottom: 100%;
    right: 0.9375rem;
    width: 4.21875rem;
    height: 3.28125rem;
    background: url('../img/monkey.png') top center no-repeat;
    background-size: 100% auto;
}

.fixed-container .inner::after {
    content: '';
    zoom: 1;
    clear: both;
    display: block;
}

.fixed-container .text {
    float: left;
    line-height: 2.1875rem;
    color: #222222;
    font-size: 1rem;
}

.fixed-container .text .number {
    font-weight: bold;
    color: #e02727;
}

.fixed-container .btn {
    float: right;
    height: 2.1875rem;
    width: 6.375rem;
    border-radius: 12px;
    background-color: #e02727;
    text-align: center;
}

.fixed-container .btn .btn-text {
    font-size: 0.875rem;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 2.1875rem;
}

.fixed-container .btn .btn-text::after {
    content: '';
    display: inline-block;
    /*vertical-align: middle;*/
    width: 0.5625rem;
    height: 0.5625rem;
    background: url('../img/btn_bg_w.png') center center no-repeat;
    background-size: 100% 100%;
    margin-left: 0.25rem;
}


.form-content .primary-btn::after {
    content: '';
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    background: url('../img/btn_bg_w.png') center center no-repeat;
    background-size: 100% 100%;
    margin-left: 0.25rem;
}

#footer {
    /* min-height: 0.5rem; */
    background-color: #333333;
}

#footer .tel {
    color: #fff;
}

#footer .footer-inner {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

#footer .contact,
#footer .tel {
    font-size: 0.75rem;
}

#footer .address {
    font-size: 0.5625rem;
    margin-top: 0.4375rem;
    line-height: 1.2;
}


#goTop {
    display: none;
    height: 1.5625rem;
    width: 1.5625rem;
    background:url('../img/go_top.png') no-repeat center center;
    background-size: 135%;
    margin-bottom: 5px;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
    position: fixed;
    z-index: 10;
    right: 2%;
    bottom: 1.5rem;
}