*{margin:0;padding:0;list-style: none;text-decoration : none;font-family: "黑体", cursive, serif, sans-serif;}
.periphery{
	width: 100%;overflow: auto;
}

.banner{width:100%;}
.banner img{width: 100%}

.particulars{width:80%;margin:auto;padding:40px  0;cursor:pointer;}
.particulars-tutor{width: 75%;float: left;border:1px solid#d2d2d2;}
.tutor-img{width: 96%;margin:auto;overflow: auto;padding:2%;border-bottom:1px dashed#c3c3c3;}
#tutor-img{width: 30%;float: left}
#tutor-m-img{display: none}
.tutor-img div{width: 68%;float: right}
.tutor-img div h2{font-size: 30px;border-bottom:1px dashed #c3c3c3;padding-bottom: 5px;margin-top:2%;}
.tutor-img div h2 span {display: initial;padding: 4px 15px;font-size: 15px;color: #fff;background: #c71d1d; border-radius: 10px 2px 10px 2px;margin-left:2%}
.tutor-img div span{font-size: 20px;color:#fff;background:#c71d1d;padding: 2px 6px;border-radius: 5px;display: table;margin-top: 8px; }
.tutor-img div h4{font-size: 20px;border-top:1px dashed #c3c3c3;padding-top: 5px;margin: 8px auto;}
.tutor-img div p{font-size: 18px;color:#333434;text-align: justify;color: #5d5d5d;line-height: 1.3}
.tutor-intro{width:100%;padding:2% 0;border-bottom:1px dashed#c3c3c3;}
.tutor-intro h1{    font-size: 30px;border-left: 4px solid#c71d1d;padding-left: 6px;border-radius: 2px;margin-left: 2%;margin-top: 2%;margin-bottom: 2%}
.tutor-intro p{font-size: 21px;color: #5d5d5d;text-align: justify;padding:0 3%;    line-height: 1.4;margin-bottom: 2%}
.tutor-territory{border:0;}
.tutor-consult{width: 20%;background: #fff;padding:1% 1%;box-shadow: 0 0 10px #ccc;float: right;margin-right: 1%;text-align: center;position:sticky;top:2%;}
.tutor-consult h3{color: #c71d1d;font-size: 23px;text-align: center}
.tutor-consult h5{font-size: 16px;text-align: center;padding: 3px 0 12px 0;}
.tutor-input{width:80%;margin:0 auto 10px;font-size: 16px;display: block;padding:8px 10px;border:1px solid#d2d2d2;border-radius: 4px}
.tutor-consult p{font-size: 13px;color:#ababab;text-align: center}
.tutor-consult span {color: #fff;background: #c71d1d;padding: 3% 0;border-radius: 25px;width: 73%;margin: 10px auto 5px;display: block;font-size: 15px;}
.clear{ clear:both} 
  
.msg{
	width: 200px;height: 40px;border-radius: 5px;position: fixed;
	top: 30%;left: 0;right: 0;z-index:999;margin: auto;background: #000;opacity: .7;display: none
}
.msg p{
	font-size: 14px;color: #fff;text-align: center;line-height: 40px
}




@media(max-width: 1200px){
	.particulars{width:96%;}
}
@media(max-width: 1000px){
	.particulars{width:80%;}
	.tutor-consult{display: none}
	.particulars-tutor{width: 100%}
}
@media(max-width: 900px){
	.particulars{width:90%;}
	.tutor-img div h2 {font-size: 26px;}
	.tutor-intro h1 {font-size: 26px;}
}
@media(max-width: 700px){
	#tutor-img{display: none}
	#tutor-m-img{display: block;width: 35%;margin:auto;border-radius: 5px}
	.tutor-img div {float: left;padding-left: 1%;    width: 98%;}
}
@media(max-width: 500px){
	.tutor-img div h2 {font-size: 23px;}
	.tutor-intro h1 {font-size: 23px;}
	.tutor-intro p {font-size: 18px;}
}