html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
p,
div,
i,
em,
form {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    background-color: #f1f3f4;
    font-family: "Microsoft YaHei", Arial, "Times New Roman";

}

a,
a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*顶部白条*/
.header {
    padding: 0.133333rem 0.333333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border-bottom: 0.026667rem dashed #ddd;
}

.header .logo {}

.header .logo img {
    height: 0.866667rem;
}

.header .toolbar-icon {
    display: flex;
}

.header .toolbar-icon a {
    display: inline-block;
    width: 0.64rem;
    height: 0.64rem;
    background-repeat: no-repeat;
    background-size: 0.64rem 0.64rem;
    align-items: center;
    margin-left: 0.4rem;
}

.header .toolbar-icon #my-list-btn {
    background-size: 0.613333rem 0.453333rem;
    background-position: 0rem 0.106667rem
}


.my-list{height: 4.0rem;background-color: #ffffff;display: none;}
.my-list li{height: 0.666667rem;display: flex;align-items:center;justify-content: center;}
.my-list li a{color:#197dd2;}

/*搜索条*/
.search-bar {
    padding: 0.266667rem 0.333333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f1f3f4
}

.search-bar .search {
    width: 5.066667rem;
    height: 0.666667rem;
    background: url(<%=request.getContextPath()%>/images/web/mob_search.png) no-repeat;
    background-size: 5.066667rem 0.666667rem;
}

.search-bar .search form {
    width: 5.066667rem;
    display: flex;
    justify-content: space-between;
}

.search-bar .search input {
    background: transparent;
    outline: none;
    border: none;
    height: 0.666667rem;
    width: 4.2rem;
    padding-left: 0.133333rem;
    font-size: 0.32rem;
}

.search-bar .search button {
    height: 0.64rem;
    width: 0.933333rem;
    vertical-align: middle;
    background: transparent;
    outline: none;
    border: none;
}

.search-bar .ask-share a {
    display: inline-flex;
    width: 1.8rem;
    height: 0.666667rem;
    border-radius: 0.066667rem;
    background: linear-gradient(45deg, #37a0f4, #1d71b7);
    color: white;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 0.293333rem
}

.search-bar .ask-share i {
    display: inline-block;
    width: 0.266667rem;
    height: 0.266667rem;
    background-repeat: no-repeat;
    background-size: 0.266667rem 0.266667rem;
    margin-right: 0.04rem
}

/*轮播图*/
.lunbo,
.swiper-container {
    height: 4.466667rem
}

.swiper-container img {
    height: 4.466667rem;
}

/*tab切换*/
.tab {
    margin: 0.4rem 0rem;
    overflow-x: scroll;
    white-space: nowrap;
     -webkit-overflow-scrolling: touch;
}
.tab::-webkit-scrollbar {display: none;}

.tab a {
    display: inline-block;
    padding: 0.133333rem 0rem;
    color: #555555;
    font-size: 0.32rem;
    margin-left: 0.373333rem;
    font-weight: 600;
}


.tab a.act {
    border-bottom: 2px solid #197dd2;
    color: #197dd2;
    font-size: 0.32rem;
    text-decoration: none;
}

/*正文内容*/
.content {
    padding: 0rem 0.333333rem 0.333333rem 0.333333rem;
}
.list-wrapper{display: none;}

.list {
    padding: 0.2rem;
    background-color: #ffffff;
    /*height: 3.066667rem;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 0.533333rem;
}

.list-left {
    width: 4.0rem;
    height: 2.266667rem;
    position: relative;
}

.list-left img {
    width: 4.0rem;
    height: 2.266667rem
}

#tag {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 0.466667rem;
    color: #f1f3f4;
    font-size: 0.24rem;
    line-height: 0.466667rem;
    padding: 0.0rem 0.066667rem
}

.img-like {
    background: #ffffff;
    border-radius: 0.066667rem;
    position: absolute;
    bottom: 0.266667rem;
    right: 0.2rem;
    width: 1.066667rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    cursor: pointer;
    font-size: 0.24rem;
}

.list-right {
    font-size: 0.266667rem;
    margin-left: 0.2rem;
}

.list-right .post-head {
    background-image:url(/cicada/images/web/green_point.png);
    background-position:0.0rem 0.12rem;
    background-repeat: no-repeat;
  	padding-left: 0.2rem;
  	color: #888888;
}
.list-right .post-title {
	display: inline-block;
	padding-left: 0.2rem;
	color: #333333;
	margin:0.133333rem 0.0rem;
}

.list-right .post-bottom{padding-left: 0.2rem;}
.list-right .post-bottom a {
	display: inline-block;
	background-size: cover;
	text-align: left;
	color: #888888;
	width: 1.3rem;
	font-size:0.266667rem;
}


.list-right .post-bottom a:last-child {
	margin-right: 0.0rem;
}

.list-right .post-bottom a i {
	display: inline-block;
	width: 0.333333rem;
	height: 0.333333rem;
	vertical-align: sub;
	background-size: 0.333333rem 0.333333rem;
	background-repeat: no-repeat;
	margin-right: 0.04rem;
}