/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/2854(此说明不在下载的源码里，只用在演示页面里)*//*  Pages */.login {    -webkit-background-size: cover;            background-size: cover;    background-color: #f2f4f8;}.login--fullscreen {    position: fixed;    z-index: 20000;    top: 0;    left: 0;    height: 100%;    width: 100%;    overflow-y: auto;}.login__block {    padding: 6.15rem 3.07rem 6.15rem;    width: 100%;    -webkit-align-self: center;        -ms-flex-item-align: center;            align-self: center;    position: relative;    z-index: 2;}@media (max-width: 991px) {    .login__block {        padding: 6.15rem 1.53rem 6.15rem;    }}.login__block__inner {    min-width: 23.07rem;    max-width: 38.46rem;    margin: 0 auto;    padding: 3.84rem 3.07rem 1.53rem;    -webkit-border-radius: 10px;            border-radius: 10px;    overflow: hidden;    background-color: #ffffff;    position: relative;}.login__block__form {    position: relative;    z-index: 2;}.login__block__promo {    padding: 0 0 4.61rem;    max-width: 61.53rem;    font-size: 1.23rem;    line-height: 2rem;    text-align: center;    margin: 0 auto;}.login__block__sidebar {    display: none;}@media (min-width: 992px) {    .login__block--extended .login__block__inner {        max-width: 61.53rem;        padding: 6.15rem 6.15rem 3.84rem;    }    .login__block--extended .login__block__form {        margin-right: 23.07rem;    }    .login__block--extended .login__block__sidebar {        display: block;        position: absolute;        top: 0;        right: 0;        bottom: 0;        width: 23.07rem;        padding: 6.15rem 3.07rem;        color: #ffffff;        background: #222034;    }    .login__block--extended .login__block__sidebar__item {        padding-left: 1.53rem;        border-left: 2px solid #74708d;        margin-bottom: 1.53rem;        color: #74708d;    }    .login__block--extended .login__block__sidebar__title {        margin-bottom: 1.53rem;        line-height: 1.5;    }    .login__block--extended .login__block__sidebar__place {        font-size: 1.07rem;        font-weight: bold;        position: absolute;        z-index: 2;        bottom: 3.07rem;        left: 3.07rem;    }}.login__header {    -webkit-align-self: flex-start;        -ms-flex-item-align: start;            align-self: flex-start;    width: 100%;    color: #ffffff;    padding: 3.07rem;}@media (max-width: 991px) {    .login__header {        padding: 3.07rem 1.53rem 3.07rem;    }}.login__header__logo img {    max-width: 11.53rem;    max-height: 3.84rem;}.login__header__menu {    text-align: right;    margin-top: 0.76rem;}@media (max-width: 991px) {    .login__header__menu {        text-align: left;    }}.login__header__menu ul {    font-size: 1.23rem;}.login__header__menu ul li {    margin-right: 1.53rem;    text-transform: uppercase;}.login__header__menu ul li:last-child {    margin-right: 0;}.login__header__menu ul li.active a {    border-bottom: 1px solid rgba(255, 255, 255, 0.5);}.login__header__menu ul li a {    color: #ffffff !important;    line-height: 1.4;    display: inline-block;    margin-right: 0.76rem;    font-weight: bold;}.login__header__menu ul li a:hover {    border-bottom: 1px solid rgba(255, 255, 255, 0.5);}.login__footer {    -webkit-align-self: flex-end;        -ms-flex-item-align: end;            align-self: flex-end;    width: 100%;    color: white;    padding: 3.07rem;}@media (max-width: 991px) {    .login__footer {        padding: 3.07rem 1.53rem 3.07rem;    }}.login__footer ul {    margin-bottom: 0;}.login__footer ul li {    margin-right: 1.53rem;    text-transform: uppercase;}.login__footer ul li:last-child {    margin-right: 0;}.login__footer ul li a {    color: #ffffff;    opacity: .7;    line-height: 1.4;    display: inline-block;    margin-right: 0.76rem;}.login__footer ul li a:hover {    opacity: 1;}.register {    -webkit-background-size: cover;            background-size: cover;    background-color: #f2f4f8;}.register--fullscreen {    position: fixed;    z-index: 20000;    top: 0;    left: 0;    height: 100%;    width: 100%;    overflow-y: auto;}.register__block {    padding: 6.15rem 3.07rem 6.15rem;    width: 100%;    -webkit-align-self: center;        -ms-flex-item-align: center;            align-self: center;    position: relative;    z-index: 2;}@media (max-width: 991px) {    .register__block {        padding: 6.15rem 1.53rem 6.15rem;    }}.register__block__inner {    min-width: 23.07rem;    max-width: 38.46rem;    margin: 0 auto;    padding: 3.84rem 3.07rem 1.53rem;    -webkit-border-radius: 10px;            border-radius: 10px;    overflow: hidden;    background-color: #ffffff;    position: relative;}.register__block__form {    position: relative;    z-index: 2;}.register__block__promo {    padding: 0 0 4.61rem;    max-width: 61.53rem;    font-size: 1.23rem;    line-height: 2rem;    text-align: center;    margin: 0 auto;}.register__block__sidebar {    display: none;}@media (min-width: 992px) {    .register__block--extended .register__block__inner {        max-width: 61.53rem;        padding: 6.15rem 6.15rem 3.84rem;    }    .register__block--extended .register__block__form {        margin-right: 23.07rem;    }    .register__block--extended .register__block__sidebar {        display: block;        position: absolute;        top: 0;        right: 0;        bottom: 0;        width: 23.07rem;        padding: 6.15rem 3.07rem;        color: #ffffff;        background: #222034;    }    .register__block--extended .register__block__sidebar__item {        padding-left: 1.53rem;        border-left: 2px solid #74708d;        margin-bottom: 1.53rem;        color: #74708d;    }    .register__block--extended .register__block__sidebar__title {        margin-bottom: 1.53rem;        line-height: 1.5;    }    .register__block--extended .register__block__sidebar__place {        font-size: 1.07rem;        font-weight: bold;        position: absolute;        z-index: 2;        bottom: 3.07rem;        left: 3.07rem;    }}.register__header {    -webkit-align-self: flex-start;        -ms-flex-item-align: start;            align-self: flex-start;    width: 100%;    color: #ffffff;    padding: 3.07rem;}@media (max-width: 991px) {    .register__header {        padding: 3.07rem 1.53rem 3.07rem;    }}.register__header__logo img {    max-width: 11.53rem;    max-height: 3.84rem;}.register__header__menu {    text-align: right;    margin-top: 0.76rem;}@media (max-width: 991px) {    .register__header__menu {        text-align: left;    }}.register__header__menu ul {    font-size: 1.23rem;}.register__header__menu ul li {    margin-right: 1.53rem;    text-transform: uppercase;}.register__header__menu ul li:last-child {    margin-right: 0;}.register__header__menu ul li.active a {    border-bottom: 1px solid rgba(255, 255, 255, 0.5);}.register__header__menu ul li a {    color: #ffffff !important;    line-height: 1.4;    display: inline-block;    margin-right: 0.76rem;    font-weight: bold;}.register__header__menu ul li a:hover {    border-bottom: 1px solid rgba(255, 255, 255, 0.5);}.register__footer {    -webkit-align-self: flex-end;        -ms-flex-item-align: end;            align-self: flex-end;    width: 100%;    color: white;    padding: 3.07rem;}@media (max-width: 991px) {    .register__footer {        padding: 3.07rem 1.53rem 3.07rem;    }}.register__footer ul {    margin-bottom: 0;}.register__footer ul li {    margin-right: 1.53rem;    text-transform: uppercase;}.register__footer ul li:last-child {    margin-right: 0;}.register__footer ul li a {    color: #ffffff;    opacity: .7;    line-height: 1.4;    display: inline-block;    margin-right: 0.76rem;}.register__footer ul li a:hover {    opacity: 1;}.lockscreen {    -webkit-background-size: cover;            background-size: cover;    background-color: #f2f4f8;}.lockscreen--fullscreen {    position: fixed;    z-index: 20000;    top: 0;    left: 0;    height: 100%;    width: 100%;    overflow-y: auto;}.lockscreen__block {    padding: 6.15rem 3.07rem 6.15rem;    width: 100%;    -webkit-align-self: center;        -ms-flex-item-align: center;            align-self: center;    position: relative;    z-index: 2;}@media (max-width: 991px) {    .lockscreen__block {        padding: 6.15rem 1.53rem 6.15rem;    }}.lockscreen__block__inner {    min-width: 23.07rem;    max-width: 38.46rem;    margin: 0 auto;    padding: 3.84rem 3.07rem 1.53rem;    -webkit-border-radius: 10px;            border-radius: 10px;    overflow: hidden;    background-color: #ffffff;    position: relative;}.lockscreen__block__form {    position: relative;    z-index: 2;}.lockscreen__block__promo {    padding: 0 0 4.61rem;    max-width: 61.53rem;    font-size: 1.23rem;    line-height: 2rem;    text-align: center;    margin: 0 auto;}.lockscreen__block__sidebar {    display: none;}@media (min-width: 992px) {    .lockscreen__block--extended .lockscreen__block__inner {        max-width: 61.53rem;        padding: 6.15rem 6.15rem 3.84rem;    }    .lockscreen__block--extended .lockscreen__block__form {        margin-right: 23.07rem;    }    .lockscreen__block--extended .lockscreen__block__sidebar {        display: block;        position: absolute;        top: 0;        right: 0;        bottom: 0;        width: 23.07rem;        padding: 6.15rem 3.07rem;        color: #ffffff;        background: #222034;    }    .lockscreen__block--extended .lockscreen__block__sidebar__item {        padding-left: 1.53rem;        border-left: 2px solid #74708d;        margin-bottom: 1.53rem;        color: #74708d;    }    .lockscreen__block--extended .lockscreen__block__sidebar__title {        margin-bottom: 1.53rem;        line-height: 1.5;    }    .lockscreen__block--extended .lockscreen__block__sidebar__place {        font-size: 1.07rem;        font-weight: bold;        position: absolute;        z-index: 2;        bottom: 3.07rem;        left: 3.07rem;    }}.lockscreen__header {    -webkit-align-self: flex-start;        -ms-flex-item-align: start;            align-self: flex-start;    width: 100%;    color: #ffffff;    padding: 3.07rem;}@media (max-width: 991px) {    .lockscreen__header {        padding: 3.07rem 1.53rem 3.07rem;    }}.lockscreen__header__logo img {    max-width: 11.53rem;    max-height: 3.84rem;}.lockscreen__header__menu {    text-align: right;    margin-top: 0.76rem;}@media (max-width: 991px) {    .lockscreen__header__menu {        text-align: left;    }}.lockscreen__header__menu ul {    font-size: 1.23rem;}.lockscreen__header__menu ul li {    margin-right: 1.53rem;    text-transform: uppercase;}.lockscreen__header__menu ul li:last-child {    margin-right: 0;}.lockscreen__header__menu ul li.active a {    border-bottom: 1px solid rgba(255, 255, 255, 0.5);}.lockscreen__header__menu ul li a {    color: #ffffff !important;    line-height: 1.4;    display: inline-block;    margin-right: 0.76rem;    font-weight: bold;}.lockscreen__header__menu ul li a:hover {    border-bottom: 1px solid rgba(255, 255, 255, 0.5);}.lockscreen__footer {    -webkit-align-self: flex-end;        -ms-flex-item-align: end;            align-self: flex-end;    width: 100%;    color: white;    padding: 3.07rem;}@media (max-width: 991px) {    .lockscreen__footer {        padding: 3.07rem 1.53rem 3.07rem;    }}.lockscreen__footer ul {    margin-bottom: 0;}.lockscreen__footer ul li {    margin-right: 1.53rem;    text-transform: uppercase;}.lockscreen__footer ul li:last-child {    margin-right: 0;}.lockscreen__footer ul li a {    color: #ffffff;    opacity: .7;    line-height: 1.4;    display: inline-block;    margin-right: 0.76rem;}.lockscreen__footer ul li a:hover {    opacity: 1;}.pricingTable {    width: 100%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    padding: 3.07rem 0;}.pricingTable__item {    -webkit-box-flex: 1;    -webkit-flex-grow: 1;        -ms-flex-positive: 1;            flex-grow: 1;    -webkit-flex-shrink: 1;        -ms-flex-negative: 1;            flex-shrink: 1;    -webkit-flex-basis: 0;        -ms-flex-preferred-size: 0;            flex-basis: 0;    text-align: center;    border: 1px solid #e4e9f0;    border-left: none;    padding: 1.53rem;    background: #ffffff;}.pricingTable__item:first-child {    border-left: 1px solid #e4e9f0;    -webkit-border-radius: 6px 0 0 6px;            border-radius: 6px 0 0 6px;}.pricingTable__item:last-child {    -webkit-border-radius: 0 6px 6px 0;            border-radius: 0 6px 6px 0;}.pricingTable__item ul {    list-style: none;    padding: 0;    margin: 0;}.pricingTable__item--featured {    margin: -3.08rem 0 -3.08rem -0.08rem;    padding: 4.61rem 1.53rem;    -webkit-border-radius: 6px;            border-radius: 6px;    border-left: 1px solid #e4e9f0;}.pricingTable__item--default {    background: #acb7bf;    border-color: #acb7bf;    color: #ffffff;}.pricingTable__item--primary {    background: #0190fe;    border-color: #0190fe;    color: #ffffff;}.pricingTable__item--secondary {    background: #6a7a84;    border-color: #6a7a84;    color: #ffffff;}.pricingTable__item--success {    background: #46be8a;    border-color: #46be8a;    color: #ffffff;}.pricingTable__item--warning {    background: #f39834;    border-color: #f39834;    color: #ffffff;}.pricingTable__item--danger {    background: #fb434a;    border-color: #fb434a;    color: #ffffff;}.pricingTable__item--info {    background: #0887c9;    border-color: #0887c9;    color: #ffffff;}.pricingTable__header {    padding: 2.3rem 0;}.pricingTable__header__title {    text-transform: uppercase;    letter-spacing: 0.23rem;    font-size: 1.84rem;    font-weight: 600;    margin-top: 0.76rem;}.pricingTable__pricing__price {    font-size: 3.69rem;}.pricingTable__pricing__currency {    display: inline-block;    margin-top: 0.76rem;    margin-right: -0.77rem;    font-size: 1.53rem;    vertical-align: top;}.pricingTable__pricing__amount {    font-weight: 600;    font-size: 4.3rem;}.pricingTable__pricing__period {    font-size: 1.23rem;}.pricingTable__features li {    margin-bottom: 0.76rem;}.pricingTable__footer {    padding: 2.3rem 0 3.07rem;}@media (max-width: 1199px) {    .pricingTable {        display: block;        padding: 0;    }    .pricingTable .pricingTable__item {        margin-bottom: 1.53rem !important;        border: 1px solid #e4e9f0;        -webkit-border-radius: 6px !important;                border-radius: 6px !important;    }    .pricingTable .pricingTable__item--featured {        margin-top: 0;    }}/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/2854(此说明不在下载的源码里，只用在演示页面里)*/