﻿
.subscribe{width: 100%; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 4; overflow: hidden; margin: 0 auto; max-width: 640px; min-width: 320px;height:60px;}
.subscribe .img{width:40px; height:40px; position:absolute; left:10px; top:10px;}
.subscribe .img img{width:40px; height:40px; border-radius:3px;}
.subscribe .text{padding:10px 100px 10px 70px; line-height:20px; color:#fff; font-size:14px;}
.subscribe .text font{color:#f00;}
.subscribe .btn{position:absolute; right:10px; top:15px;}
.subscribe .btn .button{background:#f00;width:70px;height:30px;line-height:30px;text-align:center; border-radius:5px; color: #fff;border:none;}
.topbox{width: 100%; max-width:640px; height:36px; position:absolute;top:0;left:0;z-index:99999;overflow: hidden; right:0; margin: 0 auto;  }
.city_txt{float:left; height:36px; line-height:36px; font-size:16px;overflow: hidden;}
.city_txt i{color: #fd537b; }
.city_txt a{display: block;color: #fd537b; padding-left:5px;}
.index-search-box{overflow: hidden; width: auto; background-color:#fff; opacity:0.6; border-radius:5px; height:30px; line-height:36px; position: absolute; right:6px; left:100px; top: 3px; padding: 0 10px;}
.index-search-box .index-search-input{border: none; width:96%; height:30px; font-size:14px;padding:0 2%;background:none;border:none;color:#666;line-height:30px; display: block;}
.index-search-box .submit{width:24px; height:24px; position: absolute; right:4px; top:3px; background: url(../images/top_s.png) no-repeat; background-size:100%; border: none; text-indent: -9999em;}
.index-guanz-t{display: none; transition: width 2s; -moz-transition: width 2s; -webkit-transition: width 2s; -o-transition: width 2s; text-align: center; max-width: 640px; min-width: 320px;}
.index-guanz-t.active{display: block; transition: width 2s; -moz-transition: width 2s; -webkit-transition: width 2s; -o-transition: width 2s;}
.index-guanz-show{position: fixed; left: 50%; margin-left: -120px; top: 30%; background: #fff; z-index: 1001; width:200px; height:224px; padding:20px;}
.index-guanz-show img{width:200px;height:200px;}
.index-guanz-show p{color: #4C4D51; font-size:14px;line-height:24px;}
.index-show-close{position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:15px; background:#f00; color:#fff; line-height:30px; text-align:center; font-size:16px;}
.index-guanz-bg{background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000;}
.index-menu{ width: 100%; background-color: #fff; overflow:hidden; padding-bottom:20px; position:relative;}
.index-menu li { display:block; width:25%;float:left; position: relative;padding-top:10px; }
.index-menu li a { display:block;text-align: center;}
.index-menu li img { display:block;width:60%; margin:0 auto; }
.index-menu li p { font-size: 13px; line-height: 20px;text-align: center;}

.ads5 li { float: left; display:block; width: 20%; text-align: center;background-color: #ffffff;}
.ads5 li img { width:4.5em; padding:10px 1px 1px 0; }
.ads5 li a {line-height:20px;}

.ads588kk li { float: left; display:block; width: 20%; text-align: center;background-color: #ffffff;}
.ads588kk li img { width:4.5em; padding:10px 1px 1px 0; }
.ads588kk li a {line-height:20px;}


.ads58 li { float: left; display:block; width: 20%; }
.ads58 li img { width:100%; padding:0 1px 1px 0; }

.mod_tit{height:50px;background:#fff;width:100%;margin-bottom:5px;text-align:center;line-height:40px;position:relative; }
.mod_tit .line{border-bottom:1px solid #ccc;height:20px;width:50%;margin-left:auto;margin-right:auto}
.mod_tit h4{  position:relative;top:-20px;width:90px;margin-left:auto;margin-right:auto;background:#fff;font-size: 16px;    font-weight: 700;}
.mod_tit p { position:absolute; width:100%; left:0; bottom:2px; height:20px; line-height:20px;  }
.mod_tit p a { display:block; color:#999; }
.mod_tit p i { display:inline-block; width:6px; height:6px; border-top:#999 1px solid; border-right:#999 1px solid; transform:rotate(45deg); }

.xxms {width: 100%; overflow: hidden;}
.xxms ul{ width: 100%;height:auto;overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;}

.xxms ul::-webkit-scrollbar-thumb{  
    -webkit-box-shadow: inset 0 0 0 transparent;
    background-color: transparent;
}
.xxms ul::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}
.xxms ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 transparent;
    background-color: transparent;
}


.xxms li { display: inline-block;width: 39%; background: #fff; position: relative;}
.xxms li img { width: 100%; }
.xxms li p { padding: 0 6px; height: 30px; line-height: 30px; overflow: hidden; white-space: pre-line; font-size: 12px; }
.xxms li p.price { color: #fd537b; font-size: 14px; font-weight:700;}
.xxms li p.price span { float: right; margin-top: 5px; background: #fd537b; color: #fff; font-weight:400;font-size: 12px; padding: 0 6px; height: 20px; line-height: 20px; border-radius:3px; }
.xxms .timesbg { position:absolute; left:0; top:140px; background:#000; width:100%; height:20px; opacity:0.4; z-index:99; }
.xxms .times { position:absolute; left:0; top:140px; width:100%; height:20px; line-height:20px; text-align:center; color:#fff; z-index:100; }

.ads { width: 100%; margin:0 auto; }
.ads img { display:block; width: 100%; }

.top_nav {position: fixed;
    background-color: #fff;
    height: 40px;
    width: 100%;
    text-align: center;
    z-index: 9999;
    top: 0;
    max-width: 640px;border-bottom: 1px solid #e5e5e5;}

/*2016-11-7 添加app下载提示*/
.app-tips{
	width: 100%;
	height: 36px;
	max-width: 640px;
	margin: 0 auto;
	position: absolute;
	top: 78px;
	background-color: rgba(0,0,0,.3);
	padding: 0 10px;
	line-height: 36px;
	color: #fff;
	font-size: 15px;
	z-index: 999;
}
.app-tips a{
	width: 30%;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background-color: #fd537b;
	text-align: center;
	margin-right: 30px;
	display: inline-block;
	border-radius: 28px;
	margin-top: 4px;
	float: right;
}
.app-tips span{
	width: 24px;
	height: 24px;
	content: '';
	position: absolute;
	right: 10px;
	top: 6px;
	background-image: url(../images/close-wap.png);
	background-size: 70%;
	background-position: center center;
	background-repeat: no-repeat; 
	display: inline-block;
}
.by {
    display: none; margin-top:41px;  padding-bottom:10px;  overflow:hidden;
}
.con_nav { width:100%; background:#fff; overflow:hidden; }
.con_nav li { float:left; width:20%; text-align:center; margin-top:10px; }
.con_nav li a{ font-size: 12px; }
.con_nav li img { display:block; margin:0 auto; width:80%; }
.con_nav li p { color: #666; }
.xxms .stock-tips{
	top: 12px;
}
.timerr{
	width: 100%;
	height: 20px;
	line-height: 20px;
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	font-size: 12px;
}
.timerr .times {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    z-index: 100;
}
.sticky {
    background-color: #fff;
    height: 32px;
    margin: 5px 0;
    overflow: hidden;
    width: 100%;
}
.t_news {
    height: 32px;
    overflow: hidden;
    position: relative;
}
.news_li, .swap {
    display: inline-block;
    height: 32px;
    left: 0;
    line-height: 32px;
    position: absolute;
    top: 0;
    width: 100%;
}
.t_news li {
    padding-left: 94px;
}
.t_news img {
    border-right: 1px solid #eee;
    height: 14px;
    margin: 10px 0;
    padding: 0 6px;
}
.news_li a, .swap a {
    color: #fd537b;
    display: block;
    font-size: 14px;
    height: 100%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.swap {
    top: 32px;
}