@charset "UTF-8";
*::-webkit-scrollbar {
    width: 0
}

* {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    vertical-align: middle;
    border: 0
}

@-ms-viewport {
    width: device-width
}

html {
    -webkit-tap-highlight-color: transparent;
    height: 100%;
    min-width: 320px;
	max-width:425px;
    overflow-x: hidden;
	margin:0 auto;
}

body {
	max-width:425px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .28em;
    line-height: 1;
    color: #333;
    background-color: #f0f0f0;
    margin: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased
}

dl, dd {
    margin: 0
}

i, em, address {
    font-style: normal
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none
}

button, input[type='button'], input[type='submit'] {
    -webkit-appearance: none;
    border-radius: 0
}

a {
    color: #06c1ae;
    text-decoration: none;
    outline: 0
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

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

hr {
    margin-top: .28rem;
    margin-bottom: .28rem;
    border: 0;
    border-top: 1px solid #ddd8ce
}

h6, p {
    line-height: 1.41;
    text-align: justify;
    margin: -0.2em 0;
    word-break: break-all
}

input[type="search"]::-webkit-search-cancel-button {
    display: none
}

input[type="radio"], input[type="checkbox"] {
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px
}

::-webkit-input-placeholder {
    color: #999;
    line-height: normal
}

:-moz-placeholder {
    color: #999;
    line-height: normal
}

::-moz-placeholder {
    color: #999;
    line-height: normal
}

.tk {
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "tk";
    src: url('font/iconfont.eot?t=1467710005');
    src: url('font/iconfont.eot?t=1467710005#iefix') format('embedded-opentype'), url('font/iconfont.woff?t=1467710005') format('woff'), url('font/iconfont.ttf?t=1467710005') format('truetype'), url('font/iconfont.svg?t=1467710005#iconfont') format('svg')
}

.clear:after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden
}

.top-search {
    background: url(./images/wangka_top.png) center no-repeat;
    background-size: 100% 100%;
    height: 130px;
    line-height: 130px;
    display: box;
    display: -moz-box;
    display: -webkit-box;
}

.top-search .col-md {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    overflow: hidden
}

.top-search .col-bu {
    box-flex: 6;
    -moz-box-flex: 6;
    -webkit-box-flex: 6
}

.top-search .back_icon {
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-size: .5rem;
    height: 1.33rem;
    display: block;
    color: #fff;
    overflow: hidden
}

.top-search .location-city {
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    display: block;
    width: 100%;
    position: relative;
    padding-right: .23rem;
    font-size: .4rem
}

.top-search .location-city:after {
    position: absolute;
    right: 0;
    top: 0;
}

.top-search .my-icon {
    width: 99%;
    display: block;
    height: 1.33rem;
    color: #fff;
    overflow: hidden;
    line-height: normal;
    font-size: 12px
}

.top-search .my-icon:before {
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: .26rem;
    display: block;
    content: "\e602";
    font-size: .45rem
}

.top-search .index-icon {
    width: 99%;
    display: block;
    height: 1.33rem;
    color: #fff;
    overflow: hidden;
    line-height: normal;
    font-size: 12px
}

.top-search .index-icon:before {
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: .26rem;
    display: block;
    content: "\e617";
    font-size: .45rem
}

.top-search .s-simulate {
    background: rgba(255, 255, 255, 0.9);
    margin: .2rem auto 0;
    width: 90%;
    height: .95rem;
    line-height: .95rem;
    color: #666;
    font-size: .42rem;
    padding: 0 .25rem;
    text-align: left;
    border-radius: .1rem
}

.top-search .s-simulate:before {
    margin-right: .1rem;
    content: "\e603";
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.top-search .h {
    height: .8rem;
    line-height: .8rem;
    margin-top: .28rem;
    color: #fff;
    font-size: .54rem;
    padding: 0 .25rem;
    text-align: center
}

nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f8f8f8;
    height: 1.3rem;
    border-top: 1px #f1f1f1 solid;
    z-index: 99;
	max-width:425px;
}

nav ul {
    width: 100%;
    display: box;
    display: -moz-box;
    display: -webkit-box
}

nav ul li {
    position: relative;
    padding: .22rem 0;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center
}

nav ul li span {
    position: absolute;
    height: 16px;
    background: #ef4047;
    border-radius: 50%;
    top: 5px;
    left: 55%
}

nav ul li span em {
    color: #fff;
    font-size: 12px;
    padding: 0 6px;
    line-height: 16px;
    text-align: center
}

nav ul li a {
    display: block;
    color: #999;
    font-size: small
}

nav ul li a:before {
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    margin: 0 auto .15rem auto;
    font-size: .5rem
}

nav ul li a.index-nav:before {
    content: "\e639"
}

nav ul li a.fav-nav:before {
    content: "\e630"
}

nav ul li a.call-nav:before {
    content: "\e62e"
}

nav ul li a.advice-nav:before {
    content: "\e632"
}

nav ul li .gongGe-nav {
    color: #ef4047;
    font-weight: 700
}

nav ul li .gongGe-nav:before {
    content: "\e675"
}

.gongGe {
    background: #fff;
    overflow-y: auto;
    left: 0;
    bottom: 1.3rem;
    width: 100%;
    display: none;
    z-index: 99;
    position: fixed;
    padding-top: 2px
}

.gongGe:before, .gongGe:after {
    content: " ";
    display: table
}

.gongGe:after {
    clear: both
}

.gongGe li {
    width: 25%;
    height: 2.5rem;
    float: left;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    text-align: center;
    padding-top: .48rem
}

.gongGe li i {
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: .6rem
}

.gongGe li span {
    display: block;
    height: 1rem;
    line-height: .48rem
}

.iconfont {
    font-family: 'tk'
}

.rmb_icon:before {
    font-family: 'tk';
    content: "\ffe5"
}

.box {
    display: box;
    display: -moz-box;
    display: -webkit-box
}

.loading-wrap .loading-rect {
    margin: .2rem auto;
    width: 50px;
    height: 30px;
    text-align: center
}

.loading-wrap p {
    text-align: center;
    color: #19a97b
}

.loading-rect > div {
    background-color: #19a97b;
    height: 100%;
    width: 4px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

.loading-rect .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.loading-rect .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.loading-rect .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.loading-rect .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.back-top {
    position: fixed;
    right: 3%;
    bottom: 1.5rem;
    z-index: 99
}

.back-top .btn {
    width: 1rem;
    height: 1rem;
    margin-bottom: .25rem;
    line-height: 1rem;
    border-radius: 1rem;
    background: #ff0000;
    overflow: hidden;
    font-family: 'tk';
    text-align: center;
    font-size: .4rem;
    font-weight: bold;
    color: #ffffff;
}

.back-top .top {
    display: none
}

.back-top .top:before {
    content: "\e60d"
}

.back-top .list:before {
    content: "\e642"
}

.back-top .row:before {
    content: "\e643"
}

.filter {
    position: relative;
    background: #fff;
    border-bottom: 1px #d2d2d2 solid;
    z-index: 99;
    width: 100%
}

.filter-nav ul {
    display: box;
    display: -moz-box;
    display: -webkit-box
}

.filter-nav ul li {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    height: 1.07rem;
    line-height: 1.07rem;
    font-size: .36rem;
    border-left: 1px solid #c6c0b3
}

.filter-nav ul li:nth-of-type(1) {
    border-left: 0
}

.filter-nav ul li span {
    display: inline-block;
    color: #666
}

.filter-nav ul li span:after {
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #b7b7b7;
    content: "\e670";
    margin-left: .05rem;
    transition: .3s transform;
    transform: rotate(0deg)
}

.filter-nav ul li.active span {
    color: #ef4047
}

.filter-nav ul li.active span:after {
    color: #ef4047
}

.filter-nav ul li.active span:after {
    transition: .3s transform;
    transform: rotate(180deg)
}

.filter-nav ul li.search span:after {
    content: "\e66c"
}

.filter-nav ul li.st4 span:after {
    content: "\e66f";
    transform: rotate(180deg)
}

.filter-nav ul li.st3 span:after {
    content: "\e685";
    transform: rotate(180deg)
}

.filter-drop {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 103;
	max-width: 425px;
}

.filter-drop .cont-block {
    display: none;
    overflow: hidden
}

.filter-drop .city-box {
    height: 10.2rem;
    overflow: hidden
}

.filter-drop .city-box .dropdown-list-father {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
	overflow-y: auto;
    overflow-x: hidden;
}

.filter-drop .city-box .dropdown-list-father ul li {
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf
}

.filter-drop .city-box .dropdown-list-father ul li.curr {
    background: #f6f4f0
}

.filter-drop .city-box .dropdown-list-son {
    float: right;
    width: 50%;
    height: 100%;
    overflow: hidden;
	overflow-y: auto;
    overflow-x: hidden;
}

.filter-drop .city-box .dropdown-list-son div {
    position: relative
}

.filter-drop .city-box .dropdown-list-son ul {
    display: none
}

.filter-drop .city-box .dropdown-list-son ul.curr {
    display: block
}

.filter-drop .city-box .dropdown-list-son li {
    border-bottom: 1px solid #bfbfbf;
    background: #f6f4f0
}

.filter-drop ul {
    position: relative
}

.filter-drop ul li {
    position: relative;
    line-height: 1.2rem;
    height: 1.2rem;
    font-size: .36rem
}

.filter-drop ul li span {
    margin: 0 0 0 .5rem;
    text-align: left
}

.filter-drop ul li span.quantity {
    float: right;
    color: #b4b4b4;
    margin-right: .16rem
}

.filter-drop ul li small {
    float: right;
    margin-right: .5rem
}

.filter-drop ul li small:after {
    font-family: 'tk';
    content: "\e605";
    position: absolute;
    color: #ccc;
    right: 3%;
    top: 0;
    transform: scaleX(-1);
    font-size: .28rem
}

.filter-drop ul li a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 0 0 .4rem;
    color: #333
}

.filter-drop ul li.curr a {
    color: #ef4047
}

.filter-drop ul li:last-child {
    border: none
}

.filter-drop ul.dropdown-list li {
    border-bottom: 1px solid #bfbfbf
}

.filter-drop ul.dropdown-list li span {
    color: #333
}

.filter-drop ul.dropdown-list li.curr {
    background: #f6f4f0
}

.filter-drop ul.dropdown-list li.curr span {
    color: #ef4047
}

.filter-drop ul.dropdown-list li.selected span {
    color: #ef4047
}

#layout_pop .main-cont {
    overflow: hidden;
    position: relative;
    height: 100%
}

#layout_pop .main-cont.J-attr-val {
    display: none
}

#layout_pop .main-cont.J-attr-val .item-li li .iconfont {
    float: right;
    display: none
}

#layout_pop .main-cont.J-attr-val .item-li li.active .iconfont {
    display: block
}

#layout_pop .slide-head {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    background: #fff;
    font-size: .5rem;
    color: #666
}

#layout_pop .slide-head > div {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    padding: 0 .5rem;
    height: 1.35rem;
    line-height: 1.35rem;
    border-bottom: 1px #dfdfdf solid
}

#layout_pop .slide-head .lt {
    font-family: "tk" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#layout_pop .slide-head .rt {
    text-align: right
}

#layout_pop .slide-head .ctr {
    text-align: center
}

#layout_pop .btnBox {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    position: absolute;
    bottom: 0;
    width: 100%
}

#layout_pop .btnBox > div {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    font-size: .42rem;
    line-height: 1.33rem;
    color: #333
}

#layout_pop .btnBox .clear-val {
    border-top: 1px #dadada solid;
    background: #fff;
    color: #888
}

#layout_pop .btnBox .rt {
    background-color: #ef4047;
    color: #fff
}

#layout_pop .item-cont {
    height: calc(89%);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: .5rem
}

#layout_pop .item-cont .item-li {
    background: #fff;
    position: relative
}

#layout_pop .item-cont .item-li li {
    border-bottom: 1px solid #bfbfbf;
    position: relative;
    line-height: 1.2rem;
    height: 1.2rem;
    font-size: .36rem
}

#layout_pop .item-cont .item-li li span {
    color: #333;
    margin: 0 0 0 .4rem;
    text-align: left
}

#layout_pop .item-cont .item-li li small {
    float: right;
    font-size: .34rem;
    margin-right: .8rem
}

#layout_pop .item-cont .item-li li small:after {
    font-family: 'tk';
    content: "\e605";
    position: absolute;
    color: #ccc;
    right: 3%;
    top: 0;
    transform: scaleX(-1);
    font-size: .34rem
}

#layout_pop .item-cont .item-li li.curr {
    background: #f6f4f0
}

#layout_pop .item-cont .item-li li.curr span {
    color: #ef4047
}

#layout_pop .item-cont .item-li li.selected span {
    color: #ef4047
}

#layout_pop .item-cont .item-li .bufen {
    border-top: 1px solid #f60;
    border-bottom: 1px solid #f60;
    background: #ffffe0;
    overflow: hidden;
    display: none
}

#layout_pop .item-cont .item-li .bufen span {
    color: #ef4047
}

#layout_pop .item-cont .item-li .bufen small {
    color: #ef4047
}

#layout_pop .item-cont .item-li .bufen small:after {
    color: #ef4047;
    content: "\e684";
    right: 3.6%
}

#layout_pop .item-cont .item-label {
    background: #fff;
    margin: .1rem 0;
    overflow: hidden;
    padding: 0 2%
}

#layout_pop .item-cont .item-label li {
    width: 25%;
    float: left
}

#layout_pop .item-cont .item-label li span {
    text-align: center;
    display: block;
    border: 1px #e7e7e7 solid;
    color: #aeaeae;
    margin: .15rem;
    padding: .3rem .15rem;
    font-size: .4rem;
    border-radius: 2px
}

#layout_pop .item-cont .item-label li.active span {
    border-color: #ff5000;
    color: #ff5000
}

#layout_pop .item-cont .item-label li.active span:before {
    content: "\e669";
    font-family: 'tk';
    color: inherit
}

.animation-panel {
    animation: slide_show linear .15s;
    -webkit-animation: slide_show linear .15s
}

@keyframes slide_show {
    from {
        right: -90%
    }
    to {
        right: 0
    }
}

.number-list {
    overflow: hidden
}

.number-list ul li {
    width: 50%;
    position: relative;
    padding: 1.05rem 0 .1rem .45rem;
    height: 2rem;
    float: left;
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    background: #fff
}

.number-list ul li:nth-of-type(2n) {
    border-right: none
}

.number-list ul li div.tel {
    font-size: .54rem;
    font-weight: bold;
    position: absolute;
    top: .36rem
}

.number-list ul li div.tel span:nth-of-type(1) {
    color: #ef4047
}

.number-list ul li div.tel span:nth-of-type(2) {
    color: #ef4047
}

.number-list ul li div.tel span:nth-of-type(3) {
    color: #ef4047;
    margin: 0
}

.number-list ul li div.lanum {
    margin: 0 0 .14rem .05rem;
    font-size: .26rem;
    color: #9a9a9a
}

.number-list ul li div.price {
    font-size: .32rem
}

.number-list ul li div.price span {
    margin: 0 .12rem 0 0
}

.number-list ul li div.price span.rmb_icon {
    color: #e0251c
}

.number-list ul li div.price span:last-child {
    font-size: .24rem;
    color: #8b8b8b
}

.number-list ul li.num-sold div.tel span, .number-list ul li.num-sold div.price span.rmb_icon, .number-list ul li.num-sold div.price span:last-child {
    color: #a7a6a5
}

.number-list ul li.num-sold:after {
    font-family: 'tk';
    content: "";
    background: url(i/ydg.png);
    background-size: 60px 60px;
    position: absolute;
    right: 0;
    bottom: -15%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center
}

.number-list ul li.num-selected div.tel {
    z-index: 10
}

.number-list ul li.num-selected div.tel span:nth-of-type(1) {
    color: #fff
}

.number-list ul li.num-selected div.tel span:nth-of-type(2) {
    color: #fff
}

.number-list ul li.num-selected div.tel span:nth-of-type(3) {
    color: #fff
}

.number-list ul li.num-selected .pop-operate {
    display: block
}

.number-list ul li .pop-operate {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #626262;
    padding: 1.05rem 0 0 .5rem;
    z-index: 9
}

.number-list ul li .pop-operate .operate-wrap {
    position: absolute;
    left: .5rem;
    width: 100%
}

.number-list ul li .pop-operate .operate-wrap .btn {
    display: inline-block;
    padding: .12rem .24rem;
    font-size: .38rem;
    color: #fff;
    border-radius: .06rem
}

.number-list ul li .pop-operate .operate-wrap .order {
    background: #ef4047;
    margin-right: 6px
}

.number-list ul li .pop-operate .operate-wrap .collect, .number-list ul li .pop-operate .operate-wrap .delcollect {
    background: #333
}

.number-list ul li.collected:after {
    content: "\e648";
    font-family: 'tk';
    position: absolute;
    right: 5px;
    top: 1px;
    font-size: 18px;
    color: #ff5000
}

.number-list-row ul {
    background: #fff
}

.number-list-row ul li {
    overflow: hidden;
    border-bottom: 1px #cfcece solid;
    height: 1rem;
    width: 100%;
    padding: 0 3%;
    position: relative
}

.number-list-row ul li:last-child {
    border: none
}

.number-list-row ul li span.rmb_icon {
    font-size: .4rem
}

.number-list-row ul li div.tel {
    float: left;
    width: 40%;
    position: relative;
    top: 0
}

.number-list-row ul li div.tel span {
    color: #434343;
    font-size: .52rem;
    line-height: 1rem
}

.number-list-row ul li div.lanum {
    float: left;
    width: 20%;
    font-size: .32rem;
    line-height: 1.1rem;
    color: #c8c8c8
}

.number-list-row ul li div.price {
    width: 37%;
    color: #ef4047;
    float: left;
    line-height: 1rem
}

.number-list-row ul li div.price span.rmb_icon {
    color: #ef4047
}

.number-list-row ul li div.pop-operate {
    width: 100%;
    height: 1rem;
    position: absolute;
    display: none;
    padding: 0
}

.number-list-row ul li div.pop-operate .operate-wrap {
    position: relative;
    left: 0;
    padding-top: .15rem
}

.number-list-row ul li div.pop-operate .operate-wrap .btn {
    border-radius: 5px;
    text-align: center;
    font-size: .36rem;
    line-height: .7rem;
    height: .7rem;
    padding: 0 .24rem
}

.number-list-row ul li div.pop-operate .operate-wrap .order {
    position: absolute;
    left: 40%;
    color: #fff;
    background: #ef4047
}

.number-list-row ul li div.pop-operate .operate-wrap .collect, .number-list-row ul li div.pop-operate .operate-wrap .delcollect {
    position: absolute;
    left: 60%
}

.no-more {
    margin: .2rem 0
}

.no-more div.ico {
    text-align: center;
    color: #808080
}

.no-more div.ico:before {
    font-family: 'tk';
    display: block;
    content: "\e609";
    font-size: .7rem;
    margin-bottom: .15rem
}

.no-more p {
    color: #808080;
    margin: .15rem 0;
    font-size: .34rem;
    text-align: center
}

#notel {
    margin: 1rem 0
}

#notel .clear {
    margin: .4rem 0 .1rem;
    text-align: center
}

#notel a {
    color: #ef4047;
    border: 1px solid #ef4047;
    border-radius: .05rem;
    padding: .1rem .3rem;
    background: #fff;
    font-size: .36rem
}

#selectedItem ul {
    margin: 10% 2%
}

#selectedItem ul li {
    float: left;
    width: 46%;
    margin: 2%;
    border: 1px solid #999;
    border-radius: 5%;
    overflow: hidden;
    font-size: .32rem;
    line-height: .7rem;
    height: .7rem;
    padding: 0 0 0 .2rem
}

#selectedItem ul li p {
    width: 60%;
    float: left;
    padding-left: 5%;
    line-height: .8rem
}

#selectedItem ul li div {
    width: 20%;
    background: #ddd;
    float: right;
    text-align: center
}

#selectedItem ul li div:after {
    font-family: 'tk';
    display: inline-block;
    right: .01rem;
    color: #b7b7b7;
    content: "\e601";
    margin-left: .05rem;
    color: #fff;
    font-weight: 700
}

.number-list-ql {
    background-color: #f8f8f8;
    overflow: hidden
}

.number-list-ql:before, .number-list-ql:after {
    content: " ";
    display: table
}

.number-list-ql:after {
    clear: both
}

.number-list-ql ul {
    width: 49.3%;
    padding: 1.4% 0 0 1.4%;
    float: left
}

.number-list-ql ul li {
    position: relative;
    padding: .4rem 0 .3rem .45rem;
    margin-bottom: .14rem;
    box-shadow: 2px 2px 3px #f0f0f0;
    background: #fff;
    background: #fff url(i/number-bg.png) no-repeat right bottom;
    background-size: 50%
}

.number-list-ql ul li div.telBox {
    position: relative;
    z-index: 10
}

.number-list-ql ul li div.tel {
    font-size: .54rem;
    font-weight: bold;
    line-height: .7rem
}

.number-list-ql ul li div.tel span:nth-of-type(1) {
    color: #ef4047
}

.number-list-ql ul li div.tel span:nth-of-type(2) {
    color: #138a13
}

.number-list-ql ul li div.tel span:nth-of-type(3) {
    color: #ef4047;
    margin: 0
}

.number-list-ql ul li div.lanum {
    margin: 0 0 .14rem .05rem;
    font-size: .26rem;
    color: #9a9a9a;
    padding: .1rem 0
}

.number-list-ql ul li div.price {
    font-size: .32rem
}

.number-list-ql ul li div.price span {
    margin: 0 .12rem 0 0
}

.number-list-ql ul li div.price span.rmb_icon {
    color: #e0251c
}

.number-list-ql ul li div.price span:last-child {
    font-size: .24rem;
    color: #8b8b8b
}

.number-list-ql ul li.num-sold div.tel span, .number-list-ql ul li.num-sold div.price span.rmb_icon, .number-list-ql ul li.num-sold div.price span:last-child {
    color: #a7a6a5
}

.number-list-ql ul li.num-sold:after {
    font-family: 'tk';
    content: "";
    background: url(i/ydg.png);
    background-size: 60px 60px;
    position: absolute;
    right: 0;
    bottom: -15%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center
}

.number-list-ql ul li.num-selected div.tel {
    z-index: 10
}

.number-list-ql ul li.num-selected div.tel span:nth-of-type(1) {
    color: #fff
}

.number-list-ql ul li.num-selected div.tel span:nth-of-type(2) {
    color: #fff
}

.number-list-ql ul li.num-selected div.tel span:nth-of-type(3) {
    color: #fff
}

.number-list-ql ul li.num-selected .pop-operate {
    display: block
}

.number-list-ql ul li .pop-operate {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #626262;
    padding: 1.05rem 0 0 .5rem;
    z-index: 9
}

.number-list-ql ul li .pop-operate .operate-wrap {
    position: absolute;
    left: .5rem;
    bottom: .35rem;
    width: 100%
}

.number-list-ql ul li .pop-operate .operate-wrap .btn {
    display: inline-block;
    padding: .12rem .24rem;
    font-size: .38rem;
    color: #fff;
    border-radius: .06rem
}

.number-list-ql ul li .pop-operate .operate-wrap .order {
    background: #ef4047;
    margin-right: 6px
}

.number-list-ql ul li .pop-operate .operate-wrap .collect, .number-list-ql ul li .pop-operate .operate-wrap .delcollect {
    background: #333
}

.number-list-ql ul li.collected:after {
    content: "\e648";
    font-family: 'tk';
    position: absolute;
    right: 5px;
    top: 1px;
    font-size: 18px;
    color: #ff5000
}

.keyboard {
    display: none;
    position: fixed;
    left: 0;
    bottom: -0.1rem;
    background-color: #fff;
    width: 100%;
    z-index: 999
}

.keyboard .t {
    height: 1.2rem;
    width: 100%;
    overflow: hidden;
    background: #eeeff0
}

.keyboard .t div {
    float: right;
    padding-right: .35rem;
    width: 33.3%;
    line-height: 1.2rem;
    font-size: .5rem;
    font-weight: 700;
    color: #007aff;
    text-align: right
}

.keyboard .btnBox {
    width: 100%;
    height: 5.6rem;
    overflow: hidden
}

.keyboard .btnBox div {
    width: 33.3%;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .62rem;
    float: left;
    text-align: center;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    margin-top: -1px
}

.keyboard .btnBox div:nth-of-type(3n+1) {
    border-left: 0
}

.keyboard .btnBox div.clear {
    background: #cdd2d9
}

.keyboard .btnBox div.clear:before {
    font-family: 'tk';
    content: "\e64b"
}

.keyboard .btnBox div.del {
    background: #cdd2d9
}

.keyboard .btnBox div.del:before {
    font-family: 'tk';
    content: "\e667"
}

.popSearch {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 110;
    display: none;
    overflow: auto;
	max-width: 425px;
}

.popSearch .sub-nav {
    background: #fefefe;
    height: 1.4rem;
    line-height: .9rem;
    padding-top: .4rem
}

.popSearch .sub-nav ul {
    display: box;
    display: -moz-box;
    display: -webkit-box;

    border-radius: .1rem;
    border: 1px solid #666;
    margin: 0 auto;
    width: 70%;
    height: .9rem;
    overflow: hidden
}

.popSearch .sub-nav ul li {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    display: block;
    line-height: .9rem;
    font-size: .36rem
}

.popSearch .sub-nav ul li.curr {
    background: #666;
    color: #fff
}

.popSearch section {
    width: 100%;
    overflow: hidden;
    padding: .3rem;
    border-bottom: 5px solid #eee
}

.popSearch .bufenBox .cont-wrap {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    height: 1rem
}

.popSearch .bufenBox .cont-wrap .numberBox {
    box-flex: 5;
    -moz-box-flex: 5;
    -webkit-box-flex: 5;
    border: 1px #ccc solid;
    border-radius: .1rem 0 0 .1rem;
    border-right: 0;
    padding-left: .3rem;
    line-height: 1rem;
    font-size: .5rem
}

.popSearch .bufenBox .cont-wrap .numberBox.curr {
    border-color: #ef4047
}

.popSearch .bufenBox .cont-wrap .but-bufenhaoma {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    background-color: #ef4047;
    border-radius: 0 .1rem .1rem 0;
    color: #fff;
    font-size: .42rem;
    line-height: 1rem;
    font-weight: 700;
    text-align: center;
    font-family: 'tk'
}

.popSearch .bufenBox .search-label {
    height: 1rem;
    overflow: hidden;
    padding-top: .2rem
}

.popSearch .bufenBox .search-label:before, .popSearch .bufenBox .search-label:after {
    content: " ";
    display: table
}

.popSearch .bufenBox .search-label:after {
    clear: both
}

.popSearch .bufenBox .search-label div {
    width: 25%;
    float: left;
    text-align: center;
    display: block;
    border: 1px #e7e7e7 solid;
    color: #aeaeae;
    margin-right: .3rem;
    padding: .15rem;
    font-size: .36rem;
    border-radius: .1rem
}

.popSearch .bufenBox .search-label div.curr {
    border-color: #ef4047;
    color: #ef4047
}

.popSearch .klistBox {
    display: none
}

.popSearch .klistBox p {
    font-size: .26rem;
    line-height: .4rem;
    padding-bottom: .2rem;
    color: #666
}

.popSearch .klistBox .numberBox {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    height: 1.2rem;
    padding-top: .2rem;
    margin-bottom: .2rem
}

.popSearch .klistBox .numberBox div.tel, .popSearch .klistBox .numberBox div.no {
    box-flex: 2;
    -moz-box-flex: 2;
    -webkit-box-flex: 2;
    position: relative;
    margin-left: -1px;
    border: 1px #d2d2d2 solid;
    text-align: center;
    line-height: 1rem;
    font-size: .5rem
}

.popSearch .klistBox .numberBox div.tel.curr, .popSearch .klistBox .numberBox div.no.curr {
    border-color: #ef4047;
    z-index: 2
}

.popSearch .klistBox .numberBox div.void {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1
}

.popSearch .klistBox .numberBox .no {
    border-radius: .1rem 0 0 .1rem
}

.popSearch .klistBox .numberBox .tel:nth-last-of-type(1) {
    border-radius: 0 .1rem .1rem 0
}

.popSearch .klistBox .guhua-num-box .tel:nth-of-type(1) {
    border-radius: .1rem 0 0 .1rem
}

.popSearch .klistBox .btn-klist {
    margin: .2rem 0;
    width: 100%;
    border: none;
    height: 1rem;
    background-color: #ef4047;
    border-radius: .1rem;
    color: #fff;
    font-size: .42rem;
    line-height: 1rem;
    font-weight: 700;
    text-align: center
}

.popSearch .search-suggestion {
    padding: 0 .12rem;
    background-color: #fff;
    display: none
}

.popSearch .search-suggestion li {
    height: 1rem;
    line-height: 1rem;
    padding: 0 .3rem;
    border-bottom: 1px solid #ccc;
    color: #232326;
    font-size: .4rem;
    overflow: hidden
}

.popSearch .search-suggestion li .result-count {
    font-size: .32rem;
    float: right;
    color: #999
}

.popSearch .hot-search {
    padding: .2rem .3rem 0
}

.popSearch .hot-search .hot-search-head {
    color: #999;
    border-bottom: 1px solid #d9d9d9;
    font-size: .4rem;
    line-height: 1rem;
    width: 100%;
    overflow: hidden
}

.popSearch .hot-search .hot-search-head .close {
    float: right;
    font-family: 'tk'
}

.popSearch .hot-search .hot-search-tags {
    padding-top: .2rem
}

.popSearch .hot-search .hot-search-tags .tag {
    float: left;
    padding: .15rem .25rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: .1rem .2rem .2rem 0;
    font-size: .42rem;
    text-decoration: none;
    color: #999;
    font-family: PingFangSC-Regular
}

.cart-list {
    background: #fff;
    max-height: 6rem;
    overflow-y: auto;
    position: fixed;
    bottom: 1.3rem;
    width: 100%;
    display: none;
    z-index: 110;
	max-width: 425px;
}

.cart-list .cart-h {
    position: relative;
    margin: 0 3%;
    height: 1rem;
    width: 94%;
    overflow: hidden;
    line-height: 1rem;
    border-bottom: 1px #e1e1e1 solid
}

.cart-list .cart-h span:first-child {
    color: #434343;
    font-size: .38rem
}

.cart-list .cart-h span:last-child {
    float: right;
    color: #b4b4b4;
    font-size: .36rem
}

.cart-list .cart-li {
    max-height: 5rem;
    overflow: hidden
}

.cart-list dl {
    margin: 0 3%;
    position: relative
}

.cart-list dd {
    overflow: hidden;
    margin: 0;
    border-bottom: 1px #cfcece solid;
    height: 1.5rem;
    width: 100%;
    font-size: .32rem;
    line-height: .5rem;
    padding: .2rem 0 0
}

.cart-list dd:last-child {
    border: none
}

.cart-list dd.null {
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    color: #808080;
    padding-top: 0
}

.cart-list dd span {
    font-size: .24rem;
    color: #c8c8c8
}

.cart-list dd span.rmb_icon {
    font-size: .4rem
}

.cart-list dd .tel {
    float: left;
    width: 40%;
    color: #434343;
    font-size: .5rem;
    padding-top: .05rem
}

.cart-list dd .price {
    float: left;
    width: 25%;
    color: #ef4047;
    padding-top: .05rem
}

.cart-list dd .price span.rmb_icon {
    color: #ef4047
}

.cart-list dd .btnBox {
    float: right;
    width: 30%;
    height: 1rem;
    overflow: hidden
}

.cart-list dd .btnBox div {
    border-radius: 5px;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .38rem
}

.cart-list dd .btnBox .del {
    width: 40%;
    float: left;
    color: #c8c8c8;
    border: 1px solid #c8c8c8
}

.cart-list dd .btnBox .order {
    float: right;
    width: 50%;
    color: #fff;
    background: #ef4047
}

.num-nav {
    background: #fff;
    padding: .4rem 0 0;
    border: 1px #ddd8ce solid;
    border-right: none;
    border-left: none;
    margin-top: .12rem
}

.num-nav ul {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    width: 100%;
    margin-bottom: .4rem
}

.num-nav ul li {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center
}

.num-nav ul li a {
    display: block;
    color: #333;
    font-size: .36rem
}

.num-nav ul li a:before {
    font-family: 'tk';
    display: block;
    font-size: 1rem;
    color: #fff;
    margin-bottom: .15rem
}

.num-nav ul li a.yd-icon:before {
    content: "\e61d";
    color: #19b2ff
}

.num-nav ul li a.lt-icon:before {
    content: "\e61c";
    color: #f02c2b
}

.num-nav ul li a.dx-icon:before {
    content: "\e61b";
    color: #06c
}

.num-nav ul li a.gh-icon:before {
    content: "\e646";
    color: #fd9d21
}

.num-nav ul li a.gh4-icon:before {
    content: "\e645";
    color: #ff6100
}

.num-nav ul li a.ql-icon:before {
    content: "\e6fe";
    color: #f742a0
}

.num-nav ul li a.ql2-icon:before {
    content: "\e622";
    color: #ff6100
}

.num-nav ul li a.jx-icon:before {
    content: "\e6b3";
    color: #8d00fe
}

.num-nav ul li a.gs-icon:before {
    content: "\e679";
    color: #138a13
}

.num-nav ul li a.dg-icon:before {
    content: "\e67a";
    color: #1296db
}

.number-list h2 {
    height: 1rem;
    line-height: 1rem;
    color: #333;
    padding: 0 3%;
    background: #fff;
    border-top: 1px #ddd8ce solid;
    border-bottom: 1px #ddd8ce solid;
    margin: 0;
    font-weight: 500
}

.mt1234 {
    background: #fff;
    border-top: 1px #ddd8ce solid;
    border-bottom: 1px #ddd8ce solid;
    height: 3.85rem;
    display: box;
    display: -moz-box;
    display: -webkit-box
}

.mt1234 .lt span, .mt1234 .rt span {
    display: block;
    margin-bottom: 5px
}

.mt1234 .lt span:last-child, .mt1234 .rt span:last-child {
    margin-bottom: 0
}

.mt1234 .lt span > *, .mt1234 .rt span > * {
    display: block
}

.mt1234 .lt span strong, .mt1234 .rt span strong {
    color: #5ba717;
    margin-bottom: .12rem
}

.mt1234 .lt span small, .mt1234 .rt span small {
    color: #808080
}

.mt1234 .lt {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    border-right: 1px #f8f8f8 solid;
    padding: .15rem
}

.mt1234 .lt span {
    margin-left: .25rem;
    height: 1.5rem
}

.mt1234 .lt span:last-child {
    margin: 0
}

.mt1234 .lt span img {
    height: 1.7rem;
    margin: 0 auto
}

.mt1234 .lt span strong {
    font-size: .36rem;
    line-height: .6rem;
    padding-top: .2rem
}

.mt1234 .rt {
    box-flex: 2;
    -moz-box-flex: 2;
    -webkit-box-flex: 2;
    padding: .15rem
}

.mt1234 .rt .top {
    height: 1.6rem;
    padding: 0 .2rem
}

.mt1234 .rt .top span {
    display: inline-block;
    vertical-align: middle;
    margin: .25rem 0
}

.mt1234 .rt .top span img {
    height: 1rem;
    width: auto;
    float: right;
    padding-left: .7rem
}

.mt1234 .rt .top span strong {
    font-size: .36rem;
    line-height: .6rem;
    padding-top: .1rem
}

.mt1234 .rt .btm {
    height: 1.65rem;
    border-top: 1px #f8f8f8 solid;
    padding: .3rem .15rem 0;
    display: box;
    display: -moz-box;
    display: -webkit-box;
    width: 100%
}

.mt1234 .rt .btm .btm_li {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    border-right: 1px #f8f8f8 solid;
    width: 50%;
    padding: 0 .2rem
}

.mt1234 .rt .btm .btm_li:last-child {
    border: none
}

.mt1234 .rt .btm .btm_li span img {
    height: .7rem
}

.headlines {
    background: #fff;
    padding: .15rem .3rem;
    height: 1.6rem;
    overflow: hidden;
    position: relative;
    font-size: .36px;
    border-bottom: 1px #ddd8ce solid
}

.headlines .news-icon-link {
    float: left;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    text-align: center;
    overflow: hidden;
    line-height: 1.2rem;
    font-size: 1.2rem;
    color: #ff5000;
    border-right: 1px #eee solid
}

.headlines .news-icon-link:before {
    content: "\e647";
    font-family: 'tk'
}

.headlines .line-li {
    float: left;
    width: 8rem;
    padding: .1rem 0 0 .4rem
}

.headlines li {
    height: .45rem;
    overflow: hidden;
    line-height: .36rem;
    font-size: .36rem
}

.headlines li a {
    color: #444;
    display: block;
    white-space: nowrap
}

.headlines li a .news-tag {
    margin-right: .1rem;
    padding: .02rem;
    display: inline-block;
    border: 1px #ff5000 solid;
    color: #ff5000;
    border-radius: 2px
}

.carouselMap {
    height: 4.8rem;
    width: 100%;
    overflow: hidden
}

.carouselMap .carouselBox {
    position: relative;
    overflow: auto;
    height: 4.8rem;
    width: 10rem;
    margin: 0 auto
}

.carouselMap img {
    width: 100%;
    height: auto
}

.common-footer {
    overflow: hidden;
    padding: 0 5%;
    margin: .15rem 0 1.35rem
}

.common-footer p {
    overflow: hidden;
    margin: .15rem auto;
    color: #323232
}

.common-footer p a {
    color: inherit
}

.common-footer .lt-nav {
    float: left
}

.common-footer .lt-nav a {
    display: inline-block;
    border: 1px #323232 solid;
    border-radius: 2px;
    font-size: 12px;

    padding: 2px 5px;
    margin: 0 5px;
    vertical-align: middle
}

.common-footer .rt-nav {
    float: right
}

.common-footer .rt-nav a {
    margin: 0 10px
}

.common-footer .rt-nav a:last-child {
    margin-right: 0
}

.common-footer .copy-right {
    display: block;
    text-align: center;
    position: relative
}

.common-footer .copy-right:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 100%;
    height: 1px;
    background: #999;
    z-index: -1
}

.common-footer .copy-right i {
    background: #f0f0f0;
    padding: 0 8px;
    color: #999
}

.contact-cont {
    padding-bottom: 1.33rem
}

.about-us-img-ad {
    height: 3rem;
    text-align: center
}

.about-us-img-ad img {
    width: 100%;
    height: 3rem
}

.about-us-list {
    border-top: 1px #e4e4e4 solid;
    background: #fff;
    overflow: hidden;
    margin-top: .3rem
}

.about-us-list li {
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 1.2px #e4e4e4 solid
}

.about-us-list li a {
    color: #333;
    display: block;
    position: relative;
    padding-left: 1.1rem;
    font-size: .36rem
}

.about-us-list li a:after {
    content: "\e605";
    font-family: 'tk';
    position: absolute;
    right: 3%;
    top: 0;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    color: #ccc
}

.about-us-list li a:before {
    font-family: 'tk';
    position: absolute;
    left: .2rem;
    top: 0;
    line-height: 1.1rem;
    text-align: center;
    color: #3c3c3c;
    font-size: .5rem;
    border-radius: 3px;
    padding: .05rem
}

.about-us-list li a.company-icon:before {
    content: "\e622";
    color: #0092de
}

.about-us-list li a.news-icon:before {
    content: "\e626";
    color: #eb2c00
}

.about-us-list li a.contact-icon:before {
    content: "\e624";
    color: #ff5000
}

.about-us-list li a.operation-process-icon:before {
    content: "\e629";
    color: #f5b345
}

.about-us-list li a.trading-conditions-icon:before {
    content: "\e620";
    color: #944cd7
}

.about-us-list li a.delivery-policy-icon:before {
    content: "\e627";
    color: #0092de
}

.about-us-list li a.payment-icon:before {
    content: "\e625";
    color: #eb2c00
}

.about-us-list li a.services-icon:before {
    content: "\e623";
    color: #ff5000
}

.about-us-list li a.supplier-cooperation-icon:before {
    content: "\e628";
    color: #f5b345
}

.about-us-list li a.store-cooperation-icon:before {
    content: "\e621";
    color: #944cd7
}

.cooperation-page {
    background: #fff;
    overflow: hidden;
    margin-bottom: .2rem
}

.cooperation-page h2 {
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 3%;
    margin: 0;
    border-top: 1px #e4e4e4 solid;
    border-bottom: 1px #e4e4e4 solid;
    color: #333;
    font-weight: normal;
    font-size: .42rem
}

.cooperation-page p {
    margin: .2rem 3%;
    color: #999;
    line-height: 1.8;
    font-size: .36rem
}

.cooperation-page p small {
    color: inherit
}

.cooperation-page p a {
    color: #999
}

.cooperation-page .form {
    padding: 0 3%
}

.cooperation-page .form li {
    border-bottom: 1px #e4e4e4 solid;
    padding: .2rem 0
}

.cooperation-page .form li input {
    height: .7rem;
    line-height: 1;
    border: none;
    width: 100%;
    font-size: .36rem
}

.cooperation-page .form li mark {
    display: block;
    background: none;
    color: #d2d2d2;
    border-top: 1px #f5f5f5 dotted;
    padding: .15rem 0 0
}

.cooperation-page .submit-btn {
    margin: .85rem 0 0
}

.cooperation-page .submit-btn input[type="button"] {
    border: none;
    width: 100%;
    height: 1.2rem;
    background: #ff5000;
    color: #fff;
    font-size: .36rem
}

.cooperation-page .submit-btn input[type="button"]:active {
    background: #f24c00
}

.cooperation-page .payment-list {
    padding: 0 3%
}

.cooperation-page .payment-list li {

    border-bottom: 1px #e4e4e4 solid;
    overflow: hidden;
    padding: .2rem 0
}

.cooperation-page .payment-list li:last-child {
    border: none
}

.cooperation-page .payment-list li .lt-icon {
    text-align: center;
    float: left;
    font-size: small;
    font-family: 'tk';
    width: 2.2rem;
    color: #808080;
    margin-top: .2rem
}

.cooperation-page .payment-list li .lt-icon:before {
    font-family: 'tk';
    display: block;
    font-size: .6rem;
    margin-bottom: .15rem
}

.cooperation-page .payment-list li .lt-icon.icbc:before {
    content: "\e61f"
}

.cooperation-page .payment-list li .lt-icon.abchina:before {
    content: "\e61e"
}

.cooperation-page .payment-list li .lt-icon.ccb:before {
    content: "\e61a"
}

.cooperation-page .payment-list li .lt-icon.alipay:before {
    content: "\e618"
}

.cooperation-page .payment-list li .rt-infor {
    margin-left: 2.2rem
}

.cooperation-page .payment-list li .rt-infor p {
    line-height: normal;
    font-size: small
}

.confirm-order {
    background: #fff;
    overflow: hidden;
    margin-bottom: .15rem
}

.confirm-order dt {
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 3%;
    font-size: .42rem;
    color: #4a4a4a;
    border-bottom: 1px #f4f4f4 solid
}

.confirm-order dd {
    height: 1rem;
    line-height: 1rem;
    font-size: .36rem;
    margin: 0 5%;
    border-bottom: 1px #f4f4f4 solid
}

.confirm-order dd:last-child {
    border: none
}

.confirm-order dd.explain {
    height: auto;
    font-size: .36rem;
    line-height: .68rem;
    color: #aaa;
    padding: 5px;
    background-color: #fffcdb;
    margin-top: 5px;
    margin-bottom: 5px
}

.o-number-infor ul {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    width: 100%
}

.o-number-infor ul li {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    font-size: 12px
}

.o-number-infor ul li span {
    display: block
}

.o-number-infor ul li span em {
    color: #ff581c;
    font-size: .36rem;
    font-weight: bold
}

.o-number-infor ul li span em.rmb_icon {
    font-weight: normal;
    font-size: inherit
}

.o-number-infor ul li span.number em {
    font-size: .42rem
}

.o-number-infor ul li span small {
    color: #dcdcdc
}

.o-number-infor ul li .del-link {
    display: block;
    color: #dedede;
    font-family: 'tk';
    text-align: center
}

.o-packages-infor {
    padding: 14px 0
}

.o-packages-infor dt .lt-name {
    float: left
}

.o-packages-infor dt .rt-infor {
    display: none;
    float: right;
    font-size: small
}

.o-packages-infor dt .rt-infor em {
    margin-right: .15rem;
    color: #ff5000
}

.o-packages-infor dt .rt-infor a {
    color: #007aff
}

.o-packages-infor dd {
    display: none;
    width: 50%;
    margin: 5px 0;
    border: none;
    float: left
}

.o-packages-infor dd label {
    display: block;
    margin: 5px;
    font-size: small;
    border: 1px #f1f1f1 solid;
    text-align: center;
    position: relative;
    background: #fff;
    overflow: hidden
}

.o-packages-infor dd label input {
    display: none
}

.o-packages-infor dd label.active-label {
    color: #ff5000;
    border-color: #ff5000
}

.o-packages-infor dd label.active-label:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -18px;
    bottom: -10px;
    background: #ff5000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.o-user-infor dd {
    height: auto;
    line-height: none;
    padding: .05rem 0;
    position: relative
}

.o-user-infor dd input[type="text"], .o-user-infor dd input[type="tel"] {
    border: none;
    height: .65rem;
    line-height: 1;
    padding: .15rem;
    display: inline-block;
    width: calc(75%)
}



.o-user-infor dd.user-id:before {
    content: "\8eab\0020\0020\4efd\0020\0020\8bc1\ff1a"
}



.o-user-infor dd.open-new:after {
    content: "\e605";
    font-family: 'tk';
    position: absolute;
    right: 0;
    top: .1rem;
    color: #d3d3d3;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1)
}

.associated-protocols a {
    display: block;
    position: relative;
    color: #4a4a4a
}

.associated-protocols a:after {
    content: "\e605";
    font-family: 'tk';
    color: #d3d3d3;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1)
}

.o-btm-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(84, 84, 84, 0.95);
	max-width: 425px;
}

.o-btm-btn ul {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    font-size: .36rem;
    width: 100%
}

.o-btm-btn ul li {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    height: 1.33rem;
    line-height: 1.33rem
}

.o-btm-btn ul li:first-child {
    box-flex: 3;
    -webkit-box-flex: 3;
    padding: 0 0%;
    color: #fff
}

.o-btm-btn ul li:first-child span {
    color: #ff5000
}

.o-btm-btn ul li input[type="submit"] {
    border: none;
    width: 100%;
    color: #fff;
    background: #ff5000;
    display: block;
    text-align: center
}

.o-btm-btn ul li input[type="submit"]:active {
    background: #f24d02
}

.common-wrapper {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
    font-size: 16px
}

.steps {
    margin: .75em 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #fff
}

.steps ul {
    overflow: hidden
}

.steps ul li {
    position: relative;
    float: left;
    padding-top: 1.607em;
    width: 31.25%;
    color: #686868;
    text-align: center;
    font-size: .875em
}

.steps ul li b {
    display: block;
    margin-bottom: 1em;
    width: 100%;
    height: .2857em;
    background: #ccc
}

.steps ul li .num {
    position: absolute;
    top: 1.208em;
    left: 50%;
    margin-left: -0.84em;
    width: 1.67em;
    height: 1.67em;
    border-radius: .84em;
    background: #ccc;
    color: #fff;
    font-weight: 700;
    font-size: .857em;
    line-height: 1.67em
}

.steps ul li .txt {
    display: block
}

.steps ul .curr {
    color: #f15353
}

.steps ul .curr .num, .steps ul .curr b {
    background: #f46767
}

.steps ul .fore1 {
    width: 34.375%
}

.steps ul .fore1 .txt {
    padding-left: .714em
}

.steps ul .fore1 .num {
    margin-left: -0.3em
}

.steps ul .fore2 b {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

.steps ul .fore3 {
    width: 34.375%
}

.steps ul .fore3 .txt {
    padding-right: .714em
}

.steps ul .fore3 .num {
    margin-left: -1.3em
}

.sm-tip {
    clear: both;
    margin: 10px auto 8px;
    padding: 6px 8px;
    width: 94.6875%;
    background: #f8f8f8;
    color: #686868;
    font-size: .75em;
    line-height: 1.8em
}

.person-s1 dl {
    overflow: hidden;
    padding-top: .4em
}

.person-s1 dl dt {
    float: left;
    margin-top: .4em;
    width: 27%;
    text-align: right
}

.person-s1 dl dd {
    float: left;
    width: 70%
}

.person-s1 dl dd input {
    padding-left: .2em;
    width: 100%;
    height: 2.5em;
    border: .1em solid #ccc;
    font-size: .875em
}

.person-s1 dl dd span {
    color: #f15353;
    font-size: .75em
}

.sm-info {
    margin-bottom: 14px
}

.sm-info .person-s1 dl dd input {
    border-radius: 4px
}

.idcard {
    margin: 0 auto;
    padding-bottom: 3px;
    width: 93%
}

.idcard .idcard-add {
    position: relative;
    margin: 10px auto;
    width: 100%;
    height: 10.7em;
    border: 1px dotted #d7d7d7;
    background: #fff;
    text-align: center;
    font-size: .875em
}

.idcard .idcard-add a.ia-add {
    display: inline-block;
    margin-top: .4em;
    padding-top: 7.5em;
    background: url(../images/add.png) no-repeat center center;
    background-size: 70px 70px;
    color: #999
}

.idcard .idcard-add a.ia-succ {
    display: inline-block;
    margin-top: 1em;
    padding-top: 7.25em;
    background-size: 70px 54px;
    color: #999;
    color: #f66
}

.idcard .idcard-add-no {
    background: #f1f1f1
}

.idcard .ia-tip {
    position: absolute;
    top: 0;
    right: 0;
    padding: .4em;
    background: #b2b2b2;
    color: #fff;
    font-size: 14px
}

.idcard .idcard-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.name-ch {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #fff
}

.name-ch .mt {
    padding: 1.065em .5625em 0
}

.name-ch .mc {
    border-bottom: 1px solid #e1e1e1;
    font-size: .75em
}

.name-ch ul.namech-mc {
    padding: 0 .5625em
}

.name-ch ul.namech-mc li {
    overflow: hidden;
    padding: 8px 0
}

.name-ch ul.namech-mc li p {
    width: 80%;
    line-height: 1.4em
}

.name-ch ul.namech-mc li p span {
    color: #ff6767
}

.name-ch ul.namech-mc li strong {
    line-height: 1.4em
}

.name-ch ul.namech-mc li b {
    color: #686868
}

.name-ch .namech-mb {
    padding: 1.065em .5625em 1.6em
}

.name-ch .namech-mb span {
    color: #ff6767
}

.name-ch .namech-mb b {
    float: left;
    display: inline-block;
    margin-top: -2px;
    margin-right: 6px;
    width: 1.1875em;
    height: 1.21em;
    background: url(../images/icons-d.png) no-repeat 0 -1.22em;
    background-size: 1.1875em
}

.name-ch .namech-mb b.namech-btn-cur {
    background: url(../images/icons-d.png) no-repeat 0 0;
    background-size: 1.1875em
}

.bnext-wrap {
    padding: .9375em .625em 1.6em
}

.bnext-wrap .bnt-red-no, .bnext-wrap .btn-red {
    display: block;
    width: 100%;
    height: 2.40625em;
    border: 1px solid #ff6969;
    border-radius: .15625em;
    background: #ff6969;
    color: #fff;
    text-align: center;
    line-height: 2.40625em
}

.bnext-wrap .bnt-red-no {
    border: 1px solid #b24949;
    background: #b24949
}

.name-upload {
    overflow: hidden;
    margin: 0 auto 20px;
    width: 93%
}

.name-upload a {
    width: 100%;
    height: 2.5em;
    border: 1px solid #b7b7b7;
    background: #fff;
    color: #686868;
    text-align: center;
    line-height: 2.5em
}

.name-upload .nu-cancel {
    float: left
}

.name-upload .nu-upload {
    float: right;
    border: 1px solid #f25656;
    background: #f3500e;
    color: #fff
}

.name-upload .nu-cancel-no {
    background: #d9d9d9
}

.name-upload .nu-upload-no {
    border: 1px solid #aa3c3c;
    background: #aa3c3c
}

.succ-show {
    padding-top: 90px;
    text-align: center
}

.succ-show span {
    display: block;
    margin: 0 auto;
    margin-bottom: 22px;
    width: 60px;
    height: 64px;
    background: url(../images/succ-pic.png) no-repeat;
    background-size: 60px 64px
}

.succ-show strong {
    margin: 12px 0;
    font-size: 1.125em
}

.succ-show p {
    margin: 12px 0;
    color: #848689;
    font-size: .875em
}

.succ-show a {
    display: inline-block;
    margin: 12px 0;
    width: 28.125%;
    height: 2em;
    border: 1px solid #686868;
    border-radius: .15625em;
    color: #666;
    font-size: .9375em;
    line-height: 2em
}

.popup-w {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10.5em;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7)
}

.popup-w .pop-info {
    margin: 0 auto;
    padding: 3.125em 1.625em 1.8em;
    width: 95%;
    max-width: 608px;
    border-radius: 5px;
    background: #f8f8f8;
    color: #686868;
    text-align: center;
    font-size: .9375em;
    line-height: 1.6em
}

.popup-w .pop-btn {
    overflow: hidden;
    margin-top: 2.1875em
}

.popup-w .pop-btn a {
    width: 45%;
    height: 2.625em;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    background: #fff;
    color: #686868;
    line-height: 2.625em
}

.popup-w .pop-btn .popb-fail {
    float: left
}

.popup-w .pop-btn .popb-succ {
    float: right;
    border: 1px solid #ff6969;
    background: #ff6969;
    color: #fff
}

.popup-w .upload-fail, .popup-w .upload-succ {
    margin: 0 auto;
    padding: 1.1875em 0;
    width: 50%;
    max-width: 320px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    text-align: center
}

.popup-w .upload-fail .upload-icon, .popup-w .upload-succ .upload-icon {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background: url(../images/upload-succ.png) no-repeat;
    background-size: 30px 30px
}

.popup-w .upload-fail p, .popup-w .upload-succ p {
    padding-top: .625em
}

.popup-w .upload-fail strong, .popup-w .upload-succ strong {
    display: block;
    margin: 10px;
    font-size: 13px;
    line-height: 18px
}

.popup-w .upload-fail .upload-icon {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background: url(../images/upload-fail.png) no-repeat;
    background-size: 30px 30px
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    width: 30px;
    height: 30px;
    background: url(../images/loading01.png) no-repeat;
    background-size: 30px
}

.loading .loading-in {
    width: 100%;
    height: 100%;
    background: url(../images/loading02.png) no-repeat;
    background-size: 30px;
    -webkit-animation: rotate360 .5s linear infinite;
    -moz-animation: rotate360 .5s linear infinite;
    animation: rotate360 .5s linear infinite
}

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(-360deg);
        -webkit-transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: center center
    }
}

@-moz-keyframes rotate360 {
    0% {
        -moz-transform: rotate(-360deg);
        -moz-transform-origin: center center
    }
    100% {
        -moz-transform: rotate(0);
        -moz-transform-origin: center center
    }
}

@keyframes rotate360 {
    0% {
        transform: rotate(-360deg);
        transform-origin: center center
    }
    100% {
        transform: rotate(0);
        transform-origin: center center
    }
}

.succ-show p {
    margin: 0 auto;
    padding-top: 6px;
    width: 85%;
    line-height: 20px
}

.watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/watermark.png) no-repeat center center
}

.popup-w .upload-fail, .popup-w .upload-succ {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    width: 160px
}

.common-wrapper .nopd {
    margin-top: 0
}

.order-ok {
    margin: .5rem 3%
}

.order-ok em {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: .36rem;
    color: #1aac19;
    padding: 1.2rem;
    background: #fff
}

.order-ok em:before {
    display: block;
    font-size: 1.2rem;
    color: #3fb837;
    content: "\e619";
    font-family: 'tk';
    padding-bottom: .2rem
}

.order-ok p {
    text-align: center;
    margin-top: .3rem
}

.order-ok p a {
    display: block;
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #1aac19;
    color: #fff;
    font-size: .46rem;
    text-align: center;
    margin: 0 3%;
    border-radius: .3rem
}

.hot-city, .alphabetize, .alphabetize-city {
    margin-top: 0
}

.hot-city dt, .alphabetize dt, .alphabetize-city dt {
    padding: 0 3%;
    height: 1.2rem;
    line-height: 1.2rem;
    background: #fff;
    font-weight: bold;
    color: #333;
    border: 1px #e3e3e3 solid;
    border-right: none;
    border-left: none;
    font-size: .42rem
}

.hot-city dd, .alphabetize dd, .alphabetize-city dd {
    overflow: hidden;
    margin: 0
}

.hot-city dd li, .alphabetize dd li, .alphabetize-city dd li {
    float: left;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .36rem
}

.hot-city dd li a, .alphabetize dd li a, .alphabetize-city dd li a {
    display: block
}

.hot-city li {
    width: 33.33%
}

.hot-city li a {
    color: #0c67e4
}

.alphabetize li {
    width: 20%
}

.alphabetize li a {
    color: #0c67e4
}

.alphabetize-city dt span {
    margin-right: 5px;
    color: #808080;
    font-weight: normal
}

.alphabetize-city li {
    width: 33.33%
}

.alphabetize-city li a {
    color: #0c67e4
}

img[alt^="51.La"] {
    display: none
}

#layout_head {
    position: fixed; 
	max-width:425px;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    transition: transform .5s ease 0s;
    -webkit-transform: transform .5s ease 0s
}

#layout_head.fix-hd-btm {
    transform: translateY(-1.29rem)
}

#layout_pop {
    display: none;
    width: 90%;
    height: 100%;
    background: #f4f5f7;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999
}

#layout_content {
    padding: 172px 0 1.3rem
}

#layout_mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100
}