<style type="text/css">

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% Arial, Helvetica, sans-serif,"宋体";}

a{color:#333;text-decoration:none;}

a:hover{color:#3366cc;text-decoration:underline;}

/* demo */

.demo{width:100%;margin:40px auto;position:relative;}

.demo h2{font-size:16px;height:44px;color:#3366cc;margin-top:20px;}

.demo dl dt{font-size:14px;color:#ff6600;margin-top:30px;font-weight:800;}

.demo dl dt,.demo dl dd{line-height:22px;}

/* tabbtn */

.tabbtn{height:54px;border-bottom: 1px solid #A31719;    background: #f2f2f2;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}

.tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}

.tabbtn li a{display:block;float:left;overflow:hidden;width:108px;text-align:center;padding: 16px 12px;
    font-size: 18px;cursor:pointer;text-decoration: none;}

.tabbtn li.current{border-left:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;border-top:solid 1px #c5c5c5;}

.tabbtn li.current a{background:#A31719;color:#fff;font-weight:800;}

/* tabcon */

.tabcon{border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;position:relative;/*必要元素*/overflow:hidden;}

.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}

.tabcon .sublist{padding:5px 10px;}

.tabcon .sublist p span {
    font-size: 16px;
    font-family: MicrosoftYaHeiUI;
    color: rgba(51,51,51,1);
    line-height: 22px;
}
/* leftcon */

#leftcon .subbox{width:9999em;}

#leftcon .subbox .sublist{float:left;width:664px;}

/* sublist */

.sublist{padding:10px;}

.sublist li{height:28px;line-height:28px;font-size:12px;}

.sublist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}

.teacherinfo{
		background: #f2f2f2;
	    height: 232px;
	    padding: 0 24px;
	    overflow: hidden;
	}
.teacherinfo .media-heading span{
	font-size: 22px;
    font-family: MicrosoftYaHeiUI-Bold;
    font-weight: bold;
    color: rgba(163,23,25,1);
    line-height: 28px;
}
.teacherinfo p{
	font-size:16px;
	font-family:MicrosoftYaHeiUI;
	color:#333333;
	line-height:22px;

}
.teacherimg{
	float:left;width:275px;height:232px;
}
@media screen and (max-width: 767px) {   
	.teacherimg{
		width:100%;
	} 
	.teacherinfo{
		width: 100%;
    	height: auto;
	}
	.tabbtn{height:38px;}
	.tabbtn li a{display:block;float:left;overflow:hidden;width:58px;text-align:center;padding: 8px 10px;
    font-size: 14px;cursor:pointer;text-decoration: none;}
}
</style>