.detail{
	width: 100%;
	float: left;
}
.detail .detailinfo{
	width: 100%;
	float: left;
}

.detail .detailinfo .detailinfotitle{
	width: 100%;
	text-align: center;
	

	float: left;
}
.detail .detailinfo .detailinfotitle h1{
	font-size: 30px;
	font-weight: 500;
	color: #333333;
}
.detail .detailinfo .detailinfotime{
	width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 40px;
    text-align: center;
    border-bottom: #ccc solid 1px;
    float: left;
}
.detail .detailinfo .detailinfoxx{
	width: 100%;
	margin-top: 15px;
	padding-bottom: 100px;
	float: left;
}
.detail .detailinfo .detailinfoxx p{
	text-indent: 2em;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 36px;

}


 .detailinfoprevnext{
	width: 100%;
	float: left;
}
 .detailinfoprev{
	width: 40%;
	display: inline-block;

	float: left;
	font-size: 16px;
	font-weight: 400;
}

.detailinfonext{
	width: 40%;
	display: inline-block;
	text-align: right;
	float: right;
	font-size: 16px;
	font-weight: 400;
}














.content{
	width: 100%;
	margin-top: 20px;
	float: left;
}
.content .contentinfo{
	width: 100%;
	padding-top: 30px;
    border-top: #ccc solid 1px;

	float: left;
}
.content .contentinfo .contentinfotop{
	width: 100%;
	float: left;
}
.content .contentinfo .contentinfotop .conentinfopic{
	width: 25.4%;
	display: inline-block;
	float: left;
	/*border:#f00 solid 1px;*/
}
.content .contentinfo .contentinfotop .conentinfopic img{
	width: 100%;
	display: block;
}
.content .contentinfo .contentinfotop .conentinfoxx{
	width: 69.2%;
	display: inline-block;
	padding-top: 30px;
	float: right;
	/*border:#f00 solid 1px;*/
}

.content .contentinfo .contentinfotop .conentinfoxx .contentinfoxxtitle{
	width: 100%;
	font-size: 30px;
	font-weight: 500;
	color: #333333;
	line-height: 26px;

	float: left;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfoxxtitle .grade{
	font-size: 14px;
	font-weight: 500;
	color: #005CF4;
	line-height: 26px;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfoxxgz{
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 36px;

	float: left;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfoxxgz span{
	font-size: 16px;
	font-weight: 500;
	color: #0057E7;
	line-height: 36px;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag{
	width: 100%;
	float: left;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag .contentinfotagitem{
	width: 20%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #666666;

	float: left;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag .contentinfotagitem:first-child,.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag .contentinfotagitem:nth-child(4),.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag .contentinfotagitem:nth-child(7){
	width: 43%;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag .contentinfotagitem:nth-child(2),.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag .contentinfotagitem:nth-child(5),.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag .contentinfotagitem:nth-child(8){
	width: 30%;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfotag .contentinfotagitem span{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 26px;
}

.content .contentinfo .contentinfotop .conentinfoxx .contentinfopricexg{
	width: 95%;
	margin-top: 25px;
	padding:18px;
	background: #EDF4FF;
	float: left;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfopricexg .pricexgitem{
	width: 45%;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;

	float: left;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfopricexg .pricexgitem:first-child,.content .contentinfo .contentinfotop .conentinfoxx .contentinfopricexg .pricexgitem:nth-child(3){
	width: 25%;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfopricexg .pricexgitem:nth-child(2),.content .contentinfo .contentinfotop .conentinfoxx .contentinfopricexg .pricexgitem:nth-child(4){
	width: 74%;
}

.content .contentinfo .contentinfotop .conentinfoxx .contentinfopricexg .pricexgitem span{
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 26px;
}
.content .contentinfo .contentinfotop .conentinfoxx .contentinfopricexg .pricexgitem:first-child span{
	color:#EF1414;
	font-family:Arial;
}
.content .contentinfo .contentinfotop .conentinfoxx  .contentinfobut{
	width: 100%;
	margin-top: 40px;
	float: left;
}
.content .contentinfo .contentinfotop .conentinfoxx  .contentinfobut .dybut{
	display: inline-block;
	padding:13px 35px;
	background: #0057E7;
	color: #fff;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	margin-right: 35px;
	float: left;
}
.content .contentinfo .contentinfotop .conentinfoxx  .contentinfobut .xsbut{
	display: inline-block;
	padding:13px 35px;
	border: 1px solid #0057E7;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 400;
	color: #0057E7;

	float: left;
}
.content .contentinfo .gray{
	display: block;
	width: 100%;
	height: 40px;
	background: #EEEEEE;
	margin:30px 0px;
	float: left;
}








.content .contentinfo .contentinfobottom{
	width: 100%;
	float: left;
}
.content .contentinfo .contentinfobottom .leftbottominfo{
	width: 72%;
	display: inline-block;
	float: left;
	/*border:#f00 solid 1px;*/
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfomenu{
	width: 100%;
	border-bottom: #DCDCDC solid 1px;
	float: left;
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfomenu a{
	width: 20%;
	
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	color: #222222;
	float: left;
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfomenu .on span{
	border-bottom: #005CF4 solid 4px;
	padding-bottom: 10px;
	float: left;
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfoxx{
	width: 95%;
	margin-top: 35px;
	padding:0px 20px;
	float: left;
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfoxx .leftbottominfoxxitem{
	width: 100%;
	padding-bottom: 40px;
	float: left;
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfoxx .leftbottominfoxxitem .leftbottominfoxxtitle{
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	line-height: 36px;
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfoxx .leftbottominfoxxitem .leftbottominfodetail{
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	float: left;
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfoxx .leftbottominfoxxitem .leftbottominfodetail li{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	text-indent: 2em;
}
.content .contentinfo .contentinfobottom .leftbottominfo .leftbottominfoxx .leftbottominfoxxitem .leftbottominfodetail li span{
	display:block;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	text-indent: 2em;
	white-space: pre-wrap;
	padding-left:30px;
	
}
.content .contentinfo .contentinfobottom .rightbottominfo{
	width: 23%;
	display: inline-block;
	float: right;
	/*border:#f00 solid 1px;*/
}



.content .contentinfo .contentinfobottom .rightbottominfo .rightinfotitle{
	background-color: #F0F6FF;
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;

	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #222222;

}
.content .contentinfo .contentinfobottom .rightbottominfo .rightinfoxx{
	width: 85%;
	padding:0px 20px 15px;
	float: left;
}
.content .contentinfo .contentinfobottom .rightbottominfo .rightinfoxx .rightinfoxxitem{
	width: 100%;
	padding: 15px 0px;
	border-bottom: #EEEEEE  solid 1px;
	float: left;
}
.content .contentinfo .contentinfobottom .rightbottominfo .rightinfoxx .rightinfoxxitem .rightinfoxxitempic{
	width: 44%;
	display: inline-block;
	float: left;
	/*border:#f00 solid 1px;*/
}
.content .contentinfo .contentinfobottom .rightbottominfo .rightinfoxx .rightinfoxxitem .rightinfoxxitempic img{
	width: 100%;
	display: inline-block;
	float: left;
}
.content .contentinfo .contentinfobottom .rightbottominfo .rightinfoxx .rightinfoxxitem  .rightinfoxxitemdetail{
	width: 50%;
	display: inline-block;
	float: right;
	/*border:blue solid 1px;*/
}
.content .contentinfo .contentinfobottom .rightbottominfo .rightinfoxx .rightinfoxxitem  .rightinfoxxitemdetail .rightinfoxxtitle{
	width: 100%;
	height: 50px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

	float: left;
}
.content .contentinfo .contentinfobottom .rightbottominfo .rightinfoxx .rightinfoxxitem  .rightinfoxxitemdetail .rightinfoxxcate{
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	margin:10px 0px;

	float: left;
}
.content .contentinfo .contentinfobottom .rightbottominfo .rightinfoxx .rightinfoxxitem  .rightinfoxxitemdetail .rightinfoxxgrade{
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #0057E7;
	float: left;
}





.content .contentinfo .contentinfobottom .rightbottominfo .questiontitle{
	background-color: #F0F6FF;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #222222;
}
.content .contentinfo .contentinfobottom .rightbottominfo .questioninfo{
	width: 85%;
	background-color: #fff;
    padding: 0px 20px 15px;
    float: left;
}
.content .contentinfo .contentinfobottom .rightbottominfo .questioninfo ul{
	width: 100%;
    padding: 15px 0px;
    border-bottom: #EEEEEE solid 1px;
    float: left;
}
.content .contentinfo .contentinfobottom .rightbottominfo .questioninfo ul li{
	width: 100%;
	float: left;
	list-style-type: none;
	

}
.content .contentinfo .contentinfobottom .rightbottominfo .questioninfo ul li:before {
    content: "\2022";     /*//圆点*/
    color: #148AE0;       /*//颜色 */
    font-size: 16px;      /*   //大小*/
     line-height: 36px;
     float: left;
}

.content .contentinfo .contentinfobottom .rightbottominfo .questioninfo ul li .questionxx{
	width: 91%;
	display: inline-block;
	float: left;
}
.content .contentinfo .contentinfobottom .rightbottominfo .questioninfo ul li .questionxx .questionxxtitle{
	width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    float: left;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}






.youshi{
	width: 100%;
	float: left;
}
.youshi .youshiinfo{
	width: 100%;
	float: left;
}
.youshi .youshiinfo .youshititle{
	width: 100%;
	font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
	float: left;
}
.youshi .youshiinfo .youshixx{
	width: 100%;
	float: left;
}
.youshi .youshiinfo .youshixx .youshiitem{
	width: 45%;
	display: inline-block;
	width: 360px;
    height: 120px;
    padding: 22px;
    background-color: #f7f7f7;
    margin: 15px 15px;
	float: left;
}
.youshi .youshiinfo .youshixx .youshiitem .leftyoushi{
	float: left;
    width: 36px;
    height: 36px;
    margin-top: 5%;
    background: url("https://www.savetheblowdry.com/images/icon_show_ourys.png") no-repeat;
}
.youshi .youshiinfo .youshixx .youshiitem:first-of-type .leftyoushi {
    background-position: -1px -1px;
}
.youshi .youshiinfo .youshixx .youshiitem:nth-of-type(2) .leftyoushi {
    background-position: -410px 0px;
}
.youshi .youshiinfo .youshixx .youshiitem:nth-of-type(3) .leftyoushi {
    background-position: -410px 0px;
}
.youshi .youshiinfo .youshixx .youshiitem:nth-of-type(4) .leftyoushi {
    background-position: -410px 0px;
}
.youshi .youshiinfo .youshixx .youshiitem .rightyoushi{
	float: left;
    width: 82%;
    margin-left: 22px;
}
.youshi .youshiinfo .youshixx .youshiitem .rightyoushi .rightyoushitxt{
	display: block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.youshi .youshiinfo .youshixx .youshiitem .rightyoushi .rightyoushitag{
	font-size: 14px;
    color: #777;
    line-height: 24px;
}