@charset "UTF-8";
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*����ɫ��*/
/*$body-bg: #fff !default;
//** Global text color on `<body>`.
$text-color: $gray-dark !default;
//** Global textual link color.
$link-color: $brand-primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color: darken($link-color, 15%) !default;
//** Link hover decoration.
$link-hover-decoration: underline !default;*/
/*$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
$font-size-base: 14px !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5: $font-size-base !default;
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px*/
/*// Reset and dependencies
@import "bootstrap/bootstrap/normalize";
@import "bootstrap/bootstrap/print";
@import "_glyphicons";
@import "_base";
// Core CSS
@import "_grid";
// Components
@import "_navbar";
@import "_nav";
@import "_button-group";
@import "_button";
@import "_avatar";
@import "_drop-down-menu";
@import "_footer";*/
@font-face {
font-family: 'Glyphicons Halflings';
src: url("../fonts/glyphicons-halflings-regular.eot");
src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.glyphicon-asterisk:before {
content: "\2a"; }
.glyphicon-plus:before {
content: "\2b"; }
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac"; }
.glyphicon-minus:before {
content: "\2212"; }
.glyphicon-cloud:before {
content: "\2601"; }
.glyphicon-envelope:before {
content: "\2709"; }
.glyphicon-pencil:before {
content: "\270f"; }
.glyphicon-glass:before {
content: "\e001"; }
.glyphicon-music:before {
content: "\e002"; }
.glyphicon-search:before {
content: "\e003"; }
.glyphicon-heart:before {
content: "\e005"; }
.glyphicon-star:before {
content: "\e006"; }
.glyphicon-star-empty:before {
content: "\e007"; }
.glyphicon-user:before {
content: "\e008"; }
.glyphicon-film:before {
content: "\e009"; }
.glyphicon-th-large:before {
content: "\e010"; }
.glyphicon-th:before {
content: "\e011"; }
.glyphicon-th-list:before {
content: "\e012"; }
.glyphicon-ok:before {
content: "\e013"; }
.glyphicon-remove:before {
content: "\e014"; }
.glyphicon-zoom-in:before {
content: "\e015"; }
.glyphicon-zoom-out:before {
content: "\e016"; }
.glyphicon-off:before {
content: "\e017"; }
.glyphicon-signal:before {
content: "\e018"; }
.glyphicon-cog:before {
content: "\e019"; }
.glyphicon-trash:before {
content: "\e020"; }
.glyphicon-home:before {
content: "\e021"; }
.glyphicon-file:before {
content: "\e022"; }
.glyphicon-time:before {
content: "\e023"; }
.glyphicon-road:before {
content: "\e024"; }
.glyphicon-download-alt:before {
content: "\e025"; }
.glyphicon-download:before {
content: "\e026"; }
.glyphicon-upload:before {
content: "\e027"; }
.glyphicon-inbox:before {
content: "\e028"; }
.glyphicon-play-circle:before {
content: "\e029"; }
.glyphicon-repeat:before {
content: "\e030"; }
.glyphicon-refresh:before {
content: "\e031"; }
.glyphicon-list-alt:before {
content: "\e032"; }
.glyphicon-lock:before {
content: "\e033"; }
.glyphicon-flag:before {
content: "\e034"; }
.glyphicon-headphones:before {
content: "\e035"; }
.glyphicon-volume-off:before {
content: "\e036"; }
.glyphicon-volume-down:before {
content: "\e037"; }
.glyphicon-volume-up:before {
content: "\e038"; }
.glyphicon-qrcode:before {
content: "\e039"; }
.glyphicon-barcode:before {
content: "\e040"; }
.glyphicon-tag:before {
content: "\e041"; }
.glyphicon-tags:before {
content: "\e042"; }
.glyphicon-book:before {
content: "\e043"; }
.glyphicon-bookmark:before {
content: "\e044"; }
.glyphicon-print:before {
content: "\e045"; }
.glyphicon-camera:before {
content: "\e046"; }
.glyphicon-font:before {
content: "\e047"; }
.glyphicon-bold:before {
content: "\e048"; }
.glyphicon-italic:before {
content: "\e049"; }
.glyphicon-text-height:before {
content: "\e050"; }
.glyphicon-text-width:before {
content: "\e051"; }
.glyphicon-align-left:before {
content: "\e052"; }
.glyphicon-align-center:before {
content: "\e053"; }
.glyphicon-align-right:before {
content: "\e054"; }
.glyphicon-align-justify:before {
content: "\e055"; }
.glyphicon-list:before {
content: "\e056"; }
.glyphicon-indent-left:before {
content: "\e057"; }
.glyphicon-indent-right:before {
content: "\e058"; }
.glyphicon-facetime-video:before {
content: "\e059"; }
.glyphicon-picture:before {
content: "\e060"; }
.glyphicon-map-marker:before {
content: "\e062"; }
.glyphicon-adjust:before {
content: "\e063"; }
.glyphicon-tint:before {
content: "\e064"; }
.glyphicon-edit:before {
content: "\e065"; }
.glyphicon-share:before {
content: "\e066"; }
.glyphicon-check:before {
content: "\e067"; }
.glyphicon-move:before {
content: "\e068"; }
.glyphicon-step-backward:before {
content: "\e069"; }
.glyphicon-fast-backward:before {
content: "\e070"; }
.glyphicon-backward:before {
content: "\e071"; }
.glyphicon-play:before {
content: "\e072"; }
.glyphicon-pause:before {
content: "\e073"; }
.glyphicon-stop:before {
content: "\e074"; }
.glyphicon-forward:before {
content: "\e075"; }
.glyphicon-fast-forward:before {
content: "\e076"; }
.glyphicon-step-forward:before {
content: "\e077"; }
.glyphicon-eject:before {
content: "\e078"; }
.glyphicon-chevron-left:before {
content: "\e079"; }
.glyphicon-chevron-right:before {
content: "\e080"; }
.glyphicon-plus-sign:before {
content: "\e081"; }
.glyphicon-minus-sign:before {
content: "\e082"; }
.glyphicon-remove-sign:before {
content: "\e083"; }
.glyphicon-ok-sign:before {
content: "\e084"; }
.glyphicon-question-sign:before {
content: "\e085"; }
.glyphicon-info-sign:before {
content: "\e086"; }
.glyphicon-screenshot:before {
content: "\e087"; }
.glyphicon-remove-circle:before {
content: "\e088"; }
.glyphicon-ok-circle:before {
content: "\e089"; }
.glyphicon-ban-circle:before {
content: "\e090"; }
.glyphicon-arrow-left:before {
content: "\e091"; }
.glyphicon-arrow-right:before {
content: "\e092"; }
.glyphicon-arrow-up:before {
content: "\e093"; }
.glyphicon-arrow-down:before {
content: "\e094"; }
.glyphicon-share-alt:before {
content: "\e095"; }
.glyphicon-resize-full:before {
content: "\e096"; }
.glyphicon-resize-small:before {
content: "\e097"; }
.glyphicon-exclamation-sign:before {
content: "\e101"; }
.glyphicon-gift:before {
content: "\e102"; }
.glyphicon-leaf:before {
content: "\e103"; }
.glyphicon-fire:before {
content: "\e104"; }
.glyphicon-eye-open:before {
content: "\e105"; }
.glyphicon-eye-close:before {
content: "\e106"; }
.glyphicon-warning-sign:before {
content: "\e107"; }
.glyphicon-plane:before {
content: "\e108"; }
.glyphicon-calendar:before {
content: "\e109"; }
.glyphicon-random:before {
content: "\e110"; }
.glyphicon-comment:before {
content: "\e111"; }
.glyphicon-magnet:before {
content: "\e112"; }
.glyphicon-chevron-up:before {
content: "\e113"; }
.glyphicon-chevron-down:before {
content: "\e114"; }
.glyphicon-retweet:before {
content: "\e115"; }
.glyphicon-shopping-cart:before {
content: "\e116"; }
.glyphicon-folder-close:before {
content: "\e117"; }
.glyphicon-folder-open:before {
content: "\e118"; }
.glyphicon-resize-vertical:before {
content: "\e119"; }
.glyphicon-resize-horizontal:before {
content: "\e120"; }
.glyphicon-hdd:before {
content: "\e121"; }
.glyphicon-bullhorn:before {
content: "\e122"; }
.glyphicon-bell:before {
content: "\e123"; }
.glyphicon-certificate:before {
content: "\e124"; }
.glyphicon-thumbs-up:before {
content: "\e125"; }
.glyphicon-thumbs-down:before {
content: "\e126"; }
.glyphicon-hand-right:before {
content: "\e127"; }
.glyphicon-hand-left:before {
content: "\e128"; }
.glyphicon-hand-up:before {
content: "\e129"; }
.glyphicon-hand-down:before {
content: "\e130"; }
.glyphicon-circle-arrow-right:before {
content: "\e131"; }
.glyphicon-circle-arrow-left:before {
content: "\e132"; }
.glyphicon-circle-arrow-up:before {
content: "\e133"; }
.glyphicon-circle-arrow-down:before {
content: "\e134"; }
.glyphicon-globe:before {
content: "\e135"; }
.glyphicon-wrench:before {
content: "\e136"; }
.glyphicon-tasks:before {
content: "\e137"; }
.glyphicon-filter:before {
content: "\e138"; }
.glyphicon-briefcase:before {
content: "\e139"; }
.glyphicon-fullscreen:before {
content: "\e140"; }
.glyphicon-dashboard:before {
content: "\e141"; }
.glyphicon-paperclip:before {
content: "\e142"; }
.glyphicon-heart-empty:before {
content: "\e143"; }
.glyphicon-link:before {
content: "\e144"; }
.glyphicon-phone:before {
content: "\e145"; }
.glyphicon-pushpin:before {
content: "\e146"; }
.glyphicon-usd:before {
content: "\e148"; }
.glyphicon-gbp:before {
content: "\e149"; }
.glyphicon-sort:before {
content: "\e150"; }
.glyphicon-sort-by-alphabet:before {
content: "\e151"; }
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152"; }
.glyphicon-sort-by-order:before {
content: "\e153"; }
.glyphicon-sort-by-order-alt:before {
content: "\e154"; }
.glyphicon-sort-by-attributes:before {
content: "\e155"; }
.glyphicon-sort-by-attributes-alt:before {
content: "\e156"; }
.glyphicon-unchecked:before {
content: "\e157"; }
.glyphicon-expand:before {
content: "\e158"; }
.glyphicon-collapse-down:before {
content: "\e159"; }
.glyphicon-collapse-up:before {
content: "\e160"; }
.glyphicon-log-in:before {
content: "\e161"; }
.glyphicon-flash:before {
content: "\e162"; }
.glyphicon-log-out:before {
content: "\e163"; }
.glyphicon-new-window:before {
content: "\e164"; }
.glyphicon-record:before {
content: "\e165"; }
.glyphicon-save:before {
content: "\e166"; }
.glyphicon-open:before {
content: "\e167"; }
.glyphicon-saved:before {
content: "\e168"; }
.glyphicon-import:before {
content: "\e169"; }
.glyphicon-export:before {
content: "\e170"; }
.glyphicon-send:before {
content: "\e171"; }
.glyphicon-floppy-disk:before {
content: "\e172"; }
.glyphicon-floppy-saved:before {
content: "\e173"; }
.glyphicon-floppy-remove:before {
content: "\e174"; }
.glyphicon-floppy-save:before {
content: "\e175"; }
.glyphicon-floppy-open:before {
content: "\e176"; }
.glyphicon-credit-card:before {
content: "\e177"; }
.glyphicon-transfer:before {
content: "\e178"; }
.glyphicon-cutlery:before {
content: "\e179"; }
.glyphicon-header:before {
content: "\e180"; }
.glyphicon-compressed:before {
content: "\e181"; }
.glyphicon-earphone:before {
content: "\e182"; }
.glyphicon-phone-alt:before {
content: "\e183"; }
.glyphicon-tower:before {
content: "\e184"; }
.glyphicon-stats:before {
content: "\e185"; }
.glyphicon-sd-video:before {
content: "\e186"; }
.glyphicon-hd-video:before {
content: "\e187"; }
.glyphicon-subtitles:before {
content: "\e188"; }
.glyphicon-sound-stereo:before {
content: "\e189"; }
.glyphicon-sound-dolby:before {
content: "\e190"; }
.glyphicon-sound-5-1:before {
content: "\e191"; }
.glyphicon-sound-6-1:before {
content: "\e192"; }
.glyphicon-sound-7-1:before {
content: "\e193"; }
.glyphicon-copyright-mark:before {
content: "\e194"; }
.glyphicon-registration-mark:before {
content: "\e195"; }
.glyphicon-cloud-download:before {
content: "\e197"; }
.glyphicon-cloud-upload:before {
content: "\e198"; }
.glyphicon-tree-conifer:before {
content: "\e199"; }
.glyphicon-tree-deciduous:before {
content: "\e200"; }
.glyphicon-cd:before {
content: "\e201"; }
.glyphicon-save-file:before {
content: "\e202"; }
.glyphicon-open-file:before {
content: "\e203"; }
.glyphicon-level-up:before {
content: "\e204"; }
.glyphicon-copy:before {
content: "\e205"; }
.glyphicon-paste:before {
content: "\e206"; }
.glyphicon-alert:before {
content: "\e209"; }
.glyphicon-equalizer:before {
content: "\e210"; }
.glyphicon-king:before {
content: "\e211"; }
.glyphicon-queen:before {
content: "\e212"; }
.glyphicon-pawn:before {
content: "\e213"; }
.glyphicon-bishop:before {
content: "\e214"; }
.glyphicon-knight:before {
content: "\e215"; }
.glyphicon-baby-formula:before {
content: "\e216"; }
.glyphicon-tent:before {
content: "\26fa"; }
.glyphicon-blackboard:before {
content: "\e218"; }
.glyphicon-bed:before {
content: "\e219"; }
.glyphicon-apple:before {
content: "\f8ff"; }
.glyphicon-erase:before {
content: "\e221"; }
.glyphicon-hourglass:before {
content: "\231b"; }
.glyphicon-lamp:before {
content: "\e223"; }
.glyphicon-duplicate:before {
content: "\e224"; }
.glyphicon-piggy-bank:before {
content: "\e225"; }
.glyphicon-scissors:before {
content: "\e226"; }
.glyphicon-bitcoin:before {
content: "\e227"; }
.glyphicon-btc:before {
content: "\e227"; }
.glyphicon-xbt:before {
content: "\e227"; }
.glyphicon-yen:before {
content: "\00a5"; }
.glyphicon-jpy:before {
content: "\00a5"; }
.glyphicon-ruble:before {
content: "\20bd"; }
.glyphicon-rub:before {
content: "\20bd"; }
.glyphicon-scale:before {
content: "\e230"; }
.glyphicon-ice-lolly:before {
content: "\e231"; }
.glyphicon-ice-lolly-tasted:before {
content: "\e232"; }
.glyphicon-education:before {
content: "\e233"; }
.glyphicon-option-horizontal:before {
content: "\e234"; }
.glyphicon-option-vertical:before {
content: "\e235"; }
.glyphicon-menu-hamburger:before {
content: "\e236"; }
.glyphicon-modal-window:before {
content: "\e237"; }
.glyphicon-oil:before {
content: "\e238"; }
.glyphicon-grain:before {
content: "\e239"; }
.glyphicon-sunglasses:before {
content: "\e240"; }
.glyphicon-text-size:before {
content: "\e241"; }
.glyphicon-text-color:before {
content: "\e242"; }
.glyphicon-text-background:before {
content: "\e243"; }
.glyphicon-object-align-top:before {
content: "\e244"; }
.glyphicon-object-align-bottom:before {
content: "\e245"; }
.glyphicon-object-align-horizontal:before {
content: "\e246"; }
.glyphicon-object-align-left:before {
content: "\e247"; }
.glyphicon-object-align-vertical:before {
content: "\e248"; }
.glyphicon-object-align-right:before {
content: "\e249"; }
.glyphicon-triangle-right:before {
content: "\e250"; }
.glyphicon-triangle-left:before {
content: "\e251"; }
.glyphicon-triangle-bottom:before {
content: "\e252"; }
.glyphicon-triangle-top:before {
content: "\e253"; }
.glyphicon-console:before {
content: "\e254"; }
.glyphicon-superscript:before {
content: "\e255"; }
.glyphicon-subscript:before {
content: "\e256"; }
.glyphicon-menu-left:before {
content: "\e257"; }
.glyphicon-menu-right:before {
content: "\e258"; }
.glyphicon-menu-down:before {
content: "\e259"; }
.glyphicon-menu-up:before {
content: "\e260"; }
.topbanner {
height: 407px;
background: url(../img/background.png) 50% no-repeat;
color: #fff; }
.topbanner:before,
.topbanner:after {
content: " ";
display: table; }
.topbanner:after {
clear: both; }
.topbanner::before {
content: ".";
display: block;
height: 0;
visibility: hidden; }
.topbanner h2 {
font-size: 28px; }
.topbanner h2 span {
font-size: 48px; }
.topbanner .topbanner-button {
margin-top: 32px; }
.topbanner .topbanner-content {
margin-top: 150px; }
.topbanner-siliconValley {
height: 380px;
background: url(../img/silliconValley/banner.png) 50% no-repeat;
color: #fff; }
.topbanner-siliconValley ::before {
content: ".";
display: block;
height: 0;
visibility: hidden; }
.topbanner-siliconValley h2 {
font-size: 28px;
margin-top: 0;
margin-bottom: 0; }
.topbanner-siliconValley h2 span {
font-size: 48px; }
.topbanner-siliconValley .topbanner-content {
margin-top: 60px; }
.topbanner-specialty {
height: 380px;
background-color: #3983b8;
background-image: none; }
.topbanner-specialty p {
margin-bottom: 18px; }
.topbanner-specialty h2 {
font-size: 33px;
font-weight: bold;
margin-top: 60px;
margin-bottom: 24px; }
.topbanner-specialty .topbanner-content {
margin-top: 0; }
.topbanner-specialty .quoteprice {
display: inline-block;
color: rgba(255, 255, 255, 0.5);
text-decoration: line-through;
margin-left: 24px; }
.topbanner-specialty .topbanner-specialty-btn {
width: 250px;
margin-bottom: 12px; }
.geekband-intro {
margin-top: 60px;
color: #777; }
.geekband-intro h2 {
font-size: 23px;
font-weight: bold;
color: #333; }
.geekband-intro-item h3 {
font-size: 16px;
font-weight: normal;
text-align: center;
color: #333;
margin-top: 24px;
margin-bottom: 18px; }
.geekband-intro-item p {
font-size: 13px; }
.geekband-intro-img {
margin-left: auto;
margin-right: auto;
display: block; }
.geekband-intro-desc {
width: 220px;
margin-left: auto;
margin-right: auto; }
.join-geekband {
padding-bottom: 60px;
color: #777;
background-color: #f9f9f9; }
.join-geekband h2 {
font-size: 23px;
font-weight: bold;
color: #333; }
.join-geekband-item {
background-color: #fff;
height: 280px;
margin-bottom: 24px; }
.join-geekband-item-intro {
position: relative;
width: 300px;
height: 280px;
float: right;
padding: 20px; }
.join-geekband-item-intro h3 {
font-size: 19px;
font-weight: bold;
color: #333;
margin-top: 12px;
margin-bottom: 0; }
.join-geekband-item-intro .duration {
color: #3290ca;
margin-top: 12px;
margin-bottom: 12px;
font-size: 13px; }
.join-geekband-item-intro .desc {
color: #777777;
margin-top: 24px;
font-size: 13px; }
.join-geekband-item-intro .join-geekband-item-intro-button {
position: absolute;
bottom: 24px; }
.join-geekband-item-intro .join-geekband-item-previewImg {
display: block;
float: left; }
.teacher-team {
padding-bottom: 60px; }
.teacher-team .cycle-slideshow {
position: relative; }
.teacher-team .cycle-prev, .teacher-team .cycle-next {
width: 60px;
height: 120px;
position: absolute;
z-index: 100;
opacity: .3; }
.teacher-team .cycle-prev:hover, .teacher-team .cycle-next:hover {
opacity: .8; }
.teacher-team .cycle-prev {
left: 0;
top: 170px; }
.teacher-team .cycle-next {
right: 0;
top: 170px; }
.teacher-team-item {
height: 524px;
overflow: hidden; }
.teacher-team-item .teacher-team-item-avatar {
text-align: center; }
.teacher-team-item img {
border-radius: 50%;
width: 200px;
height: 200px; }
.teacher-team-item .name {
text-align: center;
color: #333;
margin-top: 24px;
margin-bottom: 12px; }
.teacher-team-item .brief-desc {
font-size: 16px;
color: #97a7b0;
text-align: center;
margin-top: 12px;
margin-bottom: 18px; }
.teacher-team-item .desc {
font-size: 13px;
color: #777; }
.teacher-team-item .media-link {
margin-top: 24px;
text-align: center;
font-size: 13px;
color: #3290ca; }
.teacher-team-item .media-link a {
text-decoration: none;
color: #3290ca; }
.teacher-team-button {
margin-right: auto;
margin-left: auto;
margin-top: 46px; }
.comments {
background-image: url(../img/background2.png);
color: #fff;
height: 370px;
padding-top: 60px;
padding-bottom: 60px;
font-size: 13px; }
.comment-item {
padding: 20px;
background-color: rgba(255, 255, 255, 0.3);
height: 232px; }
.comment-item blockquote {
margin-left: 0;
height: 110px; }
.comment-item .comment-item-avatar {
width: 52px;
display: block;
border-radius: 50%;
float: left;
margin-right: 20px; }
.comment-item .commenter {
font-weight: bold; }
.comment-item p {
margin-top: 3px;
margin-bottom: 3px; }
.triangle {
width: 0;
height: 0;
border-left: 17px solid transparent;
border-right: 17px solid transparent;
border-top: 20px solid rgba(255, 255, 255, 0.3);
position: absolute;
left: 50px; }
.comment-item-wrapper {
position: relative; }
.us {
margin-top: 60px;
margin-bottom: 60px;
color: #777;
font-size: 13px; }
.us h4 {
font-weight: normal;
font-size: 16px;
color: #000000; }
.news-report {
margin-bottom: 12px; }
.news-report img {
display: block;
float: left;
margin-right: 12px; }
.news-report a {
color: #777;
font-size: 13px;
text-decoration: none; }
.news-report a p {
margin-top: 0; }
.news-report:before,
.news-report:after {
content: " ";
display: table; }
.news-report:after {
clear: both; }
.blog-list ul {
padding-left: 20px; }
.blog-list li {
border-bottom: 1px solid #e4e4e4; }
.blog-list a {
font-weight: bold;
color: #3290ca;
text-decoration: none;
font-size: 16px; }
.header-with-icon {
text-align: center;
margin-bottom: 32px;
color: #777; }
.header-with-icon .icon {
width: 60px;
height: 60px;
border: 2px solid #333;
border-radius: 50%;
text-align: center;
line-height: 52px;
font-size: 23px;
color: #333; }
.header-with-icon h2 {
font-size: 23px;
font-weight: bold;
color: #333;
margin-top: 36px;
margin-bottom: 24px; }
.header-with-icon p {
margin-bottom: 12px; }
.header-with-icon .dash-dot {
display: block;
margin-left: auto;
margin-right: auto; }
.header-without-icon {
text-align: center;
margin-bottom: 32px;
color: #777; }
.header-without-icon::before {
content: ".";
display: block;
height: 0;
visibility: hidden; }
.header-without-icon h2 {
font-size: 23px;
font-weight: bold;
color: #333;
margin-top: 60px;
margin-bottom: 24px; }
.header-without-icon p {
margin-bottom: 12px; }
.header-without-icon .dash-dot {
display: block;
margin-left: auto;
margin-right: auto; }
.reward {
padding-bottom: 60px; }
.reward-item {
margin-top: 32px; }
.reward-item .reward-item-header {
color: #3290ca; }
.reward-item .reward-item-header .icon {
display: block;
width: 40px;
height: 40px;
border: 2px solid #3290ca;
border-radius: 50%;
line-height: 36px;
font-size: 23px;
text-align: center;
margin-left: auto;
margin-right: auto; }
.reward-item .reward-item-header h3 {
font-size: 19px;
font-weight: normal;
text-align: center;
margin-top: 16px; }
.reward-item .reward-item-header .index {
font-size: 33px;
line-height: 33px;
color: rgba(50, 144, 202, 0.5);
text-align: center;
margin-top: 40px;
margin-bottom: 16px; }
.intro-box h4 {
margin-top: 18px;
margin-bottom: 18px;
font-size: 16px;
font-weight: bold;
color: #333333; }
.intro-box p {
font-size: 13px;
color: #777777; }
.join-geekband {
margin-top: 0; }
.reward-item {
padding-top: 60px;
padding-bottom: 60px;
margin-top: 0; }
.reward-item h2 {
margin-top: 0; }
.reward-item .reward-item-button {
margin-left: auto;
margin-right: auto;
margin-top: 26px; }