/* CSS Document */
*{
	margin:0;
	}
body{
	width: 640px;
	}
a{
	text-decoration:none;}
.headiv{
	width:100%;
	margin:0;
	background-color:#E6E6E6;
	}

/*轮播图*/
.box_swipe{
	width:100%;
	margin:0;
	overflow:hidden;
	position:relative;
	visibility: visible;
	}
.box_swipe ul{
	
	list-style: none; 
	width: 100%;
	height:500px;/*340px; */
	overflow:hidden;
	margin-top:-20px;
	margin-left:-40px;
	
	}
.box_swipe ul li{
	width:640px;
	display:table-cell; 
	vertical-align: top;
	
	}
.box_swipe ul li a img{
	width:100%;
	height:500px;
 
	}
.box_swipe>ol{
	height:20px;
	position: relative;
	z-index:10;
	margin-top:-125px;
	text-align:center;
	padding-right:15px;
	/*background-color:rgba(0,0,0,0.3);*/
	}
.box_swipe>ol>li{
	display:inline-block;
	margin:5px 3px;
	width:8px;
	height:8px;
	background-color:#757575;
	border-radius: 8px;
	}
.box_swipe>ol>li.on{
	background-color:#ffffff;
	}
/*轮播图*/

/*详情*/
.info{
	background-color:#FFF;
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:20px;
	}
.info .name{
	width:100%;
	padding:0;
	}
.info .name .sp1{
	font-size:2.4rem;
	margin-left:20px;
	display:inline-block;
	width:420px;
	}

/*星星等级*/	
.commentScore{
	display:inline-block;
	float:right;
	height:40px;
	width:180px;
	padding-right:10px;
	padding-top:10px;
	}
.dim{/*默认是灰色的星星*/
    float: right;
	width: 30px;
	height: 30px;
	background: url(../images/start2.png);
	background-size: 100%;
  }
.highlight{/*评论是几就会点亮几颗星星*/
    float: right;
	width: 30px;
	height: 30px;
	background: url(../images/start1.png);
	background-size: 100%;
  }
 /*星星等级*/	
 /*
.info .detail{
	width:100%;
	padding-bottom:20px;
	}
.info .detail ul{
	padding:0;
	list-style:none; 
}
.info .detail ul li{ 
	font-size:1.8rem;
	line-height:4rem;
	color:#555;
	border-bottom:1px dashed #d4d3d3;
	margin-left:20px;
	margin-right:20px;
	}
.info .detail li span{
	color:#8D8D8D;
	}
.info .detail .sp1{
	color:#FF8204;
	}
.info .detail .sp2{
	color:#C9C9C9;
	text-decoration:line-through;
	}
.info .verify{
	width:100%;
	}
.info .verify img{
	width:200px;
	height:150px;
	margin:20px;
	}
.info .verify .right{
	margin-top:40px;
	width:60%;
	height:130px;
	float:right;
	text-align:center;
	}
.info .verify .right span{
	font-size:1.8rem;
	}
.info .verify .right .btn{
	width:200px;
	font-size:1.6rem;
	border-radius:5px;
	line-height:3rem;
	color:#FF5353;
	border:1px solid #FF5353;
	margin:0 auto;
	margin-top:20px;
	}
.info .verify .right .btn a{
	color:#FF5353;
	}

.info .name2{
	width:100%;
	}
.info .name2 .box{
	display:inline-block;
	width:0;
	height:20px;
	border:3px solid #0064C8;
	margin-top:10px;
	margin-left:20px;
	}
.info .name2 .sp1{
	display:inline-block;
	font-size:2.0rem;
	position:relative;
	top:-2px;
	}
.info .detail p{
	font-size:1.8rem;
	color:#555;
	text-indent:3.6rem;
	margin:20px;
	text-align:justify;
	}
.info .imageText{
	width:100%;
	}
.info .imageText img{
	margin:0;
	width:100%;
	}
.info .imageText ul{
	width:100%;
	font-size:0; 
	padding:0;
	list-style:none; 
}
.info .imageText ul li{
	display:block;
	margin:0;
	padding:0;
	color:#555;
	border:none;

	}
	
.info .course{
	width:100%;
	color:#555;
	border-bottom:1px solid #CECECE;
	position:relative;
	}
.info .course img{
	width:200px;
	height:130px;
	margin:10px 20px;
	border-radius:10px;
	}
.info .course .num{
	display:block;
	width:200px;
	height:30px;
	line-height:30px;
	position:absolute;
	color:#FFF;
	text-align:center;
	font-size:1.2rem;
	left:20px;
	top:110px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color:rgba(115,115,115,0.8);
	}
.info .course .right{
	width:60%;
	height:120px;
	margin-top:10px;
	float:right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.info .course .right .sp1{
	display:inline-block;
	font-size:1.8rem;

	
}
.info .course .right .keyword{
	width:100%;
	}
.info .course .right .keyword span{
	font-size:1.2rem;
	display:inline-block;
	background-color:#E0E0E0;
	padding:4px 6px;
	margin:4px;
	}
.info .course .right .sp2{
	font-size:1.8rem;
	color:#FF8204;
	margin-right:5px;
}
.info .course .right .sp3{
	font-size:1.4rem;
	text-decoration:line-through;
	margin-right:10px;
	}
.info .course .right .sp4{
	font-size:1.2rem;
	}
	
.info .item {
	box-sizing: border-box;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	border-bottom:1px solid #CECECE;
}

.info .item input{
	width: 100%;
	height: 50px;
	font-size: 1.6rem;
	box-sizing: border-box;
	outline: none;
	color:#797979;
	padding-left:80px;
	border:none;
	font-family:"微软雅黑";
	}
.info .item .text{
	width: 100%;
	height:200px;
	box-sizing: border-box;
	outline: none;
	padding-left:80px;
	border:none;
	color:#797979;
	font-size: 1.6rem;
	font-family:"微软雅黑";
	padding-top:5px;
	}

.info .item .icon{
	width:50px; 
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	margin-left:20px;
	}
	
.info .item .icon1{ 
	width:50px; 
	height:50px;
	background-image:url(../images/pxb_c.png);
	background-repeat:no-repeat;
	background-size:100%;
	
}
.info .item .icon2{ 
	width:50px; 
	height:50px;
	background-image:url(../images/pxb_phone.png);
	background-repeat:no-repeat;
	background-size:100%;
	
}

.info .item .icon3{ 
	width:50px; 
	height:50px;
	background-image:url(../images/pxb_msg.png);
	background-repeat:no-repeat;
	background-size:100%;
	
}

.info .btn2{
	display:block;
	width:80%;
	margin:0 auto;
	text-align:center;
	line-height:40px;
	font-size:1.8rem;
	color:#FFF;
	background-color:#0064C8;
	border-radius:5px;
	border:none;
	}*/

.info .line1{
	height:50px;
	margin:0 20px;
	margin-top:10px;
	font-size:1.6rem;
	color:#FF8204;
	}
.info .line1 .price{
	font-size:2.2rem;
	
	}
/* .info .line2{
	height:50px;
	margin:0 20px;
	font-size:1.6rem;
	color:#555;
	} */
.info .line2{
	margin:0 20px;
	font-size:1.6rem;
	color:#555;
	}
.info .line3{
	margin:0 20px;
	font-size:1.6rem;
	color:#000;
	margin-bottom:20px;
	}

.info .detail1{
	height:100px;
	box-sizing: border-box;
	width:100%;
	padding:0 20px;
	margin-top:10px;
	}
.info .detail1 .box{
	text-align:center;
	float:left;
	display:inline-block;
	width:32%;
	font-size:1.4rem;
	color:#555;
	}
.info .detail1 .box span{
	display:block;
	line-height:40px;
	}

.info .detail1 .box .sp1{
	font-size:1.8rem;
	color:#000;
}
.info .detail1 .middle{
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
}

/* .info .detail2{
	box-sizing: border-box;
	height:200px;
	width:100%;
	padding:0 20px;
	border-top:1px solid #E6E6E6;
	} */
.info .detail2{
	box-sizing: border-box;
	width:100%;
	padding:0 20px;
	border-top:1px solid #E6E6E6;
	}
.info .detail2 .tb{
	color:#555;
	font-size:1.4rem;
	width:100%;
	}
.info .detail2 td{
	height:50px;
	}
.info .detail2 .td2{
	color:#000;
}

.info .name2{
	width:100%;
	}
.info .name2 .box{
	display:inline-block;
	width:0;
	height:20px;
	border:3px solid #0064C8;
	margin-top:10px;
	margin-left:20px;
	}
.info .name2 .sp1{
	display:inline-block;
	font-size:1.6rem;
	position:relative;
	top:-2px;
	}
.info .detail p{
	font-size:1.4rem;
	color:#555;
	margin:20px;
	margin-top:10px;
	text-align:justify;
	}
.info .service{
	box-sizing: border-box;
	width:100%;
	padding:0 20px;
	}
	
.info .service .tb2{
	color:#555;
	padding-top:30px;
	padding-bottom:30px;
	font-size:1.6rem;
	margin:20px 0;
	width:100%;
	background-color:#fdf9f1;
	}

.info .service .tb2 .photo{
	height:100px;
	}
.info .service .tb2 img{
	width:80px;
}
.info .service .tb2 td{
	text-align:center;
	}
.info .foot{
	box-sizing: border-box;
	height:80px;
	width:100%;
	font-size:1.8rem;
	margin-bottom:50px;
	}

.info .foot div{
	display:inline-block;
	height:60px;
	line-height:60px;
	float:right;
	text-align:center;
	
	}
.info .foot .d1{
	background:url(../images/star2.png) no-repeat 20px center;
	background-size:36px 36px;
	background-color:#e6e3e3;
	
	width:34%;
}

.info .foot .d2{
	width:33%;
	color:#FFF;
	background-color:#ec6b2c;
}

.info .foot .d3{
	width:33%;
	color:#FFF;
	background-color:#f19e39;
}

.btn{
	width:640px;
	height:80px;
	text-align:center;
	line-height:80px;
	font-size:2.0rem;
	color:#FFF;
	background-color:#F00;
	position:fixed;
	bottom:0;
	}