:root {
    --base_color: #06C1AE;
    --easy_color: #FED848;
}

@font-face {
    font-family: 'DIN-Bold';
    src: url('./font/DIN-Bold.eot');
    src: local('fontName Regular'),
        local('fontName'),
        url('./font/DIN-Bold.woff') format('woff'),
        url('./font/DIN-Bold.ttf') format('truetype'),
        url('./font/DIN-Bold.svg#fontName') format('svg');
}

.f_cb {
    clear: both;
}
.fc {
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-black {
    color: #000000;
}
.c-pink {
    color: rgba(255, 105, 117, 1);
}
/*area*/
.blank1 {
    height: 1px;
    overflow: hidden;
    clear: both;
}

.blank10 {
    height: 0.2rem;
    overflow: hidden;
    clear: both;
}

.blank20 {
    height: 0.4rem;
    overflow: hidden;
    clear: both;
}

.blank_detail {
    height: 0.8rem;
    overflow: hidden;
    clear: both;
}

.blank_pay {
    height: 1rem;
    overflow: hidden;
    clear: both;
}


.blank_aimed {
    height: 2rem;
    overflow: hidden;
    clear: both;
}

.blank_aimed2 {
    height: 2.1rem;
    overflow: hidden;
    clear: both;
}

/*title_top*/
.title_top {
    background: #06C1AE;
    height: 1.16rem;
    line-height: 1.16rem;
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;

    height: 0rem;
}

.isStuck {
    display: block;
    z-index: 99999;
    height: 1.16rem;
}

.maxwidth {
    max-width: 800px;
    margin: 0 auto;
}

/*my_info*/
.my_info {
    /* background: #06C1AE; */
    width: 100%;
    height: 5.89rem;
    background: url(../images/newgeren/denglu@2x.png) center no-repeat;
    background-size: 100% 100%;
    /* position: absolute;
    top: 0;
    left: 0; */
    position: relative;
    box-sizing: border-box;
    /* margin-bottom: 2.07rem; */
}

.my_info .ques {
    position: absolute;
    width: .57rem;
    height: .53rem;
    top: .29rem;
    right: 1.32rem;
}

.my_info .setting {
    position: absolute;
    width: .57rem;
    top: .29rem;
    width: .53rem;
    right: .29rem;
}

.my_info i {
    float: left;
    margin-left: 0.4rem;
    margin-top: 0.42rem;
    margin-right: 0.36rem;
}

.my_info i img {
    width: 1.36rem;
    height: 1.36rem;
    border-radius: 50px;
}

.my_info em {
    display: block;
    float: right;
    width: 1.24rem;
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    margin-right: 0.4rem;
    margin-top: 1.14rem;
}

.my_info em a {
    color: #08C1AE;
}


/*my_info_txt*/
.my_info_txt {
    color: #fff;
    padding-top: 0.7rem;
    float: left;
    width: calc(100% - 4rem);
}

.my_info_txt h3 {
    font-size: 0.28rem;
    padding-bottom: 0.12rem;
}

.my_info_txt span {
    font-size: 0.32rem;
}

.my_info_txt a {
    color: #fff;
}



.login-register-wrap {
    margin: 0.4rem auto .6rem;
    text-align: center;
}

.my_info .to_login,
.my_info .to_register {
    text-align: center;
    display: inline-block;
    width: 2.87rem;
    height: .79rem;
    background: #fff;
    border-radius: .40rem;
    color: #06BAA8;
    line-height: .79rem;
    font-size: .35rem;
    margin: 0 10px;
}

.my_info .to_login {

    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.my_info .no_login {
    text-align: center;
    padding-top: 1.08rem;
    color: #fff;
    font-size: .4rem;
    line-height: 1;
}

.my_info .to_register {
    color: #06C1AE;
}

.my_info .cus_info {
    padding-top: 1.3rem;
    display: flex;
    width: 100%;
    padding-left: .33rem;
    box-sizing: border-box;
    color: #fff;
    flex-wrap: wrap;
}

.my_info .cus_info .ques {}

.my_info .ques {
    background: url(../images/myques.png) no-repeat;
    background-size: contain;
}

.my_info .cus_info .ques.red::before {
    position: absolute;
    content: "";
    display: block;
    width: .13rem;
    height: .13rem;
    background: #FF6975;
    right: -.2rem;
    top: 0;
    border-radius: 50%;

}

.my_info .avatar {
    width: 1.19rem;
    height: 1.19rem;
    margin-right: .33rem;
    border-radius: 50%;
    overflow: hidden;
}

.my_info .cus_info .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: .11rem;
}

.my_info .cus_info .box .p_number {
    font-size: .4rem;
    color: rgba(255, 255, 255, 1);
    line-height: 1.3;
}

.my_info .cus_info .box .text {
    display: flex;
    height: .4rem;
    font-size: .31rem;
    font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: .4rem;
}

.my_info .cus_info .box .text a {
    width: .88rem;
    height: .4rem;
    background: rgba(6, 170, 154, 1);
    border-radius: .22rem;
    font-size: .26rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: .4rem;
    text-align: center;
    margin-left: .13rem;
}

.my_info .menu {
    width: 7.68rem;
    height: 1.86rem;
    top: 3.44rem;
    position: absolute;
    left: 0;
    right: 0;
    height: 1.85rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 0.17rem;
    /* box-shadow: 0px .04rem .2rem 0px rgba(228, 228, 228, 0.5); */
    /* border-radius: .18rem; */
}

.my_info .menu .li {
    height: 100%;
    flex: 1;
}

.my_info .menu .li a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.my_info .menu .li .dot {
    position: absolute;
    top: 0.31rem;
    left: 70%;
    width: .18rem;
    height: .18rem;
    background: rgba(255, 105, 117, 1);
    border-radius: 50%;
}

.my_info .menu .icon {
    width: .73rem;
    height: .73rem;
    margin-bottom: .13rem;
}

.my_info .menu .li .n {
    position: absolute;
    background: url(../images/tab1@2x.png) no-repeat;
    background-size: 100% 100%;
    width: .79rem;
    height: .38rem;
    line-height: .38rem;
    text-align: center;
    color: #fff;
    font-size: .24rem;
    top: .26rem;
    left: 50%
}

/*center_tool*/
.center_tool {
    background: #fff;
    clear: both;
    margin-bottom: 0.2rem;
}

.center_tool ul li {
    width: 25%;
    text-align: center;
    float: left;
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
    position: relative;
}

.center_tool ul li i {
    position: absolute;
    height: .3rem;
    left: 62%;
    top: 0.4rem;
    display: block;
    text-align: center;
    background: #FF0000;
    border-radius: .15rem;
    color: #fff;
    font-size: .24rem;
    line-height: .3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .07rem;
    min-width: .3rem;
}

.center_tool ul li img {
    width: 0.52rem;
    height: 0.56rem;
}

.center_tool ul li span {
    font-size: 0.28rem;
    display: block;
}

/*tabs_title*/
.tabs_title {
    background: #fff url(../images/line.png) repeat-x left bottom;
}

.tabs_title ul li {
    padding: 0 .64rem;
    height: 1rem;
    line-height: 1rem;
    float: left;
    font-size: 0.32rem;
    text-align: center;
    color: #757575;
    cursor: pointer;
    margin-right: 0.1rem;

}

.tabs_title ul li:last-child {
    margin-right: 0
}

.tabs_title ul li.curr {
    color: #06C1AE;
    border-bottom: 2px solid #06C1AE;
}

.contact_box22 {
    font-size: 0.32rem;
    color: #757575;
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    text-align: left;
    padding-left: 0.4rem;
}

.contact_box22 em {
    color: #06C1AE;
}

/*task_box*/
.task_box {
    background: #fff;
}

/*task_box_no*/
.task_box_no {
    font-size: 0.32rem;
    color: #BCBCBC;
    text-align: center;
    padding: 1.06rem 0px;
}

.task_box_no a {
    color: #06C1AE;
}

/*task_info*/
.task_info {
    border-bottom: 1px solid #F0F0F0;
}

.task_info ul li {
    float: left;
    width: 25%;
    text-align: left;
    padding-top: 0.4rem;
    padding-bottom: 0.35rem;
}

.task_info li h3 {
    font-size: 0.2rem;
    color: #999999;
    padding-bottom: 0.08rem;
    padding-left: 0.38rem;
}

.task_info li span {
    font-size: 0.32rem;
    color: #333333;
    padding-left: 0.38rem;
    height: .6rem;
    line-height: .6rem;
}

.task_info li em {
    color: #FF6767;
}

.task_info li input {
    border: 1px solid #BCBCBC;
    background: #fff;
    padding: 0;
    height: .6rem;
    margin-left: .38rem;
    width: 1.3rem;
    color: #06C1AE;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

/*book_box*/
.book_box {
    background: #fff;
}

/*book_box_no*/
.book_box_no {
    text-align: center;
    padding: 1rem 0rem 0.94rem 0rem;
}

.book_box_no img {
    width: 1.2rem;
}

.book_box_no span {
    display: block;
    font-size: 0.28rem;
    color: #BCBCBC;
    padding-top: 0.36rem;
}

/*task_pai*/
.task_pai {
    text-align: center;
    padding-top: 0.31rem;
    padding-bottom: 0.4rem;
}

.task_pai h3 {
    font-size: 0.24rem;
    color: #757575;
    padding-bottom: 0.18rem;
}

.task_pai strong {
    color: #06C1AE;
    font-weight: normal;
}

.task_pai span a {
    display: block;
    background: #DDDDDD;
    border-radius: 20px;
    width: 3rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    margin: auto;
    font-size: 14px;
    color: #FFFFFF;
}

.task_pai span.curr a {
    background: #06C1AE;
    color: #FFFFFF;
}

.task_pai.newtask {
    font-size: 0;
}

.newtask a {
    width: 3.54rem;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    display: inline-block;
    font-size: .32rem;
    background: linear-gradient(to right, rgba(255, 111, 111, 1), rgba(255, 168, 107, 1));
    border-radius: 5px;
}

.newtask a.toPaydp {
    background: linear-gradient(to right, rgba(0, 188, 169, 1), rgba(56, 215, 157, 1));
    margin-left: .4rem;
}

.newtask a.toRating {
    background: linear-gradient(-156.9deg, rgba(124, 178, 255, 1), rgba(46, 64, 255, 1));
    margin-left: .4rem;
}

.friend-ball {
    margin-top: .2rem;
    background: #fff;
    padding: 0 .4rem;
    padding-bottom: .44rem;

}

.friend-ball h3 {
    font-size: .4rem;
    color: rgba(51, 51, 51, 1);
    line-height: .56rem;
    font-weight: bold;
    padding-top: .32rem;
    padding-bottom: .14rem;
}

.friend-ball .long-time-check {
    font-size: .28rem;
    color: rgba(164, 164, 164, 1);
    line-height: .4rem;
}

.friend-ball .zb-img-box {
    width: 100%;
    height: 5rem;
    overflow: hidden;
    margin-top: .34rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
    position: relative;
}

.friend-ball .zb-img-box .canvasimg {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
}

.zb-img-box .box {
    width: 100%;
    background: #fff;
    z-index: 1;
}

.zb-img-box .box .top {
    text-align: center;
    font-size: 0;
    padding: .16rem 0 .2rem;
}

.zb-img-box .box .img {
    width: 1rem;
    height: 1rem;
    margin-right: .1rem;
}

.zb-img-box .box .imgbot {
    width: 100%;
    height: 2.14rem;
    background: rgba(235, 235, 235, 1) url(../images/zengjia@2x.jpg) no-repeat;
    background-size: 100% 100%;
}

.zb-img-box .box .word {
    font-size: .44rem;
    font-weight: bold;
    color: rgba(202, 123, 45, 1);
    line-height: 1rem;
    display: inline-block;
    vertical-align: top;
}

.zb-img-box .box .list {
    margin-bottom: .4rem;
    padding: 0 .16rem;
}

.zb-img-box .box .list li {
    height: .54rem;
    line-height: .54rem;
    text-align: center;
    margin: 0 0 .16rem;
}

.zb-img-box .box .list .left {
    float: left;
    width: 35%;
    height: .54rem;
    font-size: .24rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    background: rgba(202, 123, 45, 1);
}

.zb-img-box .box .list .right {
    float: left;
    width: 65%;
    height: .54rem;
    line-height: .53rem;
    border: 1px solid rgba(202, 123, 45, 1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(202, 123, 45, 1);
}



/*detail_box_no*/
.detail_box_no {
    background: #fff;
    padding-top: 1rem;
    margin-top: 0.2rem;
    padding-bottom: 1.16rem;
    text-align: center;
}

.detail_box_no img {
    width: 1.38rem;
}

.detail_box_no span {
    display: block;
    font-size: 0.28rem;
    color: #BCBCBC;
    padding-top: 0.2rem;
}

/*list_box_no*/
.list_box_no {
    background: #fff;
    padding-top: 1rem;
    margin-top: 1px;
    padding-bottom: 1.16rem;
    text-align: center;
}

.list_box_no img {
    width: 1.38rem;
}

.list_box_no span {
    display: block;
    font-size: 0.28rem;
    color: #BCBCBC;
    padding-top: 0.2rem;
}

/*notice_box_txt*/
.notice_box_txt {
    font-size: 0.28rem;
    color: #757575;
    line-height: 0.56rem;
    padding: 0.4rem;
    background: #fff;
}

.notice_box_txt a {
    color: #06C1AE;
}

/*my_top*/
.my_top {
    background: #06C1AE;
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
}

.my_top_box {
    position: relative;
}

.my_top i {
    position: absolute;
    left: 0.15rem;
    top: 0.1rem;
}

.my_top i img {
    width: .25rem;
}

.my_top_t ul {
    margin: auto;
    width: 4.5rem;
}

.my_top_t ul li {
    width: 50%;
    float: left;
    height: 0.68rem;
    line-height: calc(0.68rem - 2px);
    text-align: center;
    border: #fff 1px solid;
    margin-top: 0.24rem;
    font-size: 0.32rem;
    cursor: pointer;
}

.my_top_t ul li a {
    color: #fff;
}

.my_top_t ul li:first-child {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    border-right: none;
}

.my_top_t ul li:last-child {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
}

.my_top_t ul li.curr {
    background: #fff;
    color: #06C1AE;
}

.my_top_t ul li.curr a {
    color: #06C1AE;
}

.top_nav {
    position: absolute;
    right: 0.42rem;
    top: 0.05rem;
}

.top_nav_btn img {
    width: 0.47rem;
}

.top_nav_sign {
    position: relative;
}

.top_nav_box {
    position: absolute;
    right: -0.4rem;
    top: 0.88rem;
    z-index: 5;
}

.top_nav_top {
    width: 2.84rem;
    background: url(../images/box-top.png) no-repeat left top;
    background-size: 100%;
    height: 0.4rem;
}

.top_nav_box ul {
    background: url(../images/box-middle.png) repeat-y left top;
    background-size: 100%;
    width: 2.84rem;
}

.top_nav_box ul li {
    font-size: 0.32rem;
    color: #333333;
    clear: both;
    padding-left: 0.2rem;
    text-align: left;
    padding: 0.1rem 0px;
}

.top_nav_box ul li img {
    width: 0.3rem;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 0.3rem;
    margin-right: 0.1rem;
}

.top_nav_box ul li span {
    display: inline-block;
    border-bottom: #f0f0f0 1px solid;
    width: calc(100% - 0.88rem);
    padding-bottom: 0.2rem;
}

.top_nav_bottom {
    background: url(../images/box-bottom.png) no-repeat left top;
    background-size: 100%;
    width: 2.84rem;
    height: 0.4rem;
}

/*register-me*/
.register-me {
    width: 100%;
}

.login_tabs_box .small {
    width: 100%;
}

.register-me .box {
    padding: 1.46rem 1rem .4rem 1rem;
}

.register-me .yzm .btn-yzm {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1rem;
    font-size: .32rem;
    color: #06C1AE;
}

.register-me .li5 {
    color: #757575;
    font-size: 0.28rem;
}

/*.register-me input[type=text], input[type=password] {*/
/*border-bottom: #BCBCBC 1px solid;*/
/*}*/

.register-me .input1::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.register-me .input1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.register-me .input1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.register-me .input1:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

.register-me .input2::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.register-me .input2:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.register-me .input2::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.register-me .input2:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

.register-me .input3::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.register-me .input3:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.register-me .input3::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.register-me .input3:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

/*login_tabs*/
.login_tabs {
    background: #fff;
    border-bottom: 1px solid #F0F0F0;
    width: 100%;
    padding-top: 1.08rem;
}

.login_tabs ul {
    width: 80%;
    text-align: center;
    margin: auto;
}

.login_tabs ul li {
    font-size: 0.36rem;
    color: #BCBCBC;
    display: inline-block;
    border-bottom: 2px solid #fff;
    padding: 0.15rem 0.2rem;
    margin: 0px 0.1rem;
}

.login_tabs ul li.curr {
    color: #06C1AE;
    border-bottom: 2px solid #06C1AE;
}

.login-me .box {
    padding: 1rem 1rem .4rem 1rem;
}

.li3 {
    text-align: center;
    font-size: 0.32rem;
    margin-top: .8rem;
}

.li3 .input[type=button],
.li3 input[type=submit] {
    border-radius: 5px !important;
}

.login-me .yzm .btn-yzm {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1rem;
    font-size: .32rem;
    color: #06C1AE;
}

.li3 .forget-pwd {
    margin-top: .4rem;
    display: inline-block;
    color: #666;
}

.nc-container .nc_scale {
    height: 1rem !important;
}

.nc-container .nc_iconfont {
    width: 1rem !important;
    height: 1rem !important;
    line-height: 1rem !important;
    box-sizing: border-box !important;
}

.nc-container .nc_scale span {
    /*width: 50px !important;*/
    /*height: 50px !important;*/
    line-height: 1rem !important;
    /*box-sizing: border-box !important;*/
}

.nc-container .nc_scale .scale_text2 {
    text-align: center;
    text-indent: -0.84rem;
}

.nc-container .errloading {
    width: 100% !important;
    height: 1rem !important;
    line-height: 1rem !important;
    padding: 0px !important;
}

/*.login-me input[type=text], input[type=password] {*/
/*border-bottom: #BCBCBC 1px solid;*/
/*}*/

.login-me .input1::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.login-me .input1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.login-me .input1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.login-me .input1:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

.login-me .input2::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.login-me .input2:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.login-me .input2::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.login-me .input2:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

.login-me .input3::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.login-me .input3:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.login-me .input3::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.login-me .input3:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

/*my_top_tabs*/
.my_top_tabs {
    background: #06C1AE;
    height: 1.16rem;
    line-height: 1.16rem;
    width: 100%;
    text-align: left;
    font-size: 0.36rem;
    color: #fff;
}

.my_top_tabs_box {
    position: relative;
}

.my_top_tabs i {
    position: absolute;
    left: 0.15rem;
    top: 0.1rem;
}

.my_top_tabs i img {
    width: 24.6px;
}

.my_top_tabs ul {
    margin: auto;
    width: 4.5rem;
}

.my_top_tabs ul li {
    width: 50%;
    float: left;
    height: 0.68rem;
    line-height: calc(0.68rem - 2px);
    text-align: center;
    border: #fff 1px solid;
    margin-top: 0.24rem;
    font-size: 0.32rem;
    cursor: pointer;
}

.my_top_tabs ul li:first-child {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    border-right: none;
}

.my_top_tabs ul li:last-child {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
}

.my_top_tabs ul li.curr {
    background: #fff;
    color: #06C1AE;
}

/*my_top_s*/
.my_top_s {
    background: #06C1AE;
    height: 1.16rem;
    line-height: 1.16rem;
    width: 100%;
    text-align: left;
    font-size: 0.36rem;
    color: #fff;
}

.my_top_s_box {
    position: relative;
}

.my_top_s span {
    display: inline-block;
    padding-left: 0.78rem;
}

.my_top_s i {
    position: absolute;
    left: 0.15rem;
    top: 0.1rem;
}

.my_top_s i img {
    width: 24.6px;
}

.my_top_s input {
    float: right;
    width: 3rem;
    height: 0.6rem;
    background: #FFFFFF url(../images/search.png) no-repeat 0.2rem center;
    background-size: 0.3rem;
    margin-top: 0.26rem;
    margin-right: 0.42rem;
    border-radius: 100px;
    font-size: 0.28rem;
    color: #BCBCBC;
    padding-right: 0.1rem;
    padding-left: 0.6rem;
}

.my_top_s input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.my_top_s input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.my_top_s input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.my_top_s input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

/*progress_box*/
.progress_box {
    height: 2.4rem;
    padding: 0px 0.42rem;
    background: #f0f0f0;
}

.progress_box ul {
    height: 2.4rem;
    background: #f0f0f0 url(../images/line-progrees.png) repeat-x left center;
}

.progress_box ul li {
    width: 20%;
    text-align: center;
    float: left;
    position: relative;
}

.progress_box ul li i {
    display: block;
    background: #bcbcbc;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 50px;
    color: #fff;
    margin: auto;
    margin-top: 0.96rem;
}

.progress_box ul li i.curr {
    background: #06c1ae;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/icon61.png) no-repeat center;
    background-size: 100%;
}

.progress_box ul li span {
    display: block;
    font-size: 0.28rem;
    color: #757575;
    padding-top: 0.16rem;
    position: absolute;
    left: -0.2rem;
    left: calc(50% - 1.5rem);
    top: 0px;
    width: 3rem;
    text-align: center;
}

.progress_box ul li.progress_span1 span {
    top: 0.3rem;
}

.progress_box ul li.progress_span2 span {
    top: 1.4rem;
}

.progress_box ul li.progress_span3 span {
    top: 0.3rem;
}

.progress_box ul li.progress_span4 span {
    top: 1.4rem;
}

.progress_box ul li.progress_span5 span {
    top: 0.3rem;
}

/*send_form*/
.send_form li {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: left;
    border-bottom: #f1f1f1 1px solid;
    clear: both;
}

.send_form .page6 {
    width: auto;
}

.send_form .page6 .part2 {
    padding: 0rem 0rem;
}

.send_form .page6 .part2 li {
    width: 100%;
    position: relative;
    padding-left: 5.58em;
    line-height: 1.2rem;
    font-size: .28rem;
    margin-bottom: 0rem;
}

.send_form li input.form_c_text {
    height: 0.8rem;
    line-height: 0.8rem;
    width: calc(100% - 0.6rem);
    border: none;
    padding: 0px 0.1rem;
    margin-left: 0.1rem;
    background: none;
    color: #06C1AE;
}

.send_form .page6 .part2 select {
    border: none;
}

.send_form .page6 .part2 span {
    left: 0.38rem;
    position: absolute;
}

/*
.send_form span {
    width: 1.6rem;
    display: block;
    float: left;
    font-size: 0.28rem;
	color: #333333;
    text-align: right;
    margin-left: 0.38rem;
}
*/
.send_form li input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.send_form li input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.send_form li input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.send_form li input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

/*set_money*/
.set_money {
    height: 2.44rem;
    border-bottom: #f0f0f0 0.2rem solid;
    border-top: #f0f0f0 0.2rem solid;
    text-align: center;
}

.set_money h3 {
    font-size: 0.24rem;
    color: #06C1AE;
    letter-spacing: 5px;
    line-height: 27px;
    padding-top: 0.45rem;
}

.set_money h3 strong {
    font-size: 0.48rem;
}

.set_money span {
    font-size: 0.28rem;
    color: #757575;
}

/*money_say*/
.money_say {
    padding-bottom: 1.2rem;
}

.money_say h3 {
    border-bottom: #f1f1f1 1px solid;
    height: 0.79rem;
    line-height: 0.79rem;
    padding-left: 0.82rem;
    background: url(../images/blog.png) no-repeat 0.4rem center;
    background-size: 0.284rem;
    font-size: 0.32rem;
    color: #333333;
}

.money_say p {
    font-size: 0.28rem;
    color: #757575;
    line-height: 0.52rem;
    padding: 0.38rem 0.27rem;
}

.money_say p.say {
    font-size: 0.32rem;
    color: #757575;
    line-height: 0.6rem;
    padding: 0.38rem 0.38rem;
}

.money_say p.say em {
    font-size: 0.32rem;
    color: #06C1AE;
    line-height: 0.6rem;
}

.money_say a.next {
    display: block;
    background: #06C1AE;
    border-radius: 50px;
    width: 6.28rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    margin: auto;
    font-size: 0.36rem;
    color: #FFFFFF;
}

/*type_select*/
.type_select {
    padding-bottom: 0.6rem;
    border-bottom: #f0f0f0 0.2rem solid;
}

.type_select h3 {
    border-bottom: #f1f1f1 1px solid;
    height: 0.79rem;
    line-height: 0.79rem;
    padding-left: 0.82rem;
    background: url(../images/blog.png) no-repeat 0.4rem center;
    background-size: 0.284rem;
    font-size: 0.32rem;
    color: #333333;
}

.type_select ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 0.59rem;
}

.type_select ul li a {
    display: inline-block;
    width: 3.54rem;
    height: 0.9rem;
    line-height: 0.9rem;
    border-radius: 100px;
    text-align: center;
    font-size: 0.4rem;
    background: #F0F0F0;
    margin: auto;
}

.type_select ul li.curr a {
    color: #FFFFFF;
    background: #06C1AE;
}

/*in_say*/
.in_say {
    padding-bottom: 0rem;
    background: #fff;
    border-bottom: #f0f0f0 0.2rem solid;
}

.in_say h3 {
    border-bottom: #f1f1f1 1px solid;
    height: 0.79rem;
    line-height: 0.79rem;
    padding-left: 0.82rem;
    background: url(../images/blog.png) no-repeat 0.4rem center;
    background-size: 0.284rem;
    font-size: 0.32rem;
    color: #333333;
}

.in_say p {
    font-size: 0.28rem;
    color: #757575;
    line-height: 0.52rem;
    padding: 0.38rem 0.27rem;
}

.in_say p .tel {
    color: #06C1AE;
}

/*pay_count*/
.pay_count {
    padding-bottom: 1.2rem;
}

.pay_count h3 {
    border-bottom: #f1f1f1 1px solid;
    height: 0.79rem;
    line-height: 0.79rem;
    padding-left: 0.82rem;
    background: url(../images/blog.png) no-repeat 0.4rem center;
    background-size: 0.284rem;
    font-size: 0.32rem;
    color: #333333;
}

.pay_count p {
    font-size: 0.28rem;
    color: #757575;
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 0.76rem;
    padding-top: 0.36rem;
}

.pay_count a.next {
    display: block;
    background: #06C1AE;
    border-radius: 50px;
    width: 6.28rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    margin: auto;
    font-size: 0.36rem;
    color: #FFFFFF;
}

.table_pay {
    border: #bcbcbc 1px solid;
    margin: 20px 0.38rem;
}

.table_pay span {
    display: inline-block;
    text-align: center;
    font-size: 0.32rem;
    border-left: #bcbcbc 1px solid;
    float: left;
    color: #757575;
}

.table_pay li {
    height: 47px;
    min-height: 47px;
    line-height: 47px;
    clear: both;
    border-bottom: #bcbcbc 1px solid;
}

.pay_1 {
    width: 19%;
    width: calc(30% - 5px);
}

.pay_2 {
    width: 79%;
    width: calc(70% - 5px - 0.32rem);
    color: #06C1AE !important;
    text-align: left !important;
    padding-left: 0.32rem;
}

.pay_2 em {
    color: #757575;
}

/*confirm_form*/
.confirm_form {
    border-top: #f0f0f0 0.2rem solid;
}

.confirm_form li {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: left;
    border-bottom: #f1f1f1 1px solid;
    clear: both;
}

.confirm_form li input.form_c_text {
    height: 0.8rem;
    line-height: 0.8rem;
    width: calc(100% - 2.4rem);
    border: none;
    padding: 0px 0.1rem;
    margin-left: 0.1rem;
    background: none;
    font-size: 0.36rem;
    color: #06C1AE;
}

.confirm_form span {
    width: 1.6rem;
    display: block;
    float: left;
    font-size: 0.28rem;
    color: #333333;
    text-align: right;
    margin-left: 0.38rem;
}

.confirm_form li input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.confirm_form li input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.confirm_form li input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.confirm_form li input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

.confirm_form a.next {
    display: block;
    background: #06C1AE;
    border-radius: 50px;
    width: 6.28rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    margin: auto;
    font-size: 0.36rem;
    color: #FFFFFF;
    margin-top: 0.76rem;
}

/*person_intro*/
.person_intro {
    padding-bottom: 0.4rem;
    border-bottom: #f0f0f0 0.2rem solid;

    border-top: #f0f0f0 0.2rem solid;
}

.person_intro h3 {
    height: 1.04rem;
    line-height: 1.04rem;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    color: #333333;
}

.person_intro h3 em {
    color: #757575;
}

.person_intro p {
    font-size: 0.28rem;
    color: #BCBCBC;
    line-height: 0.52rem;
    padding: 0rem 0.4rem;
}

.person_intro textarea {
    font-size: 0.28rem;
    color: #BCBCBC;
    line-height: 0.52rem;
    margin-left: 0.4rem;
    width: 7.56rem;
    height: 2.6rem;
    color: #06BAA8;
    border: none;
}

.person_intro input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #BCBCBC;
}

.person_intro input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #BCBCBC;
}

.person_intro input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #BCBCBC;
}

.person_intro input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #BCBCBC;
}

/*person_pic*/
.person_pic {
    padding-bottom: 1.2rem;
}

.person_pic h3 {
    height: 1.04rem;
    line-height: 1.04rem;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    color: #333333;
}

.person_pic h3 em {
    color: #757575;
}

.person_pic h5 {
    display: block;
    font-size: 0.28rem;
    color: #BCBCBC;
    padding-left: 0.4rem;
    margin-top: -0.2rem;
}

.person_pic .page6 .box .box-item-pic {
    background-image: url(../images/pic.jpg);
    background-size: 1rem 1rem;
    border: #ccc 1px solid;
}

.person_pic .page6 .part1 {
    padding: .2rem .3rem;
    position: relative;
}

.person_pic ul {}

.person_pic ul li {
    float: left;

    padding-left: 0.38rem;
    margin-right: 0.34rem;
}

.person_pic ul li img {
    width: 2rem;
    height: 2rem;
}

.person_pic a.next {
    display: block;
    background: #06C1AE;
    border-radius: 50px;
    width: 6.28rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    margin: auto;
    font-size: 0.36rem;
    color: #FFFFFF;
    margin-top: 1.2rem;
}

/*tips_box*/
.tips_box {
    background: #fff;
    border-radius: 10px;
    width: 90%;
    height: 5.36rem;
    margin: auto;
    margin-top: calc(50vh - 2.68rem);
    text-align: center;
}

.tips_box li img {
    width: 0.92rem;
    margin: auto;
    margin-top: 0.72rem;
}

.tips_box li span {
    display: block;
    font-size: 0.32rem;
    padding: 0px 0.5rem;
    padding-top: 0.5rem;
    line-height: 0.64rem;
}

.tips_box li a {
    display: block;
    width: 2.4rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin: auto;
    background: #f0f0f0;
    border-radius: 10px;
    font-size: 0.32rem;
    margin-top: 0.4rem;
}

/*pic_view*/
.pic_view {
    padding-bottom: 0.3rem;
    border-bottom: #f0f0f0 0.2rem solid;
    background: #fff;
}

.pic_view h3 {
    border-bottom: #f1f1f1 1px solid;
    height: 0.79rem;
    line-height: 0.79rem;
    padding-left: 0.82rem;
    background: url(../images/blog.png) no-repeat 0.4rem center;
    background-size: 0.284rem;
    font-size: 0.32rem;
    color: #333333;
}

.pic_view ul {
    padding-left: 0.2rem;
    padding-top: 0.39rem;
}

.pic_view ul li {
    float: left;
    margin: 0 0.2rem;
}

.pic_view ul li img {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
}

.pic_view h5 {
    font-size: 0.28rem;
    color: #BCBCBC;
    clear: both;
    padding: 0.3rem 0.4rem 0px 0.4rem;
}

/*tabs_view*/
.tabs_view {
    padding-bottom: .2rem;
    border-bottom: #f0f0f0 0.2rem solid;
    background: #fff;
}

.tabs_view h3 {
    border-bottom: #f1f1f1 1px solid;
    height: 0.79rem;
    line-height: 0.79rem;
    padding-left: 0.82rem;
    background: url(../images/blog.png) no-repeat 0.4rem center;
    background-size: 0.284rem;
    font-size: 0.32rem;
    color: #333333;
}

.tabs_view ul {
    padding: 0.2rem 0.1rem;
}

.tabs_view ul li {
    padding: 0.2rem 0.1rem;
    float: left;
}

.tabs_view ul li span {
    display: block;
    height: 0.52rem;
    line-height: 0.52rem;
    border: 1px solid #06C1AE;
    border-radius: 100px;
    width: auto;
}

.tabs_view ul li em {
    display: inline-block;
    padding-left: 0.204rem;
    padding-right: 0.204rem;
    float: left;
    font-size: 0.28rem;
    color: #757575;
}

.tabs_view ul li i {
    display: inline-block;
    background: #06C1AE url(../images/right.png) no-repeat center;
    background-size: 100%;
    border: 1px solid #06C1AE;
    border-radius: 100px 0px 0 100px;
    width: 0.56rem;
    height: 0.52rem;
    float: left;
}

/*set_view*/
.set_view {
    padding-bottom: .2rem;
    border-bottom: #f0f0f0 0.2rem solid;
    background: #fff;
}

.set_view h3 {
    border-bottom: #f1f1f1 1px solid;
    height: 0.79rem;
    line-height: 0.79rem;
    padding-left: 0.82rem;
    background: url(../images/blog.png) no-repeat 0.4rem center;
    background-size: 0.284rem;
    font-size: 0.32rem;
    color: #333333;
}

.set_view ul {
    padding: 0.4rem 0px;
}

.set_view ul li {
    float: left;
    width: 33.33%;
    text-align: left;
}

.paishou_detail_l li:nth-child(2) {
    width: 66.66%;
}

.set_view ul li h5 {
    font-size: 0.24rem;
    color: #757575;
    padding-bottom: 0.14rem;
    padding-left: 0.4rem;
}

.set_view ul li span {
    font-size: 0.36rem;
    color: #06C1AE;
    padding-left: 0.4rem;
}


.head_view {
    width: 100%;
    background-color: #fff;
    position: relative;
    padding: .4rem .4rem .4rem 1.8rem;
    position: relative;
}

.head_view .face {
    position: absolute;
    left: .4rem;
    top: .4rem;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    overflow: hidden;
}

.head_view .face img {
    display: block;
    width: 100%;
    height: 100%;
}

.head_view h3 {
    font-size: .36rem;
    margin-bottom: .2rem;
}

.head_view h3 .rz {
    font-size: .2rem;
    border: #999 1px solid;
    color: #999;
    padding: 0 .1rem;
    line-height: .3rem;
    display: inline-block;
    position: relative;
    top: -.04rem;
}

.head_view h3 .rz2 {
    font-size: .2rem;
    border: #FF9402 1px solid;
    color: #fff;
    padding: 0 .1rem;
    line-height: .3rem;
    display: inline-block;
    position: relative;
    top: -.04rem;
    background: #FF9402;
}

.head_view p {
    font-size: .24rem;
    color: #9996A7;
}

.head_view p span {
    margin-left: .4rem;
}

/*cont_tabs*/
.cont_tabs {
    border-bottom: #f0f0f0 1px solid;
    background: #fff;
}

.cont_tabs ul li {
    height: 0.8rem;
    line-height: 0.8rem;
    float: left;
    font-size: 0.28rem;
    color: #757575;
    padding: 0px 0.4rem;
    margin-right: 0.6rem;
}

.cont_tabs ul li.curr {
    font-size: 14px;
    color: #06C1AE;
    border-bottom: 2px solid #06C1AE;
}

/*ask_box*/
.ask_box {
    background: #fff;
    padding-top: 0.4rem;
    border-bottom: #f0f0f0 0.1rem solid;
}

.ask_box ul li {
    padding-left: 0.98rem;
    padding-bottom: 0.28rem;
}

.ask_box ul li h3 {
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.48rem;
    padding-bottom: 0.1rem;
}

.ask_box ul li span {
    font-size: 0.26rem;
    color: #999999;
}

.ask_box ul li.ask {
    background: url(../images/ask.png) no-repeat 0.26rem 0.05rem;
    background-size: 0.35rem;
}

.ask_box ul li.answer {
    background: url(../images/answer.png) no-repeat 0.26rem 0.05rem;
    background-size: 0.35rem;
}

.ask_box ul li.answer h3 {
    color: #757575;
}


.ask_more {
    font-size: 0.24rem;
    color: #999999;
    width: 100%;
    text-align: center;
    padding-top: 0.4rem;
    padding-bottom: 1.2rem;
}

.ask_main .page12 {
    padding: 0px;
}

.ask_main .page12 .item,
.page12 .upload-box .upload,
.upload-box .page12 .upload {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    background-color: #fff;
}

.set_box .page12 {
    padding: 0px;
}

.set_box .page12 .item,
.page12 .upload-box .upload,
.upload-box .page12 .upload {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    background-color: #fff;
}

/*pl_box*/
.pl_box {
    background: #fff;
}

.pl_box li {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: #f0f0f0 0.1rem solid;
}

.pl_box li i {
    display: block;
    float: left;
    margin-left: 0.4rem;
}

.pl_box li i img {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50px;
}

.pl_box_r {
    float: left;
    margin-left: 0.26rem;
    width: calc(100% - 1.5rem);
}

.pl_box_r h3 {
    padding-bottom: 0.26rem;
    font-size: 0.28rem;
    color: #333333;
}

.pl_box_r h3 strong {
    font-size: 0.26rem;
    padding-left: 0.26rem;
    font-weight: normal;
    color: #999999;
}

.pl_box_r h3 a {
    float: right;
}

.pl_box_r h3 img {
    width: 0.32rem;
    vertical-align: middle;
    margin-top: -3px;
}

.pl_box_r span {
    display: block;
    font-size: 0.28rem;
    color: #757575;
    line-height: 0.48rem;
}

/*success_box*/
.success_box {
    background: #fff;
}

.success_box li {
    padding: 0.4rem 0px;
    border-bottom: #f0f0f0 0.1rem solid;
}

.success_box i {
    margin-left: 0.4rem;
    float: left;
    margin-right: 0.38rem;
}

.success_box i img {
    width: 2.6rem;
    height: 2rem;
}

.success_box_r {
    float: left;
    width: calc(100% - 3.7rem);
}

.success_box_r h3 {
    font-size: 0.32rem;
    color: #757575;
    padding-bottom: 0.06rem;
}

.success_box_r h3 a {
    color: #06C1AE;
}

.success_box_r span {
    font-size: 0.28rem;
    color: #757575;
    line-height: 0.44rem;
    clear: both;
}

.success_box_r em.send {
    clear: both;
    display: inline-block;
    border: 1px solid #FF9402;
    border-radius: 10px;
    height: 0.36rem;
    width: auto;
    color: #FF9402;
    font-size: 0.24rem;
    padding: 0px 0.2rem;
    margin-top: 0.24rem;
}

.success_box_r em.open {
    clear: both;
    display: inline-block;
    border: 1px solid #FF6767;
    border-radius: 10px;
    height: 0.36rem;
    width: auto;
    color: #FF6767;
    font-size: 0.24rem;
    padding: 0px 0.2rem;
    margin-top: 0.24rem;
}

/*footer_detail*/
.footer_detail {
    height: 1.2rem;
    line-height: 1.2rem;
    background: #fff;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
}

.footer_detail ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 0.2rem;
}

.footer_detail ul li a {
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    width: 80%;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #06C1AE;
    border-radius: 100px;
    margin: auto;
    font-size: 0.32rem;
    color: #06C1AE;
}

.footer_detail ul li.hire a {
    background: #06C1AE;
    border: 1px solid #06C1AE;
    color: #fff;
}

/*ask_send_box*/
.ask_send_box {
    background: #fff;
    border-radius: 10px;
    width: 90%;
    margin: auto;
    margin-top: calc(50vh - 3.09rem);
    text-align: left;
}

.ask_send_box h3 {
    display: block;
    font-size: 0.28rem;
    color: #BCBCBC;
    height: 1.1rem;
    line-height: 1.1rem;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    text-align: center;
}

.ask_send_box h3 i {
    margin-right: 0.1rem;
}

.ask_send_box h3 i img {
    vertical-align: middle;
    margin-top: -3px;
    width: 0.42rem;
}

.ask_send_box ul li {
    clear: both;
    width: 100%;
    text-align: center;
}

.ask_send_box textarea {
    background: #fff;
    width: 85%;
    border-radius: 6px;
    height: 2rem;
    line-height: 0.4rem;
    padding: 0.1rem 0.1rem;
}

.ask_send_box button {
    font-size: 0.32rem;
    color: #FFFFFF;
    background: #06C1AE;
    border-radius: 5px;
    height: 0.8rem;
    line-height: 0.8rem;
    width: 2.4rem;
    border: none;
    margin-left: 0.1rem;
    margin: 0.6rem 0rem;
}

.ask_send_title {
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    background: #F7F7F7;
    font-size: 0.28rem;
    color: #757575;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ask_send_title span {
    display: inline-block;
    padding-left: 0.4rem;
}

.ask_send_title i {
    float: right;
    margin-right: 0.4rem;
}

.ask_send_title i img {
    width: 0.32rem;
    height: 0.32rem;
}

/*center_face*/
.center_face {
    height: 2.8rem;
    background: #06C1AE;
    text-align: center;
}

.center_face i {
    padding-top: 0.4rem;
    display: block;
}

.center_face i img {
    width: 1.36rem;
    height: 1.36rem;
    border-radius: 100px;
}

.center_face span {
    display: block;
    font-size: 0.36rem;
    padding-top: 0.18rem;
    color: #FFFFFF;
}

/*money_show*/
.money_show {
    height: 1.24rem;
    background: #06C1AE;
}

.money_show ul li h3 {
    font-size: 0.36rem;
    color: #FFFFFF;
    padding: 0px;
    height: 0.5rem;
    line-height: 0.5rem;
}

.money_show ul {
    padding: 0px;
}

.money_show ul li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.money_show ul li span {
    font-size: 0.28rem;
    color: #FFFFFF;
}

/*center_notice*/
.center_notice {
    background: #FFF6E2;
    height: 1rem;
    line-height: 1rem;
    clear: both;
    text-align: center;
    font-size: 0.32rem;
    color: #FD9D00;
    border-bottom: #f0f0f0 0.2rem solid;
}

/*list_title*/
.list_title {
    height: 1rem;
    line-height: 1rem;
    border-bottom: #f1f1f1 1px solid;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    color: #757575;
    background: #fff;
}

.list_title em {
    float: right;
    display: block;
    font-size: 0.24rem;
    color: #BCBCBC;
}

.list_title a {
    font-size: 0.28rem;
    color: #333;
    display: block;
}

.list_title em img {
    width: 0.3rem;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 0.14rem;
    margin-right: 0.24rem;
}

.list_title strong {
    font-size: 0.32rem;
    color: #151515;
    line-height: 0.36rem;
    font-weight: normal;
}


/*contact_title*/
.contact_title {
    height: 1rem;
    line-height: 1rem;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    color: #757575;
    background: #fff;
}

.contact_title strong {
    font-size: 0.32rem;
    color: #151515;
    line-height: 0.36rem;
    font-weight: normal;
}

/*pay_form*/
.pay_form {
    background: #fff;
    border-bottom: #f0f0f0 0.2rem solid;
}

.pay_form li {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: left;
    border-bottom: #f1f1f1 1px solid;
    clear: both;
}

.pay_form li input.form_c_text {
    height: 0.8rem;
    line-height: 0.8rem;
    width: calc(100% - 2.2rem);
    border: none;
    padding: 0px 0.1rem;
    margin-left: 0.1rem;
    background: none;
    font-size: 0.36rem;
    color: #06C1AE;
}

.pay_form span {
    width: 1.6rem;
    display: block;
    float: left;
    font-size: 0.32rem;
    text-align: right;
    margin-left: 0.38rem;
    color: #757575;
}

.pay_form li em {
    font-size: 0.32rem;
    color: #151515;
    line-height: 0.36rem;
    padding-left: 0.15rem;
}

.pay_form li.pay_form_money em {
    font-size: 0.32rem;
    color: #06C1AE;
    line-height: 0.36rem;
}

.pay_form li strong {
    font-size: 0.32rem;
    color: #757575;
    line-height: 0.36rem;
    font-weight: normal;
}

.pay_form li input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #757575;
}

.pay_form li input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #757575;
    opacity: 1;
}

.pay_form li input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #757575;
    opacity: 1;
}

.pay_form li input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #757575;
    ;
}

.pay_form a.next {
    display: block;
    background: #06C1AE;
    border-radius: 50px;
    width: 6.28rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    margin: auto;
    font-size: 0.36rem;
    color: #FFFFFF;
    margin-top: 0.76rem;
}

.pay_form_txt {
    font-size: 0.28rem;
    color: #06BEAB;
    line-height: 0.48rem;
    padding: 0.52rem 0.4rem;
}

/*pay_form_send*/
.pay_form_send {
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: 0px;
}

.pay_form_send a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    text-align: center;
    background: #06C1AE;
    font-size: 0.36rem;
    color: #FFFFFF;
}

/*pay_form_check*/
.pay_form_check {
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: 0px;
}

.pay_form_check a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    text-align: center;
    background: #BCBCBC;
    font-size: 0.36rem;
    color: #FFFFFF;
}


/*money_data*/
.money_data {
    height: 2.5rem;
    background: #fff;
    border-bottom: #f0f0f0 0.2rem solid;
}

.money_data ul li h3 {
    font-size: 0.48rem;
    color: #06C1AE;
    padding: 0px;
    border: 1px solid #F0F0F0;
    border-radius: 50px;
    text-align: center;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: auto;
}

.money_data ul {
    padding: 0px;
    padding-top: 0.42rem;
}

.money_data ul li {
    float: left;
    width: 25%;
    text-align: center;
}

.money_data ul li span {
    display: block;
    font-size: 0.28rem;
    color: #757575;
    padding-top: 0.1rem;
}

/*setting_send*/
.setting_send {
    background: #F0F0F0;
    padding: 0.8rem 0px;
}

.setting_send span a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    width: 60%;
    border-radius: 100px;
    background: #06C1AE;
    text-align: center;
    margin: auto;
    font-size: 0.36rem;
    color: #FFFFFF;
}

.setting_send span .not-btn {
    background: #aaa;
}

.setting_send .fabu-prompt {
    display: block;
    padding: .2rem 0;
    font-size: .28rem;
    text-align: center;
    color: #757575;
}

/*setting_me*/
.setting_me {
    background: #fff;
    border-bottom: #f0f0f0 0.1rem solid;

}

.setting_me ul {
    overflow: hidden;
    height: 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.setting_me ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.28rem;
    color: #999999;
}

.setting_me ul li a {
    color: #999999;
}

.setting_me ul li em {
    color: #06C1AE;
}

.setting_me ul li span {
    display: inline-block;
    height: 0.5rem;
    line-height: 0.5rem;
    border-right: 1px solid #F0F0F0;
    width: 100%;
}

.setting_me ul li:last-child span {
    border-right: 0
}

.setting_me .if-no-q {
    height: 1rem;
    background: #fff;
    text-align: center;
}

.setting_me .if-no-q a {
    display: inline-block;
    line-height: 1rem;
    color: #06C1AE;
    font-size: .28rem;
}

/*set_tabs_title*/
.set_tabs_title {
    background: #fff;
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: #f0f0f0 1px solid;
    width: 100%;
    overflow: hidden;
}

.set_tabs_title .swiper-container {
    width: 100%;
    height: 100%;
}

.set_tabs_title .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.28rem;
    color: #757575;
    height: 0.8rem;
    line-height: 0.8rem;
    cursor: pointer;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.set_tabs_title .swiper-slide.curr {
    color: #06C1AE;
    border-bottom: #06C1AE 2px solid;
}

.set_box .fankui-box {
    background: #F0F0F0;
    text-align: center;
    padding: .4rem 0;
}

.set_box .fankui-box a {
    display: inline-block;
    width: 4rem;
    height: .6rem;
    border: 1px solid #35C1AE;
    border-radius: 100px;
    color: #35C1AE;
    font-size: .28rem;
    line-height: .6rem;
}

.set_box .fankui-box a:hover,
.set_box .fankui-box a:active {
    background: #06C1AE;
    color: #fff;
}

/*list_view*/
.list_view {
    clear: both;
    background: #fff;
    border-bottom: #f0f0f0 0.2rem solid;
}

.list_view ul li {
    float: left;
    width: 25%;
    text-align: left;
    padding-top: 0.4rem;
    padding-bottom: 0.35rem;
}

.list_view ul li:nth-child(2) {
    width: 50%;
}

.order_detail_list ul li:nth-child(2) {
    width: 25%;
}

.list_view li h3 {
    font-size: 0.2rem;
    color: #999999;
    padding-bottom: 0.08rem;
    padding-left: 0.38rem;
}

.list_view li span {
    display: inline-block;
    padding-left: 0.38rem;
    font-size: 0.32rem;
    color: #333333;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list_view li span em {
    font-size: 0.32rem;
    color: #FF6767;
}

.list_view_tips {
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 0.2rem;
    border-top: 1px solid #F0F0F0;
}

.list_view_tips span {
    display: inline-block;
    border: 1px solid #999999;
    border-radius: 100px;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0px 0.2rem;
    font-size: 0.24rem;
    color: #999999;
    margin: 0px 0.2rem;
}

.list_view_tips span.red {
    border: 1px solid #FF6767;
    color: #FF6767;
}

.list_view_tips span.green {
    border: 1px solid #06C1AE;
    color: #06C1AE
}

.list_view_tips span.yellow {
    border: 1px solid #FF9402;
    color: #FF9402;
}

.list_view_tips em {
    float: right;
    font-size: 0.28rem;
}

.list_view_tips em a {
    color: #BCBCBC;
    font-size: 0.28rem;

}

.list_view_tips img {
    width: 0.32rem;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 0.2rem;
}


.list_view_task {
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 0.2rem;
    border-top: 1px solid #F0F0F0;
}

.list_view_task span {
    display: inline-block;
    border-radius: 100px;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0px 0.2rem;
    font-size: 0.24rem;
    color: #999999;
    margin: 0px 0.6rem 0px 0px;

    font-size: 0.28rem;
}

.list_view_task em {
    float: right;
    font-size: 0.28rem;
    color: #06C1AE;
}

.list_view_task em a {
    color: #06C1AE;
}


/*list_info*/
.list_info {
    background: #fff;
    position: relative;
}

.list_info_stutas {
    position: absolute;
    right: 0.66rem;
    top: 2.06rem;
}

.list_info_stutas i.news {
    display: block;
    width: 2.31rem;
    height: 1.51rem;
    background: url(../images/i-news.png) no-repeat;
    background-size: 2.31rem;
}

.list_info ul {
    padding: 0.42rem 0.4rem;
}

.list_info ul li {
    clear: both;
    line-height: 0.68rem;
}

.list_info ul li h3 {
    width: 1.82rem;
    display: block;
    font-size: 0.32rem;
    color: #999999;
    float: left;
}

.list_info ul li span {
    display: block;
    float: left;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.68rem;
}

.list_info ul li span em {
    font-size: 0.32rem;
    color: #999999;
    margin-left: 0.4rem;
}

.list_info ul li span i em {
    margin-left: 0rem;
}

.list_info ul li i img {
    width: 3rem;
    height: 2rem;
}

/*footer_aimed*/
.footer_aimed {
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: 0px;
}

.footer_aimed_box ul li {
    float: left;
    width: 50%;
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    background: #06C1AE;
    font-size: 0.36rem;
    color: #FFFFFF;
    font-weight: normal;
}

.footer_aimed_box ul li.one {
    width: 100%;
    float: none;
}

.footer_aimed_box ul li i {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100px;
    background: #fff url(../images/i-in.png) no-repeat center;
    background-size: 0.5rem;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 0.156rem;
}

.footer_aimed_box ul li.no {
    background: #FF9402;
}

.footer_aimed_box ul li.un_check-orange {
    background: #FFDEB3;
}

.footer_aimed_box ul li.un_check-green {
    background: #B4ECE6;
}

.footer_aimed_box ul li.no i {
    background: #fff url(../images/i-noin.png) no-repeat center;
    background-size: 0.5rem;
}

.footer_notice {
    background: #FFFFFF;
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
}

.footer_notice img {
    width: 0.32rem;
    margin-left: 0.4rem;
    margin-right: 0.1rem;
    vertical-align: middle;
    margin-top: -3px;
}

.footer_notice marquee {
    width: calc(100% - 1rem);
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    margin-top: -3px;
}

/*aimed_in*/
.aimed_in {
    background: #fff;
    padding-top: 0.36rem;
    border-top: 1px solid #F0F0F0;
}

.aimed_in textarea {
    width: calc(100% - 0rem);
    padding: 0px 0.4rem;
    margin: auto;
    height: 3.5rem;
    border: none;

    font-size: 0.28rem;
    line-height: 0.48rem;
}

.aimed_in h3 {
    width: calc(100% - 0.1rem);
    display: block;
    text-align: right;
    font-size: 0.28rem;
    color: #757575;
    padding: 0.36rem 0.1rem 0.36rem 0px;
}

/*pay_form_send*/
.aimed_footer {
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: 0px;
}

.aimed_footer_submit a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    text-align: center;
    background: #06C1AE;
    font-size: 0.36rem;
    color: #FFFFFF;
}

.aimed_footer_tips a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    text-align: center;
    background: #BCBCBC;
    font-size: 0.36rem;
    color: #FFFFFF;
}

/*aimed_form*/
.aimed_form {
    background: #fff;
    border-bottom: 0.2rem solid #F0F0F0;
}

.aimed_form ul li {
    border-bottom: 1px solid #F0F0F0;
    clear: both;
    padding: 0.25rem 0px;
}

.aimed_form ul li span {
    font-size: 0.32rem;
    color: #333333;
    display: inline-block;
    padding-left: 0.4rem;
}

.aimed_form ul li span.aimed_form_user {
    padding-top: 0.7rem;
}

.aimed_form ul li .page6 {
    width: calc(100% - 1rem);
    float: left;
}

.aimed_form input {
    border: none;
    background: none;
    padding-left: 0px;
    height: auto;
    padding: 0rem .3rem 0px 0.7rem;
    font-size: 0.28rem;
}

.aimed_form .page6 .part1 {
    padding: 0rem .3rem;
    position: relative;
}

.aimed_form .page6 .part2 li {
    width: 100%;
    position: relative;
    padding-left: 5em;
    line-height: .8rem;
    font-size: .28rem;
    margin-bottom: 0rem;
}

.aimed_form .page6 .part2 {
    padding: 0rem 0rem;
    border-top: none;
}

.aimed_form {
    padding-bottom: 0rem;
}

.aimed_form h3 {
    height: 1.04rem;
    line-height: 1.04rem;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    color: #333333;
}

.aimed_form h3 em {
    color: #757575;
}

.aimed_form h5 {
    display: block;
    font-size: 0.28rem;
    color: #BCBCBC;
    padding-left: 0.4rem;
    margin-top: -0.2rem;
}

.aimed_form .page6 .box .box-item-pic {
    background-image: url(../images/pic.jpg);
    background-size: 1rem 1rem;
    background: url(../images/pic.jpg) no-repeat center center;
    background-size: 0.8rem;
    border: #ccc 1px solid;
}

.aimed_form .page6 .part1 {
    padding: .2rem .3rem;
    padding-left: 0.7rem;
    position: relative;
}

.aimed_form .page6 .box {
    width: 100%;
    margin-top: 0rem;
}

.aimed_form .page6 .box .box-item {
    width: 2rem;
    height: 2rem;
}

.aimed_form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.aimed_form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.aimed_form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.aimed_form input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

.pay_view {
    background: #f0f0f0;
    height: 2.76rem;
    text-align: center;
}

.pay_view span {
    display: block;
    padding-top: 0.6rem;
    font-size: 0.72rem;
    color: #FF6767;
}

.pay_view h3 {
    padding-top: 0.1rem;
    font-size: 0.28rem;
    color: #757575;
}

/*pay_btn*/
.pay_btn {
    text-align: center;
    padding-top: 1rem;
}

.pay_btn ul li {
    margin-bottom: 0.72rem;
}

.pay_btn ul li:last-child {
    margin-bottom: 0;
}

.pay_btn ul li a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    width: 75%;
    margin: auto;
    border: 1px solid #06C1AE;
    border-radius: 100px;
    font-size: 0.36rem;
    color: #06C1AE;
}

.pay_btn ul li:hover a {
    background: #06C1AE;
    border-radius: 100px;
    color: #FFFFFF;
}

.pay_btn ul li:visited a {
    background: #06C1AE;
    border-radius: 100px;
    color: #FFFFFF;
}

.pay_btn .c-red {
    font-size: .36rem;
}

/*pay_footer*/
.pay_footer {
    padding-top: 1.2rem;
    text-align: center;
    width: 100%;
}

.pay_footer h3 {
    font-size: 0.28rem;
    color: #757575;
    padding-bottom: 0.22rem;
}

.pay_footer span {
    font-size: 24px;
    color: #333333;
    display: block;
}

.pay-youhui {
    width: 7.56rem;
    display: block;
    margin: 1.8rem .36rem .4rem;
}

/*ask_list*/
.ask_list {
    background: #fff;
}

.ask_list li {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: #f0f0f0 0.2rem solid;
}

.ask_list li i {
    display: block;
    float: left;
    margin-left: 0.4rem;
}

.ask_list li i img {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50px;
}

.ask_list_r {
    float: left;
    margin-left: 0.26rem;
    width: calc(100% - 1.5rem);
}

.ask_list_r_top h3 {
    padding-bottom: 0.26rem;
    font-size: 0.32rem;
    color: #757575;
}

.ask_list_r_top h3 em {
    float: right;
    font-size: 0.24rem;
    color: #BCBCBC;
}

.ask_list_r_top h3 img {
    width: 0.32rem;
    vertical-align: middle;
    margin-top: -3px;
}

.ask_list_r_top span {
    display: block;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.44rem;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 0.2rem;
}

.ask_list_r_bottom p {
    display: block;
    font-size: 0.28rem;
    line-height: 0.44rem;
    padding-top: 0.2rem;
}

.ask_list_r_bottom p em {
    color: #06C1AE;
}

.ask_list_r_bottom span a {
    display: inline-block;
    border: 1px solid #FF6767;
    border-radius: 100px;
    color: #FF6767;
    font-size: 0.24rem;
    height: 0.4rem;
    line-height: calc(0.4rem - 2px);
    padding: 0px 0.16rem;
    margin-top: 0.18rem;
}

@media only screen and (max-width: 360px) {
    .ask_list_r_bottom span a {
        height: 0.5rem;
        line-height: calc(0.5rem - 2px);
    }
}

/*user_form*/
.user_form {
    background: #fff;
}

.user_form li {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: left;
    border-bottom: #f1f1f1 1px solid;
    clear: both;
    position: relative;
}

.user_form li em {
    float: right;
    font-size: 0.24rem;
    color: #06C1AE;
    margin-right: 0.4rem;
}

.user_form li em a {
    color: #06C1AE;
}

.user_form li input.form_c_text {
    height: 0.8rem;
    line-height: 0.8rem;
    width: calc(100% - 3.5rem);
    border: none;
    padding: 0px 0.1rem;
    margin-left: 0.1rem;
    background: none;

    font-size: 0.32rem;
    color: #151515;
}

.user_form span {
    width: 1.6rem;
    display: block;
    float: left;
    text-align: right;
    margin-left: 0.38rem;

    font-size: 0.32rem;
    color: #757575;
}

.user_form_btn {
    width: 100%;
    text-align: center;
    clear: both;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.user_form_btn a {
    background: #FF6767;
    border-radius: 100px;
    margin: auto;
    width: 6.28rem;
    height: 0.9rem;
    line-height: 0.9rem;
    display: block;
    color: #FFFFFF;
    font-size: 0.36rem;
    visibility: hidden;
}

.user_form li input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #151515;
}

.user_form li input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #151515;
    opacity: 1;
}

.user_form li input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #151515;
    opacity: 1;
}

.user_form li input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #151515;
}


/*card_form*/
.card_form {
    background: #fff;
}

.card_form li {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: left;
    border-bottom: #f1f1f1 1px solid;
    clear: both;
}

.card_form .page6 {
    width: auto;
}

.card_form .page6 .part2 {
    padding: 0rem 0rem;
    border-top: none;
}

.card_form .page6 .part2 li {
    width: 100%;
    position: relative;
    padding-left: 6.5em;
    line-height: 1.2rem;
    font-size: .28rem;
    margin-bottom: 0rem;
}

.card_form .page6 .part2 li.bankcard_prompt {
    display: none;
    width: 100%;
    position: relative;
    padding-left: 7.3em;
    font-size: .28rem;
    margin-bottom: 0rem;
    line-height: .6rem;
    color: red;
    height: auto;
}

.card_form li input.form_c_text {
    height: 0.8rem;
    line-height: 0.8rem;
    width: calc(100% - 2.6rem);
    border: none;
    padding: 0px 0.1rem;
    margin-left: 0.1rem;
    background: none;
    font-size: 0.32rem;
    color: #151515;
}

.card_form li input.form_c_text_red {
    color: red;
}

.card_form li em {
    font-size: 0.32rem;
    color: #06C1AE;
    margin-right: 0.36rem;
}

.card_form li em a {
    color: #06C1AE;
}

.card_form .page6 .part2 select {
    border: none;
    font-size: 0.32rem;
    color: #000000;
}

.card_form .page6 .part2 span {
    left: 0.38rem;
    position: absolute;

    font-size: 0.32rem;
    color: #757575;
}

.card_form li input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

.card_form li input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

.card_form li input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

.card_form li input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

/*money_left*/
.money_left {
    text-align: center;
    background: #fff;
    position: relative;
}

.money_left h5 {
    position: absolute;
    right: 0.18rem;
    top: 0.18rem;
    font-size: 0.24rem;
    color: #BCBCBC;
    cursor: pointer;
}

.money_left h5 img {
    width: 0.24rem;
    height: 0.24rem;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 0.1rem;
}

.money_left h3 {
    font-size: 0.48rem;
    font-weight: normal;
    color: #333333;
    padding: 0.5rem 0px 0;
    line-height: .8rem;
}

.money_left h3 em {
    font-size: 0.72rem;
    color: #333333;
}

.money_left ul {
    height: 1rem;
    line-height: 1rem;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.money_left ul li {
    width: 50%;
    float: left;
    height: 0.42rem;
    line-height: 0.42rem;
    margin-top: 0.3rem;
    border-right: 1px solid #F0F0F0;
    font-size: 0.36rem;
}

.money_left ul li a {
    color: #06C1AE;
    display: block;
}

.dongjie {
    background: #BCBCBC !important;
    font-size: .28rem !important;
    letter-spacing: 1px;
}

.jiedong {
    background: #757575 !important;
    font-size: .28rem !important;
    letter-spacing: 1px;
}

.money_left ul li.one {
    width: 100%;
}

.dongjie-money {
    font-size: .28rem;
    color: #757575;
    margin-bottom: .5rem;
}

/*money_detail_tips*/
.money_detail_tips {
    font-size: 0.32rem;
    color: #FD9D00;
    padding: 0.22rem 0px 0.22rem 0rem;
    background: #FFF6E2;
    text-align: center;
}

/*money_detail_title*/
.money_detail_title {
    font-size: 0.32rem;
    color: #333333;
    padding: 0.22rem 0px 0.22rem 0.36rem;
    background: #F0F0F0;
}

/*money_detail*/
.money_detail {
    background: #fff;
}

.money_detail li {
    border-bottom: 1px solid #F0F0F0;
    clear: both;
    height: 1.46rem;
}

.money_detail span {
    float: left;
    display: block;
    text-align: center;
}

.money_detail span.money_detail_1 {
    width: 20%;
    padding-top: 0.34rem;
    font-size: 0.28rem;
    color: #999999;
    line-height: 0.4rem;
}

.money_detail span.money_detail_2 {
    width: 20%;
}

.money_detail span.money_detail_2 em {
    display: block;
    width: 0.84rem;
    height: 0.84rem;
    line-height: 0.84rem;
    background: #FF6767;
    border-radius: 100px;
    font-size: 0.48rem;
    color: #FFFFFF;
    text-align: center;
    margin: auto;
    margin-top: 0.26rem;
}

.money_detail span.money_detail_2 em.red {
    background: #FF6767;
}

.money_detail span.money_detail_2 em.yellow {
    background: #FF9402;
}

.money_detail span.money_detail_2 em.blue {
    background: #06C1AE;
}

.money_detail span.money_detail_3 {
    width: 60%;
    font-size: 0.28rem;
    color: #757575;
    line-height: 0.4rem;
    text-align: left;
}

.money_detail span.money_detail_3 strong {
    font-size: 0.36rem;
    color: #333333;
    line-height: 0.4rem;
}

.money_detail span.money_detail_3 em {
    float: left;
    margin-top: 0.3rem;
}

.money_detail .page12 {
    padding: 0px;
}

.money_detail .page12 .item,
.page12 .upload-box .upload,
.upload-box .page12 .upload {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    background-color: #fff;
}

/*money_showbox*/
.money_showbox .box {
    height: 5.6rem;
    padding-bottom: 0.6rem;
}

.money_showbox .con {
    font-size: 0.24rem;
    color: #757575;
    line-height: 0.48rem;
    text-align: left;
    width: 5.2rem;
    margin: auto;
}

.money_showbox .con h3 {
    font-size: 0.28rem;
    color: #333333;
    text-align: center;
    padding-top: 0.34rem;
    padding-bottom: 0.2rem;
}

/*card_notice*/
.card_notice {
    font-size: 0.28rem;
    color: #06BEAB;
    line-height: 0.48rem;
    padding-left: 0.4rem;
    padding-top: 0.52rem;
}

.card_notice em {
    color: red;
}

/*add_card*/
.add_card {
    background: #fff;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.32rem;
    color: #333333;
    margin-bottom: 0.2rem;
}

.add_card a {
    display: block;
    width: 100%;
}

.add_card img {
    width: 0.562rem;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 0.4rem;
    margin-right: 0.18rem;
}

.add_card em {
    float: right;
    margin-right: 0.4rem;
}

.add_card em img {
    width: 0.35rem;
}

/*wxPay_title*/
.wxPay_title {
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 1px solid #F0F0F0;
    font-size: 0.32rem;
    color: #333333;
    padding-left: 0.32rem;
    padding-right: 0.32rem;
}

.wxPay_title i {
    float: right;
}

.wxPay_title i img {
    width: 0.32rem;
    vertical-align: middle;
    margin-top: -3px;
}

/*wxPay_code*/
.wxPay_code {
    padding-top: 2rem;
}

.wxPay_code a {
    width: 6.28rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    border-radius: 25px;
    height: 1rem;
    background: #06C1AE;
    color: #fff;
    font-size: .36rem;
    line-height: 1rem;
}

.zfb-code {
    padding: .5rem 2rem .5rem;
    text-align: center;
}

.zfb-code .c-green {
    line-height: 150%;
    font-size: .32rem;
}

.zfb-code img {
    margin: .4rem auto .4rem;
    width: 3.5rem;
    display: block;
}

.zfb-code .c-red {
    font-size: .36rem;
}



/*wxPay_footer*/
.wxPay_footer {
    padding-top: 1rem;
    width: 100%;
    text-align: center;
    font-size: 0.32rem;
    color: #757575;
    line-height: 0.48rem;
    padding-bottom: 0.4rem;
}

.wxPay_footer a {
    color: #757575;
}

/*pj_ok*/
.pj_ok i {
    width: 100%;
    text-align: center;
    padding-top: 0.8rem;
    display: block;
    padding-bottom: 0.3rem;
}

.pj_ok i img {
    width: 0.7rem;
}

.pj_ok span {
    display: block;
    font-size: 0.48rem;
    color: #333333;
    text-align: center;
    padding-bottom: 0.8rem;
}

/*video_left*/
.video_left {
    position: absolute;
    left: 0px;
    width: 1.92rem;
    height: calc(100vh - 1.16rem);
    overflow-y: scroll;
}

.video_left ul a {
    clear: both;
    display: block;
    width: 1.92rem;
    text-align: center;
    font-size: 0.28rem;
    padding: 0.3rem 0px;
    color: #757575;
    cursor: pointer;
}

.video_left ul li.curr a {
    background: #fff;
    color: #06C1AE;
}

/*video_right*/
.video_right {
    float: right;
    background: #fff;
    width: calc(100% - 1.92rem);
    padding-top: 0.4rem;
    padding-bottom: 1rem;
    height: calc(100vh - 1.16rem);
    overflow-y: scroll;
}

.video_right ul li {
    margin-bottom: 1rem;
}

.video_pic {
    background: #333333;
    height: 3.64rem;
    width: 90%;
    margin: auto;
    cursor: pointer;
    position: relative;
}

.video_pic img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 3.64rem;
    z-index: 99;
}

.video_pic video {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 199;
    width: 100%;
    height: 3.64rem;
    opacity: 0;
}

.video_pic h3 {
    font-size: 0.36rem;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    padding-top: 1.14rem;
    padding-bottom: 0.34rem;
}

.video_pic span {
    background: #06C1AE;
    border-radius: 100px;
    display: block;
    margin: auto;
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
}

.video_txt {
    width: 90%;
    margin: auto;
    padding-top: 0.5rem;
}

.video_txt h3 {
    font-size: 0.36rem;
    color: #333333;
    padding-bottom: 0.34rem;
}

.video_txt h5 {
    font-size: 0.28rem;
    color: #333333;
    padding-bottom: 0.24rem;
}

.video_txt p {
    font-size: 0.28rem;
    color: #757575;
    line-height: 0.48rem;
}

.video_txt span {
    font-size: 0.28rem;
    color: #757575;
    line-height: 0.48rem;
    padding-bottom: 0.3rem;
    display: block;
}

.video_showbox {
    position: relative;
}

.video_showbox video {
    width: 100%;
    padding-top: 30vh;
}

.video_close {
    position: absolute;
    right: 5%;
    top: 10vh;
}

.video_close img {
    width: 45px;
}

.watch_renwu {
    display: block;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: #F0F0F0;
    color: #757575;
}

.no_border_bottom {
    border-bottom: 0;
}

.paishou_menua {
    overflow: hidden;
    background: #fff;
    padding-bottom: .4rem;
    border-bottom: #f0f0f0 0.2rem solid;
}

.paishou_menua div {
    padding-left: .4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    float: left;
}

.paishou_menua div .top {
    font-size: .36rem;
    margin-bottom: .1rem;
    color: #757575;
}

.paishou_menua div .bot {
    font-size: .24rem;
    color: #999999
}

.showprompt {
    position: fixed;
    display: inline-block;
    width: auto;
    height: auto;
    padding: .4rem .3rem;
    color: #fff;
    font-size: .32rem;
    line-height: .42rem;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    z-index: 99999;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.modal-confirm,
.modal-confirm-prompt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
    display: none;
}

.modal-confirm>div,
.modal-confirm-prompt>div {
    position: absolute;
    width: 6rem;
    height: auto;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: 5px;
    overflow: hidden
}

.modal-confirm .confirm {
    height: 1rem;
    border-top: 1px solid rgba(235, 235, 235, 1);
    position: relative;
    font-size: 0
}

.modal-confirm .confirm:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgba(235, 235, 235, 1)
}

.modal-confirm .prompt {
    padding: .8rem .6rem;
    text-align: center;
    line-height: .48rem;
    font-size: .32rem;
    color: rgba(51, 51, 51, 1);
}

.modal-confirm .prompt a:hover {
    color: #06C1AE
}

.modal-confirm .confirm p {
    display: inline-block;
    font-size: .32rem;
    width: 50%;
    text-align: center;
    color: #666;
    height: 1rem;
    line-height: 1rem;
    cursor: pointer;
}

.modal-confirm .confirm .change:hover {
    background: #FF7C7C;
    color: #fff
}

.modal-confirm .confirm .cancel:hover {
    background: rgba(237, 237, 237, 1)
}

.promptBox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 99;
}

.promptBox p {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
    max-width: 60%;
}

.page6 .task_no_phone li {
    width: 100%;
    position: relative;
    margin-bottom: .3rem;
    padding-left: 6px;
}

.page6 .task_no_phone input[type=text] {
    font-size: .28rem;
    outline: none;
    color: #333;
}

.page6 .yzm .btn-yzms {
    position: absolute;
    right: 15px;
    top: .15rem;
    line-height: .7rem;
    font-size: .28rem;
    color: #fff;
    background: #06BAA8;
    border-radius: .35rem;
    padding: 0 .3rem;
}

.page6 input[type=text].input6 {
    background-image: url('./images/input3.png');
}

.task_biaoshu ul {
    padding: 0 0 0 .4rem;
}

.task_biaoshu li {
    width: auto !important;
    margin-right: .8rem;
}

.task_biaoshu li:first-child span {
    width: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.task_biaoshu li:last-child {
    margin-right: 0;
}

.task_biaoshu li:last-child span {
    width: 1.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.task_biaoshu li h3,
.task_biaoshu li span {
    padding-left: 0;
}

.ask_send_title a {
    float: right;
    margin-right: 0.4rem;
}

.ask_send_title a img {
    width: 0.32rem;
    height: 0.32rem;
}

.shenhe-flase-wrapper {
    margin: 0 0 .2rem;
    background: #fff;
    text-align: left;
    padding: .4rem;
    line-height: .4rem;
    color: #757575;
}

.shenhe-flase-wrapper .title {
    font-size: .28rem;
    color: #FF6767;
    text-align: center;
    margin-bottom: .2rem;
}

.shenhe-flase-wrapper a {
    display: block;
    background: #FF6767;
    border-radius: 100px;
    color: #fff;
    margin: .2rem auto 0;
    width: 3rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
}

.html-down {
    height: .88144rem;
    line-height: .88144rem;
    background: #F4F4F4;
    font-size: .26495rem;
    color: #AAAAAA;
    text-align: center;
}

.promptCotent {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1000000;
    display: none;
}

.promptCotent span {
    display: inline-block;
    padding: .333rem;
    color: #fff;
    border-radius: 5px;
    max-width: 60%;
    background: rgba(0, 0, 0, .8);
    text-align: left;
    font-size: 14px;
    line-height: 140%;
}




.dt-pinglun {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    display: block;
}


.dt-pinglun>div {
    position: absolute;
    width: 6.204473rem;
    height: 3.9rem;
    background: #fff;
    border-radius: 10px;
    top: 50%;
    margin-top: -1.95rem;
    left: 50%;
    margin-left: -3.1022365rem;
    padding: .333rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dt-pinglun>div textarea {
    width: 5.542074rem;
    height: 1.542533rem;
    font-size: .30905rem;
    background: #F4F4F4;
    border-radius: 10px;
    color: #333;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

.dt-pinglun>div textarea:focus {
    border: none;
}

.dt-pinglun>div textarea::placeholder {
    color: #D6D6D6;
}

.btn-default {
    text-align: center;
    background: #06C1AE;
    color: #fff;
    border-radius: 10px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-default:hover,
.btn-disabled:hover {
    opacity: .8;
}

.dt-pinglun .btn-tiwen {
    width: 2.644342rem;
    height: .661085rem;
    margin-top: .333rem;
}

.btn-disabled {
    text-align: center;
    color: #fff;
    border-radius: 10px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background: #C2C2C2;
}

.dt-pinglun .btn-quxiao {
    display: inline-block;
    width: 2.644342rem;
    margin-top: .333rem;
    height: .661085rem;
    vertical-align: top;
    line-height: .661085rem;
    margin-left: .110399rem;
}

.dt-pinglun .btn-quxiao:hover {
    color: #fff;
}

.modal-imgbox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    display: none;
}

.modal-imgbox>div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-imgbox img {
    width: auto;
    max-width: 90%;
    max-height: 80%;
}

.art-body {
    padding-top: 1.16rem;
}

.sec-title {
    color: #333333;
    font-size: .353279rem;
    line-height: .495814rem;
    position: relative;
    padding-left: .1655998rem;
    margin-bottom: .220799rem;
    font-weight: bold;
}

/*.sec-title:before{*/
/*content: "";*/
/*position: absolute;*/
/*background: #06C1AE;*/
/*border-radius: 100px;*/
/*height: .353279rem;*/
/*width: .066108rem;*/
/*top: .071617rem;*/
/*left: 0;*/
/*}*/
.sec-title span {
    color: #ABABAB;
    font-size: .353278rem;
}

.article-html {}

.bg_white {
    background: #fff;
}

.article-html .art-title {
    padding: .441599rem 1.1018rem .66108rem;
    font-size: .441599rem;
    font-weight: bold;
    color: #333333;
    line-height: .617rem;
    text-align: center;
}

.article-html .author {
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    padding: .220799rem 0;
    position: relative;
    margin: 0 1.1018rem;
}

.article-html .author .btn-art-authorbox img {
    width: .771266rem;
    height: .771266rem;
    border: 1px solid #F0F0F0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
}

.article-html .author .btn-art-authorbox:hover .namename {
    color: #06C1AE;
}

.article-html .author .name {
    display: inline-block;
    vertical-align: top;
    margin-left: .220799rem;
    font-size: .39752rem;
    line-height: .39752rem;
    color: #333333;
    line-height: .771266rem;
}

.article-html .author .time {
    position: absolute;
    right: 0;
    font-size: .220799rem;
    line-height: .771266rem;
    color: #CFCFCF;
}

.article-html .author .btn-art-share {
    position: absolute;
    width: 1.87307rem;
    border-radius: 100px;
    height: .66108rem;
    right: 0;
    top: .27545rem;
    color: #fff;
    font-size: .30905rem;
    line-height: .66108rem;
    text-align: center;
    background: #4787FB url("./images/fenxiang.png") no-repeat left .36355rem center;
    background-size: .333rem;
    padding-left: .2rem;
}

.article-html .author .btn-art-share:hover {
    opacity: .7;
}

.article-html .art-content {
    font-size: .30905rem !important;
    color: #333333 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: .441599rem .333rem;
}

.article-html .art-content img {
    width: auto !important;
    max-width: 100% !important;
}

.zan-share-box {
    text-align: center;
    padding-bottom: .550904rem;
}

.zan-share-box a {
    display: inline-block;
    margin: 0 .220799rem;
    padding: 0 .441599rem;
    border-radius: 100px;
    height: .66108rem;
    line-height: .66108rem;
    font-size: .30905rem;
}

.zan-share-box .btn-zan {
    padding-left: .79rem;
    background: #06C1AE url("./images/zan.png") no-repeat left .441599rem center;
    background-size: .333rem;
}

.zan-share-box .btn-zan:hover,
.zan-share-box .btn-share:hover {
    opacity: .8;
    color: #fff;
}

.zan-share-box .btn-zan.nozan {
    background-color: #C2C2C2;
}

.zan-share-box .btn-share {
    padding-left: .79rem;
    color: #fff;
    background: #4787FB url("./images/fenxiang.png") no-repeat left .441599rem center;
    background-size: .333rem;
}

.dt-evaluate {
    padding: .333rem;
    margin-top: .220799rem;
    background: #fff;
}

.evaluate-list {}

.evaluate-list li {
    margin-bottom: .333rem;
}

.evaluate-list .eval-box {
    height: .550904rem;
    font-size: 0;
}

.evaluate-list .eval-box span {
    display: inline-block;
    margin-left: .220799rem;
    font-size: .26495rem;
    line-height: .550904rem;
    color: #888888;
    vertical-align: top;
}

.evaluate-list .eval-box .time {
    color: #cccccc;
    margin-left: .441599rem;
}

.evaluate-list .eval-box .headimg {
    width: .550904rem;
    height: .550904rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #f0f0f0;
}

.evaluate-list .word {
    margin-left: .771266rem;
    line-height: .484796rem;
    color: #333333;
    font-size: .30905rem;
    padding-bottom: .220799rem;
    border-bottom: 1px solid #eeeeee;
}

.evaluate-list .load-more {
    display: block;
    text-align: center;
    color: #AAAAAA;
    font-size: .30905rem;
}

.dt-evaluate .tiwen {
    background: #F6F6F6;
    height: .771266rem;
    line-height: .771266rem;
    color: #D6D6D6;
    margin-top: .165599rem;
    font-size: .30905rem;
    position: relative;
    padding-left: .165599rem;
    border-radius: 10px;
    margin-bottom: .333rem;
}

.f-art-wrapper {
    padding: .6rem .4rem;
    background: #fff;
}

.f-art_title {
    font-size: .32rem;
    color: #333333;
    line-height: .44rem;
    position: relative;
    padding-left: 8px;
    margin-bottom: .16rem;
}

.f-art_title:after {
    position: absolute;
    content: "";
    width: 3px;
    background: #06C1AE;
    height: .32rem;
    left: 0;
    top: 0.06rem;
    border-radius: 1px;
}

.f-art_title span {
    color: #AFAFAF;
}

.ps-filebox {
    margin: 0 0 .54rem;
    width: 2rem;
    height: 1.5rem;
    border: 1px solid #F6F6F6;
    background: url("./images/pic.jpg") no-repeat center;
    background-size: .8rem .8rem;
    position: relative;
}

.ps-filebox .btn-upload-psimg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ps-filebox img {
    width: 100%;
    height: 100%;
}

.f-art-title-wrappper {
    position: relative;
}

.f-art-title-wrappper .f-art-title-input {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: .1rem;
    padding-left: .3rem;
    margin: 0 0 .28rem;
    font-size: .28rem;
    height: .88rem;
    line-height: 100%;
    padding-right: 1.2rem;
}

.f-art-title-wrappper .f-art-title-input::placeholder {
    color: #AAAAAA;
    padding: 0;
    line-height: .44rem;
}

.f-art-title-wrappper .count {
    position: absolute;
    line-height: .88rem;
    font-size: .28rem;
    color: #AAAAAA;
    bottom: .28rem;
    right: .2rem;
}

.f-art-wrapper .fwb {
    margin-top: .16rem;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: 5px;
    height: auto;
}

.f-art-wrapper .fwb>div {
    min-height: 4rem;
}

.btn-art-fabu {
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    background: #06C1AE;
    border-radius: 5px;
    font-size: .28rem;
    color: #FFFFFF;
    text-align: center;
    height: .8rem;
    width: 100%;
    line-height: .8rem;
    margin-top: .4rem;
}

.my-art-list-wrapper {}

.my-art-list-wrapper .nodata {
    padding: 2rem 0;
    text-align: center;
    font-size: .36rem;
    color: #AAAAAA;
    line-height: .6rem;
}

.my-art-list-wrapper .nodata img {
    width: 2rem;
    height: 1.6rem;
}

.my-art-list-wrapper .nodata a {
    color: #06C1AE;
}

.my-art-list-wrapper .art-list {
    padding: .4rem;
}

.my-art-list-wrapper .art-list li {
    margin-bottom: .36rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.my-art-list-wrapper .art-list .left-box {
    float: left;
    position: relative;
    width: 5rem;
    height: 1.55rem;
}

.my-art-list-wrapper .art-list .art-img {
    width: 2rem;
    height: 1.55rem;
    float: left;
    margin-left: .48rem;
}

.my-art-list-wrapper .art-list .content {
    width: 100%;
    font-size: .32rem;
    color: #333333;
    line-height: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.my-art-list-wrapper .art-list .left-box .delete,
.my-art-list-wrapper .art-list .left-box .update,
.my-art-list-wrapper .art-list .left-box .time {
    position: absolute;
    color: #CCCCCC;
    bottom: 0;
    left: 0;
    font-size: .28rem;
}

.my-art-list-wrapper .art-list .left-box .time {
    right: 0;
    display: inline-block;
    left: auto;
    color: #D5D5D5;
}

.my-art-list-wrapper .art-list .left-box a:hover {
    color: #06C1AE;
}

.my-art-list-wrapper .art-list li:hover .content {
    color: #06C1AE;
}

.my-art-list-wrapper .art-list .left-box .update {
    background: url("./images/bianji0.png") no-repeat left center;
    background-size: .28rem .28rem;
    padding-left: .3rem;
}

.my-art-list-wrapper .art-list .left-box .update:hover {
    background-image: url("./images/bianji.png");
    color: #06C1AE;
}

.my-art-list-wrapper .art-list .left-box .delete {
    background: url("./images/shanchu0.png") no-repeat left center;
    background-size: .28rem .28rem;
    left: 1.32rem;
    padding-left: .3rem;
}

.my-art-list-wrapper .art-list .left-box .delete:hover {
    background-image: url("./images/shanchu.png");
    color: #06C1AE;
}

.my-art-list-wrapper .nomore {
    text-align: center;
    font-size: .28rem;
    color: #AAA;
    padding: .4rem 0;
}

.update-ps-dt-wrapper {
    background: #fff;
    padding: .4rem;
}

.update-ps-dt-wrapper .zhutu-list {
    overflow: hidden;
    padding: .2rem 0;
}

.update-ps-dt-wrapper .zhutu-list li {
    position: relative;
    width: 2.36rem;
    height: 1.56rem;
    margin-right: .2rem;
    float: left;
    background: url("./images/zhutu.png") no-repeat center;
    background-size: 100% 100%;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.update-ps-dt-wrapper .zhutu-list li img {
    width: 100%;
    height: 100%;
}

.update-ps-dt-wrapper .zhutu-list li:last-of-type {
    margin-right: 0;
}

.update-ps-dt-wrapper .zhutu-list li a {
    position: absolute;
    text-align: center;
    bottom: 0;
    right: 0;
    color: #fff;
    display: block;
    font-size: .28rem;
    line-height: .5rem;
}

.update-ps-dt-wrapper .zhutu-list li .zhutu {
    width: 100%;
    height: .5rem;
    /*background: rgba(116,226,94,.8);*/
    opacity: 0.8;
    background: #06C1AE;
}

.update-ps-dt-wrapper .zhutu-list li .set {
    opacity: 0.8;
    width: 100%;
    height: .5rem;
    background: #4787FB;
}

.update-ps-dt-wrapper .zhutu-list li .del {
    width: .4rem;
    height: .4rem;
    right: -.2rem;
    top: -.2rem;
    bottom: auto;
    border-radius: 50%;
    background: #fff url("./images/x.png") no-repeat center;
    background-size: .4rem .4rem;
}

.update-ps-dt-wrapper .zhutu-list li .del:hover,
.update-ps-dt-wrapper .zhutu-list li .del:active {
    background-color: #06C1AE;
}

.update-ps-dt-wrapper .zhutu-list .filebox {
    padding-top: .2rem;
}

.update-ps-dt-wrapper .filebox .fileupload {
    display: inline-block;
    font-size: .28rem;
    line-height: .68rem;
    padding: 0 .44rem;
    background: #06C1AE;
    border-radius: 2px;
    color: #fff;
}

.opa:hover {
    opacity: .8;
}

.update-ps-dt-wrapper .liangdian-wrapper,
.video-introduce,
.texta-wrappper {
    margin-top: .4rem;
    position: relative;
}

.count-input-box {
    height: .88rem;
    margin-top: .2rem;
    position: relative;
}

.count-input-box input {
    height: .88rem;
    line-height: 100%;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    appearance: none;
    border-radius: 5px;
    background: #F6F6F6 url("./images/xingxing.png") no-repeat left .3rem center;
    background-size: .28rem .28rem;
    padding-left: .8rem;
    padding-right: 1.2rem;
    font-size: .28rem;
}

.count-input-box input::placeholder,
.video-introduce input::placeholder {
    color: #AAAAAA;
    padding: 0;
    line-height: .44rem;
}

.count-input-box .count {
    display: inline-block;
    position: absolute;
    right: .24rem;
    height: .88rem;
    line-height: .88rem;
    top: 0;
    font-size: .28rem;
    color: #AAAAAA;
}

.video-introduce input {
    height: .88rem;
    line-height: 100%;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    appearance: none;
    background: #F6F6F6;
    font-size: .28rem;
    border-radius: 5px;
    padding-left: .3rem;
}

.texta-wrappper textarea {
    resize: none;
    height: 2.6rem;
    -webkit-appearance: none;
    font-size: .28rem;
    -moz-appearance: none;
    appearance: none;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: 5px;
    padding: .24rem;
}

.texta-wrappper .count {
    position: absolute;
    bottom: .24rem;
    right: .24rem;
    font-size: .28rem;
    color: #AAAAAA;
}

.fwb-wrapper {
    margin-top: .4rem;
}

.video-introduce .fwb {
    margin-top: .2rem;
    height: auto;
    width: 100%;
}

.video-introduce .fwb>div {
    min-height: 5rem;
}

.daifu-wrapper {
    margin-top: .4rem;
    font-size: .28rem;
    color: #757575;
    line-height: .4rem;
    padding: .4rem;
    background: #fff;
}

.daifu-wrapper .peifu {
    line-height: .48rem;
    margin: 0;
    color: #757575;
}

.daifu-wrapper .num {
    margin: .4rem 0 .1rem;
}

.daifu-wrapper .num span {
    line-height: .66rem;
    color: #06C1AE;
    font-weight: bold;
    font-size: .48rem;
}

.daifu-wrapper .btn-dongjie {
    background: #35C1AE;
    border-radius: 3px;
    text-align: center;
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    display: inline-block;
    color: #fff;
}

.daifu-wrapper .prompt {
    display: inline-block;
    margin-left: .4rem;
    line-height: .8rem;
}

.daifu-wrapper .prompt a {
    color: #06C1AE;
}

.daifu-wrapper .line {
    border-top: 1px solid #f0f0f0;
    margin: .5rem -.4rem;
}

.daifu-wrapper h3 {
    font-weight: 500;
    color: #333333;
    margin-bottom: .26rem;
}

.daifu-wrapper>p {
    margin-bottom: .26rem;
}

.float-fabu {
    position: fixed;
    bottom: 25%;
    width: 1.2rem;
    height: 1.2rem;
    color: #fff;
    background: url("./images/fabu.png") no-repeat;
    background-size: cover;
    right: .4rem;
    border-radius: 50%;
    overflow: hidden;
}

.task_box_has .task_info ul li {
    width: 25%;
}

.task_box_has .task_info ul li:nth-child(2) {
    width: 50%;
}

.xiane-wrap {
    padding: .4rem;
    line-height: 150%;
}

.xiane-wrap .box {
    text-align: center
}

.xiane-wrap .box p {
    margin: .5rem 0;
    font-size: .36rem
}

.xiane-wrap .box img {
    background: #fff;
    margin: 0 0 .5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.xiane-wrap .word1 {
    font-size: .32rem
}

.modal-guanzhu {
    position: fixed;
    z-index: 1002;
    background: rgba(0, 0, 0, .7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.modal-guanzhu .box {
    width: 7rem;
    margin: 2.44rem auto 0;
    background: transparent;
    position: relative;
    border-top: 1px solid transparent;
    text-align: center;
    line-height: .68rem;
}

.modal-guanzhu .box .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 7rem;
    height: 3.72rem;
    background: url("./images/loginbg.png") no-repeat top;
    background-size: 7rem 3.72rem;
    z-index: 1;
}

.modal-guanzhu .box .word {
    width: 6.6rem;
    margin: .4rem auto 0;
    height: auto;
    background: #fff;
    border-radius: 10px;
    font-size: .28rem;
    color: rgba(51, 51, 51, 1);
    line-height: .64rem;
    padding-bottom: .2rem;
}

.modal-guanzhu .box .word p {
    padding-top: 3.1rem;
    text-align: left;
    padding-left: .61rem;
}

.modal-guanzhu .close {
    width: .88rem;
    height: .88rem;
    background: transparent url('./images/x2@2x.png') no-repeat;
    background-size: 100% 100%;
    margin: .6rem auto;
}

.modal-guanzhu .box .top,
.modal-guanzhu .box .bot {
    color: RGBA(255, 250, 131, 1);
    font-weight: bold;
    font-size: .48rem;
    margin-top: 1rem;
}

.modal-guanzhu .box .bot {
    color: #fff;
    font-weight: normal;
    margin-top: 0;
}

.modal-guanzhu .tologin {
    width: 5.2rem;
    height: .88rem;
    display: block;
    line-height: .88rem;
    margin: .6rem auto;
    font-size: .36rem;
}

.modal {
    position: fixed;
    z-index: 1003;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
}

.modal>div {
    position: absolute;
    top: 50%;
    background: #fff;
    left: 50%;
    border-radius: .1rem;
    transform: translate(-50%, -50%);
    text-align: center;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.modal>div .close {
    width: .88rem;
    position: absolute;
    height: .88rem;
    border: 2px solid #FFFFFF;
    background: url("../images/guanbi@2x.png") no-repeat center;
    background-size: .5rem .5rem;
    top: 100%;
    left: 50%;
    margin-top: .4rem;
    margin-left: -.44rem;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal-phone>div {
    width: 3.2rem;
    font-size: .32rem;
    color: rgba(102, 102, 102, 1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal-checkredbox>div {
    width: 6.8rem;
    padding-top: .8rem;
    text-align: center;
}

/*.modal-checkredbox a {*/
/*display: block;*/
/*width: 5.6rem;*/
/*height: 2.28rem;*/
/*margin: .6rem .6rem 0;*/
/*}*/
/*.modal-checkredbox .to-friend {*/
/*background: url("../images/pengyou.jpg") no-repeat;*/
/*background-size: 100% 100%;*/
/*}*/
/*.modal-checkredbox .to-rating {*/
/*margin-top: .4rem;*/
/*background: url("../images/pingjia.jpg") no-repeat;*/
/*background-size: 100% 100%;*/
/*}*/

/*.modal-checkredbox a span {*/
/*display: block;*/
/*text-align: left;*/
/*font-size:.4rem;*/
/*color:rgba(255,255,255,1);*/
/*line-height:.56rem;*/
/*padding-left: .6rem;*/
/*padding-top: .5rem;*/
/*}*/
/*.modal-checkredbox a span:last-child {*/
/*padding-top: 1px;*/
/*font-size:.52rem;*/
/*font-weight: bold;*/
/*color:rgba(255,255,255,1);*/
/*line-height:.7rem;*/
/*}*/
.modal-checkredbox .title {
    font-size: .44rem;
    color: #444;
    line-height: .45rem;
    font-weight: bold;
}

.modal-checkredbox .wxnumber {
    margin: .18rem auto .38rem;
    font-size: .32rem;
    color: rgba(102, 102, 102, 1);
    line-height: .34rem;
}

.modal-checkredbox .wxcode {
    width: 3.64rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

.modal-checkredbox .link {
    display: block;
    margin-top: .8rem;
    border-top: 1px solid #f7f7f7;
    height: 1rem;
    line-height: 1rem;
    color: #06C1AE;
    font-size: .32rem;
}

.check-hongbao {
    height: 1.14rem;
    font-size: 0;
    border-bottom: 1px solid #F3F3F3;
}

.check-hongbao p {
    display: inline-block;
    width: 50%;
    font-size: .36rem;
    text-align: center;
    line-height: 1.14rem;
    color: rgba(51, 51, 51, 1);
    position: relative;
}

.check-hongbao p.curr {
    color: #06c1ae;
}

.check-hongbao p.curr:after {
    position: absolute;
    content: "";
    width: .68rem;
    height: .06rem;
    background: #06c1ae;
    left: 50%;
    margin-left: -.34rem;
    bottom: 0;
}

.padding-left-right-20 {
    padding: 0 .4rem;
}

.black_title {
    margin-top: .8rem;
    font-size: .4rem;
    color: rgba(51, 51, 51, 1);
    line-height: .56rem;
    margin-bottom: .3rem;
    font-weight: bold;
}

.exceeding_img {
    width: 100%;
    text-align: center;
    height: 4.68rem;
    overflow: hidden;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.1);
}

.exceeding_img img {
    width: 100%;
    max-width: 7.48rem;
}

.upload-friend-img {
    margin-bottom: .6rem;
}

.upload_img_wrap {
    width: 100%;
    height: 5rem;
    background: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    position: relative;
}

.upload_img_wrap .friendimgBtn {
    position: absolute;
    border-radius: 5px;
    background: rgba(248, 248, 248, 1);
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center;
}

.upload_img_wrap .friendimgBtn img {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin: 1.4rem auto 0;
    transform: rotate(45deg);
}

.upload_img_wrap .friendimgBtn span {
    display: inline-block;
    width: 2.2rem;
    /*height: .8rem;*/
    /*padding-top: 1.4rem;*/
    /*background: url("../images/uploadandclose.png") no-repeat top center;*/
    /*background-size: 1.4rem 1.4rem;*/
    line-height: .8rem;
    color: rgba(159, 159, 159, 1);
    font-size: .36rem;
}

.upload_img_wrap .loading {
    border-radius: 5px;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center;
    padding-top: 1.56rem;
    border-top: 1px transparent;
}

.upload_img_wrap .loading img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto .18rem;
}

.upload_img_wrap .loading span {
    font-size: .36rem;
    color: rgba(51, 51, 51, 1);
    line-height: .5rem;
}

.loading img {
    animation: transball 1s linear infinite;
}

@keyframes transball {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.showuploadimg {
    width: 100%;
    height: 100%;
    background: rgba(248, 248, 248, 1);
    text-align: center;
    border-radius: 5px;
    position: relative;
}

.showuploadimg img {
    width: auto;
    max-height: 100%;
}

.shaitu-wrap0 .showuploadimg img {
    width: 100%;
    height: 100%;
}

.showuploadimg .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../images/uploadandclose.png") no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.share-wrap0 .btn-default,
.shaitu-wrap0 .btn-default {
    height: 1rem;
    border-radius: .5rem;
    line-height: 1rem;
    font-size: .36rem;
}

.share-wrap0 .btn-wrap,
.shaitu-wrap0 .btn-wrap {
    margin-bottom: .6rem;
}

.unClick {
    background: rgba(177, 177, 177, 1);
    color: #fff;
}

.bot-word {
    text-align: center;
    font-size: .28rem;
    color: rgba(136, 136, 136, 1);
    line-height: .5rem;
    margin: 0 .4rem 1rem;
}

.modal-sq>div {
    width: 6.6rem;
}

.modal-sq h3 {
    font-size: .48rem;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: .66rem;
    padding-top: .6rem;
}

.modal-sq .word {
    font-size: .32rem;
    line-height: .8rem;
    margin: 0 .6rem;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    margin-bottom: .6rem;
    margin-top: .2rem;
}

.modal-sq .close-know {
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    border-top: 1px solid #E1E1E1;
    font-size: .36rem;
    color: rgba(6, 193, 174, 1);
}

.shaitu-wrap0 .text-rating {
    height: 2.4rem;
    width: 100%;
    border-radius: .08rem;
    line-height: .4rem;
}

.shaitu-wrap0 .isOkword {
    font-size: .28rem;
    color: rgba(164, 164, 164, 1);
    line-height: .4rem;
    margin-top: -.15rem;
    margin-bottom: .3rem;
}

.shaitu-wrap0 .upload_img_wrap {
    background: url("../images/shili.jpg") no-repeat;
    background-size: 100% 100%;
}

.shaitu-wrap0 .upload_img_wrap label {
    background: rgba(0, 0, 0, .5);
}

.shaitu-wrap0 .upload_img_wrap label span {
    color: #fff;
}

.index-container .header {
    height: .97rem;
    background: #fff;
    padding: .2rem .4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 0px .6rem 0px rgba(0, 0, 0, 0.08);
}

.index-container .header .logo {
    width: 2.03rem;
    height: .53rem;
}

.index-container .header .tel {
    float: right;
    display: inline-block;
    margin-top: .13rem;
    height: .35rem;
    width: 3.09rem;
    background: url("./images/call.png") no-repeat center;
    background-size: 3.09rem .35rem;
}

.index-container .swiper-container {
    width: 100%;
    height: 3.6rem;
}

.index-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.index-container .swiper-slide img {
    width: 100%;
    height: 100%;
}

.index-container .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    background-color: #FFF;
    transition: width .3s;
}

.index-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    width: .2rem;
    border-radius: .1rem;
}

.index-container .marquee {
    font-size: .31rem;
    color: #444444;
    background: #EBFFFD;
    width: 100%;
    display: flex;
    height: 0.66rem;
    padding: 0 .33rem;
    line-height: .66rem;
}

.index-container .marquee .left {
    width: .38rem;
    height: .42rem;
    margin-top: .13rem;
}

.index-container .marquee .right {
    width: .12rem;
    height: .22rem;
    margin-top: .22rem;
}

.index-container .marquee .text-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    margin: 0 .11rem 0 .18rem;
    /*animation: marquee 10s linear infinite;*/
}

.index-container .marquee .text-wrap p {
    white-space: nowrap;
}

/*@keyframes marquee {*/
/*0% {*/
/*left: 0;*/
/*}*/
/*100% {*/
/*left: -100%;*/
/*}*/
/*}*/
.index-container .data-wrap {
    margin-top: .2rem;
    height: 2rem;
    background: #fff;
    overflow: hidden;
}

.index-container .data-wrap>div {
    width: 28%;
    /*padding: .6rem 0 .6rem .6rem;*/
    padding: .6rem 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.index-container .data-wrap>div.center {
    width: 44%;
    /*padding-left: 1.1rem;*/
}

.index-container .data-wrap .title {
    font-size: .24rem;
    color: #B0B0B0;
    line-height: .24rem;
}

.index-container .data-wrap .num {
    font-size: .48rem;
    color: #444444;
    line-height: .48rem;
    margin-top: .1rem;
}

.paishou-wrap {
    background: #fff;
}

.paishou-wrap li {
    padding: .6rem 0 0;
    overflow: hidden;
}

.paishou-wrap li .head-wrap {
    /*float: left;*/
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 .3rem 0 .4rem;
}

.tab {
    display: inline-block;
    color: #06c1ae;
    border-radius: 2px;
    font-size: .2rem;
    line-height: .32rem;
    height: .32rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .12rem;
    background: #E5FFFC;
    vertical-align: middle;
}

.tab-gray {
    border-color: #CECECE;
    background: #CECECE;
    color: #fff;
}

.tab-orange {
    background: rgba(255, 247, 234, 1);
    color: #FFB02D;
}

.tab-blue {
    background: #E1F3FF;
    color: #398BE9;
}

.paishou-wrapper {
    background: #fff;
    padding-bottom: .6rem;
    margin-top: .2rem;
}

.paishou-wrapper li>a {
    display: flex;
}

.paishou-wrap li:active {
    background: #f9f9f9;
}

.paishou-wrap li .head-wrap img {
    width: 100%;
    height: 100%;
}

.paishou-wrap li .info-wrap {
    /*float: left;*/
    flex: 1;
    width: 6.2rem;
    padding-right: .4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.paishou-wrap li .top {
    font-size: 0;
    position: relative;
}

.paishou-wrap li .top h3 {
    display: inline-block;
    font-size: .32rem;
    color: #444444;
    line-height: .34rem;
    font-weight: bold;
    vertical-align: top;
    margin-right: .12rem;
}

.paishou-wrap li .info-wrap .description {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
    margin-top: 0.22rem;
    height: .31rem;
}

.paishou-wrap li.full .top h3 {
    color: #999999;
}

.paishou-wrap .star-wrap {
    position: absolute;
    right: 0;
    top: 0;
}

.paishou-wrap .tab {
    margin-right: .1rem;
}

.tab-tj {
    color: #069AC1;
    background: #CFF5FF;
}

.tab-yx {
    color: #8E8AFF;
    background: #F5F5FF;
}

.tab-jy {
    color: #D2AF67;
    background: #FFF7E3;
}

.star-wrap {
    overflow: hidden;
}

.star-wrap li {
    float: left;
    padding: 0;
    width: .32rem;
    height: .32rem;
    margin-left: .16rem;
}

.star-wrap li.light-star {
    background: url("./images/zhishu1.png") no-repeat;
    background-size: 100% 100%;
}

.star-wrap li.dark-star {
    background: url("./images/zhishu2.png") no-repeat;
    background-size: 100% 100%;
}

.paishou-wrap .info {
    margin-top: .3rem;
    overflow: hidden;
    color: #999999;
    font-size: .24rem;
    line-height: 1;
    padding-bottom: .6rem;
    border-bottom: 1px solid #F0F0F0;
}

.paishou-wrap li:last-child .info {
    border-bottom: 0;
}

.paishou-wrap .info .left {
    width: 50%;
    float: left;
    text-align: left;
}

.paishou-wrap .info .right {
    width: 50%;
    float: left;
    text-align: right;
}

.paishou-wrap .info .num {
    font-size: .32rem;
    margin-top: .12rem;
    line-height: 1;
}

.index-container .load-more {
    display: block;
    border: 1px solid #f0f0f0;
    border-radius: .08rem;
    margin: .2rem .4rem 0;
    height: .8rem;
    text-align: center;
    color: #06c1ae;
    font-size: .32rem;
    line-height: .8rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index-container .load-more:active {
    background: #f9f9f9;
}



.winthebid-wrap {
    margin-top: .2rem;
    background: #fff;
    padding-bottom: .6rem;
}

.layer-title {
    height: .97rem;
    line-height: .97rem;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    padding-left: .6rem;
    font-size: .32rem;
    background: #fff;
}

.layer-title::before {
    position: absolute;
    content: "";
    left: .4rem;
    background: #06C1AE;
    border-radius: 100px;
    width: .08rem;
    height: .3rem;
    top: .3rem;
}

.winthebid-wrap li {
    display: block;
    padding: .6rem .4rem;
    position: relative;
}

.winthebid-wrap li>a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: .4rem;
    width: 7.48rem;
    height: 1px;
    background: #F0F0F0;
}

.winthebid-wrap li:last-child>a::before {
    height: 0;
}

.winthebid-wrap li .name {
    font-size: .36rem;
    line-height: .36rem;
    font-weight: bold;
    color: #444444;
    margin-bottom: .16rem;
}

.audiobox {
    height: .92rem;
    padding: .26rem .3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(247, 247, 247, 1);
    border-radius: .08rem;
    border: 1px solid #F3F3F3;
    margin: .3rem auto;
    line-height: .4rem;
    color: rgba(136, 136, 136, 1);
    font-size: .28rem;
    position: relative;
}

.audiobox .left {
    display: inline-block;
    background: url("./images/yuyin@2x.png") no-repeat left center;
    background-size: .4rem .32rem;
    height: .4rem;
    padding-left: .5rem;
}

.audiobox.curr .left {
    background-image: url("./images/yuyin.gif");
}

.audiobox .right {
    float: right;
}

.winthebid-wrap li .description {
    font-size: .28rem;
    color: #444444;
    line-height: .5rem;
}

.winthebid-wrap .content {
    margin-top: .16rem;
    height: 2rem;
    display: flex;
}

.winthebid-wrap .content .left {
    /*float: left;*/
    width: 2.68rem;
    height: 100%;
}

.winthebid-wrap .content .left img {
    width: 100%;
    height: 100%;
}

.winthebid-wrap .content .right {
    /*float: left;*/
    flex: 1;
    width: 4.8rem;
    height: 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #F7F7F7;
    padding: .38rem .4rem;
    color: #888888;
    font-size: .28rem;
    line-height: .28rem;
}

.winthebid-wrap .content .right .middle {
    margin: .2rem 0;
}

.guide-wrap {
    margin-top: .2rem;
}

.guide-list {
    overflow: hidden;
    position: relative;
    background: #fff;
}

.guide-list::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 50%;
    z-index: 1;
    background: #F0F0F0;
}

.guide-list::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    top: 0;
    background: #F0F0F0;
    z-index: 1;
}

.guide-list li {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.guide-list li:active {
    background: #f9f9f9;
}

.guide-list li a {
    display: block;
    width: 100%;
    height: 1.55rem;
    color: #888888;
    font-size: .28rem;
    line-height: .4rem;
    padding: .35rem .31rem 0 .33rem;
}

.guide-list li .title {
    color: #444444;
    font-weight: bold;
}

.guide-list li .box {
    background: url("./images/gengd.png") no-repeat right center;
    background-size: .14rem .26rem;
}

.quick-door-wrap {
    margin-top: .2rem;
    background: #fff;
}

.quick-door-wrap .list {
    padding: .33rem .33rem .44rem;
    font-size: 0;
    display: flex;
    justify-content: space-around;
}

.quick-door-wrap .list a {
    display: inline-block;
    font-size: .28rem;
    color: #666666;
    padding: .2rem 0;
    width: 2.36rem;
    background: #F7F7F7;
    border-radius: .08rem;
    margin-right: .2rem;
    text-align: center;
}

.quick-door-wrap .list a:last-child {
    margin-right: 0;
}

.index-container .footer-wrap {
    height: .84rem;
    line-height: .84rem;
    font-size: .24rem;
    color: #CFCFCF;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
}

.footer-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 1.08rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px -.07rem .29rem 0px rgba(208, 208, 208, 0.5);
    width: 100%;
    background: #fff;
    z-index: 50;
    padding: 0 .31rem;
    box-sizing: border-box;
    z-index: 9;
}

.footer-menu nav {
    width: 100%;
    height: 100%;
}

.footer-menu li {
    width: 25%;
    text-align: center;
    float: left;
    color: #A8A8A8;
    line-height: 1rem;
    position: relative;
    height: 100%;
}

.footer-menu li a {
    font-size: .32rem;
    font-weight: bold;
    color: #999999;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1rem;
    font-size: .26rem;
    font-family: MicrosoftYaHeiUI;
    color: rgba(153, 153, 153, 1);
    line-height: 1;
}

.footer-menu li img {
    width: .40rem;
    height: .40rem;
    display: none;
    margin: 0.13rem 0;
}

.footer-menu li img.pary {
    display: inline-block;
}

.footer-menu li.curr img.pary {
    display: none;
}

.footer-menu li.curr img.light {
    display: inline-block;
}

.footer-menu li.curr a {
    color: #06c1ae;
}

.footer-menu li .new {
    position: absolute;
    width: 0.38rem;
    height: 0.28rem;
    top: .2rem;
    right: -0.47rem;
}

.index-order-wrap {
    margin-top: .2rem;
    background: #fff;
    padding-bottom: .6rem;
}

.index-order-wrap .order-list {}

.index-order-wrap .order-list a {
    display: flex;
    padding: .6rem .4rem;
    position: relative;
}

.index-order-wrap .order-list a::after {
    position: absolute;
    content: "";
    height: 1px;
    left: .4rem;
    right: .4rem;
    background-color: #f0f0f0;
    bottom: 0;
}

.index-order-wrap .order-list li:last-child a::after {
    display: none;
}

.index-order-wrap .order-list a:active {
    background: #f9f9f9;
}

.index-order-wrap .order-list .left {
    width: 2.5rem;
}

.index-order-wrap .order-list .center {
    flex: 1;
}

.index-order-wrap .order-list .right {
    width: 1.2rem;
    background: url("./images/gengd.png")no-repeat right .08rem bottom;
    background-size: .14rem .28rem;
}

.index-order-wrap .order-list .name {
    font-weight: bold;
    font-size: .36rem;
    line-height: .38rem;
    color: #444444;
}

.index-order-wrap .order-list .status {
    line-height: .38rem;
    font-size: .26rem;
    font-weight: bold;
    color: #444;
}

.index-order-wrap .order-list .tag {
    width: 1.2rem;
    text-align: center;
    height: .38rem;
    font-size: .24rem;
    line-height: .38rem;
    background: rgba(247, 247, 247, 1);
    color: #B0B0B0;
    border-radius: 2px;
}

.index-order-wrap .order-list .tag.tag-pink {
    background-color: #FFF0F0;
    color: #FF7777;
}

.index-order-wrap .order-list .tag.tag-green {
    background-color: rgba(227, 255, 252, 1);
    color: #06C1AE;
}

.index-order-wrap .order-list .tag.tag-orange {
    background-color: rgba(255, 245, 228, 1);
    color: #FFB02D;
}

.index-order-wrap .order-list .box {
    margin-top: .32rem;
    color: #999;
}

.index-order-wrap .order-list .title {
    font-size: .24rem;
    line-height: 100%;
}

.index-order-wrap .order-list .content {
    font-size: .32rem;
    line-height: 100%;
    margin-top: .1rem;
}

#detail_wrapper {
    height: 1rem;
    line-height: 1rem;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    ;
    color: #333333;
    z-index: 999;
    opacity: 0;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08)
}

#detail_wrapper .my_top_box {
    font-size: .32rem;
}

.my_top i {
    left: .3rem;
    top: 0;
}

.my_top i img {
    width: .333rem;
    vertical-align: middle;
}

.top_nav_btn img {
    width: .333rem;
    vertical-align: middle;
}

.top_nav {
    top: 0;
}

.top_nav_box {
    right: -.4rem;
}

/*��������*/
.order-detail-top {
    font-size: 0;
    padding: .8rem .4rem .6rem;
    background: #fff;
    margin-top: 1rem;
    position: relative;
}

.order-detail-top .tab {
    position: relative;
    top: 1px;
}

.order-detail-top .name {
    font-size: .36rem;
    line-height: .36rem;
    color: #444;
    font-weight: bold;
    vertical-align: top;
    margin-right: .1rem;
}

.order-detail-top .time {
    position: absolute;
    right: .4rem;
    top: .8rem;
    font-size: .24rem;
    color: #B0B0B0;
    line-height: .36rem;
}

/*.order-detail-top .bot {*/
/*font-size: .24rem;*/
/*line-height: .25rem;*/
/*margin-top: .2rem;*/
/*color: #b0b0b0;*/
/*}*/
/*.order-detail-top .bot span {*/
/*display: inline-block;*/
/*}*/
/*.order-detail-top .bot .left {*/
/*width: 3.2rem;*/
/*}*/
.order-detail-top1 {
    background: #fff;
    padding: 0 .4rem .8rem;
    overflow: hidden;
    display: flex;
    font-size: .36rem;
    line-height: 100%;
}

.order-detail-top1 .left {
    width: 3rem;
}

.order-detail-top1 .title {
    font-size: .24rem;
    color: #999;
    margin-bottom: .12rem;
}

.order-history-ratings {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    display: flex;
    background: #fff;
    border-bottom: 1px solid #F3F3F3;
    margin-top: .2rem;
}

.order-history-ratings .menu {
    position: relative;
    flex: 1;
    color: #444444;
}

.order-history-ratings .menu:after {
    content: "";
    position: absolute;
    width: .48rem;
    height: .06rem;
    background: transparent;
    bottom: 0;
    left: 50%;
    margin-left: -.24rem;
}

.order-history-ratings .menu.curr {
    color: #06C1AE;
}

.order-history-ratings .menu.curr:after {
    background-color: #06C1AE;
}

/*ί�м�¼*/

.entrust-wrap,
.rating-wrap {
    background: #fff;
    margin-bottom: 1rem;
}

.entrust-wrap .list {
    padding: .6rem .4rem 0;
    display: flex;
    position: relative;
}

.entrust-wrap .list:active {
    background: #f9f9f9;
}

.entrust-wrap .headimg {
    width: .88rem;
    height: .88rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .3rem;
}

.entrust-wrap .headimg img {
    width: 100%;
    height: 100%;
}

.entrust-wrap .content {
    flex: 1;
    position: relative;
    padding-bottom: .6rem;
    border-bottom: 1px solid #f0f0f0;
}

.entrust-wrap .list:last-of-type .content {
    border-bottom: 0;
}

.entrust-wrap .name {
    color: #444;
    font-size: .32rem;
    line-height: .44rem;
}

.entrust-wrap .star-wrap {
    margin-top: .06rem;
}

.entrust-wrap .star-wrap li {
    width: .32rem;
    margin: 0 .16rem 0 0;
}

.entrust-wrap .list .entrust-tab {
    width: 1.68rem;
    height: .6rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: .08rem;
    color: #06C1AE;
    border: 1px solid #06C1AE;
    line-height: .56rem;
    border-radius: .08rem;
}

.entrust-wrap .list .description {
    font-size: .28rem;
    line-height: .5rem;
    color: #888;
    margin: .2rem auto;
}

.entrust-wrap .list .load-detail {
    color: #D0D0D0;
}

.entrust-wrap .list .time {
    font-size: .24rem;
    color: rgba(176, 176, 176, 1);
    line-height: 100%;
}

.flow-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1.07977rem;
    background: #fff;
    z-index: 999;
    border-top: 1px solid #f0f0f0;
}

.no-article {
    padding: .66rem;
    text-align: center;
    font-size: .30905rem;
    color: #AAAAAA;
}

.no-article img {
    width: 1.2rem;
    margin-bottom: 10px;
}

.order-detail {
    height: 1rem;
    display: flex;
}

.order-detail .left {
    flex: 1;
    padding: 0 .4rem;
    line-height: 1rem;
}

.order-detail .left .check {
    width: .28rem;
    height: .28rem;
    border-radius: .04rem;
    background: #EFEFEF;
    display: inline-block;
    vertical-align: middle;
}

.order-detail .left .check.curr {
    background: url("./images/tongyi@2x.png") no-repeat center;
    background-size: 100% 100%;
}

.order-detail .left span,
.order-detail .left a {
    display: inline-block;
    vertical-align: middle;
}

.order-detail .left a {
    color: #06C1AE;
}

.atfist-Bid {
    height: 1rem;
    text-align: center;
    display: block;
    bottom: 0;
    left: 0;
    width: 3rem;
    background: #06C1AE;
    line-height: 1rem;
    color: #fff;
    font-size: .32rem;
}

.atfist-Bid:hover,
.atfist-Bid:active {
    opacity: .9;
    color: #fff;
}

.atfist-Bid:focus {
    color: #fff;
}

.rating-wrap {
    padding-bottom: .5rem;
}

.rating-wrap .list {}

.rating-wrap .list li {
    padding: .6rem .4rem;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.rating-wrap .list li:last-of-type {
    border-bottom: 0;
}

.rating-wrap .list .name {
    color: #444;
    font-size: .36rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: .36rem;
}

.rating-wrap .list .time {
    position: absolute;
    top: .6rem;
    right: .4rem;
    line-height: .36rem;
    font-size: .24rem;
    color: #B0B0B0;
}

.rating-wrap .list .content {
    font-size: .28rem;
    color: rgba(68, 68, 68, 1);
    line-height: .5rem;
    margin-top: .16rem;
}

.rating-wrap .list .imgbox {
    display: flex;
    margin-top: .2rem;
}

.rating-wrap .list .imgbox img {
    width: 2.36rem;
    height: 1.8rem;
    margin-right: .2rem;
}

.rating-wrap .list .imgbox img:last-child {
    margin-right: 0;
}

.rating-wrap .link-to-ps {
    display: block;
    margin: 0 .4rem;
    height: .8rem;
    line-height: .8rem;
    border: 1px solid #f0f0f0;
    color: #06C1AE;
    text-align: center;
    border-radius: .08rem;
}

.rating-wrap .link-to-ps:active {
    background: #f9f9f9;
}

.rating-wrap .link-to-ps img {
    display: inline-block;
    width: .25rem;
}

.redball-wrap {
    padding: .8rem .4rem;
    background: #fff;
}

.redball-wrap .seccend-word {
    font-size: .32rem;
    color: #666;
    line-height: 100%;
    margin: .28rem 0 .44rem;
}

.redball-wrap .black_title {
    font-size: .4rem;
    line-height: 100%;
}

.redball-wrap img {
    width: 100%;
    margin-bottom: .52rem;
    color: #333333;
}

.pay-success-wrap {
    padding: 1.6rem .4rem;
}

.pay-success-wrap .form-ratings {
    position: relative;
    height: 3.6rem;
}

.pay-success-wrap .form-ratings .sizeauto {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    display: inline-block;
    font-size: .28rem;
    line-height: .40rem;
    background: #fff;
    color: #B0B0B0;
}

.pay-success-wrap .form-ratings textarea {
    font-size: .28rem;
    color: #444;
    border-radius: .08rem;
    resize: none;
    height: 3.6rem;
    line-height: .4rem;
}

.pay-success-wrap .success {
    width: .72rem;
    height: .72rem;
    display: block;
    margin: 0 auto;
}

.pay-success-wrap .success-word {
    text-align: center;
    font-size: .48rem;
    font-weight: bold;
    color: rgba(102, 102, 102, 1);
    line-height: 100%;
    margin-top: .2rem;
}

.line10 {
    height: .2rem;
    background-color: #FCF9FC;
}

.line13 {
    height: .13rem;
    background-color: #FCF9FC;
}

.line18 {
    height: .18rem;
    background-color: #FCF9FC;
}

.pay-success-wrap .line10 {
    margin: .8rem -.4rem;
}

.pay-success-wrap .flow-bottom {
    text-align: center;
    background: #06C1AE;
    line-height: 1rem;
    height: 1rem;
    color: #fff;
    font-size: .32rem;
}

.pay-success-wrap .beginaudio {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border: 1px solid #EFEFEF;
    background: #fff;
    color: #06C1AE;
    font-size: .36rem;
    border-radius: .08rem;
    margin-bottom: .6rem;
}

.pay-success-wrap .beginaudio:active {
    background: #f9f9f9;
}

.pay-success-wrap .des {
    color: #444;
    font-size: .28rem;
    margin-bottom: .6rem;
}

.pay-success-wrap .beginaudio img {
    width: .36rem;
    height: 1.2rem;
    padding: .34rem 0 .36rem;
    vertical-align: middle;
    margin-right: .16rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pay-success-wrap .audiobox {
    background: #EFFFFD;
    border: 1px solid #06C1AE;
    color: #06C1AE;
    height: 1.2rem;
    padding: .4rem .3rem;
    font-size: .36rem;
    margin-bottom: .6rem;
}

.pay-success-wrap .audiobox .left {
    background-image: url("./images/bofang3@2x.png");
    background-size: .5rem .4rem;
    padding-left: .6rem;
}

.pay-success-wrap .audiobox.curr .left {
    background-image: url("./images/bofang3.gif");
}

.modal-audio>div {
    width: 6rem;
    height: 6.04rem;
    background: #fff;
    border-radius: .08rem;
}

.modal-audio .tape-wrap {
    padding-top: .6rem;
}

.tape-wrap .img {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    border-radius: 50%;
    background: #fff url("./images/luyin.gif") no-repeat center;
    background-size: 100% 100%;
}

.tape-wrap .taping {
    color: #B0B0B0;
    line-height: .44rem;
    font-size: .32rem;
    margin-top: .2rem;
}

.tape-wrap .btnbox {
    display: flex;
    display: -webkit-flexbox;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    margin-top: .6rem;
    border-top: 1px solid #f0f0f0;
}

.tape-wrap .btnbox p {
    flex: 1;
    -webkit-flex: 1;
    font-size: .36rem;
}

.tape-wrap .btnbox p:active {
    background: #f9f9f9;
}

.tape-wrap .btnbox p:first-child {
    color: #06C1AE;
    border-right: 1px solid #f0f0f0;
}

.modal-audio .loadin-wrap {
    padding: 2.05rem 0;
}

.modal-audio .loadin-wrap img {
    width: 1.2rem;
    height: 1.2rem;
    -webkit-animation: round 1.2s linear infinite;
    -o-animation: round 1.2s linear infinite;
    animation: round 1.2s linear infinite;
    margin-bottom: .2rem;
}

.modal-audio .loadin-wrap p {
    font-size: .36rem;
    line-height: .5rem;
    color: #333333;
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-moz-keyframes round {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-o-keyframes round {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.modal-guide>div {
    width: 6.88rem;
    background: #fff;
    text-align: left;
}

.modal-guide>div .box {
    border-radius: .08rem;
    overflow: hidden;
}

li.release-task {
    position: relative;
    top: -1px;
    margin: 0 .4rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}

.index-order-wrap li.release-task a,
.index-order-wrap li.release-task a:hover,
.index-order-wrap li.release-task a:active {
    background: #fff url("./images/renwu.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    display: block !important;
    height: 1rem;
    border: 0 !important;
    padding: 0 !important;
    color: #fff;
    font-size: .32rem;
}

li.release-task a span {
    display: inline-block;
    vertical-align: middle;
}

li.release-task a img {
    display: inline-block;
    vertical-align: middle;
    width: .25rem;
}

li.release-task a:after {
    display: none;
}

.task_no_phone .box li {
    padding: 0 .3rem;
}

.task_no_phone .box li.yzm .btn-yzms {
    right: .4rem;
}

.guanggaowrap {
    font-size: 0;
    text-align: center;
    background: #fff;
    padding: .4rem;
    display: flex;

}

.guanggaowrap .left {
    width: 3.78rem;
}

.guanggaowrap .right {
    width: 3.78rem;
    margin-left: 0.12rem;
}

.qiye-wrap {
    text-align: left;
    width: 100%;
    height: 1.76rem;
    display: inline-block;
    padding: .48rem 0 0 1.2rem;
    background: #fff url(./images/qiye_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
    border-radius: .1rem;
}

.qiye-wrap.double {
    margin-bottom: 0.12rem;
    background-image: url(./images/double_bg.png);
}

.qiye-wrap.chewu-link {
    margin-bottom: 0.12rem;
    background-image: url(./images/cw_bg.png);
}

.qiye-wrap.stage {
    background-image: url(./images/fenqi_icon@2x.png);
}

.guanggaowrap .box {
    display: inline-block;
    height: 1rem;
    font-size: .36rem;
    color: #fff;
    line-height: .36rem;
    font-weight: bold;
    vertical-align: top;
}

.guanggaowrap .box .des {
    margin-top: .16rem;
    font-size: .28rem;
    color: #fff;
    line-height: .28rem;
}

.paishou-wrap .guanggao {
    width: 7.48rem;
    height: auto;
    margin: 0 auto;
    border-radius: .08rem;
    position: relative;
}

.paishou-wrap .guanggao .title {
    position: absolute;
    color: #fff;
    font-size: .24rem;
    color: rgba(255, 255, 255, 1);
    line-height: .32rem;
    top: .2rem;
    left: .2rem;
}

.dp-company-wrap {
    margin-top: 1rem;
    background: rgba(247, 247, 247, 1);
}

.dp-company-wrap .topimg {
    width: 100%;
}

.dp-company-wrap .liucheng {
    padding: .56rem .4rem;
    background: #fff;
    width: 7.48rem;
}

.dp-company-form {
    padding: .6rem;
    margin-top: .2rem;
    background: #fff;
}

.dp-company-form .form-input {
    position: relative;
    margin-bottom: .4rem;
    overflow: hidden;
}

.dp-company-form .form-input label {
    display: inline-block;
    vertical-align: top;
    font-size: .32rem;
    color: #333333;
    line-height: .88rem;

}

.dp-company-form .form-input label span {
    color: rgba(255, 119, 119, 1);
}

.dp-company-form .form-input input,
.dp-company-form .form-input textarea {
    margin-left: .08rem;
    width: 5.44rem;
    display: inline-block;
    height: .88rem;
    border-radius: 2px;
    background: #fff;
    padding-left: .3rem;
    resize: unset;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: none;
    float: right;
    border: 1px solid rgba(240, 240, 240, 1);
}

.dp-company-form .form-input textarea {
    height: 2rem;
}

.dp-company-form .form-input.code a {
    position: absolute;
    font-size: .28rem;
    color: rgba(6, 193, 174, 1);
    line-height: .28rem;
    right: .4rem;
    top: .3rem;
}

.dp-company-form .save {
    outline: none;
    appearance: none;
    border: none;
    width: 2.4rem;
    height: .88rem;
    line-height: .88rem;
    background: rgba(6, 193, 174, 1);
    border-radius: .1rem;
    font-size: .28rem;
    color: rgba(255, 255, 255, 1);
    margin-left: 1.68rem;
}

.dp-company-result {
    text-align: center;
    padding: .6rem;
    background: #fff;
}

.dp-company-result img {
    width: 1rem;
    height: 1rem;
}

.dp-company-result h2 {
    font-size: .48rem;
    color: rgba(68, 68, 68, 1);
    margin-top: .35rem;
}

.dp-company-result p {
    font-size: .28rem;
    color: rgba(136, 136, 136, 1);
    line-height: .5rem;
    margin-top: .4rem;
}

.dp-company-result a {
    color: #06C1AE;
}

.dp-company-result .toindex {
    display: block;
    margin-top: .8rem;
    width: 100%;
    line-height: .88rem;
    height: .88rem;
    border-radius: .08rem;
    font-size: .32rem;
    border: 1px solid rgba(6, 193, 174, 1);
}

.modal-dp-company>div {
    width: 6.8rem;
    text-align: center;
    overflow: hidden;
}

.modal-dp-company h3 {
    height: 1.14rem;
    background: rgba(250, 250, 250, 1);
    font-size: .32rem;
    color: rgba(102, 102, 102, 1);
    line-height: 1.14rem;
}

.modal-dp-company p {
    margin: .6rem;
    line-height: 0.5rem;
}

.modal-dp-company p a {
    color: #06C1AE;
}

.modal-dp-company .know {
    display: block;
    width: 2.4rem;
    height: .8rem;
    background: rgba(6, 193, 174, 1);
    border-radius: .08rem;
    line-height: .8rem;
    margin: 0 auto .8rem;
    font-size: .28rem;
    color: rgba(255, 255, 255, 1);

}

.bank-wrapper {
    background: rgba(255, 255, 255, 1);
    padding: 1.8rem .4rem .4rem;
}

.bank-wrapper .tagp {
    font-size: .32rem;
    color: rgba(51, 51, 51, 1);
    line-height: .32rem;
}

.bank-wrapper .tagp span {
    color: #FFB02D;
}

.bank-wrapper .bankinfo {
    margin: .4rem 0 .8rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px .6rem 0px rgba(0, 0, 0, 0.08);
    border-radius: .1rem;
    padding: .4rem;
}

.bank-wrapper .bankinfo .li {
    font-size: .28rem;
    line-height: .4rem;
    margin-bottom: .4rem;
    border-bottom: 1px solid rgba(242, 242, 242, 1);
}

.bank-wrapper .li .top {
    color: rgba(136, 136, 136, 1);
}

.bank-wrapper .li .bot {
    color: rgba(68, 68, 68, 1);
    font-weight: bold;
    margin: .08rem 0 .4rem;
}

.bank-wrapper .des {
    font-size: .28rem;
    color: rgba(255, 148, 2, 1);
    line-height: .4rem;
    font-weight: bold;
}

.bank-wrapper .payed {
    display: block;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    background: rgba(6, 193, 174, 1);
    border-radius: .06rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 1);
    margin-top: .4rem;
}

.bank-wrapper .bg-gray {
    background: rgba(199, 199, 199, 1);
}

.bank-wrapper .question {
    margin-top: 1rem;
    text-align: center;
    font-size: .28rem;
    color: rgba(102, 102, 102, 1);
    line-height: .6rem;
}


.zero-wrap-img {
    font-size: 0;
    margin-top: 1rem;
}

.zero-wrap-img img {
    width: 100%;
    vertical-align: top;
}

.zero-wrap-img>img {
    pointer-events: none;
}

.modal-zero>div {
    width: 6.68rem;
    height: 7.48rem;
    background: #fff;
    text-align: center;
    padding: .6rem;
}

.modal-zero .title {
    font-size: .48rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: .48rem;
    padding: 0 0 .6rem;
}

.modal-zero .form-input {
    width: 100%;
    height: 1rem;
    background: rgba(245, 245, 245, 1);
    border-radius: .1rem;
    margin-bottom: .4rem;
    font-size: .32rem;
    position: relative;
}

.modal-zero .form-input label {
    display: inline-block;
    width: 1.28rem;
    color: rgba(182, 182, 182, 1);
    margin-left: .1rem;
}

.modal-zero .form-input input {
    display: inline-block;
    width: 3.86rem;
    border: 0;
    background: rgba(245, 245, 245, 1);
    padding-left: 0;
    outline: none;
}

.modal-zero .form-input .getcode {
    font-size: .32rem;
    color: rgba(6, 193, 174, 1);
    line-height: 1rem;
    position: absolute;
    top: 0;
    right: .3rem;
}

.modal-zero .form-input.code input {
    padding-right: 2.5rem;
}

.modal-zero .btn {
    outline: none;
    border: none !important;
    appearance: none;
    border-radius: .1rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 1);
}

.iknow-iknow>div {
    width: 7.4rem;
    height: auto;
}

.iknow-iknow .iknow {
    height: 1rem;
    color: #06C1AE;
    font-size: .36rem;
    line-height: 1rem;
    border-top: 1px solid #F0F0F0
}

.iknow-iknow .word {
    margin: .6rem;
    font-size: .36rem;
    color: rgba(68, 68, 68, 1);
    line-height: .5rem;
}

.center_tool.new ul li {
    width: 33.3333%;
}

.offset-ticket {
    background: rgba(240, 240, 240, 1);
    padding-top: .4rem;
    height: 94vh;
}

.offset-ticket .list {
    width: 7.48rem;
    margin: 0 auto;
}

.offset-ticket .list li {
    width: 100%;
    margin-bottom: .4rem;
    height: 2.14rem;
    background: url(./images/juan.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    color: #fff;
}

.offset-ticket .list li .left {
    width: 2.04rem;
    box-sizing: border-box;
    padding-left: .52rem;
    padding-top: .56rem;
}

.offset-ticket .list .left .top {
    font-size: .48rem;
    font-family: DIN-Bold;
}

.offset-ticket .list .left .top span {
    font-size: .28rem;
}

.offset-ticket .list .left .bot {
    margin-top: .08rem;
    font-size: .28rem;
    line-height: .4rem;
    letter-spacing: 0.022rem;
}

.offset-ticket .list .right {
    flex: 1;
    padding-left: .54rem;
    padding-top: .38rem;
}

.offset-ticket .list .right .top {
    font-size: .4rem;
    font-weight: bold;
    line-height: .56rem;
}

.offset-ticket .list .right .bot {
    font-size: .28rem;
    line-height: .4rem;
    margin-top: .12rem;
}

.offset-ticket .list .used,
.offset-ticket .list .overdue {
    background: url(./images/juan2.png) no-repeat;
    background-size: 100% 100%;
    color: rgba(187, 187, 187, 1);
}

.offset-ticket .list .used .right {
    background: url(./images/yishiyong.png) no-repeat top right;
    background-size: 1.4rem 1.4srem;
}

.offset-ticket .list .overdue .right {
    background: url(./images/yiguoqi.png) no-repeat top right;
    background-size: 1.4rem 1.4srem;
}

.pay-list-wrapper {
    background: #fff;
    padding-top: .6rem;
}

.pay-list-wrapper .list {
    position: relative;
    margin: 0 .4rem .6rem;
    font-size: .32rem;
    color: rgba(51, 51, 51, 1);
    line-height: .32rem;
}

.pay-list-wrapper .right {
    position: absolute;
    right: 0;
    top: 0;
}

.pay-list-wrapper .list.dixian .have,
.pay-list-wrapper .list.dixian .none {
    display: flex;
}

.pay-list-wrapper .list.dixian .have span {
    color: #FF6262;
    font-size: .32rem;
    font-weight: bold;
    line-height: .32rem;
}

.pay-list-wrapper .list.dixian .have .count {
    width: .52rem;
    height: .28rem;
    line-height: .28rem;
    text-align: center;
    background: rgba(255, 233, 233, 1);
    border-radius: .04rem;
    font-size: .24rem;
    margin-right: .26rem;
    font-weight: normal;
}

.pay-list-wrapper .list.dixian .none .link {
    font-size: .32rem;
    color: #FF6262;
    line-height: .32rem;
}

.pay-list-wrapper .list.dixian .none .t {
    font-size: .32rem;
    color: rgba(205, 205, 205, 1);
    line-height: .32rem;
}

.pay-list-wrapper .list.dixian .none .count {
    width: .52rem;
    height: .28rem;
    line-height: .28rem;
    text-align: center;
    background: rgba(205, 205, 205, 1);
    border-radius: .04rem;
    font-size: .24rem;
    margin-right: .26rem;
    color: #fff;
}

.modal-kefuwx>Div {
    width: 6.28rem;
    height: 8.2rem;
}

.modal-kefuwx .title {
    font-size: .4rem;
    font-weight: bold;
    color: rgba(85, 85, 85, 1);
    line-height: .4rem;
    margin: .8rem 0 .28rem;
}

.modal-kefuwx .question {
    font-size: .28rem;
    color: rgba(160, 160, 160, 1);
    line-height: .28rem;
    margin-bottom: .64rem;
}

.modal-kefuwx .wxcode {
    width: 3.4rem;
    height: 3.4rem;
    padding: .3rem;
    background: rgba(241, 241, 241, 1);
    border-radius: .2rem;
    margin-bottom: .4rem;
}

.modal-kefuwx .wxnumber {
    font-size: .28rem;
    color: rgba(102, 102, 102, 1);
    line-height: .46rem;
}

.scrollright {
    position: fixed;
    right: .4rem;
    bottom: 2rem;
    width: 1.48rem;
    height: 1.44rem;
    background: url('./images/kefu.png') no-repeat;
    background-size: 100% 100%;
    z-index: 100;
}

.modal-untie-wx>div {
    width: 6.28rem;
    height: 5.24rem;
}

.modal-untie-wx .username {
    font-size: .4rem;
    font-weight: bold;
    color: rgba(85, 85, 85, 1);
    line-height: .4rem;
    margin-top: 1rem;
    margin-bottom: .6rem;
}

.modal-untie-wx .code-input {
    position: relative;
    width: 5.48rem;
    font-size: .32rem;
    margin: 0 auto;
}

.modal-untie-wx .code-input .code {
    width: 100%;
    height: .92rem;
    border-radius: .46rem;
    border: .02rem solid #E7E7E7;
    background: #fff;
    padding: 0 3rem 0 .3rem !important;
    box-sizing: border-box;
}

.modal-untie-wx .code-input .getCode,
.modal-untie-wx .code-input .time {
    position: absolute;
    right: .3rem;
    line-height: .92rem;
    top: 0;
    color: rgba(255, 126, 126, 1);
}

.modal-untie-wx .code-input .time {
    color: #999
}

.modal-untie-wx .btn {
    width: 5.48rem;
    height: .92rem;
    background: rgba(255, 103, 103, 1);
    border-radius: .46rem;
    line-height: .46rem;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    border: none;
    outline: none;
    margin-top: .4rem;
}

.daipai-package .btn-box {
    position: relative;
}

.daipai-package .btn-box .prom {
    position: absolute;
    top: 100%;
    height: 1rem;
    width: 7.48rem;
    background: rgba(0, 0, 0, .8);
    border-radius: .08rem;
    z-index: 10;
    margin-top: .2rem;
    color: #fff;
    text-align: left;
    line-height: 1rem;
    padding-left: .4rem;
}

.daipai-package .btn-box .prom::before {
    border: .11rem solid transparent;
    border-bottom-color: rgba(0, 0, 0, .8);
    position: absolute;
    content: "";
    bottom: 100%;
    left: 50%;
    margin-left: -.11rem;
    margin-top: -.11rem;
}

.daipai-package .btn-box .gb {
    position: absolute;
    right: .4rem;
    top: 0;
    font-size: .28rem;
    color: rgba(255, 165, 96, 1);
}

.guanzhu-box .guanz {
    width: 1.64rem;
    height: .6rem;
    border-radius: .3rem;
    border: .02rem solid #06C1AE;
    text-align: center;
    line-height: .6rem;
    top: .4rem;
}

.index-gf {
    text-align: center;
    padding: .58rem 0 .4rem;
    overflow: hidden;
}

.swiper-containergf {
    padding-left: .33rem;
}

.swiper-containergf .swiper-slide {
    height: 3.97rem;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: .1rem;
}

.swiper-containergf .swiper-slide .name {
    margin-top: .52rem;
    margin-bottom: .24rem;
    font-size: .24rem;
    font-weight: 400;
    color: #C2C2C2;
    line-height: .24rem;
}

.swiper-containergf .swiper-slide .price {
    font-size: .36rem;
    font-weight: bold;
    color: #C2C2C2;
    line-height: .4rem;
    margin-bottom: .36rem;
}

.swiper-containergf .swiper-slide .pf {
    font-size: .28rem;
    font-weight: 400;
    color: #C2C2C2;
    line-height: .32rem;
    margin-bottom: .56rem;
}

.swiper-containergf .swiper-slide a {
    display: inline-block;
    width: 2rem;
    height: .68rem;
    border-radius: .1rem;
    border: .02rem solid rgba(240, 240, 240, 1);
    line-height: .68rem;
    font-size: .24rem;
    font-weight: 400;
    color: #C2C2C2;
}

/* .swiper-containergf .swiper-slide-active {
    transition: transform .8s;
    transform: scale(1.1);
    box-shadow: 0px 0px .6rem 0px rgba(0, 0, 0, 0.08);
} */
.swiper-containergf .swiper-slide {
    box-shadow: 0px 0px .6rem 0px rgba(0, 0, 0, 0.08);
}

/* .swiper-containergf .swiper-slide-active .name {
    color: #999;
}

.swiper-containergf .swiper-slide-active .price {
    color: #444;
}

.swiper-containergf .swiper-slide-active .pf {
    color: #666;
}

.swiper-containergf .swiper-slide-active a {
    border-color: #06C1AE;
    color: #06C1AE;
} */

.index-gf .link-dkxd {
    display: block;
    margin: .7rem auto 0;
    width: 5.16rem;
    height: 1rem;
    background: linear-gradient(225deg, rgba(3, 197, 180, 1) 0%, rgba(4, 197, 175, 1) 100%);
    border-radius: .1rem;
    line-height: 1rem;
    font-size: .35rem;
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
    text-align: center;
}

.index-gf .link-dkxd p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-gf .link-dkxd .left {
    width: 0.4rem;
    height: 0.4rem;
}

.index-gf .link-dkxd .right {
    width: 0.38rem;
    height: 0.22rem;
}

.index-gf .link-dkxd p span {
    margin: 0 .15rem 0 .18rem;
}

/* .index-gf .link-dkxd span {
    font-size: .32rem;
    color: rgba(6, 193, 174, 1);
    background: url(./images/gengduo.png) no-repeat right center;
    padding-right: .35rem;
    background-size: .3rem .24rem;
} */

.paishou-wrapper .team-menu {
    height: .92rem;
    background: rgba(255, 255, 255, 1);
    padding-left: .58rem;
    position: relative;
    line-height: .92rem;
    font-size: .32rem;
    color: rgba(68, 68, 68, 1);
    border-bottom: 1Px solid rgba(240, 240, 240, 1);
    margin-bottom: -.2rem;
}

.paishou-wrapper .team-menu::before {
    position: absolute;
    content: "";
    width: .08rem;
    height: .3rem;
    background: rgba(7, 195, 174, 1);
    border-radius: .06rem;
    left: .4rem;
    top: .32rem;
}

.gf-flow-bottom .weituo {
    width: 100% !important;
}

.gf-detail-img {
    margin-top: .2rem
}

.gf-detail-img img {
    width: 100%;
}

.share-draw {
    padding:.33rem;
}

.share-draw .swiper-container {
    width: 100%;
    height: 1.32rem;
}

.share-draw .swiper-container .swiper-slide {
    height: 1.32rem;
    border-radius: .95rem;
    overflow: hidden;
}

.modal-share-draw>div {
    width: 7.07rem;
    height: 9.49rem;
    background: transparent url(../images/draw/fxbj@2x.png) no-repeat center;
    transform: translate(0, 0);
    background-size: 100% 100%;
    text-align: center;
    margin: -4.745rem -3.535rem;
}

/* .invatation {
    background-image: url(../images/hongbao.png) !important;
    background-size: .58rem .67rem;
    background-position: left .35rem center;
    background-repeat: no-repeat;
} */
.singin {
    position: absolute;
    right: 0;
    top: 2.54rem;
    padding: 0 .33rem 0 .23rem;
    background: #7B9DF9;
    border-radius: .26rem 0px 0px .26rem;
    height: .53rem;
    line-height: .53rem;
    font-weight: bold;
}

.modal-share-draw .des {
    font-size: .31rem;
    color: rgba(255, 255, 255, 1);
    margin-top: 1.56rem;
}

.modal-share-draw .lottery {
    width: 5.94rem;
    margin: .56rem auto 0;
}

.modal-share-draw .lottery li {
    margin-bottom: .15rem;
    height: 1.4rem;
}

.modal-share-draw .lottery li>div {
    width: 1.88rem;
    margin-right: .15rem;
    height: 100%;
    float: left;
    background: url(../images/draw/an@2x.png) no-repeat center;
    background-size: 100% 100%;
    padding: .23rem;
}

.modal-share-draw .lottery li>div img {
    width: auto;
    height: .89rem;
}

.modal-share-draw .lottery li>div:last-child {
    margin-right: 0;
}

.modal-share-draw .lottery li>div.btnbox {
    background: url(../images/draw/liang@2x.png) no-repeat center;
    background-size: 100% 100%;
    padding: 0;
}

.modal-share-draw .lottery li>div.btnbox img {
    width: 100%;
    height: 100%;
}

.modal-share-draw .lottery li>div.active {
    background-image: url(../images/draw/liang@2x.png);
}

.modal-share-draw .link {
    position: absolute;
    display: block;
    bottom: .55rem;
    width: 5.94rem;
    height: 1.04rem;
    left: 50%;
    margin-left: -2.97rem;
    background: rgba(255, 249, 81, 1);
    box-shadow: 0px .18rem .22rem 0px rgba(199, 18, 23, 0.3);
    border-radius: .52rem;
    line-height: 1.04rem;
    font-size: .44rem;
    font-weight: bold;
    color: rgba(255, 70, 70, 1);
}

.modal-share-draw .draw-result {
    width: 3.69rem;
    height: 3.09rem;
    margin: 1.28rem auto 0;
    text-align: center;
    background: url(../images/draw/jiang@2x.png) no-repeat center;
    background-size: 100% 100%;
    color: #fff
}

.modal-share-draw .draw-result .draw-title {
    padding-top: 1.46rem;
    font-size: .40rem;
    font-weight: bold;
    color: rgba(254, 254, 254, 1);
    text-shadow: 0px .03rem 0px rgba(0, 0, 0, 0.05);
}

.modal-share-draw .draw-result .draw-title span {
    font-size: .95rem;
    line-height: 100%
}

.modal-share-draw .draw-result .text {
    font-size: .25rem;
    color: rgba(255, 253, 255, 1);
    text-shadow: 0px .03rem 0px rgba(0, 0, 0, 0.05);
}

.modal-todo-wx>div {
    width: 6.28rem;
    padding: .8rem .9rem;
    text-align: center;
}

.modal-todo-wx h3 {
    font-size: .4rem;
    font-weight: bold;
    color: rgba(85, 85, 85, 1);
    line-height: 40px;
}

.modal-todo-wx .des {
    font-size: .28rem;
    color: rgba(160, 160, 160, 1);
    line-height: .28rem;
    margin: .28rem 0 .64rem;
}

.modal-todo-wx .code {
    width: 4rem;
    height: 4rem;
    padding: .26rem;
    background: rgba(241, 241, 241, 1);
    border-radius: .2rem;
}

.modal-todo-wx .text {
    font-size: .28rem;
    color: rgba(102, 102, 102, 1);
    line-height: .46rem;
    margin-top: .4rem;
}

.double-wrap {}

.double-wrap .tc-wrap {
    background: #fff;
    margin-bottom: .2rem;
    padding: .8rem .4rem;
}

.double-wrap .tc-wrap .title {
    font-size: .36rem;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: .36rem;
    position: relative;
    margin-bottom: .6rem;
}

.double-wrap .tc-wrap .title span {
    position: absolute;
    line-height: .36rem;
    display: inline-block;
    width: 50%;
    left: 50%;
    top: 0;
    font-weight: normal;
    font-size: .28rem;
    color: rgba(153, 153, 153, 1);
}

.double-wrap .tc-wrap .box {
    width: 50%;
    float: left;
}

.double-wrap .tc-wrap .box .top {
    font-size: .24rem;
    color: rgba(153, 153, 153, 1);
    line-height: 1;
    margin-bottom: .12rem;
}

.double-wrap .tc-wrap .box .bot {
    font-size: .36rem;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
}

.doubletc-des {
    background: #fff;
    padding: .6rem .4rem;
    margin-bottom: .2rem;
}

.doubletc-des h4,
.double-wrap .double-form h4 {
    font-size: .32rem;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 1;
    margin-bottom: .2rem;
}

.double-wrap .double-form h4 {
    margin-bottom: .6rem
}

.doubletc-des p {
    font-size: .28rem;
    color: rgba(68, 68, 68, 1);
    line-height: .6rem;
}

.doubletc-des p .ellipsis {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 1.3rem);
    overflow: hidden;
    text-overflow: ellipsis;
    height: .6rem;
    white-space: nowrap;
}

.doubletc-des p .viewmore {
    white-space: nowrap;
    margin-left: .1rem;
    color: #06C1AE;
}

.double-wrap .double-form {
    padding: .6rem .4rem;
    background: #fff;
}

.double-wrap .double-form select {
    width: 100%;
    height: .88rem;
    border-radius: .06rem;
    border: 1PX solid rgba(231, 231, 231, 1);
    padding-left: .3rem;
    color: rgba(68, 68, 68, 1);
    margin-bottom: .6rem;
}

.double-wrap .double-form .box {
    margin-bottom: .6rem;
}

.double-wrap .double-form .upload {
    width: 3.6rem;
    overflow: hidden;
    float: left;
}

.double-wrap .double-form .rightImg {
    width: 3.6rem;
    overflow: hidden;
    float: left;
    margin-left: .28rem;
}

.double-wrap .double-form .rightImg img {
    display: block;
    width: 3.6rem;
    height: 2.56rem;
}

.double-wrap .double-form .imgbox {
    width: 100%;
    height: 2.56rem;
    border-radius: .1rem;
    border: 1PX solid rgba(237, 237, 237, 1);
    position: relative;
    background: #fff url("../images/schuan.png") no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}

.double-wrap .double-form .imgbox label {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: transparent;
}

.double-wrap .double-form .imgbox .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff url("../images/loading_task.gif") no-repeat center;
    background-size: 1rem 1rem;
    z-index: 4;
    display: none;
}

.double-wrap .double-form .imgbox .img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}

.double-wrap .double-form .textbox {
    margin-top: .24rem;
    text-align: center;
}

.double-wrap .double-form .box .text {
    font-size: .28rem;
    color: rgba(102, 102, 102, 1);
    line-height: 1;
    text-align: center;
}

.double-wrap .double-form .textbox label {
    color: rgba(210, 210, 210, 1);
    background: url("./images/cchuan.png") no-repeat left center;
    background-size: .24rem .24rem;
    padding-left: .34rem;
    display: none;
}

.double-wrap .double-form .rightImg .text {
    margin-top: .24rem;
}

.double-wrap .double-form .save {
    display: block;
    text-align: center;
    line-height: 1rem;
    width: 100%;
    height: 1rem;
    border-radius: .5rem;
    background: rgba(6, 193, 174, 1);
    font-size: .32rem;
    color: rgba(255, 255, 255, 1);
    margin-top: 1rem;
}

.modal-maxImg {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4rem;
}

.modal-maxImg img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 80%;
}

.index-order-wrap.business {
    padding-bottom: 0;
}

.index-order-wrap.business,
.index-order-wrap.business .box {
    margin-top: 0;
}

.footer-menu.business li {
    width: 50%
}

.footer-menu.business li.curr a::after {
    width: .6rem;
    height: .06rem;
    left: 50%;
    margin-left: -.3rem;
}

.index-order-wrap.business .order-list .title {
    font-size: .28rem;
}

.index-order-wrap.business .order-list .content {
    color: #444;
    font-weight: 600;
    margin-top: .12rem;
}

.index-order-wrap.business li.release-task {
    height: 2rem;
}

.index-order-wrap.business li.release-task a {
    height: 2rem;
    background: #fff;
    /* background: url(./images/shaung@2x.png) no-repeat;
    background-size: 100% 100%; */
}

.release-task {}

.swiper-containers {
    width: 100%;
    height: 2rem;
    overflow: hidden;
    /* background: url(./images/shaung@2x.png) no-repeat;
    background-size: 100% 100%; */
}

.swiper-containers .swiper-slide,
.swiper-containers .swiper-slide img {
    width: 100%;
    height: 100%;
}

.is-bring-bs {
    margin-bottom: .6rem;
    margin-top: .6rem;
}

.is-bring-bs .check {
    text-align: center;
    line-height: .88rem;
    width: 3.6rem;
    height: 0.88rem;
    border-radius: .06rem;
    border: .02rem solid rgba(237, 237, 237, 1);
    font-size: .28rem;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    float: left;
}

.is-bring-bs .check:first-child {
    margin-right: .28rem;
}

.is-bring-bs .check.curr {
    border-color: #06C1AE;
    color: #06C1AE;
    background: url(./images/xuanzhong2@2x.png) no-repeat right top;
    background-size: .44rem .44rem;
}

.bs_type_form {}

.bs_type_form select,
.bs_type_form input {
    width: 100%;
    height: .88rem;
    font-size: .28rem;
    color: rgba(68, 68, 68, 1);
    border: .02rem solid rgba(231, 231, 231, 1);
    border-radius: .06rem;
    margin-bottom: .6rem;
    background: #fff;
    padding-left: .3rem;
}

.bs_type_form input::placeholder {
    color: rgba(200, 200, 200, 1);
}

.replace-wrapper .info {
    background: #fff;
    padding-top: .1rem;
    padding-left: .4rem;
}

.replace-wrapper .info .item {
    margin-top: .5rem;
    border-bottom: 1px solid #F2F2F2;
    position: relative;
    font-size: 0.32rem;
    line-height: 0.32rem;
    padding-bottom: .4rem;
}

.replace-wrapper .item .name {
    color: rgba(153, 153, 153, 1);
    height: 0.32rem;
}

.replace-wrapper .item .right {
    position: absolute;
    right: .4rem;
    height: 0.32rem;
    color: rgba(68, 68, 68, 1);
    top: 0;
}

.replace-wrapper .item .right .view-contract {
    display: inline-block;
    background: url(./images/chakanhetong.png) no-repeat right;
    background-size: .13rem .26rem;
    padding-right: .2rem;
}

.replace-wrapper .next {
    display: block;
    width: 6.28rem;
    height: .9rem;
    background: rgba(6, 193, 174, 1);
    border-radius: .45rem;
    text-align: center;
    line-height: .9rem;
    color: #fff;
    font-size: .36rem;
    margin: 1.8rem auto 0;
}

.vehicle-service {
    background: #fff;
}

.vehicle-service .bannerimg {
    width: 100%;
    margin-top: 1rem;
}

.vehicle-service .img-title-text {
    display: flex;
    padding: .36rem .4rem .36rem .4rem;
    border-bottom: .02rem solid rgba(245, 245, 245, 1);
}

.img-title-text .img {
    width: .68rem;
    margin-right: 0.32rem;
    height: .74rem;
}

.img-title-text .title-text {
    flex: 0 0 1;
}

.img-title-text .title-text .title {
    font-size: .32rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: .38rem;
    margin-bottom: .06rem;
}

.img-title-text .title-text .text {
    font-size: .28rem;
    font-weight: 500;
    color: rgba(102, 102, 102, 1);
    line-height: .38rem;
}

.vehicle-service .top-wrap .box {
    display: flex;
}

.vehicle-service .top-wrap .box .img-title-text.bor {
    border-right: .02rem solid rgba(245, 245, 245, 1);
    width: 3.8rem;
    padding-right: .24rem;
}

.vehicle-service .top-wrap .box .img-title-text.ri {
    width: 4.62rem;
}

.vehicle-service .top-wrap .notice {
    height: 1.08rem;
    line-height: 1.08rem;
    text-align: center;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(210, 175, 103, 1);
}

.vehicle-service .top-wrap .notice span {
    display: inline-block;
    background: url(./images/information_icon@2x.png) no-repeat top .34rem left;
    background-size: .36rem .36rem;
    padding-left: 0.56rem;
}

.green-title {
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: left;
    padding: 0 .4rem 0 .76rem;
    position: relative;
    font-size: .32rem;
    font-weight: 500;
    color: rgba(102, 102, 102, 1);
}

.green-title::before {
    content: "";
    width: 0.08rem;
    height: 0.32rem;
    ;
    background: rgba(7, 195, 174, 1);
    left: .4rem;
    position: absolute;
    margin-top: 0.36rem;
}

.green-title.bor {
    border-bottom: .01rem solid rgba(238, 238, 238, 1);
}

.vehicle-form {
    padding: .4rem;
}

.vehicle-form .form-box {
    width: 100%;
    line-height: .88rem;
    border-radius: .1rem;
    background: #fff;
    margin-bottom: .4rem;
    position: relative;
}

.vehicle-form select,
.vehicle-form input,
.vehicle-form textarea {
    width: 100%;
    height: .88rem;
    background: #fff;
    border: 1px solid #ddd !important;
    outline: none;
    padding-left: 0.32rem;
    font-size: .32rem;
    border-radius: .1rem;
    line-height: 1;
    resize: unset;
    color: #666666;
}

.vehicle-form select::placeholder,
.vehicle-form input::placeholder,
.vehicle-form textarea::placeholder {
    color: #C5C5C5;
}

.vehicle-form textarea {
    padding: .2rem .4rem;
    line-height: 1.2;
    height: 2.96rem;
}

.vehicle-form select {
    background: url(./images/Triangle_form@2x.png) no-repeat top .38rem right .32rem;
    background-size: .24rem .16rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.vehicle-form .codebox input {
    width: 4.6rem;
}

.vehicle-form .codebox .getCode {
    width: 2.76rem;
    height: .88rem;
    float: right;
    border-radius: .1rem;
    border: .02rem solid rgba(7, 195, 174, 1);
    text-align: center;
    font-size: .32rem;
    color: rgba(7, 195, 175, 1);
}

.vehicle-form .form-box.des {
    height: 2.96rem;
}

.vehicle-form .form-box .count {
    position: absolute;
    bottom: .28rem;
    right: .28rem;
    font-size: .24rem;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: .24rem;
    height: .24rem;
}

.vehicle-form .submit-box {
    width: 100%;
    height: 1rem;
    background: rgba(7, 195, 174, 1);
    border-radius: .63rem;
    text-align: center;
    font-size: .32rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 1rem;
}

.vehicle-service .liucheng {
    padding: .52rem;
}

.vehicle-service .bot-wrap {
    background: #f7f7f7;
    padding-top: .16rem;
    padding-bottom: .46rem;
}

.vehicle-service .bot-wrap .text {
    padding: 0 .4rem;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .38rem;
    padding-bottom: .3rem;
}

.img-title {
    height: .36rem;
    font-size: .32rem;
    font-weight: bold;
    color: rgba(102, 102, 102, 1);
    line-height: .36rem;
    text-align: left;
    position: relative;
    padding-left: .62rem;
}

.img-title::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: .32rem;
    height: 0.36rem;
    background: url(../images/taocan_icon_homepage@2x.png) no-repeat;
    background-size: 100% 100%;
}

.index-gf .img-title {
    margin: 0 .4rem .62rem;
}

.index-gf .img-title .c-green {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding-right: .57rem;
    font-weight: normal;
}

.index-gf .img-title .c-green::before {
    position: absolute;
    content: "";
    right: 0;
    top: .07rem;
    width: 0.33rem;
    height: 0.2rem;
    background: url(./images/gengduo.png) no-repeat;
    background-size: 100% 100%;
}

.paishou-wrapper .title-wrap {
    background: #f7f7f7;
    padding-bottom: .26rem;
}

.paishou-wrapper .img-title {
    margin: 0 .4rem;
}

.paishou-wrapper .img-title::before {
    width: .34rem;
    height: .34rem;
    background-image: url(../images/team_icon_homepage@2x.png);
}

.double-tap {
    background: #F5FFFE url(../images/rectangle@2x.png) no-repeat bottom right -.66rem;
    background-size: 4.47rem 5.71rem;
    padding: 1.04rem 0 .44rem;
    margin: .76rem .3rem 0;
    box-shadow: 0px 0px .6rem 0px rgba(0, 0, 0, 0.08);
    border-radius: .1rem;
    position: relative;
    font-size: .35rem;
    text-align: center;
}

.double-tap .icon {
    position: absolute;
    width: 1.17rem;
    height: 1.15rem;
    left: 50%;
    margin-left: -.585rem;
    top: -0.46rem;
}

.double-tap .text1 {
    font-size: .4rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
}

.double-tap .text2 {
    display: inline-block;
    margin: .2rem auto .49rem;
    position: relative;
    font-size: .44rem;
    font-weight: bold;
    color: rgba(210, 103, 103, 1);
    line-height: 1;
}

.double-tap .text2::after {
    position: absolute;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 0.18rem;
    background: #D26767;
    opacity: .2;
}

.double-tap .link {
    width: 4.24rem;
    height: .97rem;
    background: #03C5B3;
    border-radius: .1rem;
    text-align: center;
    line-height: .97rem;
    font-size: .35rem;
    color: rgba(255, 255, 255, 1);
    margin-top: .08rem;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.double-tap .link img {
    width: 0.38rem;
    height: 0.22rem;
    margin-left: 0.18rem;
}

.double-tap .d-img-text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.44rem;
}

.double-tap .d-img-text .left {
    width: 0.33rem;
    height: 0.33rem;
}

.double-tap .d-img-text span {
    font-size: .35rem;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
    margin: 0 .18rem;
}

.double-tap .d-img-text .right {
    width: 0.42rem;
    height: 0.49rem;
}

.double-tap .d-img-text .text2 {
    font-size: .35rem;
    margin: 0 .18rem;
    color: #D26767;
}

.double-tap .d-img-text .text::after {
    height: 0.11rem;
}

.c-orange-gray {
    color: #D2AF67;
}

.share-draw .swiper-slide img {
    width: 100%;
    height: 100%;
}

.share-draw .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    background-color: #FFF;
    transition: width .3s;
    opacity: 1;
}

.share-draw .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    width: .2rem;
    border-radius: .1rem;
}

.has-prompt {
    position: relative;
}

.prompt-wrap {
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 100%;
    background: rgba(68, 68, 68, 1);
    border-radius: .08rem;
    padding: .2rem .4rem;
    z-index: 100;
    text-align: left;
}

.prompt-wrap::before {
    position: absolute;
    content: "";
    border: .22rem solid transparent;
    left: 50%;
    top: -.40rem;
    margin-left: -.11rem;
    border-bottom-color: rgba(68, 68, 68, 1);
    border-left: .16rem solid transparent;
    border-right: .16rem solid transparent;
}

.prompt-wrap .text {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1) !important;
    line-height: .42rem;
    text-align: left !important;
}

.prompt-wrap .close {
    height: .28rem;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(255, 199, 105, 1);
    line-height: .28rem;
    text-align: right;
}

.modal-pay-yh>div {
    width: 6.8rem;
}

.modal-pay-yh .img {
    width: 100%;
}

.modal-pay-yh .box {
    display: flex;
    justify-content: space-around;
    padding: .44rem 0;
}

.modal-pay-yh .box p {
    width: 2.72rem;
    height: 0.92rem;
    line-height: .92rem;
    background: rgba(240, 240, 240, 1);
    border-radius: .46rem;
    font-size: .32rem;
    color: rgba(153, 153, 153, 1);
    text-align: center;
}

.modal-pay-yh .box .save {
    background: #FF6767;
    color: #fff;
}

.modal-know>div {
    width: 6rem;
    padding: .56rem 0 .52rem;
    text-align: center;
    font-size: .28rem;
    box-sizing: border-box;
}

.modal-know .img {
    width: .7rem;
}

.modal-know .text {
    color: rgba(51, 51, 51, 1);
    line-height: .42rem;
    margin: .2rem 0 .18rem;
}

.modal-know .view {
    display: block;
    width: 2.2rem;
    height: .6rem;
    line-height: .6rem;
    background: rgba(240, 240, 240, 1);
    border-radius: .1rem;
    margin: 0 auto;
    color: #999999;
}

.create-order-wrap {}

.create-order-wrap .top-box {
    padding: .88rem .34rem .4rem;
    background: #fff;
}

.create-order-wrap .top-title {
    font-size: 0.4rem;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    margin-bottom: .66rem;
    line-height: .4rem;
}

.create-order-wrap .top-title .right-text {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(210, 175, 103, 1);
    float: right;
}

.create-order-wrap .taocan-info {
    display: flex;
}

.create-order-wrap .taocan-info .box {
    flex: 1;
}

.create-order-wrap .taocan-info .box:first-child {
    text-align: left;
    border-right: 1px solid #ECECEC
}

.create-order-wrap .taocan-info .box:nth-child(2) {
    text-align: center;
    border-right: 1px solid #ECECEC
}

.create-order-wrap .taocan-info .box:last-child {
    text-align: right;
}

.create-order-wrap .taocan-info .title {
    font-size: .26rem;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 1;
    margin-bottom: 0.13rem;
}

.create-order-wrap .taocan-info .text {
    font-size: .4rem;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
}

.create-order-wrap .create-form {
    padding: .53rem .33rem .7rem;
    background: #fff;
}

.create-order-wrap .blue-title {
    position: relative;
    height: 0.35rem;
    font-size: .35rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
    padding-left: .3rem;
}

.create-order-wrap .blue-title::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: .09rem;
    height: .35rem;
    background: rgba(6, 193, 174, 1);
}

.create-form .form-input {
    margin-top: 0.5rem;
    display: flex;
}

.create-form .form-input input {
    height: .97rem;
    border-radius: .07rem;
    border: .02rem solid rgba(231, 231, 231, 1);
    box-sizing: border-box;
    padding-left: 0.93rem;
    color: #333;
}

.create-form .form-input input::placeholder {
    color: #999
}

.create-form .form-input .card {
    background: url(./images/shenfenzheng@2x.png) no-repeat left .33rem center;
    background-size: .38rem .46rem;
}

.create-form .form-input .phone {
    background: url(./images/phone@2x.png) no-repeat left .33rem center;
    background-size: .38rem .46rem;
}

.create-form .form-input .code {
    background: url(./images/cardinput.png) no-repeat left .33rem center;
    background-size: .38rem .46rem;
}

.create-form .code-input input {
    width: 4.86rem;
}

.create-form .code-input {
    position: relative;
}

.create-form .code-input .text {
    position: absolute;
    font-size: .26rem;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 1;
    bottom: -.52rem;
    left: .33rem;
}

.create-form .code-input input {
    flex: 1;
}

.create-form .code-input .getcode {
    width: 2.63rem;
    height: 0.97rem;
    border-radius: .11rem;
    border: .02rem solid rgba(7, 195, 174, 1);
    box-sizing: border-box;
    line-height: .95rem;
    text-align: center;
    margin-left: .13rem;
    color: #07C3AE;
    font-size: 0.31rem;
}

.create-form .submit {
    height: 1.1rem;
    background: rgba(6, 193, 174, 1);
    border-radius: .7rem;
    text-align: center;
    line-height: 1.1rem;
    font-size: .35rem;
    color: #fff;
    margin-top: 0.88rem;
    margin-bottom: 0.55rem;
}

.create-form .xieyi {
    margin: 0 auto;
    font-size: .26rem;
    font-weight: 400;
    color: rgba(88, 88, 88, 1);
    line-height: 1.4;
    text-align: center;
}

.create-form .xieyi a {
    color: #06C1AE;
}

.modal-create-order-success>div {
    width: 6.62rem;
    background: rgba(255, 255, 255, 1);
    border-radius: .22rem;
    padding-top: .49rem;
}

.modal-create-order-success .title-box {
    text-align: center;
    font-size: 0;
    height: .4rem;
    margin-bottom: 0.44rem;
}

.modal-create-order-success .title-box span {
    display: inline-block;
    line-height: .4rem;
    vertical-align: middle;
}

.modal-create-order-success .title-box .left,
.modal-create-order-success .title-box .right {
    width: .5rem;
    height: .07rem;
    background: rgba(6, 193, 174, 1);
}

.modal-create-order-success .title-box .img {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 .2rem 0 .15rem;
}

.modal-create-order-success .title-box .text {
    font-size: .35rem;
    font-weight: 400;
    color: rgba(6, 193, 174, 1);
    line-height: .4rem;
    margin-right: .15rem;
}

.modal-create-order-success .bsinfo-text {
    margin-bottom: .44rem;
    text-align: left;
    margin-left: .70rem;
    margin-right: .7rem
}

.modal-create-order-success .bsinfo-text p {
    margin-bottom: .44rem;
}

.modal-create-order-success .bsinfo-text .title {
    font-size: .31rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 1;
}

.modal-create-order-success .bsinfo-text .text {
    font-size: .31rem;
    font-weight: 500;
    color: #666666;
    line-height: 1;
}

.modal-create-order-success .bsinfo-text .one-line {
    display: flex;
}

.modal-create-order-success .bsinfo-text .one-line p:first-child {
    flex: 1;
}

.modal-create-order-success .bsinfo-text .one-line p:last-child {
    flex: 0 0 1;
    text-align: right;
}

.modal-create-order-success .bsinfo-text .line {
    height: .02rem;
    margin-bottom: .44rem;
    background: rgba(241, 241, 241, 1);
}

.modal-create-order-success .bsinfo-text .bs-status .text {
    color: #D2AF67;
}

.modal-create-order-success .bsinfo-text .bs-status .text.success {
    color: #06C1AE;
}

.modal-create-order-success .bsinfo-text p.bs-status.count {
    margin-bottom: .31rem;
}

.modal-create-order-success .to-contract {
    display: block;
    height: .93rem;
    line-height: .93rem;
    background: rgba(6, 193, 174, 1);
    border-radius: .11rem;
    font-size: .35rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

.modal-create-order-success .to-contract.disabled {
    background: rgba(240, 240, 240, 1);
    color: #999
}

.modal-create-order-warning>div {
    width: 6.62rem;
    background: rgba(255, 255, 255, 1);
    border-radius: .22rem;
    padding-top: .49rem;
    padding-bottom: .49rem;
}

.modal-create-order-warning .title-box {
    text-align: center;
    font-size: 0;
    height: .4rem;
    margin-bottom: 0.44rem;
}

.modal-create-order-warning .title-box span {
    display: inline-block;
    line-height: .4rem;
    vertical-align: middle;
}

.modal-create-order-warning .title-box .left,
.modal-create-order-warning .title-box .right {
    width: .5rem;
    height: .07rem;
    background: #FF6767;
}

.modal-create-order-warning .title-box .img {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 .2rem 0 .15rem;
}

.modal-create-order-warning .title-box .text {
    font-size: .35rem;
    font-weight: 400;
    color: #FF6767;
    line-height: .4rem;
    margin-right: .15rem;
}

.modal-create-order-warning .false-text {
    margin: 0 .7rem;
    text-align: left;
}

.modal-create-order-warning .false-text .title {
    font-size: .31rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 0.18rem;
}

.modal-create-order-warning .false-text .text {
    font-size: .31rem;
    line-height: .5rem;
    font-weight: 400;
    margin-bottom: 0.44rem;
    color: rgba(102, 102, 102, 1);
}

.modal-create-order-warning .false-text .line {
    height: 1px;
    background: #F1F1F1;
    margin-bottom: 0.44rem;
}

.modal-create-order-warning .false-text .know {
    display: block;
    height: .93rem;
    line-height: .93rem;
    background: rgba(6, 193, 174, 1);
    border-radius: .11rem;
    font-size: .35rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

.modal-create-order-warning .false-text .err {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(255, 103, 103, 1);
    line-height: 1;
    margin-bottom: 0.44rem;
}

.modal-create-order-loading>div {
    width: 4.73rem;
    background: rgba(255, 255, 255, 1);
    border-radius: .22rem;
    padding: .62rem;
    box-sizing: border-box;
}

.modal-create-order-loading .img {
    width: 1.35rem;
    height: 1.35rem;
    margin-bottom: 0.5rem;
}

.modal-create-order-loading .text {
    font-size: .35rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 1;
}

.modal-add-bs>div {
    width: 7.1rem;
    background: rgba(255, 255, 255, 1);
    border-radius: .22rem;
    text-align: left;
    box-sizing: border-box;
    padding: .62rem .35rem .44rem;
}

.modal-add-bs .code-input .code {
    width: 3.62rem;
}

.modal-add-bs .create-form .submit {
    margin-top: .88rem;
    margin-bottom: .3rem
}

.double-add-form {
    padding: .5rem .3rem;
}

.double-add-form .blue-title {
    margin-bottom: .35rem;
}

.double-add-form .add-bs-box {
    margin-bottom: .18rem;
    background: #fff;
    border-radius: .2rem;
}

.double-add-form .add-bs-box .add-btn-box {
    padding: .68rem 0 .66rem;
    text-align: center;
}

.double-add-form .add-bs-box .add-btn-box img {
    width: 1.04rem;
    height: 1.08rem;
    margin-bottom: .44rem;
}

.double-add-form .add-bs-box .add-btn-box .text {
    font-size: .35rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 1;
}

.double-add-form .add-bs-box .add-btn-box .text span {
    color: #06C1AE;
}

.add-bs-box .info .top {
    display: flex;
    height: .86rem;
    border-bottom: 1px solid #F1F1F1;
    padding: 0 .35rem;
    font-size: .31rem;
    line-height: .86rem;
}

.add-bs-box .info .top img {
    width: 0.4rem;
    height: 0.42rem;
    margin-top: .22rem;
    margin-right: 0.13rem;
}

.add-bs-box .info .top .title {
    flex: 1;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.add-bs-box .info .top .status {
    color: rgba(210, 175, 103, 1);
}

.add-bs-box .info .box {
    padding: .46rem .35rem;
}

.add-bs-box .info .box .flexbox {
    display: flex;
    font-size: .31rem;
}

.add-bs-box .info .box .flexbox p {
    flex: 1;
}

.add-bs-box .info .box .p {
    margin-bottom: .44rem;
    font-size: .31rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 1;
}

.add-bs-box .info .box .p span {
    color: rgba(102, 102, 102, 1);
    font-weight: 400;
}

.add-bs-box .info .box .flexbox .showmore {
    flex: 1;
    line-height: .66rem;
}

.add-bs-box .info .box .flexbox .showmore img {
    width: 0.2rem;
    height: 0.24rem;
    margin-right: 0.2rem;
}

.add-bs-box .info .box .flexbox .showmore .text {
    font-weight: 500;
    color: rgba(6, 193, 174, 1);
    line-height: 1;
}

.add-bs-box .info .box .flexbox .errtext {
    display: none;
}

.add-bs-box .info .box .flexbox .button {
    width: 2.38rem;
    height: .66rem;
    background: rgba(6, 193, 174, 1);
    border-radius: .11rem;
    line-height: .66rem;
    text-align: center;
    color: #fff;
}

.add-bs-box .info .box .flexbox .button img {
    width: .29rem;
    height: .29rem;
    vertical-align: middle;
}

.add-bs-box .info .box .flexbox .button .text {
    font-weight: 500;
    vertical-align: middle;
}

.double-add-form .one-line {
    height: 1px;
    background: rgba(241, 241, 241, 1);
    margin-bottom: 0.44rem;
}

.add-bs-box .info .box .count span,
.add-bs-box .info .box .bs-status span {
    color: #D2AF67
}

.add-bs-box .info .box .bs-status .success {
    color: #06C1AE;
}

.add-bs-box .info .box .info-detail {
    height: 1.32rem;
    overflow: hidden;
}

.add-bs-box .info .box .info-detail.curr {
    height: auto;
}

.add-bs-box .info .box .showmore.curr img {
    transform: rotate(180deg);
}

.create-order-wrap .doubletc-des .blue-title {
    margin-bottom: .22rem;
}

.add-bs-box .info .top .errimg {
    display: none;
}

.add-bs-box .info.error {
    border: 1px solid rgba(255, 103, 103, 1);
    border-radius: .2rem;
}

.add-bs-box .info.error .top .status,
.add-bs-box .info.error .top .title {
    color: #FF6767;
}

.add-bs-box .info.error .top .img {
    display: none;
}

.add-bs-box .info.error .top .errimg {
    display: inline-block;
}

.add-bs-box .info .err-text-box {
    display: none;
    padding: .4rem .35rem;
    font-size: .31rem;
    line-height: 1;
    padding-bottom: 0;
}

.add-bs-box .err-text-box .title {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 0.18rem;
}

.add-bs-box .err-text-box .text {
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .5rem;
}

.add-bs-box .info.error .err-text-box,
.add-bs-box .info.error .box .flexbox .showmore {
    display: block;
}

.add-bs-box .info.error .box.error .flexbox .showmore {
    display: none;
}

.add-bs-box .info.error .box.error .flexbox .errtext {
    display: block;
    font-size: .31rem;
    font-weight: 400;
    color: rgba(255, 103, 103, 1);
    line-height: .66rem;
}

.double-add-form .select-box {
    position: relative;
}

.double-add-form select {
    height: 1rem;
    line-height: 1rem;
    background: rgba(255, 255, 255, 1);
    border-radius: .2rem;
    outline: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: none;
    padding-left: 0.35rem;
    font-size: .35rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    position: relative;
}

.double-add-form .select-box::before {
    position: absolute;
    content: "";
    border: .09rem solid transparent;
    border-top-color: #06C1AE;
    top: 50%;
    right: .35rem;
    z-index: 1;
    margin-top: -.045rem;

}

.double-add-form .selected-text {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 1;
    margin-top: 0.26rem;
    display: none;
}

.double-add-form .selected-text span {
    color: #06C1AE;
}

.double-add-form .next {
    margin-top: 0.84rem;
    font-size: .35rem;
}

.say-hp-wrap {
    padding-bottom: 0.8rem;
}

.say-hp-wrap .top-wrap {
    display: flex;
    background: #fff;
    padding: .53rem .33rem .26rem;
    color: #fff;
}

.say-hp-wrap .top-wrap .point {
    width: 0.29rem;
    height: 0.2rem;
    display: block;
}

.say-hp-wrap .top-wrap .tag {
    width: 3.75rem;
    height: 2.83rem;
    padding: .26rem .26rem 0;
    box-sizing: border-box;
    display: block;
}

.say-hp-wrap .top-wrap .tag:first-child {
    background: url(../images/bg_green@2x.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.11rem;
}

.say-hp-wrap .top-wrap .tag:last-child {
    background: url(../images/bg_blue@2x.png) no-repeat;
    background-size: 100% 100%;
}

.say-hp-wrap .top-wrap .icon {
    width: 0.57rem;
    height: 0.57rem;
    margin-top: 0.33rem;
    display: block;
}

.say-hp-wrap .top-wrap .title {
    margin-top: 0.18rem;
    font-size: .4rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 1;
}

.say-hp-wrap .top-wrap .bot {
    display: flex;
    margin-top: 0.18rem;
}

.say-hp-wrap .top-wrap .bot .text {
    flex: 1;
    font-size: .31rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 1;
}

.say-hp-wrap .top-wrap .bot .r {
    width: 0.4rem;
    height: 0.22rem;
    margin-top: 0.07rem;
}

.say-list-wrap {
    background: #fff;
    padding-bottom: .4rem;
}

.say-list {
    display: flex;
    background: #fff;
    padding: .46rem .33rem .44rem;
    position: relative;
}

.say-list::after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 7.62rem;
    background: rgba(241, 241, 241, 1);
    left: .33rem;
}

.say-list .left {
    flex: 1;
    padding-right: .35rem;
    position: relative;
}

.say-list .left .title {
    font-size: .35rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: .5rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.say-list .left .bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    display: flex;
    padding-right: .35rem;
    box-sizing: border-box;
}

.say-list .left .bot img {
    width: 0.4rem;
    height: 0.27rem;
    margin-top: .085rem;
    margin-right: 0.15rem;
}

.say-list .left .bot .count {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(177, 177, 177, 1);
    line-height: .44rem;
    flex: 1;
}

.say-list .left .bot .tag {
    padding: 0 .17rem;
    font-size: .26rem;
    font-weight: 400;
    color: rgba(177, 177, 177, 1);
    line-height: .44rem;
    background: rgba(249, 249, 249, 1);
    border-radius: .11rem;
}

.say-list .right {
    width: 2.65rem;
    height: 2rem;
}

.say-list .right img {
    width: 100%;
    height: 100%;
}

.say-idaipai-wrap {
    background: #fff;
    min-height: 93vh;
    padding: .44rem .33rem;
    box-sizing: border-box;
}

.say-idaipai-wrap .say-title {
    font-size: .4rem;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 1.5;
}

.say-idaipai-wrap .view-box {
    margin-top: 0.26rem;
    display: flex;
    font-size: .31rem;
    font-weight: 400;
    color: rgba(177, 177, 177, 1);
    line-height: 1;
}

.say-idaipai-wrap .view-box img {
    width: 0.4rem;
    height: 0.26rem;
    margin-right: .15rem;
    margin-top: 0.02rem;
}

.say-idaipai-wrap .view-box .count {
    margin-right: .44rem;
}

.say-idaipai-wrap .content {
    margin-top: 0.35rem;
    font-size: .31rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .49rem;
}

.say-idaipai-wrap .content img {
    max-width: 100%;
    width: auto;
}

.say-idaipai-wrap .content table {
    width: 100%;
}

.easy-wrapper {
    min-height: 100vh;
    background: #fff;
}

.easy-step-wrap {
    height: 2.74rem;
    width: 100%;
    background: url(../images/easy_bg@2x.png) no-repeat;
    background-size: 100% 100%;
    padding-top: .2rem;
    box-sizing: border-box;
    position: relative;
}

.easy-step-wrap .back {
    position: absolute;
    top: 0.33rem;
    left: .31rem;
}

.easy-step-wrap .back img {
    width: 0.46rem;
    height: 0.29rem;
}

.easy-step-wrap .logo {
    width: 2.05rem;
    height: 0.6rem;
    display: block;
    margin: 0 auto;
}

.easy-step-wrap ul {
    margin: 1.1rem auto 0;
    font-size: 0;
}

.easy-step-wrap ul li {
    font-size: 0.31rem;
    display: inline-block;
    margin: 0 .38rem;
    position: relative;
    color: #BDA030;
}

.easy-step-wrap ul li::before {
    content: "";
    width: 0.35rem;
    height: 0.35rem;
    position: absolute;
    top: -.66rem;
    background: #FFEA98;
    border-radius: 50%;
    left: 50%;
    margin-left: -.175rem;
}

.easy-step-wrap ul li::after {
    content: "";
    width: 1.41rem;
    height: 0.11rem;
    position: absolute;
    top: -.53rem;
    background: #FFEA98;
    left: -1.1rem;
    border-radius: .05rem;
}

.easy-step-wrap ul li:first-child::after {
    display: none;
}

.easy-step-wrap ul li.curr {
    color: #333333;
}

.easy-step-wrap ul li.curr::before,
.easy-step-wrap ul li.curr::after {
    background: #fff;
}

.easy-wrapper .wrap-content {
    background: #fff;
    padding: .4rem .33rem;
}

.easy-wrapper .wrap-content .img-titlea {
    font-size: 0;
    height: .35rem;
    font-size: .35rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
}

.easy-wrapper .wrap-content .img-titlea img {
    width: 0.35rem;
    vertical-align: top;

    margin-right: 0.22rem;
}

.easy-wrapper .wrap-content .text-top {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 1;
    margin-top: 0.31rem;
}

.easy-wrapper .change-tc-box {
    margin-top: .31rem;
    margin-bottom: .49rem;
}

.change-tc-box {}

.change-tc-box li {
    margin-bottom: 0.31rem;
    height: 1.04rem;
    border-radius: .11rem;
    border: 1px solid rgba(221, 221, 221, 1);
    position: relative;
    font-size: .31rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 1.04rem;
    overflow: hidden;
    padding: 0 .35rem;
    display: flex;
}

.change-tc-box li .name,
.change-tc-box li .price {
    font-size: .35rem;
    font-weight: bold;
}

.change-tc-box li .pf {
    flex: 1;
    text-align: right;
}

.change-tc-box li .price {
    margin-left: 0.35rem;
}

.change-tc-box li .curr-img {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: .57rem;
    height: 0.53rem;
}

.change-tc-box li.curr {
    color: #C5A21F;
    background: #FFF6D2;
    border-color: #FFF6D2;
}

.change-tc-box li.curr .curr-img {
    display: block;
}

.easy-wrapper .default-btn {
    display: block;
    height: 1.04rem;
    line-height: 1.04rem;
    background: rgba(254, 216, 72, 1);
    border-radius: .52rem;
    text-align: center;
    font-size: .35rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
}

.easy-wrapper .description-text {
    margin-top: 0.18rem;
    font-size: .31rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 1.5;
}

.easy-wrapper .create-order-wrap .blue-title::before {
    background: var(--easy_color);
}

.easy-wrapper .create-order-wrap .card {
    background: url(../images/easy_shenfenzheng@2x.png) no-repeat left 0 center;
    background-size: .35rem auto;
}

.easy-wrapper .create-order-wrap .phone {
    background: url(../images/easy_shoujihao@2x.png) no-repeat left 0 center;
    background-size: .35rem auto;
}

.easy-wrapper .create-order-wrap .code {
    background: url(../images/easy_yanzhengma@2x.png) no-repeat left 0 center;
    background-size: .35rem auto;
}

.easy-wrapper .create-order-wrap input {
    border: none;
    padding-left: .61rem;
}

.easy-wrapper .create-order-wrap .form-input {
    position: relative;
    width: 100%;
    margin-top: .25rem;
}

.easy-wrapper .create-order-wrap .form-input::after {
    width: calc(100% - .6rem);
    content: "";
    height: 1px;
    background: #EEEEEE;
    right: 0;
    bottom: 0;
    position: absolute;
}

.easy-wrapper .create-order-wrap .form-input .getcode {
    color: #C5A21F;
    border: none;
}

.easy-wrapper .xieyi a {
    color: #C5A21F;
}

.easy-wrapper .create-form .code-input .text {
    left: .61rem;
}

.easy-wrapper .create-order-wrap .top-box {
    padding: .4rem 0 .5rem;
}

.easy-wrapper .create-order-wrap .top-box .top-title {
    text-align: center;
    position: relative;
}

.easy-wrapper .create-order-wrap .top-box .top-title::before {
    content: "";
    position: absolute;
    width: 1.85rem;
    height: 0.13rem;
    background-color: var(--easy_color);
    opacity: .3;
    left: 50%;
    bottom: 0;
    margin-left: -.925rem;
}

.easy-wrapper .create-order-wrap .taocan-info .box {
    text-align: center;
}

.easy-wrapper .create-order-wrap .submit {
    margin-bottom: .44rem;
}

.easy-wrapper .modal-create-order-success .title-box .text {
    color: #C5A21F;
}

.easy-wrapper .modal-create-order-success .to-contract {
    border-radius: 0;
    background: var(--easy_color);
    color: #444444;
}

.easy-wrapper .modal-create-order-success .to-contract.danger {
    color: #fff;
    background: #E07777;
}

.easy-wrapper .modal-create-order-success .title-box.err .text,
.easy-wrapper .modal-create-order-warning .title-box .text,
.easy-wrapper .modal-create-order-success .bs-status .text.success,
.easy-wrapper .modal-create-order-warning .false-text .err {
    color: #E07777;
}

.easy-wrapper .modal-create-order-warning .know {
    border-radius: 0;
    background: #E07777;
    color: #fff;
}

.easy-wrapper .modal-create-order-warning>div {
    padding-bottom: 0;
}

.easy-wrapper .modal .to-contract,
.easy-wrapper .modal .know {
    border-bottom-left-radius: .22rem;
    border-bottom-right-radius: .22rem;
}

.easy-header {
    height: 0.97rem;
    line-height: .97rem;
    text-align: center;
    display: flex;
    background: var(--easy_color);
    color: #444444;
    font-size: .38rem;
}

.easy-header .back {
    width: 0.97rem;

}

.easy-header .back img {
    width: 0.46rem;
    height: 0.29rem;
}

.easy-header .title {
    flex: 1;
    font-weight: bold;
}

.easy-header .home {
    width: 0.97rem;
}

.easy-wrapper .easy-title {
    height: .35rem;
    font-size: .35rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
    border-left: .09rem solid var(--easy_color);
    padding-left: 0.22rem;
}

.easy-wrapper .agree-content {
    padding: .49rem .33rem;
}

.easy-wrapper .agree-content .text {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .5rem;
    margin-top: .22rem;
}

.easy-wrapper .agree-content .line {
    height: 1px;
    background: #F1F1F1;
    margin-top: 0.4rem;
}

.easy-wrapper .agree-content .bold {
    font-weight: bold;
    color: #444;
}

.easy-wrapper .agree-content .title {
    margin-top: .30rem;
    font-weight: bold;
    color: #333;
    font-size: .31rem;
}

.easy-font {
    color: #C5A21F;
}

.agree-content .more {
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    margin-top: 0.15rem;
}

.agree-content .more .text {
    font-size: .31rem;
    color: #C5A21F;
}

.agree-content .more img {
    width: 0.26rem;
    height: 0.18rem;
    margin-left: 0.18rem;
}

.agree-content .more.curr img {
    transform: rotate(-180deg);
}

.easy-wrapper .btm-operate {
    padding: .5rem .33rem;
    background: #F9F9F9;
    display: flex;
}

.easy-wrapper .btm-operate .item {
    width: 45%;
    height: 2rem;
    position: relative;
}

.easy-wrapper .btm-operate .item:last-child {
    text-align: right;
    width: 55%;
}

.easy-wrapper .btm-operate .title {
    font-size: .35rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
    margin-bottom: .18rem;
}

.easy-wrapper .btm-operate .time {
    font-size: .31rem;
    color: #666666;
}

.easy-wrapper .btm-operate .default-btn {
    width: 2.98rem;
    height: 0.77rem;
    line-height: .77rem;
    margin-top: .22rem;
}

.easy-wrapper .btm-operate .item img {
    position: absolute;
    width: 2.37rem;
    right: .2rem;
    top: 0;
}

.easy-content-result {
    text-align: center;
    padding-top: .77rem;
}

.easy-content-result img {
    width: 1.92rem;
    margin-bottom: 0.38rem;
}

.easy-content-result .text {
    font-size: .4rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: 40px;
}

.easy-content-result .texta {
    font-size: .35rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .53rem;
}

.easy-content-result .texta .bold {
    font-weight: bold;
}

.index-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: .35rem;
    text-align: center;
}

.index-menu li {
    flex: 1;
}

.index-menu li a {
    display: block;
    /* margin: 0 .26rem; */
    position: relative;
}

.index-menu li .img {
    width: 1.21rem;
    margin-bottom: .22rem;
}

.index-menu li .text {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
}

.index-menu li .tag {
    position: absolute;
    width: auto;
    height: .42rem;
    left: 45%;
    top: 0.04rem;
}

.common-problem {
    background: #fff;
}

.common-problem ul {
    display: flex;
    flex-wrap: wrap;
}

.common-problem li {
    width: 50%;
    padding-left: 0.31rem;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1Px solid #F0F0F0;
}

.common-problem li:last-child {
    border: 0;
}

.common-problem li a {
    display: flex;
    height: 1.02rem;
    align-items: center;
    box-sizing: border-box;
    padding-right: 0.33rem;
}

.common-problem li:last-child a {
    border: 0;
}

.common-problem li a img {
    width: 0.18rem;
    height: 0.31rem;
}

.common-problem li a .text {
    flex: 1;
}

.prob-wrapper {
    background: #fff;
}

.prob-wrapper li {
    border-bottom: 1Px solid #F0F0F0;
    padding: 0.35rem .30rem .33rem;
}

.prob-wrapper li .title {
    background: url(./images/Q@2x.png) no-repeat top .05rem left;
    background-size: .38rem .35rem;
    padding-left: .49rem;
    font-size: .35rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: .50rem;
    margin-bottom: .26rem;
}

.prob-wrapper li .text {
    background: url(./images/A@2x.png) no-repeat top .05rem left;
    background-size: .38rem .35rem;
    padding-left: .49rem;
    font-size: .31rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .49rem;
}

.new-wrapper .new-banner {
    display: block;
    padding: .18rem .33rem;
    box-sizing: border-box;
}

.white_bar {
    position: fixed;
    height: 1rem;
    display: flex;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    align-items: center;
    justify-content: space-between;
    font-size: .38rem;
    color: #000;
    z-index: 100;
}

.white_bar_top {
    padding-top: 1rem;
}

.white_bar .icon {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
}

.white_bar .icon img {
    width: .2rem;
    margin-left: .2rem;
}

.test-wrapper {
    position: relative;
    min-height: 100vh;
}

.test-wrapper .begin {
    position: absolute;
    width: 4.2rem;
    height: 1.43rem;
    top: 8.22rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.test-question {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .33rem;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.test-question .item {
    display: none;
    position: relative;
    background: #fff;
}

.test-question .item.active {
    display: block;
}

.test-question .title {
    width: 100%;
    background: rgba(74, 145, 223, 1);
    padding: .46rem .33rem;
    text-align: center;
    font-size: .35rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: .5rem;
}

.test-question .title.two {
    text-align: left;
}

.test-question .click {
    height: 1rem;
    line-height: 1rem;
    font-size: .35rem;
    color: rgba(68, 68, 68, 1);
    text-align: center;
}

.test-question .click:active {
    background: #E4FFF5;
}

.test-question .line {
    height: .02rem;
    min-height: 1px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .31rem 0 .26rem;
}

.test-question .line::before {
    content: "";
    display: block;
    height: .02rem;
    min-height: 1px;
    background: #F7F7F7;
    width: 100%;
}

.test-wrapper {
    background-color: #24BF8B;
}

.test-wrapper .footer-text {
    width: 100%;
    position: absolute;
    bottom: .4rem;
    text-align: center;
    color: #fff;
}

.test-wrapper .back {
    position: absolute;
    width: 2rem;
    height: .5rem;
    border-radius: .25rem;
    opacity: 0.6049;
    border: .02rem solid rgba(255, 255, 255, 1);
    top: 1.46rem;
    left: .33rem;
    text-align: center;
    line-height: .46rem;
    color: #fff;
    font-size: .31rem;
}

.test-false-wrap {
    background-color: #F9F9F9;
    display: none;
}

.test-false-wrap .item {
    display: none;
}

.test-false-wrap .top {
    padding: .6rem 0 .49rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.test-false-wrap .top .img {
    width: 6.36rem;
}

.test-false-wrap .top .text {
    width: 100%;
    margin-top: 0.55rem;
    font-size: .35rem;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    line-height: .5rem;
    text-align: center;
    padding: 0 .21rem 0 .33rem;
}

.test-false-wrap .top .text.left {
    text-align: left;
}

.test-false-wrap .des {
    margin-top: .18rem;
    background: #fff;
    font-size: .35rem;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    line-height: .5rem;
    padding: .4rem .33rem;
}

.test-false-wrap .des .text {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
}

.test-false-wrap .footer-text {
    font-size: .26rem;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 4;
    text-align: center;
}

.test-false-wrap .des .text-item {
    display: flex;
    margin-bottom: 0.24rem;
}

.test-false-wrap .des .text-item img {
    width: 0.35rem;
    height: 0.35rem;
    margin-right: 0.07rem;
    margin-top: .06rem;
}

.test-false-wrap .des .line {
    height: 1px;
    background: #F4F4F4;
    margin: .35rem auto;
}

.test-false-wrap .des .code {
    text-align: center;
}

.test-false-wrap .des .code img {
    width: 2.14rem;
    height: 2.14rem;
    margin-bottom: 0.26rem;
}

.test-false-wrap .des .code .text {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    line-height: 1;
    text-align: center;
}

.index_gg {
    width: 7.62rem;
    /* height: 2.03rem; */
    margin: .33rem auto 0;
    /* background: url(../images/robCouponIndexBanner.gif) no-repeat center; */
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .4rem;
    font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
    font-weight: bold;
    color: rgba(255, 233, 204, 1);
    display: flex;
}

.index_gg>img {
    padding: 0 .33rem;
    box-sizing: border-box;
}

.index_gg span {
    font-weight: normal;
}

.coupon_change_box {
    position: relative;
    width: 100%;
    height: 1rem;
    background: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    padding: 0 .33rem 0 .31rem;
    box-sizing: border-box;
    background-color: #fff;
}

.coupon_change_box .title {
    font-size: .35rem;
    color: rgba(68, 68, 68, 1);
    margin-right: .44rem;
}

.coupon_change_box.border::before {
    content: "";
    position: absolute;
    border-top: .02rem solid #F3F3F3;
    top: 0;
    left: 0.33rem;
    right: 0.33rem;
}


.coupon_change_box .mm_icon {
    background: url(../images/youhuiquan_bg.png) no-repeat;
    background-size: 100%;
    width: .95rem;
    height: .51rem;
    border-radius: .04rem;
    font-size: .28rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    line-height: .51rem;
    text-align: center;
}

.coupon_change_box .des {
    flex: 1;
    font-size: .31rem;
    font-weight: 400;
    color: rgba(176, 176, 176, 1);
    margin-left: 0.26rem;
}

.coupon_change_box .checked {
    background: url(../images/checkoff.png) no-repeat;
    width: 0.4rem;
    height: 0.4rem;
    background-size: 100%;
}

.coupon_change_box .checked.active {
    background-image: url(../images/checkon.png);
}

.topaygzcenter {
    font-size: .32rem;
    color: #757575;
    height: .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.topaygzcenter span {
    color: #06C1AE;
}

.topaygzcenter .tag {
    width: 1.2rem;
    height: .35rem;
    line-height: .35rem;
    background: #E3FFFC;
    border-radius: .04rem;
    color: #06C1AE;
    font-size: 0.26rem;
}

.disan-topay {
    width: 3rem;
    height: .6rem;
    line-height: .6rem;
    background: #06C1AE;
    border-radius: .31rem;
    text-align: center;
    font-size: .28rem;
    color: #fff;
    margin-top: .1rem;
}

.disan-topay.disable {
    background-color: rgba(221, 221, 221, 1);
}

.detailed-list {
    display: flex;
    flex-direction: column;
    background: #fff;
    min-height: calc(100vh - 1rem);
    padding: 0 .34rem;
}

.detailed-list .li {
    border-bottom: .03rem solid #F3F3F3;
    height: 1.59rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.detailed-list .li .name {
    font-size: .36rem;
    font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
    font-weight: bold;
    color: #444444;
    line-height: .4rem;
}

.detailed-list .li .time {
    font-size: .31rem;
    font-family: ArialMT;
    color: #999999;
    line-height: 1;
    margin-top: 0.18rem;
}

.detailed-list .li .num {
    font-size: .67rem;
    font-family: DIN-Bold, DIN;
    font-weight: bold;
    color: #06C1AE;
    line-height: 1;
}

.detailed-list .li:last-child {
    border-bottom: 0;
}

.detailed-list .li.expenditrue .num {
    color: #B9B9B9;
}

.pinglunwrapd {
    height: .95rem;
    margin: 0 .33rem;
    border-radius: .04rem;
}

.pinglunwrapd .swiper-slide {
    background-color: #4F8983;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #ffffff;
    font-size: .32rem;
    text-align: left;
    padding: 0 .33rem;
    line-height: 1.4;
}

.pinglunwrapd .swiper-slide .text {
    width: 100%;
    max-height: 100%;
    color: #ffffff;
    font-size: .29rem;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    justify-content: flex-start;
    word-break: break-all;
}

.pinglunwrapd .swiper-slide img {
    width: 0.31rem;
    height: .31rem;
    margin-right: 0.12rem;
    position: relative;
    top: -.04rem;
    vertical-align: middle;
}

.pinglunwrapd .swiper-slide .name {
    margin-right: .12rem;
    font-weight: bold;
    font-size: .31rem;
}

.pinglunwrapd .swiper-slide .zhongbiao {
    font-weight: bold;
    font-size: .31rem;
    color: #FFF0BB;
}
.sharezb {
    padding: .53rem 0;
    text-align: center;
    position: relative;
}
.sharezb .title {
    font-size: .35rem;
    font-family: MicrosoftYaHeiUI;
    color: #444444;
    line-height: 1;
    margin-bottom: 0.35rem;
}
.shareRentbox {
    width: 6.91rem;
    height: 9.49rem;
    margin: 0 auto;
    background: #fff url("../images/sharerentbg.png") no-repeat;
    background-size: 100% 9.49rem;
    border-radius: .13rem;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.shareRentbox .zb_name {
    font-size: .44rem;
    color: #fff;
    line-height: 1;
    margin: 2.21rem auto 0;
}
.shareRentbox .zb_tc {
    margin: 4.7rem auto 0;
    font-size: .4rem;
    font-weight: bold;
    line-height: 1;
    color: rgba(255, 105, 117, 1);
}
.shareRentbox .tc {
    width: 90%;
    margin: .22rem auto 0;
    text-align: center;
    background-color: #fff;
    height: .45rem;
    font-size: .31rem;
    line-height: .45rem;
    color: rgba(68, 68, 68, 1);
}
.shareRentbox .time {
    font-size: .26rem;
    color: #999999;
    padding-top: 0.45rem;
}
.modal_sharerent .contentimg {
    max-width: 6.91rem!important;
    width: 6.91rem;
    height: 9.49rem;
    border-radius: .1rem;
    animation: initRentImg .3s .3s 1 ease-in-out;
    transition: all .3s;
    transform: scale(1);
    opacity: 0;
    // display: none;
}

.modal_sharerent>div {
    background-color: transparent;
}
@keyframes initRentImg {
    0%{
        transform: scale(.5);
    }
    70%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}
.modal_sharerent .gif {
    position: absolute;
    width: 90%;
    top: 0;
}
.modal_sharerent .close {
    z-index: 1;
}
.modal_sharerent .gif.le {
    left: 0;
}
.modal_sharerent .gif.ri {
    right: 0;
}
.sharerentbtn {
    margin: .3rem auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .31rem;
    font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
    font-weight: bold;
    color: #FFFFFF;
    width: 3.6rem;
    height: .75rem;
    background: #06C1AE;
    box-shadow: 0px .22rem .26rem -.13rem rgba(6,193,174,0.4);
    border-radius: .38rem;
}
.sharerentbtn .icon {
    width: .35rem;
    height: .35rem;
    margin-right: .18rem;
}
.shareRentbox .canvasImg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    outline: none;
    border: none;
}
.business .imgbox {
    display: block;
    padding: 0 .33rem .6rem;
}

#detail_wrapper {
    height: auto;
}

.navbar-wrapper .nav {
    width: 100%;
    padding: 0 .33rem;
    display: flex;
    justify-content: space-between;
    text-align: center;
    background: #fff;
    /* box-shadow: 0px 0px .05rem 0px rgba(0, 0, 0, 0.08); */
}

.navbar-wrapper .nav a {
    flex: 1;
}

.create-form.gp {
    font-size: .31rem;

}

.create-form.gp input {
    border: none;
    background: none !important;
    text-align: right;
    font-size: .31rem;
}

.create-form.gp .form-input {
    border-bottom: 1px solid #F3F3F3;
    display: flex;
}

.create-form.gp label {
    width: 4rem;
    font-size: .31rem;
    height: .97rem;
    line-height: .97rem;
}

.create-form.gp .miaosu {
    padding: .35rem 0;
    color: #666666;
    line-height: 1.5;
}

.create-form.gp .uploada {
    margin: 0 -.33rem;
}

.create-form.gp .uploada .contain {
    padding: .33rem;

}

.create-form.gp .uploada .blue-title {
    display: flex;
    justify-content: space-between;
}

.create-form.gp .uploada .right {
    font-size: .31rem;
    color: #444444;
}

.create-form.gp .box {
    display: flex;
    flex-direction: column;
}

.create-form.gp .box .list {
    justify-content: space-between;
    display: flex;
}

.create-form.gp .box .list>div {
    width: 3.67rem;
    height: 2.74rem;
}

.create-form.gp .box-item {
    float: none;
    margin-left: 0;
    border-style: solid;
}

.create-form.gp .shili {
    position: relative;
}

.create-form.gp .shili p {
    position: absolute;
    width: 2.34rem;
    height: .49rem;
    border-radius: .24rem;
    left: 50%;
    top: 50%;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    color: #fff;
}

.create-form.gp .box-item {
    background: url('../images/submit@2x (1).png') no-repeat top .53rem center;
    background-size: 1.02rem 1.13rem;
    margin-bottom: 0.35rem;
}

.create-form.gp .box-item .txt {
    bottom: .43rem;
    font-size: .31rem;
}

.preview-img-modal>div {
    width: 100%;
    background: transparent;
}

.create-form .submit {
    /* margin-top: 0.3rem; */
}

.contract_bs .title {
    background: transparent;
}

.contract_bs .operate a {
    color: #06C1AE;
}

.contract_bs .txt {
    padding-top: .2rem;
    font-size: .31rem;
    color: #666666;
}

.contract_bs .title {
    border-top: .13rem solid #F9F9F9;
    padding-top: .4rem;
    height: auto;
}

.contract_bs .title:first-child {
    border: none;
}

.contract_bs h3 {
    color: #444;
}

.contract_bs .con {
    padding-top: 0;
    margin-top: .2rem;
}

.contract_bs .btm-operate .btn {
    border-radius: .07rem;
}

.bs_result {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bs_result .success_icon {
    width: 0.9rem;
    margin-top: 0.6rem;
}

.bs_result .success_title {
    font-size: .46rem;
    font-weight: 400;
    color: #333333;
    line-height: 1;
    margin-top: 0.4rem;
}

.bs_result .text1 {
    font-size: .35rem;
    font-weight: 400;
    color: #333333;
    line-height: 1;
    margin-top: 0.31rem;
}

.bs_result .img1 {
    margin-top: 0.82rem;
    width: 7.62rem;
}

.bs_result .text2 {
    font-size: .35rem;
    font-weight: bold;
    color: #06C1AE;
    line-height: 1;
    margin-top: 0.44rem;
}

.bs_result .text3 {
    font-size: .35rem;
    font-weight: bold;
    color: #999999;
    line-height: 1;
    margin-top: 0.2rem;
}

.bs_result .img2 {
    margin-top: 0.26rem;
    width: 3rem;
}

.bs_result .text4 {
    font-size: .31rem;
    color: #06C1AE;
    line-height: 1;
    margin-top: 0.26rem;
}

.bs_result .btn {
    width: 7.07rem;
    height: .88rem;
    border-radius: .09rem;
    border: .02rem solid #06C1AE;
    font-size: .35rem;
    background: #fff;
    color: #06C1AE;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.66rem;
}

.my_info .cus_info .botwrap {
    width: 100%;
    padding-left: 1.52rem;
    margin-top: 0.16rem;
    display: flex;
    align-items: center;
}

.my_info .cus_info .botwrap .tixian1 {
    width: .88rem;
    height: .4rem;
    background: #06AA9A;
    border-radius: .22rem;
    font-size: .26rem;
    font-weight: bold;
    color: rgba(255, 255, 255, .8);
    line-height: 0.42rem;
    text-align: center;
}

.my_info .cus_info .botwrap .banlance {
    width: 1.37rem;
    height: .4rem;
    border-radius: .22rem;
    border: .02rem solid rgba(255, 255, 255, .6);
    background: transparent;
    font-size: .26rem;
    font-weight: bold;
    color: rgba(255, 255, 255, .7);
    line-height: 0.4rem;
    text-align: center;
    margin-left: 0.26rem;
}

.pay-invoice {
    display: flex;
    justify-content: space-between;
    height: 1rem;
    align-items: center;
    padding: 0 0.33rem;
}

.pay-invoice img {
    width: .4rem;
}

.pay-invoice .img2 {
    display: none;
}

.gp_task_page .yue {
    height: 1.5rem;
    background: var(--base_color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .33rem;
    color: #fff;
}

.gp_task_page .yue .number {
    font-size: 0.4rem;
}

.gp_task_page .yue .tixian {
    width: 2.16rem;
    height: .66rem;
    background: #06AA9A;
    box-shadow: 0px .22rem .26rem -.13rem rgba(6, 193, 174, 0.4);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, .8);
    font-size: 0.31rem;
}

.gp_task_page .box .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .33rem;
    font-size: .35rem;
    color: #757575;
    height: 1.08rem;
    border-bottom: 1px solid #F0F0F0;
}

.gp_task_page .box .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .33rem;
    height: 1.68rem;
    font-size: 0.22rem;
    border-bottom: 1px solid #F0F0F0;
    color: #999999;
}

.gp_task_page .box .content .text {
    color: #333;
    font-size: 0.35rem;
    margin-top: 0.26rem;
}

.gp_task_page .box .bot {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1rem;
}

.gp_task_page .box .none {
    height: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.31rem;
    color: #BCBCBC;
}

.gp_task_page .btnwrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 0.33rem;
}

.gp_task_page .btnwrap a {
    width: 3.62rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.1rem;
    border-radius: .09rem;
    font-size: 0.35rem;
}

.gp_task_page .btnwrap .tc {
    border: 1px solid #06C1AE;
    color: #06C1AE;
    background: #fff;
}

.gp_task_page .btnwrap .state {
    background-color: #D8D8D8;
    color: #fff;
}

.gp_task_page .btnwrap .pay {
    color: #fff;
    background: linear-gradient(289deg, #62D9A4 0%, #1DBDA8 100%);
}


.withdrawal-page {}

.withdrawal-page .input-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .33rem;
    color: #333333;
    font-size: .35rem;
    height: 1.1rem;
    background: #fff;
}

.withdrawal-page .input-box .title {
    width: 3rem;
}

.withdrawal-page .border-top {
    margin: 0 .33rem;
    border-top: 1px solid #eee;
}

.withdrawal-page .input-box .right {
    padding: 0;
    border: none;
    flex: 1;
    text-align: right;
    font-size: .31rem;
}

.withdrawal-page .input-box .right::placeholder {
    color: #999;
}

.withdrawal-page .description {
    padding: .33rem;
    font-size: 0.31rem;
    color: #666;
    background: #fff;
    line-height: 0.5rem;
}

.withdrawal-page .btn {
    display: block;
    margin: 3rem .33rem 0;
    font-size: 0.35rem;
}

.withdrawal-page .btn.disabled {
    color: #fff;
    background-color: #D8D8D8;
    border-color: #D8D8D8;
}
/*  2022 0508 以下添加*/

.couponlist_wrapper .couponlist{
    margin-top: 1rem;
}
.couponlist {
    padding: .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.couponlist .item {
    background: url(../images/pink_bg1@2x.png) no-repeat;
    background-size: 100%;
    width:7.48rem;
    height: 2.3rem;
    border-radius:.1rem;
    font-size:.28rem;
    line-height: .4rem;
    display: flex;
    color: #fff;
    margin-bottom: 0.2rem;
    position: relative;
}
.couponlist .item.db11 {
    background-image: url(../images/pink_bg@2x.png) ;
// background-position: top -.08rem center;

}
.couponlist .item.used {
    background-image: url(../images/pink_bg_used@2x.png);
    color: #BEBEBE!important;
}
.couponlist .item .left {
    width:2.4rem;
    min-width:2.04rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.couponlist .item .left .price {
    font-size: .48rem;
    font-weight: bold;
    margin-bottom: 0.02rem;
}
.couponlist .item .left .price .unit {
    font-weight: normal;
    font-size: .28rem;
}
.couponlist .item .right {
    flex: 1;
    padding-right: 0;
    padding-left: .54rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.couponlist .item .right .title {
    font-size:.4rem;
    font-weight:bold;
    line-height:.56rem;
    margin-bottom: 0.12rem;
    display: flex;
    align-items: center;
}
.couponlist .item .right .quest {
    width: .4rem;
    height: .4rem;
    background: #FFFFFF;
    border-radius: 50%;
    color: #FF768F;
    font-size: .28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .2rem;
}
.couponlist .item.used .right .quest {
    width: .4rem;
    height: .4rem;
    background: #FF768F;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: .28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .2rem;
}
.coupon_menu {
    display: flex;
    position: fixed;
    top: 1rem;
    left: 0;
    width: 100%;
    height: 1rem;
    background: #fff;
    align-items: center;
}
.coupon_menu .item1 {
    height: 100%;
    flex: 1;
    line-height: 1rem;
    text-align: center;
    width: 106px;
    font-size: .35rem;
    color: #444444;
}
.coupon_menu .item1.active {
    color: #06C1AE;
    position: relative;
}
.coupon_menu .item1.active::after {
    position: absolute;
    content: "";
    background: #06C1AE;
    width: 2.54rem;
    height: 0.09rem;
    border-radius: .02rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.modal_coupon_question .green-title {
    font-weight: bold;
}
.modal_coupon_question>div {
    text-align: left;
    width: 7.11rem;
    font-size: .31rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #444444;
    line-height: .49rem;
}
.modal_coupon_question .content {
    padding: 0 .33rem .4rem;
}
.db11_wrapper .textbox p{
    font-size: .31rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #444444;
    line-height: .49rem;
    padding: 0 .33rem;
}
.db11_wrapper .green-title {
    font-weight: bold;
}

.c_couponlist {
    justify-content: space-between;
    flex-wrap: wrap;
}
.c_couponlist .wrapper {
    background: #fff;
    padding: .33rem .3rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
}
.c_couponlist .left  {
    background: #fff;
}
.c_couponlist .left .title {
    font-size: .35rem;
    font-family: MicrosoftYaHeiUI;
    color: #444444;
    line-height: 1.1;
    display: flex;
    align-items: center;
    margin-bottom: 0.16rem;
}
.c_couponlist .left .title .choose {
    width: 0.33rem;
    height: 0.33rem;
    margin-left: 0.1rem;
}

.c_couponlist .left .des {
    font-size: .26rem;
    font-family: MicrosoftYaHeiUI;
    color: #B0B0B0;
    line-height: 1.1;
}
.c_couponlist .right {
    display: flex;
    align-items: center;
    background: #fff;
    justify-content: flex-end;
}
.c_couponlist .right .jt {
    width: .15rem;
    height: .26rem;
    margin-left: .26rem;
    transform: rotate(90deg);
}
.c_couponlist .right .pri {
    font-size: .35rem;
    font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
    font-weight: bold;
    margin-left: .26rem;
    color: #FF6262;
    line-height: 1;
}
.c_couponlist .right .count {
    padding: 0 .08rem;
    height: .34rem;
    background: #FFE9E9;
    border-radius: .04rem;
    font-size: .26rem;
    font-family: MicrosoftYaHeiUI;
    color: #FF6262;
    line-height: 1;
    display: flex;
    align-items: center;
}
.c_couponlist .bottom {
    padding: 0 .3rem .1rem;
    width: 100%;
    background-color: #F9F9F9;
}
.c_couponlist .bottom .content {
    width: 7.13rem;
    background: #FF768F;
    margin: 0 auto;
    color: #fff;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    padding: .3rem;
}
.c_couponlist .bottom .title {
    border-bottom: 2px dashed #FFFFFF;
    display: flex;
    justify-content: space-between;
    padding-bottom: .20rem;
    font-size: .26rem;
    font-family: MicrosoftYaHeiUI;
    color: #FFFFFF;
    line-height: 1;
    font-weight: normal;
    margin-bottom: .2rem;
}
.c_couponlist .bottom .title .bold {
    font-weight: bold;
    font-size: .35rem;
}
.c_couponlist .bottom .text {
    display: flex;
    justify-content: space-between;
    font-size: .31rem;
    font-family: MicrosoftYaHeiUI;
    line-height: 1.5;
    font-weight: normal;
}
.wenxintishiqs {
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    font-size: 0.31rem;
    font-family: MicrosoftYaHei;
    color: #FF6874;
    line-height: 0.31rem;
    text-align: center;
    padding: .33rem 0;
    margin-top: 0.4rem;
}
.wenxintishiqs .title {
    font-size: 0.35rem;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #FF6874;
    line-height: 0.35rem;
    margin-bottom: 0.13rem;
}