@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0 auto; }

body, p, ul { margin: 0; }

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a { background: transparent; }

a:active, a:hover { outline: 0; }

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img { border: 0; }

svg:not(:root) { overflow: hidden; }

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* self */
button, input, textarea, select { outline: none; -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; -webkit-appearance: none; -moz-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner { outline: none; border: 0; }

ul, ul li, a, p { -webkit-tap-highlight-color: transparent; }

html { height: 100%; font-size: 16px; }

body { font-family: "Adobe Heiti Std", Helvetica, Arial, sans-serif; margin: 0 auto; min-height: 100%; -webkit-text-size-adjust: none; }

ul, ol { list-style: none; margin: 0; padding: 0; }

.cf:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

html { height: 100%; }

body { min-height: 100%; background-color: #f7f7f7; color: #333; font-size: 0.875rem; position: relative; }

input::-webkit-input-placeholder { color: #a4a9b0; }

input::-moz-placeholder, input:-moz-placeholder { color: #a4a9b0; }

input:-ms-input-placeholder { color: #a4a9b0; }

.center { text-align: center; }

.indent { text-indent: 2em; }

.no-scroll { height: 100%; overflow: hidden; }

.fill-wrapper { font-family: "微软雅黑", Helvetica, Arial, sans-serif; font-size: 0.8125rem; background-color: #f7f7f7; color: #505050; }
.fill-wrapper .fill p { color: #6e6e6e; font-size: 0.75rem; line-height: 2.5rem; padding: 0 1.125rem; margin: 0; border-bottom: 1PX solid #f1f1f1; }
.fill-wrapper .fill p.error { color: #ff3021; }
.fill-wrapper .fill p span { color: #ff1414; font-size: .625rem;}
.fill-wrapper .fill h2 {    color: #6e6e6e;    font-size: .8125rem;    line-height: 2.8125rem;    padding: 0 1.125rem;    margin: 0;    border-bottom: 1px solid #f1f1f1;}
.fill-wrapper .fill h2.error { color: #ff3021; }
.fill-wrapper .fill #fill-desc {
    font-size: .8125rem;
    border-bottom: none;
}
.fill-wrapper .fill #fill-desc span {
    color: #ff6600;
}


.fill-wrapper .fill #top-desc { line-height: 1.25rem; padding: 0.625rem 1.125rem 0.625rem; }
.fill-wrapper .fill .chooseType { border-bottom: none; font-size: 0.875rem; margin-bottom: -0.9375rem; }
.fill-wrapper .fill .chooseType span { color: #1677d2; }
.fill-wrapper .fill .fill-list { padding-left: 1.125rem; background-color: #fff; font-size: 0.775rem; color:#000;}
.fill-wrapper .fill .fill-list li { border-bottom: 1PX solid #f8f8f8; position: relative; line-height: 2.3rem; height: 2.3rem}
.fill-wrapper .fill .fill-list li .grey { color: #a4a9b0; }
/*.fill-wrapper .fill .fill-list li:last-child { border-bottom: 0; }*/
.fill-wrapper .fill .fill-list li.error .p-content input, .fill-wrapper .fill .fill-list li.error .p-content .text-area { position: relative; z-index: 10; background-color: transparent; }
.fill-wrapper .fill .fill-list li.error::after { content: ''; position: absolute; top: 0; left: -0.4rem; right: 0; height: 100%; border: 1PX solid #ff3021; z-index: 1; box-sizing: border-box; }
.fill-wrapper .fill .fill-list li.delivery .p-content { height: auto; }
.fill-wrapper .fill .fill-list li .p-title { width: 5rem;}
.fill-wrapper .fill .fill-list li .p-content {  padding-right: 0.75rem; position: relative; text-align: left; }
.fill-wrapper .fill .fill-list li .p-content input { display: block; width: 100%; height: 2.5rem; line-height: 1.25rem; padding: 0.625rem 0; border: 0; outline: none; box-sizing: border-box; text-align: left; }
.fill-wrapper .fill .fill-list li .p-content i { position: absolute; display: none; font-style: normal; padding-right: 1rem; border: 1PX solid #ff5b52; color: #ff5b52; height: 2.4375rem; top: 0; left: -1.125rem; width: 100%; z-index: 10; text-align: right; }
.fill-wrapper .fill .fill-list li .p-content.p-select { white-space: nowrap; text-overflow: ellipsis;}
.fill-wrapper .fill .fill-list li .p-content.p-select::after { content: ''; display: block; position: absolute; right: 0.5rem; top: 50%;margin-top: -0.3125rem; width: 0.625rem; height: 0.625rem; border-top: 1PX solid #b4b4b4; border-right: 1PX solid #b4b4b4; transform: rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);}
.fill-wrapper .fill .fill-list li .p-content.p-text-area { padding: 0.625rem 0.3rem 0.625rem 0rem; line-height: 1.25rem; min-height: 1.25rem; position: relative; }
.fill-wrapper .fill .fill-list li .p-content .text-temp { font-size: 0.875rem; min-height: 1.25rem; line-height: 1.25rem; word-break: break-all; position: absolute; left: 0; right: 1.25rem; padding: 0 0.1875rem; z-index: -1000; }
.fill-wrapper .fill .fill-list li .p-content .text-area { display: block; font-size: 0.775rem; word-break: break-all; width: 100%; line-height: 1.25rem; border: 0; outline: none; resize: none; padding: 0; margin: 0; border-radius: 0; overflow-y: hidden; }
.fill-wrapper .fill .fill-list li .p-content-error i { display: block; }
.fill-wrapper .fill .fill-list #location .grey { color: #a4a9b0; }
.fill-wrapper .fill .fill-list #delivery .grey { color: #a4a9b0; }
.fill-wrapper .fill .fill-list #delivery-error { font-size: 0.6875rem; color: #ff1414; white-space: nowrap; transform-origin: left; transform: scale(0.83); }
.fill-wrapper .fill .fill-list #apply-phone .p-content .yzm { display: none; position: absolute; width: 5.3125rem; line-height: 2.5rem; text-align: center; color: #fff; background: #1677d2; font-size: 0.8125rem; top: 0; right: 0.9375rem; border-radius: 0.25rem; z-index: 1; }
.fill-wrapper .fill .fill-list #apply-phone .p-content .grey { background: #c5c5c5; }

.fill-wrapper .fill .fill-list li .p-content.card { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 1.75rem; padding-left: 1.25rem; }
.fill-wrapper .fill .fill-list li .p-content.card.cardSelect::after { content: ''; display: block; position: absolute; right: 0.9375rem; top: 0.9375rem; width: 0.625rem; height: 0.625rem; border-top: 1PX solid #b4b4b4; border-right: 1PX solid #b4b4b4; transform: rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg); }

.fill-wrapper .fill .fill-list li .p-content.number { white-space: nowrap; text-overflow: ellipsis;}
.fill-wrapper .fill .fill-list li .p-content.number.numberSelect::after { content: ''; display: block; position: absolute; right: 0.9375rem; top: 0.9375rem; width: 0.625rem; height: 0.625rem; border-top: 1PX solid #b4b4b4; border-right: 1PX solid #b4b4b4; transform: rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);}



.apply { padding: 0 0.75rem 0.4375rem; }

.protocol-box .protocol { position: relative; margin: 0rem 0; height: 1.25rem; line-height: 1.25rem; font-size: 0.75rem; color: #787878; padding-left: 1rem; white-space: nowrap; }
.protocol-box .protocol a { display: inline-block; text-decoration: none; color: #1677d2; }
.protocol-box .protocol a:link { color: #1677d2 !important; }
.protocol-box .protocol a:visited { color: #1677d2 !important; }
.protocol-box .protocol a:hover { color: #1677d2 !important; }
.protocol-box .protocol a:active { color: #1677d2 !important; }
.protocol-box .protocol .protocol-radio { position: absolute; left: 0.4rem; top: 50%; width: 0.78rem; margin-top: -0.437rem;height: 0.78rem; border: 1PX solid #cfcfcf; border-radius: 25%; }
.protocol-box .protocol .protocol-radio2 { position: absolute; left: 0.4rem; top: 50%; width: 0.875rem; margin-top: -0.437rem;height: 0.875rem; border: 1PX solid #cfcfcf; border-radius: 25%; }
.protocol-box .protocol .agree { width: 0.875rem; height: 0.875rem; background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAZlBMVEX/eQAAAAD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/eQD/////fAX/fwv/17L/3b3/0KX/gxT/8ub/69j/6NP/48n/4MT/2bf/1K3/yJf/w4z/iBxPRHPSAAAAEHRSTlPuAMz4uULx5K6rhnhVHjEw/U02zQAAAItJREFUGNNtz1sSgjAMQNFEWt5o05YCCqj736QjTpvB9H6ejzwAcWjVhVPtgAjYF+Zc0SPcEjJfoTGyBiCjB8r+1fpZqt1pE2oDjS6qjRpodWnu7H/+pIfjbTt5y5gmbF9+0X06XeZGCgcmjUzLJL5w6/I2rKWRlaAyqkBnVAN2AjsERF1XwFW1RvwANvgZ2HnVlo4AAAAASUVORK5CYII=") 0 0 no-repeat; border: 0; background-size: 0.875rem; }

.apply .btn-box .btn { display: block; width: 100%; height: 3rem; line-height: 3rem; font-size: 1rem; text-align: center; text-decoration: none; border-radius: 0.1875rem; color: #FFF; background-color: #ff6600; }
.apply .btn-box .btn:link { color: #FFF !important; }
.apply .btn-box .btn:visited { color: #FFF !important; }
.apply .btn-box .btn:hover { color: #FFF !important; }
.apply .btn-box .btn:active { background-color: transparent !important; color: #FFF !important; opacity: 0.5}
.apply .btn-box .disable { background-color: #ddd; color: #888; }
.apply .btn-box .disable:link { color: #888 !important; }
.apply .btn-box .disable:visited { color: #888 !important; }
.apply .btn-box .disable:hover { color: #888 !important; }
.apply .btn-box .disable:active { color: #888 !important; background-color: transparent !important; }



.privacy { font-size: 0.625rem; text-align: center; color: #adadad; line-height: 0.9375rem; }

.popup { width: 100%; padding: 0 0.75rem; background-color: transparent; z-index: 1003; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);  -webkit-transform:translate(-50%, -50%);  -o-transform:translate(-50%, -50%);}
.popup .content { background-color: #fff; padding-bottom: 1.25rem; border-radius: 0.3125rem; }
.popup .content .occupyTips { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background: transparent; }
.popup .content .occupyTips p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0.625rem; width: 13.125rem; font-size: 0.875rem; line-height: 1.25rem; color: #fff; background: #323232; text-align: center; border-radius: 0.25rem; }
.popup .content .p-title { font-size: 1.1875rem; color: #1677d2; text-align: center; margin: 0; }
.popup .content .protocol-title { line-height: 2.75rem; border-bottom: 1PX solid #ddd; text-align: center; font-size: 0.9375rem; color: #505050; margin: 0; }
.popup .content .protocol-desc { font-size: 0.625rem; max-height: 15rem; overflow-y: auto; padding: 0.625rem 1rem 1.25rem; text-indent: 2em; line-height: 1.25rem; -webkit-overflow-scrolling: touch; }
.popup .content .protocol-desc h2 { text-indent: 0; font-size: 0.75rem; text-align: center; margin: 0; }
.popup .content .protocol-desc .no-indent { text-indent: 0; }
.popup .content .protocol-desc .warn { color: red; }
.popup .content .protocol-desc .rule { border-collapse: collapse; margin: 0 auto; }
.popup .content .protocol-desc .rule th, .popup .content .protocol-desc .rule td { border: 1PX solid; text-align: center; text-indent: 0; }
.popup .content .protocol-desc .rule td:nth-child(2) { text-align: left; padding-left: 0.3125rem; }
.popup .content .protocol-desc::-webkit-scrollbar-track-piece { background-color: transparent; border-left: 1PX solid transparent; }
.popup .content .protocol-desc::-webkit-scrollbar { width: 0.3125rem; height: 0.8125rem; border-radius: 0.3125rem; }
.popup .content .protocol-desc::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; border-radius: 0.3125rem; min-height: 1.75rem; }
.popup .content .protocol-desc::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); }
.popup .content .popup-icon { display: block; margin: 0 auto; padding-top: 1.5625rem; height: 3.75rem; }

.popup .content .protocol-title2 { line-height: 2.75rem; border-bottom: 1PX solid #ddd; text-align: center; font-size: 0.9375rem; color: #505050; margin: 0; }
.popup .content .protocol-desc2 { font-size: 0.625rem; max-height: 15rem; overflow-y: auto; padding: 0.625rem 1rem 1.25rem; text-indent: 2em; line-height: 1.25rem; -webkit-overflow-scrolling: touch; }
.popup .content .protocol-desc2 h2 { text-indent: 0; font-size: 0.75rem; text-align: center; margin: 0; }
.popup .content .protocol-desc2 .no-indent { text-indent: 0; }
.popup .content .protocol-desc2 .warn { color: red; }
.popup .content .protocol-desc2 .rule { border-collapse: collapse; margin: 0 auto; }
.popup .content .protocol-desc2 .rule th, .popup .content .protocol-desc .rule td { border: 1PX solid; text-align: center; text-indent: 0; }
.popup .content .protocol-desc2 .rule td:nth-child(2) { text-align: left; padding-left: 0.3125rem; }
.popup .content .protocol-desc2::-webkit-scrollbar-track-piece { background-color: transparent; border-left: 1PX solid transparent; }
.popup .content .protocol-desc2::-webkit-scrollbar { width: 0.3125rem; height: 0.8125rem; border-radius: 0.3125rem; }
.popup .content .protocol-desc2::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; border-radius: 0.3125rem; min-height: 1.75rem; }
.popup .content .protocol-desc2::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); }
.popup .content .popup-icon { display: block; margin: 0 auto; padding-top: 1.5625rem; height: 3.75rem; }

.popup .content .point-list { padding: 0 0.625rem; margin-top: 0.9375rem; }
.popup .content .point-list .point { color: #787878; font-size: 0.875rem; line-height: 1.25rem; padding-left: 0.9375rem; margin-bottom: 0.625rem; background-size: 0.75rem; }
.popup .content .point-list .point span { color: #ff8903; }
.popup .content .referee { line-height: 2.1875rem; text-align: center; }
.popup .content .referee .to-referee { display: block; text-align: center; color: #7a97c3; font-size: 0.75rem; }
.popup .content .referee .referee-message { display: inline-block; width: 11.25rem; line-height: 2.0625rem; border-radius: 0.25rem; border: 1PX solid #ccc; font-size: 0.75rem; padding: 0 0.625rem; }
.popup .content .referee .submit-referee { display: inline-block; width: 3.75rem; line-height: 2.1875rem; border-radius: 0.25rem; margin-left: 0.5625rem; background: #7a97c3; font-size: 0.75rem; color: #fff; }
.popup .content .referee .grey { background: #d3d3d3; }
.popup .content .referee .referee-error { display: none; line-height: 1.25rem; color: #ff3021; padding-left: 0.75rem; text-align: left; font-size: 0.75rem; }
.popup .content .referee .referee-success { display: none; text-align: center; color: #7a97c3; font-size: 0.75rem; }
.popup .content .popup-title { font-size: 1rem; text-align: center; line-height: 2.8125rem; color: #ffb401; }
.popup .content .popup-desc { padding: 0 0.75rem; margin-bottom: 0.9375rem; font-size: 0.625rem; color: #888; line-height: 1.25rem; }
.popup .content .popup-desc span { color: #1677d2; }
.popup .popup-close { display: block; position: absolute; bottom: -3.5rem; left: 50%; margin-left: -0.8125rem; width: 1.625rem; height: 1.625rem; background: url(../image/closeImg.png) no-repeat; background-size: 1.625rem; }
.popup .btn-box { margin-top: 0.9375rem; padding: 0 0.75rem; }
.popup .btn-box .btn { display: block; width: 100%; height: 2.4375rem; line-height: 2.4375rem; background-color: #ff8903; font-size: 0.9375rem; color: #FFF; text-align: center; text-decoration: none; border-radius: 0.1875rem; }
.popup .btn-box .btn:link { color: #FFF !important; }
.popup .btn-box .btn:visited { color: #FFF !important; }
.popup .btn-box .btn:hover { color: #FFF !important; }
.popup .btn-box .btn:active { color: #FFF !important; }
.popup.number .content { padding-top: 0.75rem; padding-bottom: 0; }
.popup.number .search { padding: 0 0.75rem; height: 2.25rem; position: relative; }
.popup.number .search .search-input { width: 100%; height: 100%; line-height: 1.4375rem; border: 1PX solid #dddddd; outline: none; padding: 0.5625rem 2.5625rem 0.5625rem 0.875rem; font-size: 0.875rem; box-sizing: border-box; border-radius: 0.1875rem; }
.popup.number .search .search-input::-webkit-input-placeholder { color: #888; }
.popup.number .search .search-input::-moz-placeholder, .popup.number .search .search-input:-moz-placeholder { color: #888; }
.popup.number .search .search-input:-ms-input-placeholder { color: #888; }
.popup.number .search .search-btn { position: absolute;  top: -2px;  right: .8125rem;  width: 2.5625rem;  height: 2.5625rem;}
.popup.number .search .search-btn:before{content: "";  position: absolute;  top: .625rem;  left: .6875rem;  width: .75rem;  height: .75rem;  border: 1px solid #ddd;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;}
.popup.number .search .search-btn:after{ content: "";  position: absolute;  top: 1.5rem;  left: 1.3125rem;  width: .5625rem;  height: .125rem;  background-color: #ddd;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}

.popup.number .search .search-close-btn {     position: absolute;  top: -3px;  right: .8125rem;  width: 2.5625rem;  height: 2.5625rem;}
.popup.number .search .search-close-btn i{    display: block;  width: 1.125rem;  height: 1.125rem;  position: relative;  margin: 0 auto;  top: .6875rem;}
.popup.number .search .search-close-btn i .img{width: 100%;}

.popup.number .number-wrap { padding: 0.625rem 0; }
.popup.number .number-wrap .number-overtime .popup-icon { display: block; margin: 0 auto; padding-top: 1.5625rem; height: 3.75rem; }
.popup.number .number-wrap .number-overtime .popup-title { font-size: 1rem; text-align: center; line-height: 2.8125rem; color: #ffb401; }
.popup.number .number-wrap .number-overtime .popup-desc { padding: 0 0.75rem; margin-bottom: 0.9375rem; font-size: 0.625rem; color: #888; line-height: 1.25rem; }
.popup.number .number-wrap .number-overtime .popup-desc span { color: #1677d2; }
.popup.number .number-wrap .number-loading { height: 4.9375rem; background: url("../image/loading.gif") 50% 4.125rem no-repeat; background-size: 3.125rem 3.125rem; text-align: center; color: #969696; font-size: 0.8125rem; padding-top: 8.5rem; }
.popup.number .number-wrap .no-number { line-height: 2.6875rem; font-size: 0.875rem; padding: 0 0.75rem; color: #969696; text-align: center; }
.popup.number .number-wrap .no-number .error-code { font-size: 0.625rem; transform: scale(0.7); transform-origin: left; white-space: nowrap; display: inline-block; }
.popup.number .number-wrap .number-list { overflow: hidden; }
.popup.number .number-wrap .number-list li {display:block;height:2.125rem;line-height:2.125rem;font-size:1.0625rem;float:left;width:50%;box-sizing:border-box;padding-left:0.75rem;text-align:left;position:relative;margin-top:0.4rem}
.popup.number .number-wrap .number-list li a { display: block; width: 100%; line-height: 2.6875rem; font-size: 1.0625rem; color: #333; }
.popup.number .number-wrap .number-list li a span { color: #1677d2; }
.popup.number .number-wrap .number-list li a i {font-style:normal;transform:scale(0.833);font-family:"SimSun";transform-origin:left;background:url("../../../base/images/liang2.png") no-repeat;background-size:92%;color:transparent;vertical-align:bottom;margin-left:0.1rem;position:absolute;top:-0.4rem;right:0.9rem;border-radius:50%}
.popup.number .number-wrap .alignLeft li a { text-align: left; }
.popup.number .refresh { display: block; border-top: 1PX solid #ddd; text-align: center; line-height: 2.625rem; height: 2.625rem; font-size: 0.875rem; color: #1677d2; text-decoration: none; }
.popup.number .refresh:link { color: #f57e1f !important; }
.popup.number .refresh:visited { color: #f57e1f !important; }
.popup.number .refresh:hover { color: #f57e1f !important; }
.popup.number .refresh:active { color: #f57e1f !important; }

.choose-popup { width: 90%; position: absolute; left: 5%; top: 15%; z-index: 1200; background: #fff; border-radius: 0.625rem; }
.choose-popup .choose { color: #1677d2; font-size: 0.875rem; line-height: 2.625rem; border-bottom: 1px solid #1677d2; }
.choose-popup .card-type li { line-height: 2.625rem; border-bottom: 1px solid #ddd; color: #888; font-size: 0.875rem; }
.choose-popup .cancel { font-size: 0.875rem; line-height: 2.8125rem; }

.sidebar { position: fixed; top: 0; bottom: 0; background-color: #fff; z-index: 1002; box-shadow: 0 0 0.3125rem 0.0625rem rgba(0, 0, 0, 0.2); }
.sidebar.slip { right: 0 !important; }
.sidebar.location { right: -30rem; width: 15rem; line-height: 2.625rem; font-size: 0.75rem; transition: right .3s; }
.sidebar.location .first-list { -webkit-overflow-scrolling: touch; padding: 0 8.5625rem 0 0.9375rem; height: 100%; overflow-y: auto; }
.sidebar.location .first-list li { display: block; white-space: nowrap; text-overflow: ellipsis; color: #666; border-bottom: 1PX solid #f4f4f4; overflow: hidden; }
.sidebar.location .first-list li.selected { color: #1677d2; }
.sidebar.location .second-list { -webkit-overflow-scrolling: touch; overflow-y: auto; position: absolute; top: 0; right: 0; bottom: 0; width: 7.9375rem; padding-left: 0.625rem; box-shadow: 0 0 5px 1PX rgba(0, 0, 0, 0.2); }
.sidebar.location .second-list li { display: block; white-space: nowrap; text-overflow: ellipsis; color: #666; border-bottom: 1PX solid #f4f4f4; overflow: hidden; }
.sidebar.location .second-list li.selected { color: #1677d2; }
.sidebar.location .second-list li:last-child { border-bottom: 0; }

#post.sidebar { position: fixed; top: 0; bottom: 0; background-color: #fff; z-index: 1002; box-shadow: 0 0 0.3125rem 0.0625rem rgba(0, 0, 0, 0.2); }
#post.sidebar.slip { right: 0 !important; }
#post.sidebar.location { right: -33.75rem; width: 11.35rem; line-height: 2.625rem; font-size: 0.75rem; transition: right .3s; }
#post.sidebar.location .first-list { -webkit-overflow-scrolling: touch; padding: 0 11.25rem 0 0.625rem; height: 100%; overflow-y: auto; }
#post.sidebar.location .first-list li { display: block; white-space: nowrap; text-overflow: ellipsis;} #post.sidebar.location .second-list li.selectedlipsis { color: #666; border-bottom: 1PX solid #f4f4f4; overflow: hidden; }
#post.sidebar.location .first-list li.selected { color: #ff7900; }
#post.sidebar.location .second-list { -webkit-overflow-scrolling: touch; padding: 0 5.625rem 0 0.625rem; height: 100%; width: 5rem; overflow-y: auto; }
#post.sidebar.location .second-list li { display: block; white-space: nowrap; text-overflow: ellipsis; color: #666; border-bottom: 1PX solid #f4f4f4; overflow: hidden; }
#post.sidebar.location .second-list li.selected { color: #ff7900; }
#post.sidebar.location .third-list { -webkit-overflow-scrolling: touch; overflow-y: auto; position: absolute; top: 0; right: 0; bottom: 0; width: 5rem; padding-left: 0.625rem; box-shadow: 0 0 0.3125rem 0.0625rem rgba(0, 0, 0, 0.2); }
#post.sidebar.location .third-list li { display: block; white-space: nowrap; text-overflow: ellipsis; color: #666; border-bottom: 1PX solid #f4f4f4; overflow: hidden; }
#post.sidebar.location .third-list li.selected { color: #ff7900; }
#post.sidebar.location .third-list li:last-child { border-bottom: 0; }

.page-close { width: 90%; background: #fff; position: absolute; left: 5%; top: 30%; z-index: 1220; border-radius: 0.3125rem; }
.page-close .page-title { line-height: 4.25rem; text-align: center; font-size: 0.875rem; border-bottom: 1px solid #ddd; }
.page-close .page-btn { height: 2.8125rem; }
.page-close .page-btn a { display: block; width: 49.6%; line-height: 2.8125rem; text-align: center; font-size: 0.875rem; float: left; color: #1677d2; }
.page-close .page-btn .page-cancel { border-right: 1px solid #ddd; }

.mask { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1001; background: rgba(0, 0, 0, 0.7); }
.mask2 { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1001; background: rgba(0, 0, 0, 0.7); }

.cityList {cursor : pointer}
.postCityList{cursor : pointer}
.postDistrictList{cursor : pointer}
.number-list a{cursor: pointer}

#errorInfo { font-size: 1rem; font-weight: 500;}


.top {
    background-color: #00adff;
}
.top-desc {
    padding-left: 1.125rem;
    color: #FFF !important;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.loading2 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: transparent;
}

.loading2 .content {
    position: fixed;
    top: 40%;
    left: 48%;
    text-align: center;
    width: 3.800000rem;
    height: 3.280000rem;
    line-height: 3.280000rem;
    vertical-align: middle;
    margin-left: -1.600000rem;
    margin-top: -0.640000rem;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0.306667rem;
    color: #fff;
    font-size: 0.926667rem;
}

.loading2 .icon {
    display: inline-block;
    width: 1.853333rem;
    height: 2.280000rem;
    line-height: 1.280000rem;
    background-image: url(/waicard/base/loading3.gif);
    background-size: 1.853333rem 1.853333rem;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}



.spinner { margin: 30px 0 0 -75px;    width: 150px;    text-align: center;    position:fixed;    top: 50%;    left: 50%;    z-index: 999;}
.spinner > div {    width: 30px;    height: 30px;    background-color: #0AE;    border-radius: 100%;    display: inline-block;    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;    animation: bouncedelay 1.4s infinite ease-in-out;}
.spinner .bounce1 {    -webkit-animation-delay: -0.32s;    animation-delay: -0.32s;}
.spinner .bounce2 {    -webkit-animation-delay: -0.16s;    animation-delay: -0.16s;}
@-webkit-keyframes bouncedelay {    0%, 80%, 100% { -webkit-transform: scale(0.0) }    40% { -webkit-transform: scale(1.0) }}
@keyframes bouncedelay {    0%, 80%, 100% {        transform: scale(0.0);        -webkit-transform: scale(0.0);    } 40% {          transform: scale(1.0);          -webkit-transform: scale(1.0);      }}
body


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

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

#phone-msg-shadow {
    z-index: 2500;
    background: rgba(0, 0, 0, .6);

}
.phone-msg-popup {
    box-sizing: border-box;
    background: #fff;
    width: 90%;
    padding: 1rem;
    border-radius: 0.4rem;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3000;
}
.phone-msg-popup label {
    width: 3.5rem;
}
.phone-msg-popup label, .phone-msg-popup p{
    font-size:0.85rem;
    line-height: 1.5em;
}
.phone-msg-popup input {
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 0px solid #ccc;
    font-size:0.85rem;
    line-height: 1.5em;
}

.phone-msg-popup .part1,.phone-msg-popup .part2,.phone-msg-popup .part3 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.3rem;
    border-bottom: 1px solid #e6e6e6;
}
.phone-msg-popup .part1 input {
    display: flex;
    flex: 1;
}

.phone-msg-popup .part2 input {
    display: flex;
    flex: 2;
}
.phone-msg-popup .part2 p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    color: #ff7900;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.phone-msg-popup .part3 {
    border-bottom: 0;
}

.phone-msg-popup .part3 p{
    width: 6rem;
    height: 1.8rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #ff7900;
    margin-top: 1rem;
    border: 1px solid transparent;
}
.phone-msg-popup .part3 .p1 {
    background: #fff;
    border: 1px solid #dedede;
    color: #dedede;
}

.form-btn-count {
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    width: 100%;
    font-size: 0.6rem;
    text-align: center;
    color: #fff;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-rr {
    -webkit-box-orient: revert;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.flex-vr {
    -webkit-box-orient: revert;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-pack-justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flex-align-center {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}

.flex-align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flex-wrap {
    -webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.flex1 {
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.position-x50{
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.position-y50{
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.position-xy50{
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#TCaptcha {
    height: 10rem;
    background-color: #fff;
    #width: 17.9rem!important;
}

#TCaptcha .center {
    text-align: center;
    margin-top: .25rem;
    font-size: 1.1rem;
    color: #333;
}

.popup {
    width: 100%;
    padding: 0 .75rem;
    background-color: transparent;
    z-index: 1003;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#order_query {
    position: absolute;
    right: 0;
    top: 0.6rem;
    font-size: 0;
}
#order_query img{
    width: 4rem;
}


@-webkit-keyframes show-toast {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

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

@keyframes show-toast {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

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

.toast_box {
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1100;
    margin-left: -50%;
    /*-webkit-transform: translate(-50%,-50%);*/
    /*-moz-transform: translate(-50%,-50%);*/
    /*-ms-transform: translate(-50%,-50%);*/
    /*transform: translate(-50%,-50%);*/
    justify-content: center;
    display: none;
    -webkit-animation: show-toast 0.1s infinite;
    animation: show-toast 0.1s infinite;
    animation-iteration-count:1;
    pointer-events:none
}

.toast_box p {
    box-sizing: border-box;
    padding: 0.7rem 0.5rem;
    max-width: 72%;
    width: max-content;
    background: rgba(0,0,0,.6);
    color: #FFF;
    font-size: 0.82rem;
    text-align: center;
    border-radius: 0.2rem;
}


#main_content {
    width: 90%;
    background: #fff;
    position: fixed;
    z-index: 170;
    box-sizing: border-box;
    border-radius: 0.6rem;
    overflow: hidden;
    left: 50%;
    top: 6rem;
    margin-left:-45%;
    padding-bottom: 1rem;
    display: none;
    -webkit-animation: fadeleftIn .3s;
    animation: fadeleftIn .3s;
    -webkit-animation-name: popIn;
    animation-name: popIn
}

#main_content .sub-title {
    background: #ff7900;
    color: #fff;
    font-size: 0.7rem;
    border-radius: 0.6rem 0.6rem 0 0;
    height: 2.2rem;
    line-height: 2.2rem;
    padding: 0 1.3rem;
}

#main_content .info-box {
    padding: 1rem;
}

#main_content .info-box label {
    width: 5rem;
    color: #aeaeae;
    font-size: 0.75rem;
}

#main_content .info-box input {
    width: 100%;
    height: 1.7rem;
    line-height: 1.7rem;
    border-radius: 5px;
    padding: 0 0.8rem;
    border: 1px solid #f3f3f3;
    font-size: 0.75rem!important;
}

#main_content .info-box textarea {
    width: 100%;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    padding: 0.3rem 0.8rem;
    min-height: 3.4rem;
    font-size: 0.75rem!important;
}

#main_content .info-box .item {
    margin-bottom: 0.8rem;
}

#main_content .info-btn div {
    width: 6rem;
    height: 2rem;
    border-radius: 100px;
    font-size: 0.75rem!important;
}

#main_content .info-btn .d1 {
    border: 1px solid #E9E7E7;
    background: #fff;
}

#main_content .info-btn .d2 {
    border: 1px solid transparent;
    background: #ff7900;
    color: #fff;
}

@-webkit-keyframes popIn {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0;
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1;
    }
}

@keyframes popIn {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0;
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1;
    }
}