﻿/* Power By Www.kaifamei.Com */
/*
 index--------------------------------------------------------------------------------------
 * */
.menus{width: 100%; padding:0 2%;margin-bottom:0.3rem;}
.menus a{font-size:0.5rem;color:#806d51;}
.menus a:hover,.menus a.on{color:#f08200;}
.menus .swiper-slide{text-align:center;}
.small_menus{width: 100%; padding:0.25rem 2%;background:#f7f7f7;border-top:solid 1px #e4e4e4;}
.small_menus a{font-size:0.45rem;color:#806d51;}
.small_menus a:hover,.small_menus a.on{color:#f08200;}
.small_menus .swiper-slide{text-align:center;}
.banner .swiper-slide{overflow:hidden;height:5rem;}
.banner .swiper-slide img{}
.xgtit{padding:0.3rem 3%;font-size: .55rem; color: #575757; line-height:0.6rem; margin-bottom: 0;font-weight:normal;}
.xgtit i{color:#f08200;font-size:0.6rem; margin-right:5px;}
.cation{width: 100%; background-color: #fff; padding: 4% 2%;}
.cation ul li{width: 25%; text-align: center; float: left;}
.cation ul li img{width: 53.846%; margin: 0 auto;}
.cation ul li p{color: #666666; font-size: .45rem; margin-bottom: 0;}
.notice{width: 94.444%; background-color: #fff; padding: 3% 2%; margin: 3% auto; border-radius: 5px; -webkit-border-radius: 5px;}
.notice .left{width: 70%; color: #323232; font-size: .45rem;}
.notice .left .slider div{width: 100%; line-height: 1rem; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.notice .nmore{width: 15%; text-align: right; line-height: 1rem; border-left: 1px solid #cecece; font-size: .45rem; color: #323232;}
.notice .tit{font-size: .45rem; color: #ee2f27; line-height: 1rem; margin-bottom: 0;}
.boutique,
.seller,
.onnew{width: 100%; padding:0 2%;}
.boutit{width: 25%; margin: 0 auto; position: relative; height: 1.2rem; text-align: center;}
.boutit span{display: block; position: absolute; top: .55rem; width: 100%; border-top: 2px solid #bababa;}
.boutit samp{line-height: 1.2rem; color: #bababa; position: relative; height: 1.2rem; padding: 0 3%; background-color: #fff; font-size: .45rem;}
.boutique .content,
.seller .content,
.onnew .content{width: 100%;}
.boutique .content ul li{width: 100%; margin-bottom: 3%;}
.boutique .content ul li:last-child{margin-bottom: 0;}
.boutique .content ul li img{width: 100%;}
.seller .content .left{width: 40%; background-color: #fff; height: 5rem; overflow: hidden;}
.seller .content .left .tu{width: 100%;}
.seller .content .left .tu img,
.seller .content .right .top .tu img{max-width: 100%;}
.seller .content .left .top{width: 100%; padding: 5%;}
.seller .content .left .top .tit,
.seller .content .right .top .tit,
.onnew .content .top .list .zuo .tit,
.onnew .content .bottom .list .shang .tit,
.theme .content .list .shang .tit{color: #000000; font-size: .5rem; width: 100%; margin-bottom: 0;}
.seller .content .left .top span,
.seller .content .right .top span,
.onnew .content .top .list .zuo span,
.onnew .content .bottom .list .shang span,
.theme .content .list .shang span{color: #666666; font-size: .35rem; width: 100%;}
.seller .content .right{width: 58%;}
.seller .content .right .top{width: 100%; background-color: #fff; height: 2.4rem; margin-bottom: .2rem;}
.seller .content .right .top .zuo,
.seller .content .right .top .tu{width: 50%; height: 2.4rem; text-align: center; font-size: 0;}
.seller .content .right .top .tu span{display: inline-block; line-height: 0; vertical-align: middle;}
.seller .content .right .top .tu img{vertical-align: middle; max-height: 2.4rem; max-width: 100%;}
.seller .content .right .top .zuo{padding: 5% 0 5% 5%;}

.onnew .content .top{width: 100%;}
.onnew .content .top .list{width: 49%; padding: 3% 2% 0; margin-right: 2%; background-color: #fff;}
.onnew .content .top .list:last-child{margin-right: 0;}
.onnew .content .top .list .zuo{width: 60%;}
.onnew .content .top .list .tu{width: 40%; height: 2.5rem; font-size: 0; text-align: center;}
.onnew .content .top .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.onnew .content .top .list .tu img{max-width: 100%; vertical-align: middle; max-height: 2.5rem;}
.onnew .content .bottom{width: 100%; margin-top: 2%;}
.onnew .content .bottom .list{width: 32%; height: 4rem; margin-right: 2%; background-color: #fff;}
.onnew .content .bottom .list:last-child{margin-right: 0;}
.onnew .content .bottom .list .shang{padding: 5%; width: 100%; height: 1.2rem;}
.onnew .content .bottom .list .tu,
.theme .content .list .tu{width: 100%; height: 2.8rem; text-align: center; font-size: 0;}
.onnew .content .bottom .list .tu span,
.theme .content .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.onnew .content .bottom .list .tu img,
.theme .content .list .tu img{max-width: 100%; vertical-align: middle; max-height: 2.8rem;}

.theme{width: 100%;}
.theme .content{width: 100%; background-color: #fff;}
.theme .content .list{width: 33.33%; height: 4.5rem; border-right: 1px solid #f1f1f1; float: left; border-bottom: 1px solid #f1f1f1;}
.theme .content .list .shang{padding:8% 5% 5%; width: 100%;}
.theme .content .list:nth-child(3n){border-right: none;}

.like{width: 100%; padding: 0 2%;}
.like .content{width: 100%;}
.like .content .list{width: 48.5%; margin-bottom: 3%; margin-right: 3%; background-color: #fff;}
.like .content .list:nth-child(2n){margin-right: 0;}
.like .content .list .tu{width: 100%;}
.like .content .list .tu img{max-width: 100%;}
.like .content .list .bottom{width: 100%; background-color: #fff; padding: 3%;}
.like .content .list .bottom p{width: 100%; color: #333; font-size: .45rem; margin-bottom: 0;}
.like .content .list .bottom span{color: #e8322f; font-size: .6rem;}


/*
 cation--------------------------------------------------------------------------------------
 * */
.cations{width: 100%; background-color: #fff; margin-bottom: 3%;}
.cations .list{width: 50%; height: 4.2rem; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.cations .list:nth-child(2n){border-right: none;}
.cations .list .tit{width: 100%; font-size: .5rem; color: #333333; padding: .5rem .5rem 0 .5rem;}
.cations .list .tu{width: 100%;}
.cations .list .tu img{max-width: 100%;}

/*
 shopcar--------------------------------------------------------------------------------------
 * */
.shopcar{width: 100%;}
.shopcar .list{width: 100%; height: 4rem; background-color: #fff; margin-bottom: 3%; padding: .5rem .2rem;}
.shopcar .list .xuan{width: .8rem; height: .8rem; margin-top: 1.1rem;}
label {width: 100%; display: block;  position: relative; font-weight: normal;}
.radio .option {width: .8rem; height: .8rem; position: absolute; top: 0; left: 0px; background-size: cover;  background: url(../images/check1.png) no-repeat; background-size: cover;}
.radio input[type="checkbox"] {display: inline-block ; margin-right: 15px ; opacity: 0 ;}
.radio input[type="checkbox"]:checked+div {background: url(../images/check2.png) no-repeat; background-size: cover;}
.radio input[type="radio"] {display: inline-block ; margin-right: 15px ; opacity: 0 ;}
.radio input[type="radio"]:checked+div {background: url(../images/check2.png) no-repeat; background-size: cover;}


.shopcar .list .tu{width: 3rem; height: 3rem; font-size: 0; border: 1px solid #e2e2e2; text-align: center; margin-left: .4rem;}
.shopcar .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.shopcar .list .tu img{max-width: 100%;}
.shopcar .list .right{height: 3rem; width: 57%; margin-left: 2%;}
.shopcar .list .right .tit{color: #333333; font-size: .5rem; line-height: .8rem;}
.shopcar .list .right .fu-tit{color: #999999; font-size: .35rem;}
.shopcar .list .right .jifen{font-size: .5rem; color: #fc8f00; margin-top: .2rem;}
.shopcar .list .right .bottom{width: 100%; margin-top: .2rem;}
.shopcar .list .right .bottom .zuo ul li{float: left; color: #00cc7d; font-size: .5rem; width: .8rem; height: .8rem; text-align: center; line-height: .8rem;}
.shopcar .list .right .bottom .zuo ul li img{width: 100%;}
.shopcar .list .right .bottom i{line-height: .8rem; color: #00cc7d; font-size: .7rem;}

.settlement{width: 100%; height: 1.8rem; position: fixed; bottom: 1.9rem; border-top: 1px solid #f4f4f4; background-color: #fff;}
.settlement .zuo{width: 60%; height: 1.8rem; line-height: 1.8rem; padding: 0 .5rem; font-size: .5rem; color: #666666;}
.settlement .zuo span{color: #ff4141;}
.settlement a{width: 40%; height: 1.8rem; line-height: 1.8rem; background-color: #00cc7d; font-size: .5rem; color: #fff; text-align: center;}

/*
 lists--------------------------------------------------------------------------------------
 * */
.lists{width: 100%;}
.lists .top{width: 100%; height: 1.5rem; background-color: #fff;}
.lists .top ul li{width: 33.333%; text-align: center; line-height: 1.5rem; float: left; color: #666666; font-size: .4rem;}
.lists .bottom{width: 100%; margin-top: 3%;}
.lists .bottom .lie,
.confirm .lie{width: 100%; margin-bottom: 2%; background-color: #fff;border-bottom: 1px solid #f3f3f3; padding:.4rem .2rem;}
.lists .bottom .lie .tu,
.confirm .lie .tu{width: 25%; text-align: center;}
.lists .bottom .lie .tu img,
.confirm .lie .tu img{max-width: 100%;
-moz-border-radius:5px;      /* Gecko browsers */
-webkit-border-radius:5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
}
.lists .bottom .lie .right,
.confirm .lie .right{width: 72%; margin-left: 2%;}
.lists .bottom .lie .right2,.confirm .lie .right2{width: 100%;}
.lists .bottom .lie .right .tit,
.confirm .lie .right .tit{color: #404040; font-size: .5rem; line-height: .8rem;}
.lists .bottom .lie .right .xia,
.confirm .lie .right .xia{height: .8rem; line-height: .8rem; width: 100%;}
.lists .bottom .lie .right .xia span,
.confirm .lie .right .xia span{font-weight:normal;font-size:0.6rem;}
.lists .bottom .lie .right .comefrom,
.confirm .lie .right .comefrom{width: 80%; color: #999999; font-size: .45rem;}
.lists .bottom .lie .right span{width: .8rem; height: .8rem;}
.lists .bottom .lie .right span img{width: 100%;}




/*内容页*/
.article{ background: #fff;}
.article-title{ padding: .3rem;padding-top:0; padding-bottom: 0;     font-size: .6rem; color: #333333;line-height: .8rem; font-weight: normal;}
.article .mui-content-padded{margin:.1rem .3rem;  padding-top: .3rem; padding-bottom: .3rem;line-height:.35rem;font-size:.45rem;color: #333;}
.article .mui-content-padded p{font-size:.45rem;color: #575757; line-height:0.85rem;}
.article .mui-content-padded img{max-width:90%;}
.article-text { margin: 0 .3rem;}
.article-text  span{color:#666666;}
.article-text a{ color: #666;}
.article .article-text {  font-size: .45rem; color: #999999; padding-top: .3rem;  line-height: .8rem;}
.article label.time { background: url(../images/time.png) no-repeat left center; -o-background-size: .5rem; background-size: .5rem;font-weight:normal;}
.article .article-text label {width:auto;padding-left:0.6rem;display:inline-block;}
.article label.view { background: url(../images/view.png) no-repeat left center; -o-background-size: .45rem; background-size: .45rem;font-weight:normal;}
.pinglun{width: 100%; padding:0 2%;margin-bottom:0.3rem;}
.nr_fg{background:#f4f4f4;height:0.8rem;}

.zhong{width: 100%; padding:0 3%;margin-bottom:0.3rem;}
.chahao{text-align:right;color:#a5a5a5; overflow:hidden;margin-top:0.6rem;}
.chahao img{width:0.6rem;}
.logo_search{text-align:center; overflow:hidden;padding-top:0.6rem;}
.logo_search img{width:45%;}
.search{text-align:center;padding-top:0.6rem;}
.search .sch-txt {
    width: 100%;
    padding: 0 10px;
    border: solid 1px #929292;
    height: 1.1rem;
    font-size: .4rem;
    background-color: #fff;
	-moz-border-radius:20px;      /* Gecko browsers */
	-webkit-border-radius:20px;   /* Webkit browsers */
	border-radius:20px;            /* W3C syntax */
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bebebe;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bebebe;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bebebe;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bebebe;
}
.fdj {
    color: #bebebe;
    font-size: .6rem;
    float: right;
    /* margin-top: -.4rem; */
    /* margin-left: -.85rem; */
    z-index: 999;
    top: -62px;
    right: -20px;
}
.hotsearch{padding-top:0.6rem;}
.hotsearch .links{margin-top:0.3rem;padding:0;list-style:none;}
.hotsearch .links a{padding:0.25rem 0.4rem;background:#fff;margin-right:0.3rem;margin-bottom:0.3rem;color:#666666;display:inline-block;}
.hotsearch .links a:hover{color:#fb8700;}

/*分页 */
#pages { padding:14px 0 10px 10px; text-align:center;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-right:5px;margin-bottom:10px;}
#pages a.a1 { background:#fdfdfd; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#f08200; border:1px solid #f08200; color:#fff; text-align:center;padding:0 10px;margin-right:5px;}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.am-figure-zoomable::after {display:none;}
address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul {margin:0;font-weight:normal;}
