@charset "UTF-8";
/**
 * 
 * @authors Afra
 * @date    2018-04-04 09:21:27
 * @version $Id$
 */
.type_bar{
	width: 30%;
	position: absolute;
    background: #F2F4F7;
	height: auto;
	padding-bottom: 0.65rem;
}
.type_bar li{
    text-align: center;
    line-height: 0.55rem;
    border-bottom: 1px solid #E7E9EC;
}
.type_bar li a{
	font-size: 0.15rem;
	color: #363636
}
.type_bar li.cur{
	background: #fff
}
.type_bar li.cur a{
	color: #3B89FE
}
.type_con{
	width: 70%;
}
.type_con .type_tit a{
    display: inline-block;
    background: #F2F4F7;
    color: #828282;
    font-size: 0.13rem;
    padding: 0 0.1rem;
    margin: 0.15rem 0 0.15rem 6%;
    border-radius: 21px;
    line-height: 0.26rem;
}
.type_con .type_tit a.cur{
	background:#FF7A93;
    background: -moz-linear-gradient(left,#FF7A93,#FC3455);
    background: -o-linear-gradient(left,#FF7A93,#FC3455);
    background: -webkit-linear-gradient(left,#FF7A93,#FC3455); 
    color: #fff
}
.type_con ul li{
    width: 41%;
    display: inline-block;
    margin: 0 0 0.2rem 6%;
}
.type_con ul li .img_box{
	width: 100%;
	height: 0.65rem;
	position: relative
}
.type_con ul li img{
	width: 100%;
	height: 100%;
	border-radius: 0.05rem
}
.type_con ul li .cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.1);
	border-radius: 0.05rem;
}
.type_con .cover .iconfont{
    font-size: 0.3rem;
    background: #fff;
    border-radius: 51%;
    width: 0.3rem;
    height: 0.3rem;
    text-align: center;
    line-height: 0.3rem;
    opacity: .7;
    color: #333;
}
.type_con ul li h3{
	line-height: 0.25rem;
	color: #343D4D;
    font-size: 0.14rem;
}
.type_con ul li .addition span{
	color: #848891;
	line-height: 0.15rem;
	font-size: 0.1rem
}
.type_con ul li .addition .price{
	color: #FF6B00
}
.type_con ul li .addition .price i{
	font-size: 0.1rem
}
.type_con dl{
	width: 33.33%;
	text-align: center;
	display: inline-block;
}
.type_con dt img{
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 0.05rem;
	margin-top: 0.3rem;
}