.common-footer{margin:0;}
.common-fixed{border-bottom:1px #eee solid;}

.banner{background:#ffe882;padding:50px 0;}
.banner .inner{max-width:1200px;margin:0 auto;box-sizing: border-box;padding:0 100px;}
.banner .inner .item{float:left;}
.banner .inner .p1{font-size:16px;letter-spacing:5px;padding:0 0 10px;;}
.banner .inner .p2{letter-spacing:3px;line-height:21px;color:#655;}
.banner .inner .text{padding-left:50px;}
.banner .inner .btn{padding:20px 0 0 100px;}
.banner .inner .btn .zh-button{display:inline-block;padding:7px 40px;letter-spacing:3px;font-weight:600;border-radius:50px;}

.main{position:relative;max-width:1200px;margin:0 auto;padding:20px 235px 50px 220px;box-sizing: border-box;min-height:500px;}
.main .left{position:absolute;width:200px;left:0;top:0;height:100%;overflow-y:scroll;box-sizing: border-box;border-bottom:50px transparent solid;z-index:5;}
.main .left::-webkit-scrollbar {display:none}
.main .right{position:absolute;width:200px;right:0;top:0;height:100%;padding:20px 0 0;}
.main .mid .common-location{text-align:left;padding:10px 0 0;}
.main .mid p{line-height:31px;padding-bottom:20px;}

.main .left .title{padding:30px 20px 10px;position:relative;color:#666;}
.main .left .title .iconfont{position:absolute;left:0;top:32px;color:#07f;}
.main .left .section{padding:0 10px;}
.main .left .section .name{font-weight:bold;cursor:pointer;padding:10px 0 8px;}
.main .left .section .name .iconfont{font-size:12px;padding-left:3px;}
.main .left .rows{padding:0 10px;display:none;}
.main .left .rows a{display:block;letter-spacing:0;border-left:1px #eee solid;height:35px;line-height:35px;padding:0 15px;white-space:nowrap;word-break: break-all;text-overflow:ellipsis;overflow:hidden;}
.main .left .rows a:hover{border-left-color:#666;}
.main .left .rows .active,.main .left .rows .active:hover{border-left-color:#07f;color:#07f;font-weight:bold;}

.main .right .name{color:#000;padding:20px 0 0;height:35px;font-weight:300;}
.main .right .item{cursor:pointer;font-weight:bold;padding:10px 0 5px;}
.main .right .rows{cursor:pointer;font-size:13px;line-height:35px;height:35px;;padding:0 0 0 15px;letter-spacing:0;color:#555;}
.main .right .active{color:#07f;font-weight:bold;}

/*电脑端兼容样式*/
@media screen and (min-width:1024px){

}
/*手机端兼容样式*/
@media screen and (max-width:1024px){
	.banner .inner{padding:0 15px;}
	.banner .inner .text{padding:0 20px;}
	.banner .inner .btn{padding:20px 0 0;text-align:center;width:100%;}
	
	.index{padding:0 15px;min-height:inherit;}
	.index .left{position:inherit;width:100%;overflow-y:inherit;}
	.index .right,.index .mid{display:none;}
	.index .left .section{margin-top:5px;;}
	.index .left .section .name{padding:10px 0;}
	.index .left .rows a{line-height:40px;height:40px;}
	
	.detail{padding:0 15px;min-height:inherit;}
	.detail .left{display:none;}
	.detail .right{display:none;}
	.detail .mid{padding:0 0 40px;}
	
	.main .mid p{padding-bottom:10px;}
	.main .mid img{width:100% !important;height:auto !important;}
	
}