.nav {
	position: fixed;
	top: 60px;
	right: 50px;
	z-index: 3;
}
.nav a {
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
}
.nav a .line {
	width: 20px;
	height: 13px;
	position: relative;
	margin-top: 8px;
}
.nav a .line span {
	position: absolute;
	height: 1px;
	width: 100%;
	background: #333;
}
.nav a .line span:nth-child(1) {
	top: 0;
}
.nav a .line span:nth-child(2) {
	top: 50%;
	margin-top: -1px;
}
.nav a .line span:nth-child(3) {
	bottom: 0;
}
.nav p {
	font-family: Arial, 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture;
	color: #333;
	font-size: 16px;
}

.logo {
	position: fixed;
	top: 50px;
	left: 50px;
	z-index: 3;
}
.content {
	width: 1000px;
	margin: 0 auto;
	padding-top: 200px;
	margin-bottom: 100px;
}
.content .title {
	font-size: 24px;
	height: 34px;
	line-height: 34px;
	font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;	
	color: #333;
} 
.content .pull-down {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 245px;
	height: 40px;
	position: relative;	
	z-index: 1;	
}
.content .pull-down .checked {
	width: 245px;
	height: 40px;
	line-height: 40px;
	font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
	background: #f0f0f0 url(../images/dianpuxinxiImg/xiangxia.png) no-repeat 213px 17px;	
}
.content .pull-down .checked a {
	display: block;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #333333;		
}
.content .checked-info {
	border: 1px solid #f2f2f2;
	border-top: none;
	background: #ffffff;
	position: absolute;	
	top: 40px;
	z-index: 10;
	height: 250px;
	overflow-y: scroll;
}
.content .checked-info li {
	box-sizing: border-box;	
	width: 226px;
	line-height: 30px;
	font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
}
.content .checked-info li a {
	display: block;
	font-size: 14px;
	padding-left: 20px;
	color: #333333;
}
.content .checked-info li:hover {
	background: #f2f2f2;
}
.content .scroll {
	position: relative;
}
.content .scroll ul.scroll-info {
	width: 791px;
	height: 585px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 42px;
    box-sizing: border-box;	
}
.content .scroll ul.scroll-info::-webkit-scrollbar {
	width: 4px;
}

.content .scroll ul.scroll-info::-webkit-scrollbar-track-piece {
	background: #e9e8e8;
}
.content .scroll ul.scroll-info::-webkit-scrollbar-thumb {
	background: #251b1a;
}
.content .scroll li {
	padding-top: 34px;	
	height: 146px;
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
	position: relative;	
} 
.content .scroll li .location {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -20px;
	display: none;
}
.content .scroll li:hover a.location{
	display: block;
}
.content .scroll li .location img {
	width: 40px;
	height: 40px;
}
.content .scroll li .location:hover img {
	opacity: 0.8;
}
.content .scroll li .left {
	height: 100%;
	width: 259px;
	font-size: 16px;
	line-height: 34px;
	font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
	color: #333333;	
}
.content .scroll li .left p {
	max-width: 140px;
	word-wrap:break-word;
}
.content .scroll li .right {
	width: 486px;
	font-size: 14px;
    line-height: 26px;	
    word-wrap:break-word;
}
.content .scroll li .right p {
	font-size: 14px;
	line-height: 28px;
	font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
	color: #333333;	
	max-width: 400px;
}
.content .scroll li.last {
	border-bottom: 1px solid #e5e5e5;
	font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
}
.content .erweima_s {
	font-size: 0px;
	position: absolute;
	top: 0px;
	right: 56px;
	width: 95px;
	text-align: center;
}
.content .erweima_s img {
	width: 95px;
}
.content .erweima_s p {
	font-size: 14px;
	font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
	color: #333333;	
	margin-top: 17px;	
}


@media only screen and (max-width: 1366px) {
    .logo {
        top: 35px;
        left: 35px;
    }   
    .logo a img {
        width: 160px;
        height: auto;
    }
    .nav {
        top: 40px;
        right: 40px;
    }
}		

@media only screen and (max-width: 1280px) {

	.content { 
	    width: 900px;
	    padding-top: 180px;
	}
	.content .scroll li .left {
	    height: 100%;
	    width: 200px;
	    font-size: 16px;
	    line-height: 34px;
	    color: #333333;
	}
	.content .scroll ul.scroll-info {
	    width: 650px;
	    height: 585px;
	    overflow-x: hidden;
	    overflow-y: scroll;
	    padding-right: 42px;
	    box-sizing: border-box;
	}
	.content .scroll li .right {
	    width: 400px;
	}
	.content .scroll li .right p {
		font-size: 14px;
		line-height: 28px;
		font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
		color: #333333;	
		max-width: 300px;
	}

}

@media only screen and (max-width: 1024px) {
	.content { 
	    width: 700px;
	    padding-top: 180px;
	}
	.content .scroll li .left {
	    height: 100%;
	    width: 150px;
	    font-size: 16px;
	    line-height: 34px;
	    color: #333333;
	}
	.content .scroll ul.scroll-info {
	    width: 550px;
	    height: 585px;
	    overflow-x: hidden;
	    overflow-y: scroll;
	    padding-right: 0px; 
	    box-sizing: border-box;
	}
	.content .scroll li {
	    width: 650px;	
	    padding-top: 30px;	
	}
	.content .scroll li .left p {
		max-width: 140px;
	}
	.content .scroll li .right {
		width: 486px;
	}
	.content .scroll li .right p {
		font-size: 14px;
		line-height: 28px;
		font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
		color: #333333;	
		max-width: 300px;
	}
	.content .scroll li .location {
	    position: absolute;
	    right: 124px;
	    top: 50%;
	    margin-top: -20px;
	}
	.content .erweima_s {
	    font-size: 0px;
	    position: absolute;
	    top: 0px;
	    right: 20px;
	    width: 95px;
	    text-align: center;
	}	
}

@media only screen and (max-width: 768px) {
	.content { 
	    width: 500px;
	    padding-top: 100px;
	}
	.content .checked-info li {
		width: 243px;
	}	
	.content .scroll li .left {
	    height: 100%;
	    width: 150px;
	    font-size: 16px;
	    line-height: 34px;
	    color: #333333;
	}
	.content .scroll ul.scroll-info {
	    width: 100%;
	    height: auto;
	    overflow-x: hidden;
	    overflow-y: scroll;
	    padding-right: 0px; 
	    box-sizing: border-box;
	}
	.content .scroll li {
	    width: 100%;
	    padding-top: 17px;
	}
	.content .scroll li .left p {
		max-width: 130px;
	}
	.content .scroll li .right {
		width: 250px;
	}
	.content .scroll li .right p {
		font-size: 14px;
		line-height: 28px;
		font-family: "黑体", 华文细黑, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", abchanel-couture, Arial;
		color: #333333;	
		max-width: 270px;
	}
	.content .scroll li .location {
	    position: absolute;
	    right: 36px;
	    top: 50%;
	    margin-top: -20px;
	}
	.content .erweima_s {
	    font-size: 0px;
	    position: static;
	    top: 0px;
	    right: 20px;
	    width: 95px;
	    text-align: center;
	    margin: 0 auto;
	    margin-top: 30px;
	}
	.content .scroll ul.scroll-info {
		width: 100%;
		height: auto;
	    overflow-x: hidden;
	    overflow-y: scroll;
	    padding-right: 0px;
	    box-sizing: border-box;	
	}
	.content .scroll li {
		width: 100%;
	}
	.content .scroll ul.scroll-info::-webkit-scrollbar {
		width: 0;
	}
	.content .scroll ul.scroll-info::-webkit-scrollbar-track-piece {
		background: #e9e8e8;
	}
	.content .scroll ul.scroll-info::-webkit-scrollbar-thumb {
		background: #251b1a;
	}
}

@media only screen and (max-width: 640px) {
	.content { 
	    width: 300px;
	    padding-top: 80px;
	}
	.content .title {
	    font-size: 20px;
	    height: 30px;
	    line-height: 30px;
	    padding-bottom: 10px;
	    color: #333;
	}
	.content .pull-down {
	    margin-top: 20px;
	    margin-bottom: 20px;
	    width: 245px;
	    height: 40px;
	    position: relative;
	    z-index: 1;
	}
	.content .scroll li .left {
	    height: 100%;
	    width: 55px;
	    font-size: 14px;
	    line-height: 24px;
	    color: #333333;
	}
	.content .scroll li .left p {
		height: 100%;
	}	
	.content .scroll li .right {
	    width: 200px;
	    max-width: 200px;
	}
	.content .scroll li .right p {
	    font-size: 12px;
	    line-height: 24px;		
	}
	.content .scroll li .location {
	    position: absolute;
	    right: 36px;
	    top: 50%;
	    margin-top: -15px;
	}
	.content .scroll li .location img {
	    width: 30px;
	    height: 30px;
	}
	.content .scroll li .location {
	    position: absolute;
	    right: 1px;
	    top: 50%;
	    margin-top: -15px;
	}
}

@media only screen and (max-width: 414px) {
	.logo {
	    top: 20px;
	    left: 20px;
	}	
	.logo a img {
		width: 110px;
	}
	.nav a {
	    width: 70px;
	}
	.nav {
	    top: 20px;
	    right: 15px;
	}
}

.copyRightss {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
}
.copyRightss:hover {
	opacity: 0.7;
}