@charset 'utf-8';

.tabs{ margin-bottom: 0em; height: 100%; background-image: url(/statics/images/c-senvice-box.png); }

.tabs li{
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
	text-align: center;
	float: left;
	width:32.7%;
  height: 152px;
  overflow: hidden;
  padding-top: 3em;
  border-left:1px solid #ecc96e;
  border-bottom:1px solid #ecc96e;
}

.tabs li a{
	display: block;
}

.index,.shop,.service,.bbs,.baike,.xiuxiu{
	width: 58px;
	height: 58px;
	display: inline-block;
}

.index{
  width: 58px;
	background: url(../images/home.png) no-repeat center right;
	background-size:cover;
}
.shop{
  width:58px;
	background: url(../images/cart.png) no-repeat center right;
	background-size:cover;
}
.service{
	background: url(../images/tag.png) no-repeat center left;
	background-size:cover;
	height: 58px;
}
.bbs{
	height: 58px;
	background: url(../images/chat.png) no-repeat top right;
	background-size:cover;
}
.baike{
  width:58px;
	height: 58px;
	background: url(../images/book.png) no-repeat center right;
	background-size:cover;
}
.xiuxiu{
  width: 58px;
	height: 58px;
	background: url(../images/phone.png) no-repeat center right;
	background-size:cover;
}

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

.tabs p{ color: #4d1601; font-size: 16px; line-height: 15px; }

.copyright{
	text-align: center;
	color:#989898;
	font-size: 0.6em;
	margin-bottom: 1em
}
.ban{
	text-align: center;
	font-size: 0.9em;
	color:#575757;

}
.ban a{
	color:#575757;
}
.ban a:nth-child(1){
	color:#ea5300;
}

#wrap{
	padding-bottom:2em;
}

html{ min-width:320px; max-width:640px; margin:0 auto; font-size:16px;}

@media screen and (min-width:480px) {
  html {
    font-size:19px;
  }
}

@media screen and (min-width:640px) {
  html {
    font-size:28px;
  }
}

.andriod_download_tips{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

.andriod_download_con {
  padding: 0.6rem 0.857rem 0.6rem 1.2rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  position: relative;
  display: none;
}
.andriod_download_con .close_andriod {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/close.png) no-repeat;
  background-size: 1.3rem 1.3rem;
  position: absolute;
  left: 0;
  top: 0;
}
.andriod_download_con .left_side {
  float: left;
  width: 70%;
}
.andriod_download_con .left_side img {
  float: left;
  width: 4.28571rem;
  height: 4.28571rem;
  margin-right: 10px;
}

.andriod_download_con .left_side p {
  color: #FFF;
  font-weight: bold;
  margin-top: 0.71429rem;
}

.andriod_download_con .right_side {
  float: right;
}
.andriod_download_con .right_side .down_rightnow {
  display: inline-block;
  width: 5.7rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 5px;
  background: #FFF;
  margin-top: 0.71429rem;
  color:#333;
}
@media (max-width:360px){
  .andriod_download_con .left_side img {
    width: 3rem;
    height: 3rem;
  }
  .andriod_download_con .left_side p {
    margin-top: 0.3rem;
  }
  .andriod_download_con .right_side .down_rightnow {
    width: 5rem;
    height: 2rem;
    line-height: 2rem;
    margin-top: 0.7rem;
  }
}

.index_andriod {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.list_andriod {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}


.pet{
    width:39px;
    height:44px;
}
.nodata{
    margin-top: 66px;
    text-align: center;
}
.nopublish{
    font-size: 12px;
    color:#575757;
    margin-top: 9px;
}
.nopublishdownload{
    font-size: 15px;
    color:#575757;
    margin-top: 17px;
    margin-bottom: 26px;
}
.nopublishdownload a{
    color:#ea5300;
}

.swiper-container { width: 100%; height: 100%; }
.sw{ padding-top: 0.5rem; padding-bottom: 0.8rem; text-align: center; }
.sw a img{ height: 4.5rem; width: 6rem; }
.sw a span{ font-size: 0.7rem; }

#qr {
	background: #283c50;
}
#qr .code_box {
	padding-top: .7rem;
	padding-bottom: .7rem;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
#qr .code_box > div {
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 .35rem;
}
.img_box {
	border: 1px dashed #536373;
	padding: .1rem;
}
#qr > div img {
	width: 2.4rem;
	height: 2.4rem;
	padding: .1rem;
	background: #ffffff;
}
#qr p {
	line-height: .75rem;
	border-top: 1px dashed #536373;
	font-size: .2rem;
	color: #536373;
	text-align: center;
	margin: 0;
}