@charset "utf-8";

strong{
    font-size:16px;
}
*{
    font-size:16px;
}
.color-white{
    color:#ffffff;
}
.no-margin{
    margin:0 auto;
}
.no-padding{
    padding:0px;
}
.margin-5{
    margin:5px;
}
.margin-10{
    margin:10px;
}
.font-9{
    font-size: 9px;
}
.font-10{
    font-size: 10px;
}
.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}

.list-block input[type=text], .list-block input[type=password], .list-block input[type=email], .list-block input[type=tel], .list-block input[type=url], .list-block input[type=date], .list-block input[type=datetime-local], .list-block input[type=time], .list-block input[type=number], .list-block input[type=search], .list-block select, .list-block textarea{
    font-size:16px;
}
.center{
    text-align: center;
}
h1.title{
    font-size:18px;
}
.font12{
    font-size:12px;
}
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font-normal{
    font-style: normal;
}
.bg-white{
    background: #ffffff;
}
.color000{
    color:#000;
}
.color333{
    color:#333;
}
.color666{
    color:#666;
}
.color999{
    color:#999
}
.color-blue{
    color:#3a5ba8;
}
.color-green{
    color:#66bb46;
}
.margin-10-0{
    margin:10px 0px;
}
.margin-15-0{
    margin:15px 0px;
}
.margin-20-0{
    margin:20px 0px;
}
.margin-10{
    margin:10px;
}
.margin-15{
    margin:15px;
}
.margin-20{
    margin:20px;
}


/*button-row*/
.buttons-row .button{
    border-color:rgb(2,72,69);
    color:rgb(2,72,69);
}
.buttons-row .button.active{
    background-color:rgb(2,72,69);
}
.button.active, .button.active:active{
    color: rgb(2,72,69);
    border-color: rgb(2,72,69);
}

.footer-menu{
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #350d00), color-stop(1, #3d1201));
	color:#9e8980;
}
.footer-menu a{
	color:#9e8980;
}
.footer-menu a.active{
	color:#dfce93;
}
.footer-menu .menu-cn {
    font-weight:lighter;
	font-size:0.85rem;
}

.footer-menu span{
    color: #9e8980;
}

.footer-menu .active span{
    color: #dfce93;
}

.common-banner{
    width:100%;
    overflow: hidden;
}
.common-banner img{
    width:100%;
}

/*home*/
.home-header{
    width:100%;
    text-align: center;
    padding:0px;
    line-height: 1px;
    box-shadow: 2px 1px 1px #999;
    margin-bottom:2px;
}
.home-header img{
    width:100%;
    margin:0 auto;
}
.home-menu{
    margin:0 auto;
}
.home-menu .row{
    border-bottom:1px #efefef solid;
    margin:0 auto;
    text-align: center;
}
.home-menu h3{
    border-bottom:1px #efefef solid;
    padding:22px 0px 15px 0px;
    margin:0 auto;
    text-align: center;
    font-size:18px;
    color:#999;
}
.home-menu .row .col-33{
    border-right:1px #efefef solid;
    padding:25px 0px;
}
.home-menu .row .col-33:nth-child(3){
    border-right:0px #efefef solid;
}
.home-menu .row .col-33 a{
    color:#666;
}
.home-menu-img{
    text-align: center;
}
.home-menu-img img{
    width:55%;
}

/*member home*/
.member-faq{
    font-size: 12px;
    color:#333;
}
.member-home-header {
    width: 100%;
    background: url(http://cache.cdn.dggapp.com/cache/upload/images/2019/03/21/4bcd95859e0727a12d00707b97bab9de.png);
    background-size: contain;
    text-align: center;
    color: #FFF;
}
.member-home-header .my-img {
    width: 4.8125em;
    height: 4.8125em;
    border-radius: 15em;
    border: 3px solid #FFF;
    box-shadow: inset 0 1px 8px rgba(0,0,0,0.2);
    margin-top: 1.8em;
    margin-bottom: .25em;
    display: inline-block;
    overflow: hidden;
    background-size: cover;
    background:#fff;
}
.member-home-header .my-img img{
    width:100%;
}
.member-home-header p {
    font-size: .75em;
    line-height: 1.5em;
    padding: 0px;
    margin: 0px;
}
.my-panel-item {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #666;
    padding:22px 0px;
}
/*Member Card*/
.member-card{
    width:96%;
    border-radius:13px;
    background:#3a5ba8;
    height:220px;
    margin:0 auto;
    position: relative;
    overflow:hidden;
}
.member-card-logo{
    position:absolute;
    left:5%;
    top:7%;
    width:50px;
    height:50px;
    border:2px #66bb46 solid;
    background:#fff;
    overflow: hidden;
    border-radius: 80px;
}
.member-card-no{
    position:absolute;
    left:7%;
    bottom:8%;
    color:#fff;
    z-index:999;
    text-shadow: 1px 1px 1px #0f265b;
}
.member-card-bg{
    position: absolute;
    right:10px;
    bottom:-10px;
    width:50%;
}
.member-card-bg img{
    width:100%;
    opacity:0.4;
}
.member-card-qrcode{
    position: absolute;
    right:20px;
    top:20px;
}
.member-card-qrcode img{
    width:32px;
}



/*merchant home*/
.merchant-faq{
    font-size: 12px;
    color:#333;
}
.merchant-home-header {
    width: 100%;
    background: url(http://cache.cdn.dggapp.com/cache/upload/images/2019/03/21/4bcd95859e0727a12d00707b97bab9de.png);
    background-size: contain;
    text-align: center;
    color: #FFF;
}
.merchant-home-header .merchant-img {
    width: 4.8125em;
    height: 4.8125em;
    border-radius: 15em;
    border: 3px solid #FFF;
    box-shadow: inset 0 1px 8px rgba(0,0,0,0.2);
    margin-top: 1.8em;
    margin-bottom: .25em;
    display: inline-block;
    overflow: hidden;
    background-size: cover;
    background:#fff;
}
.merchant-home-header .merchant-img img{
    width:100%;
}
.merchant-home-header p {
    font-size: .75em;
    line-height: 1.5em;
    padding: 0px;
    margin: 0px;
}
.merchant-panel-item {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #666;
    padding:22px 0px;
}
/*Merchant Card*/
.merchant-card{
    width:96%;
    border-radius:13px;
    background:#3a5ba8;
    height:220px;
    margin:0 auto;
    position: relative;
    overflow:hidden;
}
.merchant-card-logo{
    position:absolute;
    left:5%;
    top:7%;
    width:50px;
    height:50px;
    border:2px #66bb46 solid;
    background:#fff;
    overflow: hidden;
    border-radius: 80px;
}
.merchant-card-no{
    position:absolute;
    left:7%;
    bottom:8%;
    color:#fff;
    z-index:999;
    text-shadow: 1px 1px 1px #0f265b;
}
.merchant-card-bg{
    position: absolute;
    right:10px;
    bottom:-10px;
    width:50%;
}
.merchant-card-bg img{
    width:100%;
    opacity:0.4;
}
.merchant-card-qrcode{
    position: absolute;
    right:20px;
    top:20px;
}
.merchant-card-qrcode img{
    width:32px;
}



/*News*/
.news-list-header{
    width:100%;
    text-align: center;
    padding:0px;
    line-height: 1px;
    margin-bottom:0px;
}
.news-list-header img{
    width:100%;
    margin:0 auto;
}
.news-detail-content img{
    max-width:100%;
}
.news-detail-header{
    line-height:150%;
    border-bottom:1px #efefef solid;
}
.news-detail-header h1{
    font-size:24px;
    font-weight:bold;
    color:#222;
    padding:0px;
    line-height:130%;
}
.news-detail-header p{
    font-size:14px;
    color:#999;
    width:100%;
    height:22px;
}
.news-detail-header p span{
    display:block;
    float:left;
    width:45%;
    margin:0 5% 0 0;
}
.news-detail-header p span:nth-child(2){
    display:block;
    float:left;
    width:45%;
    margin:0 0 0 5%;
    text-align: right;
}
.news-detail-main{
    padding:18px;
    line-height:150%;
    color:#333;
    font-size:14px;
}
.news-detail-main p{
    padding:5px 0px;
    margin:0px;
}
.news-detail-main p img{
    max-width:100%;
}


/*Goods Detail*/
.goods-detail-content img{
    width:100%;
}
.goods-detail-header{
    line-height:150%;
    border-bottom:1px #dedede solid;
}
.goods-detail-header .header-icon{
    padding:10px 0px 5px 0px;
    text-align:center;
}
.goods-detail-header .header-icon img{
    height:28px;
    width:auto;
}
.goods-detail-header h1{
    font-size:16px;
    font-weight:normal;
    color:#333;
    padding:0px 0px 8px 0px;
    margin:0px;
}
.goods-detail-header p{
    margin:0px;
    padding:0px;
}
.goods-detail-header .header-sales-price{
    font-size:22px;
    color:#ff0000;
}
.goods-detail-header .header-sales-price span{
    height:26px;
    line-height: 26px;
    float:left;
    padding-right:8px;
}
.goods-detail-header .header-sales-price span i {
    font-size:14px;
    font-style: normal;
}
.goods-detail-header .header-sales-price img{
    height:22px;
    border:1px #ee8c80 solid;
    border-radius:5px;
    width:auto;
}
.goods-detail-header .header-market-price{
    font-size:12px;
    color:#bbb;
    text-decoration: line-through;
}
.goods-detail-content-main{
    padding:18px;
    line-height:150%;
    color:#333;
}
.goods-detail-content-main p{
    padding:5px 0px;
}
.goods-detail-content-main p img{
    max-width:100%;
}

/*stores intro*/
.stores-intro-more{float:left;}
.stores-intro-more span{font-style: normal;color:#666;}
.stores-intro-all{float:left;display:none;}


/*favourable*/
.favourable-list ul{clear:both;width:100%;margin:0 auto;padding:0px 0px 10px 0px;}
.favourable-list h1{border-left:5px #6633CC solid;}
.favourable-list ul li{display:block;width:98%;background:#fff;position:relative;margin:0px 1% 0px 1%;border-bottom:1px #efefef solid;padding:8px 0px;}
.favourable-list ul li:last-child{border-bottom:0px;}
.favourable-list ul li a:focus{background:#ccc;outline: thin dotted;}
.favourable-list-item{width:auto;float:none;}
.favourable-list-item h3{color:#000;font-weight:normal;font-size:16px;margin:0px 8px 15px 8px;height: 20px;overflow: hidden;line-height: 22px;}
.favourable-list-item p{color:#888;font-weight:normal;font-size:14px;padding:5px 8px 5px 8px;margin:0px;line-height: 20px;}
.favourable-list-item img{float:left;width:25%;margin-left:8px;margin-right:8px;max-width:180px;}
.news-contain{width:100%;}

.favourable-category{height:120px;width:100%;margin:0px;padding:20px 0px;border-bottom:1px #dedede solid;background:#f6f6f6;}
.favourable-category a{float:left;display:block;width:25%;text-align:center;color:#666;font-size:14px;}
.favourable-category .category-img{margin-bottom:0px;}
.category-on{color:#000;font-size:14px;}
.no-record{color:#666;text-align:center;padding:18px 0px;}
.favourable-category-1{background:#f27444;padding:0px 5px;font-size:12px;color:#fff;border-radius:3px;display:block;float:left;height:20px;line-height:20px;margin-right:5px;vertical-align: middle}
.favourable-category-2{background:#7859aa;padding:0px 5px;font-size:12px;color:#fff;border-radius:3px;display:block;float:left;height:20px;line-height:20px;margin-right:5px;vertical-align: middle}
.favourable-category-3{background:#4c8ec1;padding:0px 5px;font-size:12px;color:#fff;border-radius:3px;display:block;float:left;height:20px;line-height:20px;margin-right:5px;vertical-align: middle}
.favourable-category-4{background:#408029;padding:0px 5px;font-size:12px;color:#fff;border-radius:3px;display:block;float:left;height:20px;line-height:20px;margin-right:5px;vertical-align: middle}
.favourable-category-5{background:#99771a;padding:0px 5px;font-size:12px;color:#fff;border-radius:3px;display:block;float:left;height:20px;line-height:20px;margin-right:5px;vertical-align: middle}
.favourable-category-6{background:#9a3094;padding:0px 5px;font-size:12px;color:#fff;border-radius:3px;display:block;float:left;height:20px;line-height:20px;margin-right:5px;vertical-align: middle}

.favourable-detail-header{
    position:fixed;
    left:0px;
    top:0px;
    z-index:888;
    height:50px;
    width:100%;
    border-bottom:1px #030303 solid;
    text-align:center;
    background:url(images/index-header-bg.jpg) #201b01 center center;
    background-size:cover;
    color:#fff;
}
.favourable-detail-header p{
    height:50px;
    line-height:50px;
    font-size:20px;
}
.favourable-detail-header a.history-back{
    position:fixed;
    left:10px;
    top:8px;
    width:32px;
    height:32px;
    z-index:999;
}
.favourable-detail-header a.history-back img{
    width:100%;
}
.favourable-detail-header-cover{
    background-size:cover;
    width:100%;
    height:220px;
    position:relative;
}
.favourable-detail-cover{
    padding:0px;
    width:100%;
}
.favourable-detail-cover img{
    padding:0px;
    width:100%;
}
.favourable-detail-content img{
    width:100%;
}
.favourable-detail-content-header{
    line-height:150%;
    border-bottom:1px #dedede solid;
}
.favourable-detail-content-header h1{
    font-size:20px;
    font-weight:normal;
    color:#b02f0c;
    padding:0px 0px 8px 0px;
    line-height:130%;
}
.favourable-detail-content-header p{
    font-size:14px;
    color:#666;
}
.favourable-detail-content-main{
    padding:18px;
    line-height:150%;
    color:#333;
}
.favourable-detail-content-main p{
    padding:5px 0px;
}
.favourable-detail-content-main p img{
    max-width:100%;
}


.favourable-order-space{
    width:100%;
    height:48px;
}
.favourable-order{
    position:fixed;
    left: 0px;
    bottom:0px;
    height:48px;
    line-height:48px;
    font-size:16px;
    width:100%;
    background:#111;
    color:#fff;
}
.favourable-order-price{
    padding:0px 8px;
    font-size:1.3em;
}
.favourable-order-btn{
    float:right;
    display:block;
    width:120px;
    height:48px;
    background:#f43838;
    font-size:18px;
    color:#fff;
    text-align:center;
}
.favourable-order-btn a{
    color:#fff;
}
.view{
    float:right;
    color:#666;
    font-size:14px;
    font-family: Arial;
}
.view i{display: inline-table;
    width: 18px;
    height: 18px;
    background: url(http://img.qoapp.com/mobile/legend/common/images/icon-view.png);
    background-size: cover;
    vertical-align: middle;
    margin:2px;
}

.form-tip {
    display: none;
    position: fixed;
    left: 0px;
    top: 43px;
    background: #000 none repeat scroll 0% 0%;
    opacity: 0.8;
    color: #f6ff00;
    font-size: 14px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    z-index: 999;
}
.praise{
    position:absolute;
    left:8px;
    top:10px;
    padding:3px 8px;
    display:block;
    color:#6699b9;
    background:#fff;
    height:28px;
    text-align:center;
    z-index:555;
    border-radius:60px;
    font-size:9px;
    font-family:Arial;
    overflow:hidden;
    opacity: 0.9;
}
.praise span{display: inline-table;
    width: 16px;
    height: 16px;
    background: url(http://img.qoapp.com/mobile/legend/common/images/icon-zan.png);
    background-size: cover;
    vertical-align: top;
    margin:3px;
}
.praise i{
    font-size:15px;
    font-family: Arial;
    font-style:normal;
}
.fav{
    position:absolute;
    right:6px;
    top:10px;
    padding:3px 8px;
    display:block;
    color:#dd6452;
    background:#fff;
    height:28px;
    text-align:center;
    z-index:555;
    border-radius:60px;
    font-size:9px;
    font-family:Arial;
    overflow:hidden;
    opacity: 0.9;
}
.fav span{display: inline-table;
    width: 16px;
    height: 16px;
    background: url(http://img.qoapp.com/mobile/legend/common/images/icon-fav.png);
    background-size: cover;
    vertical-align: top;
    margin:3px;
}
.fav i{
    font-size:15px;
    font-family: Arial;
    font-style:normal;
}


/*Activity*/
.activity-detail-cover{
    padding:0px;
    width:100%;
}
.activity-detail-cover img{
    padding:0px;
    width:100%;
}
.activity-detail-content img{
    width:100%;
}

.activity-detail-content{
    padding:0px;
    line-height:150%;
    color:#333;
}
.activity-detail-content p{
    padding:5px 0px;
}
.activity-detail-content p img{
    max-width:100%;
}
.activity-link-result{
    background:#158ffe;
    color:#ffffff;
}
.activity-link-participation{
    background:#c12e2a;
    color:#ffffff;
}

/*index menu*/
.nav-menu-link{
    text-align:center;
    margin:5px 0px;
}
.nav-menu-link p{
    padding:0px;
    margin:0px;
    font-size:14px;
    color:#333;
}
.nav-menu-link img{
    width:60%;
}

/*threads*/
.thread-info-more{
    color:#999;
}
.thread-img{
    display:block;
    clear:both;
}
.thread-img-item{
    float:left;
    width:32%;
    margin:0.5%;
}
.clearfix{
    clear:both;
    display:block;
}



/*会员特权*/
.benefits-item{
    background:#fff;border-radius: 8px;display:block;width:94%;margin:10px auto;
}
.benefits-item p{
    padding:0px 15px 10px 15px;
    color:#666;
}
.benefits-item-wrap{
    position:relative;border-radius: 8px 8px 0px 0px;display:block;width:100%;height:80px;
}
.benefits-item-wrap h1{
    position: absolute;font-size:24px;color:#fff;left:5%;line-height:80px;padding:0px;margin:0px;
}
.benefits-item-wrap span{
    position: absolute;right:5%;margin:9px;
}
.benefits-item-wrap span img{
    border-radius:100px;border:2px #fff solid;height:60px;
}

/*Upload img*/
.upload-img-wrap{
    position: relative;
}
.upload-img-wrap img{
    width:6rem;
    height:6rem;
    border-radius: 3px;
}
.upload-img-wrap a{
    display:block;
    position:absolute;
    left:0px;
    bottom:0px;
    width: 6rem;
    height:1.5rem;
    line-height:1.5rem;
    font-size:12px;
    text-align: center;
    background:#000;
    opacity: 0.8;
    color:#fff;
    border-radius: 0px 0px 3px 3px;
}


/*button*/
.button:active {
    color: #0a8ddf;
    border-color: #5c6068;
}
.button.button-round {
    border-radius: 1.25rem;
}
.button.active,
.button.active:active {
    color: #0a8ddf;
    border-color: #5c6068;
}
.button.button-big {
    font-size: 0.85rem;
    height: 2.4rem;
    line-height: 2.3rem;
}
.button.button-fill {
    color: #fff;
    border: none;
    line-height: 1.35rem;
}
.button.button-fill.active,
.button.button-fill:active {
    background: #5c6068;
}
.button.button-fill.button-big {
    line-height: 2.4rem;
}
.button .button-link {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    color: #3a3a3a;
    background-color: transparent;
    border: 0;
}

/*发送验证码*/
.send-code{
    position: absolute;
    right:5px;
    top:10px;
    height:28px;
    line-height:26px;
    padding:0px 5px;
    background:#fff;
    border:1px #999 solid;
    color:#666;
    border-radius: 3px;
}

/*选择发布类型*/
.post-select{
    float:left;
    display: block;
    width:33%;
    text-align: center;
    padding:18px 0px;
    line-height:28px;
    color:#666666;
}
.post-select img{
    width:58%;
    margin:0 auto;
}

/*上传图片*/
.post-images img{
    width:100%;
}
.upload-images{
    position:relative;
}
.upload-images a{
    background: url("http://cache.cdn.dggapp.com/cache/upload/images/2019/05/09/77f623489c188cc3cd4fb02f6dec7378.png");
    background-size: contain;
    display:block;
    width:16px;
    height:16px;
    position: absolute;
    right:5px;
    top:5px;
    z-index: 999;
}