*{
    padding: 0;
    margin: 0;
}
img{
    padding: 0;
    margin: 0;
    border: none;
}
html{
    overflow-x: hidden;
    height: 100%;
    position: relative;
}
body{
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", arial;
    font-size: 12px;
    color: #333333;
    background: #fff;
    font-weight: normal;
    position: relative;
}
textarea,
input{
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "Microsoft YaHei", arial;
    color: #333333;
}
input:focus,
textarea:focus{
    outline: none;
}
ul,
li{
    list-style: none;
    padding: 0;
    margin: 0;
}
a{
    font-family: "Microsoft YaHei", arial;
    color: #333333;
    font-size: 12px;
}
a:active{
    blr: expression(this.onFocus=this.blur());
    outline: none
}
a{
    outline: none;
    blr: expression(this.onFocus=this.blur());
}
a:link{
    text-decoration: none;
    color: #333333;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:active {
    text-decoration: none;
    color: #333333
}
a:hover {
    text-decoration: none;
    color: #87BF38;
}

.slimScrollBar{
    display: none !important;
}


.footer{
    width: 100%;
    height: auto;
    float: left;
    overflow:visible;
}
.footer .footer1{
    max-width: 1420px;
    width: 80%;
    height: auto;
    margin: 0 auto;
    overflow:visible;
}
.footer .left{
 width: 50%;
    height: auto;
    float: left;
}

.footer .left .addressbox{
   width: 300px;
    height: auto;
    float: left;
    margin-left: 170px;
    margin-top: 37px;
}
.footer .left .addressbox .address{
     width: 380px;
    height: auto;
    float: left;
	  
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 21px;
    font-weight:400;
	line-height:19px;
	color:rgba(201,201,201,1);
}

.footer .right{
  width: 50%;
    height: auto;
    float: right;
    margin-top: 37px;
}
.footer .right .beian{
    width: 600px;
    height: auto;
    float: left;
    
	font-size:14px;
	font-family:Source Han Sans CN;
	font-weight:400;
	line-height:19px;
	color:rgba(201,201,201,1);
	opacity:1;
}


.footerbox{
	width: 100%;
    height: 140px;
    float: left;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 201;
    background:rgba(38,39,38,1);
    overflow:visible;	
}

.footerboxfix{
	width: 100%;
    height: 140px;
    float: left;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 201;
    background:rgba(38,39,38,1);
    overflow:visible;	
}

.wrapper{
    width: 100%;
    height: auto;
    float: left;
}
.wrapper .footerbox{
    position: relative;    
    float: left;
}

.wrapper .banner{
    width: 100%;
    height: 126px;
    float: left;
    border-bottom: solid 3px #87BF38; 
}

.wrapper .banner .header{
    width: 1300px;
    height: 70px;        
	margin:28px auto;
}
.wrapper .banner .header .logo{
    width: 300px;
    height: 70px;
    float: left;    
    overflow: hidden;
}
.wrapper .banner .header .menu {
    width: auto;
    height: 54px;

    line-height: 54px;
    float: right;
    margin-top: 4px;
	margin-right:24px;
}
.wrapper .banner .header .menu li{
    width: auto;
    height: 41px;
    line-height: 41px;
    float: left;
    margin: 8px 32px auto 32px;
	
	font-size:22px;
	font-weight:500;	
	font-family:Source Han Sans CN;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .banner .header .menu li a{
    font-size: 22px;
    color: #393939;
}
.wrapper .banner .header .menu li.now a,
.wrapper .banner .header .menu li a:hover{
    color: #87BF38;
}
.wrapper .banner .header .menu li.now{
    border-bottom: solid 3px #87BF38;
}
.wrapper .banner .header .loginBtn{
    width: 42px;
    height: 70px;
    float: right;    
	margin-right:70px;
}
.wrapper .banner .header .loginBtn a{
    width: 100%;
    height: 70px;
    float: left;    
	 font-size: 14px;   
}
.wrapper .banner .header .loginBtn a:hover{    
 font-size: 14px;   
}
.wrapper .banner .header .loginBtn .pic1{
      width: 40px;
    height: 40px;
    float: left;
    text-align: center;	 
        border: 1px solid #F4F4F4;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 16%);
    border-radius: 50%; 
}
.wrapper .banner .header .loginBtn .pic1 img{
    width: auto;
    height: 100%;
}
.wrapper .banner .header .loginBtn .text{
   width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    font-weight: 500;
    font-size: 14px;
    color:rgba(62,62,62,1);
	text-decoration:underline;
    text-align: center;
    margin-top: 2px;
 
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.wrapper .banner .header .layout-head-user{
     float: right;    
	 margin-right:70px;
      width: 150px;
    height: 70px;
     position:relative;
}

.wrapper .banner .header .layout-head-user .pic1{
      width: 100%;
    height: 40px;
    float: left;
    text-align: center;	  
}
.wrapper .banner .header .layout-head-user .pic1 img{
    width: auto;
    height: 100%;
     cursor:pointer;
}
.wrapper .banner .header .layout-head-user .text{
   width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    font-weight: 500;
    font-size: 14px;
    color:rgba(62,62,62,1);
	text-decoration:underline;
    text-align: center;
    margin-top: 2px;
 
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.wrapper .banner .header .user-head{
    width:auto;
    height:40px;
    border-radius:50%;
    vertical-align:middle;
    margin-right:5px;
}
.wrapper .banner .header .layout-user-menu{
    position:absolute;
    left:0px;
    top:60px;
    width:150px;
    z-index:1000;
    display:none;
}
.wrapper .banner .header .layout-user-menu .triangle-border-up{
    border-bottom-color:#fff;
    margin-left:60px;
}
.wrapper .banner .header .layout-user-menu ul{
    background-color:#fff;
    line-height:2em;
    padding:10px;
}
.wrapper .banner .header .layout-user-menu ul>li{
    padding:5px 10px 5px 50px;
    margin:5px 0;
    cursor:pointer;
    background-repeat:no-repeat;
    background-size:24px;
    background-position:16px center;
}
.wrapper .banner .header .layout-user-menu ul>li:hover{
    background-color:rgb(251,249,249);
}
.wrapper .banner .header .layout-user-menu ul>li:nth-child(1){
    background-image:url(/images/web/icon_center.png);
}
.wrapper .banner .header .layout-user-menu ul>li:nth-child(2){
    background-image:url(/images/web/icon_myshj.png);
}
.wrapper .banner .header .layout-user-menu ul>li:nth-child(3){
    background-image:url(/images/web/icon_out.png);
}


.wrapper .banner .title{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 64px;
}

.wrapper .main{
    width: 100%;
    height: auto;
    float: left;
	min-height:700px;
}
.wrapper .main .container{
    width: 1286px;
    height: auto;
    margin: 0 auto;
}
.wrapper .main .news{
    width: 100%;
    height: auto;
    float: left;
    background: url(../images1/main_news_line.gif) repeat-y center 0;
}
.wrapper .main .crumb{
     width: 1286px;
    height: 32px;
    
    text-align: left;
    background: #fff;
    position: relative;
    overflow: hidden;
	font-size:16px;
	font-weight:500;
	line-height:32px;
	color:rgba(80,80,80,1);
	margin:20px auto;	
}

.wrapper .main .crumb a{
    width: auto;
    height: 56px;
    padding: 0 2px 0 2px;	
  color:rgba(80,80,80,1); 
	font-size:16px;
	font-weight:500;
	line-height:27px;
}

.wrapper .main .crumb  a.cur,
.wrapper .main .crumb  a:hover{
    color: #87BF38;
	}

.wrapper .main .content{
    width: 1286px;
    height:auto;
    float: left;    
    box-sizing: border-box;
}
.wrapper .main .content .readerMessageAdd{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content .readerMessageAdd .tit{
   height:40px;
	font-size:20px;
	font-weight:500;
	line-height:40px;
	color:rgba(149,149,149,1);
	opacity:1;
	
}
.wrapper .main .content .readerMessageAdd .ipt{
	margin-top:15px;  
}

.wrapper .main .content .readerMessageAdd .ipt input{
	width:100%;
	height:50px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(180,180,180,1);
	opacity:1;
	border-radius:4px;
	font-size:16px;	
	font-weight:400;
	line-height:27px;
	text-indent:16px;
}
.wrapper .main .content .readerMessageAdd .textipt
{
	margin-top:25px;
}
.wrapper .main .content .readerMessageAdd .textipt textarea{
	width:100%;
	height:250px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(180,180,180,1);
	opacity:1;
	border-radius:4px;
		font-size:16px;	
	font-weight:400;
	line-height:27px;
	text-indent:16px;
}
.wrapper .main .content .readerMessageAdd .msginfo
{
	margin-top:5px;
    font-size:16px;	
}
.wrapper .main .content .readerMessageAdd .btn
{
	margin-top:35px;
}
.wrapper .main .content .readerMessageAdd .btn input{
	width:125px;
	height:40px;
	background:rgba(135,191,56,1);
	border:none;
	border-radius:22px;
	font-size:16px;	
	font-weight:400;
	line-height:27px;
	color:rgba(255,255,255,1);
	opacity:1;

    cursor:pointer;
}
.wrapper .main .content .leaveMessage{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 26px;
    box-sizing: border-box;
}

.wrapper .main .content .leaveMessage .listTitle{
    width: 100%;
    height: auto;
    float: left;  
    margin-top: 100px;
    box-sizing: border-box;
}
.wrapper .main .content .leaveMessage .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .leaveMessage .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content .leaveMessage li{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0;
    position: relative;
}

.wrapper .main .content .leaveMessage li .question{
    width: 100%;
    height: auto;
    float: left; 
}

.wrapper .main .content .leaveMessage li .question .tit{
    width: 100%;
    height: auto;
    line-height: 22px;
    float: left;
    font-size: 18px; 
	font-weight:500;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .leaveMessage li .question .info{
    width: 100%;
    height: 18px;    
    float: left;
    margin:13px auto;
}
.wrapper .main .content .leaveMessage li .question .date{
  height:19px;
font-size:18px;
font-weight:400;
line-height:31px;
color:rgba(149,149,149,1);
opacity:1;
}
.wrapper .main .content .leaveMessage li .question .card{
  height:18px;
	font-size:18px;
	font-weight:400;
	line-height:31px;
	color:rgba(57,57,57,1);
	opacity:1;
	margin-left:123px;
}
.wrapper .main .content .leaveMessage li .question .txt{
    width: 100%;    
    float: left; 
    min-height:49px;
	height:auto;
	font-size:18px;
	font-weight:400;
	color:rgba(80,80,80,1);
	opacity:1;
	
	line-height:25px;
}
.wrapper .main .content .leaveMessage li .answer{    
    box-sizing:border-box;
	width: 100%;
    min-height:92px;
	height:auto;
    margin-top: 20px;	
	font-size:18px;	
	font-weight:400;
	line-height:31px;
	color:rgba(80,80,80,1);
	opacity:1;
	padding:18px 17px;
float:left;
	
	background:rgba(248,248,248,1);
	opacity:1;
	border-radius:2px;
}

.wrapper .main .paging{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

.wrapper .main .pager{
    width: 100%;
    height: 30px;
    float: left;
    text-align: center;
	font-size:16px;
	margin:50px 0 80px 0;
}

.wrapper .main .pager .left{
    width: 50%;
    height: auto;
    float: left;
    text-align: right;
}

.wrapper .main .pager .right{
    width: 50%;
    height: auto;
    float: right;
    text-align: right;
}

/* pager */
.pager{
    height:30px;
    line-height:30px;
}
.pager input[type=text]{
    padding:1px 5px;
    width:35px;
    height:20px;
    text-align:center;
    border:1px solid #ccc !important;
}
.pager-button{
    width:66px;
    height:26px;
    margin-right:10px;
    cursor:pointer;
    background-color:white;
    color:#393939;
    border:1px solid rgba(216,216,216,1) !important;
    border-radius:3px;
	font-size:14px;
	
}
.pager-go{
    width:40px;
    height:26px;
    /*color:white;*/
    /*background:rgba(135,191,56,1);*/
    border: 1px solid rgba(112,112,112,1);
    cursor:pointer;
    border-radius:3px;
	font-size:14px;
	/*border:0;*/   
}

.pager-button:hover, .pager-go:hover{
    opacity:0.6;
}
.pager-button:disabled{
    color:#ccc !important;
    border-color:#ccc !important;
}


.wrapper .main .content .bookService{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content .booksService .tit{
   height:40px;
	font-size:24px;
	font-weight:500;
	line-height:40px;
	color:rgba(57,57,57,1);
	opacity:1;	
}
.wrapper .main .content .booksService .infobox{
    height:40px;
    width:100%;    
}
.wrapper .main .content .booksService .info{   
font-size:18px;
	font-weight:400;
	line-height:36px;
color:rgba(149,149,149,1);
	opacity:1;	
    float:left;
}
.wrapper .main .content .booksService .btnrenew{   
    font-size:16px;    
    font-weight:500;
    line-height:27px;
    color:rgba(57,57,57,1);

    width:130px;
    height:30px;
    background:rgba(232,232,232,1);
    border:1px solid rgba(201,201,201,1);
    opacity:1;
    border-radius:2px;
    text-align:center;

    margin-right:40px;
    cursor:pointer;
    float:right;
}
.wrapper .main .content .booksListempty {
    width:100%;
    height:auto;
    float:left;
    text-align:center;
}
.wrapper .main .content .booksListempty .imgbox{      
    text-align:center;
    margin-top:100px;
}
    .wrapper .main .content .booksListempty .imgbox img {
    width:140px;
    height:140px;
    }
.wrapper .main .content .booksListempty .info{   
    font-size:18px;
	font-weight:400;
	line-height:36px;
    color:rgba(149,149,149,1);
	opacity:1;	
    text-align:center;
}
.wrapper .main .content .booksList{
    width: 100%;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
    margin-bottom:100px;
}

.wrapper .main .content  .booksList li{
    
    height: auto;
    float: left;
    
	margin:30px 100px 30px 100px;
}

.wrapper .main .content .booksList li  .bookItemBox{
    width:421px;
	height:270px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(216,216,216,1);
	box-shadow:0px 0px 3px rgba(0,0,0,0.16);
	opacity:1;
	border-radius:2px;
}
.wrapper .main .content .booksList li .pic1{
    width: 161px;
    height: 200px;
    float: left;
    text-align: center;
	margin:35px 20px;
	/*background:rgba(255,255,255,1);
	border:1px solid rgba(204,204,204,1);*/
	box-shadow:6px 6px 6px rgba(0,0,0,0.16);
	opacity:1;
	border-radius:6px;	
}
.wrapper .main .content  .booksList li .pic1 img{
    width: 161px;
    height:100%;
	/*margin: 8px 8px;*/
}
.wrapper .main .content  .booksList li .text {
    width: 196px;
    height: 200px;
    line-height: 30px;
    float: right;
    font-weight: 500;
   
    margin-top: 35px;
	margin-right: 22px;
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .booksList li .text .tit
{
	width:196px;
	height:42px;
	font-size:22px;	
	font-weight:500;
	line-height:37px;
	color:rgba(57,57,57,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-bottom:25px;
}

.wrapper .main .content  .booksList li .text .info
{
	width:196px;
	height:28px;
	font-size:16px;
	font-weight:400;
	line-height:28px;
	color:rgba(149,149,149,1);
	opacity:1;	
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;

}

.wrapper .main .content .readerAppointmentAdd{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content .readerAppointmentAdd .tit{
   height:40px;
	font-size:20px;
	font-weight:500;
	line-height:40px;
	color:rgba(149,149,149,1);
	opacity:1;
	
}

.wrapper .main .content .readerAppointmentAdd .label{
	font-size:20px;
	font-weight:500;
	line-height:34px;
	color:#393939;
	width:200px;
	margin-right:20px;
}
.wrapper .main .content .readerAppointmentAdd .ipt input{
	width:440px;
	height:50px;
	background:rgba(255,255,255,1);
	border:2px solid rgba(216,216,216,1);
	opacity:1;
	border-radius:4px;
	font-size:16px;	
	font-weight:400;
	line-height:27px;
	text-indent:16px;
}
.wrapper .main .content .readerAppointmentAdd .msginfo{	
    height:24px;
	font-size:16px;	
    line-height:24px;
}
.red{
	color:#E13327;
}
.hilightRed{
	color:#CA3738;
}
.wrapper .main .content .readerAppointmentAdd .btn
{
	margin-top:10px;
}
.wrapper .main .content .readerAppointmentAdd .btn input{
	width:125px;
	height:40px;
	background:rgba(135,191,56,1);
	border:none;
	border-radius:22px;
	font-size:16px;	
	font-weight:400;
	line-height:27px;
	color:rgba(255,255,255,1);
	opacity:1;

    cursor:pointer;
}
.wrapper .main .content .readerAppointmentAdd  ul {
   
	width:100%;
	height:auto;
	clear: both;
    overflow: hidden;

}
.wrapper .main .content .readerAppointmentAdd  ul li{   
	width:44%;
	height:50px;
	float:left;
	 margin-bottom: 25px;
}
.wrapper .main .content .readerAppointmentAdd  ul li:nth-child(even) {
  margin-left: 2%;
}

.wrapper .main .content .readerAppointmentDesc{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 26px;
    box-sizing: border-box;
}

.wrapper .main .content .readerAppointmentDesc .listTitle{
    width: 100%;
    height: auto;
    float: left;  
    margin-top: 74px;
    box-sizing: border-box;
}
.wrapper .main .content .readerAppointmentDesc .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .readerAppointmentDesc .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content .readerAppointmentDesc li{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0;
    position: relative;
}



.wrapper .main .content .readerAppointmentDesc li .tit{
    width: 100%;
    height: auto;
    line-height: 31px;
    float: left;
    font-size: 18px; 
	font-weight:500;
	color:rgba(57,57,57,1);
	opacity:1;
}

.wrapper .main .content .newBookList{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}

.wrapper .main .content  .newBookList li{
    
    height: auto;
    float: left;
    
	margin:0 20px 18px 0;
}

.wrapper .main .content .newBookList li  .bookItemBox{
    width:410px;
	height:270px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(216,216,216,1);
	box-shadow:0px 0px 3px rgba(0,0,0,0.16);
	opacity:1;
	border-radius:2px;
}
.wrapper .main .content .newBookList li .pic1{
    width: 150px;
    height: 200px;
    float: left;
    text-align: center;
	margin:35px 20px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(204,204,204,1);
	box-shadow:6px 6px 6px rgba(0,0,0,0.16);
	opacity:1;
	border-radius:6px;	
}
.wrapper .main .content  .newBookList li .pic1 img{
    width: 138px;
    height: 184px;
	margin: 8px 8px;
}
.wrapper .main .content  .newBookList li .text {
    width: 196px;
    height: 200px;
    line-height: 30px;
    float: right;
    font-weight: 500;
   
    margin-top: 35px;
	margin-right: 22px;
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .newBookList li .text .tit
{
	width:196px;
	height:42px;
	font-size:22px;	
	font-weight:500;
	line-height:37px;
	color:rgba(57,57,57,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-bottom:25px;
}

.wrapper .main .content  .newBookList li .text .info
{
	width:196px;
	height:28px;
	font-size:16px;
	font-weight:400;
	line-height:28px;
	color:rgba(149,149,149,1);
	opacity:1;	
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;

}

.wrapper .main .content .newBookDetail{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content .newBookTop{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content .newBookTop {
    width:100%;
	height:310px;	
	opacity:1;
	
}
.wrapper .main .content .newBookTop .pic1{
    width: 226px;
    height: 310px;
    float: left;
    text-align: center;
	margin:0 80px 0 0;
	opacity:1;
	
}
.wrapper .main .content  .newBookTop .pic1 img{
    width: auto;
    height: 310px;
	
}
.wrapper .main .content  .newBookTop .text {
    width: 70%;
    height: 310px;
    line-height: 30px;
    float: left;
    font-weight: 500;
   
    margin-top: 45px;
	margin-left: 22px;
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .newBookTop .text .tit
{
	width:100%;
	height:42px;
	font-size:28px;	
	font-weight:500;
	line-height:48px;
	color:rgba(57,57,57,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-bottom:34px;	

}

.wrapper .main .content  .newBookTop .text .info
{
	width:100%;
	height:34px;
	font-size:18px;
	font-weight:400;
	line-height:34px;
	color:rgba(149,149,149,1);
	opacity:1;	
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;

}

.wrapper .main .content .newBookBottom{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin: 26px 0 100px 0;
    box-sizing: border-box;
}

.wrapper .main .content .newBookBottom .listTitle{
    width: 100%;
    height: auto;
    float: left;  
    margin-top: 74px;
    box-sizing: border-box;
}
.wrapper .main .content .newBookBottom .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .newBookBottom .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content .newBookBottom li{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0;
    position: relative;
}



.wrapper .main .content .newBookBottom li .tit{
    width: 100%;
    height: auto;
    line-height: 32px;
    float: left;
    font-size: 16px; 
	font-weight:500;
	color:rgba(57,57,57,1);
	opacity:1;
	text-indent: 2em; 
}

.wrapper .main .content .serviceGuideRight{
    width: 77%;
    height: auto;
    float: right;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}

.wrapper .main .content .serviceGuideLeft{
    width: 23%
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content  .serviceGuideLeft li a{        
    float: left;
    
	width:150px;
	height:42px;
	font-size:20px;
	font-weight:500;
	line-height:42px;
	color:#414141;
	text-decoration:none;
	opacity:1;	
	margin-bottom:20px;	
    background: #FFFFFF;
    text-align:center;
}

.wrapper .main .content  .serviceGuideLeft li a.cur{
	color:#414141;
	background: #F4F4F4;
    border-radius: 8px;
} 
.wrapper .main .content  .serviceGuideRight .tit
{
	font-size:24px;
	font-weight:500;
	line-height:41px;
	color:rgba(57,57,57,1);
	margin-bottom:20px;
}
.wrapper .main .content  .serviceGuideRight .info
{
	font-size:18px;	
	font-weight:400;
	line-height:31px;
	color:rgba(149,149,149,1);
	margin-bottom:28px;
}
.wrapper .main .content  .serviceGuideRight .txt
{
	font-size:18px;	
	font-weight:400;
	line-height:31px;
	color:rgba(57,57,57,1);
	margin-bottom:100px;
	text-indent: 2em; 
}
.wrapper .main .content  .serviceGuideRight .txt .imgBox
{
	max-width:620px;
	height:auto;
	margin:0 auto 30px auto;
}
.wrapper .main .content  .serviceGuideRight .txt img
{
	max-width:620px;
	height:auto;	
}

.wrapper .main .content .searchBox{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 104px;
    opacity: 1;
}
.wrapper .main .content .searchBox .searchBox1{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.wrapper .main .content .searchBox .tab{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
	
}
.wrapper .main .content  .searchBox .tab ul{
    display: inline-block;
}
.wrapper .main .content  .searchBox .tab li{
    width: auto;
    height: 38px;
    line-height: 38px;
    float: left;
    text-align: center;
    font-size: 22px;
    color:#8E8E8E;
    margin: 0 27px;
    cursor: pointer;
	font-weight:500;	

}
.wrapper .main .content  .searchBox .tab li.now{
    color: #87BF38;
    border-bottom: solid 3px #87BF38;

}
.wrapper .main .content  .searchBox .tab li:hover{
    color: #87BF38;
}
.wrapper .main .content  .searchBox .tabBox{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 13px;
}
.wrapper .main .content  .searchBox .tabBox .cent{
    width: 100%;
    height: auto;
    float: left;
    display: none;
}
.wrapper .main .content  .searchBox .tabBox .cent .searchbar{
    width: 100%;
    height: 64px;
    float: left;
    background:rgba(255,255,255,1);
	box-shadow:0px 0px 30px rgba(0,0,0,0.16);
	border-radius:67px;   
    box-sizing: border-box;
    overflow: hidden;	

}
.wrapper .main .content .searchBox .tabBox .cent .searchbar .searchbar1{
    width: 100%;
    height: 64px;
    float: left;
    background: #fff;
    border-radius: 67px;
    overflow: hidden;
}
.wrapper .main .content .searchBox .tabBox .cent .searchbar .inputbox{
    width: 90%;
    height: 64px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}

.wrapper .main .content .searchBox .tabBox .cent .searchbar .inputbox input{
    width: 100%;
    height: 64px;
    line-height: 64px;
    float: left;
    border: none;
    font-size: 18px;
    color: #000;
    padding-left: 20px;
    box-sizing: border-box;
	text-indent:1em;
}
.wrapper .main .content .searchBox .tabBox .cent .searchbar .inputbox input::-webkit-input-placeholder{font-size: 18px;color: #999999;}
.wrapper .main .content  .searchBox .tabBox .cent .searchbar .inputbox input::-moz-placeholder{font-size: 18px;color: #999999;}
.wrapper .main .content  .searchBox .tabBox .cent .searchbar .inputbox input:-moz-placeholder{font-size: 18px;color: #999999;}
.wrapper .main .content  .searchBox .tabBox .cent .searchbar .searchbtn{
    width: 72px;
    height: 63px;
    float: right;
    background: url(/images/web/index/index_input_search.png) no-repeat 15px center;
}
.wrapper .main .content  .searchBox .tabBox .cent .searchbar .searchbtn a,
.wrapper .main .content  .searchBox .tabBox .cent .searchbar .searchbtn input{
    width: 100%;
    height: 42px;
    float: left;
    background: none;
    border: none;
    cursor: pointer;
}
.wrapper .main .content .searchBox .tabBox .cent .classification{
    width: 100%;
    height: 20px;
    float: left;
    margin-top: 27px;
	padding-left: 30px;
}
.wrapper .main .content  .searchBox .tabBox .cent .classification li{
    width: auto;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 16px;
    color: #171b25;
    margin-left: 23px;
}
.wrapper .main .content  .searchBox .tabBox .cent .classification li label{
    width: auto;
    height: 20px;
    line-height: 20px;
    float: left;
    padding-left: 2px;
    font-size: 18spx;
	font-weight:400;
    color: #5A5A5A;
    cursor: pointer;
}
.wrapper .main .content  .searchBox .tabBox .cent .classification li input{
    -webkit-appearance: none;
    width:18px;
    height:18px;
    float:left;
    background:url(/images/web/content/content_searchBox_radio1.png) no-repeat;
    background-size:100%;
    margin-top: 3px;
    cursor: pointer;
}
.wrapper .main .content .searchBox .tabBox .cent .classification li input:checked{
    background:url(/images/web/content/content_searchBox_radio2.png) no-repeat;
    background-size:100%;
}


.wrapper .main .content .hotSearchWords{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 26px;
    box-sizing: border-box;
	padding-left:53px;
}

.wrapper .main .content .hotSearchWords .listTitle{
    width: 100%;
    height: auto;
    float: left;  
    margin-top: 74px;
    box-sizing: border-box;
}
.wrapper .main .content .hotSearchWords .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .hotSearchWords ul
{
	width:100%;
	height:auto;
	float:left;
	margin-top:10px;
}
.wrapper .main .content .hotSearchWords li{
    width: auto;
	min-width:210px;
	max-width:400px;
    height: auto;
    float: left;
    padding: 10px 0;
    position: relative;
	margin:0 22px 0 0;
	
}

.wrapper .main .content .hotSearchWords li .label{	
    width: auto;
	min-width:210px;
	max-width:400px;
    height:46px;
	background:#F4F4F4;
	/*box-shadow:3px 5px 10px rgba(224,228,231,1);*/
	opacity:0.61;
	border-radius:6px;
	text-align:center;
	padding:0 18px;

    line-height: 46px;
    float: left;
    font-size: 18px; 
	font-weight:500;
	color:rgba(43,43,43,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;

    cursor:pointer;
}

.wrapper .main .content .searchResultBox{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 51px;
    opacity: 1;
}
.wrapper .main .content .searchResultBox .searchBox1{
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.wrapper .main .content  .searchResultBox  .cent{
    width: 100%;
    height: auto;
    float: left;
    display: none;
}
.wrapper .main .content  .searchResultBox .cent .searchbar{
    width: 100%;
    height: 64px;
    float: left;
    background:rgba(255,255,255,1);
	box-shadow:0px 0px 30px rgba(0,0,0,0.16);
	border-radius:67px;   
    box-sizing: border-box;
    overflow: hidden;	

}
.wrapper .main .content .searchResultBox .cent .searchbar .searchbar1{
    width: 100%;
    height: 64px;
    float: left;
    background: #fff;
    border-radius: 67px;
    overflow: hidden;
}
.wrapper .main .content .searchResultBox  .cent .searchbar .inputbox{
    width: 90%;
    height: 64px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}

.wrapper .main .content .searchResultBox  .cent .searchbar .inputbox input{
    width: 100%;
    height: 64px;
    line-height: 64px;
    float: left;
    border: none;
    font-size: 18px;
    color: #000;
    padding-left: 20px;
    box-sizing: border-box;
	text-indent:1em;
}
.wrapper .main .content .searchResultBox  .cent .searchbar .inputbox input::-webkit-input-placeholder{font-size: 18px;color: #999999;}
.wrapper .main .content  .searchResultBox .cent .searchbar .inputbox input::-moz-placeholder{font-size: 18px;color: #999999;}
.wrapper .main .content  .searchResultBox  .cent .searchbar .inputbox input:-moz-placeholder{font-size: 18px;color: #999999;}
.wrapper .main .content  .searchResultBox  .cent .searchbar .searchbtn{
    width: 72px;
    height: 63px;
    float: right;
    background: url(/images/web/index/index_input_search.png) no-repeat 15px center;
}
.wrapper .main .content  .searchResultBox  .cent .searchbar .searchbtn a,
.wrapper .main .content  .searchResultBox  .cent .searchbar .searchbtn input{
    width: 100%;
    height: 42px;
    float: left;
    background: none;
    border: none;
    cursor: pointer;
}
.wrapper .main .content .searchResultBox  .cent .classification{
    width: 100%;
    height: 20px;
    float: left;
    margin-top: 27px;
	padding-left: 30px;
}
.wrapper .main .content  .searchResultBox  .cent .classification li{
    width: auto;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 16px;
    color: #171b25;
    margin-left: 23px;
}
.wrapper .main .content  .searchResultBox  .cent .classification li label{
    width: auto;
    height: 20px;
    line-height: 20px;
    float: left;
    padding-left: 2px;
    font-size: 18spx;
	font-weight:400;
    color: #5A5A5A;
    cursor: pointer;
}
.wrapper .main .content  .searchResultBox .cent .classification li input{
    -webkit-appearance: none;
    width:18px;
    height:18px;
    float:left;
    background:url(/images/web/content/content_searchBox_radio1.png) no-repeat;
    background-size:100%;
    margin-top: 3px;
    cursor: pointer;
}
.wrapper .main .content .searchResultBox  .cent .classification li input:checked{
    background:url(/images/web/content/content_searchBox_radio2.png) no-repeat;
    background-size:100%;
}
.wrapper .main .shadowLine
{	
	width: 100%;
    height: 20px;
    float: left;
    box-sizing: border-box;
	background:rgba(255,255,255,1);	
	box-shadow:0px 8px 8px rgba(0,0,0,0.16);   
}
.wrapper .main .content .SearchResultList .searchItemBox{
     width: 100%;
    height: auto;
   cursor:pointer;
}
.wrapper .main .content .SearchResultList li{
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0;
    position: relative;
}

.wrapper .main .content .SearchResultList li  .tit{
    width: 100%;
    height: auto;
    line-height: 41px;
    float: left;
    font-size: 24px; 
	font-weight:500;
color:rgba(40,40,40,1);
	opacity:1;
	
}
.wrapper .main .content .SearchResultList li .info{
    width: 100%;
    height: 18px;    
    float: left;
    margin:9px auto;
	font-size:18px;
	font-weight:400;
	line-height:18px;
	color:rgba(164,164,164,1);
	opacity:1;
}

.wrapper .main .content .SearchResultList li .txt{
    width: 100%;    
    float: left; 
	min-height:30px;
    max-height:30px;
	font-size:18px;
	font-weight:400;
	color:rgba(40,40,40,1);
	line-height:30px;
	opacity:1;
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	
}

.wrapper .main .content .paperBookDetail{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   margin-top:36px;
    box-sizing: border-box;
}
.wrapper .main .content .paperBookTop{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content .paperBookTop {
    width:100%;
	height:310px;	
	opacity:1;
	
}
.wrapper .main .content .paperBookTop .pic1{
    width: 226px;
    height: 310px;
    float: left;
    text-align: center;
	margin:0 80px 0 0;
	opacity:1;
	
}
.wrapper .main .content  .paperBookTop .pic1 img{
    width: auto;
    height: 310px;
	
}
.wrapper .main .content  .paperBookTop .text {
    width: 70%;
    height: 310px;
    line-height: 30px;
    float: left;
    font-weight: 500;
   
    margin-top: 45px;
	margin-left: 22px;
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .paperBookTop .text .tit
{
	width:100%;
	height:42px;
	font-size:28px;	
	font-weight:500;
	line-height:48px;
	color:rgba(57,57,57,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-bottom:34px;	

}

.wrapper .main .content  .paperBookTop .text .info
{
	width:100%;
	height:34px;
	font-size:18px;
	font-weight:400;
	line-height:34px;
	color:rgba(149,149,149,1);
	opacity:1;	
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;

}

.wrapper .main .content .paperBookBottom{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin: 26px 0 10px 0;
    box-sizing: border-box;
}

.wrapper .main .content .paperBookBottom .listTitle{
    width: 100%;
    height: auto;
    float: left;  
    margin-top: 74px;
    box-sizing: border-box;
}
.wrapper .main .content .paperBookBottom .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .paperBookBottom .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content .paperBookBottom li{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0;
    position: relative;
}



.wrapper .main .content .paperBookBottom li .tit{
    width: 100%;
    height: auto;
    line-height: 32px;
    float: left;
    font-size: 16px; 
	font-weight:500;
	color:rgba(57,57,57,1);
	opacity:1;
	text-indent: 2em; 
}

.wrapper .main .content .paperBookCollection{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin: 26px 0 100px 0;
    box-sizing: border-box;
}

.wrapper .main .content .paperBookCollection .listTitle{
    width: 100%;
    height: auto;
    float: left;     
    box-sizing: border-box;
}
.wrapper .main .content .paperBookCollection .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .paperBookCollection .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}

.wrapper .main .content .searchActivityResultList li{
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0;
    position: relative;
}
.wrapper .main .content .searchActivityResultList .searchItemBox{
     width: 100%;
    height: auto;
   cursor:pointer;
}
.wrapper .main .content .searchActivityResultList li  .tit{
    width: 100%;
    height: auto;
    line-height: 41px;
    float: left;
    font-size: 24px; 
	font-weight:500;
	color:rgba(62,62,62,1);
	opacity:1;	
}
.wrapper .main .content .searchActivityResultList li .info{
    width: 100%;
    height: 18px;    
    float: left;
    margin:9px auto;
	font-size:18px;
	font-weight:400;
	line-height:18px;
	color:rgba(164,164,164,1);
	opacity:1;
}

.wrapper .main .content .searchActivityResultList li .txt{
    width: 100%;    
    float: left; 
	height:90px;
	font-size:18px;
	font-weight:400;
	color:rgba(151,151,151,1);
	line-height:30px;
	opacity:1;
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	
	margin-top:10px;
}

.wrapper .main .content .searchNewsResultList li{
    width: 100%;
    height: auto;
    float: left;
    /*padding: 24px 0;*/
    padding: 36px 0;
    position: relative;
    border-bottom:1px solid #f0f0f0;
}
.wrapper .main .content .searchNewsResultList .searchItemBox{
     width: 100%;
    height: auto;
   cursor:pointer;
}
.wrapper .main .content .searchNewsResultList li  .tit{
    width: 100%;
    height: auto;
    line-height: 40px;
    float: left;
    font-size: 24px; 
	font-weight:bold;
	/*color:rgba(57,57,57,1);*/
    color:#3e3e3e;
	opacity:1;	
}
.wrapper .main .content .searchNewsResultList li .info{
    width: 100%;
    height: 18px;    
    float: left;
    margin:9px auto;
	font-size:18px;
	font-weight:400;
	line-height:18px;
	color:rgba(164,164,164,1);
	opacity:1;
}

.wrapper .main .content .searchNewsResultList li .txt{
    width: 100%;    
    float: left; 
	height:90px;
	font-size:18px;
	font-weight:400;
	/*color:rgba(161,161,161,1);*/
      color:#626262;
	line-height:30px;
	opacity:1;
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	
	margin-top:10px;
}

.wrapper .main .content .searchNewsResultList li .pic1{
    width: 310px;
    height: 130px;
    float: left;
    text-align: center;	
	overflow: hidden;
	opacity:1;
	
	background:rgba(255,255,255,1);
	/*border:1px solid rgba(112,112,112,1);*/
	box-shadow:3px 3px 6px rgba(0,0,0,0.16);
margin:8px 0;
	border-radius:6px;
	
}
.wrapper .main .content  .searchNewsResultList li .pic1 img{
    width: 310px;
    height: auto;
	
}
.wrapper .main .content  .searchNewsResultList li .text {
    width: 100%;
	min-width:50%;
    height: auto;   
    float: left;   
	/*margin-left:61px;*/
}
.wrapper .main .content  .newsDetail
{
	width:100%;
	height:auto;
	margin-top:63px;
}
.wrapper .main .content  .newsDetail .tit
{
	font-size:26px;
	font-weight:500;
	line-height:44px;
	color:rgba(40,40,40,1);
	margin-bottom:5px;
	text-align:center;

}
.wrapper .main .content  .newsDetail .info
{
		text-align:center;
	font-size:16px;	
	font-weight:400;
	line-height:30px;
	color:rgba(149,149,149,1);
	margin-bottom:33px;

}
.wrapper .main .content  .newsDetail .txt
{ 
	width:100%;
	font-size:16px;	
	font-weight:400;
	line-height:30px;
	color:rgba(57,57,57,1);
	margin-bottom:100px;
	text-indent: 2em; 
}
.wrapper .main .content  .newsDetail .txt .imgBox
{
	max-width:620px;
	height:auto;
	margin:30px auto 30px auto;
}
.wrapper .main .content  .newsDetail .txt img
{
	width:620px;
	height:auto;	
}

.wrapper .main .content .activityDetail{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   margin-top:60px;
    box-sizing: border-box;
}
.wrapper .main .content .activityTop{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content .activityTop {
    width:100%;
	height:284px;	
	opacity:1;
	
}
.wrapper .main .content .activityTop .pic1{
    width: 210px;
    height: 284px;
    float: left;
    text-align: center;
	margin:0 16px 0 0;
	opacity:1;
	
}
.wrapper .main .content  .activityTop .pic1 img{
    width: auto;
    height: 284px;
	
}

.wrapper .main .content .activityTop .pic2{
    width: 180px;
    height: auto;
    float: right;
    text-align: center;
	margin:29px 80px 0 0;
	opacity:1;
	font-size:17px;
	font-weight:500;
	line-height:23px;
	color:rgba(50,50,50,1);
	
}
.wrapper .main .content  .activityTop .pic2 img{
    width: 180px;
    height: auto;
	
}
.wrapper .main .content  .activityTop .text {
    width: 40%;
    height: 310px;
    line-height: 30px;
    float: left;
    font-weight: 500;
   
    margin-top: 24px;
	
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .activityTop .text .tit
{
	width:100%;
	height:52px;
	font-size:26px;	
	font-weight:500;
	line-height:52px;
	color:rgba(62,62,62,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 13px 0;	

}
.wrapper .main .content  .activityTop .text .date
{
	width:100%;
	font-size:16px;	
	font-weight:400;
	line-height:22px;
	color:rgba(50,50,50,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 50px 0;	

}
.wrapper .main .content  .activityTop .text .info
{
	width:100%;
	height:34px;
	font-size:16px;
	font-weight:400;
	line-height:22px;
	color:rgba(158,158,158,1);
	opacity:1;	
}

.wrapper .main .content .activityTop .pic1-horizontal{
    width: 400px;
    height: 250px;
    float: left;
    text-align: center;
	margin:0 44px 0 0;
	opacity:1;
	
}
.wrapper .main .content  .activityTop .pic1-horizontal img{
    width: auto;
    height: 250px;
	
}

.wrapper .main .content  .activityTop .text-horizontal {
    width: 40%;
    height: 310px;
    line-height: 30px;
    float: left;
    font-weight: 500;
   
    margin-top: 24px;
	
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .activityTop .text-horizontal .tit
{
	width:100%;
	height:52px;
	font-size:26px;	
	font-weight:500;
	line-height:52px;
	color:rgba(62,62,62,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 44px 0;	

}
.wrapper .main .content  .activityTop .text-horizontal .date
{
	width:100%;
	font-size:16px;	
	font-weight:400;
	line-height:22px;
	color:rgba(50,50,50,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 13px 0;	

}
.wrapper .main .content  .activityTop .text-horizontal .info
{
	width:100%;
	height:34px;
	font-size:16px;
	font-weight:400;
	line-height:22px;
	color:rgba(158,158,158,1);
	opacity:1;	
}

.wrapper .main .content .activityBottom{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin: 26px 0 100px 0;
    box-sizing: border-box;
}

.wrapper .main .content .activityBottom .listTitle{
    width: 100%;
    height: auto;
    float: left;  
    margin-top: 26px;
    box-sizing: border-box;
}
.wrapper .main .content .activityBottom .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .activityBottom .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content .activityBottom li{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0;
    position: relative;
}



.wrapper .main .content .activityBottom li .tit{
    width: 100%;
    height: auto;
    line-height: 32px;
    float: left;
    font-size: 16px; 
	font-weight:400;
	color:rgba(50,50,50,1);
	opacity:1;
	text-indent: 2em; 
	}

	.wrapper .main .content .newsIndexList{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 75px;
    box-sizing: border-box;
}

.wrapper .main .content .newsIndexList .listTitle{
    width: 100%;
    height: auto;
    float: left; 
   
    box-sizing: border-box;
}
.wrapper .main .content .newsIndexList .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .newsIndexList .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content .newsIndexList li{
    width: 100%;
    height: 60px;
    float: left; 
    position: relative;
	border-bottom:1px solid rgba(206,211,217,1);
}
.wrapper .main .content .newsIndexList li:nth-child(odd){
    background:rgba(247,250,252,1);
}

.wrapper .main .content .newsIndexList li .listrow{
    width: 100%;
    height: 60px;
    float: left; 
	font-size: 14px; 
	font-weight:400;
	color:rgba(141,141,141,1);
	line-height: 60px;
}
.wrapper .main .content .newsIndexList li .head{
  color:rgba(57,57,57,1);
	font-weight:500;
}

.wrapper .main .content .newsIndexList li .listrow .tit{
    width: 20%;
    height: 60px;  
    float: left;
    padding-left:20px;

    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-all;	
}
.wrapper .main .content .newsIndexList li .listrow .tit a{
    font-size: 14px; 
	font-weight:400;
	color:rgba(141,141,141,1);
}
.wrapper .main .content .newsIndexList li .listrow .tit a:hover{   
	color:#87BF38;
}

.wrapper .main .content .newsIndexList li .listrow .date{
	width: 120px;
	float: left;
    text-align:center;
    padding:0 20px;
}

.wrapper .main .content .newsIndexList li .listrow .txt{
    height:60px;
    width: 60%;     
	float: left;
	box-sizing: border-box;

    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-all;	

    
}
.wrapper .main .loginLogo 
{
	width: 100%;
    height: auto;
    float: left;
    text-align: center;
    opacity: 1; 
    margin-top: 60px;
}
.wrapper .main .loginLogo .logoimg
{
	width:583px;
	margin: 0 auto;	
	
}
.wrapper .main .loginContentBox
{
	 width: 100%;
    height: auto;
    float: left;
    text-align: center;
    opacity: 1; 
    margin-top: 60px;
}
.wrapper .main .loginContent
{
	width: 370px;
    height: auto;    
    text-align: center;
    opacity: 1; 
	
    margin: 0 auto;
}
.wrapper .main .loginContent .label{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#393939;	
}
.wrapper .main .loginContent .ipt{
	margin-top:15px;
	border-bottom:1px solid rgba(216,216,216,1);
}
.wrapper .main .loginContent .ipt input{
	width:330px;
	height:50px;
	border:none;
	
	opacity:1;
	
	font-size:16px;	
	font-weight:400;
	line-height:27px;
	text-indent:16px;
}
.wrapper .main .loginContent .loginMsg{	

	font-size:16px;	
	font-weight:400;
	line-height:27px;
	text-indent:16px;
	
	text-align: center;
    margin-top:20px;
}
.wrapper .main .loginContent .ext{	
	height:16px;
	font-size:16px;	
	font-weight:500;
	line-height:27px;
	color:rgba(142,142,142,1);
	
	margin-top:20px;
}
.wrapper .main .loginContent .ext a{	
	height:16px;
	font-size:16px;

	font-weight:500;
	line-height:27px;
	color:rgba(57,57,57,1);
	text-decoration:underline;
	
	margin-left:110px;
}

.wrapper .main .loginContent .ext input{
	width:16px;
	height:16px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(216,216,216,1);

}
.wrapper .main .loginContent .btn
{
	margin-top:35px;
}
.wrapper .main .loginContent .btn input{
	width:370px;
	height:54px;
	background:rgba(135,191,56,1);
	border:none;
	border-radius:27px;
	font-size:18px;	
	font-weight:bold;
	line-height:25px;
	color:rgba(255,255,255,1);
	opacity:1;
	
	cursor: pointer;
}
.wrapper .main .topStreetLibrarySwiper{
    width: 100%;
    height: 496px;    
    box-sizing: border-box;
	float:left;
	 text-align: center;
	position: relative;
	margin-top:18px;
	
}


     .swiper-content
   {
       height:100%;
   }
   .swiper-content img
   {
       height:100%;
       max-width:986px;
       border-radius:.5em;
   }
     .swiper-container
    {
        height:496px;
        overflow:hidden;
    }
	
	.wrapper .main .content .streetLibraryList{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 75px;
    box-sizing: border-box;
}

.wrapper .main .content .streetLibraryList .listTitle{
    width: 100%;
    height: auto;
    float: left; 
   
    box-sizing: border-box;
}
.wrapper .main .content .streetLibraryList .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content  .streetLibraryList .listTitle .memo{
    height:14px;
	font-size:14px;
	font-weight:400;
	line-height:24px;
	color:rgba(122,122,122,1);
	
	margin-left:30px;
}
.wrapper .main .content .streetLibraryList .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content  .streetLibraryList ul{
	width: 100%;
    height: auto;
    float: left; 
	margin-top:18px;
}
.wrapper .main .content  .streetLibraryList li{
    width: 244px;
    height: auto;
    float: left;
    margin: 0 40px 30px 40px;
}
.wrapper .main .content  .streetLibraryList li .bigButton
{
	width:244px;
	height:216px;
	background:rgba(248,248,248,1);
	opacity:1;
	border-radius:6px;
	
}
.wrapper .main .content  .streetLibraryList li .pic1{
    float: left;
    text-align: center;
	margin:23px 61px 22px 61px;
	
	width:122px;
	height:122px;
   
	background:rgba(255,255,255,1);
	border:1px solid rgba(237,237,237,1);
	border-radius:50%;
	opacity:1;
	background-size:122px 122px;
}

.wrapper .main .content  .streetLibraryList li .pic1 img{
    width: auto;
    height: 100%;
}
.wrapper .main .content  .streetLibraryList li .text{
    width: 100%;
    height: 21px;
    line-height: 21px;
    float: left;
    font-weight: 500;
    font-size: 20px;
    color:rgba(57,57,57,1);
    text-align: center;
    
    padding: 0 25px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}

.wrapper .main .content .streetActivityList{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 75px;
    box-sizing: border-box;
}

.wrapper .main .content .streetActivityList .listTitle{
    width: 100%;
    height: auto;
    float: left; 
   
    box-sizing: border-box;
}
.wrapper .main .content .streetActivityList .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .streetActivityList .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content  .streetActivityList ul{
	width: 100%;
    height: auto;
    float: left; 
	margin-top:8px;
}
.wrapper .main .content  .streetActivityList li{
    
    height: auto;
    float: left;
    
	margin:0 40px 18px 0;
}

.wrapper .main .content .streetActivityList li  .activityItemBox{
    width:269px;
	height:196px;
	
	opacity:1;
	
}
.wrapper .main .content .streetActivityList li .pic1{
    width: 148px;
    height: 196px;
    float: left;
    text-align: center;	
	opacity:1;
	border-radius:4px;	
}
.wrapper .main .content  .streetActivityList li .pic1 img{
    width: auto;
    height: 196px;	
}
.wrapper .main .content  .streetActivityList li .text {
    width: 121px;
    height: 196px;
    line-height: 30px;
    float: right;
    font-weight: 500;
   
	
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .streetActivityList li .text .tit
{
	width:121px;
	height:50px;
	font-size:18px;	
	font-weight:500;
	line-height:24px;
	color:rgba(62,62,62,1);
	opacity:1;
	
	overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	text-overflow:ellipsis;
	margin-bottom:25px;
}

.wrapper .main .content  .streetActivityList li .text .info
{
	width:121px;
	height:42px;
	font-size:14px;
	font-weight:400;
	line-height:21px;
	color:rgba(158,158,158,1);
	opacity:1;	
	
	overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	text-overflow:ellipsis;
}
.wrapper .main .streetLibraryDetailSwiper{
    width: 100%;
    height: 360px;    
    box-sizing: border-box;
    float:left;
	text-align: center;
    position: relative;
    margin-top:18px;
	
}
.wrapper .main .streetLibraryDetailSwiper .swiper-content
{
    height:100%;
}
.wrapper .main .streetLibraryDetailSwiper .swiper-content img
{
    height:100%;
    max-width:986px;
    border-radius:.5em;
}
    .wrapper .main .streetLibraryDetailSwiper .swiper-container
{
    height:360px;
    overflow:hidden;
}

.wrapper .main .content .streetLibraryDetail{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   /*margin-top:50px;*/
       margin: 30px 0 100px 0;
    box-sizing: border-box;
}

.wrapper .main .content .streetTop {
    width:100%;
	height:158px;	
	opacity:1;
	 float: left;
	box-sizing: border-box;
}

.wrapper .main .content  .streetTop .text {
    width: 80%;
    height: 158px;
    line-height: 30px;
    float: left;
    font-weight: 500; 
    /*padding: 0 25px;*/
    /*box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;*/
	
}
.wrapper .main .content  .streetTop .text .tit
{
	width:100%;
	height:52px;
	font-size:26px;	
	font-weight:500;
	line-height:52px;
	color:rgba(62,62,62,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 13px 0;	

}

.wrapper .main .content  .streetTop .text .info
{
	width:100%;
	height:34px;
	font-size:18px;
	font-weight:400;
	line-height:31px;
	color:rgba(158,158,158,1);
	opacity:1;	

     box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.wrapper .main .content .streetMiddle{
    width: 100%;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin: 6px 0 6px 0;
    box-sizing: border-box;	
}
.wrapper .main .content .streetMiddle .btnViewAll
{	
	width:150px;
	height:30px;
	background:rgba(135,191,56,1);
	opacity:1;
	border-radius:15px;
	
	font-size:14px;	
	font-weight:400;
	line-height:28px;	
	color:rgba(255,255,255,1);
	opacity:1;
	float:right;
	text-indent:1em;
	
	margin-right:2em;
	cursor: pointer;
}
.wrapper .main .content .streetMiddle .btnViewAll>span
{
font-family:KaiTi;	
}
.wrapper .main .content .streetBottom{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin: 6px 0 6px 0;
    box-sizing: border-box;
}

.wrapper .main .content .streetBottom .listTitle{
    width: 100%;
    height: auto;
    float: left;  
    margin-top: 26px;
    box-sizing: border-box;
}
.wrapper .main .content .streetBottom .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .streetBottom .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content .streetBottom li{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0;
    position: relative;
}
.wrapper .main .content .streetBottom li .tit{
    width: 100%;
    height: auto;
    line-height: 32px;
    float: left;
    font-size: 16px; 
	font-weight:500;
	color:rgba(50,50,50,1);
	opacity:1;
	text-indent: 2em; 
	}

.wrapper .main .content .streetDetailActivityList{
     width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 25px;
    box-sizing: border-box;
}


.wrapper .main .content  .streetDetailActivityList ul{
	width: 100%;
    height: auto;
    float: left; 
	margin-top:8px;
}
.wrapper .main .content  .streetDetailActivityList li{
    
    height: auto;
    float: left;
    
	margin:0 40px 18px 0;
}

.wrapper .main .content .streetDetailActivityList li  .activityItemBox{
    width:269px;
	height:196px;
	
	opacity:1;
	
}
.wrapper .main .content .streetDetailActivityList li .pic1{
    width: 148px;
    height: 196px;
    float: left;
    text-align: center;	
	opacity:1;
	border-radius:4px;	
}
.wrapper .main .content  .streetDetailActivityList li .pic1 img{
    width: auto;
    height: 196px;	
}
.wrapper .main .content  .streetDetailActivityList li .text {
    width: 121px;
    height: 196px;
    line-height: 30px;
    float: right;
    font-weight: 500;
   
	
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .streetDetailActivityList li .text .tit
{
	width:121px;
	height:50px;
	font-size:18px;	
	font-weight:500;
	line-height:24px;
	color:rgba(62,62,62,1);
	opacity:1;
	
	overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	text-overflow:ellipsis;
	margin-bottom:25px;
}

.wrapper .main .content  .streetDetailActivityList li .text .info
{
	width:121px;
	height:42px;
	font-size:14px;
	font-weight:400;
	line-height:21px;
	color:rgba(158,158,158,1);
	opacity:1;	
	
	overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	text-overflow:ellipsis;
}

.wrapper .main .content .serviceAgentDetail{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   margin-top:22px;
    box-sizing: border-box;
}

.wrapper .main .content .serviceAgentTop {
    width:100%;
	height:158px;	
	opacity:1;
	 float: left;
	box-sizing: border-box;
	margin-top:100px;
	margin-bottom:100px;
}

.wrapper .main .content  .serviceAgentTop .text {
    width: 40%;
    height: 158px;
    line-height: 30px;
  
  margin:0 auto;
    font-weight: 500; 
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
	
}
.wrapper .main .content  .serviceAgentTop .text .tit
{
	width:100%;
	height:52px;
	font-size:26px;	
	font-weight:500;
	line-height:52px;
	color:rgba(51,51,51,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 13px 0;	

}

.wrapper .main .content  .serviceAgentTop .text .info
{
	width:100%;
	height:34px;
	font-size:18px;
	font-weight:400;
	line-height:31px;
	color:rgba(123,123,123,1);
	opacity:1;	
}

.wrapper .main .content .serviceAgentPic{
    width: 974px;
    height: 451px;
    
    text-align: center;	
	opacity:1;
	margin:0 auto;
}
.wrapper .main .content  .serviceAgentPic img{
    width: auto;
    height: 451px;	
}

.wrapper .main .content .activityIndexTop {
    width:100%;
	height:360px;	
	opacity:1;
	 float: left;
	box-sizing: border-box;	
}
.wrapper .main .content .activityIndexTop .leftPicBox {
    width:620px;
	height:298px;	
	opacity:1;
	 float: left;
	box-sizing: border-box;	
    margin-top: 55px;
}
.wrapper .main .content .activityIndexTop .swiper-container, .wrapper .main .content .activityIndexTop .swiper-wrapper {
    height:inherit;
}
.wrapper .main .content .activityIndexTop .swiper-slide img{
    width:100%;
    height:100%;
}
.swiper-pagination .swiper-pagination-bullet{
    width:1em;
    height:1em;
    background-color:#fff;
    opacity:1;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:rgb(107,138,180);
}
.wrapper .main .content .activityIndexTop .right {
    width:410px;
	height:354px;	
	opacity:1;
	 float: left;
	box-sizing: border-box;	
	margin-left:203px;
}
.wrapper .main .content .activityIndexTop .right .searchBox
{
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
}
.wrapper .main .content .activityIndexTop .searchbar{
   width: 410px;
    height: 40px;
   
   background:rgba(254,254,254,1);
    border:1px solid rgba(220,220,220,1);
	box-shadow:0px 0px 20px rgba(0,0,0,0.16);
    border-radius:45px;
    box-sizing: border-box;
    overflow: hidden;	
	margin: 24px auto 30px auto;	
}

.wrapper .main .content .activityIndexTop .searchbar .inputbox{
    width: 75%;
    height: 38px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
	}

.wrapper .main .content .activityIndexTop .searchbar .inputbox input{
    width: 100%;
    height: 38px;
    line-height: 38px;
    float: left;
    border: none;
    font-size: 13px;
    color: #000;
    padding-left: 20px;
    box-sizing: border-box;
	text-indent:3em;
	
	cursor:pointer;
}
.wrapper .main .content .activityIndexTop .searchbar .inputbox input::-webkit-input-placeholder{font-size: 13px;color: #999999;}
.wrapper .main .content .activityIndexTop .searchbar .inputbox input::-moz-placeholder{font-size: 13px;color: #999999;}
.wrapper .main .content .activityIndexTop .searchbar .inputbox input:-moz-placeholder{font-size: 13px;color: #999999;}
.wrapper .main .content .activityIndexTop .searchbar .searchbtn{
    width: 40px;
    height: 38px;
    float: right;
    background: url(/images/web/index/index_input_search.png) no-repeat 10px center;
	background-size:14px;
}
.wrapper .main .content .activityIndexTop .searchbar .searchbtn a,
.wrapper .main .content .activityIndexTop .searchbar .searchbtn input{
    width: 100%;
    height: 38px;
    float: left;
    background: none;
    border: none;
    cursor: pointer;
}
.wrapper .main .content .activityIndexTop .calendarBox
{
	 width:410px;
	 height:260px;
}
.wrapper .main .content .activityIndexList1{
    width: 1300px;
    height: auto;
    float: left;  
    margin-top: 60px;
    box-sizing: border-box;
}

.wrapper .main .content  .activityIndexList1 ul{
	width: 100%;
    height: auto;
    float: left; 	
}
.wrapper .main .content  .activityIndexList1 li{
    width: 200px;
    height: auto;
    float: left;
    margin: 0 37px 30px 0;
}
.wrapper .main .content  .activityIndexList1 li:nth-child(4n){   
    margin-right: 0px;
}
.wrapper .main .content  .activityIndexList1 li .bigButton
{
	width:200px;
	height:136px;
	/*background:rgba(248,248,248,1);*/
	opacity:1;
	border-radius:6px;
	
}
.wrapper .main .content  .activityIndexList1 li .pic1{
    float: left;
    text-align: center;	
	width:200px;
	height:86px;
}

.wrapper .main .content  .activityIndexList1 li .pic1 img{
    width: auto;
    height: 100%;
}
.wrapper .main .content  .activityIndexList1 li .text{
    width: 100%;
    height: 30px;
    line-height: 20px;
    float: left;
    font-weight: 500;
    font-size: 16px;
    color:rgba(57,57,57,1);
    text-align: center;
    
    padding: 8px 25px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-all;
}

	.wrapper .main .content .activityIndexList2{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 40px;
    box-sizing: border-box;
}

.wrapper .main .content .activityIndexList2 .listTitle{
    width: 100%;
    height: auto;
    float: left; 
   
    box-sizing: border-box;
}
.wrapper .main .content .activityIndexList2 .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content  .activityIndexList2 .listTitle .memo{
    height:14px;
	font-size:14px;
	font-weight:400;
	line-height:24px;
	color:rgba(122,122,122,1);
	
	margin-left:30px;
}
.wrapper .main .content .activityIndexList2 .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content  .activityIndexList2 ul{
	width: 100%;
    height: auto;
    float: left; 
	margin-top:18px;
}
.wrapper .main .content  .activityIndexList2 li{
    width: 283px;
    height: auto;
    float: left;
    margin: 0 50px 30px 0;
}
.wrapper .main .content  .activityIndexList2 li>a{
   cursor:pointer;
}
.wrapper .main .content  .activityIndexList2 li:nth-child(4n){   
    margin-right: 0px;
}
.wrapper .main .content  .activityIndexList2 li .activityItem
{
	width:283px;
	height:196px;
}
.wrapper .main .content  .activityIndexList2 li .pic1{
    width: 148px;
    height: 196px;
    float: left;
    text-align: center;
	margin:0 10px 0 0;
	opacity:1;
}

.wrapper .main .content  .activityIndexList2 li .pic1 img{
    width: auto;
    height: 196px;
}
.wrapper .main .content  .activityIndexList2 li .text{
    width: 121px;
    height: 196px;
    line-height: 30px;
    float: left;
    font-weight: 500;
	
	margin-top:10px;
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.wrapper .main .content  .activityIndexList2 li .text .tit
{
	width:100%;
	height:50px;
	font-size:18px;	
	font-weight:500;
	line-height:24px;
	color:rgba(62,62,62,1);
	opacity:1;
	
	box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;	

	margin:0 0 16px 0;	
}
.wrapper .main .content  .activityIndexList2 li .text .date
{
	width:100%;
	height:38px;
	font-size:14px;	
	font-weight:400;
	line-height:22px;
	color:rgba(50,50,50,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 20px 0;	

}
.wrapper .main .content  .activityIndexList2 li .text .info
{
	width:100%;
	height:40px;
	font-size:14px;
	font-weight:400;
	line-height:22px;
	color:rgba(158,158,158,1);
	opacity:1;	
	
	 box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}

	.wrapper .main .content .activityIndexList2-horizontal{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 40px;
    box-sizing: border-box;
}

.wrapper .main .content .activityIndexList2-horizontal .listTitle{
    width: 100%;
    height: auto;
    float: left; 
   
    box-sizing: border-box;
}
.wrapper .main .content .activityIndexList2-horizontal .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content  .activityIndexList2-horizontal .listTitle .memo{
    height:14px;
	font-size:14px;
	font-weight:400;
	line-height:24px;
	color:rgba(122,122,122,1);
	
	margin-left:30px;
}
.wrapper .main .content .activityIndexList2-horizontal .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content  .activityIndexList2-horizontal ul{
	width: 100%;
    height: auto;
    float: left; 
	margin-top:18px;
}
.wrapper .main .content  .activityIndexList2-horizontal li{
     width: 406px;
    height: auto;
    float: left;
    margin: 0 41px 50px 0;
}
.wrapper .main .content  .activityIndexList2-horizontal li>a{
   cursor:pointer;
}
.wrapper .main .content  .activityIndexList2-horizontal li:nth-child(3n){   
    margin-right: 0px;
}
.wrapper .main .content  .activityIndexList2-horizontal li .activityItem
{
	width: 406px;
	height: 166px;
}
.wrapper .main .content  .activityIndexList2-horizontal li .pic1{
   width: 266px;
    height: 166px;
    float: left;
    text-align: center;
    margin: 0 23px 0 0;
    opacity:1;
}

.wrapper .main .content  .activityIndexList2-horizontal li .pic1 img{
      width: auto;
     height: 166px;
}
.wrapper .main .content  .activityIndexList2-horizontal li .text{
   width: 117px;
    height: 166px;
    line-height: 30px;
    float: left;
    font-weight: 500;
    margin-top: 11px;
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.wrapper .main .content  .activityIndexList2-horizontal li .text .tit
{
	width:100%;
	height: 48px;
	font-size: 18px;
	font-weight:500;
	line-height: 24px;
	color: #3E3E3E;
	opacity:1;
	box-sizing: border-box;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
	margin:0 0 6px 0;	
}
.wrapper .main .content  .activityIndexList2-horizontal li .text .date
{
    width:100%;
	height: 42px;
	font-size: 14px;
	font-weight:400;
	line-height: 21px;
	color: #9E9E9E;
	opacity:1;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 12px 0;

}
.wrapper .main .content  .activityIndexList2-horizontal li .text .info
{
	width:100%;
	height: 42px;
	font-size: 14px;
	font-weight:400;
	line-height: 21px;
	color:rgba(158,158,158,1);
	opacity:1;
	box-sizing: border-box;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
}

.wrapper .main .content .activityIndexHistoryList{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 40px;
    box-sizing: border-box;
}

.wrapper .main .content .activityIndexHistoryList .listTitle{
    width: 100%;
    height: auto;
    float: left; 
   
    box-sizing: border-box;
}
.wrapper .main .content .activityIndexHistoryList .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content  .activityIndexHistoryList .listTitle .memo{
    height:14px;
	font-size:14px;
	font-weight:400;
	line-height:24px;
	color:rgba(122,122,122,1);
	
	margin-left:30px;
}
.wrapper .main .content .activityIndexHistoryList .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content  .activityIndexHistoryList ul{
	width: 100%;
    height: auto;
    float: left; 
	margin-top:18px;
}
.wrapper .main .content  .activityIndexHistoryList li{
    width: 162px;
    height: auto;
    float: left;
    margin: 0 120px 30px 0;
}
    .wrapper .main .content .activityIndexHistoryList li>a{
        cursor:pointer;
    }
.wrapper .main .content  .activityIndexHistoryList li:nth-child(5n){   
    margin-right: 0px;
}
.wrapper .main .content  .activityIndexHistoryList li .activityItem
{
	width:162px;
	height:222px;
}
.wrapper .main .content  .activityIndexHistoryList li .pic1{
    width: 100%;
    height: 170px;
    float: left;
    text-align: center;
	margin:0 10px 0 0;
	opacity:1;
}

.wrapper .main .content  .activityIndexHistoryList li .pic1 img{
    width: auto;
    height: 170px;
}
.wrapper .main .content  .activityIndexHistoryList li .text{
    width: 100%px;
    height: 52px;
    line-height: 30px;
    float: left;
    font-weight: 500;
	
	
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.wrapper .main .content  .activityIndexHistoryList li .text .tit
{
	width:100%;
	height:24px;
	font-size:18px;	
	font-weight:500;
	line-height:24px;
	color:rgba(62,62,62,1);
	opacity:1;
	
	box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-all;	

	margin:0 0 10px 0;	
}
.wrapper .main .content  .activityIndexHistoryList li .text .date
{
	width:100%;
	height:22px;
	font-size:14px;	
	font-weight:400;
	line-height:22px;
	color:rgba(158,158,158,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 20px 0;	
}


.wrapper .main .content .activityIndexHistoryList-horizontal{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 40px;
    box-sizing: border-box;
}

.wrapper .main .content .activityIndexHistoryList-horizontal .listTitle{
    width: 100%;
    height: auto;
    float: left; 
   
    box-sizing: border-box;
}
.wrapper .main .content .activityIndexHistoryList-horizontal .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content  .activityIndexHistoryList-horizontal .listTitle .memo{
    height:14px;
	font-size:14px;
	font-weight:400;
	line-height:24px;
	color:rgba(122,122,122,1);
	
	margin-left:30px;
}
.wrapper .main .content .activityIndexHistoryList-horizontal .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}
.wrapper .main .content  .activityIndexHistoryList-horizontal ul{
	width: 100%;
    height: auto;
    float: left; 
	margin-top:18px;
}
.wrapper .main .content  .activityIndexHistoryList-horizontal li{
    width: 406px;
    height: auto;
    float: left;
    margin: 0 41px 50px 0;
}
    .wrapper .main .content .activityIndexHistoryList-horizontal li>a{
        cursor:pointer;
    }
.wrapper .main .content  .activityIndexHistoryList-horizontal li:nth-child(3n){   
    margin-right: 0px;
}
.wrapper .main .content  .activityIndexHistoryList-horizontal li .activityItem
{
	width: 406px;
	height: 166px;
}
.wrapper .main .content  .activityIndexHistoryList-horizontal li .pic1{
     width: 266px;
    height: 166px;
    float: left;
    text-align: center;
    margin: 0 23px 0 0;
    opacity:1;
}

.wrapper .main .content  .activityIndexHistoryList-horizontal li .pic1 img{
          width: auto;
     height: 166px;
}
.wrapper .main .content  .activityIndexHistoryList-horizontal li .text{
    width: 117px;
    height: 166px;
    line-height: 30px;
    float: left;
    font-weight: 500;
    margin-top: 11px;
    /*padding: 0 25px;*/
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.wrapper .main .content  .activityIndexHistoryList-horizontal li .text .tit
{
	width:100%;
	height: 48px;
	font-size: 18px;
	font-weight:500;
	line-height: 24px;
	color: #3E3E3E;
	opacity:1;
	box-sizing: border-box;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
	margin:0 0 6px 0;	
}
.wrapper .main .content  .activityIndexHistoryList-horizontal li .text .date
{
	width:100%;
	height: 42px;
	font-size: 14px;
	font-weight:400;
	line-height: 21px;
	color: #9E9E9E;
	opacity:1;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin:0 0 12px 0;
}
.wrapper .main .content  .activityIndexHistoryList-horizontal li .text .info
{
	width:100%;
	height: 42px;
	font-size: 14px;
	font-weight:400;
	line-height: 21px;
	color:rgba(158,158,158,1);
	opacity:1;
	box-sizing: border-box;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.bggray
{
	background:rgba(248,248,248,1);
}

.wrapper .main .paging ul{
    display: inline-block;
}
.wrapper .main .paging li{
    width: 38px;
    height: 38px;
    float: left;
    margin: 0 2px;
}
.wrapper .main .paging li a{
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #171b25;
    border-radius: 50%;
}
.wrapper .main .paging li.now a,
.wrapper .main .paging li a:hover{
    background: #171b25;
    color: #fff;
}
.wrapper .main .paging li.special{
    width: auto;
}
.wrapper .main .paging li.special a{
    width: auto;
    padding: 0 15px;
    border-radius: 38px;
}

.wrapper .main .leaveMessageBtn{
    width: 101px;
    height: 101px;
    position: fixed;
    top: 380px;
    left: 50%;
    z-index: 300;
    margin-left: 550px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
	opacity:0;
}
.wrapper .main .leaveMessageBtn img{
    width: 100%;
    height: auto;
}
.wrapper .main .leaveMessageBtn:hover{
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    -ms-filter: brightness(110%);
    -o-filter: grbrightnessyscale(110%);
}


.popupFilter{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: none;
}
.popupBox{
    width: 540px;
    height: auto;
    position: fixed;
    left: 50%;
    top: 100px;
    z-index: 1002;
    margin-left: -270px;
    background: #fff;
    padding-bottom: 56px;
    display: none;
	border-radius:6px;
}

.popupBox .streetServiceAgent
{
	width:100%;
	height:650px;
	float:left;
	padding: 0 40px 0 24px;
    box-sizing: border-box;	
}

.popupBox  .streetServiceAgent ul
{
	width:100%;
	height:auto;
	float:left;
	margin-top:60px;
}
.popupBox  .streetServiceAgent li{
   
	width:216px;	
    height: 46px;
    float: left;
    padding: 10px 0;
    position: relative;
	margin:0 10px 0 10px;
	
}

.popupBox  .streetServiceAgent li .label{	
   
	width:180px;	
    height:46px;
	background:rgba(206,211,217,1);
	box-shadow:3px 5px 10px rgba(224,228,231,1);
	opacity:0.61;
	border-radius:6px;
	text-align:center;
	padding:0 18px;

    line-height: 46px;
    float: left;
    font-size: 18px; 
	font-weight:500;
	color:rgba(43,43,43,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	
	cursor: pointer;
}
.popupBox .tip{
    width: 100%;
    height: 115px;   
    margin: 100px auto 40px auto;
    text-align: center;
}
.popupBox .tip img {
    width:115px;
    height:115px;
}

.popupBox .tip p{      
        font-size:22px;    
        font-weight:400;
        line-height:37px;
        color:rgba(80,80,80,1);
    }
    .popupBox .tipbtn {
         width: 100%;
          text-align: center;
    }
.popupBox .tipbtn input{      
      width:125px;
	    height:40px;
	    background:rgba(135,191,56,1);
	    border:none;
	    border-radius:22px;
	    font-size:16px;	
	    font-weight:400;
	    line-height:27px;
	    color:rgba(255,255,255,1);
	    opacity:1;

        cursor:pointer;
    }

.popupBox .close{
    width: 76px;
    height: 76px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: url(../images1/popupBox_close.png) no-repeat;
}
.popupBox .close .btn{
    width: 48px;
    height: 48px;
    float: right;
    background: url(../images1/popupBox_close_btn.gif) no-repeat center center;
    cursor: pointer;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.popupBox .close .btn:hover{
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg);
}
.popupBox .title{
    width: 500px;
    height: 30px;

    line-height: 30px;
    float: left;
    margin-left: 36px;
    font-size: 25px;
    color: #1fb0e6;
    margin-top: 40px;
}
.popupBox .title span{
    font-size: 18px;
    color: #cccccc;
    margin-left: 3px;
}
.popupBox .inpuList{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 40px 0 24px;
    box-sizing: border-box;
}
.popupBox .inpuList .textinpu,
.popupBox .inpuList .inpubox{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
}
.popupBox .inpuList .textinpu .must,
.popupBox .inpuList .inpubox .must{
    width: 12px;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 16px;
    color: #1fb0e6;
    margin-top: 12px;
}
.popupBox .inpuList .textinpu .tit,
.popupBox .inpuList .inpubox .tit{
    width: 80px;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #171b25;
    border-bottom: solid 1px #cccccc;
}
.popupBox .inpuList .textinpu .inpu,
.popupBox .inpuList .inpubox .inpu{
    width: 384px;
    height: 40px;
    float: left;
    border-bottom: solid 1px #f2f2f2;
}
.popupBox .inpuList .inpubox .inpu input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    border: none;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 18px;
    color: #171b25;
}
.popupBox .inpuList .textinpu .tit{
    border: none;
    width: 450px;
    text-align: left;
    padding-left: 5px;
    box-sizing: border-box;
}
.popupBox .inpuList .textinpu .inpu{
    width: 461px;
    height: 123px;
    float: right;
    background: #f2f2f2;
}
.popupBox .inpuList .textinpu .inpu textarea{
    width: 100%;
    height: 123px;
    float: left;
    resize: none;
    padding: 5px;
    box-sizing: border-box;
    border: none;
    background: none;
    font-size: 16px;
    color: #171b25;
}
.popupBox .inpuList .inpubox .inpu .choose{
    width: 50%;
    height: 40px;
    float: left;
}
.popupBox .inpuList .inpubox .inpu .choose input{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    float: left;
    background: url(../images/searchBox_classification1.png) no-repeat 0 0;
    background-size: 100% auto;
    margin-top: 13px;
    margin-left: 50px;
    padding: 0;
    cursor: pointer;
}
.popupBox .inpuList .inpubox .inpu .choose input:checked{
    background: url(../images1/searchBox_classification3.png) no-repeat 0 0;
    background-size: 100% auto;
}
.popupBox .inpuList .inpubox .inpu .choose:first-child input{
    margin-left: 90px;
}
.popupBox .inpuList .inpubox .inpu .choose label{
    width: auto;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 18px;
    color: #171b25;
    padding-left: 2px;
    cursor: pointer;
}
.popupBox .inpuList .inpubox .inpu .choose label.selected{
    color: #1fb0e6;
}
.popupBox .inpuList .textinpu .tips{
    width: 461px;
    height: 34px;
    line-height: 34px;
    float: right;
    font-size: 14px;
    color: #929292;
}
.popupBox .inpuList .textinpu .tips span{
    color: #1fb0e6;
}
.popupBox .submitBtn{
    width: 461px;
    height: 62px;
    float: left;
    background: #1fb0e6;
    margin-left: 39px;
    margin-top: 2px;
}
.popupBox .submitBtn:hover{
    background: #009ad3;
}
.popupBox .submitBtn a,
.popupBox .submitBtn input{
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    float: left;
    border: none;
    background: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
}



/*body{
	background: no-repeat center center ;
	background-attachment: fixed;
	background-size: 100% 100%;
}*/
body.size{
    background-size: 100% 100% !important;
}





/*�ŻԻ�����*/
.wrapper .main .paging1{
    width: 100%;
    height: 38px;
    text-align: center;
}
.wrapper .main .paging1 a{
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #171b25;
    /*color:#21ade5;*/
    border-radius: 50%;
    margin: 5px 4px 0 0;
    padding: 6px 14px 7px;
}
.wrapper .main .paging1 .now{

    width: 38px;
    height: 38px;
    /*background: #171b25;*/
    background: #21ade5;
    color: #fff;
    font-size: 18px;
    border-radius: 50%;
    padding: 6px 14px 7px;
}
.wrapper .main .paging1 a:hover{
    /*width:auto;
	background: #171b25;
	color: #fff;*/
    width: auto;
    /*padding: 0 15px;*/
    color: #fff;
    height:55px;
    /*background: #171b25;*/
    background: #21ade5;
    border-radius: 38px
}






.popboxbg{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    background:#000;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    z-index:9999;
    display:none;
}
.popbox{
    width:540px;
    height:610px;
    background:#fff;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-260px;
    margin-top:	-305px;
    z-index:10000;
    display:none;
}
.popbox .popbox1{
    padding:0 37px;
    width:466px;
    height:610px;
    float:left;
    position:relative;
}
.popbox .colse{
    width:77px;
    height:77px;
    background:#fff;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
}
.popbox .popbox1 .title{
    padding-top:22px;
    width:466px;
    height:62px;
    float:left;
}
.popbox .popbox1 .title .title1{
    width:auto;
    height:62px;
    line-height:62px;
    font-size:25px;
    color:#1fb0e6;
    float:left;
}
.popbox .popbox1 .title .title2{
    padding-left:6px;
    width:auto;
    height:62px;
    line-height:62px;
    font-size:18px;
    color:#ccc;
    float:left;
}
.popbox .popbox1 .poplist{
    width:466px;
    height:auto;
    float:left;
}
.popbox .popbox1 .poplist li{
    padding-top:20px;
    width:466px;
    height:44px;
    float:left;
    background:url(../images/popline1.gif) repeat-x bottom;
    position:relative;
}
.popbox .popbox1 .poplist li .title2{
    padding-right:12px;
    padding-top:21px;
    width:80px;
    height:22px;
    line-height:20px;
    font-size:18px;
    color:#171b25;
    float:left;
    text-align:justify;
    text-align-last:justify;
    line-height:0;
    overflow:hidden;
}
.popbox .popbox1 .poplist li .inputbox{
    width:374px;
    height:43px;
    line-height:43px;
    font-size:18px;
    color:#171b25;
    float:left;
}
.popbox .popbox1 .poplist li .inputbox input{
    padding: 0 12px;
    width:350px;
    height:43px;
    line-height:43px;
    font-size:18px;
    color:#a7a7a9;
    float:left;
    border:none;
    background:none;
}
.popbox .popbox1 .poplist li .line{
    width:80px;
    height:1px;
    background:#ccc;
    float:left;
}
.popbox .popbox1 .poplist li .tips{
    width:auto;
    height:44px;
    line-height:44px;
    color:#1fb0e6;
    font-size:16px;
    position:absolute;
    right:470px;
    bottom:-3px;
}
.popbox .popbox1 .popbtn{
    padding-top:33px;
    width:466px;
    height:62px;
    float:left;
}
.popbox .popbox1 .popbtn .inputbox{
    width:466px;
    height:62px;
    background:#1fb0e6;
    float:left;
}
.popbox .popbox1 .popbtn .inputbox:hover{
    width:466px;
    height:62px;
    background:#05b3f4;
    float:left;
}
.popbox .popbox1 .popbtn .inputbox input{
    width:466px;
    height:62px;
    text-align:center;
    font-size:18px;
    color:#fff;
    line-height:62px;
    background:none;
    border:none;
    float:left;
    cursor:pointer;
}




.wrapper .main .paging1{
    width: 100%;
    height: 38px;
    text-align: center;
}
.wrapper .main .paging1 a{
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #171b25;
    /*color:#21ade5;*/
    border-radius: 50%;
    margin: 5px 4px 0 0;
    padding: 6px 14px 7px;
}
.wrapper .main .paging1 .now{

    width: 38px;
    height: 38px;
    /*background: #171b25;*/
    background: #21ade5;
    color: #fff;
    font-size: 18px;
    border-radius: 50%;
    padding: 6px 14px 7px;
}
.wrapper .main .paging1 a:hover{
    /*width:auto;
	background: #171b25;
	color: #fff;*/
    width: auto;
    /*padding: 0 15px;*/
    color: #fff;
    height:55px;
    /*background: #171b25;*/
    background: #21ade5;
    border-radius: 38px
}
.btn-download {
        width:46px;
        height:24px;
        background:rgba(255,255,255,1);
        border:1px solid rgba(112,112,112,1);
        opacity:1;
        border-radius:4px;

           margin: 18px 40%;
        font-size:14px;      
        font-weight:400;
        line-height:24px;
        color:rgba(57,57,57,1);

        text-align:center;
        cursor:pointer;
    }

.wrapper .main .content .webDatabaseResorceList{
    width: 1286px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
    margin-top: 75px;
    box-sizing: border-box;
}

.wrapper .main .content .webDatabaseResorceList .listTitle{
    width: 100%;
    height: auto;
    float: left; 
   
    box-sizing: border-box;
}
.wrapper .main .content .webDatabaseResorceList .listTitle .text
{
	height:22px;
	font-size:22px;
	font-weight:500;
	line-height:22px;
	color:rgba(57,57,57,1);
	opacity:1;
}
.wrapper .main .content .webDatabaseResorceList .listTitle .shortLine
{
	width:22px;
height:4px;
background:rgba(135,191,56,1);
	margin:12px auto ;
	opacity:1;
	float: left;  
}

.wrapper .main .content .webDatabaseResorceList li{
    width: 176px;
    height: auto;
    float: left;
    margin-bottom: 30px;
	margin:0 30px;
}
.wrapper .main .content .webDatabaseResorceList li .pic1{
    width: 100%;
    height: 176px;
    float: left;
    text-align: center;
	margin-top:29px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(204,204,204,1);
	box-shadow:6px 6px 6px rgba(0,0,0,0.16);
	opacity:1;
	border-radius:6px;
}
.wrapper .main .content .webDatabaseResorceList li .pic1 img{
    width: 96%;
    height: 96%;
    margin:1% auto;
}
.wrapper .main .content .webDatabaseResorceList li .text{
    width: 100%;
    height: 58px;
    line-height: 30px;
    float: left;
    font-weight: 500;
    font-size: 20px;
    color:rgba(64,64,64,1);
    text-align: center;
    margin-top: 35px;
    padding: 0 0px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}

.wrapper .main .content .oldBuildingList{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}

.wrapper .main .content .oldBuildingList li{
    width: 100%;
    height: auto;
    float: left;
    padding: 24px 0;
    position: relative;
    border-bottom: 1px solid #E6E6E6;
}
.wrapper .main .content .oldBuildingList .oldBuildingItemBox{
     width: 100%;
    height: auto;
   cursor:pointer;
}
.wrapper .main .content .oldBuildingList li  .tit{
    width: 100%;
    height: auto;
    line-height: 40px;
    float: left;
    font-size: 24px; 
	font-weight:500;
	color:#393939;
	opacity:1;	
}
.wrapper .main .content .oldBuildingList li .info{
    width: 100%;
    height: 18px;    
    float: left;
    margin:9px auto;
	font-size:16px;
	font-weight:400;
	line-height:18px;
	color:#666666;
	opacity:1;
}

.wrapper .main .content .oldBuildingList li .txt{
    width: 100%;    
    float: left; 
	height:60px;
	font-size:16px;
	font-weight:400;
	color:#666666;
	line-height:30px;
	opacity:1;
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	
	margin-top:10px;
}

.wrapper .main .content .oldBuildingList li .pic1{
    width: 170px;
    height: 140px;
    float: left;
    text-align: center;	
	overflow: hidden;
	opacity:1;
margin:8px 0;
	border-radius:6px;
	
}
.wrapper .main .content  .oldBuildingList li .pic1 img{
    width: 170px;
    height: auto;
	
}
.wrapper .main .content  .oldBuildingList li .text {
    width: 84%;
	min-width:50%;
    height: auto;   
    float: left;   
	margin-left:21px;
}

.wrapper .main .content .oldBuildingDetail{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}
.wrapper .main .content .oldBuildingTop{
    width: 1300px;
    height: auto;
    float: left;
    /*padding: 0 66px;*/
   
    box-sizing: border-box;
}

.wrapper .main .content .oldBuildingTop .pic1{
    width: 340px;
    height: 280px;
    float: left;
    text-align: center;
	margin:0 80px 0 0;
	opacity:1;
    border-radius: 6px;	
}
.wrapper .main .content  .oldBuildingTop .pic1 img{
    width: auto;
    height: 280px;
	
}
.wrapper .main .content  .oldBuildingTop .text {
    width: 60%;
   
    line-height: 30px;
    float: left;
    font-weight: 500;    
   
    word-break:break-all;
	
}
.wrapper .main .content  .oldBuildingTop .text .tit
{
	width:100%;
	height:42px;
	font-size:28px;	
	font-weight:500;
	line-height:48px;
	color:#393939;
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-bottom:34px;	

}

.wrapper .main .content  .oldBuildingTop .text .info
{
	width:100%;
	height:36px;
	font-size:18px;
	font-weight:400;
	line-height:36px;
	color:#666666;
	opacity:1;	
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

    .wrapper .main .content .oldBuildingTop .text .txt {
        width: 100%;       
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        color: #393939;

        margin-top:36px;
        opacity: 1;
        word-break: break-all;

       
    }