@charset "utf-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding:0;
}
body {
    margin:0;
    padding:44px 0 0;
    background:#fff;
    min-width:320px;
    color:#333;
    font-size:14px;
}
body,button,input,select,textarea,cite,em,p,h1,h2,h3,h4,h5,h6,address {
    font-style:normal;
    font-family:"microsoft yahei",Verdana,Arial,Helvetica,sans-serif;
}
input,select,textarea {
    font-size: 14px;
    vertical-align:middle;
}
h1,h2,h3 {
    font-size:16px;
    margin:5px 0;
}
h3 {
   margin:0;
}
footer {
    background: #f0f0f0;
}
ul,li {
    list-style:none;
}
a {
    text-decoration:none;
    color:#67738A;
}


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

.font_1 {
    color:red;
}
.font_2 {
    color:#808080;
}

.mt5 {
    margin-top: 5px!important;
}
.mt10 {
    margin-top: 10px!important;
}
.mb10 {
    margin-bottom: 10px!important;
}
.mlr10 {
    margin-left: 10px;
    margin-right: 10px;
}
.split {
    margin:0 2px;
}
.w {
    margin: auto;
    padding: 0 6px;
}

.fl {
    float:left!important;
}
.fr {
    float:right!important;
}
.clear {
    clear:both;
}
.clear:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    *zoom:1;
}
.fixed-top {
    position: fixed;
    top:0;
}
.fixed-bottom {
    position: fixed;
    bottom:0;
}
.full-width {
    width:100%;
}
.center {
    text-align:center;
}
.right {
    text-align:right;
}
.block {
    display:block!important;
}
.none {
    display:none;
}
.collapse {
    display:none;
}
.collapse.in {
    display:block;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #aaa;
    border-radius: 10px;
}
.arrow {
    display: inline-block;
    width: 10px;
    height:10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background: url(../images/arrow.png) center right no-repeat;
}
.redirect {
    margin:10px;
    padding:10px;
    border:1px;
    color:#808080;
}

.start {
    display:inline-block;
    background: url(../images/rating_xin.png) no-repeat;
    height:15px;
    min-width:98px;
}
.start.s0 {background-position: 0 0;}
.start.s1 {background-position: 0 -20px;}
.start.s2 {background-position: 0 -40px;}
.start.s3 {background-position: 0 -60px;}
.start.s4 {background-position: 0 -80px;}
.start.s5 {background-position: 0 -100px;}
.start-txt {
    min-width:98px;
    padding-left: 100px;
}

.icon18 {
    background:url(../images/icons-18-black.png) no-repeat transparent;
}
.icon18-white {
    background:url(../images/icons-18-white.png) no-repeat transparent;
}
.icon36 {
    background:url(../images/icons-36-black.png) no-repeat transparent;
}
.icon36-white{
    background:url(../images/icons-36-white.png) no-repeat transparent;
}
.icon18-stand {
    display: inline-block;
    width: 18px;
    height:18px;
    vertical-align: middle;
}
.icon18-extend {
    background-position:-178px -2px;
}
.icon18-extend.off {
    background-position:-215px -2px;
}
.icon18-search {
    background-position:-600px -2px;
}
.icon18-lt {
    width: 12px;
    height: 25px;
    background: url("../images/return.png") 0 0 no-repeat;
    background-size: contain;
    margin-left: 6px;
}
.icon18-gt {
    background-position:-110px -2px;
}

.txt-comm {
    line-height: 1.55em;
    word-wrap:break-word;
}
.txt-richtxt img {
    max-width: 100%;
}
.txt-richtxt iframe {
    width: 100%;
}
.txt-overflow {
    white-space:nowrap;
    text-overflow:clip;
    overflow:hidden;
}
.txt-small {
    font-size:12px;
}
.fontSize{
    font-size:0.36rem;
}
.txt-grey,
.txt-gray {
    color:#888!important;
}
.txt-red {
    color:#888!important;
}
.txt-red {
    color:red!important;
}
.txt-primary {
    color: #428bca!important;
}
.txt-success {
    color: #3c763d!important;
}
.txt-info {
    color: #31708f!important;
}
.txt-warning {
    color: #8a6d3b!important;
}
.txt-danger {
    color: #a94442!important;
}

.label-comm {
    display: inline;
    padding: 2px 6px 3px;
    font-size:12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-big {
    font-size:14px;
}
.label-small {
    font-size:10px;
}
.label-default {
    background-color:#666;
}
.label-mycolor {
    background:-webkit-linear-gradient(top, #333333, #333333);
    background:-moz-linear-gradient(top, #333333, #333333);
}
.label-grey {
    background-color: #aaa;
}
.label-primary {
    background-color: #428bca;
}
.label-success {
    background-color: #3c763d;
}
.label-info {
    background-color: #31708f;
}
.label-warning {
    background-color: #8a6d3b;
}
.label-danger {
    background-color: #a94442;
}

.bg-red {
    background-color: red;
}
.bg-mycolor {
    background-color: #FFF3D5;
}
.bg-default {
    background-color: #fff;
}
.bg-primary {
    color: #fff;
    background-color: #428bca;
}
.bg-success {
    background-color: #dff0d8;
}
.bg-info {
    background-color: #d9edf7;
}
.bg-warning {
    background-color: #fcf8e3;
}
.bg-danger {
    background-color: #f2dede;
}

.panel-comm {
    border:1px solid transparent;
}
.panel-fullsize {
    border:0;
}
.panel-heading {
    padding: 10px;
    background-color:#FFF;
    border-bottom: 1px solid transparent;
    position: relative;
}
.panel-expand > .panel-heading {
    margin-bottom:-1px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-body {
    padding:10px;
}
.panel-body .panel-title {
    margin-bottom: 5px;
}
.panel-body .fontText{
    font-size: 0.3rem;
    text-indent:1em;
}
.panel-footer {
    padding: 10px;
    border-top: 1px solid #ddd;
}
.panel-icon-r {
    position: absolute;
    right:10px;
}
.panel-icon-l {
    position: absolute;
    left:10px;
}
.panel-group > .panel-comm {
    border-bottom-width:0;
}
.panel-group > .panel-comm:last-child {
    border-bottom-width:1px;
}
.panel-group > .panel-comm > .panel-heading {
    border-bottom-width:0;
}
.panel-group > .panel-comm > .panel-body,
.panel-group > .panel-comm > .panel-collapse {
    border-top:1px solid transparent;
}
.panel-default {
    border-color:#ddd;
}
.panel-default > .panel-heading,
.panel-default > .panel-footer {
    color: #666;
    border-color:#ddd;
    background: #f4eee7;
}
.panel-mycolor > .panel-comm,
.panel-mycolor > .panel-heading,
.panel-mycolor > .panel-footer {
    color: #666;
    border-color:#FFE297;
    background: #FFF3D5;
}
.panel-white {
    border-color:#ddd;
}
.panel-comm.panel-white,
.panel-white > .panel-heading,
.panel-white > .panel-body,
.panel-white > .panel-collapse,
.panel-white > .panel-footer {
    color: #666;
    border-color:#ddd!important;
    background: #FFF;
}

.panel-heading .label-comm,
.panel-footer .label-comm {
    position: relative;
    top:-2px;
}

.comment-empty {
    padding: 30px 0 40px 0;
}

.comment-empty img {
    width: 65px;
}
.comment-empty .text {
    color: #cccccc;
    margin: 10px 0;
}
.comment-empty .comment-btn {
    display: inline-block;
    padding: 5px 12px 6px;
    text-align: center;
    border: 1px solid #999999;
    border-radius: 5px;
    color: #999999;
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-ls, .btn-group-ls > .btn {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.2;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-mycolor {
    color: #fff;
    background:-webkit-linear-gradient(top, #FF9428, #FF870F);
    background:-moz-linear-gradient(top, #FF8000, #F77B00);
    border-color: #eea236;
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-link {
    font-weight: 400;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}

.btn-group-auto {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
.btn-group-auto > .btn,
.btn-group-auto > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}
.btn-group-auto > .btn-group .btn {
    width: 100%;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-mt10 > .btn,
.btn-group-vertical > .btn-group {
    margin-top:10px;
}
.btn-group-mt10 > .btn:first-child,
.btn-group-vertical > .btn-group:first-child {
    margin-top:0;
}

.richtxt-comm,
.richtxt-body {
    overflow: hidden;
}
.richtxt-comm .fl {
    margin-right: 10px;
}
.richtxt-comm .fr {
    margin-left: 10px;
}
.richtxt-img {
    display: block;
    border:1px solid #ddd;
    margin:auto;
}
.richtxt-heading {
    margin:0 0 5px 0;
}

.list-thumb:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.list-thumb-item {
    float:left;
    position: relative;
    margin-top:-1px;
}
.list-thumb-row2 .list-thumb-item {
    width: 50%;
}
.list-thumb-row3 .list-thumb-item {
    width: 33%;
}
.list-thumb-row3 .list-thumb-item:nth-of-type(3n+2) {
    width: 34%;
}
.list-thumb-row2 .list-thumb-item:nth-of-type(odd) > .border {
    border-right:1px solid #ddd;
}
.list-thumb-row3 .list-thumb-item:nth-of-type(3n+2) > .border {
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
}
.list-thumb-item > .border {
    height:100%;
    border-bottom:1px solid #ddd;
}
.list-thumb-img {
    text-align: center;
    margin:0;
    width: 100%;
    display:table;
}
.list-thumb-img > p {
    display:table-cell;
    vertical-align:middle;
}
.list-thumb-img > p > img {
    max-width:90%;
    max-height:100px;
}
.list-thumb-txt {
    width:99%;
    margin: 0 auto;
}

.list-picture:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.list-picture-item {
    float:left;
    width: 50%;
    height:200px;
    position: relative;
    margin-top:-1px;
}
.picture-list > ul > li > .border {
    height:100%;
    border-bottom:1px solid #ddd;
}
.picture-list > ul > li:nth-of-type(odd) > .border {
    border-right:1px solid #ddd;
}

.picture-list > ul > li > .border >.thumb {
    text-align: center;
    margin:0;
    height:130px;
    width: 100%;
    display:table;
}
.picture-list > ul > li > .border > .thumb > p {
    display:table-cell;
    vertical-align:middle;
}
.picture-list > ul > li > .border > .thumb img {
    max-width:90%;
    max-height:100px;
}
.picture-list > ul > li > .border > .info {
    clear:both;
    background:#f5f5f5;
    width:90%;
    margin: 0 auto;
}
.picture-list > ul > li > .border > .info > p {
    padding:10px;
}
.picture-list > ul > li > .border > .info > p > span {
    display: block;
    font-size:12px;
    white-space:nowrap;
    text-overflow:clip;
    overflow:hidden;
}

.list-group-heading {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin-bottom: -1px;
    background-color: #F2ECE6;
    border: 1px solid #ddd;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-borderitem {
    position: relative;
    display: block;
    padding:0 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-item > .list-group-item:first-child {
    border-top: 0;
}
.list-group-item > .list-group-item:last-child {
    border-bottom: 0;
}
.list-group-heading  > .fr,
.list-group-item > .fr {
    position: absolute;
    top:0;
    right:10px;
    height:100%;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.list-group-insertmod .list-group-heading,
.list-group-insertmod .list-group-item,
.list-group-insertmod .list-group-borderitem {
    border-left:0;
    border-right:0;
}
.list-group-insertmod .list-group-heading:first-child,
.list-group-insertmod .list-group-item:first-child  {
    border-top:0;
}

.list-noborder {
    border:0;
}

.list-mycolor {
    border-color:#FFE297;
    background: #FFF3D5;
}

.list-mycolor-border {
    border-color:#FFE297;
}


.form-box {
    font-size:14px;
}
.form-box .form-item,
.form-box .form-submit {
    margin-bottom:10px;
    padding:0;
}
.form-box .form-item:after,
.form-box .form-submit:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.form-box .form-submit {
    margin-bottom:0;
}
.form-box .form-item label {
    display:block;
}
.form-box .form-item > label {
    margin-bottom:5px;
}
.form-item-top{
    height: 28px;
    line-height: 28px;
}
.chooseStart .item-inline{
    padding-top:8px;
}
.chooseStart .item-inline label{
    margin-left:5px;
}
.form-box .item-inline.center > label{
    display:inline-block;
    margin:0 20px;
}
.form-box .item-inline > label {
    display:inline;
    margin-right:5px;
}
.form-box fieldset {
    border:1px solid #ccc;
    background: #fffdf7;
    padding: 10px;
}
.form-box .group {
    margin-bottom: 10px;
}
.form-item .form_xf{
    height: 38px!important;
    line-height: 38px!important;
    background: #fffdf7;
    text-indent: 8px;
}
.form-item .form_dpnr{
    background: #fffdf7;
    text-indent: 8px;
    line-height:24px;
}
.form-box .form-item input[type="text"],
.form-box .form-item input[type="password"],
.form-box .form-item input[type="email"],
.form-box .form-item input[type="number"],
.form-box .form-item input[type="url"],
.form-box .form-item input[type="tel"]
{
    line-height: 28px;
    padding:1px 2px;
    width: 100%;
    border:1px solid #ccc;
    height:28px;
    border-radius:0;
    box-shadow:none;
}
.form-box .form-item input[type="checkbox"],
.form-box .form-item input[type="radio"]
{
    margin-right:5px;
}
.form-box .form-item textarea {
    width: 100%;
    border:1px solid #ccc;
    height: 80px;
    padding: 2px;
    border-radius:0;
    box-shadow:none;
}
.form-box .form-item select {
    width: 100%;
    border-radius:0;
}
.form-box .form-error {
    color:red;
    font-size:12px;
}

.pagination {
    margin-top:10px;
    text-align:center;
    color: #fbdd50;
}
.pagination a {
    width: 100%;
    color: #333;
    background: none;
    border: none;
    margin: 5px 0;
    padding: 6px 0;
}

/************ base addition ******************/

.panel-heading > .fr .btn-sm {
    margin-top:-6px;
}
.panel-heading > .fr .label-big {
    position: relative;
    top:1px;
}
.richtxt-img-defaultsize > .fl {
    width:80px;
    text-align:center;
}
.richtxt-img-defaultsize .richtxt-img {
    max-width:80px;
    max-height:60px;
    margin:2px auto 0;
}

.list_start_price {
    color: #808080;
    padding: 0 0 0 98px;
    margin:0;
    line-height:15px;
    font-size: 12px;
}
.list_start {
    background: url(../images/rating_xin.png) no-repeat;
    height:15px;
}

.s0 {background-position: 0 0;}
.s1 {background-position: 0 -20px;}
.s2 {background-position: 0 -40px;}
.s3 {background-position: 0 -60px;}
.s4 {background-position: 0 -80px;}
.s5 {background-position: 0 -100px;}

/*************header and footer***************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: white;
    overflow: hidden;
    background: #333333;
    z-index: 9;
}
.header:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.header > a,
.header > p,
.header > div {
    display:inline-block;
    position: absolute;
    top:0;
    z-index:10;
    color:#FFF;
    font-size:16px;
}
.header-title {
    width:100%;
    text-align:center;
    z-index:9 !important;
}
.header-left {
    left:10px;
}
.header-right {
    right:10px;
}
.header-img {
    max-height:24px;
    vertical-align:-15%;
}
.header-btn {
    display:inline-block;
    position: relative;
}
.header-btn:last-child {
    margin-right:0;
}
.header-btn >.header-img {
    vertical-align:-22%;
    max-height:20px;
    padding:4px 6px;
    border-radius: 5px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.header-btn .num {
    position: absolute;
    top:2px;
    left:20px;
    background:rgb(255,34,34);
    display: block;
    border-radius: 10px;
    font-size:10px;
    padding:4px 5px 3px;;
    line-height:10px;
    min-width: 10px;
    text-align: center;
    color:#f4f4f4;
    z-index:11;
}
.header .sdetail-btn {
    right: 12px;
}
.header .sdetail-btn a {
    display: inline-block;
    width: 21px;
    height: 44px;
    margin-left: 15px;
}
.header .go_home {
    background: url("../images/home.png") center center no-repeat;
    background-size: contain;
}

.header .collection {
    background: url("../images/collection.png") center center no-repeat;
    background-size: contain;
}
.header .collection.on {
    background: url("../images/star.png") center center no-repeat;
    background-size: contain;
}
.header .service {
    background: url("../images/service.png") center center no-repeat;
    background-size: contain;
}
.header .filter-btn {
    background: url("../images/filter.png") center center no-repeat;
    background-size: contain;
}
.header .map-icon {
    width: 18px;
    background: url("../images/map.png") center center no-repeat;
    background-size: contain;
}
.club-header {
    overflow: unset;
}
.header .club-drop-list {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    min-width: 100px;
    background: #111111;
    border-radius: 0 0 5px 5px;
    padding: 15px 10px;
}
.header .club-drop-list:after {
    content: '';
    position: absolute;
    top: -12px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3px;
    border-color: transparent transparent #111111 transparent;
}
.header .club-drop-list li {
    border-bottom: 1px solid #fff;
}
.header .club-drop-list li:last-child {
    border: none;
}
.header .club-drop-list a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    margin: 0;
}
.header .club-drop-list .on a {
    color: #e37d00;
}

.coupon-head {
    background: transparent;
}

.footer {
    text-align:center;
    color: #adadad;
    font-size: 12px;
    padding:10px 0;
}
.footer div {
    margin: 10px 0 12px;
}
.footer a {
    color: #adadad;
}
.footer .gray p {
    color: #d1d1d1;
    margin-top: 2px;
}


/************************ compatible *****************/

.info-operation {
    padding:5px;
    color:#808080;
    border-bottom:#DBD7D2 1px solid;
    line-height:28px;
    font-size: 14px;
}

.sub_btn {
    padding:8px 50px;
    display: inline-block;
    background: #ffdf5a;
    color: #444444;
    font-size: 12px;
    text-align: center;
    margin: 0 5px;
    border:1px solid #fbdd50;
    text-decoration: none;
    background:-webkit-linear-gradient(top, #fef488, #FEE26B);/* Safari, Chrome*/
    background:-moz-linear-gradient(top, #FEE26B, #FEE26B, #FEE26B);/* Firefox*/
    border-radius:2px;
}
.sub_btn:active  {
    background:-webkit-linear-gradient(top, #FEE26B, #fef488);/* Safari, Chrome*/
    background:-moz-linear-gradient(top, #fef488, #FEE26B, #fef488);/* Firefox*/
}
.abtn a.img{
    display: inline-block;
    width: 48px;
    height: 48px;
    background:url(../images/camera_upload.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
}
.abtn a.btn {
    padding:0 10px;
    line-height: 24px;
    display: inline-block;
    background: #ffdf5a;
    color: #444444;
    font-size: 12px;
    text-align: center;
    margin: 0 0 0 5px;
    border:1px solid #fbdd50;
    text-decoration: none;
    background:-webkit-linear-gradient(top, #fef488, #FEE26B);/* Safari, Chrome*/
    background:-moz-linear-gradient(top, #fef488, #FEE26B, #fef488);/* Firefox*/
    border-radius:2px;
    vertical-align: middle;
}
.abtn-disabled a {
    color:#808080;
    border:1px solid #ccc;
    background:-webkit-linear-gradient(top, #fff, #fff);/* Safari, Chrome*/
    background:-moz-linear-gradient(top, #fff, #808080, #fff);/* Firefox*/
}
.disabled a {
    background:-webkit-linear-gradient(top, #fff, #fff);/* Safari, Chrome*/
    background:-moz-linear-gradient(top, #fff, #808080, #fff);/* Firefox*/
}
.item-inline .starts{
    text-align: center;
    margin:5px auto;
}
.item-inline .starts i{
    display: inline-block;
    margin: 0 14px;
    width: 26px;
    height: 24px;
    background:url(../images/contact_icon.png) no-repeat;
    background-size:60px auto;
    background-position: -28px -36px;
}
.item-inline .starts i.on{
    background-position: 0 -36px;
}
.item-inline .text{
    font-size: 14px;
    color: #333;
}
.listview {
    margin:0;
    border:1px solid #ddd;
    background-color:#FFFDF7;
}
.listview li {
    position: relative;
    display: block;
    border-top: white 1px solid;
    border-bottom: #DBD7D2 1px solid;
    width: auto;
}
.listview li:first-child {
    border-top:0;
}
.listview li:last-child {
    border-bottom:none;
}
.listview li.heading {
    font-size:12px;
    font-weight: bold;
    margin:0;
    padding:4px 10px;
    background:#F2ECE6;
}
.listview li a.enter {
    display:block;
    line-height:40px;
    padding:0 10px;
}
.listview li div.longtxt {
    padding:10px 5px;
    line-height:150%;
    font-size:14px;
}
.listview li div.longtxt .status {
    display:inline-block;
    padding:1px 6px;
    border-radius: 4px;
    background: #eee;
    font-size:12px;
    color:#808080;
}
.listview li a.enter:after,
.listview li a.block:after,
.listview li div.longtxt:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.listview li .rightbox {
    position: absolute;
    right: 10px;
    top:0;
    text-align: center;
    height:100%;
    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    /* Safari, Chrome, and Opera */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}
.listview li .rightbox span.number {
    display: inline;
    padding:3px 8px;
    background: #969CB1;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    border-radius: 8px;
}

.info-box {
    background-color:#fffdf7;
    border:1px solid #ded6c9;
    border-radius:5px;
}
.info-box .info-box-li .info-box-a,.info-box .box-li-content {
    border-bottom:1px solid #ded6c9;
}
.info-box .info-box-li .info-box-a,.info-box .box-li-content .box-btn-more {
    padding:0;
    text-align:center;
}
.info-box .info-box-li .info-box-a,.info-box .box-li-content .box-btn-more a {
    display: block;
    padding: 10px 0;
}
.info-box .info-box-li:last-child .info-box-a {
    border-bottom:none;
}
.info-box .info-box-li .info-box-a {
    display:block;
    padding:11px 13px 10px;
    background:url(../images/ico_arr_up.png) 100% 60% no-repeat;
    font-size:.875em;
    color:#404040;
    font-weight:bold;
}
.info-box .info-box-li .info-box-a.on {
    background:url(../images/icon_arr_down.png) 100% 50% no-repeat;
}


.separate-line {
    clear: both;
    height: 10px;
    background: #f5f5f5;
}

.login-wrapper {
    min-height: 100vh;
    background: #f5f5f5;
    overflow: hidden;
}
.login-wrapper .form-box {
    margin: 0 30px;
}
.login-wrapper .form-box .logo {
    margin: 50px 0 45px;
}
.login-wrapper .form-box .form-item,
.dialog .form-item {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0 10px 12px;
}
.dialog .form-item {
    margin-bottom: 0;
}

.login-wrapper .form-box .form-item:last-child,
.dialog .form-item:last-child {
    text-align: center;
    border: none;
}
.login-wrapper .form-box .form-item > label,
.dialog .form-item >label {
    float: left;
    line-height: 28px;
    margin: 0;
}
.login-wrapper .form-box .form-item input,
.dialog .form-box .form-item input {
    display: block;
    width: 240px;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    margin-left: 48px;
}

.login-wrapper.register .form-box .form-item input,
.dialog .form-box .form-item input {
    width: 213px;
    margin-left: 75px;
}
.dialog .form-box .form-item input,
.dialog .form-box .form-item .input-box {
    margin-left: 60px;
}
.login-wrapper.register .form-box .form-item .input-box {
    margin-left: 75px;
}
.login-wrapper.register .form-box .form-item .input-box input,
.dialog .form-box .form-item .input-box input {
    margin: 0;
}
.login-wrapper.register .form-box .form-item .img-code,
.dialog .img-code {
    position: absolute;
    top: 10px;
    right: 0;
}
.login-wrapper.register .form-box .form-item .img-code img,
.dialog .img-code img {
    width: 91px!important;
    height: 30px!important;
}
.login-wrapper .link-btn {
    margin: 12px 8px;
}
.login-wrapper .link-btn .right {
    float: right;
}
.login-wrapper .form-box fieldset {
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 20px;
}
.login-wrapper .form-box fieldset legend {
    display: none;
}
.login-wrapper .form-box fieldset a {
    font-size: 0;
    margin-right: 40px;
}
.login-wrapper .form-box fieldset a img {
    width: 43px;
}
.login-wrapper .form-box fieldset a:last-child {
    margin: 0;
}
.login-icon {
    width: 258px;
    text-align: center;
    background: url("../images/login-icon.png") center center no-repeat;
    background-size: contain;
    margin: 40px auto 14px;
}
.remember-input {
    margin-bottom: 10px;
}
.remember-input a {
    color: #e37d00;
}
.remember-input input {
    margin-right: 4px;
}
.login-btn {
    height: 44px;
    font-size: 20px;
    background: #333333;
    border: none;
    border-radius: 22px;
}
.register .login-btn {
    margin: 20px 0 10px!important;
}
.register .form-box .form-item {
    padding-left: 0;
}
.register .form-box .form-item label,
.dialog .form-box .form-item label {
    display: inline-block;
    width: 60px;
    text-align: right;
}
.dialog .form-box .form-item label {
    width: 42px;
}
.register .tab-item {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
}
.register .tab-item .form-box {
    font-size: 0;
}
.register .tab-item .item {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    text-align: center;
    color: #333333;
    border-bottom: 2px solid transparent;
    padding-bottom: 14px;
}
.register .tab-item .item.on {
    border-color: #666666;
}
.register .none {
    display: none;
}
.register .abtn,
.dialog .abtn {
    position: absolute;
    top: 10px;
    right: 0;
}
.register .abtn a,
.dialog .abtn a {
    width: 91px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border: none;
    border-radius: 15px;
    background: #666666;
    margin: 0;
    padding: 5px 10px;
}
.register .remember-input {
    text-align: center;
}
.register .remember-input input {
    display: inline-block;
}

.register .protocol {
    height: 380px;
    line-height: 1.6;
    overflow: auto;
    padding: 20px;
}

.forget .bottom-an {
    text-align: center;
    margin-top: 8px;
}
.forget .hide {
    display: none;
}

.user-center-head {
    height: 150px;
    color: #fff!important;
    text-align: center;
    line-height: 1.6;
    background: url("../images/center-bg.jpg") top center no-repeat!important;
}
.user-center-head .richtxt-img {
    border: none;
    border-radius: 50%;
}
.user-center-head h2 {
    font-size: 14px;
    margin: 10px 0 0;
}
.user-center-head .vip {
    color: rgba(255, 255, 255, .7);
}

.list-group-insertmod .num-point {
    position: relative;
    overflow: hidden;
    margin: 0 24px;
}
.list-group-insertmod .num-point .line {
    position: absolute;
    top: 16px;
    left: 50%;
    width: 1px;
    height: 31px;
    background: #e37d00;
}
.list-group-insertmod a {
    position: relative;
    color: #666666;
    border-color: #e8e8e8;
}
.list-group-insertmod .num-point a {
    display: block;
    width: 50%;
    float: left;
    font-size: 12px;
    text-align: center;
    border: none;
}
.list-group-insertmod .num-point div {
    font-size: 18px;
    color: #333333;
}
.list-group-insertmod .list-group-item {
    padding: 12px;
}
.list-group-insertmod .user-wrapper {
    margin: 0 24px 0 54px;
    padding: 0 12px;
}
.list-group-insertmod .user-wrapper .list-group-item:last-child {
    border-bottom: none;
}
.list-group-insertmod .arrow, .list-group-item .arrow {
    width: 7px;
    height: 20px;
    background: url("../images/arrow1.png") center center no-repeat;
    background-size: contain;
}
.list-group-insertmod .list-group-item .label-default {
    display: inline-block;
    border-radius: 50%;
    margin-left: 6px;
}
.list-group-insertmod .icon {
    position: absolute;
    top: 8px;
    left: -29px;
    display: block;
    width: 18px;
    height: 28px;
    background: url("../images/user-icon.png") top center no-repeat;
    background-size: 100%;
}
.list-group-insertmod .icon1 {
    background-position-y: 6px;
}
.list-group-insertmod .icon2 {
    background-position-y: -26px;
}
.list-group-insertmod .icon3 {
     background-position-y: -55px;
}
.list-group-insertmod .icon4 {
    background-position-y: -86px;
}
.list-group-insertmod .icon5 {
    background-position-y: -116px;
}
.list-group-insertmod .icon6 {
    background-position-y: -148px;
}

.city-search .list-group-item {
    border-top: none;
}
.city-search .list-group-heading {
    border-top: 13px solid #f5f5f5;
    background: none;
    padding: 12px 12px 0;
}
.city-search .hot-city {
    padding: 12px;
}
.city-search .hot-city .icon {
    position: static;
    display: inline-block;
    vertical-align: middle;
    background-position-y: -118px;
}
.city-search .hot-city span {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
}
.city-search .hot-city .city-name {
    font-size: 15px;
    color: #111111;
    margin: 0 10px 0 4px;
}
.city-search .city-list {
    font-size: 0;
}
.city-search .hot-city-heading {
    margin: 16px 0 10px;
}
.city-search .city-list a {
    display: inline-block;
    width: 30%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #b9b9b9;
    margin: 0 5% 7px 0;
}
.city-search .city-list a:nth-last-child(3n) {
    margin-right: 0;
}

.news-list-wrapper {
    margin: 0 12px;
}
.news-list-item {
    padding: 12px 0!important;
    border: none;
    border-top: 1px solid #e8e8e8;
}
.news-list-item .richtxt-img-defaultsize img {
    float: right;
    width: 103px;
    height: 83px;
    max-width: none;
    max-height: none;
    border-radius: 0;
    margin: 0 0 0 -103px;
}
.news-list-item .richtxt-img-defaultsize {
    position: relative;
}
.news-list-item .richtxt-img-defaultsize > .richtxt-body {
    float: left;
    text-align: left;
    margin-right: 120px;
}
.news-list-item .richtxt-img-defaultsize > .richtxt-body h4 {
    color: #333;
}
.news-list-item .add-info {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    color: #999999;
    font-size: 12px;
}
.news-list-item .add-info span {
    margin-right: 10px;
}
.news-list-item .add-info .view {
    float: right;
    display: inline-block;
    background: url("../images/view.png") left center no-repeat;
    background-size: 18px auto;
    padding-left: 24px;
    margin-right: 120px;
}
.news-list-nav {
    line-height: 50px;
    border-bottom: 1px solid #e8e8e8;
}
.news-list-nav .swiper-slide {
    display: inline-block;
    width: auto;
    margin: 0 12px;
}
.news-list-nav .swiper-slide a {
    color: #333;
}
.news-list-nav .swiper-slide.on {
    border-bottom: 2px solid #e37d00;
}
.news-list-nav .swiper-slide.on a {
    color: #e37d00;
}
.news-detail .panel-heading {
    background: none;
    border-color: #e8e8e8;
}
.news-detail .panel-heading .txt-small {
    margin-top: 4px;
}
.news-detail .you-link .inner {
    margin: 0 12px;
}
.news-detail .you-link .inner a:first-child {
    border-top: none;
}
.news-detail .you-link .inner a:last-child {
    border-bottom: none;
}
.news-comment {
    height: 50px;
    background: #e8e8e8!important;
}
.news-comment .label-mycolor {
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    /*margin-top: 4px;*/
}
.news-comment .write-comment {
    display: inline-block;
    width: 280px;
    height: 28px;
    line-height: 23px;
    color: #666666;
    text-align: left;
    border-radius: 14px;
    background: #fdfdfd url("../images/write.png") 10px center no-repeat;
    background-size: 12px auto;
    padding-left: 32px;
}
.news-comment .fr {
    line-height: 30px;
}
.news-comment .fr a {
    color: #666666;
}
.news-comment .fr a span {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 20px;
    background: url("../images/news.png") 0 0 no-repeat;
    background-size: contain;
    margin-right: 20px;
    top: 5px;
}
.news-comment .fr a span i {
    position: absolute;
    top: -6px;
    right: -6px;
    font-style: normal;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    padding: 1px 6px 2px 6px;
    border-radius: 5px;
    background: #f0453c;
}

.search {
    position: relative;
    width: 250px;
    height: 28px;
    top: 8px!important;
    left: 75px;
}
.search-keyword {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 0 36px;
    font-size: 11px;
    color: #3C3C3C;
    background: #ebebeb;
    border-radius: 14px;
    border: none;
    outline: none;
}
.search-button {
    position: absolute;
    display:inline-block;
    left: 18px;
    top: 7px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    border: 0;
    width: 14px;
    height: 14px;
    background: url("../images/search.png") 0 0 no-repeat;
    background-size: contain;
    vertical-align:middle;
}

.news-search {
    width: 310px;
    left: 46px;
}


.subject-item {
    display: block;
    min-height: 90px;
    color: #666666;
    font-size:12px;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 0;
    overflow: hidden;
}
.subject-item:last-child {
    border-bottom: none;
}
.subject-item .post {
    float: left;
    display: block;
    width: 78px;
    height: 78px;
    border-radius: 4px;
    overflow: hidden;
}
.subject-item .info {
    position: relative;
    margin-left: 86px;
    margin-top: -2px;
}
.subject-item .info .title {
    font-size: 14px;
    color: #111111;
}
.subject-item .info .title span {
    vertical-align: middle;
}
/*.subject-item .info .title span.hui,.subject-item .info .title span.zhe {
    display: inline-block;
    font-size: 10px;
    color: #fff;
    background: #fea54c;
    line-height: 1;
    padding: 0 1px 2px;
    margin-left: 10px;
}*/
.subject-item .info .title span {
    position: relative;
}

.subject-item .info .title span.hui:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    top:0;
    left: 0;
    background: url('../images/discount_hui.png') no-repeat top left;
    background-size: 100% 100%;
}
.subject-item .info .title span.zhe:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    top:0;
    left: 0;
    background: url('../images/discount_zhe.png') no-repeat top left ;
    background-size: 100% 100%;
}
/*.subject-item .info .title span.zhe {
    background: #e9e3f6;
    color: #b79cf9;
}*/
.subject-item .info .pop span {
    vertical-align: middle;
    margin-left: 10px;
}
.subject-item .info .star {
    width: 13px;
    vertical-align: middle;
}
.tag {
    margin-top: 4px;
    line-height:20px;
}
.tag span {
    display: inline-block;
    color: #999999;
    font-size: 10px;
    border: 1px solid #999999;
    border-radius: 2px;
    padding: 0 4px 2px;
    margin: 0 5px 0 0;
}
.colour-tag span {
    font-size: 12px;
}
/*.colour-tag .color1 {
    color: #b79cf9;
    background: #e9e3f6;
    border-color: #9e87d7;
}*/

.colour-tag .color1 {
    border: 0;
    position: relative;
}

.colour-tag .color1:before {
    content: "";
    width: 22px;
    height: 20px;
    position: absolute;
    top:0;
    left: 0;
    background: url('../images/discount_zhe.png') no-repeat top left;
    background-size: 100% 100%;
}

.colour-tag .color2 {
    color: #e37d00;
    background: #f1ddc4;
    border-color: #ee640e;
}
.colour-tag .color3 {
    color: #67cefa;
    background: #d9edf6;
    border-color: #61c2eb;
}
.subject-item .distance {
    position: absolute;
    top: 30px;
    right: 0;
}
.price {
    position: absolute;
    top: 20px;
    right: 0;
    color: #e37d00;
    font-size: 12px;
}
.price .normal {
    color: #666666;
}
.price .num {
    font-size: 15px;
}

.hot-seller-list {
    margin: 12px 12px 0;
}
.hot-seller-list .img-wrapper {
    float: left;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.hot-seller-list .img-wrapper span {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background: #e37d00;
    border-radius: 0 0 4px 0;
}
.hot-seller-list .subject-item {
    position: relative;
}

.seller-detail {
    position: relative;
    overflow: hidden;
    height: 180px;
}
.seller-detail img {
    width: 100%;
    height: 180px;
}
.seller-detail .num {
    position: absolute;
    bottom: 6px;
    right: 12px;
    color: #fff;
    z-index: 1;
}
.seller-detail-content .panel-body {
    padding: 12px;
}
.seller-detail-content .top-panel {
    padding-bottom: 0;
}
.seller-detail-content .richtxt-body {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.seller-detail-content .star-wrapper {
    display: inline-block;
    width: auto;
    margin: 2px 0;
}
.contact_info li{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #333333;
    margin-left:26px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.contact_info li::before{
    content: '';
    position: absolute;
    top: 16px;
    left: -26px;
    width: 16px;
    height:15px;
    background:url(../images/contact_icon.png) no-repeat;
    background-size:60px auto;
}
.contact_info li.contact_iphone::before{
    background-position: 0 0;
}
.contact_info li.contact_qq::before{
    background-position: -19px 0;
}
.contact_info li.contact_wx::before{
    background-position: -38px 0;
}
.detail-info .detail_info_text{
    padding-right:50px;
}
.discount_info li{
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #333333;
    margin-left:38px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.discount_info li p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.discount_info li::before{
    content: '';
    position: absolute;
    top: 15px;
    left: -26px;
    width: 19px;
    height:18px;
    background:url(../images/contact_icon.png) no-repeat;
    background-size:60px auto;
}
.discount_info li.discount_money::before{
    background-position: 0 -17px;
}
.discount_info li.discount_zk::before{
    background-position: -21px -17px;
    top: 13px;
}
.seller-detail-content .star-wrapper span {
    margin: 0 0 0 0;
}
.star-wrapper .star {
    width: 12px;
    vertical-align: middle;
}
.star-wrapper span {
    vertical-align: middle;
    margin-left: 10px;
}
.seller-detail-content .item-subject-score > li {
    width: auto;
}
.seller-detail-content .item-subject-score > li > .fr {
    margin: 0 12px 0 10px;
}
.seller-detail-content .btn {
    position: absolute;
    bottom: 10px;
    right: 0;
    display: inline-block;
    color: #fff;
    background: #e37d00;
    border-radius: 4px;
    padding: 1px 4px;
}
.detail-info {
    position: relative;
    display: block;
    overflow: hidden;
    color: #333;
    padding: 12px 0 0;
}
.detail-info div {
    line-height: 1.5;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 12px;
    margin-left: 26px;
}
.detail-info span {
    color: #999999;
    font-size: 12px;
}
.detail-info i {
    float: left;
    width: 14px;
    height: 20px;
    background: url("../images/detail-icon.png") top center no-repeat;
    background-size: 100%;
}
.seller-detail-content .date i {
    background-position-y: 3px;
}
.seller-detail-content .place i {
    background-position-y: -19px;
}
.discount .dis1 i {
    background: url("../images/discount.png") center 3px no-repeat;
    background-size: 100%;
}
.discount .dis2 i {
    background: url("../images/discount.png") center -19px no-repeat;
    background-size: 100%;
}
.discount .dis3 i {
    background: url("../images/discount_hui.png") center no-repeat;
    background-size: 100%;
}
.discount .dis4 i {
    background: url("../images/discount_zhe.png") center no-repeat;
    background-size: 100%;
}
.seller-detail-content .place div,.discount .dis2 div {
    border: none;
}
.seller-detail-content .detail-info .mobile {
    position: absolute;
    top: 50%;
    right: 0;
    border-left: 1px solid #e8e8e8;
    padding-left: 17px;
    margin-top: -12px;
}
.seller-detail-content .detail-info .mobile i {
    display: inline-block;
    width: 21px;
    height: 24px;
    background: url("../images/mobile.png") center center no-repeat;
    background-size: contain;
}
.discount {
    padding: 0 12px;
}
.discount i {
    /*width: 18px;*/
    width: 21px;
}
.seller-detail-content .colour-tag {
    margin: 12px 0 4px;
}
.seller-detail-content .arrow-top {
    height: 20px;
    background: url("../images/arrow-top.png") center center no-repeat;
    background-size: 20px;
    padding: 10px 0;
    margin-top: 10px;
    transform-origin: center center;
    transform: rotate(0deg);
}
.seller-detail-content .arrow-top.down {
    transform: rotate(180deg);
}
.seller-detail-content .content {
    display: none;
}
.seller-detail-content .tab-nav {
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
}
.seller-detail-content .tab-nav div {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    border-bottom: 2px solid transparent;
    padding-bottom: 12px;
}
.seller-detail-content .tab-nav div.on {
    color: #e37d00;
    border-color: #e37d00;
}
.seller-detail-content .tab-container {
    display: none;
}
.seller-detail-content .tab-container.on {
    display: block;
}
.seller-detail-content .tab-container .avatar {
    float: left;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    overflow: hidden;
}
.seller-detail-content .tab-container .comment-n {
    font-size: 12px;
    color: #666;
    margin-left: 36px;
}
.seller-detail-content .tab-container .comment-n .date {
    color: #999;
    font-size: 10px;
    margin-bottom: 6px;
}
.seller-detail-content .tab-container .comment-n .user-name {
    color: #333;
}
.seller-detail-content .tt {
    line-height: 1.5;
    margin-top: 6px;
    font-size: 0.26rem;
}

.seller-detail-content .tab-container .item {
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 0;
}
.seller-detail-content .tab-container .view-more {
    text-align: center;
    color: #666666;
    border: none;
}
.seller-detail-content .tab-container .view-more span {
    vertical-align: middle;
}
.seller-detail-content .tab-container .view-more .arrow {
    margin-left: 12px;
}
.seller-detail-content .img-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.seller-detail-content .img-wrapper img {
    width: 100px;
    height: 75px;
    border-radius: 5px;
    overflow: hidden;
}
.seller-detail-content .img-wrapper .total, .comment-wrapper .total {
    position: absolute;
    flex: 0;
    display: block;
    bottom: 8px;
    right: 10px;
    width: 44px;
    height: 15px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    text-align: right;
    border-radius: 4px;
    background: rgba(0, 0, 0, .7) url("../images/picture.png") 4px center no-repeat;
    background-size: 11px;
    padding-right: 4px;
}
.seller-detail-content .seller-img {
    overflow: hidden;
    margin-top: 12px;
}
.seller-detail-content .seller-img a {
    display: block;
    float: left;
    width: 32%;
    height: 84px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 4px;
}
.seller-detail-content .seller-img img {
    width: 100%;
    height: 100%;
}
.seller-detail-content .seller-img a:nth-of-type(3n) {
    margin-right: 0;
}
.seller-detail-content .you-link h3 {
    font-size: 16px;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px
}
.seller-detail-content .you-link .subject-item:last-child {
    border: none;
}

.club-list {
    background: #030002;
    min-height: 100vh;
    padding: 12px;
}
.club-list .list-group-item {
    position: relative;
    background: #fff;
    border-radius: 5px;
    border: none;
    overflow: hidden;
    padding: 12px;
    margin-bottom: 12px;
}
.club-list .list-group-item:last-child {
    margin: 0;
}
.club-list .list-group-item .flag1 {
    background: url("../images/flag1.png") 0 0 no-repeat;
}
.club-list .list-group-item .flag2 {
    background: url("../images/flag2.png") 0 0 no-repeat;
}
.club-list .list-group-item .flag3 {
    background: url("../images/flag3.png") 0 0 no-repeat;
}
.club-list .list-group-item .flag {
    position: absolute;
    top: 0;
    left: 14px;
    width: 33px;
    height: 40px;
    background-size: contain;
}
.club-list .list-group-item .no-flag {
    left: 0;
    width: 40px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #e37c00;
    border-radius: 0 0 4px 0;
}

.club-list .list-group-item .title {
    text-align: center;
    color: #333;
    margin-bottom: 12px;
}
.club-list .list-group-item .post {
    width: 100%;
    height: 156px;
    border-radius: 5px;
}
.club-list .list-group-item .star-wrapper {
    margin: 6px 0 0;
}
.club-list .list-group-item .price {
    top: auto;
    right: 16px;
    bottom: 12px;
}
.club-list .pagination a {
    color: #fff;
}
.coupon-list {
    min-height: 100vh;
    background: #f3f3f3;
    padding: 12px 12px 0;
}
.coupon-list .subject-item {
    font-size: 14px;
    background: #fff;
    border-radius: 5px;
    padding: 12px 12px 0;
}
.coupon-list .main-seller-info {
    display: block;
    margin-bottom: 12px;
}
.coupon-list .discount {
    border-top: 1px solid #f5f5f5;
}
.coupon-list .period {
    margin: 2px 0;
}
.coupon-list .note {
    font-size: 10px;
}

.coupon-detail {
    margin: 0 15px 25px;
}
.coupon-detail .coupon-detail-item {
    padding-top: 10px;
}
.coupon-detail .coupon-detail-item .lists2 {
    display: flex;
    justify-content: space-around;
}
.coupon-detail .coupon-detail-item .lists2 div {
    font-size: 0px;
    text-align: center;
    color: #333333;
    line-height: 1;
}
.coupon-detail .coupon-detail-item .lists2 div i {
    display: block;
    color: #999999;
    font-size: 28px;
    margin-bottom: 5px;
}
.coupon-detail .coupon-detail-item .lists2 div span {
    display: block;
    font-size: 14px;
    transform: scale(0.5);
}
.coupon-detail .item-btn a {
    display: inline-block;
    color: #fff;
    background: #e37d00;
    border-radius: 4px;
    padding: 6px 18px;
    margin-right: 10px;
}
.coupon-detail .title {
    height: 12px;
    border-bottom: 1px solid rgba(227, 125, 0, .2);
    margin: 17px 0 30px;
}
.coupon-detail .title span {
    display: block;
    width: 85px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    border-radius: 12px;
    color: #e37d00;
    border: 1px solid #e37d00;
    background: #f9e5cc;
    margin: 0 auto;
}
.coupon-detail .activity-group {
    margin-bottom: 27px;
    overflow: hidden;
}
.coupon-detail .activity-group2 {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}
.coupon-detail .activity-group2 p {
    line-height: 1;
    margin-bottom: 10px;
}
.coupon-detail .activity-group2 p:last-child {
    margin-bottom: 0px;
}
.coupon-detail .group-left {
    float: left;
    width: 262px;
    margin-right: 7px;
}
.coupon-detail .group-right {
    padding-top: 15px;
    /*btn*/
    float: right;
}
.coupon-detail .group-right .bottom {
    width: 70px;
    height: 25px;
    background: #e37d00;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    border-radius: 3px;
}

.coupon-detail .lab {
    background: url("../images/biao.png") no-repeat;
    background-size: 50px;
    width: 48px;
    height: 25px;
    font-size: 12px;
    color: #ffffff;
    text-indent: 5px;
}
.coupon-detail .lab .num {
}
.coupon-detail .tag span {
    color: #666;
    font-size: 12px;
    padding: 0 6px 2px;
}
.coupon-detail .lists {
    line-height: 1.6;
}
.coupon-detail .lists .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e37d00;
    margin-right: 8px;
}
.coupon-detail .lists span {
    display: inline-block;
    vertical-align: middle;
}

.mapsearch-form {
    width: 282px;
    left: 46px;
}
.rail-border-4 {
    padding: 0 12px;
}
.rail-border-4 h3 {
    font-weight: normal;
}
.rail-border-4 .img-wrapper {
    position: relative;
    float: left;
    border-radius: 4px;
    overflow: hidden;
}
.rail-border-4 .img-wrapper span {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}
.rail-border-4 .img-wrapper span i {
    position: absolute;
    top: -2px;
    left: 4px;
    z-index: 10;
    font-style: normal;
    font-size: 10px;
}
.rail-border-4 .img-wrapper span:after {
    content: '';
    position: absolute;
    top: -18px;
    left: -18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px;
    border-color: transparent #999999 transparent transparent;
    transform: rotate(45deg);
}
.rail-border-4 .img-wrapper span.on:after {
    border-color: transparent #e37d00 transparent transparent;
}

.mapsearch-subject-infow .picture {
    width: 120px;
    margin-right: 14px;
}
.mapsearch-subject-infow .picture img {
    width: 100%;
}
.mapsearch-subject-infow td {
    display: inline-block;
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.map-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 93vh;
    box-sizing: border-box;
}
.map-wrapper .rail-border-1 {
    flex: none;
}
.map-wrapper .rail-border-4 {
    flex: 1;
    overflow: auto;
}
.map-wrapper .nav-banner {
    position: relative;
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    z-index: 2;
}
.map-wrapper .nav-banner:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    width: 1px;
    height: 20px;
    background: #e8e8e8;
}
.map-wrapper .nav-banner .menu-iten {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 50px;
}
.map-wrapper .nav-banner i {
    position: relative;
    top: -5px;
    width: 0;
    height: 0;
    border-width: 8px 6px;
    border-style: solid;
    border-color: transparent transparent #666666 transparent;
    margin-left: 10px;
    transform-origin: center center;
}
.map-wrapper .nav-banner i, .map-wrapper .nav-banner span {
    display: inline-block;
    vertical-align: middle;
}
.map-wrapper .nav-banner .menu-iten.on {
    color: #e37d00;
}
.map-wrapper .nav-banner .menu-iten.on i {
    top: 5px;
    border-color: transparent transparent #e37d00 transparent;
    transform: rotate(180deg);
}
.map-wrapper .near-wrapper, .map-wrapper .auto-order-wrapper {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 435px;
    background: #fff;
    z-index: 1;
    overflow: auto;
}
.map-wrapper .auto-order-wrapper {
    height: 350px;
}
.map-wrapper .mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
}
.map-wrapper li {
    line-height: 40px;
}
.map-wrapper li span {
    float: right;
}
.map-wrapper li.on {
    background: #f5f5f5;
}
.map-wrapper li.on a {
    color: #e37d00;
}
.map-wrapper li a {
    display: block;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 12px;
}
.map-wrapper .near-wrapper .left-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 34%;
    max-height: 435px;
    overflow: auto;
    padding-bottom: 40px;
}
.map-wrapper .near-wrapper .right-con {
    position: absolute;
    top: 0;
    left: 34%;
    width: 66%;
    height: 100%;
    overflow: auto;
    background: #f5f5f5;
    padding-bottom: 38px;
}
.map-wrapper .near-wrapper .right-con ul {
    display: none;
}
.map-wrapper .near-wrapper .right-con ul.on {
    display: block;
}
.map-wrapper .near-wrapper .right-con li a {
    margin: 0 0 0 23px;
    padding-right: 12px;
}
.map-wrapper .auto-order-wrapper li:last-child a {
    border-bottom: none;
}
.map-wrapper .auto-order-wrapper li a {
    padding-left: 12px;
}
.map-wrapper .near-wrapper .right-con li.on, .map-wrapper .auto-order-wrapper li.on {
    background: url("../images/checked.png") 8px center no-repeat;
    background-size: 10px;
}

.comment-wrapper .block {
    overflow: hidden;
    padding: 12px;
}
.comment-wrapper .swiper-list {
    padding-top: 4px;
}
.comment-wrapper .img-box {
    position: relative;
    float: left;
    width: 49%;
    height: 156px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 2%;
}
.comment-wrapper .small-box {
    float: left;
    width: 49%;
}
.comment-wrapper .box2 {
    display: block;
    width: 100%;
    height: 75px;
}
.comment-wrapper .box2:first-child {
    margin-bottom: 6px;
}
.comment-wrapper .img-box img, .comment-wrapper .avatar img  {
    width: 100%;
    height: 100%;
}
.comment-wrapper .dis {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    padding: 0 12px;
}
.comment-wrapper .dis .num {
    position: absolute;
    bottom: 0;
    right: 12px;
    background: url("../images/comments.png") center left no-repeat;
    background-size: 16px 15px;
    padding-left: 22px;
}
.comment-wrapper .title i {
    display: inline-block;
    font-style: normal;
    font-size: 10px;
    color: #fff;
    background: #e37d00;
    border-radius: 2px;
    padding: 0 2px;
    margin-right: 4px;
}
.comment-wrapper .swiper-list .title {
    background: url("../images/vip.png") left center no-repeat;
    background-size: 19px;
    padding-left: 24px;
}
.comment-wrapper .inner {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 12px 6px;
    border-radius: 4px;
    margin-top: 12px;
}
.comment-wrapper .avatar {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 11px;
}
.comment-wrapper .name {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #333;
}
.comment-wrapper .name i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/diamonds.png") center center no-repeat;
    background-size: 100%;
    margin-left: 10px;
}
.comment-wrapper .name .time {
    font-size: 10px;
    color: #666;
}
.comment-wrapper .thumbs {
    float: right;
    background: url("../images/thumbs.png") left 1px no-repeat;
    background-size: 14px 14px;
    padding-left: 20px;
    margin-top: 20px;
}
.comment-wrapper .content {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 10px;
    margin-top: 12px;
    overflow: hidden;
}
.comment-wrapper .content .content-title {
    vertical-align: middle;
    margin-right: 4px;
    font-size: 0.32rem;
}
.comment-wrapper .star-wrapper {
    display: inline-block;
}
.comment-wrapper .content .text {
    text-indent: 2em;
    font-size: 0.3rem;
    color: #666;
    margin-top: 4px;
}
.comment-wrapper .content .left {
    float: left;
    margin-right: 110px;
}
.comment-wrapper .content .left.no-img {
    margin: 0;
}
.comment-wrapper .content .right {
    position: relative;
    float: right;
    width: 100px;
    height: 68px;
    border-radius: 4px;
    overflow: hidden;
    margin-left: -100px;
}
.comment-wrapper .content .right img {
    width: 100%;
    height: 100%;
}
.person-lists {
    margin-top: 12px;
}
.person-lists .swiper-slide {
    width: 60px;
    font-size: 12px;
    text-align: center;
}
.person-lists .swiper-slide p {
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.person-lists .swiper-slide .avatar {
    margin: 0 auto 4px;
}
.comment-wrapper .menu {
    margin-bottom: 20px;
}
.comment-wrapper .menu div {
    display: inline-block;
    border-radius: 20px;
    padding: 2px 8px;
    margin-right: 10px;
}
.comment-wrapper .menu div.on {
    color: #fff;
    background: #e37d00;
}
.comment-wrapper .menu-wrapper {
    display: none;
}
.comment-wrapper .menu-wrapper.on {
    display: block;
}
.comment-wrapper .menu-wrapper .name p {
    display: inline-block;
}
.comment-wrapper .menu-wrapper .name p .time {
    margin-left: 10px;
}
.comment-wrapper .menu-wrapper .thumbs {
    margin: 2px;
}

.shop-coupon {
    min-height: 100vh;
    background: #040000 url("../images/shop-coupons.jpg") center top no-repeat;
    background-size: 100%;
    margin-top: -44px;
    padding: 138px 12px 12px;
}
.shop-coupon .sc-item {
    position: relative;
    font-size: 12px;
    color: #fff;
    border: 1px solid #918c81;
    border-radius: 4px;
    background: #040000;
    overflow: hidden;
    padding: 12px;
    margin-bottom: 6px;
}
.shop-coupon .sc-item .copyright {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 9px;
    color: #333333;
}
.shop-coupon .sc-item:last-child {
    margin: 0;
}
.shop-coupon .sc-item .left-wrapper {
    position: relative;
    float: left;
    width: 150px;
    height: 115px;
    border-radius: 4px;
    overflow: hidden;
}
.shop-coupon .sc-item .left-wrapper img {
    width: 100%;
    height: 100%;
}
.shop-coupon .sc-item .left-wrapper .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, .5);
    padding: 0 6px;
}
.shop-coupon .sc-item .right-wrapper {
    margin-left: 158px;
}
.shop-coupon .sc-item .right-wrapper .shop-name {
    color: #666666;
}
.shop-coupon .sc-item  .price-detail {
    position: relative;
    margin: 24px 0 6px 8px;
}
.shop-coupon .sc-item  .price-detail .old-price {
    color: rgba(255, 255, 255, .5);
    text-decoration: line-through;
}
.shop-coupon .sc-item  .price-detail .new-price {
    font-size: 20px;
}
.shop-coupon .sc-item  .price-detail .num {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    line-height: 1;
}
.shop-coupon .sc-item  .price-detail .num span {
    font-size: 40px;
}
.shop-coupon .sc-item .receive {
    float: right;
    display: inline-block;
    width: 84px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    color: #000;
    border: 1px solid #fff84c;
    border-radius: 6px;
    background: #fbc522;
    background: -moz-linear-gradient(top,  #fef587 0%, #fbc522 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef587), color-stop(100%,#fbc522));
    background: -webkit-linear-gradient(top,  #fef587 0%,#fbc522 100%);
    background: -o-linear-gradient(top,  #fef587 0%,#fbc522 100%);
    background: -ms-linear-gradient(top,  #fef587 0%,#fbc522 100%);
    background: linear-gradient(to bottom,  #fef587 0%,#fbc522 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef587', endColorstr='#fbc522',GradientType=0 );
    margin-top: 16px;
}
.dialog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
}
.dialog .close {
    position: absolute;
    top: -42px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("../images/close.png") 0 0 no-repeat;
    background-size: 100%;
    z-index: 1;
}
.dialog .dialog-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 330px;
    background: #fff;
    border-radius: 20px;
    margin: -190px 0 0 -165px;
}

.dialog .dialog-content .title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 50px;
}
.dialog .dialog-content .bg-img {
    position: absolute;
    top: -58px;
    left: 0;
    width: 100%;
}
.dialog .form-box {
    margin: 0 20px;
    padding: 24px 0 40px;
}
.dialog .form-box .btn-group-vertical {
    margin-top: 20px;
}
.dialog .success {
    display: none;
}
.dialog .note {
    text-align: center;
}
.dialog .return-btn .btn {
    font-size: 14px;
    background: #e37d00;
}
.see_more_on_list {
    margin: 11px auto;
    display: block;
    text-align: center;
}