@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans');
  src: local('OpenSans');
  src: url("/asset/fonts/open-sans/web fonts/opensans_light/OpenSans-Light-webfont.eot");
  src: url("/asset/fonts/open-sans/web fonts/opensans_light/OpenSans-Light-webfont.eot?#iefix") format('embedded-opentype'), url("/asset/fonts/open-sans/web fonts/opensans_light/OpenSans-Light-webfont.woff") format('woff'), url("/asset/fonts/open-sans/web fonts/opensans_light/OpenSans-Light-webfont.ttf") format('truetype'), url("/asset/fonts/open-sans/web fonts/opensans_light/OpenSans-Light-webfont.svg#open_sanslight") format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans');
  src: local('OpenSans');
  src: url("/asset/fonts/open-sans/web fonts/opensans_regular/OpenSans-Regular-webfont.eot");
  src: url("/asset/fonts/open-sans/web fonts/opensans_regular/OpenSans-Regular-webfont.eot?#iefix") format('embedded-opentype'), url("/asset/fonts/open-sans/web fonts/opensans_regular/OpenSans-Regular-webfont.woff") format('woff'), url("/asset/fonts/open-sans/web fonts/opensans_regular/OpenSans-Regular-webfont.ttf") format('truetype'), url("/asset/fonts/open-sans/web fonts/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular") format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans');
  src: local('OpenSans');
  src: url("/asset/fonts/open-sans/web fonts/opensans_semibold/OpenSans-Semibold-webfont.eot");
  src: url("/asset/fonts/open-sans/web fonts/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix") format('embedded-opentype'), url("/asset/fonts/open-sans/web fonts/opensans_semibold/OpenSans-Semibold-webfont.woff") format('woff'), url("/asset/fonts/open-sans/web fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf") format('truetype'), url("/asset/fonts/open-sans/web fonts/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold") format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans');
  src: local('OpenSans');
  src: url("/asset/fonts/open-sans/web fonts/opensans_bold/OpenSans-Bold-webfont.eot");
  src: url("/asset/fonts/open-sans/web fonts/opensans_bold/OpenSans-Bold-webfont.eot?#iefix") format('embedded-opentype'), url("/asset/fonts/open-sans/web fonts/opensans_bold/OpenSans-Bold-webfont.woff") format('woff'), url("/asset/fonts/open-sans/web fonts/opensans_bold/OpenSans-Bold-webfont.ttf") format('truetype'), url("/asset/fonts/open-sans/web fonts/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold") format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans');
  src: local('OpenSans');
  src: url("/asset/fonts/open-sans/web fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.eot");
  src: url("/asset/fonts/open-sans/web fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.eot?#iefix") format('embedded-opentype'), url("/asset/fonts/open-sans/web fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.woff") format('woff'), url("/asset/fonts/open-sans/web fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.ttf") format('truetype'), url("/asset/fonts/open-sans/web fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.svg#open_sanslightitalic") format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans');
  src: local('OpenSans');
  src: url("/asset/fonts/open-sans/web fonts/opensans_italic/OpenSans-Italic-webfont.eot");
  src: url("/asset/fonts/open-sans/web fonts/opensans_italic/OpenSans-Italic-webfont.eot?#iefix") format('embedded-opentype'), url("/asset/fonts/open-sans/web fonts/opensans_italic/OpenSans-Italic-webfont.woff") format('woff'), url("/asset/fonts/open-sans/web fonts/opensans_italic/OpenSans-Italic-webfont.ttf") format('truetype'), url("/asset/fonts/open-sans/web fonts/opensans_italic/OpenSans-Italic-webfont.svg#open_sansitalic") format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans');
  src: local('OpenSans');
  src: url("/asset/fonts/open-sans/web fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.eot");
  src: url("/asset/fonts/open-sans/web fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.eot?#iefix") format('embedded-opentype'), url("/asset/fonts/open-sans/web fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.woff") format('woff'), url("/asset/fonts/open-sans/web fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.ttf") format('truetype'), url("/asset/fonts/open-sans/web fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibolditalic") format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans');
  src: local('OpenSans');
  src: url("/asset/fonts/open-sans/web fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.eot");
  src: url("/asset/fonts/open-sans/web fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.eot?#iefix") format('embedded-opentype'), url("/asset/fonts/open-sans/web fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.woff") format('woff'), url("/asset/fonts/open-sans/web fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.ttf") format('truetype'), url("/asset/fonts/open-sans/web fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.svg#open_sansbolditalic") format('svg');
}
.footer {
  height: 230px;
  color: white;
  background: #5794FF;
}
.footer .back-to-top {
  position: absolute;
  right: 0;
  top: 40px;
  height: 51px;
  width: 51px;
  background: url("/asset/images/img_invitation/button_top_hover&press.png");
  cursor: pointer;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .footer .back-to-top {
    background: url("/asset/images/img_invitation/button_top_hover&press@2x.png");
    background-size: 51px auto;
  }
}
.footer .main {
  overflow: hidden;
  height: 190px;
  text-align: center;
}
.footer .main .social-box {
  margin-top: 50px;
}
.footer .main .social-box .social-btn {
  height: 36px;
  width: 36px;
  display: inline-block;
  margin-right: 49px;
}
.footer .main .social-box .social-btn:last-child {
  margin-right: 0;
}
.footer .main .social-box .social-btn.facebook {
  background: url("/asset/images/img_invitation/FB_write.png");
}
.footer .main .social-box .social-btn.facebook:hover {
  background: url("/asset/images/img_invitation/FB_hover.png");
}
.footer .main .social-box .social-btn.twitter {
  background: url("/asset/images/img_invitation/twitter_write.png");
}
.footer .main .social-box .social-btn.twitter:hover {
  background: url("/asset/images/img_invitation/twitter_hover.png");
}
.footer .main .social-box .social-btn.tumblr {
  background: url("/asset/images/img_invitation/Tumblr_write.png");
}
.footer .main .social-box .social-btn.tumblr:hover {
  background: url("/asset/images/img_invitation/Tumblr_hover.png");
}
.footer .main .social-box .social-btn.blog {
  background: url("/asset/images/img_invitation/diigoBlog_write.png");
}
.footer .main .social-box .social-btn.blog:hover {
  background: url("/asset/images/img_invitation/diigoBlog_hover.png");
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .footer .main .social-box .social-btn.facebook {
    background: url("/asset/images/img_invitation/FB_write@2x.png");
    background-size: 36px auto;
  }
  .footer .main .social-box .social-btn.facebook:hover {
    background: url("/asset/images/img_invitation/FB_hover@2x.png");
  }
  .footer .main .social-box .social-btn.twitter {
    background: url("/asset/images/img_invitation/twitter_write@2x.png");
    background-size: 36px auto;
  }
  .footer .main .social-box .social-btn.twitter:hover {
    background: url("/asset/images/img_invitation/twitter_hover@2x.png");
  }
  .footer .main .social-box .social-btn.tumblr {
    background: url("/asset/images/img_invitation/Tumblr_write@2x.png");
    background-size: 36px auto;
  }
  .footer .main .social-box .social-btn.tumblr:hover {
    background: url("/asset/images/img_invitation/Tumblr_hover@2x.png");
  }
  .footer .main .social-box .social-btn.blog {
    background: url("/asset/images/img_invitation/diigoBlog_write@2x.png");
    background-size: 36px auto;
  }
  .footer .main .social-box .social-btn.blog:hover {
    background: url("/asset/images/img_invitation/diigoBlog_hover@2x.png");
  }
}
.footer .main .footer-link-container {
  margin-top: 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.footer .main .footer-link-container .footer-link {
  color: white;
  display: inline-block;
  font-size: 14px;
  height: 14px;
  border-left: 1px solid white;
  width: 200px;
  text-decoration: none;
  line-height: 14px;
}
.footer .main .footer-link-container .footer-link:last-child {
  border-right: 1px solid white;
}
.footer .brand {
  text-align: center;
  line-height: 40px;
  height: 40px;
  background: #518AEF;
  font-size: 13px;
}
body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}
.inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.top {
  height: 80px;
  background: #2b354a;
}
.top .logo {
  height: 40px;
  width: 84px;
  position: relative;
  top: 24px;
  margin: 0 auto;
  display: block;
  background: url("/asset/images/affiliate_logo.png");
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .top .logo {
    background: url("/asset/images/affiliate_logo@2x.png");
    background-size: 68px auto;
  }
}
.banner {
  height: 660px;
  background: #2B354A;
}
.banner .arrow {
  height: 22px;
  width: 22px;
}
.banner .main-pic {
  height: 660px;
  width: 1200px;
  margin: 0 auto;
  background: url("/asset/images/img_invitation/bg1.png");
  position: relative;
}
.banner .main-pic .congratulations {
  width: 481px;
  height: 411px;
  position: absolute;
  left: 723px;
  top: 61px;
  background: url("/asset/images/img_invitation/slogan.png");
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .banner .main-pic .congratulations {
    background: url("/asset/images/img_invitation/slogan@2x.png");
    background-size: 481px auto;
  }
}
.banner .main-pic .btn {
  position: absolute;
  background: #5794FF;
  border-radius: 6px;
  height: 42px;
  width: 430px;
  text-align: center;
  line-height: 42px;
  cursor: pointer;
  margin-top: 40px;
  font-size: 20px;
  text-decoration: none;
  display: block;
  color: white;
  left: 756px;
  bottom: 93px;
}
.banner .main-pic .btn.orange {
  background: #F8A13F;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .banner .main-pic {
    background-size: 1200px auto;
    background: url("/asset/images/img_invitation/bg1@2x.png");
  }
}
.about {
  text-align: center;
}
.about .about-block {
  width: 350px;
  height: 430px;
  display: inline-block;
  margin: 0 20px;
  text-align: center;
  vertical-align: middle;
}
.about .about-block .pic {
  width: 378px;
  height: 310px;
  background: url("/asset/images/img_invitation/img_collect.png");
}
.about .about-block .pic.annotate {
  background: url("/asset/images/img_invitation/img_annotate.png");
}
.about .about-block .pic.organize {
  background: url("/asset/images/img_invitation/img_organize.png");
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .about .about-block .pic.annotate {
    background: url("/asset/images/img_invitation/img_annotate@2x.png");
  }
  .about .about-block .pic.organize {
    background: url("/asset/images/img_invitation/img_organize@2x.png");
  }
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .about .about-block {
    background: url("/asset/images/img_invitation/img_collect@2x.png");
    background-size: 378px auto;
  }
}
.about .about-block .title {
  font-size: 22px;
  line-height: 30px;
  color: #4A90E2;
  margin-top: 9px;
}
.about .about-block .intro {
  margin-top: 6px;
  font-size: 16px;
  color: #6F717F;
}
.sub {
  height: 254px;
  background: #F2F2F2;
}
.sub .discount {
  width: 439px;
  height: 128px;
  position: absolute;
  left: 178px;
  top: 47px;
  background: url("/asset/images/img_invitation/img_discount_2.png") no-repeat;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .sub .discount {
    background: url("/asset/images/img_invitation/img_discount_2@2x.png") no-repeat;
    background-size: 439px auto;
  }
}
.sub .btn {
  position: absolute;
  background: #5794FF;
  border-radius: 6px;
  height: 69px;
  width: 350px;
  line-height: 69px;
  font-size: 20px;
  color: white;
  text-decoration: none;
  text-align: center;
  left: 758px;
  top: 71px;
}