* {
    margin : 0;
    padding: 0;
}

html,
body,
.wrapper {
    height    : 100%;
    background: #ff5e36;
    max-width : 640px;
    margin    : 0 auto;
}

/* .wrapper {
    display       : flex;
    flex-direction: column;
}
*/

.wrapper .content {
    /* flex      : 1;
    overflow-y: auto; */
    padding-bottom: .8rem;
}

img {
    display: block;
}

input {
    border: none;
}

.marking {
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index   : 1;
    display   : none;
}

.loginPage {
    width        : 7rem;
    position     : fixed;
    top          : 50%;
    background   : #fff;
    left         : 50%;
    transform    : translate(-50%, -50%);
    border-radius: .2rem;
    z-index      : 999;
}

.login-information {
    padding: .2rem;
}

.login-btn {
    display: flex;
    height : 1rem;
}

.login-btn li {
    flex      : 1;
    text-align: center;
    font-size : 0.9375rem;
    cursor    : pointer;
    list-style: none;
}

.login-btn li span {
    color    : #666;
    padding  : .3px 0;
    cursor   : pointer;
    font-size: .34rem;
}

.login-btn li.on span {
    border-bottom: 2px solid #20bc22;
    color        : #20bc22;
}

.login-input {
    margin-top: 0.2rem;
    height    : 1rem;
    display   : flex;
    border    : .01rem solid #d9dde1;
    overflow  : hidden;
}

.login-input input {
    height      : 100%;
    width       : 90%;
    font-size   : .26rem;
    color       : #7d7d7d;
    padding-left: 30px;
    text-indent : 3px;
    background  : #20bc22;
}

.user-name input {
    background     : url(/static/index/images/input_iphone.png) no-repeat 10px center;
    background-size: 14px 18px;
}

.user-password input {
    background     : url(/static/index/images/input_password.png) no-repeat 10px center;
    background-size: 14px 16px;
}

.user-code input {
    background     : url(/static/index/images/input_code.png) no-repeat 10px center;
    background-size: 14px 18px;
}

.hp-btn-half {
    font-size  : .3rem;
    color      : #20bc22;
    cursor     : pointer;
    height     : 100%;
    line-height: .2rem;
    cursor     : pointer;
    width      : 4.35rem;
    text-align : center;
}

.login-bottom {
    margin-top: 0.625rem;
    height    : auto;
}

.duiaWrap-btn {
    line-height  : .8rem;
    text-align   : center;
    display      : block;
    background   : #44b336;
    color        : #fff;
    height       : .8rem;
    margin       : 0 auto;
    border-radius: 3px;
    cursor       : pointer;
    font-size    : .32rem;
}

.error-remindbox {
    width     : 100%;
    height    : .2rem;
    margin-top: 0.625rem;
}

.error-remind {
    padding-left: .2rem;
    color       : #ff2525;
    font-size   : .2rem;
    line-height : .2rem;
    display     : none;
    position    : absolute;
}

.other-wrapper {
    display: flex;
}

.other-wrapper>a {
    flex       : 1;
    font-size  : .2rem;
    color      : #7d7d7d;
    height     : .2rem;
    line-height: .2rem;
    margin-top : .2rem;
}

.other-wrapper>a:hover {
    color: #20bc22;
}

.verify_div {
    height    : 100%;
    border    : 1px solid #d9dde1;
    box-sizing: border-box;
    width     : 2.5rem;
}

.closeBtn {
    font-size    : .3rem;
    width        : .4rem;
    height       : .4rem;
    background   : #eee;
    border-radius: 50%;
    border       : .01rem solid #ccc;
    position     : absolute;
    top          : .2rem;
    right        : .2rem;
    text-align   : center;
    line-height  : .4rem;
}

/* 页面样式 */
.headtop {
    width: 100%;
}

.fb {
    font-weight: bold;
}

.time p {
    font-size : .32rem;
    text-align: center;
}

.time p:first-child {
    color: #fff569;
}

.time p:nth-child(2) {
    color          : #fff;
    margin-top     : .15rem;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.time p span {
    display          : inline-block;
    width            : .6rem;
    height           : .3rem;
    background       : #000;
    border-radius    : .04rem;
    /* margin-top    : .1rem; */
    margin           : 0rem .05rem;
    /* vertical-align: top; */
    font-size        : .28rem;
}

.part {
    padding   : 0 .3rem;
    box-sizing: border-box;
}

.part1 {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    margin-top     : .4rem;
}

.part1 img {
    width : 2.17rem;
    height: 1.26rem;
}

.part2 {
    width          : 6.9rem;
    height         : 1.26rem;
    background     : url(/static/labor/images/part2_bg.png) no-repeat;
    background-size: 100% 100%;
    position       : relative;
    margin         : 0 auto;
    margin-top     : .2rem;

}

.part2_con {
    width             : 6.3rem;
    height            : 100%;
    position          : absolute;
    right             : 0;
    top               : 0;
    display           : flex;
    align-items       : center;
    justify-content   : space-between;
    /* padding        : 0 .18rem; */
    box-sizing        : border-box;
}

.part2_con div {
    flex  : 1;
    height: 100%;
}

.part2_con div.active {
    /* background: radial-gradient(#f00, #ff0); */
    background: #ff5e36;
}

.part2_con div img {
    margin    : 0 auto;
    margin-top: .13rem;
}

.part2_con div:nth-child(1) img {
    width: .76rem;
}

.part2_con div:nth-child(2) img {
    width: .68rem;
}

.part2_con div:nth-child(3) img {
    width: .88rem;
}

.part2_con div:nth-child(4) img {
    width: .97rem;
}

.part2_con div:nth-child(5) img {
    width: .78rem;
}

.part2_con div:nth-child(6) img {
    width: .78rem;
}

.big_title p {
    color     : #fff;
    text-align: center;
}

.big_title p:first-child {
    font-size : .64rem;
    margin-top: .5rem;
}

.big_title p:nth-child(2) {
    font-size : .3rem;
    margin-top: .1rem;
}

.part3 {
    margin-top: .15rem;
}

.part3 ul {
    display        : flex;
    justify-content: space-between;
    flex-wrap      : wrap;
}

.part3 ul li {
    width          : 3.25rem;
    background     : #fff;
    background-size: #fff;
    padding        : .2rem .3rem .3rem;
    box-sizing     : border-box;
    margin-top     : .14rem;
}

.part3 ul li .product_img {
    width : 2.68rem;
    height: 2.5rem;
}

.product_tit {
    font-size         : .28rem;
    color             : #000;
    margin-top        : .2rem;
    text-align        : justify;
    text-overflow     : -o-ellipsis-lastline;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp        : 2;
    -webkit-box-orient: vertical;
    height            : .8rem;
}

.red {
    color: #f00;
}

.small_tit {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin-top     : .1rem;
}

.small_tit span:first-child {
    font-size: .4rem;
}

.small_tit span:nth-child(2) {
    font-size: .22rem;
    color    : #6a6969;
}

.checkbtn {
    width     : 2.62rem;
    height    : .4rem;
    display   : flex;
    font-size : .24rem;
    margin-top: .2rem;
}

.checked_img {
    display: none;
}

.checked.checked .checked_img {
    display: block;
}

.checked.checked .no_checked_img {
    display: none;
}

.checkbtn img {
    width       : .29rem;
    margin-right: .18rem;
}

.checkbtn div {
    flex      : 1;
    text-align: center;
}

.checkbtn div:nth-child(1) {
    color           : #fff;
    background-color: #ff8400;
    border-radius   : .13rem;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.checkbtn div:nth-child(2) {
    color           : #fff;
    background-color: #ff7800;
    border-radius   : 0px .13rem .13rem 0px;
    line-height     : .4rem;
}

.m_auto {
    margin: 0 auto;
}

.gmjz {
    width: 3.02rem;
}

.fanyu {
    width     : 6.9rem;
    margin-top: .2rem;
}

.part4 {
    width     : 6.9rem;
    background: #fff;
    padding   : 0 .4rem;
    margin-top: .2rem;
}

.part4 .title {
    font-size      : .32rem;
    color          : #1f1f1f;
    display        : flex;
    align-items    : center;
    justify-content: center;
    padding        : .4rem 0;
    font-weight    : bold;
}

.cricle_small {
    display         : inline-block;
    width           : .18rem;
    height          : .18rem;
    background-color: #ffe60f;
    border-radius   : 50%;
    margin          : 0 .06rem;
}

.cricle_big {
    display         : inline-block;
    width           : .21rem;
    height          : .21rem;
    background-color: #ffe60f;
    border-radius   : 50%;
}

.fanyu2 {
    width: 100%;
}

.part4 .checkbtn {
    width: auto;
}

.part4 ul {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
    padding-bottom : .44rem;
}

.part4 ul li {
    margin-top: .23rem;
}

.part4 .prodict_top {
    width           : 1.9rem;
    height          : 1.2rem;
    background-color: #f7f7f7;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.part4 ul li .product_name {
    width          : 1.46rem;
    height         : .84rem;
    background     : url(/static/labor/images/fanyu_blue.png) no-repeat;
    background-size: 100% 100%;
    font-size      : .26rem;
    color          : #fff;
    text-align     : center;
    line-height    : .84rem;
}

.part4 ul li .product_name2 {
    background     : url(/static/labor/images/fanyu_red.png) no-repeat;
    background-size: 100% 100%;
}

.part4 .botbtn {
    display           : flex;
    justify-content   : space-between;
    /* padding-right  : .32rem; */
    box-sizing        : border-box;
    margin-top        : .13rem;
}

.part4 .botbtn span {
    font-size: .32rem;
    color    : #ff5e36;
}

.part4 .botbtn img {
    width : .34rem;
    height: .34rem;
}

.part {
    margin-top: .2rem;
}

.part5 {
    position: relative;
}

.part5 .checkbtn {
    position : absolute;
    bottom   : .58rem;
    left     : 50%;
    transform: translateX(-50%);
}

.part5>img {
    width: 100%;
}

.part6,
.part7 {
    width     : 6.9rem;
    background: #fff;
    padding   : .26rem .3rem .3rem;
    box-sizing: border-box;
}

.part6 .title {
    font-size      : .42rem;
    color          : #1f1f1f;
    display        : flex;
    align-items    : center;
    justify-content: center;
    padding        : .4rem 0;
    font-weight    : bold;
}

.part6>img,
.part7>img,
.part8>img {
    width: 100%;
}

.part6 .cricle_small,
.part6 .cricle_big,
.part7 .cricle_small,
.part7 .cricle_big {
    background: #f00;
}

.checkbox_price {
    display        : flex;
    align-items    : center;
    justify-content: center;
    margin-top     : .26rem;
}

.checkbox_price .checkbtn {
    margin-top: 0;
}

.checkbox_price .price {
    font-size  : .24rem;
    color      : #b8b8b8;
    margin-left: .1rem;
}

/* .part7 .checkbox_price {
    flex-direction: column;
} */

.part7 .title {
    font-size      : .32rem;
    color          : #1f1f1f;
    display        : flex;
    align-items    : center;
    justify-content: center;
    padding        : .4rem 0 0;
    font-weight    : bold;
}

.part7 .small_title {
    font-size     : .32rem;
    color         : #fb363d;
    text-align    : center;
    padding-bottom: .4rem;
}

.part7 .price {
    width              : 2.68rem;
    height             : .44rem;
    background-color   : #ff7800;
    border-radius      : .35rem;
    color              : #fff;
    text-align         : center;
    line-height        : .44rem;
    /* margin-top      : .3rem; */
    /* font-size       : .3rem; */
}

.part7 .all_price {
    margin-top: .42rem;
}

.part7 .checkbtn {
    width: 2.95rem;
}

.part7 .old_price {
    color    : #abb2ae;
    font-size: .26rem;
}

.part7 .activity_price {
    font-size  : .32rem;
    margin-left: .2rem;
}

.part7 .discount {
    color     : #000;
    font-size : .26rem;
    margin-top: .2rem;
}

.part8 {
    position: relative;
}

.part8 .marking_code {
    position : absolute;
    bottom   : .2rem;
    left     : 50%;
    transform: translateX(-50%);
}

.zixun {
    width           : 3rem;
    height          : .8rem;
    background-color: #ff7800;
    border-radius   : .35rem;
    text-align      : center;
    line-height     : .8rem;
    color           : #fff;
    font-size       : .3rem;
}

.part9 {
    width   : 6.9rem;
    position: relative;
    padding : 0;
}

.part9>img {
    width: 100%;
}

.part9_2 {
    margin-top: .28rem;
}

.part9 .marking_code {
    position : absolute;
    bottom   : .3rem;
    left     : 50%;
    transform: translateX(-50%);
}

/* .part9 .zixun {
    width: 2.16rem;
} */

.tip {
    padding: .76rem .3rem .4rem;
}

.tip pre {
    font-family : 微软雅黑;
    white-space : pre-wrap !important;
    word-wrap   : break-word !important;
    *white-space: normal !important;
    font-size   : .24rem;
    color       : #fff5da;
    line-height : .44rem;
}

.code_msg img {
    width : 1.93rem;
    height: 1.93rem;
}

.code_msg p {
    font-size  : .22rem;
    color      : #fff;
    text-align : center;
    line-height: .44rem;
}

.code_msg .lastchild {
    color: #fccd8c;
}

.code_msg p:last-child {
    padding-bottom: .3rem;
}

.mt20 {
    margin-top: .2rem;
}

.to_top {
    position: fixed;
    right   : .1rem;
    bottom  : 1rem;
    display : none;
}

.footer {
    width      : 100%;
    height     : .8rem;
    line-height: .8rem;
    position   : fixed;
    left       : 50%;
    bottom     : 0rem;
    transform  : translateX(-50%);
    text-align : center;
    font-size  : .3rem;
    color      : #fff;
    background : #ff8400;
    max-width  : 640px;
    margin     : 0 auto;
}

.right_tip {
    width      : 1.36rem;
    position   : fixed;
    right      : 0;
    top        : 4.1rem;
    /* position: relative; */
}

.right_tip>img {
    width: 100%;
}

.right_tip .white_box {
    width         : 1.36rem;
    height        : 1rem;
    position      : fixed;
    right         : 0;
    top           : 4.4rem;
    display       : flex;
    flex-direction: column;
}

.right_tip .white_box div {
    flex: 1;
}

.right_tip .white_box .my_order {
    border-bottom: 1px solid #fff;
}

.code_marking {
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.5);
    display   : none;
}

.mark_code {
    width        : 4rem;
    background   : #fff;
    margin       : 0 auto;
    text-align   : center;
    padding      : .3rem;
    box-sizing   : border-box;
    margin-top   : 2rem;
    border-radius: .13rem;
    position     : relative;
}

.mark_code .close {
    position : absolute;
    bottom   : -1.5rem;
    left     : 50%;
    transform: translateX(-50%);
}

.mark_code .code_img {
    width        : 100%;
    margin-bottom: .2rem;
}

.mark_code p {
    line-height: .44rem;
}

.animation {
    animation: free_download 0.5s linear alternate infinite;
}

@-webkit-keyframes free_download {
    0% {
        -webkit-transform: scale(0.9);
    }

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

@keyframes free_download {
    0% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.total_count {
    font-size: .24rem;
}

.total_count b {
    padding: 0 .05rem;
}

.hide {
    display: none;
}