/* normalize */
* { box-sizing: border-box; }

a, body, button, code, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, html, iframe, img, input, label, li, ol, p, q, small, span, strong, table, ul { margin: 0; padding: 0; border: 0; }

html, body { height: 100%; width: 100%; font-family: Microsoft YaHei, STHeiti, Helvetica, Arial, sans-serif; }

img { display: block; max-width: 100%; border: none; }

a { outline: none; text-decoration: none; -webkit-tap-highlight-color: transparent; }

.left { float: left; }

.right { float: right; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.line-top:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; background-color: #e0e0e0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.line-bottom:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #e0e0e0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.w-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.w-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* toLoad */
.toLoad { height: 60px; display: flex; align-items: center; background-color: #0e0e0e; padding: 0 20px; }
.toLoad img { width: 50px; margin-right: 15px; }
.toLoad p { flex: 1; font-size: 14px; color: #fff; letter-spacing: 2px; }
.toLoad a { display: block; width: 80px; height: 32px; line-height: 32px; text-align: center; background-color: #1369bf; color: #fff; border-radius: 2px; font-size: 12px; }

/* activity */
.banner { line-height: 1.2; position: relative; }
.banner img { width: 100%; display: block; }
.banner div { width: 100%; position: absolute; left: 0; padding: 30px 0 10px; bottom: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(60%, rgba(0, 0, 0, 0.1)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.1) 60%, transparent 100%); }
.banner div h5 { font-size: 18px; color: #fff; font-weight: 500; padding: 0 15px; text-align: center; }
.banner div p { font-size: 12px; color: #e0e0e0; }

.banner.course div { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 10px; padding: 0 15px; }
.banner.course div h5 { padding: 0; font-size: 18px; color: #fff; margin-bottom: 10px; text-align: left; font-weight: 600; }
.banner.course div p { font-size: 12px; color: #e0e0e0; line-height: 1.2; }

.explain { font-size: 16px; color: #4a4a4a; padding: 15px 15px 50px; }

.detail-foot { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; text-align: center; font-size: 16px; line-height: 3.125; }
.detail-foot a { background-color: #fff; color: #0e0e0e; flex: 1; }
.detail-foot a:last-of-type { flex: 1.96; display: block; background-color: #0e0e0e; color: #fff; }

/* course */
.detail-list { padding: 20px 15px 0px; line-height: 1.2; }
.detail-list li { list-style: none; padding-bottom: 27px; }
.detail-list li.forex-box h4 { margin-bottom: 3px; }
.detail-list li h4 { font-size: 16px; margin-bottom: 20px; position: relative; }
.detail-list li h4 span { margin-left: 13px; }
.detail-list li h4:before { content: ''; width: 5px; height: 16px; background-color: #0e0e0e; position: absolute; }
.detail-list li .details { font-size: 16px; color: #4a4a4a; line-height: 1.3; }

.forex { overflow: hidden; padding: 15px 0; position: relative; }
.forex a { display: block; position: relative; }
.forex img { width: 140px; margin-left: 20px; border-radius: 2px; }
.forex img.left { margin: 0 20px 0 0; }
.forex .content { overflow: hidden; }
.forex .content h5 { color: #0e0e0e; font-size: 16px; }
.forex .content span { font-size: 12px; color: #767676; position: absolute; bottom: 3px; }

/* download */
.web { width: 100%; height: 100%; overflow: hidden; position: relative; background: transparent url(../img/APP.png) center no-repeat; background-size: 100% 100%; }
.web .logo { margin-top: 160px; color: #fff; text-align: center; }
.web .logo img { width: 80px; margin: 0 auto; }
.web .logo h5 { font-size: 18px; margin: 15px 0 10px; }
.web .logo p { font-size: 12px; }
.web footer { width: 100%; position: absolute; bottom: 114px; }
.web footer a { display: flex; width: 58%; height: 44px; margin: 0 auto; align-items: center; justify-content: center; background-color: #fff; border-radius: 22px; color: #0e0e0e; font-size: 14px; }
.web footer a:first-of-type { margin-bottom: 30px; }
.web footer a img { max-height: 21px; margin-right: 12px; }

.pc { width: 100%; height: 100%; min-width: 1200px; background: transparent url(../img/PC.png) center no-repeat; background-size: 100% 100%; overflow: hidden; position: relative; }
.pc .inner-pc { width: 1200px; min-width: 1200px; color: #fff; position: absolute; top: 58%; left: 50%; transform: translate(-50%, -50%); }
.pc .inner-pc h2 { font-size: 45px; font-weight: normal; letter-spacing: 1px; }
.pc .inner-pc p { font-size: 30px; margin: 60px 0 40px; letter-spacing: 3px; }
.pc .inner-pc .code { display: flex; align-items: center; margin-bottom: 60px; }
.pc .inner-pc .code .barcode { width: 235px; }
.pc .inner-pc .code .right { margin: 0 30px; }
.pc .inner-pc .code .logo { width: 120px; }
.pc .inner-pc .load { display: flex; }
.pc .inner-pc .load a { display: flex; width: 240px; height: 55px; align-items: center; justify-content: center; background-color: #fff; border-radius: 27px; color: #0e0e0e; font-size: 24px; }
.pc .inner-pc .load a:first-of-type { margin-right: 40px; }
.pc .inner-pc .load a img { height: 32px; margin-right: 10px; }

/* course list */
.probation { padding: 15px 15px 5px; background-color: #fff; position: relative; line-height: 1; }
.probation:after { content: ''; position: absolute; left: 15px; right: 15px; bottom: 0; height: 1px; background-color: #e0e0e0; transform: scaleY(0.5); }
.probation a { display: block; }
.probation img { width: 100%; max-height: 237px; display: block; border-radius: 2px; overflow: hidden; }
.probation .inner-pro { color: #ababab; }
.probation .inner-pro h4 { font-size: 16px; font-weight: normal; margin: 14px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.probation .inner-pro p { font-size: 12px; line-height: 2; }
.probation .inner-pro p span { float: right; }

/* author */
.already { padding: 20px 15px 15px; }
.already a { display: block; width: 100%; display: flex; align-items: center; }
.already img { width: 80px; margin-right: 15px; border-radius: 50%; }
.already .inner-alr { overflow: hidden; color: #0e0e0e; }
.already .inner-alr h4 { font-size: 16px; margin-bottom: 10px; font-weight: normal; }
.already .inner-alr h4 span { font-size: 12px; color: #767676; margin-left: 20px; }
.already .inner-alr p { font-size: 12px; }

.author_article { padding: 0 15px; }

.splitter { height: 10px; background-color: #f9f9f9; }

/* special subject */
.special .inner-spe { position: relative; }
.special .inner-spe h2 { width: 100%; position: absolute; bottom: 0; font-size: 18px; color: #fff; padding: 30px 15px 10px; font-weight: normal; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(60%, rgba(0, 0, 0, 0.1)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.1) 60%, transparent 100%); }
.special .intro { padding: 20px 15px 15px; }

/* agreement */
.agreement { width: 100%; }
.agreement .inner-agree { width: 1200px; margin: 0 auto; }
.agreement h2 { font-size: 24px; text-align: center; padding: 30px 0 20px; }
.agreement dt { text-indent: 2em; font-weight: bold; margin-bottom: 15px; }
.agreement dd { text-indent: 2em; margin-bottom: 30px; }
.agreement li { list-style: none; margin-bottom: 10px; }
.agreement span { text-decoration: underline; }

/* article */
.article { padding: 0 15px; }
.article h2 { font-size: 18px; color: #0e0e0e; text-align: center; padding: 20px 0; }
.article .author { display: flex; align-items: center; }
.article .author img { width: 40px; float: left; margin-right: 10px; border-radius: 50%; }
.article .author .inner-author { overflow: hidden; }
.article .author .inner-author h4 { font-size: 14px; font-weight: normal; color: #767676; margin-bottom: 5px; }
.article .author .inner-author p { font-size: 12px; color: #ababab; }
.article .content { font-size: 16px; line-height: 1.6; margin-top: 25px; }
.article .label { margin: 40px 0 20px; font-size: 0; }
.article .label button { height: 37px; line-height: 37px; background-color: #f9f9f9; color: #ababab; padding: 0 20px; border-radius: 18px; font-size: 14px; margin-right: 12px; }

/*# sourceMappingURL=main.css.map */