/**
 *  Create Date: 2016-11
 *  Author: zihan
 */
/*
@mixin cssicon-menu()         { @extend %cssicon-cyan-menu; }
@mixin cssicon-cart()         { @extend %cssicon-cyan-cart; }
@mixin cssicon-cart-white()   { @extend %cssicon-cyan-cart-white; }
@mixin cssicon-search()       { @extend %cssicon-cyan-search; }
@mixin cssicon-search-white() { @extend %cssicon-cyan-search-white; }
@mixin cssicon-tick()         { @extend %cssicon-cyan-tick; }
@mixin cssicon-tick-white()   { @extend %cssicon-cyan-tick-white; }
@mixin cssicon-user()         { @extend %cssicon-cyan-user; }
@mixin cssicon-passport()     { @extend %cssicon-cyan-passport; }
@mixin cssicon-arrow-down()   { @extend %cssicon-cyan-arrow-down; }
//@mixin cssicon-increase()   { @extend %cssicon-cyan-increase; }
//@mixin cssicon-decrease()   { @extend %cssicon-cyan-decrease; }
@mixin cssicon-fav()          { @extend %cssicon-cyan-fav; }
@mixin cssicon-fav-fill()     { @extend %cssicon-cyan-fav-fill; }
@mixin cssicon-camra()        { @extend %cssicon-cyan-camra; }
*/
/*
@mixin cssicon-menu()         { @extend %cssicon-food-menu; }
@mixin cssicon-cart()         { @extend %cssicon-food-cart; }
@mixin cssicon-cart-white()   { @extend %cssicon-food-cart-white; }
@mixin cssicon-search()       { @extend %cssicon-food-search; }
@mixin cssicon-search-white() { @extend %cssicon-food-search-white; }
@mixin cssicon-tick()         { @extend %cssicon-food-tick; }
@mixin cssicon-tick-white()   { @extend %cssicon-food-tick-white; }
@mixin cssicon-user()         { @extend %cssicon-food-user; }
@mixin cssicon-passport()     { @extend %cssicon-food-passport; }
@mixin cssicon-arrow-down()   { @extend %cssicon-food-arrow-down; }
//@mixin cssicon-increase()   { @extend %cssicon-food-increase; }
//@mixin cssicon-decrease()   { @extend %cssicon-food-decrease; }
@mixin cssicon-fav()          { @extend %cssicon-food-fav; }
@mixin cssicon-fav-fill()     { @extend %cssicon-food-fav-fill; }
@mixin cssicon-camra()        { @extend %cssicon-food-camra; }
*/
/*
@mixin cssicon-menu()         { @extend %cssicon-tour-menu; }
@mixin cssicon-cart()         { @extend %cssicon-tour-cart; }
@mixin cssicon-cart-white()   { @extend %cssicon-tour-cart-white; }
@mixin cssicon-search()       { @extend %cssicon-tour-search; }
@mixin cssicon-search-white() { @extend %cssicon-tour-search-white; }
@mixin cssicon-tick()         { @extend %cssicon-tour-tick; }
@mixin cssicon-tick-white()   { @extend %cssicon-tour-tick-white; }
@mixin cssicon-user()         { @extend %cssicon-tour-user; }
@mixin cssicon-passport()     { @extend %cssicon-tour-passport; }
@mixin cssicon-arrow-down()   { @extend %cssicon-tour-arrow-down; }
//@mixin cssicon-increase()   { @extend %cssicon-tour-increase; }
//@mixin cssicon-decrease()   { @extend %cssicon-tour-decrease; }
@mixin cssicon-fav()          { @extend %cssicon-tour-fav; }
@mixin cssicon-fav-fill()     { @extend %cssicon-tour-fav-fill; }
@mixin cssicon-camra()        { @extend %cssicon-tour-camra; }
*/
/*
@mixin cssicon-menu()         { @extend %cssicon-ticket-menu; }
@mixin cssicon-cart()         { @extend %cssicon-ticket-cart; }
@mixin cssicon-cart-white()   { @extend %cssicon-ticket-cart-white; }
@mixin cssicon-search()       { @extend %cssicon-ticket-search; }
@mixin cssicon-search-white() { @extend %cssicon-ticket-search-white; }
@mixin cssicon-tick()         { @extend %cssicon-ticket-tick; }
@mixin cssicon-tick-white()   { @extend %cssicon-ticket-tick-white; }
@mixin cssicon-user()         { @extend %cssicon-ticket-user; }
@mixin cssicon-passport()     { @extend %cssicon-ticket-passport; }
@mixin cssicon-arrow-down()   { @extend %cssicon-ticket-arrow-down; }
//@mixin cssicon-increase()   { @extend %cssicon-ticket-increase; }
//@mixin cssicon-decrease()   { @extend %cssicon-ticket-decrease; }
@mixin cssicon-fav()          { @extend %cssicon-ticket-fav; }
@mixin cssicon-fav-fill()     { @extend %cssicon-ticket-fav-fill; }
@mixin cssicon-camra()        { @extend %cssicon-ticket-camra; }
*/
/*
@mixin cssicon-menu()         { @extend %cssicon-brown-menu; }
@mixin cssicon-cart()         { @extend %cssicon-brown-cart; }
@mixin cssicon-cart-white()   { @extend %cssicon-brown-cart-white; }
@mixin cssicon-search()       { @extend %cssicon-brown-search; }
@mixin cssicon-search-white() { @extend %cssicon-brown-search-white; }
@mixin cssicon-tick()         { @extend %cssicon-brown-tick; }
@mixin cssicon-tick-white()   { @extend %cssicon-brown-tick-white; }
@mixin cssicon-user()         { @extend %cssicon-brown-user; }
@mixin cssicon-passport()     { @extend %cssicon-brown-passport; }
@mixin cssicon-arrow-down()   { @extend %cssicon-brown-arrow-down; }
//@mixin cssicon-increase()   { @extend %cssicon-brown-increase; }
//@mixin cssicon-decrease()   { @extend %cssicon-brown-decrease; }
@mixin cssicon-fav()          { @extend %cssicon-brown-fav; }
@mixin cssicon-fav-fill()     { @extend %cssicon-brown-fav-fill; }
@mixin cssicon-camra()        { @extend %cssicon-brown-camra; }
*/
/*
@mixin cssicon-menu()         { @extend %cssicon-cyan-menu; }
@mixin cssicon-cart()         { @extend %cssicon-cyan-cart; }
@mixin cssicon-cart-white()   { @extend %cssicon-cyan-cart-white; }
@mixin cssicon-search()       { @extend %cssicon-cyan-search; }
@mixin cssicon-search-white() { @extend %cssicon-cyan-search-white; }
@mixin cssicon-tick()         { @extend %cssicon-cyan-tick; }
@mixin cssicon-tick-white()   { @extend %cssicon-cyan-tick-white; }
@mixin cssicon-user()         { @extend %cssicon-cyan-user; }
@mixin cssicon-passport()     { @extend %cssicon-cyan-passport; }
@mixin cssicon-arrow-down()   { @extend %cssicon-cyan-arrow-down; }
//@mixin cssicon-increase()   { @extend %cssicon-cyan-increase; }
//@mixin cssicon-decrease()   { @extend %cssicon-cyan-decrease; }
@mixin cssicon-fav()          { @extend %cssicon-cyan-fav; }
@mixin cssicon-fav-fill()     { @extend %cssicon-cyan-fav-fill; }
@mixin cssicon-camra()        { @extend %cssicon-cyan-camra; }
*/
/*
@mixin cssicon-menu()         { @extend %cssicon-food-menu; }
@mixin cssicon-cart()         { @extend %cssicon-food-cart; }
@mixin cssicon-cart-white()   { @extend %cssicon-food-cart-white; }
@mixin cssicon-search()       { @extend %cssicon-food-search; }
@mixin cssicon-search-white() { @extend %cssicon-food-search-white; }
@mixin cssicon-tick()         { @extend %cssicon-food-tick; }
@mixin cssicon-tick-white()   { @extend %cssicon-food-tick-white; }
@mixin cssicon-user()         { @extend %cssicon-food-user; }
@mixin cssicon-passport()     { @extend %cssicon-food-passport; }
@mixin cssicon-arrow-down()   { @extend %cssicon-food-arrow-down; }
//@mixin cssicon-increase()   { @extend %cssicon-food-increase; }
//@mixin cssicon-decrease()   { @extend %cssicon-food-decrease; }
@mixin cssicon-fav()          { @extend %cssicon-food-fav; }
@mixin cssicon-fav-fill()     { @extend %cssicon-food-fav-fill; }
@mixin cssicon-camra()        { @extend %cssicon-food-camra; }
*/
/*
@mixin cssicon-menu()         { @extend %cssicon-tour-menu; }
@mixin cssicon-cart()         { @extend %cssicon-tour-cart; }
@mixin cssicon-cart-white()   { @extend %cssicon-tour-cart-white; }
@mixin cssicon-search()       { @extend %cssicon-tour-search; }
@mixin cssicon-search-white() { @extend %cssicon-tour-search-white; }
@mixin cssicon-tick()         { @extend %cssicon-tour-tick; }
@mixin cssicon-tick-white()   { @extend %cssicon-tour-tick-white; }
@mixin cssicon-user()         { @extend %cssicon-tour-user; }
@mixin cssicon-passport()     { @extend %cssicon-tour-passport; }
@mixin cssicon-arrow-down()   { @extend %cssicon-tour-arrow-down; }
//@mixin cssicon-increase()   { @extend %cssicon-tour-increase; }
//@mixin cssicon-decrease()   { @extend %cssicon-tour-decrease; }
@mixin cssicon-fav()          { @extend %cssicon-tour-fav; }
@mixin cssicon-fav-fill()     { @extend %cssicon-tour-fav-fill; }
@mixin cssicon-camra()        { @extend %cssicon-tour-camra; }
*/
body {
  overflow: auto; }

body > * {
  display: none;
  z-index: -9999;
  position: relative; }

body > .wrap,
body > .popBoxWrap {
  position: inherit;
  display: block;
  height: auto;
  overflow: auto;
  z-index: 0; }

body > .wrap > .container-main {
  height: auto; }

body > .wrap .maincontent {
  position: relative;
  overflow-y: auto; }

.p-join {
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #f2f2f2;
  background-image: url(../../../_res/images/wap_bg01.jpg); }

.joinform input, .joinform button {
  border-radius: 4px; }

.joinform input::-webkit-input-placeholder {
  color: #999089; }

.joinform input {
  width: 100%;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 23px;
  color: #fff;
  border: solid 1px rgba(255, 255, 255, 0.5);
  background-color: transparent;
  box-sizing: border-box; }

.joinform .btn[class*="disabled"] {
  color: #999 !important;
  text-shadow: none; }

.joinform .congratulations {
  font-size: 21px;
  text-align: center;
  color: #392f28;
  margin-top: 50px;
  padding-bottom: 10px; }

.joinform .friend-show {
  padding: 20px; }
  .joinform .friend-show .face {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border-radius: 99px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.75);
    background-image: url(../../../_res/images/user.png);
    background-size: 60%; }
  .joinform .friend-show .content {
    display: inline-block;
    color: rgba(255, 255, 255, 0.75);
    vertical-align: text-top; }

.joinform .info-show {
  margin-top: 20px;
  text-align: center; }
  .joinform .info-show .title {
    font-size: 5rem;
    margin-top: 10px; }
  .joinform .info-show .logo {
    width: 64px;
    height: 64px;
    margin: auto;
    padding: 10px;
    border-radius: 15px;
    background-color: #fff;
    box-sizing: border-box; }
    .joinform .info-show .logo img {
      width: 44px;
      height: auto; }
  .joinform .info-show .info {
    width: 80%;
    margin: auto;
    padding: 20px 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4); }
    .joinform .info-show .info strong {
      color: rgba(255, 255, 255, 0.8); }

.joinform .download-box {
  width: 200px;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px; }

.joinform .title {
  display: block;
  width: 100%;
  text-align: center; }

.joinform .form-box {
  margin: auto;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px; }
  .joinform .form-box .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 220px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto; }
    .joinform .form-box .item .content {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .joinform .form-box .label {
    display: none; }
  .joinform .form-box .btn {
    height: auto; }
  .joinform .form-box .addon {
    margin-left: -1px; }
    .joinform .form-box .addon .btn {
      color: #392f28;
      background-color: #bba389;
      border: solid 1px #bba389;
      border-radius: 4px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .joinform .form-box [name="checkCode"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .joinform .form-box .foot {
    height: 35px; }
    .joinform .form-box .foot .btn {
      background-color: #392f28; }
  .joinform .form-box .namebox:before, .joinform .form-box .codebox:before {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    margin-top: 7px;
    margin-left: 7px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  .joinform .form-box .namebox input, .joinform .form-box .codebox input {
    padding-left: 30px;
    box-sizing: border-box; }
  .joinform .form-box .namebox:before {
    background-image: url(../../../_res/images/phone_white.png); }
  .joinform .form-box .codebox:before {
    background-image: url(../../../_res/images/verification_white.png); }
  .joinform .form-box .msg {
    color: #fff; }