@charset "utf-8";
/**
 * 编写者：吉林省奕网特科技有限公司
 * 未经授权，禁止使用
 *
 * Copyright (C) 2022 1vator.com 
 */

.top{width:100%; height:50px;background-color: #39383a;display:block;z-index:100}

.top .left a,.top .right a{height:50px;line-height:50px;color:#ffffff; }
 
.top span{padding:6px; font-size: 18px;}
.top ul li {display:inline-block; padding-left:10px;}
.top ul li:first-child{ padding-left:0}

.main{
	z-index:99;
    position:relative;
    background:url(../images/web_search_bg.jpg) center;	
}
.main .search{
	width: 72%;
	margin:0 16%;
	height: 80px;	
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	behavior:url(skin/default/PIE/pie.htc);
	position: relative;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
}
.main_top{height: 200px;}
.main_top2{height: 90px;}
.book_text{margin-left:0;width: 96%;}
.main .search .search_box {
    background: #fff;
    border-radius: 5px;
	behavior:url(skin/default/PIE/pie.htc);
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 50px;
    padding: 9px;
    position: absolute;
    left: 15px;
    top: 15px;
}
.search_box form{
	width: 98%;
	position: absolute;
    left: 0;
}

.search_inp{ 
    width: 90%; 
	height: 32px; 
	padding-left: 10px; 
	border: 1px solid #fff; 
	line-height: 32px; 
	outline: none; 
	font-size: 16px;
	vertical-align: middle;    
	box-sizing: border-box;
}	

.search_box form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 10px;
    background: 0 0;
    border: none;
    outline: none;
    cursor: pointer;
}	


.search_btn{ 
     height: 50px; 
	 width: 150px; 
	 color:#fff; 
	 font-size: 16px; 
	 border-radius:5px; 
	behavior:url(skin/default/PIE/pie.htc);
	-moz-border-radius:5px; 
	-ms-border-radius:5px; 
	-o-border-radius:5px; 
	-webkit-border-radius:5px; 
	border: none;
	cursor: pointer;
	position: absolute;
    right: 15px;
    top: 15px;
	font-family:Microsoft Yahei;
}
.search_method{
	position: absolute;
    margin-top: 35px;
    left: -15px;
}



/*result*/ 
.searchbar{height:290px;background:url(../images/search_bg_bar.png) center;}
.searchbar .search{
	width: 72%;
	margin:0 16%;
	height: 80px;	
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	behavior:url(skin/default/PIE/pie.htc);
	position: relative;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
}

.searchbar .search .search_box {
    background: #fff;
    border-radius: 5px;
	behavior:url(skin/default/PIE/pie.htc);
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 50px;
    padding: 9px;
    position: absolute;
    left: 15px;
    top: 15px;
} 
.option{width: 72%;
	margin:40px 16% 0;
	font-size: 14px;
	box-shadow: 5px 5px 5px #c9c9c9;
    -moz-box-shadow: 5px 5px 5px #c9c9c9;
    -webkit-box-shadow: 5px 5px 5px #c9c9c9;
	}


.page{width:100%;background: #f7f7f7;}
.pagebox{position: absolute;
    top: -40px;
    background: #fff;display:block;width: 100%;}
.pagebox ul,.pagebox ul li{display:block;}	
.pagebox ul li{padding-bottom:16px;padding-left:15px;padding-right:15px;border-bottom:1px solid #f7f7f7}	
.pagebox ul li .title{margin:8px 0;height:38px;line-height:38px;font-size:18px;font-weight: bold;text-align: left;}
.pagebox ul li i{color:#666;padding-right:5px}
.pagebox ul li a{color:#666;}
.pagebox ul li span {float:right;color:#999;}
.pagebox ul li ul li{    
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border-bottom:none;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pagebox ul li:nth-child(n+3) ul li a{color:#89add2}
.pagebox ul li:nth-child(n+3) ul li a:hover{color:#17509d}
.pagebox ul li:nth-child(n+3) ul li span{color:#666}
.pagebox .line50 span{color:#17509d;font-weight:bold}
 
.pagebox .list .pic img{width: 100px;height:140px;}
.pagebox .list button{position: absolute;bottom: 15px;right: 10px;}
.pagebox .list table{width: 100%!important;border: none!important;padding-top: 30px;}
.pagebox .list table tr{border: none!important;position: relative;}
.pagebox .list table td{border-left: none!important;border-right: none!important;border-top: none!important;border-bottom: 1px solid #f7f7f7!important;position: relative!important;}
.pagebox .list table td .title{
	margin: 8px 0;
    line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical;	
}
.pagebox .list table td .lx{
	font-size: 16px;
	width: 80%;
}
.pagebox .list table td button{
	position: absolute!important;
}
.dt-buttons{position: absolute!important;}
.pagebox .list button {
    position: relative!important;
}
.dt-button:first-child{margin-left: 20px!important;}



@media only screen and (max-width:640px) {
.pc{display:none}
.pcnopadding{padding:0;}
.main .search,.searchbar .search{ 
width:100%;
margin:0;
}
.main_top{height: 50px;}
.main_top2{height: 20px;}
.main .search{height: 70px;}
.main .search .search_box {
    background: #fff;
    border-radius: 5px;
    behavior: url(skin/default/PIE/pie.htc);
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 50px;
    padding: 9px;
    position: absolute;
    left: 15px;
    top: 10px;
}
.option{
	width:100%;
    margin:0;
	margin-top: 55px;
}
.radio label, .checkbox label {
    padding-left: 4px;
}
.searchbar {
    height: 190px;
}
.pagebox .list table td .title {
    margin: 4px 0;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
	width: 210px;
}
.pagebox .list table td .lx{
	font-size: 14px;
}
.icheckbox_square-green, .iradio_square-green {
    width: 18px;
    height: 18px;
}
.pagebox .list .pic img {
    width: 80px;
    height: 112px;
}
.va_t{ 
    padding-left: 0!important;
}    
}