html,
body {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    font-family: "PingFang SC Medium", "Microsoft YaHei"!important;
}


/*.screen-height {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling : touch; 
    width: 100%;
    overflow-x: hidden;
    max-width: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/

.screen-height {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.am-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.all-height {
    min-height: 100%;
    width: 100%;
    overflow-y: auto;
}


/* 主色的从左往右的线性渐变按钮*/

.specail-orange-left {
    background: #fd8420;
    /* 一些不支持背景渐变的浏览器 */
    background: -webkit-linear-gradient(left, #fc9b4c, #fd8420);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fc9b4c, #fd8420);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fc9b4c, #fd8420);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fc9b4c, #fd8420);
    /* 标准的语法 */
    box-shadow: 1px 1px 1px 0px rgba(252, 155, 76, 0.35);
}

button:focus,
input:focus,
a:focus {
    outline: none!important;
    box-shadow: none!important;
}

input,
textarea {
    -webkit-appearance: none!important;
}

.backcolor-white {
    background-color: #fff!important;
    width: 100%;
    min-height: 100%;
}

.back-white {
    background-color: #fff!important;
}

.back-gary {
    background-color: #f0f3f5!important;
}

.backcolor-gray {
    background-color: #f0f3f5!important;
    width: 100%;
    min-height: 100%;
}

.img-width {
    width: 2rem;
}

.pr-img-width-xs {
    width: 4rem;
}

.pr-img-width-xl {
    width: 100%;
}

.pr-img-width-ss {
    width: 6rem;
}

.pr-img-width-sm {
    width: 8rem;
    height: 8rem;
}

.pr-img-width-lg {
    width: 12rem!important;
    height: 12rem!important;
}

.color-white {
    color: #fff;
    font-size: 1.3rem;
}

.color-green {
    color: #fd8420!important;
}

.color-gray-c {
    color: #c8c8c8!important;
}

.color-gray-3 {
    color: #333!important;
}

.color-gray-6 {
    color: #666!important;
}

.color-gray-8 {
    color: #898989;
}

.color-gray-0 {
    color: #808080;
}

.color-gray-9 {
    color: #999!important;
}

.color-gray-c {
    color: #ccc!important;
}

.color-gray-a {
    color: #A9A9A9;
}

.maincolor,
.color-orange {
    color: #fd8420!important;
}

.color-orange-d {
    color: #fd8420;
}

.color-black {
    color: #000;
}

.color-blue {
    color: #42aff4;
}

.input-height {
    min-height: 4.2rem;
}

.imput-height-sm {
    min-height: 2.5rem;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.border-top {
    border-top: 1px solid #dedede!important;
    border-bottom: none!important;
}

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.pr-border-bottom {
    border-bottom: 1px solid #dedede;
}

.border-none {
    border: none!important;
    background-color: #fff!important;
}

.border-left-radius {
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
}

.border-right-radius {
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
}

.pr-border-left {
    border-left: 1px solid #56b53e;
}

.pr-border-dashed-bottom {
    border-bottom: 1px solid #dedede;
}

.border-top-other {
    border-top: 1px solid #dedede!important;
}

.border-search-icon {
    border-right: 1px solid #dedede;
    padding-right: 10px;
    padding-bottom: 3px;
    background-color: #fff;
}

.btn-msg {
    border: 1px solid #56b53e!important;
    color: #56b53e!important;
    background-color: #fff;
}

@media only screen and (max-width: 640px) {
    .title img {
        margin-top: 75px;
        width: 100%;
    }
    .pr-margin-top-xs {
        margin-top: 6rem;
        width: 100%;
    }
    .pr-margin-top-sm {
        margin-top: 11rem;
        width: 100%;
    }
    .pr-margin-top {
        margin-top: 17rem;
        width: 100%;
    }
    .pr-padding-top {
        margin-top: 17rem;
        width: 100%;
    }
}

@media only screen and (min-width:641px) {
    .title img {
        margin-top: 144px;
        width: 100%;
    }
    .pr-margin-top-xs {
        margin-top: 8rem;
        width: 100%;
    }
    .pr-margin-top-sm {
        margin-top: 16rem;
        width: 100%;
    }
    .pr-margin-top {
        margin-top: 22rem;
        width: 100%;
    }
    .pr-padding-top {
        margin-top: 22rem;
        width: 100%;
    }
}

.pr-banner-border {
    border-top: 1px solid #e7e7e7;
}

.pr-banner-xs {
    height: 2px;
    border-top: 1px solid #e7e7e7;
}

.pr-height {
    height: 120px;
    padding-right: 1.5rem;
}

.pr-banner {
    padding-left: 1.5rem;
}

.pr-banner-padding {
    padding-left: 1rem;
    padding-right: 1rem!important;
}

.pr-banner,
.pr-banner-padding {
    min-height: 5rem;
    line-height: 5rem;
}

.pr-banner-height-xs {
    min-height: 2rem;
    max-height: 4rem;
    line-height: 2rem;
}

.pr-banner-height-sm {
    min-height: 3rem;
    max-height: 3rem;
    line-height: 3rem;
    /*padding-left: 1rem;*/
}

.pr-banner-height-lg {
    min-height: 4.5rem;
    max-height: 4.5rem;
    line-height: 4.5rem;
}

.pr-banner-height-ll {
    min-height: 5.2rem;
    max-height: 5.2rem;
    line-height: 5.2rem;
}

.pr-banner-height-xl {
    min-height: 13rem;
    max-height: 13rem;
}

.pr-full .am-input-group button:focus {
    color: #56b53e
}

.pr-list {
    width: 90%;
    margin: 0 auto;
}


/* 定位样式 */

.pr-position-relative {
    position: relative;
    height: 100%;
}

.pr-relative {
    position: relative;
}

.pr-absolute {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.pr-position-bottom {
    position: absolute;
    /*bottom: 2.4rem;*/
    bottom: 5.8rem;
    left: 0px;
    width: 100%;
    /*padding-left: 1rem;
    padding-right: 1rem;*/
    padding-left: 3.3rem;
    padding-right: 3.3rem;
}

{
    position: absolute;
    right: 0;
    bottom: 0;
}


/*.pr-fixed-btn {
    position: fixed;
    z-index: 990;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #f5f5f5;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}*/

.pr-fixed-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #f5f5f5;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    z-index: 990;
    width: 100%;
}

.fixed {
    position: static;
}


/* 表单input*/

.pr-form .am-input-group input.am-form-field,
.pr-form .pr-other-group input.am-form-field {
    border: none;
    min-height: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.pr-form .am-input-group .pr-form-btn .pr-btn-resive {
    border-color: #fd8420;
    color: #fd8420;
    background-color: #fff;
    padding: 1rem 1.5rem;
}

.pr-btn-disabled {
    border-color: #ccc!important;
    color: #ccc!important;
    background-color: #fff!important;
    padding: 1rem 1.5rem!important;
}

.pr-form .pr-input-other {
    min-height: 4rem;
}

.pr-form .pr-choose {
    margin-top: 20px;
    margin-right: 1rem;
    width: 20px;
}


/* 按钮*/

.btn-green,
.btn-gray,
.btn-gray-other,
.btn-green-sm {
    min-height: 44px!important;
    border-radius: 22px!important;
}

.btn-green:hover {
    color: #fff!important;
}

.btn-green:focus {
    background-color: #fc9b4c!important;
    color: #fff!important;
}

.btn-green,
.btn-green-sm {
    background-color: #fd8420;
    color: #fff;
}

.btn-green {
    width: 100%;
}

.btn-green-sm {
    width: 90%;
}

.btn-gray {
    background-color: #ededed!important;
    color: #666!important;
    width: 90%;
}

.btn-gray-other {
    background-color: #e5e5e5;
    border: 1px solid #aaa;
    width: 100%;
    color: #333;
    line-height: 4rem;
    text-align: center;
}

.btn-green-other {
    background-color: #56b53e!important;
    color: #fff!important;
    min-height: 45px;
    width: 100%;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    border: none!important;
}

.btn-gray-xs {
    border: 1px solid #ccc;
    color: #999;
}

.btn-green-xs {
    border: 1px solid #56b53e;
    color: #56b53e;
}

.btn-choose-xs {
    background-color: #fff;
    height: 2.1rem;
    width: 4.3rem;
    line-height: 2.1rem;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
}

.btn-city {
    border: 1px solid #ddd;
    min-height: 4rem;
    line-height: 4rem;
    padding: 0 0.5rem;
}

.btn-doing {
    border: 1px solid #666;
    min-height: 3rem;
    line-height: 3rem;
    font-size: 1.4rem;
    padding: 0rem 0.5rem;
}

.btn-city,
.btn-doing {
    text-align: center;
    background-color: #fff;
    color: #666;
    border-radius: 5px;
}

.btn-gray-round {
    border: 1px solid #ddd;
    width: 10rem;
    height: 3rem;
    text-align: center;
    background-color: #fff;
    border-radius: 2.8rem;
    color: #666;
    font-size: 1.4rem;
}


/* 弹窗*/

.pr-alert-border {
    border-radius: 13px!important;
    background-color: #fff!important;
}

.alert-center {
    left: 50%;
    bottom: 17%;
    /* top: 50%; */
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.my-alert {
    position: fixed;
    z-index: 10000000000;
    font-size: 14px;
}

.alert {
    z-index: 10000000;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-color: none;
    padding: 1rem 2rem;
    border-radius: 35px;
    text-align: center;
    line-height: 18px;
}

.pr-comfirm-btn {
    display: table-cell!important;
    padding: 0 5px;
    height: 44px;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    font-size: 1.6rem;
    line-height: 44px;
    text-align: center;
    display: block;
    color: #666;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-right: 1px solid #dedede;
}

.pr-comfirm-btn:first-child {
    border-radius: 0;
}

.pr-comfirm-btn+.pr-comfirm-btn {
    border-left: 1px solid #dedede;
}

.pr-comfirm-btn:last-child {
    border-right: none;
    border-radius: 0;
    color: #fab882;
}


/*
* 上传时设置文件名和文件类型的弹窗
*/

.yk-radio input[type="radio"] {
    /* -webkit-appearance: radio !important;  */
}

.yk-radio .am-radio-inline {
    float: left;
    margin-left: 0 !important;
    margin-top: 0.6rem !important;
    width: 25%;
    box-sizing: border-box;
    text-align: left;
}

.yk-new-uploader .title {
    color: #333;
    margin-bottom: 5px;
    font-size: 17px;
}

.yk-new-uploader .sub-title {
    color: #333;
    font-size: 13px;
}

.yk-new-uploader .am-modal-dialog {
    width: 280px;
}

.yk-new-uploader .am-modal-bd {
    padding-top: 1rem;
}

.yk-new-uploader input.new-file-name {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0.5rem 0.6rem;
    border-radius: 14px;
    border: 1px solid #CBCBCB;
    outline: none;
    /* font-size: 1.7rem; */
}

.yk-new-uploader label {
    color: #999;
    background-image: url('../image/print/no_again.png');
    background-repeat: no-repeat;
    background-size: 1.4rem;
    background-position: left center;
}

.yk-new-uploader label.check {
    background-image: url('../image/print/yes_again.png');
}


/* .yk-new-uploader input::-webkit-input-placeholder,
.yk-new-uploader input::-ms-input-placeholder,
.yk-new-uploader input::-moz-placeholder {
    color: red !important;
} */

.yk-new-uploader.print-list label {
    height: auto;
}


/*按钮*/

.btn-orange-ghost,
.btn-gray-ghost {
    width: 100%;
    min-height: 44px;
    border-radius: 22px!important;
    background: none!important;
}

.btn-orange-ghost {
    border: 1px solid #fd8420!important;
    color: #fd8420;
}

.btn-gray-ghost {
    border: 1px solid #999!important;
    color: #999;
}

.btn-orange-ghost:hover {
    color: #fc9b4c!important;
    border: 1px solid #fc9b4c!important;
}

.btn-orange-ghost:focus {
    color: #fc9b4c!important;
    border: 1px solid #fc9b4c!important;
}

.btn-gray-ghost:hover {
    color: #999!important;
}

.btn-gray-ghost:focus {
    color: #999!important;
}

.btn-blue-ghost {
    border: 1px solid #42aff4!important;
    color: #42aff4;
}


/* 主色渐变按钮、弥散阴影*/

.btn-orange-gradient {
    background: -moz-linear-gradient( left, #fc9b4c, #fd8420)!important;
    background: -webkit-linear-gradient(left, #fc9b4c, #fd8420)!important;
    background: -o-linear-gradient(left, #fc9b4c, #fd8420)!important;
    box-shadow: 0px 0px 8px rgba(252, 155, 76, 0.35);
}

.btn-margin-default {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}

.get-code {
    font-size: 2rem;
    line-height: 2rem;
}

.height-default {
    height: 44px!important;
    line-height: 44px!important;
}


/*弹出边框样式*/

.pr-alert-dialog {
    border-radius: 13px!important;
    width: 280px;
    background-color: #fff;
}


/*固定底部样式*/

.footer-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #dedede;
}

.footer-distance {
    margin-bottom: 8rem!important;
}

.radio-label {
    font-weight: normal!important;
    margin-bottom: 0px!important;
}


/*注册和完善资料送大礼包样式*/


/*大礼包样式*/

.gift-container {
    background: none!important;
    width: auto!important;
    /* min-width: 300px;*/
}

.gift-box {
    background-color: #f0f3f5!important;
    border-radius: 13px;
    position: relative;
}

.gift-box .close {
    position: absolute;
    top: -15px;
    right: -10px;
    width: 25px;
}

.gift-box .celebrate {
    position: absolute;
    top: -51px;
    left: 3px;
    width: 109px;
}

.gift-box .share {
    position: absolute;
    bottom: 0;
    left: 8px;
    width: 60px;
}

.gift-title {
    color: #fff;
    text-align: center;
    padding-top: 10px;
    background: url(../image/personal/img_gift_bg.png) no-repeat top;
    background-size: 100%;
    min-height: 95px;
}

.gift-title .big-title {
    font-size: 23px;
    font-weight: 900;
    margin-left: 30px;
}

.gift-title .sub-title {
    font-size: 18px;
}

.gift-list-box {
    background-color: #fff!important;
    border-radius: 13px;
    margin: 0 20px;
    min-height: 100px;
    position: relative;
    top: -20px;
    padding: 20px 0 10px 0;
    min-width: 200px;
}

.gift-item-box {
    margin: 0 12px;
    max-height: 210px;
    overflow-y: scroll;
}

.gift-item {
    background: url("../image/personal/gift-card.png") no-repeat center;
    background-size: 100%;
    width: 200px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    line-height: 60px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gift-item :last-child {
    margin-bottom: 0;
}

.gift-button-box {
    padding-bottom: 15px;
}

.gift-button {
    position: relative;
    width: 85%!important;
}

.display-flex {
    display: flex!important;
    align-items: center!important;
}

.common-margin-top {
    margin-top: 25px;
}


/*空文件*/

.empty {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
}