/* 其他通用样式 */
:root {
    --base_color: #06C1AE;
    --easy_color: #FED848;
}
body{
     -webkit-text-size-adjust: 100% !important;
}
@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_aimed {
    height: 2rem;
    overflow: hidden;
    clear: both;
}
.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 {
    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_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 {
    background: #fff;
}
.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;
}
.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;
}
.login_tabs_box .small {
    width: 100%;
}
.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;
}
.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 .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;
}
.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;
}
.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 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 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;
}
.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 {
    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 {
    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 {
    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;
}
.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 {
    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;
}
.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;
}
.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;
}
.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;
}
.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 {
    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%;
}

.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;
}
.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 {
    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;
}
.dongjie {
    background: #BCBCBC !important;
    font-size: .28rem !important;
    letter-spacing: 1px;
}

.jiedong {
    background: #757575 !important;
    font-size: .28rem !important;
    letter-spacing: 1px;
}
.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 {
    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 {
    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;
}
.video_showbox {
    position: relative;
}

.video_showbox video {
    width: 100%;
    padding-top: 30vh;
}
.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)
}
.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');
}
.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%;
}
.divDisabled{
    pointer-events: none;
}
.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%;
}
.sec-title {
    color: #333333;
    font-size: .353279rem;
    line-height: .495814rem;
    position: relative;
    padding-left: .1655998rem;
    margin-bottom: .220799rem;
    font-weight: bold;
}
.sec-title span {
    color: #ABABAB;
    font-size: .353278rem;
}
.bg_white {
    background: #fff;
}
.dt-evaluate {
    padding: .333rem;
    margin-top: .220799rem;
    background: #fff;
}
.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_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%;
}
.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;
}
.opa:hover {
    opacity: .8;
}
.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;
}
.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-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 .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;
}
.black_title {
    margin-top: .8rem;
    font-size: .4rem;
    color: rgba(51, 51, 51, 1);
    line-height: .56rem;
    margin-bottom: .3rem;
    font-weight: bold;
}
.loading img {
    animation: transball 1s linear infinite;
}

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

    100% {
        transform: rotate(-360deg);
    }
}
.unClick {
    background: rgba(177, 177, 177, 1);
    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%;
}

.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%;
    overflow: hidden;
}

.winthebid-wrap .content .left img {
    width: 100%;
    /* height: 100%; */
    min-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 .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;
}
.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;
}
.line10 {
    height: .2rem;
    background-color: #FCF9FC;
}

.line13 {
    height: .13rem;
    background-color: #FCF9FC;
}

.line18 {
    height: .18rem;
    background-color: #FCF9FC;
}
.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;
}
.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-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);
}
.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;
}
.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);
}
.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 {
    box-shadow: 0px 0px .6rem 0px rgba(0, 0, 0, 0.08);
}
.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;
}
.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;
}
.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;
}
.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-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 .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%; */
}
.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 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);
}
.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);
}
.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;
}
.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 .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;
}
.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%;
}
.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;
}
.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-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;
}
.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;
}
.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;
}
.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;
}
.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-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;
}
.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;
}
.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;
}
.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;
}
.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;
}




/* 客服二维码 */
.modal {
    position: fixed;
    z-index: 1003;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
}
.modal-kefuwx>Div {
    width: 6.28rem;
    height: 8.2rem;
}
.modal>div {
    position: absolute;
    top: 50%;
    background: #fff;
    left: 50%;
    border-radius: .1rem;
    transform: translate3D(-50%, -50%, 0);
    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-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("../css/images/kefu.png") no-repeat;
    background-size: 100% 100%;
    z-index: 100;
}
.scrollright {
    transition: all .5s;
    right: .4rem;
    opacity: 1;
}

/* 点击关注弹框二维码 */
.modal-wxfx {
    z-index: 1002;
}
.modal-wxfx {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}
.modal-wxfx>div {
    position: absolute;
    width: 6.6rem;
    background: #FFFFFF;
    border-radius: .2rem;
    left: 50%;
    margin-left: -3.3rem;
    top: 1rem;
}
.modal-wxfx .close {
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: .66rem;
    height: .66rem;
    background: url(./images/close2X.png) no-repeat;
    background-size: cover;
}
.modal-wxfx .wx-box {
    padding: .72rem;
    text-align: center;
}
.modal-wxfx .wx-box .wx-sao {
    font-size: .36rem;
    line-height: .48rem;
    color: #333333;
    font-weight: 600;
}
.modal-wxfx .wx-box img {
    border: 1px solid #ECEFF2;
    width: 3rem;
    height: 3rem;
    margin: .4rem 0;
}
.modal-wxfx .wx-guanzhu {
    font-size: .28rem;
    color: #06C1AE;
    line-height: .38rem;
}
.modal-wxfx .word {
    font-size: .28rem;
    color: #333333;
    line-height: .5rem;
    text-align: left;
    padding: .5rem .3rem .5rem .6rem;
    border-top: 1px solid #EBEBEB;
}

/* 头部关注样式 */
.attention{
    width: 100%;
    height: 1.46rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.attTop{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.265rem;
}
.attTop>div:nth-child(1){
    width: 1.44rem;
    height: 0.44rem;
    background: url("../images/publicImg/logotop.png") center no-repeat;
    background-size: 100% 100%;
}
.attTop>div:nth-child(2){
    font-size: 0.35rem;
    color: #585858;
    margin-left: 0.13rem;
    margin-right: 0.31rem;
}
.attTop>div:nth-child(3){
    width: 1.15rem;
    height: 0.486rem;
    line-height: 0.486rem;
    text-align: center;
    border-radius: 0.24rem;
    border: 0.022rem solid #06C1AE;
    color: #06C1AE;
    font-size: 0.265rem;
}
.attBottom{
    font-size: 0.265rem;
    color: #585858;
    text-align: center;
}
.closeBtn{
    width: 0.265rem;
    height: 0.22rem;
    background: url("../images/publicImg/button-nav-close.png") center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.62rem;
    left: 0.33rem;
}

/* 头部公共样式 */
.activeHead{
    width: 100%;
    height: 0.972rem;
    background-color: #06C1AE;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.33rem;
    box-sizing: border-box;
}
.activeHead .back{
    width: 0.508rem;
    height: 0.508rem;
    background: url("../images/left.png") center no-repeat;
    background-size: 100% 100%;
}
.activeHead .title{
    color: #fff;
    font-size: 0.398rem;
}
.activeHead .icon{
    width: 0.508rem;
    height:  0.508rem;
     background: url("../images/i-house.png") center no-repeat;
    background-size: 100% 100%;
}