@media screen and (max-width:768px){
	.enterwarp{border:1px solid #ccc;margin-top: 0.625rem;overflow: hidden;}
	.enterwarp .left{width:20%;float: left;}
	.enterwarp .left h4{display: none;}
	.enterwarp .left ul{padding: 0.625rem;}
	.enterwarp .left ul li{border-bottom: 1px dotted #ccc;width: 100%;height: 2.8125rem;overflow: hidden;line-height: 2.8125rem;}
	.enterwarp .left ul li a{font-weight: bold;}
	.enterwarp .right{width: 70%;float: right;}
}
@media screen and (min-width:769px){
	.enterwarp .left{width: 300px;float: left;background-color: #fff;}
	.enterwarp .left h4{background-color: #888;height: 50px;line-height: 50px;text-align: center;color: #fff;}
	.enterwarp .left ul{padding: 20px;}
	.enterwarp .left ul li{line-height: 40px;border-bottom: 1px dotted #999;font-weight: bold; cursor: pointer;color: #369;}
	
	.enterwarp .left ul li a:hover{color: #f60;}
	.enterwarp .right{width: 810px;float: right;background-color: #fff;padding: 30px;}
	.enterwarp .right ul li strong{width: 130px;display: block;float: left;text-align: right;font-weight: normal;color: #369;}
	.enterwarp .right ul li span{width: 680px;display: block;float: left;}
	.rightitem{display: none;}
	.rightitem:first-child{display: block;}
	
}
.enterwarp .left ul li a{color: #666;}
	.enterwarp .left ul li a.select{color: red;}
	.enterwarp .right h2{width: 100%;line-height: 50px;text-align: center;}
	.enterwarp .right .rightinfo{width: 100%;color: #666;text-align: center;}
	.enterwarp .right ul li{font-size: 16px;border-bottom: 1px dotted #369;padding: 10px 0;overflow: hidden;}