.container {
    position: relative;
    width: 100%;
    height: auto;
    min-width: 1200px;
    min-height: 100%;
    padding-bottom: 238px;
    overflow: hidden
}

.wrapper {
    width: 1200px;
    margin: 0 auto
}

a {
    color: #65686e
}

.left {
    float: left
}

.right {
    float: right
}

.mid {
    margin: 0 auto
}

.hide {
    display: none
}

.show {
    display: block
}

input[type=button],
input[type=submit] {
    -webkit-appearance: none;
    outline: 0
}

.common-checkbox {
    margin: .5rem 1rem .5rem 1rem
}

.center {
    position: absolute;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 100;
    display: none
}

.dark-overlay {
    filter: alpha(opacity=80);
    opacity: .8
}

.poptip {
    position: absolute;
    width: 80%;
    max-height: 90%;
    overflow: auto;
    border-radius: .1rem;
    background: #fff;
    z-index: 1000;
    display: none
}

.poptip ul {
    padding: 0;
    margin: 0
}

.poptip ul li {
    padding: 1rem;
    border-bottom: .1rem solid #e2e2e2
}

.poptip ul li:last-child {
    border-bottom: none
}

.poptip ul .poptip-select-head {
    padding: 1.5rem 1rem;
    border-bottom: .1rem solid #e2e2e2;
    font-size: 1.4rem;
    font-weight: 700
}

.poptip ul .poptip-content {
    padding: 1.5rem 1rem
}

.tip-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    display: none
}

.tip-area {
    position: absolute;
    z-index: 999
}

.tip-window {
    width: 400px;
    background-color: #fff;
    border-radius: 5px
}

.tip-title {
    margin: 15px 15px 30px 15px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700
}

.tip-title-content {
    font-size: 20px;
    color: #fff
}

.tip-close {
    color: #fff;
    cursor: pointer
}

.tip-close img {
    height: 20px
}

.tip-icon {
    height: 40px;
    margin-top: 20px;
    margin-bottom: 20px
}

.tip-close-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.tip-close-icon img {
    height: 20px
}

.tip-icon img {
    height: 50px
}

.tip-content {
    padding: 30px 0;
    text-align: center
}

.tip-button {
    height: 30px;
    padding: 0 10%;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px
}

.tip-single-button {
    width: 60%
}

.header-description {
    float: right;
    margin-right: 10px;
    margin-top: 16px;
    font-size: 16px;
    line-height: 16px
}

.animated {
    display: inline-block;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,
    20% {
        transform: scale(.9) rotate(-9deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.5) rotate(9deg)
    }

    40%,
    60%,
    80% {
        transform: scale(1.5) rotate(-9deg)
    }

    100% {
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-9deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.5) rotate(9deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.5) rotate(-9deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

.email-tip .field-name {
    max-width: 70px
}

.email-tip .tip-window {
    width: 400px;
    padding: 0 10px
}

.email-tip .input-area {
    width: 70%
}

.email-tip .tip-title {
    font-size: 18px;
    margin-bottom: 1rem
}

.email-tip .form-item {
    margin: 0 20px
}

.email-tip .field-input {
    background-color: #fbf3ec
}

.email-tip .field-input-control {
    background-color: #fbf3ec
}

.result-tip .tip-window {
    width: 500px
}

.result-tip .tip-title {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 25px;
    font-weight: 400
}

.result-tip .tip-single-button {
    width: 300px;
    height: 50px
}

.result-tip .tip-button {
    width: 300px;
    margin: 20px
}

.result-tip .tip-single-button-text {
    height: 50px;
    line-height: 50px;
    border-radius: 5px
}

.result-tip-icon {
    width: 50%;
    margin: 0 auto
}

.result-tip-icon img {
    width: 100%
}

.fail-tip .tip-window {
    background: 0 0
}

.fail-tip .result-area {
    position: relative;
    color: #e83117;
    width: 333px;
    margin: 0 auto;
    margin-left: 77px;
    margin-top: 50px;
    margin-bottom: -150px
}

.fail-tip .result-area .result-content {
    padding: 0 .5rem;
    background: 0 0
}

.fail-tip .result-area .result-content h1 {
    font-size: 24px;
    line-height: 40px;
    text-align: center
}

.fail-tip .result-area .result-content h2 {
    font-size: 20px;
    line-height: 32px;
    text-align: center
}

.fail-tip .result-area .result-content h3 {
    font-size: 16px;
    line-height: 28px
}

.fail-tip .result-area .result-content .result-content-split {
    border-bottom: #ffc800 2px dashed;
    margin: .2rem -.2rem
}

.fail-tip .result-area .result-content .money {
    font-weight: 700
}

.fail-tip .result-area img {
    width: 100%;
    display: block
}

.fail-tip .result-gift-flap {
    width: 466px;
    margin: 0 auto
}

.fail-tip .result-gift-flap img {
    width: 100%;
    display: block
}

.fail-tip .tip-gift-area {
    width: 466px;
    margin: 0 auto;
    background: url(../images/result-gift-background.png) repeat-y;
    background-size: contain;
    font-size: 20px;
    padding: 10px 0;
    margin-left: 17px
}

.fail-tip .tip-gift-area .tip-gift-item {
    width: 350px;
    margin: 20px auto
}

.fail-tip .tip-gift-area .tip-gift-item .tip-gift-icon {
    margin-top: 15px
}

.fail-tip .tip-gift-area .tip-gift-item .tip-gift-name {
    color: #fef6e7;
    margin-left: 20px;
    line-height: 46px;
    font-size: 30px
}

.fail-tip .tip-gift-area .tip-gift-item .tip-gift-button {
    background: url(../images/gift-button.png) no-repeat;
    background-size: 100%;
    width: 185px;
    height: 46px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    color: #e83117
}

.fail-tip .tip-gift-area img {
    width: 100%;
    display: block
}

.fail-tip .tip-gift-footer {
    width: 466px;
    margin: 0 auto;
    margin-left: 17px
}

.fail-tip .tip-gift-footer img {
    width: 100%;
    display: block
}

.fail-tip .tip-gift-qrcode {
    width: 40%;
    margin: 0 auto
}

.fail-tip .tip-gift-follow {
    color: #fff;
    margin: 10px 40px;
    font-size: 20px
}

.vertify-code-tip .tip-content {
    padding: 17px 15px 10px
}

.vertify-code-tip .vertify-code-popup-input {
    width: 100%;
    margin-top: 17px
}

.vertify-code-tip .vertify-code-popup-input .field-embeded-input {
    background-color: #fff
}

.vertify-code-tip .tip-close-icon {
    position: absolute;
    right: 5px;
    top: -15px
}

.vertify-code-tip .tip-close-icon img {
    height: 25px
}

.vertify-code-tip .tip-title-icon img {
    width: 100%
}

.vertify-code-tip .field-embeded-name {
    float: left;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    text-align: left;
    width: 60px
}

.vertify-code-tip .input-area {
    width: 100%
}

.vertify-code-tip .field-input-control {
    float: left;
    width: 70%
}

.vertify-code-tip .tip-single-button-text {
    color: #fff;
    line-height: 40px;
    height: 40px;
    border-radius: 8px
}

.identity-card-tip .tip-title {
    margin: 0;
    margin-bottom: 10px
}

.identity-card-tip .tip-title-icon {
    margin: 0 auto
}

.identity-card-tip .tip-title-icon img {
    margin-top: 10px;
    width: 90%
}

.identity-card-tip .tip-close-icon {
    top: -80px
}

.identity-card-tip .tip-close-icon img {
    height: 40px
}

.identity-card-tip .tip-content {
    margin: 0 10px
}

.identity-card-tip .form-item {
    width: 90%
}

.identity-card-tip .field-name {
    line-height: 4rem
}

.identity-card-tip .input-area {
    width: 70%
}

.identity-card-tip .tip-single-button-text {
    color: #fff;
    line-height: 40px;
    height: 40px;
    border-radius: 10px
}

.identity-card-tip .warm-tips {
    font-size: 14px;
    text-align: left;
    margin-top: 30px
}

.calculator-tip-form .field-radio {
    float: left;
    margin: 10px 0;
    width: 33%
}

.calculator-tip-form .field-radio input {
    display: none
}

.calculator-tip-form .field-radio label {
    font-size: 14px;
    border: 1px solid;
    padding: 10px 0;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    width: 80%;
    color: #f83a41;
    border: 1px solid #f83a41
}

.calculator-tip-form .field-radio .radio-select {
    background-color: #f83a41;
    color: #fff
}

.calculator-tip-form .tip-single-button-text {
    background-color: #f83a41
}

.calculator-tip-form .form-item {
    padding: 0 10px
}

.calculator-tip-form .calculator-header {
    height: 35px
}

.calculator-tip-form .calculator-header img {
    height: 25px;
    position: absolute;
    left: 12px
}

.calculator-tip-form .calculator-banner {
    width: 100%;
    margin: 0 auto
}

.calculator-tip-form .calculator-banner img {
    width: 100%;
    height: 100%
}

.calculator-tip-form .survey-head {
    padding: 10px;
    font-size: 18px;
    text-align: left;
    color: #f83a41
}

.calculator-tip-form .question-cont {
    text-align: left;
    font-size: 16px
}

.calculator-tip-form .calcu-result-tip {
    font-size: 14px
}

.calculator-tip-form .calcu-result-tip .tip-title {
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px dashed #f83a41
}

.calculator-tip-form .calcu-result-tip .result-cont {
    padding: 0 10px 10px
}

.calculator-tip-form .calcu-result-tip .result-cont p {
    text-align: left;
    line-height: 25px
}

.calculator-tip-form .calcu-result-tip .money {
    color: #f83a41
}

.calculator-tip-form .calcu-result-tip .tip-single-button-text {
    background-color: #f83a41;
    border: none
}

.loading-window {
    position: absolute;
    width: 10rem;
    height: 9rem;
    border-radius: .5rem;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .55;
    z-index: 2000
}

.loading-effect {
    width: 5rem;
    height: 5rem;
    position: relative;
    margin: 0 auto;
    margin-top: 2rem
}

.loading-effect span {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    -webkit-animation: load 1.04s ease infinite
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.3);
        opacity: .5
    }
}

.loading-effect span:nth-child(1) {
    left: 0;
    top: 50%;
    margin-top: -.5rem;
    -webkit-animation-delay: .13s
}

.loading-effect span:nth-child(2) {
    left: .7rem;
    top: .7rem;
    -webkit-animation-delay: .26s
}

.loading-effect span:nth-child(3) {
    left: 50%;
    top: 0;
    margin-left: -.5rem;
    -webkit-animation-delay: .39s
}

.loading-effect span:nth-child(4) {
    top: .7rem;
    right: .7rem;
    -webkit-animation-delay: .52s
}

.loading-effect span:nth-child(5) {
    right: 0;
    top: 50%;
    margin-top: -.5rem;
    -webkit-animation-delay: .65s
}

.loading-effect span:nth-child(6) {
    right: .7rem;
    bottom: .7rem;
    -webkit-animation-delay: .78s
}

.loading-effect span:nth-child(7) {
    bottom: 0;
    left: 50%;
    margin-left: -.5rem;
    -webkit-animation-delay: .91s
}

.loading-effect span:nth-child(8) {
    bottom: .7rem;
    left: .7rem;
    -webkit-animation-delay: 1.04s
}


.nav-bottom{
	padding-top:15px;
    padding-bottom:15px;
    padding-top: 15px;
    padding-bottom: 15px;
	color:#fefefe;
	background-color:#383a3e;
	border:none;
	line-height:24px;
}