﻿@charset "utf-8";

.loading,sub,sup {
    position: relative;
}

.filter-pop-wrap.phide .popbg,.ohide {
    opacity: 0;
}

.phide,.pop-box {
    visibility: hidden;
}

.btn,.eli,.pro-list li div p {
    white-space: nowrap;
}

html {
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html * {
    box-sizing: border-box;
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}

body,html {
    height: 100%;
    font-family: "Microsoft Yahei",sans-serif,STHeiti,SimSun,Arail,Verdana,Helvetica;
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img {
    border: 0;
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

.api-button,.btn {
    border-radius: .053333rem;
}

del {
    text-decoration: line-through;
}

address,caption,cite,code,dfn,em,th,var {
    font-weight: 500;
    font-style: normal;
}

ol,ul {
    list-style: none;
}

caption,th {
    text-align: left;
}

.btn,.tc {
    text-align: center;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
    font-size: 100%;
}

q:after,q:before {
    content: '';
}

sub,sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

.btn,.index-foamed .foamed-logo,.reg-header span,img {
    vertical-align: middle;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

a,ins {
    text-decoration: none;
}

body {
    background: #eee;
    font-size: 14px;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

img:not([src*="/"]) {
    display: none;
}

button,input,select,textarea {
    outline: 0;
    font-size: inherit;
    font-family: inherit;
}
[type=button],[type=search],[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

cite,i {
    font-style: normal;
}

textarea {
    -webkit-appearance: none;
}

img[width='0'] { display: none;}

::-webkit-scrollbar,div::-webkit-scrollbar,li::-webkit-scrollbar,section::-webkit-scrollbar {
    display: none;
    opacity: 0;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    background-image: none;
    font-weight: 400;
    line-height: 1.428571429;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn.focus,.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none;
}

.btn.active,.btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 .04rem .066667rem rgba(0,0,0,.125);
}

.bw,.cb {
    background: #fff;
}

.clearfix:after,.list-link-body:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: ".";
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.loading:after,.tfm {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.list-item:before,.tfml {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.tfmt {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.page {
    margin: 0 auto;
    min-height: 100%;
}

.hide {
    display: none;
}

.ibk {
    display: inline-block;
}

.api-button,.bk {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.bact:active {
    -webkit-transform: scale(.99);
    transform: scale(.99);
}

.eli {
    overflow: hidden;
    text-overflow: ellipsis;
}

.api-button {
    margin: .133333rem .066667rem;
    line-height: 1.066667rem;
}

a.api-button {
    border: 1px solid #fff;
}

body.loading {
    overflow: hidden;
}

.loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    background: url(../images/icon-load.png) center no-repeat;
    background-size: 100% auto;
    content: " ";
    -webkit-animation: spin .8s infinite linear;
    animation: spin .8s infinite linear;
}

.loadbox {
    width: 100%;
    height: 5.333333rem;
}

.loading.loadPage:before {
    position: static;
    margin: auto;
    width: 20px;
    height: 20px;
    background-size: auto 100%;
}

.loadPage {
    padding: .2rem 0;
    width: 100%;
    height: auto;
    text-align: center;
}

.ifedgy,.index-foamed,.index-foamed .foamed-ul,.index-foamed .foamed-ul li {
    height: 1.266667rem;
    line-height: 1.266667rem;
}

.loadText,.loading.loadPage:before {
    display: inline-block;
    vertical-align: middle;
}

.loadText {
    margin: 0 .133333rem;
    color: #888;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.error-span {
    margin-top: 30%;
    text-align: center;
    font-weight: 700;
}
[data-dpr="1"] .error-span {
    font-size: 16px;
}
[data-dpr="2"] .error-span {
    font-size: 32px;
}
[data-dpr="3"] .error-span {
    font-size: 48px;
}

.index-foamed .foamed-logo {
    max-height: 100%;
}

.index-foamed .foamed-ul {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 .333333rem 0 0;
    width: 100%;
    background: #fff;
}

.index-foamed .foamed-ul li {
    float: left;
}

.index-foamed .foamed-ul li.left {
    overflow: hidden;
    width: 70%;
}

.index-foamed .foamed-ul li.right {
    width: 30%;
    font-size: .373333rem;
}

.index-foamed .follow {
    display: inline-block;
    width: 1.68rem;
    border-radius: .133333rem;
    background: #00c800;
    color: #fff;
    text-align: center;
    line-height: .733333rem;
}

.eeeline,.index-tool .item-link:active {
    background: #eee;
}
[data-dpr="1"] .index-foamed .follow {
    font-size: 12px;
}
[data-dpr="2"] .index-foamed .follow {
    font-size: 24px;
}
[data-dpr="3"] .index-foamed .follow {
    font-size: 36px;
}

.index-h2 {
    padding: 0 .333333rem;
    color: #3c3c3c;
    line-height: 1.253333rem;
}
[data-dpr="1"] .index-h2 {
    font-size: 15px;
}
[data-dpr="2"] .index-h2 {
    font-size: 30px;
}
[data-dpr="3"] .index-h2 {
    font-size: 45px;
}

.index-tool ul {
    border-bottom: 1px solid #e5e5e5;
}

.i-join-tel,.reg-header {
    border-bottom: 2px solid #d6d6d6;
    text-align: center;
}

.index-tool ul li {
    float: left;
    width: 50%;
    border-top: 1px solid #e5e5e5;
}

.index-tool ul li:nth-of-type(2n) {
    border-left: 1px solid #e5e5e5;
}

.index-tool .item-link {
    position: relative;
    display: block;
    padding: .466667rem 0 .466667rem 1.8rem;
}

.index-tool .item-link section {
    min-height: 1.333333rem;
    line-height: 1.4;
}

.index-tool .icon-img {
    position: absolute;
    top: .466667rem;
    left: .333333rem;
    width: 1.333333rem;
    height: 1.333333rem;
}

.index-tool .item-link h4 {
    padding-top: .133333rem;
    color: #3c3c3c;
}

.i-join-tel,.index-tool .item-link p {
    color: #969696;
}
[data-dpr="1"] .index-tool .item-link h4 {
    font-size: 15px;
}
[data-dpr="2"] .index-tool .item-link h4 {
    font-size: 30px;
}
[data-dpr="3"] .index-tool .item-link h4 {
    font-size: 45px;
}
[data-dpr="1"] .index-tool .item-link p {
    font-size: 12px;
}
[data-dpr="2"] .index-tool .item-link p {
    font-size: 24px;
}
[data-dpr="3"] .index-tool .item-link p {
    font-size: 36px;
}

.i-join-tel {
    height: 1.2rem;
    font-size: .346667rem;
    line-height: 1.173333rem;
}

.eeeline {
    height: .32rem;
}

.index-footer {
    padding: .4rem .333333rem 0;
    text-align: center;
}

.index-footer .login-btn {
    display: block;
    border-radius: .133333rem;
    background: #3cc8e6;
    color: #fff;
    line-height: 1.12rem;
}
[data-dpr="1"] .index-footer .login-btn {
    font-size: 16px;
}
[data-dpr="2"] .index-footer .login-btn {
    font-size: 32px;
}
[data-dpr="3"] .index-footer .login-btn {
    font-size: 48px;
}

.reg-header {
    padding: .266667rem 0;
    min-height: 1.293333rem;
    background: #fff;
    color: #787878;
}
[data-dpr="1"] .reg-header {
    font-size: 14px;
}
[data-dpr="2"] .reg-header {
    font-size: 28px;
}
[data-dpr="3"] .reg-header {
    font-size: 42px;
}

.reg-header span {
    display: inline-block;
    line-height: 1.4;
}

.reg-main {
    margin: .293333rem .4rem;
    padding: 0 .4rem;
    min-height: 12.266667rem;
    border-radius: .133333rem;
    background: #fff;
}

.fstyle1 .fli {
    border-bottom: 1px solid #e5e5e5;
    color: #969696;
    line-height: 1.186667rem;
}
[data-dpr="1"] .fstyle1 .fli {
    font-size: 14px;
}
[data-dpr="2"] .fstyle1 .fli {
    font-size: 28px;
}
[data-dpr="3"] .fstyle1 .fli {
    font-size: 42px;
}

.fstyle1 .ftit {
    display: inline-block;
    min-width: 2.266667rem;
}

.fstyle1 .fipt {
    width: 5.333333rem;
    border: none;
}

.reg-main .xy {
    margin-top: .333333rem;
    color: #969696;
    font-size: .32rem;
}

.xycheck {
    position: relative;
    margin-right: .213333rem;
    width: .333333rem;
    height: .333333rem;
    border: 1px solid #c8c8c8;
    vertical-align: -.04rem;
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
}

.xycheck:checked:after {
    position: absolute;
    top: -.053333rem;
    left: 0;
    width: .453333rem;
    height: .333333rem;
    background: url(../images/icon-chked.png) no-repeat;
    background-size: 100% auto;
    content: "";
}

.ret-btn-box {
    margin-top: .666667rem;
}

.ret-btn-box .submit {
    width: 100%;
    height: 1.12rem;
    border: none;
    border-radius: .133333rem;
    background: #3cc8e6;
    color: #fff;
    font-size: .48rem;
}

.yiyu {
    margin-top: .266667rem;
    color: #969696;
    font-size: .346667rem;
}

.yiyu a {
    color: #3cc8e6;
}

.reg-p {
    padding: 0 .4rem;
    color: #666;
    font-size: .373333rem;
}

.invite-img {
    background: #fff;
    text-align: center;
}

.invite-title {
    padding: .32rem 0;
    background: #3cc8e6;
    color: #fff;
    text-align: center;
}
[data-dpr="1"] .invite-title {
    font-size: 15px;
}
[data-dpr="2"] .invite-title {
    font-size: 30px;
}
[data-dpr="3"] .invite-title {
    font-size: 45px;
}

.invite-ask {
    margin-top: .6rem;
    color: #3c3c3c;
    text-align: center;
}
[data-dpr="1"] .invite-ask {
    font-size: 15px;
}
[data-dpr="2"] .invite-ask {
    font-size: 30px;
}
[data-dpr="3"] .invite-ask {
    font-size: 45px;
}

.invite-btn-box {
    margin: 1.066667rem 0 0;
    text-align: center;
}
[data-dpr="1"] .invite-btn-box {
    font-size: 17px;
}
[data-dpr="2"] .invite-btn-box {
    font-size: 34px;
}
[data-dpr="3"] .invite-btn-box {
    font-size: 51px;
}

.invite-btn-box .btn {
    display: inline-block;
    margin: 0 .16rem;
    width: 4.053333rem;
    border-radius: .133333rem;
    background: #3cc8e6;
    color: #fff;
    line-height: 1.066667rem;
}

.invite-btn-box .btn.cancel {
    background: #dcdcdc;
    color: #787878;
}

.fstyle1.style2 {
    padding-top: .533333rem;
    padding-left: 1.2rem;
}

.fstyle1.style2 li {
    position: relative;
    line-height: 1.333333rem;
}

.fstyle1.style2 .icon-img {
    position: absolute;
    top: 50%;
    left: -1.2rem;
    width: 1.2rem;
}

.lgn-btn-box.style2 {
    padding-left: .4rem;
}

.reg-main.forgot {
    padding-left: 0;
    min-height: 8rem;
}

.reg-main.reset {
    padding-left: 0;
    min-height: 6.666667rem;
}

.fstyle1.userstyle li:nth-last-child(1) {
    border-bottom: none;
}

.fstyle1.userstyle {
    margin-top: .32rem;
    padding-top: 0;
    border-bottom: 2px solid #d6d6d6;
    background: #fff;
}

.fstyle1.userstyle .icon-img {
    left: -.933333rem;
    width: .666667rem;
}

.lgn-header {
    padding-top: 1rem;
    height: 4.666667rem;
    background: url(../images/icon-photo.png) center no-repeat #da251e;
    background-size: auto 4.666667rem;
}

.lgn-title,.lgn-title span {
    position: relative;
    width: 2.666667rem;
    height: 2.666667rem;
}

.lgn-title {
    margin: 0 auto;
}

.lgn-title span {
    z-index: 1;
    overflow: hidden;
    border: 4px solid #fff;
    border-radius: 50%;
    background: url(../images/icon-title.png) center no-repeat;
    background-size: 2.666667rem auto;
}

.lgn-title span img {
    min-height: 100%;
}

.lgn-title:before {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ff2333;
    content: '';
}

.login-ul {
    border-bottom: 2px solid #e5e5e5;
    background: #fff;
}

.login-ul li {
    padding: .333333rem 0 .333333rem .6rem;
    border-top: 1px solid #d6d6d6;
    vertical-align: text-bottom;
}
[data-dpr="1"] .login-ul li {
    font-size: 15px;
}
[data-dpr="2"] .login-ul li {
    font-size: 30px;
}
[data-dpr="3"] .login-ul li {
    font-size: 45px;
}

.login-ul li:first-child {
    border-top: none;
}

.login-ul li .ipt {
    width: 8rem;
    border: none;
}

.login-ul li .icon {
    display: inline-block;
    margin-right: .133333rem;
    width: .666667rem;
    height: .666667rem;
    vertical-align: middle;
}

.login-ul li .icon-user {
    background: url(../images/icon-user.png) center no-repeat;
    background-size: auto 100%;
}

.login-ul li .icon-pass {
    background: url(../images/icon-pass.png) center no-repeat;
    background-size: auto 100%;
}

.lgn-btn-box .btn,.lgn-footer {
    background: #eee;
    color: #969696;
}

.lgn-footer {
    padding-top: .333333rem;
    line-height: 1.6;
}
[data-dpr="1"] .lgn-footer {
    font-size: 12px;
}
[data-dpr="2"] .lgn-footer {
    font-size: 24px;
}
[data-dpr="3"] .lgn-footer {
    font-size: 36px;
}

.lgn-btn-box {
    margin-top: .6rem;
}
[data-dpr="1"] .lgn-btn-box {
    font-size: 18px;
}
[data-dpr="2"] .lgn-btn-box {
    font-size: 36px;
}
[data-dpr="3"] .lgn-btn-box {
    font-size: 54px;
}

.lgn-btn-box .btn {
    display: block;
    margin-bottom: .4rem;
    width: 100%;
    border: none;
    border-radius: .133333rem;
    text-align: center;
    line-height: 1.2rem;
}

.concern-box,.entr-main {
    border-radius: .133333rem;
}

.entr-main ul li,.user-menu-tit {
    border-bottom: 1px solid #e5e5e5;
}
[data-dpr="1"] .lgn-btn-box .btn {
    font-size: 17px;
}
[data-dpr="2"] .lgn-btn-box .btn {
    font-size: 34px;
}
[data-dpr="3"] .lgn-btn-box .btn {
    font-size: 51px;
}

.lgn-btn-box .btn.go {
    background: #ff2333;
    color: #fff;
}

.lgn-f-box {
    padding: .466667rem .6rem 0;
    background: #fff;
}

.entr-header {
    position: relative;
    padding-top: .733333rem;
    padding-left: 1.333333rem;
    height: 2.866667rem;
    background: #3cc8e6;
    color: #fff;
    line-height: 1.6;
}
[data-dpr="1"] .entr-header {
    font-size: 14px;
}
[data-dpr="2"] .entr-header {
    font-size: 28px;
}
[data-dpr="3"] .entr-header {
    font-size: 42px;
}
[data-dpr="1"] .entr-header h3 {
    font-size: 16px;
}
[data-dpr="2"] .entr-header h3 {
    font-size: 32px;
}
[data-dpr="3"] .entr-header h3 {
    font-size: 48px;
}

.icon-xz {
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 1.64rem;
}

.entr-main {
    margin: .6rem;
    padding-bottom: .533333rem;
    background: #fff;
}

.entr-main ul {
    padding-left: 2rem;
}

.entr-main ul li a {
    position: relative;
    display: block;
    min-height: 1.8rem;
}

.entr-main ul li a:active {
    text-decoration: underline;
}

.entr-main ul li h4 {
    padding-top: .466667rem;
    color: #3cc8e6;
    line-height: 1.4;
}
[data-dpr="1"] .entr-main ul li h4 {
    font-size: 15px;
}
[data-dpr="2"] .entr-main ul li h4 {
    font-size: 30px;
}
[data-dpr="3"] .entr-main ul li h4 {
    font-size: 45px;
}

.entr-main ul li p {
    color: #c8c8c8;
}
[data-dpr="1"] .entr-main ul li p {
    font-size: 13px;
}
[data-dpr="2"] .entr-main ul li p {
    font-size: 26px;
}
[data-dpr="3"] .entr-main ul li p {
    font-size: 39px;
}

.entr-main ul li p b {
    color: #3cc8e6;
}

.entr-logo {
    position: absolute;
    top: .266667rem;
    left: -1.733333rem;
    overflow: hidden;
    width: 1.466667rem;
    height: 1.466667rem;
    background: #ebf9fc;
}

.entr-foot {
    margin-top: 1.133333rem;
    color: #b4b4b4;
    text-align: center;
    font-size: .4rem;
}

.concern-box {
    padding: 1.2rem .8rem 0;
    background: #fff;
}

.conc-header {
    color: #000;
    text-align: center;
}

.conc-header h2 {
    margin-bottom: .2rem;
    padding-top: .666667rem;
}
[data-dpr="1"] .conc-header h2 {
    font-size: 23px;
}
[data-dpr="2"] .conc-header h2 {
    font-size: 46px;
}
[data-dpr="3"] .conc-header h2 {
    font-size: 69px;
}
[data-dpr="1"] .conc-header p {
    font-size: 15px;
}
[data-dpr="2"] .conc-header p {
    font-size: 30px;
}
[data-dpr="3"] .conc-header p {
    font-size: 45px;
}

.conc-line {
    position: relative;
    margin: .266667rem auto 0;
    width: 6.666667rem;
    height: 2px;
    background: #c32319;
}

.conc-line:after,.conc-line:before {
    position: absolute;
    top: -5px;
    overflow: hidden;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c32319;
    content: '';
}

.conc-line:after {
    left: 0;
}

.conc-line:before {
    right: 0;
}

.conc-weix {
    margin-top: .453333rem;
    text-align: center;
}

.conc-weix img {
    width: 5.28rem;
}

.conc-p1 {
    padding: .533333rem 0;
    color: #3c3c3c;
}
[data-dpr="1"] .conc-p1 {
    font-size: 15px;
}
[data-dpr="2"] .conc-p1 {
    font-size: 30px;
}
[data-dpr="3"] .conc-p1 {
    font-size: 45px;
}

.conc-zw {
    padding-bottom: .666667rem;
    text-align: center;
}

.conc-zw img {
    width: 2.026667rem;
}

.user-header {
    position: relative;
    padding-bottom: .2rem;
    padding-left: 2.266667rem;
    padding-right: 2rem;
	min-height:115px;
    height: 3.066667rem;
    line-height: 3.066667rem;
    background: url(../images/userinfo.jpg) center top no-repeat #c33719;
    background-size: auto 100%;
    color: #fff;
}
[data-dpr="1"] .user-header {
    font-size: 12px;
}
[data-dpr="2"] .user-header {
    font-size: 24px;
}
[data-dpr="3"] .user-header {
    font-size: 36px;
}

.user-header .photo {
    position: absolute;
    top: 50%;
    left: .333333rem;
    width: 1.6rem;
    height: 1.6rem;
}

.user-header .photo:before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 100%;
    height: 100%;
    border-radius: .266667rem;
    background: #c33719;
    content: "";
}

.user-header .photo span {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .266667rem;
    background-size: 100% auto;
    line-height: normal;
}

.user-header .photo span img {
    min-width: 100%;
    min-height: 100%;
}

.user-header dl {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

.user-header dl dt {
    margin-bottom: .24rem;
}
[data-dpr="1"] .user-header dl dt strong {
    font-size: 15px;
}
[data-dpr="2"] .user-header dl dt strong {
    font-size: 30px;
}
[data-dpr="3"] .user-header dl dt strong {
    font-size: 45px;
}

.user-header .right {
    line-height: normal;
    position: absolute;
    top: .373333rem;
    right: .346667rem;
    text-align: right;
}

.user-header .right li {
    margin-bottom: .5rem;
}

.user-header .right .icon-msg {
    position: relative;
    margin-right: .133333rem;
    height: .64rem;
}

.user-header .right li:nth-of-type(1).show a:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-radius: 50%;

    content: " ";
    
}
.user-header .right li:nth-of-type(1).hides a:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-radius: 50%;
    font-size:20px;
    content: "！";
    color:#fff;
}
[data-dpr="1"] .user-header .right li:nth-of-type(1).show a:before {
    width: 10px;
    height: 10px;
}
[data-dpr="1"] .user-header .right li:nth-of-type(1).hides a:before {
    width: 10px;
    height: 10px;
}
[data-dpr="2"] .user-header .right li:nth-of-type(1).show a:before {
    width: 20px;
    height: 20px;
}
[data-dpr="3"] .user-header .right li:nth-of-type(1).show a:before {
    width: 30px;
    height: 30px;
}

.user-menu-box {
    background: #fff;
}

.user-menu-tit {
    position: relative;
    padding-left: .4rem;
    color: #505050;
    line-height: 1.253333rem;
}
[data-dpr="1"] .user-menu-tit {
    font-size: 14px;
}
[data-dpr="2"] .user-menu-tit {
    font-size: 28px;
}
[data-dpr="3"] .user-menu-tit {
    font-size: 42px;
}

.user-menu-tit .right {
    position: absolute;
    top: 0;
    right: .4rem;
    color: #969696;
}
[data-dpr="1"] .user-menu-tit .right {
    font-size: 12px;
}
[data-dpr="2"] .user-menu-tit .right {
    font-size: 24px;
}
[data-dpr="3"] .user-menu-tit .right {
    font-size: 36px;
}

.usernav {
    border-bottom: .026667rem solid #d6d6d6;
}

.usernav ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.usernav ul li a {
    display: block;
    padding: .32rem 0 .266667rem;
    color: #3c3c3c;
}
[data-dpr="1"] .usernav ul li a {
    font-size: 12px;
}
[data-dpr="2"] .usernav ul li a {
    font-size: 24px;
}
[data-dpr="3"] .usernav ul li a {
    font-size: 36px;
}

.user-footer .footer-box li a:active,.usernav ul li a:active {
    background: #eee;
}

.usernav ul li .icon {
    display: inline-block;
    margin-bottom: .16rem;
    width: .693333rem;
    height: .693333rem;
    text-align: right;
}

.usernav ul li .icon sup {
    position: relative;
    top: -.24rem;
    right: -.373333rem;
    display: table-cell;
    width: .48rem;
    height: .48rem;
    border: 1px solid #b41d24;
    border-radius: .24rem;
    background: #fff;
    color: #b41d24;
    vertical-align: middle;
    text-align: center;
}
[data-dpr="1"] .usernav ul li .icon sup {
    font-size: 12px;
}
[data-dpr="2"] .usernav ul li .icon sup {
    font-size: 24px;
}
[data-dpr="3"] .usernav ul li .icon sup {
    font-size: 36px;
}
[data-nums="0"] {
    display: none!important;
}
.usernav ul li .icon.icon-xiaos {
    background: url(../images/fukuan.png) center no-repeat;
    background-size: 100% auto;
}
.usernav ul li .icon.icon-dsh {
    background: url(../images/dsh.png) center no-repeat;
    background-size: 100% auto;
}

.usernav ul li .icon.icon-dfh {
    background: url(../images/dfh.png) center no-repeat;
    background-size: 100% auto;
}

.usernav ul li .icon.icon-dshu {
    background: url(../images/dsh.png) center no-repeat;
    background-size: 100% auto;
}

.usernav ul li .icon.icon-over {
    background: url(../images/shouhou.png) center no-repeat;
    background-size: 100% auto;
}
.usernav ul li .icon.icon-service {
    background: url(../images/servicekf.png) center no-repeat;
    background-size: 100% auto;
}

.f-link {
    position: relative;
    display: block;
    background: url(../images/icon-arrow.png) right center no-repeat;
    background-size: auto .346667rem;
}

.f-link:active {
    background-color: #eee;
}

.f-link .right {
    position: absolute;
    top: 0;
    right: .733333rem;
}
            .user-footer { margin-top: 0px; height: 60px; }
            .user-footer .footer-box li a { display: block; height: 60px; }

.user-footer .footer-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  color: #646464;
  text-align: center;
  font-size: 12px;
}
.user-footer .footer-box li {
  float: left;
  width: 25%;
}
.user-footer .footer-box li a {
  display: block;

}
.user-footer .footer-box li .icon {
  display: inline-block;
  width: .533333rem;
  height: .666667rem;
}
.user-footer .footer-box li .icon.icon-home {
  background: url(/images/icon-home.png) center bottom no-repeat;
  background-size: 100% auto;
}
.user-footer .footer-box li .icon.icon-dial {
  background: url(/images/icon-dial.png) center bottom no-repeat;
  background-size: 100% auto;
}
.user-footer .footer-box li .icon.icon-wofaih {
  background: url(/images/icon-wofaih.png) center bottom no-repeat;
  background-size: 100% auto;
}
.user-footer .footer-box li .icon.icon-user2 {
  background: url(/images/icon-user2.png) center bottom no-repeat;
  background-size: 100% auto;
}
 .user-footer .footer-box li .icon.icon-jifen { background: url(/images/iconjifen.png?v=322) center bottom no-repeat; background-size: 100% auto; }
.user-footer .footer-box li .icon.icon-fenlei{
  background: url(/images/fenlei.png) center bottom no-repeat;
  background-size: 100% auto;
}
.user-footer .footer-box li a:active {
  background: #eee;
}
.user-footer .footer-box li.active a {
  color: #b41d24;
}
.user-footer .footer-box li.active .icon.icon-home {
  background: url(/images/hicon-home.png) center bottom no-repeat;
  background-size: 100% auto;
}

.user-footer .footer-box li.active .icon.icon-dial {
  background: url(/images/hicon-dial.png?v=2) center bottom no-repeat;
  background-size: 100% auto;
}
.user-footer .footer-box li.active .icon.icon-wofaih {
  background: url(/images/hicon-wofaih.png?v=2) center bottom no-repeat;
  background-size: 100% auto;
}
              .user-footer .footer-box li.active .icon.icon-jifen { background: url(/images/hiconjifen.png?v=423) center bottom no-repeat; background-size: 100% auto; }
.user-footer .footer-box li.active .icon.icon-user2 {
  background: url(/images/hicon-user2.png?v=2) center bottom no-repeat;
  background-size: 100% auto;
}
.user-footer .footer-box li.active .icon.icon-fenlei{
  background: url(/images/hfenlei.png?v=2) center bottom no-repeat;
  background-size: 100% auto;
}
.order-header {
    padding: .213333rem 0;
    border-bottom: 2px solid #d6d6d6;
    background: #fff;
}
.line-menu-ul1 {
    margin: 0 auto;
    width: 4.266667rem;
    border: 1px solid #b41d24;
    border-radius: .133333rem;
    color: #b41d24;
    line-height: .853333rem;
}
.line-menu-ul1.list-3 {
    width: 7rem;
}
.line-menu-ul1.list-3 li {
	border-left: 1px solid #b41d24;/*no*/
}
.line-menu-ul1.list-3 li:first-child {
	border-left:none;
}

[data-dpr="1"] .line-menu-ul1 {
    font-size: 15px;
}
[data-dpr="2"] .line-menu-ul1 {
    font-size: 30px;
}
[data-dpr="3"] .line-menu-ul1 {
    font-size: 45px;
}

.line-menu-ul1 .line {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #da251e;
}

.line-menu-ul1 .header-menu li {
    position: relative;
    z-index: 1;
    width: 50%;
}
.line-menu-ul1 .header-menu.header-menu-3 li {
    width: 33.3333%;
}

.line-menu-ul1 .header-menu li.active a {
    background: #b41d24;
    color: #fff;
   
}
.line-menu-ul1 .header-menu li a { float: left; width: 100%; text-align: center; border-radius: .133333rem; }

.line-menu {
    position: relative;
}

.line-menu.offt .line {
    -webkit-transition: none;
    transition: none;
}

.line-menu ul li {
    float: left;
    text-align: center;
}

.line-menu .line {
    -webkit-transition: ease .3s;
    transition: ease .3s;
}

.line-menu-ul2 {
    margin-top: -1px;
    border-bottom: 1px solid #d6d6d6;
    background: #fff;
    color: #646464;
}
[data-dpr="1"] .line-menu-ul2 {
    font-size: 14px;
}
[data-dpr="2"] .line-menu-ul2 {
    font-size: 28px;
}
[data-dpr="3"] .line-menu-ul2 {
    font-size: 42px;
}

.line-menu-ul2 ul li {
    width: 25%;
    line-height: 1.2rem;
}

.line-menu-ul2 ul li.active {
    color: #b41d24;
	border-bottom:2px solid #b41d24;
}

.line-menu-ul2 .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;

}

.order-wrapper {
    margin-top: .333333rem;
}

.order-item {
    margin-bottom: .333333rem;
    border-bottom: 2px solid #d6d6d6;
    background: #fff;
}

.order-item-h,.order-link {
    border-bottom: 1px solid #e5e5e5;
}

.order-item.remove {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translate3d(100%,0,0) scale(0);
    transform: translate3d(100%,0,0) scale(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.order-item:nth-last-child(1) {
    margin-bottom: 0;
}

.order-link {
    position: relative;
    padding: .333333rem;
    color: #969696;
}
[data-dpr="1"] .order-link {
    font-size: 12px;
}
[data-dpr="2"] .order-link {
    font-size: 24px;
}
[data-dpr="3"] .order-link {
    font-size: 36px;
}

.order-link h4 {
    margin-bottom: .333333rem;
    color: #3c3c3c;
}
[data-dpr="1"] .order-link h4 {
    font-size: 15px;
}
[data-dpr="2"] .order-link h4 {
    font-size: 30px;
}
[data-dpr="3"] .order-link h4 {
    font-size: 45px;
}

.order-link .right {
    position: absolute;
    top: 50%;
    right: .333333rem;
    color: #3c3c3c;
}
[data-dpr="1"] .order-link .right {
    font-size: 14px;
}
[data-dpr="2"] .order-link .right {
    font-size: 28px;
}
[data-dpr="3"] .order-link .right {
    font-size: 42px;
}

a.order-link:active {
    background: #eee;
}

.order-item-h {
    position: relative;
    padding: 0 .333333rem;
    color: #969696;
    line-height: 1.2rem;
}
[data-dpr="1"] .order-item-h {
    font-size: 12px;
}
[data-dpr="2"] .order-item-h {
    font-size: 24px;
}
[data-dpr="3"] .order-item-h {
    font-size: 36px;
}

.order-item-h .right {
    position: absolute;
    top: 0;
    right: .333333rem;
    color: #b41d24;
}
[data-dpr="1"] .order-item-h .right {
    font-size: 14px;
}
[data-dpr="2"] .order-item-h .right {
    font-size: 28px;
}
[data-dpr="3"] .order-item-h .right {
    font-size: 42px;
}

.order-item-h .right.color1 {
    color: #969696;
}

.order-item-h .name {
    margin-right: .08rem;
    color: #505050;
}
[data-dpr="1"] .order-item-h .name {
    font-size: 14px;
}
[data-dpr="2"] .order-item-h .name {
    font-size: 28px;
}
[data-dpr="3"] .order-item-h .name {
    font-size: 42px;
}

.order-item .order-span {
    display: inline-block;
    vertical-align: middle;
}

.order-item .order-span.img {
    overflow: hidden;
    width: 2.466667rem;
    height: 2.466667rem;
    background: #f0f0f0;
}

.order-item .order-span.cont {
    padding-left: .266667rem;
    width: 5.333333rem;
}

.order-item-f {
    padding: .186667rem .133333rem .186667rem .333333rem;
    text-align: right;
}

.order-item-f .span-btn,.supply-footer .span-btn.btn {
    display: inline-block;
    margin-right: .2rem;
    padding: 0 .266667rem;
    border: 1px solid #ccc;
    border-radius: .106667rem;
    color: #969696;
    vertical-align: top;
    line-height: .8rem;
}
[data-dpr="1"] .order-item-f .span-btn {
    font-size: 13px;
}
[data-dpr="2"] .order-item-f .span-btn {
    font-size: 26px;
}
[data-dpr="3"] .order-item-f .span-btn {
    font-size: 39px;
}

.supply-footer .span-btn.btn { margin-right: 0;}
.order-item-f .span-btn.btn,.supply-footer .span-btn.btn {
    border-color: #b41d24;
    background: #b41d24;
    color: #fff;
}

.oreder-f-btn {
    position: fixed;
    top: 2.666667rem;
    right: 1.2rem;
    z-index: 5;
    width: 1.333333rem;
    height: 1.333333rem;
    background: url(../images/icon-filter.png) center no-repeat;
    background-size: 100% auto;
}

.filter-pop-wrap.phide .filter-pop-body {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

.filter-pop-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.filter-pop-body,.phide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.filter-pop-body {
    position: relative;
    z-index: 1;
    background: #fff;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.47,0,.745,.715);
    transition: -webkit-transform .3s cubic-bezier(.47,0,.745,.715);
    transition: transform .3s cubic-bezier(.47,0,.745,.715);
    transition: transform .3s cubic-bezier(.47,0,.745,.715),-webkit-transform .3s cubic-bezier(.47,0,.745,.715);
    will-change: transform;
}

.filter-top {
    padding: .24rem 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.iconi {
    display: inline-block;
    margin-right: .133333rem;
    width: .506667rem;
    height: .586667rem;
    background: url(../images/filter-icon.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
.icontime {
    display: inline-block;
    margin-right: .133333rem;
    width: .506667rem;
    height: .586667rem;
    background: url(../images/time.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
.iconwu {
    display: inline-block;
    margin-right: .133333rem;
    width: .506667rem;
    height: .586667rem;
    background: url(../images/icon-dfh.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
.filter-top .fipt {
    padding: .133333rem .2rem;
    width: 6rem;
    border: 1px solid #ccc;
    border-radius: .133333rem;
    color: #c8c8c8;
    vertical-align: middle;
    line-height: .8rem;
}
[data-dpr="1"] .filter-top .fipt {
    font-size: 12px;
}
[data-dpr="2"] .filter-top .fipt {
    font-size: 24px;
}
[data-dpr="3"] .filter-top .fipt {
    font-size: 36px;
}

.filter-pop-wrap .fstyle1 {
    padding-top: 0;
    padding-left: 0;
}

.filter-pop-wrap .fstyle1 .f-link p {
    color: #505050;
}

.filter-pop-wrap .fstyle1 .f-link {
    padding-left: .6rem;
}

.filter-pop-wrap .fstyle1 .f-link .right {
    left: 0;
    color: #c8c8c8;
    font-size: .32rem;
}

.filter-pop-wrap .fstyle1 .f-link .right input {
    width: 100%;
    background-color: transparent;
}

.filter-btn {
    padding: .666667rem .266667rem;
    text-align: right;
}
[data-dpr="1"] .filter-btn {
    font-size: 14px;
}
[data-dpr="2"] .filter-btn {
    font-size: 28px;
}
[data-dpr="3"] .filter-btn {
    font-size: 42px;
}

.filter-btn .btn {
    display: inline-block;
    margin: 0 .16rem;
    width: 2.533333rem;
    border-radius: .133333rem;
    background: #da251e;
    color: #fff;
    text-align: center;
    line-height: .826667rem;
}

.invoice-ul1 .left,.invoice-ul1 .right,.invoice-ul1 li .icon-img,.invoice-ul1 li .left-s,.supply-header section {
    display: table-cell;
    vertical-align: middle;
}

.filter-btn .btn.c {
    background: #e6e6e6;
    color: #505050;
}

@media screen and (max-height:420px) {
    .filter-pop-body {
        height: 100%;
    }

    .filter-top .fipt {
        line-height: .533333rem;
    }

    .filter-pop-wrap .fstyle1 li {
        line-height: .8rem;
    }

    .filter-btn {
        padding: .266667rem 0;
    }

    .filter-btn .btn {
        width: 1.866667rem;
        line-height: .666667rem;
    }
}

.filter-pop-wrap .mbsc-control {
    border: none;
    color: #505050;
    text-align: right;
}
[data-dpr="1"] .filter-pop-wrap .mbsc-control {
    font-size: 12px;
}
[data-dpr="2"] .filter-pop-wrap .mbsc-control {
    font-size: 24px;
}
[data-dpr="3"] .filter-pop-wrap .mbsc-control {
    font-size: 36px;
}

.sub-filter {
    position: absolute;
    top: 0;
    right: 0;
    overflow-y: auto;
    width: 50%;
    height: 100%;
    border-left: 1px solid #e5e5e5;
    background: #fff;
}

.sub-filter li {
    padding: .333333rem .2rem;
    border-bottom: 1px solid #e5e5e5;
    color: #505050;
    font-size: .373333rem;
}
[data-dpr="1"] .mbsc-ios .mbsc-sc-itm {
    font-size: 14px;
}
[data-dpr="2"] .mbsc-ios .mbsc-sc-itm {
    font-size: 28px;
}
[data-dpr="3"] .mbsc-ios .mbsc-sc-itm {
    font-size: 42px;
}

.mbsc-ios .mbsc-fr-btn {
    color: #333!important;
}
[data-dpr="1"] .mbsc-ios .mbsc-fr-btn {
    font-size: 15px;
}
[data-dpr="2"] .mbsc-ios .mbsc-fr-btn {
    font-size: 30px;
}
[data-dpr="3"] .mbsc-ios .mbsc-fr-btn {
    font-size: 45px;
}

.supply-header {
    padding: 0 0 0 .933333rem;
    width: 100%;
    height: 2.8rem;
    background: url(../images/icon-bg1.png) 5.786667rem bottom no-repeat #b41d24;
    background-size: 2.893333rem;
    color: #fff;
}

.supply-header.icon-bg2 {
    background-image: url(../images/icon-bg2.png);
}

.supply-header section {
    height: 2.8rem;
    line-height: 1.8;
}
[data-dpr="1"] .supply-header h2 {
    font-size: 18px;
}
[data-dpr="2"] .supply-header h2 {
    font-size: 36px;
}
[data-dpr="3"] .supply-header h2 {
    font-size: 54px;
}
[data-dpr="1"] .supply-header p {
    font-size: 12px;
}
[data-dpr="2"] .supply-header p {
    font-size: 24px;
}
[data-dpr="3"] .supply-header p {
    font-size: 36px;
}

.invoice-ul1 {
    color: #969696;
    line-height: 1.6;
}

.invoice-ul1 .left h3,.logis-header h3 {
    color: #3cc8e6;
}
[data-dpr="1"] .invoice-ul1 {
    font-size: 12px;
}
[data-dpr="2"] .invoice-ul1 {
    font-size: 24px;
}
[data-dpr="3"] .invoice-ul1 {
    font-size: 36px;
}

.invoice-ul1 .left {
    width: 60%;
}
[data-dpr="1"] .invoice-ul1 .left h3 {
    font-size: 15px;
}
[data-dpr="2"] .invoice-ul1 .left h3 {
    font-size: 30px;
}
[data-dpr="3"] .invoice-ul1 .left h3 {
    font-size: 45px;
}

.invoice-ul1 .right {
    width: 33%;
    text-align: right;
}

.invoice-ul1 li {
    padding: .333333rem .266667rem;
    border-top: 1px solid #e5e5e5;
}

.invoice-ul1 li .icon-img {
    padding-right: .133333rem;
    width: .666667rem;
}

.invoice-ul1 li .addr-p {
    padding-left: .666667rem;
}

.invoice-ul1 li:nth-of-type(2) .icon-img {
    -webkit-transform: translate3d(0,.533333rem,0);
    transform: translate3d(0,.533333rem,0);
}

.lookfl {
    display: inline-block;
    width: 1.866667rem;
    border: 1px solid #ccc;
    border-radius: .133333rem;
    text-align: center;
    font-size: .346667rem;
    line-height: .773333rem;
}

.logis-header {
    padding: .266667rem .466667rem;
    background: #fff;
}
[data-dpr="1"] .logis-header h3 {
    font-size: 15px;
}
[data-dpr="2"] .logis-header h3 {
    font-size: 30px;
}
[data-dpr="3"] .logis-header h3 {
    font-size: 45px;
}

.logis-header p {
    padding: .04rem 0 .1rem;
    color: #969696;
    font-size: .32rem;
}

.logis-list-box {
    margin-top: .333333rem;
}

.logis-list-box h3 {
    padding-left: .333333rem;
    border-bottom: 1px solid #e5e5e5;
    color: #505050;
    line-height: 1.2rem;
}
[data-dpr="1"] .logis-list-box h3 {
    font-size: 14px;
}
[data-dpr="2"] .logis-list-box h3 {
    font-size: 28px;
}
[data-dpr="3"] .logis-list-box h3 {
    font-size: 42px;
}

.logis-ul {
    position: relative;
    margin-top: .533333rem;
    color: #969696;
    line-height: 1.6;
}
[data-dpr="1"] .logis-ul {
    font-size: 14px;
}
[data-dpr="2"] .logis-ul {
    font-size: 28px;
}
[data-dpr="3"] .logis-ul {
    font-size: 42px;
}

.logis-ul li {
    position: relative;
    padding: 0 0 .533333rem 1.466667rem;
}

.logis-ul li:after,.logis-ul li:before {
    position: absolute;
    top: .133333rem;
    background: #cecfcf;
    content: '';
}

.logis-ul li:first-child {
    color: #3cc8e6;
}

.logis-ul li:after {
    left: .72rem;
    width: .026667rem;
    height: 100%;
}

.logis-ul li:nth-last-child(1):after {
    display: none;
}

.logis-ul li:before {
    left: .6rem;
    z-index: 1;
    width: .266667rem;
    height: .266667rem;
    border-radius: 50%;
}

.logis-ul li:first-child:before {
    background: #3cc8e6;
    box-shadow: 0 0 0 .16rem #d2f7ff;
}

.logis-ul .text {
    margin-top: -.133333rem;
}
[data-dpr="1"] .logis-ul .time {
    font-size: 12px;
}
[data-dpr="2"] .logis-ul .time {
    font-size: 24px;
}
[data-dpr="3"] .logis-ul .time {
    font-size: 36px;
}

.material-table {
    margin-top: .333333rem;
    background: #fff;
    line-height: 1.6;
}

.material-table td {
    padding: .266667rem 0;
    border-top: 1px solid #e5e5e5;
}

.material-table tr td:nth-of-type(1) {
    padding-left: .6rem;
}

.material-table tr td:nth-of-type(2) {
    padding-right: .6rem;
    text-align: right;
}

.material-table tr:first-child td {
    border-top: .013333rem solid #e5e5e5;
}

.material-table td h4 {
    color: #505050;
    font-size: .373333rem;
}

.material-table td p {
    color: #969696;
    font-size: .32rem;
}

.lookbtn {
    display: inline-block;
    width: 1.933333rem;
    border: 1px solid #3cc8e6;
    border-radius: .133333rem;
    color: #3cc8e6;
    text-align: center;
    line-height: .773333rem;
}
[data-dpr="1"] .lookbtn {
    font-size: 13px;
}
[data-dpr="2"] .lookbtn {
    font-size: 26px;
}
[data-dpr="3"] .lookbtn {
    font-size: 39px;
}

.supply-ul .order-item {
    margin-bottom: auto;
    border-bottom: none;
}

.msg-line-box {
    padding: .266667rem .333333rem 0;
    background: #fff;
}

.msg-line-box section {
    padding: .2rem;
    min-height: 1.533333rem;
    border: 1px solid #ccc;
    border-radius: .133333rem;
}

.msg-line-box textarea {
    width: 85%;
    border: none;
    color: inherit;
    vertical-align: top;
    resize: none;
}

.msg-line-box {
    color: #787878;
}
[data-dpr="1"] .msg-line-box {
    font-size: 14px;
}
[data-dpr="2"] .msg-line-box {
    font-size: 28px;
}
[data-dpr="3"] .msg-line-box {
    font-size: 42px;
}

.brt1 {
    border-top: 1px solid #e5e5e5;
}

.brb2 {
    border-bottom: 2px solid #e5e5e5;
}

.suppl-proof {
    margin: .266667rem 0;
    padding: 0 .6rem;
}

.suppl-proof h3 {
    margin: .266667rem 0;
    color: #787878;
}
[data-dpr="1"] .suppl-proof h3 {
    font-size: 14px;
}
[data-dpr="2"] .suppl-proof h3 {
    font-size: 28px;
}
[data-dpr="3"] .suppl-proof h3 {
    font-size: 42px;
}

.suppl-proof-ul li {
    float: left;
    overflow: hidden;
    margin-right: .4rem;
    margin-bottom: .4rem;
    width: 2.026667rem;
    height: 2.026667rem;
    border: 1px solid #b6b1b1;
    text-align: center;
    line-height: 2rem;
}

.suppl-proof-ul li.btn {
    position: relative;
    color: #c2c2c2;
    text-align: center;
    line-height: 2rem;
}
[data-dpr="1"] .suppl-proof-ul li.btn {
    font-size: 20px;
}
[data-dpr="2"] .suppl-proof-ul li.btn {
    font-size: 40px;
}
[data-dpr="3"] .suppl-proof-ul li.btn {
    font-size: 60px;
}

.suppl-proof-ul li.btn input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 10em;
    opacity: 0;
}

.suppl-proof-ul li.btn:nth-last-child(1) {
    border-style: dotted;
}

.suppl-proof-ul li img {
    min-height: 100%;
    vertical-align: top;
}

.supply-footer {
    padding: .186667rem .333333rem;
    color: #3c3c3c;
    line-height: .853333rem;
}
[data-dpr="1"] .supply-footer {
    font-size: 15px;
}
[data-dpr="2"] .supply-footer {
    font-size: 30px;
}
[data-dpr="3"] .supply-footer {
    font-size: 45px;
}

.supply-footer span {
    color: #b41d24;
}

.supply-footer .btn-she {
    float: right;
    width: 2.026667rem;
    height: .853333rem;
    border-radius: .133333rem;
    background: #3cc8e6;
    color: #fff;
}

.supply-footer button.btn-she {
    border: none;
}

.order-item-f .span-btn.off,.supply-footer .btn-she.off {
    background: #c6c6c6;
    color: #fff;
}

.order-item-f .span-btn.off {
    border-color: #c6c6c6;
}

.pop-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.pop-audit-body,.popbg {
    position: absolute;
    bottom: 0;
     left: 0;
	  z-index:0;
}

.pop-box,.popbg {
    width: 100%;
    height: 100%;
}

.popbg {
    top: 0;
    right: 0;
    background: rgba(0,0,0,.5);
}
.pop-box .popbg {
    -webkit-transition: opacity ease .4s;
    transition: .4s;
    background: rgba(0,0,0,0);
}
.pop-box.active .popbg {
    background: rgba(0,0,0,.5);
}

.pop-audit-body {
    z-index: 1;
    width: 100%;
    background: #fff;
    -webkit-transition: ease transform .4s;
    transition: ease transform .4s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.pop-audit-body h3 {
    position: relative;
    background: #c33719;
    color: #fff;
    text-align: center;
    line-height: 1.266667rem;
}
[data-dpr="1"] .pop-audit-body h3 {
    font-size: 18px;
}
[data-dpr="2"] .pop-audit-body h3 {
    font-size: 36px;
}
[data-dpr="3"] .pop-audit-body h3 {
    font-size: 54px;
}

.pop-audit-body .close {
    position: absolute;
    top: .306667rem;
    right: .333333rem;
    width: .666667rem;
    height: .666667rem;
    background: url(../images/icon-close1.png) no-repeat;
    background-size: 100% auto;
}

.ul-form-list {
    color: #969696;
}
[data-dpr="1"] .ul-form-list {
    font-size: 14px;
}
[data-dpr="2"] .ul-form-list {
    font-size: 28px;
}
[data-dpr="3"] .ul-form-list {
    font-size: 42px;
}

.ul-form-list li {
    padding: .4rem;
    border-bottom: 1px solid #e5e5e5;
}

.ul-form-list li label {
    margin-right: .266667rem;
}

.ul-form-list .cont,.ul-form-list .tit {
    display: table-cell;
}

.ul-form-list .tit {
    width: 1.6rem;
}

.ul-form-list .cont {
    padding-left: .08rem;
    min-width: 8rem;
    vertical-align: top;
}

.ul-form-list .cont textarea {
    padding: .2rem .266667rem;
    width: 100%;
    min-height: 2.2rem;
    border: 1px solid #ccc;
    border-radius: .133333rem;
    resize: none;
}

.ul-form-list input[type=radio] {
    display: none;
    margin-right: .08rem;
    vertical-align: middle;
    text-align: center;
}

.ul-form-list .cont label i {
    position: relative;
    display: inline-block;
    margin-right: .08rem;
    width: 16px;
    height: 16px;
    border: 2px solid #c33719;
    border-radius: 50%;
    vertical-align: middle;
}

.ul-form-list .cont input:checked+i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c33719;
    content: '';
}

.btn-box {
    text-align: right;
}

#position,.btn-box .btn,.filter-menu,.main-meun li,.menu-nav ul li,.proxy-list dd .right {
    text-align: center;
}

.btn-box .btn {
    margin-left: .4rem;
    min-width: 1.893333rem;
    border: none;
    border-radius: .133333rem;
    line-height: .853333rem;
}
[data-dpr="1"] .btn-box .btn {
    font-size: 14px;
}
[data-dpr="2"] .btn-box .btn {
    font-size: 28px;
}
[data-dpr="3"] .btn-box .btn {
    font-size: 42px;
}

.btn-box .btn.confirm {
    background: #c33719;
    color: #fff;
}

.btn-box .btn.cancel {
    background: #e6e6e6;
    color: #787878;
}

.pop-box.active {
    z-index: 99;
    visibility: visible;
}

.pop-box.active .pop-audit-body.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.swipe-enwrap {
    position: relative;
    width: 100%;
    background: #eee;
}

.btn-blue:active,.btn-gray:active,.btn-white:active {
    outline: 0;
    background-image: none;
}

.swipe-enwrap .swipe {
    position: relative;
    visibility: hidden;
    overflow: hidden;
}

.swipe-enwrap .swipe-wrap {
    position: relative;
    overflow: hidden;
}

.swipe-enwrap .swipe-wrap>div {
    position: relative;
    float: left;
    width: 100%;
}

#position {
    position: absolute;
    bottom: .133333rem;
    left: 0;
    margin: 0;
    width: 100%;
}

#position li {
    display: inline-block;
    margin: 0 8px;
    width: 12px;
    height: 12px;
    border: 1px solid #3cc8e6;
    border-radius: 50%;
    background-color: transparent;
}

.ICO,.main {
    margin: 0 auto;
}

#position li.cur {
    background-color: #3cc8e6;
}

.img-responsive {
    display: block;
    width: 100%;
}

.ICO {
    display: block;
    width: .666667rem;
    height: .666667rem;
}

.btn-blue,.btn-gray {
    display: inline-block;
}

.back-color-gray {
    background-color: #eee;
}

.btn-default {
    border: 1px solid #ccc;
}

button.btn-blue,button.btn-white-blue,input.btn-blue,input.btn-white-blue {
    border: none;
}

.invite form .btn,a.btn,button.btn,input.btn,span.btn {
    border-radius: .133333rem;
}

.btn-blue {
    background-color: #b41d24;
    color: #fff!important;
    border-color: #b41d24!important;
}

.btn-blue:focus,.btn-blue:hover {
    background-color: #b41d24;
    color: #fff!important;
    text-decoration: none;
}

button.btn-gray,input.btn-gray {
    border: none;
}

.btn-gray {
    background-color: #e6e6e6;
    color: #787878!important;
}
.btn-white {
    background-color: #fff;
    color: #000!important;
}
.main-meun li a,.menu-nav ul li a,.pro-list li a {
    display: block;
    text-decoration: none;
}

.btn-gray:focus,.btn-gray:hover {
    background-color: #dcdcdc;
    color: #787878!important;
    text-decoration: none;
}

.btn-white,.btn-white:focus,.btn-white:hover {
    background-color: #fff;
    color: #c33719;
}

.btn-white:focus,.btn-white:hover {
    text-decoration: none;
}

.main {
    width: 100%;
    height: auto;
}

.main .top {
    padding: .6rem .333333rem 1.146667rem;
    width: 100%;
    line-height: 1.5;
	min-height:148px;
    height: 3.84rem;
    background: url(../images/BG001.png) 1.173333rem -.933333rem no-repeat #e04b4b!important;
    background-size: auto 100%;
}

.main .top .avatar {
    margin-top: .15rem;
    float: left;
    overflow: hidden;
    margin-right: .32rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .16rem;
    /*box-shadow: .053333rem .053333rem #763333;*/
}

.main .top .avatar img {
    min-width: 100%;
    min-height: 100%;
}

.main .top h3 {
    overflow: hidden;
    margin: 0 0 .28rem;
    width: auto;
    color: #fff;
}
[data-dpr="1"] .main .top h3 {
    font-size: 15px;
}
[data-dpr="2"] .main .top h3 {
    font-size: 30px;
}
[data-dpr="3"] .main .top h3 {
    font-size: 45px;
}

.main .top h3 span {
    margin-left: .373333rem;
}
[data-dpr="1"] .main .top h3 span {
    font-size: 12px;
}
[data-dpr="2"] .main .top h3 span {
    font-size: 24px;
}
[data-dpr="3"] .main .top h3 span {
    font-size: 36px;
}

.main .top p {
    padding-left: 1.92rem;
    width: auto;
    color: #fff;
}
[data-dpr="1"] .main .top p {
    font-size: 11px;
}
[data-dpr="2"] .main .top p {
    font-size: 22px;
}
[data-dpr="3"] .main .top p {
    font-size: 33px;
}

.main-meun {
    overflow: hidden;
    width: auto;
    height: auto;
    background-color: #fff;
}

.main-meun,.main-meun li {
    border-bottom: 1px solid #d6d6d6;
}

.main-meun li {
    position: relative;
    float: left;
    width: 33.3333%;
    height: 3.32rem;
}

.main-meun li:before {
    position: absolute;
    top: 0;
    left: -.013333rem;
    width: 0;
    height: 3.32rem;
    border-left: 1px solid #d6d6d6;
    content: "";
}

.main-meun li a {
    padding: .986667rem 0 .48rem;
    width: 100%;
    height: 100%;
    color: #3c3c3c;
}

.main-meun li a p {
    margin: 0;
    line-height: .52rem;
}
[data-dpr="1"] .main-meun li a p {
    font-size: 14px;
}
[data-dpr="2"] .main-meun li a p {
    font-size: 28px;
}
[data-dpr="3"] .main-meun li a p {
    font-size: 42px;
}

.main-meun li .ICO {
    margin-bottom: .52rem;
    width: .8rem;
    height: .8rem;
    background-size: 100% auto!important;
}

.main-meun li .meun-list-pro {
    background: url(../images/meun-list-pro.png) center no-repeat;
}

.main-meun li .meun-list-affiliate {
    background: url(../images/meun-list-affiliate.png) center no-repeat;
}

.main-meun li .meun-list-application {
    background: url(../images/meun-list-application.png) center no-repeat;
}

.main-meun li .meun-list-proxy {
    background: url(../images/meun-list-proxy.png) center no-repeat;
}

.main-meun li .meun-list-order {
    background: url(../images/meun-list-order.png) center no-repeat;
}
.main-meun li .addteam {
    background: url(../images/addteam.png) center no-repeat;
}
.main-meun li .meun-list-rule {
    background: url(../images/meun-list-rule.png) center no-repeat;
}

.main-meun li .meun-list-recharge {
    background: url(../images/menu_7.png) center no-repeat;
}

.main-meun li .meun-list-return {
    background: url(../images/menu_8.png) center no-repeat;
}

.main-meun li .meun-list-upgrade {
    background: url(../images/menu_9.png) center no-repeat;
}
.main-meun li .icon-groom {
    background: url(../images/icon-groom.png) center no-repeat;
}

.menu-nav {
    position: fixed;
    bottom: 0;
    height: 1.293333rem;
    min-width: 10rem;
    border-top: 1px solid #ccc;
    background-color: #fff;
}

.menu-nav,.menu-nav ul {
    margin: 0 auto;
    width: 100%;
}

.menu-nav ul {
    max-width: 10rem;
}

.menu-nav ul li {
    float: left;
    padding: .133333rem 0 .04rem;
    width: 25%;
    height: auto;
}

.menu-nav ul li a {
    width: 100%;
    height: 100%;
}

.menu-nav ul li a .ICO {
    background: url(../images/ICO002.png) no-repeat;
}

.menu-nav ul li a .nav-home {
    background-position: 0 0;
}

.menu-nav ul li a .nav-proxy {
    background-position: -.666667rem 0;
}

.menu-nav ul li a .nav-Ship {
    background-position: -1.333333rem 0;
}

.menu-nav ul li a .nav-center {
    background-position: -2rem 0;
}

.menu-nav ul li a:hover .nav-home {
    background-position: 0 -.666667rem;
}

.menu-nav ul li a:hover .nav-proxy {
    background-position: -.666667rem -.666667rem;
}

.menu-nav ul li a:hover .nav-Ship {
    background-position: -1.333333rem -.666667rem;
}

.menu-nav ul li a:hover .nav-center {
    background-position: -2rem -.666667rem;
}

.menu-nav ul li a:hover p {
    color: #3cc8e6;
}

.menu-nav ul li a p {
    color: #646464;
    line-height: .44rem;
}
[data-dpr="1"] .menu-nav ul li a p {
    font-size: 11px;
}
[data-dpr="2"] .menu-nav ul li a p {
    font-size: 22px;
}
[data-dpr="3"] .menu-nav ul li a p {
    font-size: 33px;
}

.pro-list {
    overflow: hidden;
    margin: 0 auto .266667rem;
    height: auto;
}

.pro-list,.pro-list li {
    border-bottom: 1px solid #ccc;
}

.pro-list li {
    position: relative;
    padding: .333333rem;
    width: 100%;
    height: 3.2rem;
    background-color: #fff;
}

.pro-list li .btn-box,.pro-list li span {
    position: absolute;
    top: 50%;
    right: .333333rem;
}

.pro-list li a {
    width: 100%;
    height: 100%;
}

.pro-list li .img {
    float: left;
    overflow: hidden;
    margin-right: .333333rem;
    width: 2.466667rem;
    height: 2.466667rem;
    line-height: 2.466667rem;
}

.pro-list li h3 {
    float: left;
    overflow: hidden;
    margin: 0 0 .186667rem;
    width: 3.733333rem;
    height: .653333rem;
    color: #505050;
    line-height: .653333rem;
}
[data-dpr="1"] .pro-list li h3 {
    font-size: 15px;
}
[data-dpr="2"] .pro-list li h3 {
    font-size: 30px;
}
[data-dpr="3"] .pro-list li h3 {
    font-size: 45px;
}

.pro-list li div {
    float: left;
    width: 3.733333rem;
    height: 1.626667rem;
    color: #969696;
}

.pro-list li div,.pro-list li div p {
    margin: 0;
    line-height: .533333rem;
}
[data-dpr="1"] .pro-list li div,[data-dpr="1"] .pro-list li div p {
    font-size: 12px;
}
[data-dpr="2"] .pro-list li div,[data-dpr="2"] .pro-list li div p {
    font-size: 24px;
}
[data-dpr="3"] .pro-list li div,[data-dpr="3"] .pro-list li div p {
    font-size: 36px;
}

.pro-list li div p {
    overflow: hidden;
    width: 100%;
    height: .533333rem;
}

.pro-list li span {
    color: #969696;
    text-align: right;
}
[data-dpr="1"] .pro-list li span {
    font-size: 12px;
}
[data-dpr="2"] .pro-list li span {
    font-size: 24px;
}
[data-dpr="3"] .pro-list li span {
    font-size: 36px;
}

.pro-list li .btn-box {
    width: auto;
}

.pro-list li .btn-box .btn {
    margin: 0 0 .253333rem;
    height: .84rem;
    min-width: 2.666667rem;
}

.content-text,.invite {
    overflow: hidden;
    height: auto;
    background-color: #fff;
}
[data-dpr="1"] .pro-list li .btn-box .btn {
    font-size: 14px;
}
[data-dpr="2"] .pro-list li .btn-box .btn {
    font-size: 28px;
}
[data-dpr="3"] .pro-list li .btn-box .btn {
    font-size: 42px;
}

.content-text {
    margin: 0 auto .333333rem;
    padding: .533333rem .333333rem;
}

.content-text img {
    max-width: 100%;
}

.invite {
    margin: 0 auto;
    border-bottom: 1px solid #d6d6d6;
}

.invite .mbsc-control {
    padding: 0 .333333rem;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: .133333rem;
    color: #969696;
    line-height: .84rem;
}
[data-dpr="1"] .invite .mbsc-control {
    font-size: 13px;
}
[data-dpr="2"] .invite .mbsc-control {
    font-size: 26px;
}
[data-dpr="3"] .invite .mbsc-control {
    font-size: 39px;
}

.boxafter {
    position: relative;
    margin-bottom: .466667rem;
}

.boxafter:after {
    position: absolute;
    top: 50%;
    right: .2rem;
    width: 0;
    height: 0;
    border-top: .2rem solid #969696;
    border-right: .16rem solid transparent;
    border-left: .16rem solid transparent;
    content: ' ';
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

.invite h3 {
    margin: 0;
    padding: 0 .333333rem;
    width: 100%;
    height: 1.266667rem;
    border-bottom: 1px solid #e5e5e5;
    line-height: 1.266667rem;
}
[data-dpr="1"] .invite h3 {
    font-size: 15px;
}
[data-dpr="2"] .invite h3 {
    font-size: 30px;
}
[data-dpr="3"] .invite h3 {
    font-size: 45px;
}

.invite form {
    padding: .8rem 1.133333rem 3.186667rem;
    width: 100%;
    height: auto;
}

.invite form select {
    margin-bottom: .466667rem;
    padding-right: .533333rem;
    height: .84rem;
    background: url(../images/ICO003.png) 7.2rem no-repeat;
    color: #969696;
    font-weight: 400;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
[data-dpr="1"] .invite form select {
    font-size: 13px;
}
[data-dpr="2"] .invite form select {
    font-size: 26px;
}
[data-dpr="3"] .invite form select {
    font-size: 39px;
}

.invite form select::-ms-expand {
    display: none;
}

.invite form .btn {
    width: 100%;
    height: 1.093333rem;
    border: none;
    line-height: 1.093333rem;
}
[data-dpr="1"] .invite form .btn {
    font-size: 17px;
}
[data-dpr="2"] .invite form .btn {
    font-size: 34px;
}
[data-dpr="3"] .invite form .btn {
    font-size: 51px;
}
.seldaili
{
	 width:100%;     height:0.8rem;    line-height: 0.8rem; border:1px solid #ccc; border-radius:5px; color:#333; margin-bottom:15px;
}
.invite .daili {
    padding: .8rem 1.133333rem 3.186667rem;
    width: 100%;
    height: auto;
}
.invite .daili .btn {
    width: 100%;
    height: 1.093333rem;
    border: none;
    line-height: 1.093333rem;
}
[data-dpr="1"] .invite .daili .btn {
    font-size: 17px;
}
[data-dpr="2"] .invite .daili .btn {
    font-size: 34px;
}
[data-dpr="3"] .invite .daili .btn {
    font-size: 51px;
}
.proxy-list {
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}
.proxy-list dt {
    padding: 0 .333333rem;
    width: 100%;
    height: 1.333333rem;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}
.proxy-list dt h3 {
    float: left;
    margin: 0;
    width: auto;
    height: 1.32rem;
    line-height: 1.32rem;
}
[data-dpr="1"] .proxy-list dt h3 {
    font-size: 15px;
}
[data-dpr="2"] .proxy-list dt h3 {
    font-size: 30px;
}
[data-dpr="3"] .proxy-list dt h3 {
    font-size: 45px;
}
.proxy-list dt .form-control {
    position: relative;
    float: right;
    margin-top: .24rem;
    padding-right: .533333rem;
    padding-left: .133333rem;
    width: 4.546667rem;
    height: .84rem;
    border: 1px solid #ddd;
    border-radius: .133333rem;
    background: url(../images/ICO003.png) 96% center no-repeat;
    background-size: auto 30%;
    color: #969696;
    font-weight: 400;
    line-height: .653333rem;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
.filter-menu,.proxy-list dd {
    border-bottom: 2px solid #d6d6d6;
}
[data-dpr="1"] .proxy-list dt .form-control {
    font-size: 13px;
}
[data-dpr="2"] .proxy-list dt .form-control {
    font-size: 26px;
}
[data-dpr="3"] .proxy-list dt .form-control {
    font-size: 39px;
}

.proxy-list dt select::-ms-expand {
    display: none;
}


@media (min-width: 351px) {
    .proxy-list dd {
    overflow: hidden;
    margin-bottom: .306667rem;
    padding: .173333rem .333333rem;
    width: 100%;
    height: 3.146667rem;
    background-color: #fff;
}

.proxy-list dd .img {
    float: left;
    margin: .32rem .2rem .32rem 0;
    width: 2.133333rem;
    height: 2.133333rem;
}

.proxy-list dd h4 {
    float: left;
    overflow: hidden;
    margin: .2rem 0 .106667rem;
    width: 4.36rem;
    height: .826667rem;
    color: #3c3c3c;
    line-height: .826667rem;
}
[data-dpr="1"] .proxy-list dd h4 {
    font-size: 14px;
}
[data-dpr="2"] .proxy-list dd h4 {
    font-size: 28px;
}
[data-dpr="3"] .proxy-list dd h4 {
    font-size: 42px;
}

.proxy-list dd .attr {
    float: left;
    width: 4.36rem;
    height: 1.04rem;
    line-height: .52rem;
}

.proxy-list dd .attr p {
    overflow: hidden;
    margin: 0;
    width: auto;
    height: .52rem;
    color: #787878;
    line-height: .52rem;
}
[data-dpr="1"] .proxy-list dd .attr p {
    font-size: 12px;
}
[data-dpr="2"] .proxy-list dd .attr p {
    font-size: 24px;
}
[data-dpr="3"] .proxy-list dd .attr p {
    font-size: 36px;
}

.proxy-list dd .right {
    float: right;
    padding: .8rem 0 0;
    width: 2.466667rem;
    height: 100%;
    border-left: 1px solid #e5e5e5;
    line-height: .533333rem;
}
[data-dpr="1"] .proxy-list dd .right {
    font-size: 12px;
}
[data-dpr="2"] .proxy-list dd .right {
    font-size: 24px;
}
[data-dpr="3"] .proxy-list dd .right {
    font-size: 36px;
}

.proxy-list dd .right span {
    margin-right: .066667rem;
    color: #b41d24;
    font-weight: 700;
}
[data-dpr="1"] .proxy-list dd .right span {
    font-size: 15px;
}
[data-dpr="2"] .proxy-list dd .right span {
    font-size: 30px;
}
[data-dpr="3"] .proxy-list dd .right span {
    font-size: 45px;
}
    .appli-list dd {
    padding: .533333rem .333333rem;
    width: 100%;
    height: 3.226667rem;
}
.appli-list dd .img {
    position: relative;
    margin: 0 .266667rem 0 0;
}
.appli-list dd .img a {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(../images/ICO004.png) center no-repeat #c33719;
    background-size: auto 90%;
}

.appli-list dd .attr,.appli-list dd h4 {
    width: 4.733333rem;
    line-height: .533333rem;
}
    .appli-list dd .attr,.appli-list dd h4 {
    width: 4.233333rem;
    line-height: .533333rem;
}
    

.appli-list dd h4 {
    margin: 0;
    height: .533333rem;
}
[data-dpr="1"] .appli-list dd h4 {
    font-size: 14px;
}
[data-dpr="2"] .appli-list dd h4 {
    font-size: 28px;
}
[data-dpr="3"] .appli-list dd h4 {
    font-size: 42px;
}

.appli-list dd .attr {
    height: 1.6rem;
}

.appli-list dd .attr p {
    width: 100%;
}

.appli-list dd .btn-box {
    float: right;
    padding: .093333rem 0;
    width: 2.026667rem;
    height: 2.133333rem;
}

.appli-list dd .btn-box .btn {
    margin-top: .64rem;
    margin-left: 0!important;
    width: 100%;
    height: .84rem;
}
[data-dpr="1"] .appli-list dd .btn-box .btn {
    font-size: 14px;
}
[data-dpr="2"] .appli-list dd .btn-box .btn {
    font-size: 28px;
}
[data-dpr="3"] .appli-list dd .btn-box .btn {
    font-size: 42px;
}
}
@media (max-width: 350px) {
    .proxy-list dd {
    overflow: hidden;
    margin-bottom: .306667rem;
    padding: .173333rem .333333rem;
    width: 100%;
    height: 3.146667rem;
    background-color: #fff;
}

.proxy-list dd .img {
    float: left;
    margin: .32rem .2rem .32rem 0;
    width:1.533333rem;
    height: 1.533333rem;
}
    

.proxy-list dd h4 {
    float: left;
    overflow: hidden;
    margin: .2rem 0 .106667rem;
    width: 4.36rem;
    height: .826667rem;
    color: #3c3c3c;
    line-height: .826667rem;
}
[data-dpr="1"] .proxy-list dd h4 {
    font-size: 14px;
}
[data-dpr="2"] .proxy-list dd h4 {
    font-size: 28px;
}
[data-dpr="3"] .proxy-list dd h4 {
    font-size: 42px;
}

.proxy-list dd .attr {
    float: left;
    width: 4.36rem;
    height: 1.04rem;
    line-height: .52rem;
}

.proxy-list dd .attr p {
    overflow: hidden;
    margin: 0;
    width: auto;
    height: .52rem;
    color: #787878;
    line-height: .52rem;
}
[data-dpr="1"] .proxy-list dd .attr p {
    font-size: 12px;
}
[data-dpr="2"] .proxy-list dd .attr p {
    font-size: 24px;
}
[data-dpr="3"] .proxy-list dd .attr p {
    font-size: 36px;
}

.proxy-list dd .right {
    float: right;
    padding: .8rem 0 0;
    width: 2.466667rem;
    height: 100%;
    border-left: 1px solid #e5e5e5;
    line-height: .533333rem;
}
[data-dpr="1"] .proxy-list dd .right {
    font-size: 12px;
}
[data-dpr="2"] .proxy-list dd .right {
    font-size: 24px;
}
[data-dpr="3"] .proxy-list dd .right {
    font-size: 36px;
}

.proxy-list dd .right span {
    margin-right: .066667rem;
    color: #3cc8e6;
    font-weight: 700;
}
[data-dpr="1"] .proxy-list dd .right span {
    font-size: 14px;
}
[data-dpr="2"] .proxy-list dd .right span {
    font-size: 28px;
}
[data-dpr="3"] .proxy-list dd .right span {
    font-size: 42px;
}
    .appli-list dd {
    padding: .533333rem .333333rem;
    width: 100%;
    height: 3.226667rem;
}
.appli-list dd .img {
    position: relative;
    margin: 0 .266667rem 0 0;
}
.appli-list dd .img a {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: .3rem;
    height: .3rem;
    background: url(../images/ICO004.png) center no-repeat #c33719;
    background-size: auto 90%;
}

.appli-list dd .attr,.appli-list dd h4 {
    width: 4.733333rem;
    line-height: .533333rem;
}
    .appli-list dd .attr,.appli-list dd h4 {
    width: 4.233333rem;
    line-height: .533333rem;
}
    

.appli-list dd h4 {
    margin: 0;
    height: .533333rem;
}
[data-dpr="1"] .appli-list dd h4 {
    font-size: 15px;
}
[data-dpr="2"] .appli-list dd h4 {
    font-size: 30px;
}
[data-dpr="3"] .appli-list dd h4 {
    font-size: 45px;
}

.appli-list dd .attr {
    height: 1.6rem;
}

.appli-list dd .attr p {
    width: 100%;
}

.appli-list dd .btn-box {
    float: right;
    padding: .093333rem 0;
    width: 2.026667rem;
    height: 2.133333rem;
}

.appli-list dd .btn-box .btn {
    margin-top: .64rem;
    margin-left: 0!important;
    width: 100%;
    height: .84rem;
}
[data-dpr="1"] .appli-list dd .btn-box .btn {
    font-size: 14px;
}
[data-dpr="2"] .appli-list dd .btn-box .btn {
    font-size: 28px;
}
[data-dpr="3"] .appli-list dd .btn-box .btn {
    font-size: 42px;
}
}




.appli-list2 dd {
    padding: .533333rem .333333rem;
    width: 100%;
    height: 3.746667rem;
}
.appli-list2 dd .img {
    position: relative;
    margin: 0 .266667rem 0 0;
}
.appli-list2 dd .img a {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(../images/ICO004.png) center no-repeat #c33719;
    background-size: auto 90%;
}

.appli-list2 dd .attr,.appli-list2 dd h4 {
    width: 4.733333rem;
    line-height: .533333rem;
}

.appli-list2 dd h4 {
    margin: 0;
    height: .533333rem;
}
[data-dpr="1"] .appli-list2 dd h4 {
    font-size: 15px;
}
[data-dpr="2"] .appli-list2 dd h4 {
    font-size: 30px;
}
[data-dpr="3"] .appli-list2 dd h4 {
    font-size: 45px;
}

.appli-list2 dd .attr {
    height: 2.12rem;
}

.appli-list2 dd .attr p {
    width: 100%;
}

.appli-list2 dd .btn-box {
    float: right;
    padding: .093333rem 0;
    width: 2.026667rem;
    height: 2.133333rem;
}

.appli-list2 dd .btn-box .btn {
    margin-top: .64rem;
    margin-left: 0!important;
    width: 100%;
    height: .84rem;
}
[data-dpr="1"] .appli-list2 dd .btn-box .btn {
    font-size: 14px;
}
[data-dpr="2"] .appli-list2 dd .btn-box .btn {
    font-size: 28px;
}
[data-dpr="3"] .appli-list2 dd .btn-box .btn {
    font-size: 42px;
}


.content-img {
    margin: 0 auto!important;
    padding: 0!important;
}

.filter-menu {
    margin: 0 auto .4rem;
    padding-top: .213333rem;
    height: auto;
    background: #fff;
}

.filter-menu .toggle {
    overflow: hidden;
    margin: 0 auto .213333rem;
    width: 4.266667rem;
    height: .906667rem;
    border: 1px solid #b41d24;
    border-radius: .106667rem;
}

.filter-menu .toggle .btn {
    float: left;
    padding: 0;
    width: 50%;
    height: 100%;
    border-radius: 0;
    line-height: .826667rem;
}
[data-dpr="1"] .filter-menu .toggle .btn {
    font-size: 15px;
}
[data-dpr="2"] .filter-menu .toggle .btn {
    font-size: 30px;
}
[data-dpr="3"] .filter-menu .toggle .btn {
    font-size: 45px;
}

.filter-menu .filter-list {
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 1.2rem;
    border-top: 1px solid #d6d6d6;
}

.filter-menu .filter-list li {
    float: left;
    width: 25%;
    height: 100%;
}

.filter-menu .filter-list li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #646464;
    text-align: center;
    text-decoration: none;
    line-height: 1.2rem;
}

.order-list li .top .name,.order-list li .top .number,.order-list li .top .status {
    width: auto;
    height: auto;
    line-height: 1.186667rem;
}
[data-dpr="1"] .filter-menu .filter-list li a {
    font-size: 14px;
}
[data-dpr="2"] .filter-menu .filter-list li a {
    font-size: 28px;
}
[data-dpr="3"] .filter-menu .filter-list li a {
    font-size: 42px;
}

.filter-menu .filter-list li.in a {
    border-bottom: 3px solid #3cc8e6;
    color: #3cc8e6;
}

.order-list {
    margin: 0 auto;
    height: auto;
}

.order-list li {
    overflow: hidden;
    margin-bottom: .306667rem;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #d6d6d6;
    background-color: #fff;
}

.order-list li .top {
    padding: 0 .333333rem;
    width: 100%;
    height: 1.2rem;
    border-bottom: 1px solid #d6d6d6;
}

.order-list li .top .name {
    margin-right: .346667rem;
    color: #505050;
}
[data-dpr="1"] .order-list li .top .name {
    font-size: 14px;
}
[data-dpr="2"] .order-list li .top .name {
    font-size: 28px;
}
[data-dpr="3"] .order-list li .top .name {
    font-size: 42px;
}

.order-list li .top .number {
    color: #969696;
}
[data-dpr="1"] .order-list li .top .number {
    font-size: 12px;
}
[data-dpr="2"] .order-list li .top .number {
    font-size: 24px;
}
[data-dpr="3"] .order-list li .top .number {
    font-size: 36px;
}

.order-list li .top .status {
    float: right;
    color: #3cc8e6;
}
[data-dpr="1"] .order-list li .top .status {
    font-size: 14px;
}
[data-dpr="2"] .order-list li .top .status {
    font-size: 28px;
}
[data-dpr="3"] .order-list li .top .status {
    font-size: 42px;
}

.order-list li .center {
    overflow: hidden;
    padding: .213333rem .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d6d6d6;
}

.order-list li .center .img {
    float: left;
    overflow: hidden;
    margin-right: .293333rem;
    width: 2.466667rem;
    height: 2.466667rem;
}

.order-list li .center .img img {
    width: 100%;
}

.order-list li .center .text,.order-list li .center h3 {
    float: left;
    width: 4.44rem;
    height: auto;
    line-height: .533333rem;
}

.order-list li .center h3 {
    margin-top: .226667rem 0 .213333rem;
}
[data-dpr="1"] .order-list li .center h3 {
    font-size: 15px;
}
[data-dpr="2"] .order-list li .center h3 {
    font-size: 30px;
}
[data-dpr="3"] .order-list li .center h3 {
    font-size: 45px;
}

.order-list li .center .text {
    color: #969696;
}
[data-dpr="1"] .order-list li .center .text {
    font-size: 12px;
}
[data-dpr="2"] .order-list li .center .text {
    font-size: 24px;
}
[data-dpr="3"] .order-list li .center .text {
    font-size: 36px;
}

.order-list li .center p {
    float: right;
    margin: 0;
    width: auto;
    height: .573333rem;
    color: #3c3c3c;
    font-weight: 700;
    line-height: .573333rem;
}
[data-dpr="1"] .order-list li .center p {
    font-size: 14px;
}
[data-dpr="2"] .order-list li .center p {
    font-size: 28px;
}
[data-dpr="3"] .order-list li .center p {
    font-size: 42px;
}
[data-dpr="1"] .order-list li .center p span {
    font-size: 12px;
}
[data-dpr="2"] .order-list li .center p span {
    font-size: 24px;
}
[data-dpr="3"] .order-list li .center p span {
    font-size: 36px;
}

.order-list li .bottom {
    padding: .173333rem .333333rem;
    width: 100%;
    height: 1.2rem;
    text-align: right;
}

.order-list li .bottom .btn {
    margin-left: .133333rem;
    padding: 0 .333333rem;
    height: .853333rem;
    color: #969696;
    line-height: .826667rem;
}
[data-dpr="1"] .order-list li .bottom .btn {
    font-size: 13px;
}
[data-dpr="2"] .order-list li .bottom .btn {
    font-size: 26px;
}
[data-dpr="3"] .order-list li .bottom .btn {
    font-size: 39px;
}

.order-item-f .tel,.order-list li .bottom .tel {
    float: left;
    overflow: hidden;
    width: 1.226667rem;
    height: .853333rem;
    border-radius: .106667rem;
    background: url(../images/ICO004.png) 50% no-repeat #da251e;
    background-size: auto 80%;
}

.ship-det {
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}

.ship-det dt {
    margin-bottom: .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #d6d6d6;
    background-color: #fff;
    font-weight: 400;
}

.ship-det dt .top {
    padding: .76rem 1.026667rem .733333rem;
    height: 2.8rem;
    background: url(../images/BG003.png) 6.08rem .506667rem no-repeat #3cc8e6;
}

.ship-det dt .top h3 {
    height: .72rem;
    line-height: .72rem;
}
[data-dpr="1"] .ship-det dt .top h3 {
    font-size: 17.5px;
}
[data-dpr="2"] .ship-det dt .top h3 {
    font-size: 35px;
}
[data-dpr="3"] .ship-det dt .top h3 {
    font-size: 52.5px;
}

.ship-det dt .top h3,.ship-det dt .top p {
    overflow: hidden;
    margin: 0;
    width: auto;
    color: #fff;
}

.ship-det dt .top p {
    height: .573333rem;
    line-height: .573333rem;
}
[data-dpr="1"] .ship-det dt .top p {
    font-size: 12px;
}
[data-dpr="2"] .ship-det dt .top p {
    font-size: 24px;
}
[data-dpr="3"] .ship-det dt .top p {
    font-size: 36px;
}

.ship-det dt i {
    float: left;
    margin: .213333rem .16rem 0 0;
    width: .533333rem;
    height: .533333rem;
    background: url(../images/ICO005.png) no-repeat;
}

.ship-det .bottom,.ship-det .center {
    overflow: hidden;
    background-color: #fff;
}

.ship-det dt .status {
    overflow: hidden;
    padding: .253333rem .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d6d6d6;
}

.ship-det dt .status i {
    background-position: 0 0;
}

.ship-det dt .status div {
    float: left;
    width: 6.533333rem;
    height: auto;
    color: #969696;
    line-height: .426667rem;
}
[data-dpr="1"] .ship-det dt .status div {
    font-size: 11px;
}
[data-dpr="2"] .ship-det dt .status div {
    font-size: 22px;
}
[data-dpr="3"] .ship-det dt .status div {
    font-size: 33px;
}

.ship-det dt .status div span {
    color: #3cc8e6;
    line-height: .546667rem;
}
[data-dpr="1"] .ship-det dt .status div span {
    font-size: 15px;
}
[data-dpr="2"] .ship-det dt .status div span {
    font-size: 30px;
}
[data-dpr="3"] .ship-det dt .status div span {
    font-size: 45px;
}

.ship-det dt .status .btn {
    margin-top: .08rem;
    padding: 0 .16rem;
    width: 1.88rem;
    height: .8rem;
    color: #969696;
    line-height: .773333rem;
}
[data-dpr="1"] .ship-det dt .status .btn {
    font-size: 13px;
}
[data-dpr="2"] .ship-det dt .status .btn {
    font-size: 26px;
}
[data-dpr="3"] .ship-det dt .status .btn {
    font-size: 39px;
}

.ship-det dt .attr {
    overflow: hidden;
    padding: .253333rem .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d6d6d6;
}

.ship-det dt .attr .name,.ship-det dt .attr .tel {
    width: auto;
    height: .546667rem;
    line-height: .546667rem;
}

.ship-det dt .attr i {
    background-position: -.533333rem top;
}

.ship-det dt .attr .name {
    color: #3cc8e6;
}
[data-dpr="1"] .ship-det dt .attr .name {
    font-size: 15px;
}
[data-dpr="2"] .ship-det dt .attr .name {
    font-size: 30px;
}
[data-dpr="3"] .ship-det dt .attr .name {
    font-size: 45px;
}

.ship-det dt .attr .tel {
    float: right;
    color: #969696;
}
[data-dpr="1"] .ship-det dt .attr .tel {
    font-size: 11px;
}
[data-dpr="2"] .ship-det dt .attr .tel {
    font-size: 22px;
}
[data-dpr="3"] .ship-det dt .attr .tel {
    font-size: 33px;
}

.ship-det dt .attr p {
    float: left;
    width: 8.64rem;
    height: auto;
    color: #969696;
    line-height: .426667rem;
}
[data-dpr="1"] .ship-det dt .attr p {
    font-size: 11px;
}
[data-dpr="2"] .ship-det dt .attr p {
    font-size: 22px;
}
[data-dpr="3"] .ship-det dt .attr p {
    font-size: 33px;
}

.ship-det .center {
    margin-bottom: .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #d6d6d6;
}

.ship-det .center .title {
    padding: .32rem .333333rem;
    width: 100%;
    height: 1.2rem;
    border-bottom: 1px solid #e5e5e5;
    color: #969696;
    line-height: .546667rem;
}
[data-dpr="1"] .ship-det .center .title {
    font-size: 12px;
}
[data-dpr="2"] .ship-det .center .title {
    font-size: 24px;
}
[data-dpr="3"] .ship-det .center .title {
    font-size: 36px;
}

.ship-det .center .title .left {
    float: left;
}

.ship-det .center .title .right {
    float: right;
}

.ship-det .center ul.pro {
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: auto;
}

.ship-det .center ul.pro li {
    overflow: hidden;
    padding: .213333rem .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d6d6d6;
}

.ship-det .center ul.pro li .img {
    float: left;
    overflow: hidden;
    margin-right: .293333rem;
    width: 2.466667rem;
    height: 2.466667rem;
}

.ship-det .center ul.pro li .img img {
    width: 100%;
}

.ship-det .center ul.pro li h3 {
    float: left;
    margin-top: .226667rem 0 .213333rem;
    width: 4.44rem;
    height: auto;
    line-height: .533333rem;
}
[data-dpr="1"] .ship-det .center ul.pro li h3 {
    font-size: 15px;
}
[data-dpr="2"] .ship-det .center ul.pro li h3 {
    font-size: 30px;
}
[data-dpr="3"] .ship-det .center ul.pro li h3 {
    font-size: 45px;
}

.ship-det .center ul.pro li .text {
    float: left;
    width: 4.44rem;
    height: auto;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .ship-det .center ul.pro li .text {
    font-size: 12px;
}
[data-dpr="2"] .ship-det .center ul.pro li .text {
    font-size: 24px;
}
[data-dpr="3"] .ship-det .center ul.pro li .text {
    font-size: 36px;
}

.ship-det .center ul.pro li p {
    float: right;
    margin: 0;
    width: auto;
    height: .573333rem;
    color: #3c3c3c;
    font-weight: 700;
    line-height: .573333rem;
}
[data-dpr="1"] .ship-det .center ul.pro li p {
    font-size: 14px;
}
[data-dpr="2"] .ship-det .center ul.pro li p {
    font-size: 28px;
}
[data-dpr="3"] .ship-det .center ul.pro li p {
    font-size: 42px;
}
[data-dpr="1"] .ship-det .center ul.pro li p span {
    font-size: 12px;
}
[data-dpr="2"] .ship-det .center ul.pro li p span {
    font-size: 24px;
}
[data-dpr="3"] .ship-det .center ul.pro li p span {
    font-size: 36px;
}

.ship-det .center .message {
    padding: .266667rem .333333rem;
    width: 100%;
    height: auto;
}

.ship-det .center .message div {
    overflow: hidden;
    padding: .16rem .253333rem;
    width: 100%;
    height: auto;
    min-height: 2.24rem;
    border: 1px solid #ccc;
    border-radius: .106667rem;
    color: #b4b4b4;
    line-height: .56rem;
}
[data-dpr="1"] .ship-det .center .message div {
    font-size: 12px;
}
[data-dpr="2"] .ship-det .center .message div {
    font-size: 24px;
}
[data-dpr="3"] .ship-det .center .message div {
    font-size: 36px;
}

.ship-det .center .message div span {
    color: #787878;
}
[data-dpr="1"] .ship-det .center .message div span {
    font-size: 14px;
}
[data-dpr="2"] .ship-det .center .message div span {
    font-size: 28px;
}
[data-dpr="3"] .ship-det .center .message div span {
    font-size: 42px;
}

.ship-det .bottom {
    margin-bottom: .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #d6d6d6;
}

.ship-det .bottom .tit {
    overflow: hidden;
    padding: .32rem .333333rem;
    line-height: .546667rem;
}
[data-dpr="1"] .ship-det .bottom .tit {
    font-size: 15px;
}
[data-dpr="2"] .ship-det .bottom .tit {
    font-size: 30px;
}
[data-dpr="3"] .ship-det .bottom .tit {
    font-size: 45px;
}

.ship-det .bottom .tit .left {
    float: left;
    color: #3c3c3c;
}

.ship-det .bottom .tit .right {
    float: right;
    color: #fa0000;
    font-weight: 700;
}

.logistic {
    height: auto;
}

.logistic dt .numbering {
    padding: .2rem .333333rem;
    width: 100%;
    height: auto;
}

.logistic dt .numbering h3 {
    margin: 0;
    width: 1090%;
    height: .626667rem;
    color: #3cc8e6;
    line-height: .626667rem;
}
[data-dpr="1"] .logistic dt .numbering h3 {
    font-size: 15px;
}
[data-dpr="2"] .logistic dt .numbering h3 {
    font-size: 30px;
}
[data-dpr="3"] .logistic dt .numbering h3 {
    font-size: 45px;
}

.logistic dt .numbering p {
    margin: 0;
    width: 100%;
    height: .56rem;
    color: #969696;
    line-height: .56rem;
}
[data-dpr="1"] .logistic dt .numbering p {
    font-size: 12px;
}
[data-dpr="2"] .logistic dt .numbering p {
    font-size: 24px;
}
[data-dpr="3"] .logistic dt .numbering p {
    font-size: 36px;
}

.logistic .bottom .tit {
    border-bottom: 1px solid #e5e5e5;
}

.logistic .bottom ul {
    padding: .52rem .333333rem .253333rem;
    width: 100%;
    height: auto;
}

.logistic .bottom ul li {
    padding: 0 0 .373333rem 1.12rem;
    width: 100%;
    height: 1.373333rem;
    background: url(../images/ICO006.png) .226667rem -1.306667rem no-repeat;
    color: #969696;
}

.logistic .bottom ul li p {
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 1rem;
    line-height: .44rem;
}
[data-dpr="1"] .logistic .bottom ul li p {
    font-size: 11px;
}
[data-dpr="2"] .logistic .bottom ul li p {
    font-size: 22px;
}
[data-dpr="3"] .logistic .bottom ul li p {
    font-size: 33px;
}

.logistic .bottom ul li p span {
    display: block;
    line-height: .56rem;
}
[data-dpr="1"] .logistic .bottom ul li p span {
    font-size: 14px;
}
[data-dpr="2"] .logistic .bottom ul li p span {
    font-size: 28px;
}
[data-dpr="3"] .logistic .bottom ul li p span {
    font-size: 42px;
}

.logistic .bottom ul li.now {
    background-position: .226667rem .133333rem;
    color: #3cc8e6;
}

.logistic .bottom ul li.outseta {
    background-position: .226667rem -2.613333rem;
}

.logistic .bottom ul li.origin {
    background-position: .226667rem -3.986667rem;
    color: #3cc8e6;
}

.repl-det dt .top {
    background-image: url(../images/BG005.png);
}

.repl-det .center .photo {
    padding: .24rem .333333rem;
    width: 100%;
    height: auto;
    border-top: 1px solid #e5e5e5;
}

.repl-det .center .photo .tit {
    margin: 0 0 .28rem;
    width: 100%;
    height: .533333rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .repl-det .center .photo .tit {
    font-size: 14px;
}
[data-dpr="2"] .repl-det .center .photo .tit {
    font-size: 28px;
}
[data-dpr="3"] .repl-det .center .photo .tit {
    font-size: 42px;
}

.repl-det .center .photo ul {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.repl-det .center .photo ul li {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 .413333rem .266667rem 0;
    width: 2.026667rem;
    height: 2.026667rem;
    border: 1px dotted #bbb;
    background: url(../images/BG006.png) 50% no-repeat;
    text-align: center;
}

.repl-det .center .photo ul li img {
    height: 100%;
}

.repl-det .bottom .tit {
    padding: .186667rem .333333rem;
}

.repl-det .bottom .tit .left {
    float: left;
    margin: .16rem 0;
    width: auto;
}

.repl-det .bottom .tit .left span {
    color: #fa0000;
    font-weight: 700;
}

.repl-det .bottom .tit .btn {
    float: right;
    padding: 0 .16rem;
    width: 2.013333rem;
    height: .853333rem;
    line-height: .826667rem;
}
[data-dpr="1"] .repl-det .bottom .tit .btn {
    font-size: 15px;
}
[data-dpr="2"] .repl-det .bottom .tit .btn {
    font-size: 30px;
}
[data-dpr="3"] .repl-det .bottom .tit .btn {
    font-size: 45px;
}

.shadow-main {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
}

.shadow-main .shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.shadow-main dl {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    /*padding: 1.23rem 0 1.466667rem;*/
    height: 100%;
    background: #fff;
}

.shadow-main dl dd.m {
    position: absolute;
    left: 0;
    top: 2.73rem;
    bottom: 1.466667rem;
    width: 100%;
    overflow-y: scroll;
    max-height: 100%;
}

.shadow-main dl dt {
    position: relative;
    padding: .333333rem 0 .4rem;
    width: 100%;
    height: 1.266667rem;
    background-color: #da251e;
}

.shadow-main dl dt p {
    margin: 0;
    width: 100%;
    height: .533333rem;
    color: #fff;
    text-align: center;
    font-weight: 400;
    line-height: .533333rem;
}
[data-dpr="1"] .shadow-main dl dt p {
    font-size: 17px;
}
[data-dpr="2"] .shadow-main dl dt p {
    font-size: 34px;
}
[data-dpr="3"] .shadow-main dl dt p {
    font-size: 51px;
}

.shadow-main dl dt span {
    position: absolute;
    top: .266667rem;
    right: .333333rem;
    display: inline-block;
    width: .666667rem;
    height: .666667rem;
    border: 2px solid #fff;
    border-radius: .106667rem;
}

.shadow-main dl dt span i {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.shadow-main dl dt span i:after,.shadow-main dl dt span i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.013333rem 0 0 -.106667rem;
    width: .213333rem;
    height: .026667rem;
    background-color: #fff;
    content: "";
}

.shadow-main dl dt span i:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.shadow-main dl dt span i:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}


.ddd dl dt span {
    position: absolute;
    top: .1333rem;
    right: .333333rem;
    display: inline-block;
    width: .666667rem;
    height: .666667rem;
    border: 2px solid #fff;
    border-radius: .106667rem;
}

.ddd dl dt span i {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.ddd dl dt span i:after,.ddd dl dt span i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.013333rem 0 0 -.106667rem;
    width: .213333rem;
    height: .026667rem;
    background-color: #fff;
    content: "";
}

.ddd dl dt span i:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ddd dl dt span i:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ddd dl.new-add {
    padding: 0;
    height: auto;
    -webkit-will-change: all;
    will-change: all;
}

.ddd dl.new-add dt {
    position: relative;
    background-color: #da251e;
}

.ddd dl dd,.ddd dl.new-add dd {
    overflow: hidden;
    height: auto;
    background-color: #fff;
}

.ddd dl.new-add dt p {
    color: #fff;    width: 100%;
    height: 50px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    line-height: 50px;
	
}

.ddd dl.new-add dt span {
    border-color: #fff;
}

.ddd dl.new-add dt span i:after,.ddd dl.new-add dt span i:before {
    background: #fff;
}

.ddd dl.new-add dd {
    padding: .293333rem .333333rem;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    line-height: .533333rem;
}
.ddd dl.new-add dd .form-control {
    width: 7.333333rem;
    border: none;
    color: #555;
    font-size: .373333rem;
}

.ddd dl.new-add dd span.tit {
    float: none;
    display: inline-block;
    width: 1.733333rem;
}

.ddd dl.new-add dd .btn {
    padding: .026667rem 0;
    width: 100%;
    line-height: .853333rem;
}
[data-dpr="1"] .ddd dl.new-add dd .btn {
    font-size: 14px;
}
[data-dpr="2"] .ddd dl.new-add dd .btn {
    font-size: 28px;
}
[data-dpr="3"] .ddd dl.new-add dd .btn {
    font-size: 42px;
}


.shadow-main dl.new-add {
    padding: 0;
    height: auto;
    -webkit-will-change: all;
    will-change: all;
}

.shadow-main dl.new-add dt {
    position: relative;
    background-color: #da251e;
}

.shadow-main dl dd,.shadow-main dl.new-add dd {
    overflow: hidden;
    height: auto;
    background-color: #fff;
}

.shadow-main dl.new-add dt p {
    color: #fff;
}

.shadow-main dl.new-add dt span {
    border-color: #fff;
}

.shadow-main dl.new-add dt span i:after,.shadow-main dl.new-add dt span i:before {
    background: #fff;
}

.shadow-main dl.new-add dd {
    padding: .293333rem .333333rem;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    line-height: .533333rem;
}
.shadow-main dl.new-add dd .form-control {
    width: 7.333333rem;
    border: none;
    color: #555;
    font-size: .373333rem;
}

.shadow-main dl.new-add dd span.tit {
    float: none;
    display: inline-block;
    width: 1.733333rem;
}

.shadow-main dl.new-add dd .btn {
    padding: .026667rem 0;
    width: 100%;
    line-height: .853333rem;
}
[data-dpr="1"] .shadow-main dl.new-add dd .btn {
    font-size: 14px;
}
[data-dpr="2"] .shadow-main dl.new-add dd .btn {
    font-size: 28px;
}
[data-dpr="3"] .shadow-main dl.new-add dd .btn {
    font-size: 42px;
}

.shadow-main dl dd {
    width: 100%;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .shadow-main dl dd {
    font-size: 14px;
}
[data-dpr="2"] .shadow-main dl dd {
    font-size: 28px;
}
[data-dpr="3"] .shadow-main dl dd {
    font-size: 42px;
}

.shadow-main dl dd span {
    float: left;
    display: block;
    width: 1.306667rem;
}

.shadow-main dl dd label {
    position: relative;
    float: left;
    margin-right: .266667rem;
    padding-left: .56rem;
    line-height: .533333rem;
}

.shadow-main dl dd label input {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    outline: 0;
    border: 0;
}

.shadow-main dl dd label:before {
    position: absolute;
    top: .08rem;
    left: 0;
    width: .373333rem;
    height: .373333rem;
    border: 1px solid #c8c8c8;
    border-radius: .186667rem;
    content: "";
}

.shadow-main dl dd label.poont:before {
    border-color: #3cc8e6;
}

.shadow-main dl dd label.poont:after {
    position: absolute;
    top: .186667rem;
    left: .106667rem;
    width: .16rem;
    height: .16rem;
    border-radius: .106667rem;
    background-color: #3cc8e6;
    content: "";
}

.info-list,.management .top,.management ul {
    background-color: #fff;
}

.shadow-main dl dd textarea {
    float: right;
    width: 8.013333rem;
    height: auto;
    line-height: .533333rem;
}
[data-dpr="1"] .shadow-main dl dd textarea {
    font-size: 13px;
}
[data-dpr="2"] .shadow-main dl dd textarea {
    font-size: 26px;
}
[data-dpr="3"] .shadow-main dl dd textarea {
    font-size: 39px;
}

.shadow-main dl dd.btn-box {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .293333rem .333333rem;
    text-align: right;
    border-top:1px solid #e5e5e5;
}

.shadow-main dl dd.btn-box .btn {
    padding: 0 .16rem;
    width: 1.893333rem;
    line-height: .88rem;
}
[data-dpr="1"] .shadow-main dl dd.btn-box .btn {
    font-size: 14px;
}
[data-dpr="2"] .shadow-main dl dd.btn-box .btn {
    font-size: 28px;
}
[data-dpr="3"] .shadow-main dl dd.btn-box .btn {
    font-size: 42px;
}

.management {
    margin: 0 auto;
    height: auto;
}

.management .top {
    margin-bottom: .4rem;
    padding: .4rem .8rem;
    width: 100%;
    height: 2.4rem;
    border-bottom: 2px solid #d6d6d6;
}

.management .top span {
    float: left;
    margin: .533333rem .453333rem 0 0;
    width: auto;
    height: .533333rem;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .management .top span {
    font-size: 14px;
}
[data-dpr="2"] .management .top span {
    font-size: 28px;
}
[data-dpr="3"] .management .top span {
    font-size: 42px;
}

.management .top .avatar {
    float: left;
    overflow: hidden;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .266667rem;
}

.management .top .code {
    float: left;
    overflow: hidden;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .266667rem;
}

.management ul {
    margin: 0 auto .4rem;
    padding: 0 .4rem;
    width: 9.2rem;
    height: auto;
    min-height: 14.746667rem;
    border-radius: .106667rem;
}

.management ul li {
    padding: .266667rem 0;
    width: 100%;
    height: 1.08rem;
    border-bottom: 1px solid #e5e5e5;
    line-height: 1.093333rem;
}

.management ul li span {
    float: left;
    margin-right: .133333rem;
    width: auto;
    height: .533333rem;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .management ul li span {
    font-size: 14px;
}
[data-dpr="2"] .management ul li span {
    font-size: 28px;
}
[data-dpr="3"] .management ul li span {
    font-size: 42px;
}

.management ul li input {
    float: left;
    width: 70%;
    height: 100%;
    border: none;
    color: #969696;
}
[data-dpr="1"] .management ul li input {
    font-size: 14px;
}
[data-dpr="2"] .management ul li input {
    font-size: 28px;
}
[data-dpr="3"] .management ul li input {
    font-size: 42px;
}

.management ul li:nth-child(1) span,.management ul li:nth-child(2) span {
    width: 1.2rem;
}

.management ul li:nth-child(1) input,.management ul li:nth-child(2) input {
    width: 7.066667rem;
}

.management ul li:nth-child(3) span,.management ul li:nth-child(5) span,.management ul li:nth-child(8) span {
    width: 1.866667rem;
}

.management ul li:nth-child(3) input,.management ul li:nth-child(5) input,.management ul li:nth-child(8) input {
    width: 6.4rem;
}

.management ul li:nth-child(4) span {
    width: 1.533333rem;
}

.management ul li:nth-child(4) input {
    width: 6.733333rem;
}

.management ul li:nth-child(6) span {
    width: 2.293333rem;
}

.management ul li:nth-child(6) input {
    width: 5.973333rem;
}

.management ul li:nth-child(7) span {
    width: 1.566667rem;
}

.management ul li:nth-child(7) input {
    width: 6.4rem;
}

.management ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #969696;
    text-decoration: none;
    line-height: .533333rem;
}
[data-dpr="1"] .management ul li a {
    font-size: 14px;
}
[data-dpr="2"] .management ul li a {
    font-size: 28px;
}
[data-dpr="3"] .management ul li a {
    font-size: 42px;
}

.management ul li a i {
    float: right;
    margin-top: .08rem;
}

.management ul li.btn-box {
    padding: .986667rem 0;
    height: auto;
    border: 0;
}

.management ul li.btn-box .btn {
    padding: 0;
    width: 100%;
    height: 1.12rem;
    line-height: 1.093333rem;
}
[data-dpr="1"] .management ul li.btn-box .btn {
    font-size: 17.5px;
}
[data-dpr="2"] .management ul li.btn-box .btn {
    font-size: 35px;
}
[data-dpr="3"] .management ul li.btn-box .btn {
    font-size: 52.5px;
}

.info .filter-list li {
    width: 33.33%;
}

.info-list {
    overflow: hidden;
    margin: 0 auto .4rem;
    padding: 0 .4rem;
    width: 9.2rem;
    height: auto;
    min-height: 12.4rem;
    border-radius: .106667rem;
}

.info-list li {
    overflow: hidden;
    padding: .4rem .133333rem;
    width: 100%;
    height: 1.333333rem;
    border-bottom: 1px solid #e5e5e5;
}

.info-list li span {
    float: right;
    margin-left: .2rem;
    width: auto;
    height: .533333rem;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .info-list li span {
    font-size: 11px;
}
[data-dpr="2"] .info-list li span {
    font-size: 22px;
}
[data-dpr="3"] .info-list li span {
    font-size: 33px;
}

.info-list li a {
    display: block;
    overflow: hidden;
    width: auto;
    height: .533333rem;
    color: #505050;
    text-decoration: none;
}
[data-dpr="1"] .info-list li a {
    font-size: 14px;
}
[data-dpr="2"] .info-list li a {
    font-size: 28px;
}
[data-dpr="3"] .info-list li a {
    font-size: 42px;
}

.feedback {
    overflow: hidden;
    margin: 0 auto;
    width: 9.2rem;
    height: auto;
}

.feedback .form-group {
    margin-bottom: .333333rem;
}

.feedback input[type=text] {
    padding: 0 .52rem;
    height: 1.2rem;
    line-height: 1.2rem;
}

.feedback input[type=text],.feedback textarea {
    width: 100%;
    border: transparent;
    border-radius: .106667rem;
    resize: none;
}
[data-dpr="1"] .feedback input[type=text],[data-dpr="1"] .feedback textarea {
    font-size: 14px;
}
[data-dpr="2"] .feedback input[type=text],[data-dpr="2"] .feedback textarea {
    font-size: 28px;
}
[data-dpr="3"] .feedback input[type=text],[data-dpr="3"] .feedback textarea {
    font-size: 42px;
}

.feedback textarea {
    padding: .32rem .52rem;
}

.feedback .btn {
    padding: .2rem 0;
    width: 100%;
}
[data-dpr="1"] .feedback .btn {
    font-size: 17.5px;
}
[data-dpr="2"] .feedback .btn {
    font-size: 35px;
}
[data-dpr="3"] .feedback .btn {
    font-size: 52.5px;
}

.intrgral {
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}

.intrgral .top {
    padding-top: 1rem;
    width: 100%;
    height: 6.4rem;
    background: url(../images/BG008.png) center top no-repeat #3cc8e6;
    background-size: auto 100%;
}

.intrgral .intrgral-log,.intrgral .top .avatar,.report-from .top {
    overflow: hidden;
    background-color: #fff;
}

.intrgral .top .avatar {
    margin: 0 auto .413333rem;
    width: 2.666667rem;
    height: 2.666667rem;
    border: 6px solid #fff;
    border-radius: 1.333333rem;
    box-shadow: .04rem .08rem #ac2c11;
}

.intrgral .top .avatar img {
    display: block;
    width: 100%;
}

.intrgral .top .text {
    overflow: hidden;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    text-shadow: .026667rem .026667rem #ac2c11;
    line-height: .746667rem;
}
[data-dpr="1"] .intrgral .top .text {
    font-size: 16px;
}
[data-dpr="2"] .intrgral .top .text {
    font-size: 32px;
}
[data-dpr="3"] .intrgral .top .text {
    font-size: 48px;
}
[data-dpr="1"] .intrgral .top .text span {
    font-size: 20px;
}
[data-dpr="2"] .intrgral .top .text span {
    font-size: 40px;
}
[data-dpr="3"] .intrgral .top .text span {
    font-size: 60px;
}

.intrgral .btn-box {
    overflow: hidden;
    margin: 1.333333rem auto 0;
    width: 8.8rem;
    height: auto;
}

.intrgral .btn-box .btn {
    margin: 0 0 .466667rem;
    padding: .293333rem 0;
    width: 100%;
    height: 1.12rem;
    border-radius: .133333rem;
    line-height: .533333rem;
}
[data-dpr="1"] .intrgral .btn-box .btn {
    font-size: 17.5px;
}
[data-dpr="2"] .intrgral .btn-box .btn {
    font-size: 35px;
}
[data-dpr="3"] .intrgral .btn-box .btn {
    font-size: 52.5px;
}

.intrgral .intrgral-log {
    margin: .333333rem 0;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #d6d6d6;
}

.intrgral .intrgral-log li {
    overflow: hidden;
    padding: .173333rem .6rem;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
}

.intrgral .intrgral-log li p {
    float: left;
    margin: 0;
    width: 6.4rem;
    height: .64rem;
    color: #505050;
    line-height: .64rem;
}
[data-dpr="1"] .intrgral .intrgral-log li p {
    font-size: 14px;
}
[data-dpr="2"] .intrgral .intrgral-log li p {
    font-size: 28px;
}
[data-dpr="3"] .intrgral .intrgral-log li p {
    font-size: 42px;
}

.intrgral .intrgral-log li .time {
    float: left;
    display: inline-block;
    width: 6.4rem;
    height: .466667rem;
    color: #d6d6d6;
    line-height: .466667rem;
}
[data-dpr="1"] .intrgral .intrgral-log li .time {
    font-size: 11px;
}
[data-dpr="2"] .intrgral .intrgral-log li .time {
    font-size: 22px;
}
[data-dpr="3"] .intrgral .intrgral-log li .time {
    font-size: 33px;
}

.intrgral .intrgral-log li strong {
    display: inline-block;
    width: 2.266667rem;
    height: 1.106667rem;
    text-align: right;
    font-weight: 700;
    line-height: 1.106667rem;
}
[data-dpr="1"] .intrgral .intrgral-log li strong {
    font-size: 15px;
}
[data-dpr="2"] .intrgral .intrgral-log li strong {
    font-size: 30px;
}
[data-dpr="3"] .intrgral .intrgral-log li strong {
    font-size: 45px;
}

.intrgral .intrgral-log li .plus {
    color: #46c057;
}

.intrgral .intrgral-log li .minus {
    color: #fc8e00;
}

.intrgral .intrgral-log li:last-child {
    border: 0;
}

.report-from {
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}

.report-from .top {
    margin-bottom: .4rem;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #d6d6d6;
}

.report-from .top .title {
    padding: .2rem .333333rem;
    height: 1.266667rem;
    border-bottom: 1px solid #e5e5e5;
}

.report-from .top .title p {
    float: left;
    margin: .16rem;
    width: auto;
    height: .533333rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .top .title p {
    font-size: 15px;
}
[data-dpr="2"] .report-from .top .title p {
    font-size: 30px;
}
[data-dpr="3"] .report-from .top .title p {
    font-size: 45px;
}

.report-from .top .title div {
    float: right;
    overflow: hidden;
    width: auto;
    height: .853333rem;
}

.report-from .top .title div input {
    float: left;
    padding: 0 .133333rem;
    width: 3.2rem;
    height: .853333rem;
    border: 1px solid #ccc;
    border-radius: .106667rem;
    line-height: .853333rem;
}
[data-dpr="1"] .report-from .top .title div input {
    font-size: 14px;
}
[data-dpr="2"] .report-from .top .title div input {
    font-size: 28px;
}
[data-dpr="3"] .report-from .top .title div input {
    font-size: 42px;
}

.report-from .top .title div input::-webkit-inner-spin-button {
    display: none;
    visibility: hidden;
}

.report-from .top .title div input::-webkit-calendar-picker-indicator {
    border: 0;
    background-color: #eee;
    background-image: -webkit-linear-gradient(top,#fff,#fff);
    color: #666;
}

.report-from .top .title div i {
    float: right;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/ICO005.png) -80px 0 no-repeat;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: center 30%;
    transform-origin: center 30%;
}

.report-from .top .svg {
    overflow: hidden;
    padding: .266667rem .333333rem;
    width: 100%;
    height: 4.72rem;
    border-bottom: 1px solid #e5e5e5;
}

.report-from .top .svg .container {
    margin: .4rem auto;
    width: 8rem;
    height: 4rem;
    border: 1px solid #000;
}

.report-from .top .svg polyline {
    fill: none;
    stroke: #000;
    stroke-width: .013333rem;
    stroke-dasharray: 0;
}

.report-from .top .text {
    padding: .333333rem;
    width: 100%;
    height: 1.2rem;
    color: #3c3c3c;
    text-align: center;
    font-weight: 700;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .top .text {
    font-size: 12px;
}
[data-dpr="2"] .report-from .top .text {
    font-size: 24px;
}
[data-dpr="3"] .report-from .top .text {
    font-size: 36px;
}

.report-from .top .text span {
    display: inline-block;
}
[data-dpr="1"] .report-from .top .text span {
    font-size: 17.5px;
}
[data-dpr="2"] .report-from .top .text span {
    font-size: 35px;
}
[data-dpr="3"] .report-from .top .text span {
    font-size: 52.5px;
}

.report-from .details {
    margin-bottom: .4rem;
    height: auto;
    border-bottom: 2px solid #d6d6d6;
    background-color: #fff;
}

.report-from .details .title {
    padding: .333333rem;
    width: 100%;
    height: 1.2rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .details .title {
    font-size: 15px;
}
[data-dpr="2"] .report-from .details .title {
    font-size: 30px;
}
[data-dpr="3"] .report-from .details .title {
    font-size: 45px;
}

.report-from .details ul {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.report-from .details ul li {
    overflow: hidden;
    padding: .173333rem .333333rem .133333rem;
    height: auto;
    border-top: 1px solid #e5e5e5;
}

.report-from .details ul li div {
    float: left;
    width: 4.813333rem;
    height: 1.146667rem;
}

.report-from .details ul li p {
    float: left;
    display: inline-block;
    margin-bottom: .08rem;
    width: 4.813333rem;
    height: .533333rem;
    color: #3c3c3c;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .details ul li p {
    font-size: 14px;
}
[data-dpr="2"] .report-from .details ul li p {
    font-size: 28px;
}
[data-dpr="3"] .report-from .details ul li p {
    font-size: 42px;
}

.report-from .details ul li .time {
    float: left;
    width: 4.813333rem;
    height: .533333rem;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .details ul li .time {
    font-size: 11px;
}
[data-dpr="2"] .report-from .details ul li .time {
    font-size: 22px;
}
[data-dpr="3"] .report-from .details ul li .time {
    font-size: 33px;
}

.report-from .details ul li span.io {
    float: left;
    display: inline-block;
    margin-top: .306667rem;
    width: 1.76rem;
    height: .533333rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .details ul li span.io {
    font-size: 14px;
}
[data-dpr="2"] .report-from .details ul li span.io {
    font-size: 28px;
}
[data-dpr="3"] .report-from .details ul li span.io {
    font-size: 42px;
}

.report-from .details ul li strong {
    float: right;
    display: inline-block;
    margin-top: .306667rem;
    width: 2.666667rem;
    height: .533333rem;
    text-align: right;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .details ul li strong {
    font-size: 14px;
}
[data-dpr="2"] .report-from .details ul li strong {
    font-size: 28px;
}
[data-dpr="3"] .report-from .details ul li strong {
    font-size: 42px;
}

.report-from .details ul li strong.plus {
    color: #46c057;
}

.report-from .details ul li strong.minus {
    color: #fc8e00;
}

.back-img-agent {
    background: url(../images/BG002.jpg) top center;
    background-repeat: repeat-y;
    background-size: 10rem auto;
}

.agent {
    margin: 0 auto;
    padding-top: 1.866667rem;
    height: auto;
}

.agent .title {
    margin-bottom: .986667rem;
    width: 100%;
    height: 1.88rem;
    background-size: auto 100%;
    color: #000;
    text-align: center;
}
[data-dpr="1"] .agent .title {
    font-size: 40px;
}
[data-dpr="2"] .agent .title {
    font-size: 80px;
}
[data-dpr="3"] .agent .title {
    font-size: 120px;
}
.agent .QRC {
    margin: 0 auto .066667rem;
    width: 7.733333rem;
    height: auto;
}

.agent .QRC .img {
    overflow: hidden;
    margin: 0 auto;
    padding: .453333rem;
    width: 4.666667rem;
    height: 4.666667rem;
    border-radius: .266667rem;
    background-color: #fff;
}

.agent .QRC .img img {
    width: 100%;
    height: 100%;
}

.agent .QRC p {
    overflow: hidden;
    margin: .3rem 0 0;
    width: 100%;
    height: 1.333333rem;
    color: #333;
    text-align: center;
    line-height: 1.333333rem;
}

.agent .share,.my-stock {
    overflow: hidden;
    margin: 0 auto;
}
[data-dpr="1"] .agent .QRC p {
    font-size: 20px;
}
[data-dpr="2"] .agent .QRC p {
    font-size: 40px;
}
[data-dpr="3"] .agent .QRC p {
    font-size: 60px;
}

.agent .share {
    width: 7.733333rem;
    height: auto;
}

.agent .share .btn,.agent .share p,.my-stock .top {
    width: 100%;
    text-align: center;
    color: #000;
}

.agent .share p {
    height: 1.28rem;
    color: #333;
    line-height: 1.28rem;
    margin-bottom: .3rem;
}
[data-dpr="1"] .agent .share p {
    font-size: 14px;
}
[data-dpr="2"] .agent .share p {
    font-size: 28px;
}
[data-dpr="3"] .agent .share p {
    font-size: 42px;
}

.agent .share .btn {
    display: block;
    height: 1.093333rem;
    border-radius: .133333rem;
    color: #333!important;
    background: #f4f62f;
    line-height: 1.093333rem;
}
[data-dpr="1"] .agent .share .btn {
    font-size: 17.5px;
}
[data-dpr="2"] .agent .share .btn {
    font-size: 35px;
}
[data-dpr="3"] .agent .share .btn {
    font-size: 52.5px;
}

.my-stock {
    height: auto;
    padding-top: .4rem;
}

.my-stock .top {
    display: none;
    margin-bottom: .4rem;
    padding: .306667rem 0;
    height: 1.493333rem;
    border-bottom: 2px solid #d6d6d6;
    background-color: #fff;
}

.my-stock .top .btn,.my-stock .top input[type=search] {
    display: inline-block;
    padding: .16rem .266667rem;
    height: .853333rem;
    line-height: .533333rem;
}

.my-stock .top input[type=search] {
    width: 5.08rem;
    border: 1px solid #ccc;
    border-radius: .133333rem;
}

.my-stock .list,.restock .center,.restock .top {
    border-bottom: 2px solid #d6d6d6;
    background-color: #fff;
}
[data-dpr="1"] .my-stock .top input[type=search] {
    font-size: 14px;
}
[data-dpr="2"] .my-stock .top input[type=search] {
    font-size: 28px;
}
[data-dpr="3"] .my-stock .top input[type=search] {
    font-size: 42px;
}

.my-stock .top .btn {
    margin-left: .266667rem;
    width: 1.626667rem;
    vertical-align: inherit!important;
}
[data-dpr="1"] .my-stock .top .btn {
    font-size: 14px;
}
[data-dpr="2"] .my-stock .top .btn {
    font-size: 28px;
}
[data-dpr="3"] .my-stock .top .btn {
    font-size: 42px;
}

.my-stock .list {
    overflow: hidden;
    margin-bottom: .4rem;
    width: 100%;
    height: auto;
}

.my-stock .list .title {
    padding: .333333rem;
    width: 100%;
    height: 1.2rem;
    color: #505050;
    line-height: .533333rem;
}

.my-stock .list ul,.my-stock .list ul li {
    overflow: hidden;
    width: 100%;
    height: auto;
}
[data-dpr="1"] .my-stock .list .title {
    font-size: 15px;
}
[data-dpr="2"] .my-stock .list .title {
    font-size: 30px;
}
[data-dpr="3"] .my-stock .list .title {
    font-size: 45px;
}

.my-stock .list ul li {
    position: relative;
    padding: .373333rem .333333rem;
    border-top: 1px solid #e5e5e5;
}

.my-stock .list ul li .img {
    float: left;
    overflow: hidden;
    margin-right: .533333rem;
    width: 2.466667rem;
    height: 2.466667rem;
    line-height: 2.466667rem;
}

.my-stock .list ul li .img img {
    width: 100%;
}

.my-stock .list ul li p {
    float: left;
    margin: .066667rem 0 .08rem;
    width: 6.333333rem;
    height: .533333rem;
    color: #3c3c3c;
    line-height: .533333rem;
}
[data-dpr="1"] .my-stock .list ul li p {
    font-size: 15px;
}
[data-dpr="2"] .my-stock .list ul li p {
    font-size: 30px;
}
[data-dpr="3"] .my-stock .list ul li p {
    font-size: 45px;
}

.my-stock .list ul li .attr {
    float: left;
    margin-top: .16rem;
    width: 3.466667rem;
    height: auto;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .my-stock .list ul li .attr {
    font-size: 12px;
}
[data-dpr="2"] .my-stock .list ul li .attr {
    font-size: 24px;
}
[data-dpr="3"] .my-stock .list ul li .attr {
    font-size: 36px;
}

.my-stock .list ul li .right {
    float: right;
    width: 2.8rem;
    height: 1.066667rem;
    color: #3c3c3c;
    text-align: right;
    font-weight: 700;
    line-height: .533333rem;
}
[data-dpr="1"] .my-stock .list ul li .right {
    font-size: 14px;
}
[data-dpr="2"] .my-stock .list ul li .right {
    font-size: 28px;
}
[data-dpr="3"] .my-stock .list ul li .right {
    font-size: 42px;
}
[data-dpr="1"] .my-stock .list ul li .right span {
    font-size: 12px;
}
[data-dpr="2"] .my-stock .list ul li .right span {
    font-size: 24px;
}
[data-dpr="3"] .my-stock .list ul li .right span {
    font-size: 36px;
}

.my-stock .list ul li .right .gray {
    color: #969696;
    font-weight: initial;
}

.my-stock .btn-box {
    margin-bottom: .4rem;
    width: 100%;
    height: auto;
    text-align: center;
}

.my-stock .btn-box .btn {
    padding: .16rem .266667rem;
    width: 6.133333rem;
    height: .853333rem;
    line-height: .533333rem;
}
[data-dpr="1"] .my-stock .btn-box .btn {
    font-size: 12px;
}
[data-dpr="2"] .my-stock .btn-box .btn {
    font-size: 24px;
}
[data-dpr="3"] .my-stock .btn-box .btn {
    font-size: 36px;
}

.restock .top {
    margin-bottom: .4rem;
    width: 100%;
    height: auto;
}

.restock .top .btn-box {
    padding: .306667rem .333333rem;
    width: 100%;
    height: 1.466667rem;
    text-align: center;
}

.restock .top .btn-box .btn {
    display: inline-block;
    width: 6.826667rem;
    height: .853333rem;
    line-height: .853333rem;
}
[data-dpr="1"] .restock .top .btn-box .btn {
    font-size: 14px;
}
[data-dpr="2"] .restock .top .btn-box .btn {
    font-size: 28px;
}
[data-dpr="3"] .restock .top .btn-box .btn {
    font-size: 42px;
}

.restock .center {
    margin-bottom: .4rem;
    width: 100%;
    height: auto;
}

.restock .center .photo {
    overflow: hidden;
    padding: .373333rem .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
}

.restock .center .photo span {
    float: left;
    padding: .826667rem 0;
    width: auto;
    height: 2.186667rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .restock .center .photo span {
    font-size: 14px;
}
[data-dpr="2"] .restock .center .photo span {
    font-size: 28px;
}
[data-dpr="3"] .restock .center .photo span {
    font-size: 42px;
}

.restock .center .photo ul {
    float: left;
    display: inline;
    padding: .16rem 0;
    width: auto;
    height: auto;
}

.restock .center .photo ul li {
    position: relative;
    float: left;
    display: table-cell;
    overflow: hidden;
    padding: 0;
    width: 2.026667rem;
    height: 2.026667rem;
    text-align: center;
    line-height: normal;
    border-top-color: #b6b1b1!important;
}

.file-choose,.suppl-proof-ul.offbtn .upload_delete {
    display: none;
}

.restock .center .photo ul li .upload_progress,.upload_delete {
    position: absolute;
    top: 0;
}

.restock .center .photo ul li:nth-last-child(1) {
    line-height: 2rem;
}

.upload_delete {
    left: 0;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: arial,sans-serif;
    line-height: 16px;
}

.restock .center .photo ul li img {
    width: 100%;
    height: 100%;
}

.restock .center .photo label {
    float: left;
    display: inline;
    margin-top: .16rem;
    width: 2.026667rem;
    height: 2.026667rem;
    border: 1px dashed #ccc;
    background: url(../images/BG006.png) center center no-repeat;
    font-size: 0;
}

.restock .center .message {
    overflow: hidden;
    padding: .4rem .333333rem;
    width: 100%;
    height: auto;
}

.restock .center .message span {
    float: left;
    width: auto;
    height: .533333rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .restock .center .message span {
    font-size: 14px;
}
[data-dpr="2"] .restock .center .message span {
    font-size: 28px;
}
[data-dpr="3"] .restock .center .message span {
    font-size: 42px;
}

.restock .center .message textarea {
    float: right;
    padding: .133333rem .24rem;
    width: 8rem;
    height: auto;
    border: 1px solid #ccc;
    border-radius: .133333rem;
    color: #787878;
    line-height: .533333rem;
    resize: none;
}
[data-dpr="1"] .restock .center .message textarea {
    font-size: 13px;
}
[data-dpr="2"] .restock .center .message textarea {
    font-size: 26px;
}
[data-dpr="3"] .restock .center .message textarea {
    font-size: 39px;
}

.restock .bottom {
    padding: .266667rem .333333rem;
    height: auto;
    background-color: #fff;
    text-align: right;
}

.restock .bottom .btn {
    display: inline-block;
    margin-left: .266667rem;
    padding: 0 .533333rem;
    border: none;
    line-height: .853333rem;
}
[data-dpr="1"] .restock .bottom .btn {
    font-size: 13px;
}
[data-dpr="2"] .restock .bottom .btn {
    font-size: 26px;
}
[data-dpr="3"] .restock .bottom .btn {
    font-size: 39px;
}

.restock ul,.ship-list {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.restock ul li,.restock-shadow dd .pro,.ship-list li {
    position: relative;
    overflow-y: hidden;
    padding: .373333rem .333333rem;
    width: 100%;
    height: auto;
    border-top: 1px solid #e5e5e5;
}

.restock ul li .left,.restock-shadow dd .pro .left,.ship-list li .left {
    float: left;
    width: 3.6rem;
}

.restock ul li .img,.restock-shadow dd .pro .img,.ship-list li .img {
    float: left;
    overflow: hidden;
    margin-right: .333333rem;
    width: 2.466667rem;
    height: 2.466667rem;
    line-height: 2.466667rem;
}

.restock ul li p,.restock-shadow dd .pro p,.ship-list li p {
    float: left;
    overflow: hidden;
    width: 6.293333rem;
    height: auto;
    color: #3c3c3c;
    line-height: .533333rem;
}
.spanleft{float: left; line-height: .8rem;}
.restock ul li p { margin-top: 0;}
.heji{ padding-right: .4rem; line-height: .853333rem; color: #000;}
.heji.ohide { display: none;}
[data-dpr="1"] .heji { font-size: 14px;}
[data-dpr="2"] .heji { font-size: 28px;}
[data-dpr="3"] .heji { font-size: 42px;}
[data-dpr="1"] .restock ul li p,[data-dpr="1"] .restock-shadow dd .pro p,[data-dpr="1"] .ship-list li p {
    font-size: 15px;
}
[data-dpr="2"] .restock ul li p,[data-dpr="2"] .restock-shadow dd .pro p,[data-dpr="2"] .ship-list li p {
    font-size: 30px;
}
[data-dpr="3"] .restock ul li p,[data-dpr="3"] .restock-shadow dd .pro p,[data-dpr="3"] .ship-list li p {
    font-size: 45px;
}

.restock ul li .attr,.restock-shadow dd .pro .attr,.ship-list li .attr {
    float: left;
    overflow: hidden;
    width: 3.6rem;
    height: auto;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .restock ul li .attr,[data-dpr="1"] .restock-shadow dd .pro .attr,[data-dpr="1"] .ship-list li .attr {
    font-size: 12px;
}
[data-dpr="2"] .restock ul li .attr,[data-dpr="2"] .restock-shadow dd .pro .attr,[data-dpr="2"] .ship-list li .attr {
    font-size: 24px;
}
[data-dpr="3"] .restock ul li .attr,[data-dpr="3"] .restock-shadow dd .pro .attr,[data-dpr="3"] .ship-list li .attr {
    font-size: 36px;
}

.restock ul li .number,.restock-shadow dd .pro .number,.ship-list li .number {
    float: left;
    width: 5.2rem;
    height: .833333rem;
    color: #969696;
    line-height: .833333rem;
}
[data-dpr="1"] .restock ul li .number,[data-dpr="1"] .restock-shadow dd .pro .number,[data-dpr="1"] .ship-list li .number {
    font-size: 12px;
}
[data-dpr="2"] .restock ul li .number,[data-dpr="2"] .restock-shadow dd .pro .number,[data-dpr="2"] .ship-list li .number {
    font-size: 24px;
}
[data-dpr="3"] .restock ul li .number,[data-dpr="3"] .restock-shadow dd .pro .number,[data-dpr="3"] .ship-list li .number {
    font-size: 36px;
}

.restock ul li .number span,.restock-shadow dd .pro .number span,.ship-list li .number span {
    float: left;
}

.restock ul li .number .btn,.restock-shadow dd .pro .number .btn,.ship-list li .number .btn {
    float: left;
    margin: 0;
    padding: 0;
    width: .833333rem;
    height: .833333rem;
    border: 1px solid #ccc;
    color: #969696;
    text-align: center;
    text-decoration: none;
    line-height: .833333rem;
}
[data-dpr="1"] .restock ul li .number .btn,[data-dpr="1"] .restock-shadow dd .pro .number .btn,[data-dpr="1"] .ship-list li .number .btn {
    font-size: 12px;
}
[data-dpr="2"] .restock ul li .number .btn,[data-dpr="2"] .restock-shadow dd .pro .number .btn,[data-dpr="2"] .ship-list li .number .btn {
    font-size: 24px;
}
[data-dpr="3"] .restock ul li .number .btn,[data-dpr="3"] .restock-shadow dd .pro .number .btn,[data-dpr="3"] .ship-list li .number .btn {
    font-size: 36px;
}

.restock ul li .number input[type=number],.restock-shadow dd .pro .number input[type=number],.ship-list li .number input[type=number],input.inumber {
    float: left;
    padding: 0;
    width: 1.8rem;
    height: .833333rem;
    border: 0;
    border-bottom: 1px solid #d1d1d1;
    background: no-repeat;
    box-shadow: none;
    color: #3cc8e6;
    text-align: center;
    line-height: .833333rem;
}
[data-dpr="1"] .restock ul li .number input[type=number],[data-dpr="1"] .restock-shadow dd .pro .number input[type=number],[data-dpr="1"] .ship-list li .number input[type=number],[data-dpr="1"] input.inumber {
    font-size: 12px;
}
[data-dpr="2"] .restock ul li .number input[type=number],[data-dpr="2"] .restock-shadow dd .pro .number input[type=number],[data-dpr="2"] .ship-list li .number input[type=number],[data-dpr="2"] input.inumber {
    font-size: 24px;
}
[data-dpr="3"] .restock ul li .number input[type=number],[data-dpr="3"] .restock-shadow dd .pro .number input[type=number],[data-dpr="3"] .ship-list li .number input[type=number],[data-dpr="3"] input.inumber {
    font-size: 36px;
}

.restock ul li .number input[type=number]::-webkit-inner-spin-button,.restock-shadow dd .pro .number input[type=number]::-webkit-inner-spin-button,.ship-list li .number input[type=number]::-webkit-inner-spin-button {
    display: none;
    visibility: hidden;
}

.restock ul li .right,.restock-shadow dd .pro .right,.ship-list li .right {
    position: absolute;
    top: 50%;
    right: .333333rem;
    width: 2.666667rem;
    height: .533333rem;
    color: #3c3c3c;
    text-align: right;
    font-weight: 700;
    line-height: .533333rem;
}
[data-dpr="1"] .restock ul li .right,[data-dpr="1"] .restock-shadow dd .pro .right,[data-dpr="1"] .ship-list li .right {
    font-size: 14px;
}
[data-dpr="2"] .restock ul li .right,[data-dpr="2"] .restock-shadow dd .pro .right,[data-dpr="2"] .ship-list li .right {
    font-size: 28px;
}
[data-dpr="3"] .restock ul li .right,[data-dpr="3"] .restock-shadow dd .pro .right,[data-dpr="3"] .ship-list li .right {
    font-size: 42px;
}
[data-dpr="1"] .restock ul li .right span,[data-dpr="1"] .restock-shadow dd .pro .right span,[data-dpr="1"] .ship-list li .right span {
    font-size: 12px;
}
[data-dpr="2"] .restock ul li .right span,[data-dpr="2"] .restock-shadow dd .pro .right span,[data-dpr="2"] .ship-list li .right span {
    font-size: 24px;
}
[data-dpr="3"] .restock ul li .right span,[data-dpr="3"] .restock-shadow dd .pro .right span,[data-dpr="3"] .ship-list li .right span {
    font-size: 36px;
}

.restock-shadow {
    display: none;
}

.restock-shadow dl dt {
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.restock-shadow dl dt p {
    color: #969696;
}

.restock-shadow dl dt span {
    border-color: #3cc8e6;
}

.restock-shadow dl dt span i::after,.restock-shadow dl dt span i::before {
    background-color: #3cc8e6;
}

.restock-shadow dl .search {
    display: none;
    position: absolute;
    top: 1.266667rem;
    right: 0;
    left: 0;
    padding: .306667rem .333333rem;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
    text-align: center;
}

.btn-white-blue {
    border: 1px solid #3cc8e6;
    background-color: #fff;
    color: #3cc8e6;
}

.restock-shadow dl .search input[type=search] {
    display: inline-block;
    padding: .16rem .333333rem;
    width: 5.08rem;
    height: .853333rem;
    border: 1px solid #ccc;
    border-radius: .133333rem;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .restock-shadow dl .search input[type=search] {
    font-size: 14px;
}
[data-dpr="2"] .restock-shadow dl .search input[type=search] {
    font-size: 28px;
}
[data-dpr="3"] .restock-shadow dl .search input[type=search] {
    font-size: 42px;
}

.restock-shadow dl .search .btn {
    padding: .146667rem .266667rem;
    width: 1.626667rem;
    height: .853333rem;
    border: 1px solid #3cc8e6;
    vertical-align: inherit!important;
    line-height: .533333rem;
}
[data-dpr="1"] .restock-shadow dl .search .btn {
    font-size: 14px;
}
[data-dpr="2"] .restock-shadow dl .search .btn {
    font-size: 28px;
}
[data-dpr="3"] .restock-shadow dl .search .btn {
    font-size: 42px;
}

.restock-shadow dl .pro {
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

.ship .center,.ship .message,.ship .top {
    border-bottom: 1px solid #d6d6d6;
}

.restock-shadow dl .pro p {
    margin-bottom: .04rem;
    height: .533333rem;
}

.restock-shadow dl .pro p span {
    float: none;
    display: inline;
    color: #969696;
}
[data-dpr="1"] .restock-shadow dl .pro p span {
    font-size: 12px;
}
[data-dpr="2"] .restock-shadow dl .pro p span {
    font-size: 24px;
}
[data-dpr="3"] .restock-shadow dl .pro p span {
    font-size: 36px;
}

.restock-shadow dl .pro .price {
    color: #3c3c3c;
}

.restock-shadow dl .pro .price span {
    float: none;
    display: inline;
}

.restock-shadow dl .pro .right {
    margin-top: .066667rem;
    width: .733333rem;
    height: .733333rem;
}

.restock-shadow dl .pro .right label {
    margin: 0;
    padding: 0;
    width: .733333rem;
    height: .733333rem;
    background: url(../images/ICO007.png) bottom center no-repeat;
    background-size: 100% 100%!important;
}

.restock-shadow dl .pro .right label::after,.restock-shadow dl .pro .right label::before {
    display: none;
}

.restock-shadow dl .pro .right label.point {
    background: url(../images/ICO007_check.png) bottom center no-repeat;
}

.ship {
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}

.ship .top {
    margin-bottom: .4rem;
    width: 100%;
    height: auto;
    background-color: #fff;
}

.ship .top .attr {
    overflow: hidden;
    padding: .4rem 1.6rem .4rem .333333rem;
    width: 100%;
    line-height: 1.6;
    background: url(../images/icon-arrow.png) no-repeat right center;
}

.ship .top .attr i {
    float: left;
    margin: .5rem .16rem 0 0;
    width: .533333rem;
    height: .533333rem;
    background: url(../images/attr-addres.png) center no-repeat;
    background-size: auto 100%;
}

.ship .top .attr .name,.ship .top .attr .tel {
    width: auto;
    height: .546667rem;
    line-height: .546667rem;
}

.ship .bottom,.ship .center,.ship .message {
    background-color: #fff;
}

.ship .top .attr .name {
    color: #000;
}
[data-dpr="1"] .ship .top .attr .name {
    font-size: 15px;
}
[data-dpr="2"] .ship .top .attr .name {
    font-size: 30px;
}
[data-dpr="3"] .ship .top .attr .name {
    font-size: 45px;
}

.ship .top .attr .tel {
    float: right;
    color: #003333;
    vertical-align: top;
}
[data-dpr="1"] .ship .top .attr .tel {
    font-size: 11px;
}
[data-dpr="2"] .ship .top .attr .tel {
    font-size: 22px;
}
[data-dpr="3"] .ship .top .attr .tel {
    font-size: 33px;
}

.ship .top .attr p {
    float: left;
    width: 7.34rem;
    height: auto;
    color: #003333;
    padding-top: .08rem;
    line-height: .426667rem;
}
[data-dpr="1"] .ship .top .attr p {
    font-size: 11px;
}
[data-dpr="2"] .ship .top .attr p {
    font-size: 22px;
}
[data-dpr="3"] .ship .top .attr p {
    font-size: 33px;
}

.ship .center {
    overflow-y: hidden;
    margin-bottom: .4rem;
    width: 100%;
    height: auto;
}

.ship .center .btn-box {
    padding: .306667rem;
    width: 100%;
    height: 1.466667rem;
    text-align: center;
}

.ship .center .btn-box .btn {
    padding: .133333rem 0;
    width: 6.973333rem;
    height: .84rem;
    line-height: .546667rem;
}
[data-dpr="1"] .ship .center .btn-box .btn {
    font-size: 14px;
}
[data-dpr="2"] .ship .center .btn-box .btn {
    font-size: 28px;
}
[data-dpr="3"] .ship .center .btn-box .btn {
    font-size: 42px;
}

.ship .center .ship-list {
    margin: 0;
}

.ship .center .ship-list .content {
    position: relative;
    overflow: hidden;
    padding: .373333rem .333333rem;
    width: 100%;
    height: auto;
}

.ship .center .ship-list .content .number {
    width: 6.293333rem;
}

.ship .center .ship-list .content .number span.limit {
    margin-left: .133333rem;
}

.ship .center .ship-list .content .right {
    margin-top: .053333rem;
}

.ship .center .ship-list .delivery {
    overflow: hidden;
    padding: .173333rem .333333rem;
    width: 100%;
    height: 1.2rem;
    border-top: 1px solid #e5e5e5;
}

.ship .center .ship-list .delivery p {
    float: left;
    margin-top: .16rem;
    width: auto;
    height: .853333rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .ship .center .ship-list .delivery p {
    font-size: 14px;
}
[data-dpr="2"] .ship .center .ship-list .delivery p {
    font-size: 28px;
}
[data-dpr="3"] .ship .center .ship-list .delivery p {
    font-size: 42px;
}

.ship .center .ship-list .delivery .btn {
    float: right;
    padding: .146667rem .266667rem;
    height: .853333rem;
    border-radius: .133333rem;
    color: #969696;
    line-height: .533333rem;
}
[data-dpr="1"] .ship .center .ship-list .delivery .btn {
    font-size: 13px;
}
[data-dpr="2"] .ship .center .ship-list .delivery .btn {
    font-size: 26px;
}
[data-dpr="3"] .ship .center .ship-list .delivery .btn {
    font-size: 39px;
}

.ship .message {
    overflow: hidden;
    margin-bottom: .4rem;
    padding: .4rem .333333rem;
    width: 100%;
    height: auto;
}

.ship .message span {
    float: left;
    width: auto;
    height: .533333rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .ship .message span {
    font-size: 14px;
}
[data-dpr="2"] .ship .message span {
    font-size: 28px;
}
[data-dpr="3"] .ship .message span {
    font-size: 42px;
}

.ship .message textarea {
    float: right;
    padding: .133333rem .24rem;
    width: 8rem;
    height: auto;
    border: 1px solid #ccc;
    border-radius: .133333rem;
    color: #787878;
    line-height: .533333rem;
    resize: none;
}
[data-dpr="1"] .ship .message textarea {
    font-size: 13px;
}
[data-dpr="2"] .ship .message textarea {
    font-size: 26px;
}
[data-dpr="3"] .ship .message textarea {
    font-size: 39px;
}

.ship .bottom {
    padding: .266667rem .333333rem;
    height: auto;
    text-align: right;
}

.ship .bottom .btn {
    margin-left: .266667rem;
    padding: 0 .533333rem;
    line-height: .853333rem;
}
[data-dpr="1"] .ship .bottom .btn {
    font-size: 13px;
}
[data-dpr="2"] .ship .bottom .btn {
    font-size: 26px;
}
[data-dpr="3"] .ship .bottom .btn {
    font-size: 39px;
}

.certificate-box {
    margin: .533333rem 0;
}

.certificate-box .certificate {
    overflow: hidden;
    margin: 0 auto;
    padding: 2.253333rem 1.426667rem 1.973333rem;
    width: 9.36rem;
    height: 13.266667rem;
    background: url(../images/BG009.jpg) top center no-repeat;
    background-size: 9.36rem 13.266667rem;
}

.certificate-box .certificate h4 {
    overflow: hidden;
    margin: 0 0 1.24rem;
    width: 100%;
    height: .84rem;
    color: #000;
    text-align: center;
    font-weight: 700;
    line-height: .84rem;
}
[data-dpr="1"] .certificate-box .certificate h4 {
    font-size: 20px;
}
[data-dpr="2"] .certificate-box .certificate h4 {
    font-size: 40px;
}
[data-dpr="3"] .certificate-box .certificate h4 {
    font-size: 60px;
}

.certificate-box .certificate .text {
    overflow: hidden;
    margin-bottom: .426667rem;
    width: 100%;
    height: 1.746667rem;
    color: #443517;
    line-height: .44rem;
}
[data-dpr="1"] .certificate-box .certificate .text {
    font-size: 10px;
}
[data-dpr="2"] .certificate-box .certificate .text {
    font-size: 20px;
}
[data-dpr="3"] .certificate-box .certificate .text {
    font-size: 30px;
}

.certificate-box .certificate .text p {
    margin: 0;
    text-indent: 2em;
}

.certificate-box .certificate .attr {
    overflow: hidden;
    margin-bottom: .266667rem;
    width: 100%;
    height: auto;
    color: #433417;
    line-height: .4rem;
}
[data-dpr="1"] .certificate-box .certificate .attr {
    font-size: 9px;
}
[data-dpr="2"] .certificate-box .certificate .attr {
    font-size: 18px;
}
[data-dpr="3"] .certificate-box .certificate .attr {
    font-size: 27px;
}

.certificate-box .certificate .QRC {
    float: left;
    overflow: hidden;
    width: 1.88rem;
    height: 1.88rem;
}

.certificate-box .certificate .right {
    position: relative;
    float: right;
    width: auto;
    height: auto;
    max-width: 4rem;
    min-width: 2.933333rem;
}

.certificate-box .certificate .right .img {
    margin-bottom: .16rem;
    width: 1.413333rem;
    height: 1.413333rem;
}

.certificate-box .certificate .right .img img {
    width: 100%;
}

.certificate-box .certificate .right p {
    width: auto;
    height: auto;
    color: #433417;
    white-space: nowrap;
    line-height: .4rem;
}
[data-dpr="1"] .certificate-box .certificate .right p {
    font-size: 12px;
}
[data-dpr="2"] .certificate-box .certificate .right p {
    font-size: 24px;
}
[data-dpr="3"] .certificate-box .certificate .right p {
    font-size: 36px;
}

.certificate-box .certificate .right span {
    position: absolute;
    top: .453333rem;
    right: -.133333rem;
    width: 2.12rem;
    height: 2.093333rem;
    background: url(../images/ico008.png) no-repeat;
    background-size: 100% 100%;
}

.certificate-box .second {
    padding: 4rem 1.066667rem 0;
    width: 9.013333rem;
    height: 12.746667rem;
    background: url(../images/BG010.jpg) top center no-repeat;
    background-size: 9.013333rem 12.746667rem;
}

.certificate-box .second .attr {
    float: left;
    margin: 0;
    width: 3.2rem;
    height: auto;
}
[data-dpr="1"] .certificate-box .second .attr {
    font-size: 10px;
}
[data-dpr="2"] .certificate-box .second .attr {
    font-size: 20px;
}
[data-dpr="3"] .certificate-box .second .attr {
    font-size: 30px;
}

.certificate-box .second .right {
    width: 2.933333rem;
    max-width: 2.933333rem;
}
[data-dpr="1"] .certificate-box .second .right p {
    font-size: 10px;
}
[data-dpr="2"] .certificate-box .second .right p {
    font-size: 20px;
}
[data-dpr="3"] .certificate-box .second .right p {
    font-size: 30px;
}

.certificate-box .second .QRC {
    margin-top: .373333rem;
    width: 100%;
    height: auto;
    text-align: center;
}

.certificate-box .second .QRC span {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: .16rem;
    width: 2.133333rem;
    height: 2.133333rem;
    border-radius: .133333rem;
    background-color: #f2f2f1;
}

.certificate-box .second .QRC span img {
    width: 100%;
}

.certificate-box .third {
    position: relative;
    margin: 0 auto;
    padding: 3.7rem 1.733333rem 0;
    height: 14.72rem;
    background: url(../images/BG011.jpg) top center no-repeat;
    background-size: auto 14.72rem;
}

.certificate-box .third .top {
    margin: 0 auto;
    padding: .266667rem 0 .2rem;
    width: 3.933333rem;
    height: 1.146667rem;
    background: url(../images/BG012.png) top center no-repeat;
    text-align: center;
}

.certificate-box .third .top span {
    width: 100%;
    height: .4rem;
    color: #d61d2b;
    font-weight: 700;
    line-height: .4rem;
}
[data-dpr="1"] .certificate-box .third .top span {
    font-size: 13px;
}
[data-dpr="2"] .certificate-box .third .top span {
    font-size: 26px;
}
[data-dpr="3"] .certificate-box .third .top span {
    font-size: 39px;
}

.certificate-box .third .top p {
    width: 100%;
    height: .28rem;
    color: #443517;
    line-height: .28rem;
}
[data-dpr="1"] .certificate-box .third .top p {
    font-size: 8px;
}
[data-dpr="2"] .certificate-box .third .top p {
    font-size: 16px;
}
[data-dpr="3"] .certificate-box .third .top p {
    font-size: 24px;
}

.certificate-box .third .attr {
    float: left;
    margin: 0;
    width: 3.2rem;
}
[data-dpr="1"] .certificate-box .third .attr {
    font-size: 10px;
}
[data-dpr="2"] .certificate-box .third .attr {
    font-size: 20px;
}
[data-dpr="3"] .certificate-box .third .attr {
    font-size: 30px;
}

.certificate-box .third .right {
    margin-right: -.266667rem;
    width: 2.933333rem;
    max-width: 2.933333rem;
}
[data-dpr="1"] .certificate-box .third .right p {
    font-size: 10px;
}
[data-dpr="2"] .certificate-box .third .right p {
    font-size: 20px;
}
[data-dpr="3"] .certificate-box .third .right p {
    font-size: 30px;
}

.certificate-box .third .QRC {
    clear: both;
    overflow: hidden;
    margin-top: .373333rem;
    margin-bottom: .693333rem;
    width: 100%;
    height: auto;
    text-align: center;
}

.certificate-box .third .QRC span {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    width: 1.88rem;
    height: 1.88rem;
    background: 0 0;
}

.certificate-box .third .name {
    overflow: hidden;
    width: 100%;
    height: .293333rem;
    color: #433417;
    text-align: center;
    line-height: .293333rem;
}
[data-dpr="1"] .certificate-box .third .name {
    font-size: 7.5px;
}
[data-dpr="2"] .certificate-box .third .name {
    font-size: 15px;
}
[data-dpr="3"] .certificate-box .third .name {
    font-size: 22.5px;
}

.inquite-list {
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}

.inquite-list dd,.inquite-list dt {
    position: relative;
    margin-bottom: .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #e5e5e5;
    background-color: #fff;
}

.inquite-list dd:nth-last-child(1) {
    margin-bottom: 0;
}

.inquite-list dt .top {
    padding: .366667rem 0;
    width: 100%;
    height: 1.2rem;
    background: url(../images/BG013.png) 6.12rem .093333rem no-repeat #3cc8e6;
    background-size: auto 2.4rem;
    color: #fff;
    text-align: center;
    font-weight: 400;
}
[data-dpr="1"] .inquite-list dt .top {
    font-size: 17.5px;
}
[data-dpr="2"] .inquite-list dt .top {
    font-size: 35px;
}
[data-dpr="3"] .inquite-list dt .top {
    font-size: 52.5px;
}

.inquite-list dt .photo-box {
    padding: .533333rem .333333rem;
    width: 100%;
    height: auto;
    text-align: center;
}

.inquite-list dd .tit {
    padding: .08rem .333333rem;
    width: 100%;
    height: .986667rem;
    border-bottom: 2px solid #3cc8e6;
    color: #3cc8e6;
    line-height: .8rem;
}
[data-dpr="1"] .inquite-list dd .tit {
    font-size: 16px;
}
[data-dpr="2"] .inquite-list dd .tit {
    font-size: 32px;
}
[data-dpr="3"] .inquite-list dd .tit {
    font-size: 48px;
}

.inquite-list dd .content {
    position: relative;
    overflow: hidden;
    padding: .333333rem;
    width: 100%;
    height: auto;
}

.inquite-list dd .content .pro-img {
    float: left;
    width: 3.12rem;
    height: 3.12rem;
    border: 1px solid #b6b6b6;
}

.inquite-list dd .content .pro-img img {
    width: 100%;
}

.inquite-list dd .content div,.inquite-list dd .content p {
    float: right;
    width: 6rem;
    height: auto;
    line-height: .533333rem;
}

.inquite-list dd .content p {
    margin-bottom: .106667rem;
    color: #000;
}
[data-dpr="1"] .inquite-list dd .content p {
    font-size: 16px;
}
[data-dpr="2"] .inquite-list dd .content p {
    font-size: 32px;
}
[data-dpr="3"] .inquite-list dd .content p {
    font-size: 48px;
}

.inquite-list dd .content div {
    color: #555;
}
[data-dpr="1"] .inquite-list dd .content div {
    font-size: 15px;
}
[data-dpr="2"] .inquite-list dd .content div {
    font-size: 30px;
}
[data-dpr="3"] .inquite-list dd .content div {
    font-size: 45px;
}

.inquite-list dd .content div span {
    color: #ff0101;
}

.inquite-list dd span.print {
    position: absolute;
    bottom: -.32rem;
    left: 1.72rem;
    z-index: 1;
    display: block;
    width: 2.773333rem;
    height: 2.746667rem;
    /*background: url(../images/ICO009.png) top left no-repeat;
    background-size: 100%;*/
}

.inquite-list dd .text-contact {
    padding: .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #3cc8e6;
    color: #555;
    line-height: .533333rem;
}
[data-dpr="1"] .inquite-list dd .text-contact {
    font-size: 15px;
}
[data-dpr="2"] .inquite-list dd .text-contact {
    font-size: 30px;
}
[data-dpr="3"] .inquite-list dd .text-contact {
    font-size: 45px;
}

.inquite-list dd .QRC-box {
    overflow: hidden;
    padding: .333333rem 1.333333rem;
    width: 100%;
    height: auto;
    text-align: right;
}

.inquite-list dd .QRC-box .img {
    float: left;
    width: 2.586667rem;
}

.inquite-list dd .QRC-box>img {
    width: 3.613333rem;
}

.pswp {
    -webkit-transition: all .3s;
    transition: all .3s;
}

#sharebox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    color: #fff;
    text-align: center;
}

#sharebox p {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    font-size: 26px;
    line-height: 1.6;
}

#sharebox .share-arrow {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 50px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-animation: sm_yuan .6s infinite linear;
    animation: sm_yuan .6s infinite linear;
}

@-webkit-keyframes sm_yuan {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
    }

    50% {
        -webkit-transform: translate3d(-30px,40px,0);
    }
}

@keyframes sm_yuan {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    50% {
        -webkit-transform: translate3d(-30px,40px,0);
        transform: translate3d(-30px,40px,0);
    }
}

.loading-plan {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #FFF;
}

.ioc-mobile {
    float: left;
    overflow: hidden;
    width: .8rem;
    height: .53rem;
    border-radius: .106667rem;
    background: url(../images/ICO004.png) 50% no-repeat #3cc8e6;
    background-size: auto 80%;
}

.restock-bottom {
    float: left;
    margin-top: .2rem;
    padding-top: .2rem;
    width: 100%;
    height: auto;
    border-top: 1px solid #e5e5e5;
}

.restock-bottom span {
    float: right;
    padding: .2rem .6rem;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    color: #969696;
    font-size: 12px;
}

.depot-footer {
    margin-top: .9rem;
    height: 1.5rem;
    text-align: center;
    font-size: 16px;
}

.depot-footer-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5rem;
}

.depot-footer-a {
    float: left;
    display: block;
    width: 50%;
    height: 100%;
    background: #fff;
    color: #969696;
    line-height: 1.5rem;
}

.depot-footer-but {
    float: left;
    display: block;
    width: 50%;
    height: 100%;
    border-radius: 0!important;
}

.data-main {
    margin: .293333rem .4rem;
    padding: .4rem 0 .7rem;
    border-radius: .133333rem;
    background: #fff;
    text-align: center;
}

.data-main h3 {
    margin: .4rem 0;
    color: #000;
    font-size: 22px;
}

.data-sub-yes {
    display: block;
    margin: 0 auto .4rem;
    width: 2rem;
    height: auto;
}

.data-main p {
    line-height:1.8;
    margin-bottom: .4rem;
    color: #3c3c3c;
    font-size: 13px;
}

.data-sub-er {
    display: block;
    margin: 0 auto .3rem;
    width: 3.5rem;
    height: auto;
}

.data-main span {
    color: #3cc8e6;
    font-size: 13px;
    line-height: 1.8;
}

.my-wallet {
    text-align: center;
}

.my-wallet .top {
    margin-bottom: .4rem;
    background: url(../images/wallet-bg.png) center top no-repeat #c33719!important;
    background-size: auto 100%!important;
}

.my-wallet .btn-box {
    margin: .8rem auto 0!important;
}

.my-wallet .note {
    color: #fa0002;
    font-size: 12px;
}

.recharge {
    width: 100%;
    height: 2.8rem;
    background: url(../images/my-wallet-bg.png) #da251e no-repeat center;
    background-size: auto 100%;
    color: #fff;
    text-align: center;
}

.recharge section {
    padding-top: .8rem;
}

.recharge h2,.recharge p {
    text-shadow: 0 2px 0 #bd1913;
}

.recharge h2 {
    font-size: 18px;
}

.recharge p {
    font-weight: 700;
    font-size: 20px;
}

.recharge-box .center .photo label {
    background: url(../images/BG666.png) no-repeat center;
    background-size: .5rem auto;
}

.restock .center .recharge-sum {
    overflow: hidden;
    padding: .373333rem .333333rem;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
}

.restock .center .recharge-sum span {
    width: auto;
    height: 1.5rem;
    color: #787878;
    line-height: 1.5rem;
}

.restock .center .recharge-sum input {
    padding: .2rem 0 .2rem .5rem;
    width: 7rem;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.history {
    width: 100%;
    height: 1.5rem;
    background: #eee;
}

.history p {
    float: left;
    width: 50%;
    color: #da251e;
    text-align: center;
    font-size: 18px;
    line-height: 1.5rem;
}

.history-income {
    background: url(../images/income-blue.png) no-repeat 1rem .45rem;
    background-size: .65rem .65rem;
}

.history .income-hover {
    background: #da251e url(../images/income-white.png) no-repeat 1rem .45rem;
    background-size: .65rem .65rem;
    color: #fff;
}

.history-expenses {
    background: url(../images/expenses-blue.png) no-repeat 1rem .45rem;
    background-size: .65rem .65rem;
}

.history .expenses-hover {
    color: #fff;
    background: #da251e url(../images/expenses-white.png) no-repeat 1rem .45rem;
    background-size: .65rem .65rem;
}

.income-box ul {
    margin-top: 0!important;
}

.expenses-box ul {
    margin-top: 0!important;
}

.income-box .intrgral-log li {
    padding: .173333rem .4rem;
}

.expenses-box .intrgral-log li {
    padding: .173333rem .4rem;
}

.intrgral .intrgral-log li h5 {
    float: right;
    color: #b41d24;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.106667rem;
}

.intrgral .intrgral-log li span.remainder {
    float: right;
    color: #969696;
    font-size: 10px;
}

.income-box ul li h5 {
    color: #46c057!important;
}

.income-box .intrgral-log li .time {
    width: 5.4rem;
}

.expenses-box .intrgral-log li .time {
    width: 5.4rem;
}

.rebate-history {
    width: 750px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;/* no */
}

.rebate-history dt {
    width: 100%;
    height: auto;
    line-height: 63px;
    padding: 24px 45px 22px;
    border-bottom: 1px solid #ccc;/* no */
    background-color: #fff;
    font-weight: inherit;
}

.rebate-history dt span {
    font-size: 30px;/* px */
}

.rebate-history dt select {
    width: 321px;
    height: 63px;
    font-size: 26px;
    /* px */
    line-height: 63px;
    color: #969696;
    float: right;
    border-radius: 5px;
    padding: 0 10px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/ICO003.png) calc(100% - 20px) center no-repeat;
    background-size: auto 30%;
    position: relative;
}

.rebate-history dt select::-ms-expand {
    display: none;
}

.rebate-history dd {
    width: 100%;
    height: auto;
    padding: 17px 45px 8px;
    border-bottom: 1px solid #e5e5e5;
    /* no */
    background-color: #fff;
    overflow: hidden;
}

.rebate-history dd .left {
    width: auto;
    height: auto;
    float: left;
}

.rebate-history dd .left p {
    font-size: 28px;
    /* px */
    line-height: 42px;
    color: #505050;
    margin-bottom: 0;
}

.rebate-history dd .left span {
    font-size: 22px;
    /* px */
    line-height: 42px;
    color: #969696;
}

.rebate-history dd .right {
    width: auto;
    height: auto;
    float: right;
    padding: 18px 0 26px;
    line-height: 40px;
    font-size: 30px;
    /* px */
    font-weight: bold;
}

.rebate-history dd .green {
    color: #46c057;
}

.rebate {
    width: 750px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.rebate .header {
    width: 100%;
    height: 350px;
    margin-bottom: 30px;
}

.rebate .header .banner {
    width: 100%;
    height: 230px;
    background: url(../images/BG015.png) 195px -126px no-repeat #3cc8e6;
}

.rebate .header ul {
    width: 100%;
    height: 120px;
    margin-bottom: 0;
}

.rebate .header ul li {
    width: 50%;
    height: 100%;
    padding: 20px 0;
    font-size: 26px;
    /* px */
    color: #787878;
    text-align: center;
    background-color: #fff;
}

.rebate .header ul li span {
    font-size: 30px;
    /* px */
    font-weight: bold;
}

.rebate .header ul .left {
    float: left;
    border-right: 2px solid #eeeeee;
    /* no */
}

.rebate .header ul .left span {
    color: #fc8e00;
}

.rebate .header ul .right {
    float: right;
    border-left: 2px solid #eeeeee;
    /* no */
}

.rebate .header ul .right span {
    color: #46c057;
}

.rebate .tad {
    width: 360px;
    height: 78px;
    margin: 0 auto 30px;
    border: 2px solid #3cc8e6;
    /* no */
    border-radius: 8px;
    overflow: hidden;
}

.rebate .tad a {
    display: block;
    width: 50%;
    height: 100%;
    line-height: 74px;
    float: left;
    font-size: 30px;
    /* px */
    color: #3cc8e6;
    text-align: center;
    text-decoration: none;
}

.rebate .tad .in {
    background-color: #3cc8e6;
    color: #fff;
}

.rebate .tad-content {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}

.rebate .tad-content li {
    display: none;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.rebate .tad-content li:nth-child(1) {
    display: inline-block;
}

.rebate .tad-content .month {
    height: 90px;
    line-height: 40px;
    padding: 25px 0;
    font-size: 30px;
    /* px */
    color: #fff;
    background-color: #c8c8c8;
    border-bottom: 0;
    /* no */
    text-align: center;
}

.rebate .tad-content .bottom {
    height: 90px;
    padding: 25px 0;
    text-align: center;
}

.rebate .tad-content .bottom a {
    font-size: 30px;
    /* px */
    line-height: 40px;
    color: #3cc8e6;
    text-decoration: none;
}

.return {
    width: 750px;
    height: auto;
    margin: 0 auto;
}

.return .top {
    width: 100%;
    height: 90px;
    padding: 25px 0;
    background-color: #fff;
    color: #a5a5a5;
    line-height: 40px;
    font-size: 28px;
    /* px */
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    /* no */
}

.return .money {
    width: 100%;
    height: 100px;
    padding: 19px 25px 18px;
    background-color: #fff;
    font-size: 26px;
    /* px */
    color: #969696;
    margin-bottom: 20px;
    border-bottom: 2px solid #d6d6d6;
    /* no */
    line-height: 63px;
}

.return .money span {
    font-size: 30px;/* px */
    color: #fa0000;
    font-weight: bold;
}

.return .money .btn {
    width: 152px;
    height: 63px;
    line-height: 63px;
    font-size: 28px;
    /* px */
    float: right;
    padding: 0;
    border: 0;
    /* no */
}

.return .prompt {
    width: 100%;
    height: auto;
    line-height: 40px;
    margin-bottom: 30px;
    color: #3cc8e6;
    padding: 0 25px;
    font-size: 24px;
    /* px */
}

.return ul.pro {
    background-color: #fff;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
}

.return ul.pro li {
    width: 100%;
    height: auto;
    padding: 16px 25px;
    border-bottom: 1px solid #d6d6d6;
    /* no */
    /*no*/
    overflow: hidden;
}

.return ul.pro li .img {
    width: 185px;
    height: 185px;
    float: left;
    margin-right: 22px;
    overflow: hidden;
}

.return ul.pro li .img img {
    width: 100%;
}

.return ul.pro li h3 {
    width: 333px;
    height: auto;
    line-height: 40px;
    float: left;
    font-size: 30px;
    /*px*/
    margin-top: 17px 0 16px;
}

.return ul.pro li .text {
    width: 333px;
    height: auto;
    line-height: 40px;
    font-size: 24px;
    /*px*/
    color: #969696;
    float: left;
}

.return ul.pro li p {
    width: auto;
    height: 43px;
    line-height: 43px;
    font-size: 28px;
    /*px*/
    color: #3c3c3c;
    font-weight: bold;
    float: right;
    margin: 0;
}

.return ul.pro li p span {
    font-size: 24px;
    /*px*/
}

.application {
    width: 750px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.application dt {
    width: 100%;
    height: 95px;
    padding: 25px 0;
    text-align: center;
    font-size: 28px;
    /* px */
    color: #787878;
    background-color: #fff;
    border-bottom: 2px solid #d6d6d6;
    /* no */
    font-weight: inherit;
}

.application dt span {
    margin: 0 20px;
}

.application dd {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.application .list-box {
    width: 690px;
    height: auto;
    padding: 10px 28px;
    margin: 33px auto;
    background-color: #fff;
    border-radius: 8px;
    /* no */
    overflow: hidden;
}

.application .list-box li {
    width: 100%;
    height: auto;
    padding: 20px 0;
    line-height: 30px;
    font-size: 26px;
    /* px */
    color: #969696;
    border-bottom: 1px solid #e5e5e5;
    /* no */
    overflow: hidden;
}

.application .list-box li span {
    display: inline-block;
    float: left;
}

.application .list-box li .img {
    width: 350px;
    height: 187px;
    float: right;
    background-color: #eee;
    border-radius: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.application .list-box li:last-child {
    border: transparent;
    /* no */
}

.application .tit {
    width: 100%;
    height: 90px;
    line-height: 40px;
    padding: 25px 0;
    background-color: #3cc8e6;
    color: #fff;
    text-align: center;
    font-size: 30px;
    /* px */
}

.application ul {
    background-color: #fff;
}

.application ul li {
    border-bottom: 1px solid #e5e5e5;
    /* no */
}

.application .btn-box {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-bottom: 2px solid #eee;
    /* no */
    padding: 28px 25px;
    text-align: right;
}

.application .btn-box .btn {
    width: 162px;
    height: 63px;
    line-height: 63px;
    font-size: 28px;/* px */
    padding: 0;
    border: 0;
    /* no */
}

.recharge-det {
    width: 750px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 2px solid #d6d6d6;
    /* no */
    background-color: #fff;
}

.recharge-det li {
    width: 100%;
    height: auto;
    padding: 25px;
    border-bottom: 1px solid #e5e5e5;
    /* no */
    overflow: hidden;
}

.recharge-det li span {
    width: 140px;
    height: auto;
    float: left;
    line-height: 40px;
    font-size: 28px;
    /* px */
    color: #787878;
    padding: 11px 0;
}

.recharge-det li p {
    display: inline-block;
    width: 560px;
    height: 66px;
    margin-bottom: 0;
    float: right;
    border: 1px solid #ccc;
    /* no */
    border-radius: 8px;
    padding: 10px;
    line-height: 40px;
    font-size: 24px;
    /* px */
    color: #787878;
}

.recharge-det li div.text {
    width: 560px;
    height: auto;
    min-height: 222px;
    float: right;
    border: 1px solid #ccc;
    /* no */
    border-radius: 8px;
    padding: 10px;
    line-height: 40px;
    font-size: 24px;
    /* px */
    color: #787878;
}

.recharge-det li div.img-box {
    width: 560px;
    height: auto;
    min-height: 160px;
    float: right;
    overflow: hidden;
    margin-bottom: -10px;
}

.recharge-det li div.img-box a {
    display: inline-block;
    width: 160px;
    height: 160px;
    float: left;
    margin: 0 10px 10px 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

.recharge-det .bottom {
    border: 0;
    /* no */
    text-align: right;
}

.recharge-det .bottom .btn {
    width: 151px;
    height: 63px;
    line-height: 63px;
    padding: 0;
    border: 0;
    /* no */
    font-size: 26px;
    /* px */
}
.upload-box { position: relative;}
.new-proxy-regin dl dd.form .img-box { position: absolute; left: 4%; top: 2px; background: #fff; text-align: center; width: 92%;}
.descipt { border:2px dashed #44cae7 !important; border-top: none !important; margin-top: -32rem!important; width: 100%; padding: .32rem !important;}
.new-proxy-regin dl dd.form ul li.readonly { background: #e0e0e0; color:#333; position: relative;}
.icon-link-tel { position: absolute; top: 50%; right: .266666rem; background: url(../images/icon-link-tel.png) no-repeat center; background-size: 100%; height: .8rem; width: .8rem;}
.new-proxy-regin{width:10rem;height:auto;margin:0 auto}.new-proxy-regin dl{width:100%;height:auto;overflow:hidden}.new-proxy-regin dl dt{width:100%;height:auto;line-height:.533333rem;padding:.373333rem 0;font-weight:inherit;text-align:center;color:#3c3c3c;border-bottom:2px solid #d6d6d6;background-color:#fff}[data-dpr="1"] .new-proxy-regin dl dt{font-size:14px}[data-dpr="2"] .new-proxy-regin dl dt{font-size:28px}[data-dpr="3"] .new-proxy-regin dl dt{font-size:42px}.new-proxy-regin dl dd.form{width:100%;height:auto;padding:0 .333333rem}.new-proxy-regin dl dd.form .form-box{width:100%;height:auto;border-radius:.066667rem;margin:.32rem 0}.new-proxy-regin dl dd.form ul{width:100%;height:auto;margin-bottom:.533333rem}.new-proxy-regin dl dd.form ul li{width:100%;height:auto;line-height:.533333rem;padding:.32rem;margin-bottom:.32rem;background:#fff;border:1px solid #b5b5b5;overflow-y:hidden;color:#646464}[data-dpr="1"] .new-proxy-regin dl dd.form ul li{font-size:13px}[data-dpr="2"] .new-proxy-regin dl dd.form ul li{font-size:26px}[data-dpr="3"] .new-proxy-regin dl dd.form ul li{font-size:39px}.new-proxy-regin dl dd.form ul li label{line-height:.533333rem;color:#969696;font-weight:inherit;margin-bottom:0;float:left}[data-dpr="1"] .new-proxy-regin dl dd.form ul li label{font-size:13px}[data-dpr="2"] .new-proxy-regin dl dd.form ul li label{font-size:26px}[data-dpr="3"] .new-proxy-regin dl dd.form ul li label{font-size:39px}.new-proxy-regin dl dd.form ul li input{width:auto;height:.533333rem;line-height:.533333rem;border:0;padding:0!important;}[data-dpr="1"] .new-proxy-regin dl dd.form ul li input{font-size:13px}[data-dpr="2"] .new-proxy-regin dl dd.form ul li input{font-size:26px}[data-dpr="3"] .new-proxy-regin dl dd.form ul li input{font-size:39px}.new-proxy-regin dl dd.form ul .T2 input{width:7.88rem}.new-proxy-regin dl dd.form ul .T3 input{width:7.533333rem}.new-proxy-regin dl dd.form ul .T4 input{width:7.186667rem}.new-proxy-regin dl dd.form .address{width:100%;height:.933333rem;overflow:hidden;border:1px solid #ccc;padding:.2rem .266667rem;border-radius:.106667rem;margin-bottom:.133333rem}.new-proxy-regin dl dd.form .address select{width:33.33%;height:.533333rem;line-height:.533333rem;float:left;font-size:.346667rem;color:#969696;text-align:center;border:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:url(../images/ICO010.png) calc(80%) center no-repeat;position:relative}.new-proxy-regin dl dd.form .address select::-ms-expand{display:none}.new-proxy-regin dl dd.form input.add{width:100%;height:auto;padding:.266667rem 0;line-height:.533333rem;color:#969696;border:transparent}[data-dpr="1"] .new-proxy-regin dl dd.form input.add{font-size:13px}[data-dpr="2"] .new-proxy-regin dl dd.form input.add{font-size:26px}[data-dpr="3"] .new-proxy-regin dl dd.form input.add{font-size:39px}.new-proxy-regin dl dd.form p{color:#333;width:100%;height:auto;line-height:.533333rem;margin-bottom:.226667rem}[data-dpr="1"] .new-proxy-regin dl dd.form p{font-size:12.5px}[data-dpr="2"] .new-proxy-regin dl dd.form p{font-size:25px}[data-dpr="3"] .new-proxy-regin dl dd.form p{font-size:37.5px}.new-proxy-regin dl dd.form p span{color:#d10000}.new-proxy-regin dl dd.form .img-box{display:none;height:60%;margin:0 auto .4rem;overflow:hidden}.new-proxy-regin dl dd.form .img-box img{height: 100%;}.new-proxy-regin dl dd.form .upload{display:block;width:auto;height:3.293333rem;margin:0 auto .4rem;border:2px dashed #44cae7;border-radius:.106667rem;overflow:hidden;font-weight:inherit;line-height:.533333rem;padding-top:2rem;color:#c8c8c8;background:url(../images/BG014.png) center 32% no-repeat #fff;text-align:center}[data-dpr="1"] .new-proxy-regin dl dd.form .upload{font-size:11px}[data-dpr="2"] .new-proxy-regin dl dd.form .upload{font-size:22px}[data-dpr="3"] .new-proxy-regin dl dd.form .upload{font-size:33px}.new-proxy-regin dl dd.form .upload span{color:#fa8c00}.new-proxy-regin dl dd.form input[type=file]{display:none}.new-proxy-regin dl dd.form input[type=text]{ color: #969696;min-width:70%;height:auto;line-height:.533333rem;padding:.133333rem 0;border:transparent}[data-dpr="1"] .new-proxy-regin dl dd.form input[type=text]{font-size:12.5px}[data-dpr="2"] .new-proxy-regin dl dd.form input[type=text]{font-size:25px}[data-dpr="3"] .new-proxy-regin dl dd.form input[type=text]{font-size:37.5px}.new-proxy-regin .pro-box{width:100%;height:auto;border-bottom:2px solid #d6d6d6}.new-proxy-regin .pro-box .top{width:100%;height:auto;text-align:center}.new-proxy-regin .pro-box .top p{width:100%;height:auto;text-align:center;line-height:.533333rem;padding:.333333rem 0;background-color:#3cc8e6;color:#fff;margin-bottom:0}[data-dpr="1"] .new-proxy-regin .pro-box .top p{font-size:15px}[data-dpr="2"] .new-proxy-regin .pro-box .top p{font-size:30px}[data-dpr="3"] .new-proxy-regin .pro-box .top p{font-size:45px}.new-proxy-regin .pro-box .top .btn{width:5.986667rem;height:.933333rem;line-height:.533333rem;padding:.2rem 0;margin:.266667rem 0}[data-dpr="1"] .new-proxy-regin .pro-box .top .btn{font-size:14px}[data-dpr="2"] .new-proxy-regin .pro-box .top .btn{font-size:28px}[data-dpr="3"] .new-proxy-regin .pro-box .top .btn{font-size:42px}.new-proxy-regin .pro-box ul{background-color:#fff;margin-bottom:0}.new-proxy-regin .pro-box .money{width:100%;height:auto;background-color:#fff;overflow:hidden;border-top:1px solid #e5e5e5;line-height:.8rem;padding:.426667rem .266667rem;text-align:left}[data-dpr="1"] .new-proxy-regin .pro-box .money{font-size:15px}[data-dpr="2"] .new-proxy-regin .pro-box .money{font-size:30px}[data-dpr="3"] .new-proxy-regin .pro-box .money{font-size:45px}.new-proxy-regin .pro-box .money span{color:#fa0000}.new-proxy-regin .pro-box .money .btn{width:auto;height:.8rem;line-height:.533333rem;padding:.133333rem .333333rem;float:right}[data-dpr="1"] .new-proxy-regin .pro-box .money .btn{font-size:14px}[data-dpr="2"] .new-proxy-regin .pro-box .money .btn{font-size:28px}[data-dpr="3"] .new-proxy-regin .pro-box .money .btn{font-size:42px}.rebate-history{width:10rem;height:auto;overflow:hidden;margin:0 auto;border-bottom:1px solid #e5e5e5}.rebate-history dt{width:100%;height:auto;line-height:.84rem;padding:.32rem .6rem .293333rem;border-bottom:1px solid #ccc;background-color:#fff;font-weight:inherit}[data-dpr="1"] .rebate-history dt span{font-size:15px}[data-dpr="2"] .rebate-history dt span{font-size:30px}[data-dpr="3"] .rebate-history dt span{font-size:45px}.rebate-history dt select{width:4.28rem;height:.84rem;line-height:.84rem;color:#969696;float:right;border-radius:.066667rem;padding:0 .133333rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:url(../images/ICO003.png) 96% center no-repeat;background-size: auto 30%;position:relative}[data-dpr="1"] .rebate-history dt select{font-size:13px}[data-dpr="2"] .rebate-history dt select{font-size:26px}[data-dpr="3"] .rebate-history dt select{font-size:39px}.rebate-history dt select::-ms-expand{display:none}.rebate-history dd{width:100%;height:auto;padding:.226667rem .6rem .106667rem;border-bottom:1px solid #e5e5e5;background-color:#fff;overflow:hidden}.rebate-history dd .left{width:auto;height:auto;float:left}.rebate-history dd .left p{line-height:.56rem;color:#505050;margin-bottom:0}[data-dpr="1"] .rebate-history dd .left p{font-size:14px}[data-dpr="2"] .rebate-history dd .left p{font-size:28px}[data-dpr="3"] .rebate-history dd .left p{font-size:42px}.rebate-history dd .left span{line-height:.56rem;color:#969696}[data-dpr="1"] .rebate-history dd .left span{font-size:11px}[data-dpr="2"] .rebate-history dd .left span{font-size:22px}[data-dpr="3"] .rebate-history dd .left span{font-size:33px}.rebate-history dd .right{width:auto;height:auto;float:right;padding:.24rem 0 .346667rem;line-height:.533333rem;font-weight:700}[data-dpr="1"] .rebate-history dd .right{font-size:15px}[data-dpr="2"] .rebate-history dd .right{font-size:30px}[data-dpr="3"] .rebate-history dd .right{font-size:45px}.rebate-history dd .green{color:#46c057}.rebate{width:10rem;height:auto;overflow:hidden;margin:0 auto}.rebate .header{width:100%;height:1.6rem;margin-bottom:.4rem}.rebate .header .banner{width:100%;height:3.066667rem;background:url(../images/BG015.png) 2.6rem -1.68rem no-repeat #3cc8e6}.application .list-box li .img,.recharge-det li div.img-box a{background-repeat:no-repeat;background-size:auto 100%;background-position:center}.rebate .header ul{width:100%;height:1.6rem;margin-bottom:0}.rebate .header ul li{width:50%;height:100%;line-height:1.5;padding:.266667rem 0;color:#787878;text-align:center;background-color:#fff}[data-dpr="1"] .rebate .header ul li{font-size:13px}[data-dpr="2"] .rebate .header ul li{font-size:26px}[data-dpr="3"] .rebate .header ul li{font-size:39px}.rebate .header ul li span{font-weight:700}[data-dpr="1"] .rebate .header ul li span{font-size:15px}[data-dpr="2"] .rebate .header ul li span{font-size:30px}[data-dpr="3"] .rebate .header ul li span{font-size:45px}.rebate .header ul .left{float:left;border-right:2px solid #eee}.rebate .header ul .left span{color:#fc8e00}.rebate .header ul .right{float:right;border-left:2px solid #eee}.rebate .header ul .right span{color:#46c057}.rebate .tad{width:4.8rem;height:1.04rem;margin:0 auto .4rem;border:2px solid #3cc8e6;border-radius:.106667rem;overflow:hidden}.rebate .tad a{display:block;width:50%;height:100%;line-height:.986667rem;float:left;color:#3cc8e6;text-align:center;text-decoration:none}[data-dpr="1"] .rebate .tad a{font-size:15px}[data-dpr="2"] .rebate .tad a{font-size:30px}[data-dpr="3"] .rebate .tad a{font-size:45px}.rebate .tad .in{background-color:#3cc8e6;color:#fff}.rebate .tad-content{width:100%;height:auto;margin-bottom:0;position:relative;overflow:hidden}.rebate .tad-content li{display:none;width:100%;height:auto;overflow:hidden}.rebate .tad-content .bottom,.rebate .tad-content .month{height:1.2rem;padding:.333333rem 0;text-align:center}.rebate .tad-content li:nth-child(1){display:inline-block}.rebate .tad-content .month{line-height:.533333rem;color:#fff;background-color:#c8c8c8;border-bottom:0}[data-dpr="1"] .rebate .tad-content .month{font-size:15px}[data-dpr="2"] .rebate .tad-content .month{font-size:30px}[data-dpr="3"] .rebate .tad-content .month{font-size:45px}.rebate .tad-content .bottom a{line-height:.533333rem;color:#3cc8e6;text-decoration:none}[data-dpr="1"] .rebate .tad-content .bottom a{font-size:15px}[data-dpr="2"] .rebate .tad-content .bottom a{font-size:30px}[data-dpr="3"] .rebate .tad-content .bottom a{font-size:45px}.return{width:10rem;height:auto;margin:0 auto}.return .money,.return .top{width:100%;background-color:#fff}.return .top{height:1.2rem;padding:.333333rem 0;color:#a5a5a5;line-height:.533333rem;text-align:center;border-bottom:1px solid #e5e5e5}[data-dpr="1"] .return .top{font-size:14px}[data-dpr="2"] .return .top{font-size:28px}[data-dpr="3"] .return .top{font-size:42px}.return .money{height:1.333333rem;padding:.253333rem .333333rem .24rem;color:#969696;margin-bottom:.266667rem;border-bottom:2px solid #d6d6d6;line-height:.84rem}[data-dpr="1"] .return .money{font-size:13px}[data-dpr="2"] .return .money{font-size:26px}[data-dpr="3"] .return .money{font-size:39px}.return .money span{color:#fa0000;font-weight:700}[data-dpr="1"] .return .money span{font-size:15px}[data-dpr="2"] .return .money span{font-size:30px}[data-dpr="3"] .return .money span{font-size:45px}.return .money .btn{width:2.026667rem;height:.84rem;line-height:.84rem;float:right;padding:0;border:0}[data-dpr="1"] .return .money .btn{font-size:14px}[data-dpr="2"] .return .money .btn{font-size:28px}[data-dpr="3"] .return .money .btn{font-size:42px}.return .prompt{width:100%;height:auto;line-height:.533333rem;margin-bottom:.4rem;color:#3cc8e6;padding:0 .333333rem}[data-dpr="1"] .return .prompt{font-size:12px}[data-dpr="2"] .return .prompt{font-size:24px}[data-dpr="3"] .return .prompt{font-size:36px}.return ul.pro{background-color:#fff;width:100%;height:auto;overflow:hidden;margin:0}.return ul.pro li{width:100%;height:auto;padding:.213333rem .333333rem;border-bottom:1px solid #d6d6d6;overflow:hidden}.return ul.pro li .img{width:2.466667rem;height:2.466667rem;float:left;margin-right:.293333rem;overflow:hidden}.return ul.pro li .img img{width:100%}.return ul.pro li .text,.return ul.pro li h3{width:4.44rem;height:auto;line-height:.533333rem;float:left}.return ul.pro li h3{margin-top:.226667rem 0 .213333rem}[data-dpr="1"] .return ul.pro li h3{font-size:15px}[data-dpr="2"] .return ul.pro li h3{font-size:30px}[data-dpr="3"] .return ul.pro li h3{font-size:45px}.return ul.pro li .text{color:#969696}[data-dpr="1"] .return ul.pro li .text{font-size:12px}[data-dpr="2"] .return ul.pro li .text{font-size:24px}[data-dpr="3"] .return ul.pro li .text{font-size:36px}.return ul.pro li p{width:auto;height:.573333rem;line-height:.573333rem;color:#3c3c3c;font-weight:700;float:right;margin:0}[data-dpr="1"] .return ul.pro li p{font-size:14px}[data-dpr="2"] .return ul.pro li p{font-size:28px}[data-dpr="3"] .return ul.pro li p{font-size:42px}[data-dpr="1"] .return ul.pro li p span{font-size:12px}[data-dpr="2"] .return ul.pro li p span{font-size:24px}[data-dpr="3"] .return ul.pro li p span{font-size:36px}.application{width:10rem;height:auto;margin:0 auto;overflow:hidden}.application dt{width:100%;height:1.266667rem;padding:.333333rem 0;text-align:center;color:#787878;background-color:#fff;border-bottom:2px solid #d6d6d6;font-weight:inherit}[data-dpr="1"] .application dt{font-size:14px}[data-dpr="2"] .application dt{font-size:28px}[data-dpr="3"] .application dt{font-size:42px}.application dt span{margin:0 .266667rem}.application dd{width:100%;height:auto;overflow:hidden}.application .list-box{width:9.2rem;height:auto;padding:.133333rem .373333rem;margin:.44rem auto;background-color:#fff;border-radius:8px;overflow:hidden}.application .list-box li{width:100%;height:auto;padding:.266667rem 0;line-height:.4rem;color:#969696;border-bottom:1px solid #e5e5e5;overflow:hidden}[data-dpr="1"] .application .list-box li{font-size:13px}[data-dpr="2"] .application .list-box li{font-size:26px}[data-dpr="3"] .application .list-box li{font-size:39px}.application .list-box li span{display:inline-block;float:left}.application .list-box li .img{width:4.666667rem;height:2.493333rem;float:right;background-color:#eee;border-radius:.106667rem;overflow:hidden}.application .list-box li:last-child{border:transparent}.application .tit{width:100%;height:1.2rem;line-height:.533333rem;padding:.333333rem 0;background-color:#3cc8e6;color:#fff;text-align:center}.application .btn-box,.application ul,.recharge-det{background-color:#fff}[data-dpr="1"] .application .tit{font-size:15px}[data-dpr="2"] .application .tit{font-size:30px}[data-dpr="3"] .application .tit{font-size:45px}.application ul li{border-bottom:1px solid #e5e5e5}.application .btn-box{width:100%;height:auto;border-bottom:2px solid #eee;padding:.373333rem .333333rem;text-align:right}.application .btn-box .btn{width:2.16rem;height:.84rem;line-height:.84rem;padding:0;border:0}[data-dpr="1"] .application .btn-box .btn{font-size:14px}[data-dpr="2"] .application .btn-box .btn{font-size:28px}[data-dpr="3"] .application .btn-box .btn{font-size:42px}.recharge-det{width:10rem;height:auto;margin:0 auto;overflow:hidden;border-bottom:2px solid #d6d6d6}.recharge-det li{width:100%;height:auto;padding:.333333rem;border-bottom:1px solid #e5e5e5;overflow:hidden}.recharge-det li span{width:1.866667rem;height:auto;float:left;line-height:.533333rem;color:#787878;padding:.146667rem 0}.recharge-det li div.text,.recharge-det li p{padding:.133333rem;line-height:.533333rem;color:#787878;width:7.466667rem;float:right}[data-dpr="1"] .recharge-det li span{font-size:14px}[data-dpr="2"] .recharge-det li span{font-size:28px}[data-dpr="3"] .recharge-det li span{font-size:42px}.recharge-det li p{display:inline-block;height:.88rem;margin-bottom:0;border:1px solid #ccc;border-radius:.106667rem}[data-dpr="1"] .recharge-det li p{font-size:12px}[data-dpr="2"] .recharge-det li p{font-size:24px}[data-dpr="3"] .recharge-det li p{font-size:36px}.recharge-det li div.text{height:auto;min-height:2.96rem;border:1px solid #ccc;border-radius:.106667rem}[data-dpr="1"] .recharge-det li div.text{font-size:12px}[data-dpr="2"] .recharge-det li div.text{font-size:24px}[data-dpr="3"] .recharge-det li div.text{font-size:36px}.recharge-det li div.img-box{width:7.466667rem;height:auto;min-height:2.133333rem;float:right;overflow:hidden;margin-bottom:-.133333rem}.recharge-det li div.img-box a{display:inline-block;width:2.133333rem;height:2.133333rem;float:left;margin:0 .133333rem .133333rem 0}.recharge-det .bottom{border:0;text-align:right}.recharge-det .bottom .btn{width:2.013333rem;height:.84rem;line-height:.84rem;padding:0;border:0}[data-dpr="1"] .recharge-det .bottom .btn{font-size:13px}[data-dpr="2"] .recharge-det .bottom .btn{font-size:26px}[data-dpr="3"] .recharge-det .bottom .btn{font-size:39px}


/* 增加 */
.inquite-content-input{
    float: left;
    border: 1px solid #8a8a8a;
    /* no */
    width: 50%;
    height: 30px;
    border-radius: 5px;
    padding:0 5px;
    /* px */
}

.inquite-content-button{
    float: left;
    border:none;
    /* no */
    background: #3cc8e6;
    color: #fff;
    padding:5px 16px;
    border-radius: 5px;
    margin-left: 10px;
    font-size:15px;
    /* px */
}

.inquite-content-scan{
    float: left;
    color: #fff;
    background: #3cc8e6;
    padding:5px 8px;
    font-size:14px;
    /* px */
    border-radius: 5px;
    margin-left: 10px;
}

.inquite-content-remind{
    float: left;
    color: #000000;
    font-size: 10px;
    /* px */
    margin-top: 5px;
}

.inquite-list dd .content {
    padding-bottom: 3rem;
}
/* 增加 经销商查询  */
.dealer-inquiry dt .top{
    background:#c33719 url("../images/BG013.png") no-repeat 90% 0.1rem;
    background-size:2.8rem;
    padding:1.1rem 1.026667rem .733333rem;
}

.dealer-inquiry dt .top p{
    text-align: right;
}

[data-dpr="1"] .dealer-inquiry dt .top p {
    font-size: 17.5px;
}
[data-dpr="2"] .dealer-inquiry dt .top p {
    font-size: 35px;
}
[data-dpr="3"] .dealer-inquiry dt .top p {
    font-size: 52.5px;
}

.dealer-inquiry .center .btn-box{
    width:9rem;
    height: auto;
    margin:.3rem auto;
}
.dealer-inquiry .center .btn-box .btn{
    width:100%;
    height: 0.9rem;
    margin:0;
}

.dealer-inquiry .center .tel-input{
    width: 100%;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    padding:.4rem .6rem;
}

.dealer-inquiry .center .tel-input label{
    color: #000;
}

[data-dpr="1"] .tel-input label{
    font-size: 14px;
}
[data-dpr="2"] .tel-input label{
    font-size: 28px;
}
[data-dpr="3"] .tel-input label{
    font-size: 42px;
}

.dealer-inquiry .center .tel-input input{
    border:none;

}
.dealer-inquiry .center .tel-input input[placeholder]{
    color: #aeaeae;
}

[data-dpr="1"] .tel-input input[placeholder]{
    font-size: 14px;
}
[data-dpr="2"] .tel-input input[placeholder]{
    font-size: 28px;
}
[data-dpr="3"] .tel-input input[placeholder]{
    font-size: 42px;
}

.dealer-inquiry-result dd .content{
    padding:.333333rem 0;
}

.dealer-inquiry-result dd .content p{
    width:100%;
    float: left;
    padding-left:.333333rem;
    margin-bottom: .2rem;
}

.dealer-inquiry-result dd .content p span{
    color: #df3f00;
}

.dealer-inquiry-result dd .content p.result-g{
    color: #838383;
}
.dealer-inquiry-result dd .content p.result-p{
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    padding:0.2rem 0 0.2rem .333333rem;
}

[data-dpr="1"] .dealer-inquiry-result dd .content p{
    font-size: 14px;
}
[data-dpr="2"] .dealer-inquiry-result dd .content p{
    font-size: 28px;
}
[data-dpr="3"] .dealer-inquiry-result dd .content p{
    font-size: 42px;
}
/*地址管理*/
.Address{word-wrap:break-word;}
.addresList li { border-bottom: 1px solid #d9d9d9;/*no*/ background: #fff; line-height: 1.6; margin-bottom: .2666667rem; color: #333;}
.add-body { padding: .3rem 1.4rem .3rem .45rem; display: block; background: url(../images/icon-arrow.png) no-repeat right 65%;}
.add-foot { padding: .25rem .45rem;}
.add-foot { border-top: 1px solid #d9d9d9;/*no*/}
.add-foot .btns { background-color: transparent; border: none; color: #333; margin-left: .3rem;}
.add-foot .btns i { display: inline-block; vertical-align: text-bottom; width: .48rem; margin-right: .1rem; height: .48rem; background-size: 100% auto !important;}
.icono-edit { background: url(../images/icono-edit.png) no-repeat center;}
.icono-del { background: url(../images/icono-del.png) no-repeat center;}
[data-dpr="1"] .addresList li { font-size: 12px;}
[data-dpr="2"] .addresList li { font-size: 24px;}
[data-dpr="3"] .addresList li { font-size: 36px;}

[data-dpr="1"] .addresList li h3 { font-size: 15px;}
[data-dpr="2"] .addresList li h3 { font-size: 30px;}
[data-dpr="3"] .addresList li h3 { font-size: 45px;}

.addres-footer { height: 1.2rem; margin-top: 1.4rem;}
.addres-footer .button { position: absolute; left: 0; bottom: 0; height: 1.2rem; border: none; border-radius: 0; width: 100%; background: #da251e; color: #fff;}
[data-dpr="1"] .addres-footer .button { font-size: 14px;}
[data-dpr="2"] .addres-footer .button { font-size: 28px;}
[data-dpr="3"] .addres-footer .button { font-size: 42px;}
.pr { position: relative;}

.imgline { height: .16rem; background: url(../images/imgline.jpg) repeat-x; background-size: auto 100%;}

.iframe-wrapper { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #ebebeb; position:fixed; left:100%; top:0; bottom: 0; width:100%; height:100%; will-change:left; z-index:5; -webkit-transition:ease all .4s; transition:ease all .4s; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.iframe-wrapperd:after { will-change:transform; -webkit-animation: spin 800ms infinite linear; animation: spin 800ms infinite linear; background: url(../images/icon-spin-s.png) no-repeat; background-size: 40px auto; content: " "; display: block; width: 40px; height: 40px; position: absolute; top:50%; left: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.iframe-wrapper .addresList { -webkit-overflow-scrolling: touch; position: absolute; top: 1.4rem; bottom: 1.4rem; overflow: auto; width: 100%;}


#subiframe {width:100%; min-height:100%; max-height:100%; overflow-y: scroll; border:none; background:none;}

.report-from .details table { color: #333333; width: 100%;}
.report-from .details table th:nth-of-type(1),.report-from .details table td:nth-of-type(1) { padding-left: .3333rem; text-align: left;}
.report-from .details table th:nth-last-of-type(1),.report-from .details table td:nth-last-of-type(1) { padding-right: .3333rem;}
.report-from .details table th { text-align: center; font-size: 15px; color: #000;/*px*/ padding:.5rem 0; border-top: 1px solid #e5e5e5;/*no*/}
.report-from .details table td { text-align: center; font-size: 14px; color: #333;/*px*/ padding:.5rem 0; border-top: 1px solid #e5e5e5;}
.report-from .details table td.td1 { width: 4rem;}

/*新增样式*/
.shadow-main .btn-box .money { font-size: 15px; color: #3c3c3c;}
.shadow-main .btn-box .money span {
    float: none !important;;
    display: inline;
    line-height: .88rem !important;;
    color: #fa0000 !important;
}
.noScroll,.noScroll body {/* overflow: hidden;*/}

@media screen and (max-height: 350px) {
    .index-foamed .foamed-ul,.addres-footer .button,.depot-footer-box,.user-footer .footer-box { position: static; display: block;}

}


.switch{
    padding: 0.24rem 0;
    border-bottom: 1px solid #e5e5e5;
    line-height: .9rem !important;
}
div.switch { border-bottom: none; border-top:1px solid #e5e5e5;}

.switch .switch-box{
    border-radius: .1rem;
    width: 5rem;
    text-align: center;
    margin:0 auto;
    font-size: 0;
}
.switch .switch-box p{
    color: #3cc8e6;
    display:inline-block;
    width: 50%;
    vertical-align: top;
    border: 1px solid #3cc8e6;
}
.switch .switch-box p:nth-child(1){
    border-top-left-radius: .1rem;
    border-bottom-left-radius: .1rem;
}
.switch .switch-box p:nth-child(2){
    border-top-right-radius: .1rem;
    border-bottom-right-radius: .1rem;
}
.switch-box p.hover{
    color: #fff;
    background: #3cc8e6;
}
[data-dpr="1"] .switch p { font-size: 14px;}
[data-dpr="2"] .switch p { font-size: 28px;}
[data-dpr="3"] .switch p { font-size: 42px;}

#dimg { background: rgba(0,0,0,.5); position: fixed; left: 0; right: 0; margin: auto; bottom: 3rem; font-size: 14px; color: #fff; padding: .2rem 0; width: 3rem; text-align: center; border-radius: 6px;}

.popcb { position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 9;}
.popcb .phead { text-align: center; border-bottom: 1px solid #e5e5e5;/*no*/ line-height: 1.253333rem; font-size: 15px;/*px*/}
[data-dpr="1"] .shadow-main dl dt p {
    font-size: 15px;
}
[data-dpr="2"] .shadow-main dl dt p {
    font-size: 30px;
}
[data-dpr="3"] .shadow-main dl dt p {
    font-size: 45px;
}
.popcb .phead .cancel {
    position: absolute;
    top: .266667rem;
    right: .333333rem;
    background: url(../images/icon-cancel.png) no-repeat;
    background-size: 100% auto;
    width: .66666rem;
    height: .66666rem;
}

.popbody {
    overflow-y: scroll;
    height: 100%;
    max-height: 100%;
}


.otab { overflow-x: auto; padding: .2rem 0 .2rem .3rem; border-bottom: 1px solid #e5e5e5;}
.otab ul { white-space: nowrap;}
.otab ul li { display: inline-block; border-left-width:0; border:1px solid #e5e5e5; color:#969696; text-align: center; width: 1.6rem; padding: .15rem 0;}
.otab ul li:nth-of-type(1) { border-left-width: 1px;}
.otab ul li.active { background: #3cc8e6; color: #fff;}

.bgwhite { background: white ;}

.setAdd { width: 10rem; margin: 0 auto; text-align: center; font-size: 14px; padding-top: 1.6rem;}
.setAdd a { display: inline-block; width: 6.826666rem; line-height: 1.6rem; margin-bottom: .533333rem;}
.setAdd a.btn1 { background: #da251e; color: #fff;}
.setAdd a.btn2 { background: #e6e6e6; color: #000;}

.delivery-box { background: #fff;}
.delivery-box .btnBox { text-align: center; padding: .333333rem 0; border-bottom: 1px solid #e5e5e5;}
.delivery-box .btnBox .btn { border: 0; background: #3cc8e6; font-size: 14px; color: #fff; width: 6.826666rem; line-height: .826666rem;}
.delivery-box table td { border-bottom: 1px solid #e5e5e5; color: #787878; padding: .25rem 0; font-size: 14px;}
.delivery-box table td:nth-of-type(1) { padding-left: .3rem; text-align: left;}
.delivery-box table td:nth-last-child(1) { padding-right: .3rem; text-align: right;}
.delivery-box table td .btn { border: 1px solid #ccc; font-size: 13px; background: #fff; line-height: .826666rem; width: 1.6rem; color: #969696;}

/***2016-12-30 素材列表 syou**/
.swipe-nav{ display:block; overflow: hidden; position: relative; width:100%; max-width:720px; margin:0 auto; background-color: #FFF;}
.swipe-wrap{ overflow: hidden; position: relative;}
.swipe-nav ul{ width: 100%; height:1.4rem; line-height:1.4rem; overflow-x:auto; display: -webkit-box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; }
.swipe-nav ul>li{ width:25%; text-align: center; font-size:14px; height:1.4rem; line-height:1.4rem; }
.swipe-nav ul>li.active{ background-color: #da251e;}
.swipe-nav ul>li.active a{ color:#FFFFFF; }
.swipe-nav ul>li a{ display: block;}

.material-list{ padding-top:.2rem;}
.material-list a{ display: block; background-color: #FFF; padding:.5rem .3rem; position: relative; border-bottom: 1px solid #d1d1d1;}
.material-list a:active{ background-color:rgba(242, 242, 242, 1); }
.material-list a h3{ color: #000000; font-size:16px; font-weight: 300; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; margin-bottom: .2rem;}
.material-list a p{ color: #333333; padding-right: 2rem;}
.material-list a p span{ padding-right: .5rem;}
.material-list a em.re{ position: absolute; right: .3rem; bottom: .5rem; font-size:14px;}


.upload-lable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    z-index: 5;
}
.input-time-icon {
    position: relative;
    float: left;
}
.input-span-s {
    float: left;
    padding: 0 .1rem;
    line-height: .853333rem;
}
.input-time-icon input {
    font-size: 12px !important;
    width: 3rem !important;
}
.input-time-icon i {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right center !important;
    transform-origin: right center !important;
    -webkit-transform: scale(.4) !important;
    transform: scale(.4) !important;
}
.t_date_ym.ss {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: .853333rem !important;
    padding-left: .1rem;
}
.left-div {
    float: left !important;
}

.agreement-box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0,0,0,.5);
    opacity: 0;
    transition: .5s;
}
.agreement-box.active {
    opacity: 1;
}
.agreement-box .agree-main {
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: .5rem;
    right: .5rem;
    border-radius: .2rem;
    background: #fff;
}
.agreement-box .agree-main .title {
    text-align: center;
    font-size: 18px;
    color: #000;
    padding: .5rem 0;
}
/*.agreement-box .agree-main .title:before {
    display: inline-block;
    content: '';
    width: .45rem;
    height: .45rem;
    vertical-align: middle;
    margin-right: .1rem;
    background: url(../images/icon-new-user.png) no-repeat center;
    background-size: auto 100%;
 }*/
.agree-content {
    position: absolute;
    top: 1.56rem;
    bottom: 3rem;
    left: 0;
    overflow-y: scroll;
    width: 100%;
    padding: 0 .5rem;
    font-size: 14px;
    line-height: 1.6;
}
.agree-bottom {
    position: absolute;
    bottom: .5rem;
    left: 0;
    width: 100%;
}
.agree-bottom .btn {
    display: block;
    width: 8rem;
    margin: 0 auto;
    padding: .2rem 0;
}
.agree-bottom .btn.blue {
    margin-bottom: .25rem;
}

.tuij-list .li-item { background: #fff; font-size: 14px; padding: 0 .266666rem; margin-top: .377777rem; border-bottom: 1px solid #e5e5e5;}
.tuij-list .li-item:nth-of-type(1) { margin-top: 0;}
.tuij-main { position: relative; padding:.4rem 0 .4rem 1.866666rem; line-height: 1.6; min-height: 2.266666rem; color: #3c3c3c; border-bottom: 1px dashed #e5e5e5;}
.tuij-main .img { position: absolute; top: 50%; left: .2rem; height: 1.466666rem; width: 1.466666rem; overflow: hidden; border-radius: 50%; background: #ddd;}
.tuij-foot { color: #787878; font-size: 14px; line-height: 1.466666rem;}
@media screen and (max-width: 350px) {
    .tuij-foot { font-size: 12px;}
}


.ty-app-html,.ty-app-html body {
    overflow: hidden;
    height: 100%;
}
.ty-app-html body {
    position: relative;
}
.parent-page {
    position: absolute;
    top: 1.479999rem;
    bottom: 1.28rem;
    overflow-y: auto;
    left: 0;
    width: 100%;
    transition: 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0,30%,0);
    transform: translate3d(0,30%,0);
    visibility: hidden;
    opacity: 0;
}
.parent-page.active {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.son-page {
    position: absolute;
    top: 1.479999rem;
    bottom: 1.28rem;
    overflow-y: auto;
    left: 0;
    width: 100%;
    transition: 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0);
    visibility: hidden;
    opacity: 0;
}
.son-page.active {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.recharge-page {
    height: 100%;
    background: #eee;
}
.recharge-page .order-header {
    border-bottom: none;
}
table.recharge-table {
    border-top: 1px solid #e5e5e5;
}
table.recharge-table th,table.recharge-table td {
    border-top: none !important;
    padding: 0 0 0 .333333rem !important;
    text-align: left !important;
    color: #787878 !important;
    line-height: 1.8!important;
}
table.recharge-table th {
    font-size: 16px !important;
    padding-bottom: .2rem !important;
    padding-top: .2rem !important;
}
table.recharge-table tbody tr:nth-of-type(1) td {
    position: relative;
}
table.recharge-table tbody tr:nth-of-type(1) td:not(:nth-of-type(1)):after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 1.28rem;
    width: 1px;
    margin-top: -.64rem;
    background: #ccc;
}
table.recharge-table:before {
    left: 66.666666%;
}
.ccite1 {
    font-size: 16px;
    color: #fc8e00;
}
.ccite2 {
    font-size: 16px;
    color: #46c057;
}
.ccite3 {
    font-size: 16px;
    color: #282828;
}
.look-href {
    color: #828282;
}

.rebate-header {
    background: #c33719;
    min-height: 1.866666rem;
    background: url(../images/icon-rebate.png) no-repeat center #c33719;
    background-size: auto 2.64rem;
    color: #fff;
    font-size: 14px;
    padding-top: .6rem;
    padding-left: .3rem;
    margin-top: -1px;
}
.personal_p {
    font-size: 16px;
}
.personal_p span {
    font-size: 26px;
}
.personal-ul {
    background: #fff;
    font-size: 14px;
}
.personal-ul h4 {
    line-height: 1.2rem;
    font-size: 16px;
    color: #969696;
    padding-left: .3rem;
}
.sub-personal-ul,.sub-team-ul {
    border-bottom: 1px solid #e6e6e6;
}
.sub-personal-ul li,.sub-team-ul li {
    line-height: 1.6;
    color: #969696;
    position: relative;
    border-top: 1px solid #e6e6e6;
    padding: .25rem .3rem .25rem 1.2rem;
}
.sub-personal-ul li .right,.sub-team-ul .right {
    position: absolute;
    top: 50%;
    right: .3rem;
    font-size: 14px;
}
.sub-team-ul .right { color: #000;}
.sub-personal-ul p,.sub-team-ul p {
    color: #000000;
    font-size: 14px;
}
.sub-personal-ul p span,.sub-team-ul p span {
    display: block;
    color: #969696;
    font-size: 12px;
}
.per-icon-user,.team-icon-user {
    height: 0.6933333rem;
    width: 0.6933333rem;
    background: url(../images/per-icon-user.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: .3rem;
    top: 50%;
}
.team-icon-user {
    background: url(../images/team-rebate-icon.png) no-repeat;
    background-size: 100%;
}
.personal-report-form .top {
    margin-bottom: 0; border-bottom: none; background: #3cc8e6;
    border-bottom: 1px solid #c5c7b9;
    color: #fff;
}
.personal-report-form .top .t_date_ym { color: #fff !important;}
.rebate-team-foot {
    margin-top: .3rem;
    height: .8rem;
}
.rebate-team-foot-body {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #787878;
    background: #fff;
    padding: .3rem .3rem;
    font-size: 14px;
    border-top: 1px solid #e6e6e6;
}
.rebate-team-foot-body span {
    font-size: 12px;
    max-width: 50%;
}
.rebate-team-foot-body span.fr  {
    text-align: right;
}
.rebate-team-foot-body span.fr cite {
    color: #46c057;
}
.rebate-team-foot-body span.fl cite {
    color: #fc8e00;
}

.team_info_personal li {
    font-size: 12px;
    color: #787878;
    line-height: 1.6;
    background: #fff;
    position: relative;
    padding: .25rem .3rem .25rem 1.2rem;
    border-bottom: 1px solid #eee;
}
.team_info_personal li h4 {
    font-size: 14px;
    color: #000;
}
.team_info_personal li h4 cite {
    color: #969696;
    font-size: 12px;
}
.team_info_personal li .right {
    position: absolute;
    right: .3rem;
    top: 50%;
}
.team_info_personal li .right cite {
    color: #fc8e00;
}
.colorcite { color: #969696; font-size: 12px;}

.same_info_ul li h4 {
    font-size: 14px;
    color: #969696;
    padding-left: .25rem;
    line-height: 1.2rem;
    border-bottom: solid 1px #eee;
}
.same_info_ul .same_info_box {
    min-height: .7rem;
    position: relative;
    padding: .2rem 0 .2rem 1.2rem;
    background: url(../images/same_info_icon.png) no-repeat .25rem center #fff;
    background-size: .7rem;
    font-size: 14px;
    line-height: 1.4;
    color: #000;
    border-bottom: solid 1px #eee;
}
.same_info_ul .same_info_box .left span {
    color: #969696;
    font-size: 12px;
}
.same_info_ul .same_info_box .right {
    position: absolute;
    top: 50%;
    right: .2rem;
    color: #000;
}
.same_info_ul .same_info_box .same_cite1 {
    color: #fc8e00;
}
.same_info_ul .same_info_box .same_cite2 {
    color: #46c057;
}

 /*loading*/
        .loadingshop
        {
            font-size: 1em;
            width: 6em;
            padding: 2px;
            background-color: #7a7f89;
            border: 1px solid #999;
            text-align: center;
        display:none;
            color: #fff;
            position: fixed;
            _position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -3em;
            z-index: 99999999;
        }

            .loadingshop span
            {
                display: inline-block;
                height: 16px;
                vertical-align: middle;
                width: 16px;
                background: url(/images/icon-loading-16px.gif) no-repeat 0 0;
            }

            .loadingshop b
            {
                font-weight: normal;
            }


			.navCart {
	display: block;
	position: fixed;
	bottom: 110px;
	right: 6px;
	width: 51px;
	height: 51px;
	background: url(../images/1_39.png) no-repeat;
	background-size: 51px auto;
	z-index: 11
}
.navCart span {
	position: absolute;
	top: 10px;
	right: 9px;
	display: block;
	background: #fff;
	min-width: 14px;
	height: 14px;
	line-height: 10px;
	padding: 2px;
	text-align: center;
	font-size: 10px;
	color: #333;
	border-radius: 12px;
	font-weight: 700
}
.bordenots
{
	 border:0;
}


    .account-info[data-v-0981da15] {
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  background: #fff;
  -ms-flex-line-pack: start;
      align-content: flex-start;color:#666;font-size:.32rem;
}
.account-info .account-item[data-v-0981da15] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 0.2rem 0.2rem 0.2rem 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.01rem solid #e5e5e5;
  border-bottom: 0.01rem solid #e5e5e5;
}
.account-info .account-item > div[data-v-0981da15] {
  line-height: 0.4rem;
}
 .account-info .account-item .item-icon[data-v-0981da15] {
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
 .account-info .account-item .item-icon > img[data-v-0981da15] {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}
 .account-info .account-item .item-content[data-v-0981da15] {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.account-info .account-item .item-arrow[data-v-0981da15] {
  position: absolute;
  top: 50%;
  margin-top: -0.16rem;
  right: 0.3rem;
  color: #999;
  font-size: 0.24rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
 .account-info .account-item[data-v-0981da15]:active {
  background: #eaeaea;
}
 .item-sum[data-v-0981da15] {
  margin-top: 0.1rem;
  font-size: 0.32rem;
  vertical-align: middle;
}

 .menu-container[data-v-555a0b40] {
  background: #fff;
  margin-top: 0.2rem;
}
.menu-container img[data-v-555a0b40] {
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
}
.menu-container .title[data-v-555a0b40] {
  position: relative;
  padding-left: 0.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  background: #fff;font-size:.28rem;color:#666;
}
.menu-container .point[data-v-555a0b40] {
  display: block;
  height: 0.4rem;
  width: 0.04rem;
  position: absolute;
  left: 0.16rem;
  top: 0.2rem;
  bottom: 0.22rem;
}
.lengthwaysTemplate[data-v-555a0b40] {
  background: #f7f7f7;
  margin-bottom: 0.6rem;
}
.lengthwaysTemplate .cell-slot[data-v-555a0b40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lengthwaysTemplate .cell-slot .van-cell-text[data-v-555a0b40] {
  margin-left: 0.2rem;
  color: #242424;
  font-size: 0.36rem;
}
 .back-to-back{position:fixed;right:.3rem;bottom:65px;width:50px;height:50px;color:#666;font-size:12px;border-radius:50%;text-align:center;background-color:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.2);z-index:1999}

 .back-to-index{position:fixed;right:.3rem;bottom:60px;width:50px;height:50px;color:#666;font-size:12px;border-radius:50%;text-align:center;background-color:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.2);z-index:1999}
 .van-cell{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;color:#999;font-size:16px;line-height:40px;background-color:#fff;padding:.2rem .3rem}
 .van-cell,.van-cell:not(:last-child):after{-webkit-box-sizing:border-box;box-sizing:border-box}.van-cell:not(:last-child):after{content:" ";position:absolute;pointer-events:none;left:.3rem;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);border-bottom:.02rem solid #ebedf0}.van-cell--borderless:after{display:none}.van-cell__label{color:#969799;font-size:.24rem;margin-top:.06rem;line-height:.36rem}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-ms-flex:1;flex:1}.van-cell__value{color:#969799;overflow:hidden;text-align:right;position:relative;vertical-align:middle}.van-cell__value--alone{color:#323233;text-align:left}.van-cell__left-icon,.van-cell__right-icon{min-width:1em;height:.48rem;font-size:.32rem;line-height:.48rem}.van-cell__left-icon{margin-right:.1rem}.van-cell__right-icon{margin-left:.1rem;color:#969799}.van-cell--clickable:active{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required:before{content:"*";position:absolute;left:.14rem;font-size:.28rem;color:#f44}.van-cell--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.van-cell--large{padding-top:.24rem;padding-bottom:.24rem}.van-cell--large .van-cell__title{font-size:.32rem}.van-cell--large .van-cell__label{font-size:.28rem}.van-cell-group{background-color:#fff}.van-cell-group__title{color:#969799;padding:.3rem .3rem .1rem;font-size:.28rem;line-height:.32rem}