@charset "UTF-8";
@import url("edittext.css");


/*html{-webkit-text-size-adjust:none;}*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}

/*html5 reset*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*section,article,aside,header,footer,nav,dialog,figure{display:block;}*/
menu, figure{margin:0;padding:0;}

html{ /*height:100%;*/}
body{
	/*width:640px;*/
	background:#f2f2f2;
	color:#555;
	font:normal 24px/1.5 tahoma, "Microsoft YaHei","Arial Unicode MS",Mingliu,Arial,Helvetica;
	height:100%;
	padding-bottom: constant(safe-area-inset-bottom);
  	padding-bottom: env(safe-area-inset-bottom);
}
.ui-mobile-viewport{
	position:relative;
	margin:0 auto;
}

table{empty-cells:show;border-collapse:collapse;border-spacing:0}
table,td,th{vertical-align: middle;}
input,select{vertical-align:middle;}
input,select,textarea{font-family:tahoma, "Microsoft YaHei","Arial Unicode MS",Mingliu,Arial,Helvetica;font-size:24px;}
input[type=button],input[type=submit],input[type=reset]{-webkit-appearance: none;}
textarea{resize:vertical;}
/*input:focus{outline:0 none}*/
::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
::-webkit-textarea-placeholder{color: #999;}
textarea::-moz-placeholder{color: #999;}
#input:-ms-input-placeholder {color: #f30;}
h1,h2,h3,h4,h5,h6{}
ul,ol,menu{list-style:none;}
a img{border:none;}
img{ vertical-align:middle;}
p{margin-bottom:1.2em;}
td p{margin:0;}
fieldset{padding:0 1em 1em 1em; margin:1.6em 0;border:1px solid #ccc;} /*** padding-top is margin-top for fieldsets in Opera ***/
legend{padding-left:.8em; padding-right:.8em;}
legend+*{margin-top:1em;} /*** compensates for the opera margin bug ***/
sub{ font-size:smaller; line-height:0; vertical-align:sub;}
sup{ font-size:smaller; line-height:0; vertical-align:super;}

a{color:#555;cursor:pointer; text-decoration:none;}
a:visited{/*color:#555;*/}
a:focus{outline:none;}


/*

a:hover,a:active{color:#FF3300;text-decoration:underline;}


::selection {
	color: #000000;
	background-color: #FF0000;
}
::-moz-selection {
	color: #000000;
	background: #FF0000;
}*/

/*text style*/
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.black{color:#000;}
.white{color:#fff;}
.gray{color:#ccc;}
.red{color:#db0210;}
.blue{color:#03f;}
.green{color:#008000;}
.mcolor{color:#900;}
.b{font-weight:bold;}
.clear{clear:both;}
.delete{text-decoration:line-through;}
.nob{border:none;background:none;}
.fl{float:left;}
.fr{float:right;}
.float_left {float:left;padding:7px;}
.float_right {float:right;padding:7px;}
.img_float_left {float:left;clear:left;margin:0 8px 10px 0;}
.img_float_right {float:right;clear:right;margin:0 0 10px 8px;}

.highlight {background:#ff0;}
.thin{font-weight: lighter;}
.error_tips,.notice_tips,.success_tips{padding:.3em .8em;margin-bottom:1em;border:2px solid #ddd;white-space:nowrap;}
.error_tips{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice_tips{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success_tips{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error_tips a{color:#8a1f11;}
.notice_tips a{color:#514721;}
.success_tips a{color:#264409;}
.center{text-align: center;}
.tdu{text-decoration:underline;}
.errorMessage{ color:#f00;}
.hidden{ display:none;}
.oh{overflow:hidden; zoom:1;}
.lefthalf{
	float:left;
	width:48%;
}
.righthalf{
	float:right;
	width:48%;
}
/*all*/
.submit{ cursor:pointer; overflow:visible;}
.radio, .checkbox, input[type="radio"], input[type="checkbox"]{ margin:0 5px 3px 0;}
.input, .textarea{
	padding:20px 25px;
	border:1px solid #d1d1d1;
	background:#fafafa;
	color:#474747;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
textarea{ resize:none;}

.formlist .input,.formlist  .textarea{
	/*-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;*/
}
.formlist .input:focus, .formlist .textarea:focus{
	padding:19px 24px;
	border:2px solid #ff8d07;
	background:#fff;
	/*-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2);*/
}

input::-moz-placeholder {
    color: #ababab;
	/*opacity:1;filter:Alpha(opacity=100);*/
}
textarea::-moz-placeholder {
    color: #ababab;
}

.overlay{
	overflow:hidden; zoom:1;
	position:absolute;
	z-inde:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
}




.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* html .clearfix {height: 1%;}
* html .clearfix {display: block;}


.indexcon:after,.container:after,.openingfloor:after,.headlist:after,.searchform .searchin:after,.searchtop:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
/*label css*/
.wrapper{ margin-bottom:10px;}
.pbody{ 
	position:relative;
	margin:0 auto;
	height:100%;
	width:640px;
/*	overflow:hidden; */
}

.loading{
	/*position:fixed;
	z-index:999;
	left:0;
	top:0;
	width:100%;
	height:120%;
	background:#fff url(../images/ico_loading.gif) no-repeat 50% 50%;
	background-size:50px;

	
	-webkit-transform: translate3d(100%,0px,0px);
	-moz-transform: translate3d(100%,0px,0px);
	transform: translate3d(100%,0px,0px);*/
}
.page_loading .loading{
	/*-webkit-transform: translate3d(0,0px,0px);
	-moz-transform: translate3d(0,0px,0px);
	transform: translate3d(0,0px,0px);

	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;*/
}

.cont_page{
	position:relative;
	height:100%;
	overflow:auto;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}

.mainwidth{
	padding:0 25px;
}

.loginpage{
	height:100%;
	background:#2643ab url(../images/login_bg.jpg) no-repeat left bottom;
}



.header{
	background:#4060d1;
	position:relative;
	height:55px;
	padding:20px 0;
	z-index:199;
}
.header .family{
	position:absolute;
	right:0;
	top:20px;
	width:34px;
	height:55px;
	background: url(../images/family.png) no-repeat 50% 50%;
	padding:10px 30px;
}
.sysheader{ background:#252627;}

.loginpage .header{background:#2643ab;}

.memheader{
	position:relative;
	background: url(../images/headbg_1.png) no-repeat left bottom;
}

.memheader .namenum{
	color:#fff;
	font-size:30px;
	line-height:162px;
	padding:0 0 0 25px;
}
.memheader  .set{
	position:absolute;
	right:0;
	top:20px;
	width:34px;
	height:55px;
	background: url(../images/set.png) no-repeat 50% 50%;
	padding:0 25px;
}
.memheader .qrcode{
	position:absolute;
	right:0;
	top:56px;
	display:block;
	width:50px;
	height:50px;
	background: url(../images/qrcode_1.png) no-repeat 50% 50%;
	padding:0 35px;
}
.header .title{
	text-align:center;
	font-size:30px;
	color:#fff;
	line-height:55px;
	font-weight:normal;
}
.header .title_l{
	overflow:hidden;zoom:1;
	width:290px;
	margin:0 auto;
	border:2px #fff solid;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	background:#fff;
}
.header .title_l .title_btn{
	float:left;
	display:block;
	width:145px;
	color:#fff;
	font-size:22px;
	background:#4060d1;
}
.header .title_l .title_btn.cur{
	background:#fff;
	color:#5a7aea;
}
.header .sys{
	position:absolute;
	left:20px;
	top:20px;
	z-index:50;
}
.header .data_icon{
	width:65px;
}
.header .data_icon a{
	display:block;
	color:#fff;
	font-size:17px;
	padding-left:12px;
}
.header .data_icon span{
	display:block;
	margin-top:5px;
}	
.header .searchcon{
	margin:0 auto;
	width:455px;
	height:55px;
	background:#fff;
	overflow:hidden;
}

.header .searchcon .voice{
	float:right;
	width:55px;
	height:55px;
	display:block;
	background:url(../images/voice.png) no-repeat 50% 50%;
}

.header .searchcon .input{
	background:none;
	border:none;
	padding:15px 20px;
	width:360px;
	float:left;
	font-size:20px;
}
.header .searchcon .submit{
	float:right;
	width:75px;
	height:55px;
	margin:0;
	padding:0;
	border:none;
	background:#5a7aea;
	color:#fff;
	font-size:20px;
} 

.header .searchcon_1{ width:540px; margin:0 0 0 65px;}
.header .searchcon_1 .input{ width:400px;}

.header .topmess{
	position:absolute;
	right:20px;
	top:20px;
	z-index:50;
	background:url(../images/message_have.png) no-repeat left 0;
	width:40px;
	height:60px;
	display:block;
}


.header .select{
	float:left;
	margin:0 10px 0 0px;
	width:110px;
	height:55px;
	padding-left:20px;
	text-align:center;
	color:#4060d1;

	background:#fff;
	border:none;
}

.header .searchcon_retrieval{
	float:left;
	margin:0;
	width:360px;
	overflow: hidden;
}
	
.header .searchcon_retrieval .input{
	width:240px;
	float:left;
}

.sys4search{
	padding:0 15px 0 0;
	z-index:50;
	float:right;
}

.header .searchcon_retrieval .voice{
	float:right;
	width:55px;
	height:55px;
	display:block;
	background:url(../images/voice.png) no-repeat 50% 50%;
}
.header .screen{
	position:absolute;
	top:15px;
	right:15px;
	display:inline-block;
	width:60px;
	margin-left:15px;
	text-align:center;
}
.header .screen span{
	display:inline-block;
	color:#fff;
	font-size:17px;
}
.header .cancel{
	float:left;
	color:#fff;
	font-size:28px;
	line-height:55px;
	padding:0 15px;
}

.header .back{
	height:55px;
	width:65px;
	float:left;
	display:block;
	line-height:95px;
	background:url(../images/back.png) no-repeat 50% 50%;
}
.header .back span{
	
}
.header .back_1{
	display:block;
	padding:0 20px;
	position:absolute;
	left:0;
	top:0;
	height:95px;
	color:#fff;
	line-height:95px;
	font-size:30px;
}
.right1{
	display:block;
	padding:0 20px;
	position:absolute;
	right:0;
	top:0;
	height:95px;
	color:#fff;
	line-height:95px;
	font-size:30px;
}
.header .back_1 span{
	background:url(../images/back.png) no-repeat left 50%;
	padding:0 0 0 40px;
}
.header .share,.header .filter{
	display:block;
	height:95px;
	width:34px;
	padding:0 20px;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/share.png) no-repeat 50% 50%;
}
.header .filter{
	width:30px;
	background:url(../images/filter_1.png) no-repeat 50% 50%;
}

.header .close{
	position:absolute;
	right:0;
	top:20px;
	color:#fff;
	line-height:55px;
	padding:0 20px;
}


.header .edit{
	position:absolute;
	right:0;
	top:0;
	height:95px;
	line-height:95px;
	color:#fff;
	width:95px;
	text-align:center;
}







.container{ padding:0 0 90px 0; }
.container_1{ padding:0;}
.container_drop{
	 position:relative;
	 overflow:hidden;
}

.indslide{
	position:relative;
}
.indslide .slide{background:#fff;}
.indslide .slide a{ display: block;}
.indslide .ctrl{
	position:absolute;
	width:100%;
	left:0;
	bottom:5px;
	text-align:right;
	z-index:99;
}
.indslide .ctrl span.swiper-pagination-bullet{
	display:inline-block;
	margin:0 10px 0 0;
	width:10px;
	height:10px;
	background-color:#d6ddf0;
	opacity:1;

	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.indslide .ctrl span.swiper-pagination-bullet-active{ background-color:#1d79e3;}



.indnews{
	padding:20px;
	margin:2px 0 0 0;
	background:#fff;
	overflow:hidden;
}
.indnews .title{
	float:left;
	margin:0 20px 0 0;
}
.indnews-in{
	overflow:hidden;
	height:35px;
	margin-top:2px;
}
.indnewslist{
	width:495px;
}
.indnewslist li{
	display:block;
	overflow:hidden;
	height:35px;
	line-height:35px;
	text-overflow:ellipsis;
	white-space:nowrap;
}



.indmenulist{
	overflow:hidden;
	background:#fff;
	border-top:1px solid #e2e2e2;
	margin:0 0 20px 0 ;
}
.indmenulist li{ float: left;}
.indmenulist a{
	display:block;
	width:159px;
	height:120px;
	border:1px solid #e2e2e2;
	text-align:center;
	margin:-1px 0 0 -1px;
	padding:60px 0;
}
.indmenulist li.li_4 a,.indmenulist li.li_8 a{border-right:none;}
.indmenulist a span{
	display:block;
	padding:95px 0 0 0;
	background:url(../images/icon_1.png) no-repeat 50% 5px;
}
.indmenulist .li_2 a span{
	background:url(../images/icon_2.png) no-repeat 50% 0;
}
.indmenulist .li_3 a span{
	background:url(../images/icon_3.png) no-repeat 50% 0;
}
.indmenulist .li_4 a span{
	background:url(../images/icon_4.png) no-repeat 50% 7px;
}
.indmenulist .li_5 a span{
	background:url(../images/icon_5.png) no-repeat 50% 10px;
}
.indmenulist .li_6 a span{
	background:url(../images/icon_6.png) no-repeat 50% 0;
}
.indmenulist .li_7 a span{
	background:url(../images/icon_8.png) no-repeat 50% 0;
}
.indmenulist .li_8 a span{
	background:url(../images/icon_7.png) no-repeat 50% 0;
}
.indmenulist .li_9 a span{
	background:url(../images/icon_9.png) no-repeat 50% 5px;
}
.indmenulist .li_10 a span{
	background:url(../images/icon_10.png) no-repeat 50% 5px;
}
.indmenulist .li_11 a span{
	background:url(../images/icon_11.png) no-repeat 50% 5px;
}
.indmenulist .li_12 a span{
	background:url(../images/icon_12.png) no-repeat 50% 5px;
}
.indmenulist .li_13 a span{
	background:url(../images/icon_13.png) no-repeat 50% 5px;
}
.indmenulist .li_14 a span{
	background:url(../images/icon_14.png) no-repeat 50% 5px;
	background-size:75px 50px;
}
.indmenulist .li_15 a span{
	background:url(../images/icon_15.png) no-repeat 50% 5px;
}
.indmenulist .li_16 a span{
	background:url(../images/icon_16.png) no-repeat 50% 5px;
}
.indmenulist .li_17 a span{
	background:url(../images/icon_17.png) no-repeat 50% 0px;
	background-size:66px 66px;
}
.indmenulist .li_18 a span{
	background:url(../images/icon_18.png) no-repeat 50% 0px;
	background-size:66px 66px;
}
.indmenulist .li_19 a span{
	background:url(../images/icon_19.png) no-repeat 50% 0px;
	background-size:66px 66px;
}

.historytitle{
	height:70px;
	line-height:80px;
	padding:0 25px;
	border-bottom:1px solid #cecdd1;
	color:#9a9a9a;
}
.historylist{
	border-bottom:1px solid #dedee0;
	padding:0 25px;
	margin:0 0 25px 0;
}
.historylist li{
	height:70px;
	line-height:70px;
	border-top:1px solid #dedee0;
}
.historylist li:first-child{border-top:none;}

.clearhistory{
	display:block;
	width:185px;
	text-align:center;
	height:50px;
	line-height:50px;
	border:2px solid #b4b4b4;
	color:#b4b4b4;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	margin:0 auto;
}


.booksort{
	overflow:hidden;
	padding:20px 0;
	background:#fff;
	border-bottom:1px solid #cfced3;
	position:relative;
	z-index:199;
}
.booksort a{
	display:block;
	float:left;
	text-align:center;
	width:190px;
	border-left:1px solid #eee;
}
.booksort a:first-child{border-left:none;}
.booksort a span{
	background:url(../images/filterico.png) no-repeat right 12px;
	padding:0 20px 0 0;
}
.booksort a.active span{
	color:#4060d1;	
	background:url(../images/filterico.png) no-repeat right -38px;
}
.booksort .filter{
	width:65px;
	height:36px;
	padding:0 40px 0 8px;
	border-right:none;
	background:url(../images/filter.png) no-repeat 80px 5px;
}
.booksort .filter span,.booksort .filter.active span{
	
}


.libsort{}
.libsort a{
	width:319px;
}


.sidelibsort a:first-child span{
	background:none;
	padding:0;
}




.bookdropshow{
	position: absolute;
	left:0;
	top:172px;
	width:640px;
	z-index:199;
}
.bookdropshow .bookdroptext{
	background:#fff;
	border-bottom:1px solid #cfced3;
	position:relative;
	z-index:199;
	
	display:none;
}
.bookdropshow .bookdroptext .bg{
	position:fixed;
	height:100%;
	background:rgba(0,0,0,0.6);
	width:100%;
	left:0;
	top:0px;
	z-index:0;
	
	display:none;
}
.sortlist{
	padding:0 20px;
	background:#fff;
	position:relative;
	z-index:199;
}
.sortlist li{border-top:1px solid #cfced3;}
.sortlist li:first-child{border-top:none;}
.sortlist li a{
	display:block;
	height:70px;
	line-height:70px;
	
}
.sortlist li a:active{ color:#4060d1;}





.bookcon{
	background:#fff;
}
.booklist{ }
.booklist li{
	position:relative;
	border-bottom:1px solid #ededed;
	white-space:nowrap;
}
.booklist a{
	display:block;
	overflow:hidden;
	padding:17px;	
}
.booklist .info_out{
  overflow: hidden;
  padding:17px 17px;
}
.info_out a{
	display:inline;
	padding:0;
}
.booklist span{
	display:block;
	overflow:hidden;
	font-size:20px;
	color:#8c8c8c;
	white-space:normal;
}
.booklist .imgdiv{
	position: relative;
	height:260px;
	width:150px;
	float:left;
}
.booklist .imgdiv .number {
    position: absolute;
    left: -5px;
    top: -12px;
    background-color: #3d52ea;
    color: #fff;
    line-height: 23px;
    width: 23px;
    border-radius: 24px;
    text-align: center;
    font-size: 17px;
}
.booklist .img{
	float:left;
	margin:0 25px 0 0;
	width:140px;
}
.booklist .img a{padding-left:0;}

.booklist .title{
	color:#222;
	font-size:22px;
	margin:0 0 5px 0;
	white-space:normal;
}
.booklist .info_out .title{
	padding:0;
	white-space:normal;
}
.booklist .info_text{ zoom:1;}
.booklist .author{ margin:0 0 5px 0; white-space:normal;}
.booklist .like{
	padding:0 0 0 30px;
	background:url(../images/like.png) no-repeat left 3px;
	margin:5px 0 0 0;
}
.booklist a:active{ background:#f5f5f5;}
.booklist_btn{
	position:absolute;
	bottom:18px;
	right:10px;
	height:45px;
	text-align:right;
}
.info_out .booklist_btn{
	position:static;
	height:56px;
	margin:40px 10px 0 0;
	text-align:right;
}
.booklist_btn a{
	display: inline-block;
	width:105px;
	height:45px;
	line-height:45px;
	padding:0;
	font-size: 18px;
	text-align: center;
}
.booklist_btn .load_btn{
	border:1px #f95757 solid;
	color:#f95757;
}
.booklist_btn .delivery_btn{
	margin-left:10px;
	border:1px #5975d7 solid;
	color:#5975d7;
	width:140px;
}



.literaturelist{ margin:0 0 25px 0;}
.literaturelist li{ overflow:hidden;}
.literaturelist a{
	float:left;
	width:610px;
}
.literaturelist .selinput{
	float: left;
	padding:0 15px 0 25px;
	line-height:180px;
	display:none;
}

.literaturelist .icheckbox{ vertical-align:middle; margin:0;}
.literaturelist a:active{ background:none;}



/* iCheck plugin Futurico skin
----------------------------------- */
.icheckbox,
.iradio {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    margin: 0 15px 0 0;
    padding: 0;
    width: 35px;
    height: 35px;
    background: url(../images/radio.png) no-repeat left 0;
    border: none;
    cursor: pointer;
}

.icheckbox {
    background-position: 0 0;
}
.icheckbox.checked {
	background: url(../images/radio.png) no-repeat left -35px;
}
.icheckbox.disabled {
	background-position: 0 0;
	cursor: default;
}
.icheckbox.checked.disabled {
	background-position: 0 0;
}


.iradio {
    background-position: 0 0;
}
.iradio.checked {
	background: url(../images/radio.png) no-repeat left -35px;
}
.iradio.disabled {
	background-position: 0 0;
	cursor: default;
}
.iradio.checked.disabled {
	background-position: 0 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox,
    .iradio {
        background-image: url(../images/radio.png) no-repeat left 0;
        -webkit-background-size: 35px 35px;
        background-size: 35px 35px;
    }
}





.setcheck {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    margin:6px 0 0 0;
    padding: 0;
    width: 92px;
    height: 63px;
    background: url(../images/checkbox.png) no-repeat left 0;
    border: none;
    cursor: pointer;
	float:right;
}

.setcheck {
    background-position: 0 0;
}
.setcheck.checked {
	background-position: 0 -63px;
}
.setcheck.disabled {
	background-position: 0 0;
	cursor: default;
}
.setcheck.checked.disabled {
	background-position: 0 0;
}

/*去掉iphone ipad默认button样式*/
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}





.footer_wx{
	position:fixed;
	left:50%;
	margin:0 0 0 -320px;
	bottom:0;
	width:610px;
	background:#fff;
	padding:15px;
	border-top:1px solid #f0eff3;
	
	display:none;
}
.footer_wx .selall{ float: left; line-height:55px;}
.footer_wx .selall .icheckbox{ vertical-align:middle;}
.footer_wx .del{
	width:215px;
	text-align:center;
	height:55px;
	line-height:55px;
	background:#fc5050;
	float:right;
	color:#fff;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}




.filtercon{
	background:#fff;
	padding:0 0 100px 0;
	position:relative;
	z-index:99;
}
.filtercon .item{
	border-bottom:1px solid #edecf2;
	padding:0px 20px 5px 20px;
}
.filtercon .item .title{
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	display:block;
	color:#3b4147;
	font-size:25px;
	position:relative;
	
}
.filtercon .item .title .drop{
	position:absolute;
	right:0;
	top:20px;
	display: block;
	width:25px;
	height:38px;
	background:url(../images/ico_8.png) no-repeat left 50%;
}
.filtercon dd{ height:66px; overflow:hidden;}


.filterlist{ overflow:hidden; margin:0 0 0 -15px;}
.filterlist li{
	float:left;
	margin:0 0 20px 15px;
}
.filterlist a{
	display:block;
	padding:0 20px;
	color:#747d86;
	height:46px;
	line-height:46px;
	background:#f5f5f5;
	font-size:21px;
	
	-webkit-border-radius:23px;
	-moz-border-radius:23px;
	border-radius:23px;
	
}
.filterlist li.active a{
	color:#fff;
	background:#4060d1;
}


.filterbtn{
	position:absolute;
	left:0;
	bottom:0;
	width:640px;
	border-top:1px solid #f3f2f6;
	padding:15px 0;
	background:#fff;
	z-index:99;
}
.filterbtn .submit{
	margin:0 0 0 20px;
	background:#4060d1;
	border:none;
	color:#fff;
	width:600px;
	height:55px;
	line-height:55px;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}





.infocon{
	padding:30px 20px;
	background:#fff;
}

.infotop{ overflow:hidden; position:relative; margin:0 0 35px 0;}

.infotop .img{
	float:left;
	margin:0 20px 6px 0;
}
.infotop img.img, .infotop .img img{
	box-shadow:0px 2px 6px rgba(0,0,0,0.35);
}
.infotop_text{ overflow:hidden; zoom:1;}
.infotop .title{
	font-weight:normal;
	color:#222;
	font-size:28px;
	overflow: hidden;
}
.infotop .text{
	/*position:absolute;
	left:200px;
	top:160px;*/
	font-size:20px;
}

.infocon .info_star{
	box-shadow: none;
}

.infolink{
	overflow:hidden;
	margin: 0 0 40px -15px;
}
.infolink li{
	float:left;
	margin: 0 0 0 15px;
}
.infolink a{
	display:block;
	width:188px;
	height:65px;
	line-height:65px;
	text-align:center;
	border:1px solid #4060d1;
	color:#4060d1;
	font-size:21px;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.infolink a span{
	background:url(../images/infoico.png) no-repeat left 3px;
	padding:0 0 0 30px;
}
.infolink a:active{
	color:#fff;
	background:#4060d1;
	border:1px solid #4060d1;
}
.infolink a:active span{
	background-position:-170px 3px;
}

.infolink .li_2 a span{
	background-position:left -59px;
}
.infolink .li_3 a span{
	background-position:left -118px;
}

.infolink .li_2 a:active span{
	background-position:-170px -59px;
}
.infolink .li_3 a:active span{
	background-position:-170px -118px;
}


.basicinfo{ margin:0 0 30px 0;}
.basicinfo .title{
	color:#8a8a8a;
	border-bottom:1px solid #e1e1e1;
	font-weight:normal;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
.basicinfo .text{
	font-size:21px;
	color:#666;
}

.synopsis{
	height:126px;
	overflow:hidden;
}
.synopsis .text{}

.unfold{
	text-align:center;
	margin:20px 0 0 0;
}
.unfold span{
	display:inline-block;
	background:url(../images/ico_8.png) no-repeat left 50%;
	padding:0 0 0 35px;
	color:#cecece;
	font-size:21px;
	
	cursor:pointer;
}




.statelist{
	margin:20px 0 0 0;
}
.statelist li{
	background:#fff;
	padding:0 20px;
	margin:0 0 20px 0;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}
.statelist .title{
	font-weight:normal;
	height:60px;
	line-height:60px;
	color:#4060d1;
}
.statelist .callno{
	display:block;
	border-top:1px solid #e2e2e2;
	height:60px;
	line-height:60px;
	font-size:21px;
}
.statelist .callno .name{
	display:inline-block;
	width:12%;
	padding:0 15px 0 0;
	color:#929292;
}
.statelist .callno .barcodeN{
	/*
	padding: 0 15px 0 15%;
	*/
	padding: 0 15px 0 0;
	display:inline-block;
	width:12%;
	color:#929292;
}


.statefilter{
	position:absolute;
	left:0;
	top:95px;
	z-index:199;
	background:#fff;
	width:100%;
	
	overflow:hidden;
	
	display:none;
}
.arealist{
	float:left;
	width:210px;
	margin:0 -1px 0 0;
	position: relative;
	z-index:99;
}
.arealist li,.streetlist li{
	border-bottom:1px solid #e9e7ef;
}
.arealist li a,.streetlist li a{
	display:block;
	height:85px;
	line-height:85px;
	text-align:center;
	color:#747d86;
	font-size:21px;
}
.arealist li a { border-right:1px solid #e9e7ef;}
.arealist li.active a,.arealist li a:active{
	background:#f9f9f9;
	border-right:1px solid #4060d1;
}


.stateshow{
	float:right;
	width:430px;
	border-left:1px solid #e9e7ef;
}

.statetext{ display:none;}



.streetlist{
	width:429px;
}
.streetlist li a{
	width:auto;
	padding:0 30px;
}
.streetlist li a:active{ background:#f9f9f9;}



.logincon{
	padding:0 60px;
}
.logo{ text-align:center; margin:0 0 40px 0;}
.logo_1{
	margin:30px 0 80px 0;
}

.loginform{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	margin:0 0 50px 0;
}
.loginform li{
	border-top:2px solid #ddd;
	background:#fff;
	position:relative;
}
.loginform li:first-child{border-top:none;}
.loginform .input{
	border:none;
	width:425px;
	padding-left:70px;
	
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.loginform_pass .input{
	width:480px;
	padding-left:25px;
}
.loginform_pass a{
	display:block;
	background:#4060d1;
	width:140px;
	height:55px;
	text-align:center;
	line-height:55px;
	color:#fff;
	font-size:20px;
	position:absolute;
	right:15px;
	top:7px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}


.loginform .name{
	background:url(../images/name.png) no-repeat 26px 50%;
}
.loginform .pass{
	background:url(../images/pass.png) no-repeat 26px 50%;
}
.loginform .sfz{
	background:url(../images/sfz.png) no-repeat 26px 50%;
}
.loginform .mobile{
	background:url(../images/mobile.png) no-repeat 26px 50%;
}

.loginbtn{ margin:0 0 40px 0;}
.loginbtn .submit{
	background:#3154c5;
	color:#fff;
	text-align:center;
	height:70px;
	line-height:70px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	font-size:28px;
	
	border:none;
	width:100%;
}

.findcode{
	display:block;
	text-align:center;
	color:#c7cbe7;
	font-size:20px;
	margin:0 0 40px 0;
}

.logintext{
	color:#c7cbe7;
	font-size:20px;
	border-top:2px solid #3c56b3;
	text-align:left;
	padding:20px 0;
	display:inline-block;
	width:100%;
}


.memtopmenu{
	overflow: hidden; zoom:1;
	background:#fff;
	border-top:1px solid #cfced3;
	border-bottom:1px solid #cfced3;
	margin:30px 0;
}
.memtopmenu li{
	float:left;
	display:inline;
	margin:0 38px;
	padding:20px 0 15px 0px;
}
.memtopmenu a{
	display:block;
	text-align:center;
	background:url(../images/mem_1.png) no-repeat 50% 0;
	padding:50px 0 0 0;
	color:#333;
	font-size:21px;
}
.memtopmenu .li_2 a{background:url(../images/mem_2.png) no-repeat 50% 0;}
.memtopmenu .li_3 a{background:url(../images/mem_3.png) no-repeat 50% 0;}
.memtopmenu .li_4 a{background:url(../images/mem_4.png) no-repeat 50% 0;}
.memtopmenu .li_5 a{background:url(../images/mem_5.png) no-repeat 50% 0;}


.memlist,.cardlist{
	padding:0 25px;
	border-top:1px solid #cfced3;
	border-bottom:1px solid #cfced3;
	background:#fff;
	margin:0 0 30px 0;
}
.memlist li,.cardlist li{
	border-top:1px solid #cfced3;
}
.memlist li:first-child,.cardlist li:first-child{border-top:none;}
.memlist a{
	display:block;
	height:102px;
	line-height:102px;
	background:url(../images/ico_10.png) no-repeat right 50%;
}
.memlist li span{
	background:url(../images/mem_icolist.png) no-repeat 10px 35px;
	padding:0 0 0 94px;
	display:block;
}
.memlist .li_2 span{ background-position:10px -70px;}
.memlist .li_3 span{ background-position:10px -167px;}
.memlist .li_4 span{ background-position:10px -275px;}
.memlist .li_5 span{ background-position:10px -375px;}


.memcarlist{}
.memcarlist li{}
.memcarlist li span{ background:none; padding:0;}
.memcarlist li a{}

.page_btn{
	display:block;
	height:60px;
	line-height:60px;
	margin:25px 20px 25px;
	text-align:center;
	font-size:20px;
	color:#fff;
	background:#4060d1;
}
.page_btn2{
	margin-top:180px;
}
.pageedit_btn,.pagesave_btn{
	position: relative;
	top:90px;
	width: 600px;
	border:none;
}
.pagesave_btn{
	background-color: #4db232;
}
.quit_btn{
	margin:180px 20px 25px;
}
.cart_btn{
	bottom:0;
	left:50%;
	z-index:100;
	width:640px;
	background:#fff;
}
.cart_btn .cart_btn1{
	display:inline-block;
	width:290px;
	margin:25px 10px 25px 20px;
}
.cart_btn .cart_btn2{
	display:inline-block;
	width:290px;
	margin:25px 0;
}

.smslist{ margin:30px 0 0 0;}
.smslist a,.setlist a{ overflow:hidden;}
.setlist a{ color:#333;}
.smslist .text,.setlist .text{ float:right; padding:0 30px 0 0; color:#888; font-size:24px;}


.setlist{ margin:30px 0; /*background:#f7f7f7;*/}


.exit{}
.exit a{
	border-bottom:1px solid #cdccd1;
	border-top:1px solid #cdccd1;
	text-align:center;
	display:block;
	line-height:75px;
	color:#de3b26;
	background:#fff;
}
.exit1 a{
	border-bottom:1px solid #cdccd1;
	border-top:1px solid #cdccd1;
	text-align:center;
	display:block;
	line-height:40px;
	color:#4060d1;
	background:#fff;
}

.setclose{
	height:75px;
	line-height:75px;
	overflow:hidden;
}
.setclose .title{
	float: left;
}
.setclose .checkbox,.setclose .setcheck{
	float:right;
}




.cardtop{
	margin:30px 20px;
	background:url(../images/readers_bg.png) no-repeat left 0;
	height:333px;
	width:600px;
}
.cardtop .set{
	position:absolute;
	right:0;
	top:20px;
	width:34px;
	height:55px;
	background: url(../images/set.png) no-repeat 50% 50%;
	padding:10px 30px;
}
.cardtop .cardno{
	padding: 130px 0 0 0;
    font-size: 28px;
    color: #fff;
    text-align: center;
}
.cardtop .text{
	padding:5px 0 10px 20px;
	font-size:20px;
	color:#fff;
	width:50%;float:left
}
.cardtop a{
	color:#fff;
	line-height:20px;
}
.cardtop_QRCode{
	width:40%;
	float:right;
	padding: 16px 15px 0 0;
}

.cardlist{}
.cardlist li{
	overflow:hidden;
	padding:20px 0;
}
.cardlist .title{
	float: left;
	color:#333;
}
.cardlist .num{
	float:right;
	color:#888;
}
.cardlist .price{ font-family: Arial, Helvetica, sans-serif;}

.cardlist_1{
	margin:30px 0;
}
.cardlist_1 .title{
	float:left;
	color:#888;
}
.cardlist_1 .num{
	float:right;
	color:#333;
	width:350px;
	text-align:right;
}


/*预借*/
.preborrowlist{}
.preborrowlist li{ position:relative;}
.preborrowlist a{
	padding-right:22px;
}
.preborrowlist .surplus{
	color:#4060d1;
	font-size:20px;
	margin-left:18px;
}
.preborrowlist .pastdue{
	color:#ff5050;
}
.preborrowlist .renew{
	display: block;
	position:absolute;
	right:30px;
	top:70px;
	padding:0 20px;
	height:45px;
	line-height:45px;
	font-size:20px;
	color:#ff5050;
	border:1px solid #ff5050;
	z-index:99;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.preborrowlist .norenew{
	color:#888;
	border:1px solid #888888;
}


.borrowlist{}
.borrowlist li{ position:relative;}
.borrowlist a{
	padding-right:130px;
}
.borrowlist .surplus,.booklist .surplus{
	color:#4060d1;
	font-size:20px;
}
.borrowlist .pastdue,.booklist .pastdue{
	color:#ff5050;
	font-size:20px;
}
.borrowlist .renew{
	display: block;
	position:absolute;
	right:30px;
	top:70px;
	padding:0 20px;
	height:45px;
	line-height:45px;
	font-size:20px;
	color:#4060d1;
	border:1px solid #4060d1;
	z-index:9;
	background:#f8fbcb;
	text-align:center;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.borrowlist .reborrow{
	display: block;
	position:absolute;
	right:30px;
	top:130px;
	padding:0 20px;
	height:45px;
	line-height:45px;
	font-size:20px;
	color:#4060d1;
	border:1px solid #4060d1;
	z-index:99;
	background:#d5f9e4;	
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}



.borrowlist .norenew,.booklist .norenew{
	color:#888;
	border:1px solid #888888;
}

.borrowtips{
	text-align:center;
	padding:20px 0;
	color:#999;
	font-size:20px;
}


.keyrenew{
	position:fixed;
	left:50%;
	bottom:0;
	margin:0 0 0 -320px;
	width:610px;
	background:#fff;
	padding:15px;
	border-top:1px solid #efeef1;
	z-index:199;
}
.keyrenew .btn{
	display:block;
	background:#4060d1;
	color:#fff;
	text-align:center;
	height:55px;
	line-height:55px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}


.financelist{ margin:30px 0;}


.coll_activitylist{
	padding:30px 20px;
}
.coll_activitylist li{
	margin:0 0 20px 0;
}
.coll_activitylist  a{
	display:block;
	padding:25px 65px 25px 25px;
	border:1px solid #e2e2e2;
	
	background:#fff url(../images/ico_10.png) no-repeat 560px 50%;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	
}
.coll_activitylist .title{
	display: block;
	color:#333;
	padding:0 40px 0 0;
}
.coll_activitylist .time,.coll_activitylist .host{
	color:#999;
	display:block;
	font-size:20px;
}


.librarylist{
	background:#fff;
	margin:0 0 30px 0;
}
.librarylist li{
	border-bottom:1px solid #e2e2e2;
	padding:25px;
	overflow:hidden;
}
.librarylist .text{
	float:left;
	width:450px;
}
.librarylist .text .title{
	color:#333;
	display:block;
}
.librarylist .text .trouble,.sideliblist .trouble{
	color:#fff;
	font-size:16px;
	background:#fd3b3b;
	display:inline-block;
	padding:1px 10px;
	margin:0 0 0 10px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	vertical-align:middle;
}
.librarylist .text .addr{
	display:block;
	color:#999;
	font-size:20px;
}
.librarylist .cancel{
	display: block;
	float:right;
	font-size:20px;
	color:#4060d1;
	height:45px;
	line-height:45px;
	padding:0 15px;
	border:1px solid #4060d1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:10px 0 0 0;
}
.librarylist .cancel:active{
	background:#4060d1;
	color:#fff;
}



.consultlist{
	background:#fff;
}
.consultlist li{
	padding:30px;
	border-bottom:1px solid #c8c7cc;
}
.consultlist .title{
	color:#4060d1;
	font-weight:normal;
}
.consultlist .text{
	font-size:20px;
}



.jgtoptext{
	font-size:20px;
	color:#888;
	padding:30px;
}


.recommendlist{
	background:#fff;
	padding:0 25px;
	border-top:1px solid #cecdd1;
	border-bottom:1px solid #cecdd1;
}
.recommendlist li{
	border-top:1px solid #e9e9eb;
}
.recommendlist li:first-child{border-top:none;}



.recommendlist{ margin:0 0 30px 0;}
.recommendlist li{ padding:3px 0;}
.recommendlist .label{
	display:inline-block;
	color:#333;
	width:115px;
	margin:0 5px 0 0;
}
.recommendlist .input{
	background:none;
	border:none;
	padding-left:0;
	width:435px;
}
.recbtn{
	padding:0 30px 30px 30px;
}
.recbtn .submit,.recbtn a{
	width:580px;
	height:70px;
	text-align:center;
	line-height:70px;
	color:#fff;
	background:#4060d1;
	border:none;
	font-size:30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.recbtn a{ display:block;}


.losslist{ color:#333; padding:0;}
.losslist li{
	padding:15px 25px;
}
.losslist .label{ width:auto;}



.bindinglist .input{ width:560px;}



.smsservlist{
	background:#fff;
}
.smsservlist li{
	border-bottom:1px solid #c8c7cc;
	padding:30px;
}
.smsservlist .sel{
	line-height:90px;
	float: left;
	padding:0 25px 0 0;
}
.smsservlist .li_2 .sel{ line-height:150px;}
.smsservlist .label{
	font-size:20px;
	display:block;
	overflow:hidden;
}
.smsservlist .radio,.smsservlist .iradio{
	vertical-align:middle;
	margin:0;
}




.result_null{
	text-align:center;
	padding:160px 0 0 0;
}
.result_null .img{}
.result_null .text{
	font-size:30px;
	color:#4c4f62;
	display:block;
	padding:30px 0 0 0;
}
.result_null .text span{
	display:block;
	font-size:20px;
	color:#888;
}



.messagelist{ padding:25px;}
.messagelist li{
	padding:0 0 30px 0;
	overflow:hidden;
}
.messagelist .img{
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:10px 0 0 0;
}
.messagelist .img img{
	display:block;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	width:80px;
	height:80px;
	overflow:hidden;
}
.messagelist .textcon{
	float:right;
	width:485px;
}
.messagelist .title{
	font-size:20px;
	color:#545b73;
	margin:0 0 10px 0;
	font-weight:normal;
}
.messagelist .textinfo{
	background:#fff;
	padding:15px 0 0 0;
	border:1px solid #dcdcdc;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	position:relative;
}
.messagelist .textinfo .angel{
	position:absolute;
	left:-9px;
	top:17px;
	display:block;
	width:9px;
	height:17px;
	background:url(../images/angel.png) no-repeat left 0;
	z-index:99;
}
.messagelist .title_1{
	color:#4060d1;
	padding:0px 20px;
	display:block;
	margin:0 0 10px 0;
}
.messagelist .text{
	display:block;
	padding:0 20px 20px 20px;
	color:#545b73;
	font-size:20px;
}
.messagelist  .links{
	border-top:1px solid #dcdcdc;
	overflow:hidden;
	padding:8px 0;
	text-align:center;
}
.messagelist  .links a{
	display:block;
	font-size:20px;
	color:#888;
}
.messagelist  .links a:active{ color:#4060d1;}
.messagelist  .links_1 a{
	float: left;
	width:241px;
}
.messagelist  .links_1 a:first-child{ border-right:1px solid #f2f2f2;}


.readlist{ background:#fff;}
.readlist li{
	padding:25px;
	border-bottom:1px solid #e2e2e2;
}
.readlist a{
	display: block;
	background:url(../images/ico_10.png) no-repeat right 50%;
	padding:0 50px 0 0;
}
.readlist .title{
	display:block;
	color:#333;
}
.readlist .text{
	font-size:18px;
	color:#8c8c8c;
	display: block;
	line-height:1.8;
}



.discovertop{}
.discovertop .map{}
.discovertop .textcon{
	padding:25px 20px 0 20px;
	background:#fff;
	margin:0 0 15px 0;
}
.discovertop .sitetext{
	overflow:hidden;
	padding:0 0 25px 0;
}
.discovertop .sitetext .title{
	float:left;
	width:370px;
	padding:0 30px 0 5px;
	border-right:1px solid #e2e2e2;
	color:#333;
}
.discovertop .sitetext .addr{
	display: block;
	color:#888;
	font-size:20px;
}
.discovertop .sitetext .distance{
	float:right;
	color:#4f5467;
	font-size:20px;
	padding:0 38px 0 0;
}
.discovertop .distance span{
	display:block;
	font-size:24px;
}
.discovertop .see{
	display:block;
	text-align:center;
	border-top:1px solid #e2e2e2;
	height:65px;
	line-height:65px;
	color:#4f5467;
	font-size:20px;
}



.discoverlist{
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:0 20px;
	background:#fff;
	margin:0 0 20px 0;
}
.discoverlist li{
	border-top:1px solid #e2e2e2;
}
.discoverlist li:first-child{border-top:none;}
.discoverlist a{
	display:block;
	padding:35px 45px 35px 125px;
	background:url(../images/mem_ico.png) no-repeat 45px -563px;
}
.discoverlist .li_2 a{ background-position:38px -703px}
.discoverlist .li_3 a{ background-position:40px -861px}
.discoverlist .textcon{
	display:block;
	background:url(../images/ico_10.png) no-repeat right 50%;
	
}
.discoverlist .textcon .title{
	font-size:30px;
	color:#4f5467;
	display: block;
}
.discoverlist .textcon .text{
	display:block;
	font-size:20px;
	color:#999;
}



.sideliblist{ background:#fff;}
.sideliblist li{
	border-bottom:1px solid #e6e6e6;
	padding:0 25px;
}
.sideliblist a{
	display:flex;
	padding:25px 0;
	overflow:hidden;
	
	background:url(../images/ico_10.png) no-repeat right 50%;
  align-items: center;
  justify-content: space-between;
}
.sideliblist .textcon{
	display: block;
	float: left;
	/*
	width:370px;
	border-right:1px solid #e2e2e2;
	*/
	padding:0 5px 0 0;
	
}
.sideliblist .textcon .title{
	display:block;
	color:#333;
}
.sideliblist .textcon .text{
	display:block;
	font-size:20px;
	color:#888;
}
.sideliblist .distance{
	float:right;
	padding:0 50px 0 0;
	line-height:65px;
	color:#4f5467;
}
.sideliblist .trouble{}



.libinfotop{
	padding:30px 20px;
	overflow:hidden;
}
.libinfotop .left{
	float: left;
	width:410px;
}
.libinfotop .left .title{
	font-size:30px;
	color:#333;
	display:block;
}
.libinfotop .left .text{
	font-size:20px;
	color:#888;
}
.libinfotop .attention{
	float:right;
	display:block;
	font-size:20px;
	color:#888;
	width:150px;
	text-align:center;
	height:65px;
	line-height:65px;
	background:#fff;
	margin:10px 30px 0 0;
	border:1px solid #ddd;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.libinfotop .attention span{
	background:url(../images/gz.png) no-repeat left 4px;
	padding:0 0 0 28px;
}
.libinfotop .attention:active{
	background:#4060d1;
	border:1px solid #4060d1;
	color:#fff;
	
}
.libinfotop .attention:active span{
	background:url(../images/gz_1.png) no-repeat left 4px;
}


.libinfolist{
	background:#fff;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:0 20px;
	margin:0 0 35px 0;
}
.libinfolist li{
	padding:15px 0;
	line-height:1.8;
	color:#bbb;
	font-size:20px;
	border-top:1px solid #e2e2e2;
}
.libinfolist li:first-child{border-top:none;}
.libinfolist li .text{ color:#555;}



.toplist{
	overflow:hidden;
	border:2px solid #fff;
	margin:3px 31px 0 31px;
	
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.toplist li{
	float: left;
	border-left:2px solid #fff;
}
.toplist li:first-child{border-left:none;}
.toplist a{
	display:block;
	width:142px;
	text-align:center;
	height:48px;
	line-height:48px;
	color:#fff;
	font-size:20px;
}
.toplist a:active,.toplist li.active a{
	background:#fff;
	color:#5a7aea;
	
}


.lecturetop{
	background:#fff;
	padding:0 20px 20px 20px;
}

.lecturehead{
	padding:30px 20px;
}
.lecturehead .title{
	font-weight:normal;
	color:#333;
	font-size:30px;
	margin:0 0 10px 0;
}
.lecturehead .text,.lecturehead { font-size:20px; color:#888;}


.lecturedetail{
	margin:0 20px;
	padding:30px 0;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}
.lecturedetail_1{border-bottom:none;}
.lecturedetail .title{
	color:#333;
	margin:0 0 10px 0;
}
.lecturedetail .text{
	font-size:20px;
	color:#888;
}



.activitylist{ margin:15px 15px 0 15px;}
.activitylist li{ margin:0 0 15px 0;}
.activitylist a{
	display:block;
	background:#fff;
}
.activitylist .img{
	position:relative;
	display:block;
}
.activitylist .img .bg{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	z-index:99;
}
.activitylist .img .play{
	position:absolute;
	left:50%;
	top:50%;
	margin:-42px 0 0  -42px;
	width:84px;
	height:84px;
	display:block;
	background:url(../images/play.png) no-repeat left 0;
	z-index:101;
}
.activitylist .title{
	display:block;
	padding:15px 15px 0 15px;
	font-size:20px;
	color:#333;
}
.activitylist .date{
	padding:0 15px 15px 15px;
	display:block;
	font-size:18px;
	color:#888;
}





.pageOverlay {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
	background-color:#000;
	filter:Alpha(opacity=60);opacity:0.6;
}

.footer{
	overflow:hidden;
	height:85px;
	width:640px;
	border-top:1px solid #e2e2e2;
	background-color:#fff;
	position:fixed;
	left:50%;
	bottom:0;
	margin:0 0 0 -320px;
	z-index:100;
	
	margin-bottom: constant(safe-area-inset-bottom);
	margin-bottom: env(safe-area-inset-bottom);
}
.footer4ix{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: constant(safe-area-inset-bottom);
  height: env(safe-area-inset-bottom);
  background-color: #ffffff;
}
.footlink{
	overflow:hidden; zoom:1;
}
.footlink li{float:left;}
.footlink a{
	display:block;
	width:160px;
	color:#555;
	text-align:center;
	font-size:18px;
}
.footlink a span{
	background:url(../images/menu.png) no-repeat 3px 8px;
	padding:55px 0 0 0;
	display:inline-block;
	width:48px;
}
.footlink .item_1{}
.footlink .item_2 a span{background-position:3px -67px;}
.footlink .item_3 a span{background-position:0 -312px;}
.footlink .item_4 a span{background-position:3px -222px;}

.footlink .active span, .footlink a:active span{
	color:#5a7aea;
	background-position:-97px 8px;
}
.footlink .item_2 .active span, .footlink .item_2 a:active span{
	background-position:-97px -67px;
}
.footlink .item_3 .active span, .footlink .item_3 a:active span{
	background-position:-100px -312px;
}
.footlink .item_4 .active span, .footlink .item_4 a:active span{
	background-position:-97px -222px;
}

.charbox4 {float:left;background: #fff;padding-top:30px}
.charbox4 ul{ margin-left:35px;width:93%}
.charbox4 ul li{ float:left; margin:0px 13px 0px 0px; width:180px;height:320px; display:inline;text-align:center;}
.charbox4 ul li a{ color:#006699; text-decoration:none;}
.charbox4 ul li span{color:#222;font-size:24px;}
.charbox4 img {border:1px solid #d6e1f1;width:150px;height:200px}



.bgbox_1{
	background:#4060d1 url(../images/bg_1.jpg) no-repeat 50% bottom;
}
.logo_2{
	padding:30px 0;
	text-align:center;
}
.card_qr{
	overflow:hidden; zoom:1;
	margin:0 50px;
	background-color:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.card_qr .title{
	padding:20px 0;
	background-color:#f5f5f5;
	font-size:28px;
	text-align:center;
}
.card_qr .text{
	padding:50px 10px 10px;
}
.card_qr .text .img{
	margin-bottom:30px;
	text-align:center;
}
.card_qr .text .num{
	margin-bottom:20px;
	text-align:center;
}
.card_qr .text .info{
	padding:20px 0 10px 115px;
	border-top:1px solid #ddd;
	text-align:left;
}

.overlay{
	background-color:#252525;
	position:absolute;
	z-index:9000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.5; 
	display:none;
}
.weixindiag{
	position:absolute;
	width:500px;
	height:520px;
	z-index:9001;
	padding:1px;
	display:none;	
	text-align:center;
	background:#fcfbde;
	border-radius:20px;
}	
.weixindiag img{ 
	border-radius:5px;
	width:400px;
	height:400px; 
	z-index:9001;
	padding:50px 0 10px 0;
}
.weixindiagtext{
	font-size:30px;
	color:black;
	z-index:9002;
	width:500px;
}
.weixinclose{
	background:url(../images/weixinclose.png) no-repeat; 
	width:38px; 
	height:38px; 
	display:inline-block; 
	margin-bottom:-50px; 
	cursor:pointer; 
	z-index:9001; 
	position:absolute;
	right:-25px; 
	top:-25px;
}

.transloanmsg{
	color:white;
	display:inline-block;
	font-size:28px;
}



.page_foot{
	/*background-color:#e6e6e6;*/
	text-align:center;
}
.page_foot .info{
	border-bottom:1px solid #d7d7d7;
	font-size:22px;
}
.page_foot .info .num{
	margin:0 10px;
	font-size:28px;
	color:#4060d1;
}
.page_foot .copyright{
	font-size:20px;
}


.book_float{
	position: fixed;
	right:35px;
	bottom:45px;
	display:block;
	width:65px;
	height:65px;

	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;

	background:#4060d1 url(../images/book_float.png) no-repeat center center;
}
.book_float .num{
	position:absolute;
	right:-8px;
	top:-1px;
	width:20px;
	height: 20px;
	line-height: 20px;
	text-align:center;
	color:#ff3333;
	font-size:18px;
	border:2px #ff3333 solid;
	background:#fff;

	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}


/*快递到家*/
.address{
	display:block;
	min-height:100px;
	padding:27px 30px 43px 0px;
	margin-bottom:8px;
	color:#555;
	font-size:22px;
	background:#fff url(../images/address_img1.png) repeat-x 0 bottom;
}
.address_in{
	line-height:50px;
	padding-left:100px;
	background:#fff url(../images/address_img2.png) no-repeat 25px center;
}
.address .phonenum{
	margin-left:45px;
}
.address .addr_site{
	display:block;
	margin-top:15px;
	padding-right:25px;
	background: url("../images/ico_10.png") no-repeat scroll right 8px;
}
.delivery-list li{
	position:relative;
	padding:0 17px 0 25px;
	white-space:nowrap;
}
.delivery-list li .delvery-listin{
	display:block;
	overflow:hidden;
	padding:17px 0;
	width:90%;
}
.delivery-list .input_checkbox,.delivery-list .icheckbox_square-blue{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-15px;
}

.deletebox{
	position:absolute;
	top:50%;
	right:1px;
	margin-top:-10px;
	border-left:1px solid gray;
	padding-left:1px;
}

.container_apply{
	overflow-y:auto;
	margin-bottom: 160px;
}
.rule_out{
	position: fixed;
	bottom:0;
	left:50%;
	z-index:100;
	width:640px;
	margin-left:-320px;
}
.rule{
	display:block;
	margin:20px 0 15px;
	color:#333;
	font-size:18px;
	text-align:center;
}
.rule .rule_d{
	color:#4060d1;
}
.rule .icheckbox_square-blue{
	margin:-2px 12px 0 0;
}
.rule .icheckbox_square-blue,.delivery-list .icheckbox_square-blue{
	background: url(../js/skins/square/blue.png) no-repeat;
	background-position: 0 0;
}
.rule .icheckbox_square-blue:hover,.delivery-list .icheckbox_square-blue:hover{
	background: url(../images/blue_chexkbox2.png) no-repeat center center;
	background-position: 0 0;
	background-size: 22px;
	border:none;
}
.rule .icheckbox_square-blue.checked,.delivery-list .icheckbox_square-blue.checked{
	background: url(../images/blue_chexkbox.png) no-repeat center center;
	background-position: 0 0;
	background-size: 22px;
	border:none;
}
.ruledetail_out{
	max-width:640px;
	margin:0 auto;
	padding-top:105px;
}
.rule_detail{
	padding:10px 45px 0 45px; 
	line-height:45px;
	color:#666;
	font-size:20px;
}
.submit_gray{
	background:#ccc;
}
.container-success{
	background:#fff;
}
.success{
	min-height:600px;
	background:#fff;
	color:#999;
	font-size:28px;
	text-align:center;
}
.success img{
	padding:105px 0 65px;
}
.success .info{
	margin-bottom:35px;
	font-size:36px;
	color:#333;
}
.tips{
	overflow:hidden;zoom:1;
	padding:10px 20px 10px 20px;
	margin:0 20px;
	color:#999;
	font-size:24px;
	background:#f2f2f2;
}
.tips .tip_title{
	display:block;
	font-size:26px;
	color:#4060d1;
	white-space:nowrap;
}

/*我的预借*/
.booklist .state{
	margin-top:20px;
}
.booklist .state_red{
	display:inline;
	color:#ff5050;
}
.booklist .state_blue{
	display:inline;
	color:#4060d1;
}
.borrow_btn{
	top:100px;
	right:25px;
}
.borrow_btn .look_btn{
	width:83px;
	padding:0;
}
.booklist .norenew{
	padding:0 7px;
}

.navbar{
	overflow:hidden;zoom:1;
	padding:0 65px;
	border-bottom:1px #e2e2e2 solid;
	background:#fff;
}
.navbar li{
	float:left;
	width:50%;
}
.navbar li a{
	display:block;
	width:100%;
	height:74px;
	line-height:74px;
	color:#555;
	font-size:24px;
	text-align:center;
}
.navbar li.cur a{
	color:#4060d1;
	background:url(../images/title_bg.png) no-repeat center bottom;
}
.li3 li{
	width:33%;
}

.borrow-info li{
	margin-top:18px;
	padding:10px 25px;
	background:#fff;
}
.borrow-info .info_out{
  overflow: hidden;
  padding:17px 0;
}
.borrow-info .title{
	font-size:22px;
	color:#333;
}
.borrow-info .addr{
	font-size:22px;
	color:#555;
}
.order-list{
	margin-top:18px;
	background:#fff;
	white-space:nowrap;
}
.order-list .state,.borrow-info .state_info{
	overflow:hidden;zoom:1;
	line-height:76px;
	color:#777;
	font-size:22px;
	border-bottom:#ededed 1px solid;
}
.order-list .state_text,.borrow-info .state_text{
	float:right;
	color:#ff5050;
	font-size:22px;
}
.order-list .state{
	padding:22px 0 22px;
	line-height:35px;
	white-space:normal;
}
.state .time{
	display:block;
}
.borrow-info .state_cancel{
	color:#4060d1;
}
.order-info{
	padding:17px 25px 25px 50px;
	color:#333;
	font-size:26px;
	background:url(../images/order_icon1.png) no-repeat 5px 26px;
	white-space:normal;
}
.order-info .time{
	display:block;
	font-size:20px;
	color:#999;
}
.order-img{
	overflow:hidden;zoom:1;
	background:#f8f8f8;
	padding:20px 25px 0;
	margin-left:-20px;
}
.order-img li{
	float:left;
	width:100px;
	height:130px;
	margin:0 0 20px 20px;
}
.order-img li img{
	width:100%;
}
.order-list .freight{
	padding:15px 0;
	color:#555;
	font-size:22px;
	text-align:right;
	border-bottom:2px #f4f4f4 solid;
	white-space:normal;
}
.order-list .freight .price{
	margin:0 5px 0 8px;
	font-size:28px;
}
.order-btn{
	padding:20px 0;
	text-align:right;
}
.order-btn a{
	display:inline-block;
	height:46px;
	width:126px;
	line-height:46px;
	font-size:18px;
	text-align:center;
	border:1px #5975d7 solid;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.order-btn .btn_o1{
	color:#4060d1;
}
.order-btn .btn_o2{
	margin-left:18px;
	color:#fff;
	background:#4060d1;
}
.order-detail{
	color:#777;
	font-size:22px;
}
.order-detail .order-title{
	overflow:hidden;zoom:1;
	padding:28px 0 13px;
	color:#4060d1;
	font-size:24px;
	white-space:normal;
}
.order-detail .order-title2{
	padding:20px 0;
	border-bottom:1px #e8e8e8 solid;
}
.order-title .time{
	float:right;
	color:#777;
	font-size:22px;
}
.delivery-info{
	display:block;
	white-space:normal;
	padding:0px 0 25px;
	color:#777;
	border-bottom:1px #e8e8e8 solid;
	background:url("../images/ico_10.png") no-repeat scroll right 7px;
}
.address_o{
	padding-bottom:30px;
	white-space:normal;
}
.address_o .name{
	overflow:hidden;zoom:1;
}
.address_o .phone_numb{
	float:right;
}
.address_o .number{
	display:block;
}
.order-detail .borrow-info li{
	margin-top:0;
}
.order-detail .freight .price{
	color:#f73e4f;
}

/*预约自取*/
.map{
	width:100%;
	height:340px;
}
.map_address2{
	margin-bottom:25px;
}
.map_address,.news-item{	
	display:block;
	background:#fff;
	padding:25px 25px;
}
.map_address .area,.news-item .title{	
	display:block;
	color:#333;
	font-size:26px;
	white-space:normal;
}
.map_address .area2,.news-item .date{	
	display:block;
	margin-top:10px;
	color:#999;
	font-size:20px;
}
.borrow-list{
	padding:0 25px;
	background:#fff;
}
.borrow-list li{
	padding:25px 0;
	color:#555;
	font-size:24px;
	border-bottom:1px solid #e8e8e8;
}
.borrow-list li.first,.addresslist li.first{
	border-top:none;
}
.borrowself{
	overflow:hidden;zoom:1;
	padding:25px;
	margin-bottom:25px;
	color:#555;
	font-size:24px;
}
.borrowself img{
	float:left;
	margin-right:25px;
}
.borrowself .title{
	color:#333;
	font-size:28px;
	margin:0 0 5px 0;

}
.borrowself .author{ margin:0 0 5px 0;}
.borrowself span{
	display:block;
	overflow:hidden;
	font-size:20px;
	color:#8c8c8c;
}
.borrow-list .borrow_addr{
	padding:0;
}
.borrow_addr a{
	display:block;
	padding:25px 0;
	background: url(../images/ico_10.png) no-repeat right 50%;
}
.borrow-list .info{
	padding-left:250px;
}
.borrow-list .input_text,.cardlist .input_text,.cardlist .textarea_text{
	display:block;
	width:100%;
	border:none;
	text-align:right;
}
.cardlist .textarea_text{
	padding:0;
}
.cardlist .input_text::-webkit-input-placeholder,.cardlist .textarea_text::-webkit-input-placeholder{color: #ccc;}
.cardlist .input_text::-webkit-placeholder,.cardlist .textarea_text::-webkit-placeholder{color: #ccc;}
.borrow-list .borrow_label{
	float:left;
	width:250px;
	margin-left:-250px;
}
.borrow-list .icon_b{
	margin-right:20px;
}

/*选择区*/
.areachose li span{
	background:none;
  padding: 0;
}
/*选择地址*/
.addresslist li{
	white-space:nowrap;
	border-bottom:1px #f2f2f2 solid;
}

/*物流信息*/
.logistic_info{
	background:#fff;
}
.logistic_info li{
	background:#fff url(../images/logistic_bg1.png) no-repeat 44px top;
	background-size:14px auto;
}
.logistic_info li.done{
	background:#fff url(../images/logistic_bg2.png) no-repeat 35px 40px;
	background-size:32px auto;
}
.logistic_info li.first-state{
	background:#fff url(../images/logistic_bg3.png) no-repeat 44px -100px;
	background-size:14px auto;
}
.logistic_info li .item{
	padding:25px 85px 25px 0px;
	margin-left:125px;
	border-top:1px #e8e8e8 solid;
	font-size:24px;
	color:#777;
}
.logistic_info li .time{
	display:block;
	color:#777;
	font-size:22px;
	white-space:nowrap;
}
.logistic_info li.first .item{
	display:block;
	border-top:none;
}
.logistic_info .item .already{
	font-size:24px;
	color:#333;
}

/*消息中心*/
.news-list{
	margin-top:40px;
}
.news-list li{
	margin-bottom:17px;
	padding:0 25px;
	background:#fff;
}
.news-list a {
  display: block;
  height: 102px;
  line-height: 102px;
	color:#333;
	font-size:28px;
  background: url(../images/ico_10.png) no-repeat right 50%;
}
.news-list li span {
	/*
	background: url(../images/news_icons.png) no-repeat 10px 35px;
	*/
  
  padding: 0 0 0 20px;
  display: block;
}
.detail .title{
	font-size:30px;
}
.detail .date{
	font-size:24px;
}
	
.news-detail{
	padding:40px 25px;
	background:#fff;
	border-top:#e8e8e8 1px solid;
}

/*二维码读者证*/
.reader_qrcode{
	padding-bottom:140px;
	text-align:center;
	background:#4060d1 url(../images/qrcode_bg1.png) no-repeat center bottom;
	background-size:100% auto;
}
.reader_qrcode .logo{
	display:block;
	padding-top:35px;
}
.qrcode_cade{
	margin:45px 25px 0;
	background:#fff;
	
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.qrcode_cade .title{
	height:100px;
	line-height:100px;
	font-size:30px;
	color:#666;
	background:#f5f5f5;

	-webkit-border-top-left-radius:8px;
	-moz-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-top-right-radius:8px;
	border-top-right-radius:8px;
}  
.qrcode_cade img{
	padding:58px 0 38px;
}
.qrcode_cade .qrcode_r{
	color:#333;
	font-size:24px;
}
.qrcode_cade .type,.ruledetail_out .type{
	padding:20px 0;
	margin-top:30px;
	color:#666;
	font-size:24px;
	border-top:1px #e8e8e8 solid;
}
.qrcode_cade .type div{
	width:310px;
	margin:0 auto;
	text-align:left;
}

/*活动*/
.activity_none{
	padding:30px 0 60px;
	text-align:center;
	background:#f2f2f2;
}

/*手机阅读*/
.reading-title{
	margin:24px 25px 5px;
	font-size:18px;
	color:#999;
}
.reading{
	border:none;
}
.reading a{
	height:84px;
	line-height:84px;
}
.reading li span{
	background:none;
	padding-left:0;
}


.reading_mobile{
	overflow:hidden;
	background:#fff;
	border-top:1px #e8e8e8 solid;
	margin:34px 0px 0 0;
}
.reading_mobile li{
	position:relative;
	float:left;
	width:212px;
	border-right:1px #e8e8e8 solid;
	border-bottom:1px #e8e8e8 solid;
	text-align:center;
}
.reading_mobile li a{
	display:block;
	width:212px;
	height:73px;
	padding-top:140px;
	color:#555;
	font-size:22px;
	background:url(../images/reading_icons.png) no-repeat 0 0;
}
.reading_mobile .item00 {
    padding-top: 30px;
    background: white;
    height: 183px;
}
.reading_mobile .item1{
	background-position:74px 62px;
}
.reading_mobile .item2{
	background-position:-142px 62px;
}
.reading_mobile .item3{
	background-position:-353px 60px;
}
.reading_mobile .item4{
	background-position:79px -142px;
}
.reading_mobile .item5{
	background-position:-140px -140px;
}
.reading_mobile .item6{
	background-position:-353px -140px;
}
.reading_mobile .item7{
	background-position:79px -360px;
}
.reading_mobile li .tri{
	position:absolute;
	right:0;
	bottom:0;
	z-index:40;
	width:23px;
	height:23px;
	padding:19px 0 0 19px;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.reading_mobile li .triangle{
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:15;
	border:21px transparent solid;
	border-right:21px #599ff6 solid;
	border-bottom:21px #599ff6 solid;
}
.reading_mobile li .triangle_red{
	border-right-color:#eb6e86;
	border-bottom-color:#eb6e86;
}
.reading_mobile li .triangle_green{
	border-right-color:#57c296;
	border-bottom-color:#57c296;
}
.reading_mobile li .triangle_organ{
	border-right-color:#f9b55a;
	border-bottom-color:#f9b55a;
}


/*转借，续借*/
.ruledetail_out .type{
	margin:20px 40px;
}
.rule_detail .code{
	display:block;
	width:240px;
	height:240px;
	margin:40px auto 30px;
}
.rule_detail .code img{
	width:100%;
}
.ruledetail_out .waiting{
	color:#4060d1;
	font-size:30px;
	text-align:center;
}
.ruledetail_out .text_tip{
	color:#666;
	font-size:20px;
	text-align:center;
}
.text_tip .num{
	color:#4060d1;
}
.title_cb{
	max-width:640px;
	margin:-30px auto 0 20px;
	color:#333;
	font-size:24px;
	text-align:left;
}
.succ_img{
	margin:110px 0 50px;
	text-align:center;
}

/*深图数据*/
.container_data{
	padding-bottom:30px;
}
.data_page{
	background:#fafafa;
}
.data_page .title{
	margin:30px 0 25px 0px;
	padding-left:25px;
	font-size:28px;
	color:#555;
	background:url(../images/date_img1.png) no-repeat left center;
}
.data_page .data{
	overflow:hidden;
	padding:0 25px 20px;
	border-bottom:1px solid #f2f2f2;
}
.data_page .data_total{
	height:120px;
	line-height:120px;
	padding:0 25px 0 35px;
	color:#fff;
	font-size:26px;
	background:#3dc6d0;
}
.data_page .title .numb{
	float:right;
	line-height:120px;
	margin-top:-4px;
}
.data_today{
	overflow:hidden;
	margin-left:-24px;
	margin-bottom:50px;
}
.data_today .today{
	float:left;
	width:280px;
	height:130px;
	margin-left:24px;
	text-align:center;
	color:#fff;
	background:#f88a70;
}
.data_today .today .tit{
	line-height:54px;
}
.data_today .today2{
	background:#f4b647;
}
.data_today .today span{
	font-size:20px;
}
.data_today .today .numb{
	line-height:74px;
	border-top:1px rgba(255,255,255,.3) solid;
}
.data_total .numb span,.data_today .today .numb span{
	margin-right:13px;
	font-size:36px;
}
.data_echart{
	width:100%;
	height:410px;
}
.data_echart2{
	width:100%;
	height:500px;
}

/*二维码证*/
.qrcode_card{
	background:#ffffff;
}
.qrcode_card .swiper-container{
	height:100%;
}
.qrcode_card img{
	width:100%;
}
.qrcode_card .code_text{
	padding:0 50px;
	text-align:center;
	color:#777;
	font-size:22px;
}
.qrcode_card .code_text .title{
	margin:75px 0 35px;
	color:#333;
	font-size:30px;
}
.qrcode_card .next{
	position:absolute;
	top:auto;
	bottom:30px;
	left:50%;
	display:block;
	width:100px;
	height:50px;
	margin-left:-50px;
	background:url(../images/slide_next.png) no-repeat center center;
}

/*图书转借和快递到家*/
.video_out{
	background:#fff;
}
.video_out .video{
	position:relative;
	display:block;
	width:100%;
	height:680px;
	text-align:center;
	background:#eaeaea url(../images/video.png) no-repeat center center;
}
.video_out .video video{
	width:100%;
	height:100%;
}
.video .bg{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3) url(../images/video.png) no-repeat center center;
	filter:alpha(opacity=100);
}
.video_on .bg{
	display:none;
}
.video_text{
	padding:52px 40px 60px;
}
.video_text .title{
	margin: 0px 0 35px;
	padding-bottom:20px;
	color:#4060d1;
	font-size:30px;
	background:url(../images/title_bg.png) no-repeat left bottom;
}
.video_text .text{
	overflow-y:auto;
	height:130px;
	padding-right:10px;
	color:#555;
	font-size:24px;
}
.video_text .text div{
	margin-bottom:20px;
}

/*loading*/
.pageOverlay_l{
	position:fixed;
	top:0;
	left:0;
	z-index:101;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
}
.pageOverlay_l .load_l{
	position:absolute;
	top:50%;
	left:40%;
	width:350px;
	height:200px;
	margin:-50px 0 0 -75px;
	padding-top:65px;
	text-align:center;
	color:#f00;
	font-size:35px;
	background:rgba(0,0,0,.7) url(../images/loading.gif) no-repeat center 18px;
	background-size:50px;

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}

/*服务指南*/
.guidelist{
	background:#fff;
	margin:5px 0 30px 0;
}
.guidelist li{
	padding-bottom:2px;
}
.guidelist li:last-child{border-bottom:none;padding-bottom:0;}
.subnav li:last-child{padding-bottom:2px;}
.guidelist a{
	display:block;
	height:94px;
	line-height:94px;
	color:#333;
	font-size:26px;
	padding:0 0 0 25px;
}
.guidelist li span{
	display:block;
	background:url(../images/title_bg3.png) no-repeat 1px 32px;
	padding:0 0 0 24px;
	border-bottom:2px solid #f0f0f0;
}
.maincont{
	padding:20px;
	background:#fff;
	font-size:16px;
}
.maincont_2 {
    padding: 20px;
}
.dropdown{
	display:none;
	background:#f5f5f5;
}
.subnav{
	margin:0;
	background:#f5f5f5;
	border-bottom:2px solid #f0f0f0;
}
.subnav li span{
	border-top:2px solid #f0f0f0;
	background:url(../images/title_bg4.png) no-repeat 1px center;
}

.edittext .guidelist{
	list-style:none;
	padding:5px 30px 0;
	margin-bottom:8px;
}
.edittext .subnav{
	padding:5px 0px 0;
	border-bottom:none;
}
.edittext .guidelist li,.edittext .subnav li{
	margin-left:0;
}
.edittext .guidelist li span{
	display:block;
	background:url(../images/title_bg3.png) no-repeat 1px 32px;
	padding:25px 34px 25px 24px;
	border:none;
}

.edittext .subnav li span{
	padding:25px 0 25px 24px;
	border-top:2px solid #f0f0f0;
	background:url(../images/title_bg4.png) no-repeat 1px center;
}
.edittext .subnav{
	background:#fff;
}





/*资源导航*/

/*.sub_navbar{
	overflow-x:auto;
	background:#fff;
}
.sub_navbar li{
	float:left;
	display:inline-block;
}
.sub_navbar li a{
	display:inline-block;
	height:75px;
	line-height:75px;
	color:#333;
	font-size:26px;
}
.sub_navbar li.cur a{
	color:#4060d1;
	background:url(../images/title_bg5.png) no-repeat center 60px;
}*/
.activitytab {
   /* border-bottom: 2px solid #f0f0f0;*/
		background:#fff;
		padding:0 35px 0 25px;
		position:relative;
}
.activitytab .swiper-container {
    margin: 0;
    width: 580px;
}
.activitytab .swiper-slide {
    /*width: 128px;*/
		width:auto;
		padding: 0 10px;
}
.activitytab .swiper-slide a {
    display: block;
    text-align: center;
    /*width: 128px;*/
		height:75px;
		line-height:75px;
		color:#333;
		font-size:22px;
}
.activitytab .swiper-slide a.active,.activitytab .active a {
		background:url(../images/title_bg5.png) no-repeat center 60px;
		color:#4060d1;
}
.activitytab .prev_icon{
	position:absolute;
	top:0;
	left:5px;
	width:30px;
	height:75px;
	background:url(../images/prev_icon.png) no-repeat 0 center;
	background-size:16px 30px;
}
.activitytab .next_icon{
	position:absolute;
	top:0;
	right:5px;
	width:30px;
	height:75px;
	background:url(../images/next_icon.png) no-repeat right center;
	background-size:16px 30px;
}
.culturetab {
    border-bottom: 1px solid #e6e6e6;
}
.culturetab .swiper-slide {
    width: 160px;
}
.culturetab .swiper-slide a {
    border-bottom: 2px solid #fff;
    color: #666;
    display: block;
    font-size: 20px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    width: 160px;
}
.culturetab .swiper-slide a.active {
		background:url(../images/title_bg5.png) no-repeat center 60px;
    color: #f0a600;
}
.alliancetab .swiper-slide, .alliancetab .swiper-slide a {
    width: 213px;
}






.pagemain {
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagemain .pagemain {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}
.pagemain_top {
    background-color: #fffdf1;
    border: 1px solid #ddd;
    margin-bottom: -1px;
}
.pagemain_extend {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    margin-top: -1px;
}
.pagemain_img {
}
.pagemain_tit {
    margin-bottom: 20px;
    overflow: hidden;
}
.pagemain_tit .t {
    float: left;
    font-size: 24px;
    font-weight: normal;
}
.pagemain_tit .info {
    color: #999;
    float: left;
    font-size: 18px;
    margin: 8px 0 0 10px;
}
.pagemain_tit .more {
    float: right;
}
.pagemain_tit_2 {
    margin-bottom: 0;
    padding: 10px 30px;
}
.pagemain_2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #5472da #ddd #ddd;
    border-image: none;
    border-style: solid;
    /*border-width: 3px 1px 1px;*/
		background:#fff;
}
.filterbox_1 .title {
    color: #999;
    margin-bottom: 10px;
}
.filterbox_1 .text {
}
.filterbox_1 .text a {
    background-color: #fefefb;
    border: 1px solid #ddd;
    color: #555;
    display: inline-block;
    font-size: 16px;
    margin: 0 10px 10px 0;
    padding: 3px 15px;
    text-decoration: none;
    white-space: nowrap;
}
.filterbox_1 .text a:hover, .filterbox_1 .text a.cur {
    background-color: #3555c3;
    border-color: #3555c3;
    color: #fff;
    text-decoration: none;
}
.filterbox_2 {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 15px;
}
.filterbox_2 .label {
    float: left;
    font-size: 16px;
    font-weight: bold;
    width: 83px;
}
.filterbox_2 .boxtext {
    border-left: 1px solid #eee;
    overflow: hidden;
    padding-left: 15px;
}
.filterbox_2 .select_out {
    float: left;
    margin-right: 10px;
}
.filterbox_2 .tags {
    padding-right: 100px;
}
.filterbox_2 .tags a {
    color: #555;
    margin-right: 12px;
    white-space: nowrap;
}
.filterbox_2 .tags a.cur {
    color: #3657c9;
}
.filterbox_2 .more {
    float: right;
}
.filterbox_3 {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 30px 10px;
}

.bobox_2 {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
}

.row-fluid {
    margin-bottom: 10px;
    /*margin-left: -1.28205%;*/
}
.row-fluid::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span4-5 {
    display: inline;
    /*float: left;*/
    margin-bottom: 10px;
    margin-left: 10px;
}
.span9{
	margin-left:0;
}
.span6 {
    width: 590px;
}
.row-fluid .span6 {
    
}
.row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12, .row-fluid .span4-5 {
    margin-left: 1.28205%;
}
.rulelist .textbox {
    background-color: #fff;
    border: 1px solid #ddd;
    height: 100px;
    overflow: hidden;
}
.rulelist .textbox .num {
    background: rgba(0, 0, 0, 0) url("../images/bg_2.png") no-repeat scroll left top;
    color: #ddd;
    float: left;
    font-size: 36px;
    font-style: italic;
    height: 100px;
    letter-spacing: -3px;
    line-height: 100px;
    margin-right: 10px;
    padding-right: 18px;
    text-align: center;
    width: 51px;
}
.rulelist .textbox .text {
    line-height: 1.2;
    overflow: hidden;
    padding: 15px 10px 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.relatedbox {
    border: 1px solid #ddd;
}
.relatedbox .boxtitle {
    background-color: #f2f2f2;
    background-image: linear-gradient(#ffffff, #f2f2f2);
    border-bottom: 1px solid #ddd;
    padding: 8px 20px;
}
.relatedbox .boxtext {
    background-color: #fff;
    line-height: 1.5;
    padding: 10px 20px;
}
.linkbox_1 a {
    color: #555;
    margin: 0 25px 0 0;
    text-decoration: none;
    white-space: nowrap;
}
.dl_2 dt {
    font-weight: bold;
}
.dl_2 dd {
    margin-bottom: 20px;
}
.tab_3 th {
    background-color: #f1f1f1;
    font-weight: bold;
    text-align: center;
}
.tab_3 th, .tab_3 td {
    border: 1px solid #ddd;
    padding: 8px 10px;
}


.ico {
    background: rgba(0, 0, 0, 0) url("../images/ico.png") no-repeat scroll left -150px;
    display: inline-block;
    vertical-align: middle;
}
.ico_1 {
    background-position: left -150px;
    height: 45px;
    width: 45px;
}
.ico_5 {
    background-position: left -750px;
    height: 25px;
    margin-right: 10px;
    vertical-align: -5px;
    width: 25px;
}
.img_float_left {
    clear: left;
    float: left;
    margin: 0 20px 10px 0;
}

.table_1 th, .table_1 td {
    border: 1px solid #e2e2e2;
    padding: 8px 10px;
}
.table_1 thead td, .table_1 thead th {
    background-color: #f9f9f9;
    font-weight: bold;
    text-align: center;
}

.serviceMapbox_out {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 0;
}
#serviceMapbox {
    height: 450px;
    width: 100%;
}

.title_6 {
    margin-bottom: 5px;
}


/*服务指南内容*/

.ico{
	display:inline-block;
	background:url(../images/ico.png) no-repeat left -150px;
	vertical-align:middle;
}
.ico_1{
	width:45px;
	height:45px;
	background-position:left -150px;
}
.ico_2{
	width:45px;
	height:45px;
	background-position:left -200px;
}
.ico_3{
	width:45px;
	height:45px;
	background-position:left -250px;
}
.ico_4{
	vertical-align:-5px;
	margin-right:10px;
	width:25px;
	height:26px;
	background-position:left -700px;
}
.ico_5{
	vertical-align:-5px;
	margin-right:10px;
	width:25px;
	height:25px;
	background-position:left -750px;
}
.ico_6{}
.ico_7{}
.ico_8{}
.ico_9{}
.ico_10{}

.ico_11{
	margin-right:5px;
	width:14px;
	height:19px;
	background-position:0 -1050px;
}
a:hover .ico_11{ background-position:-25px -1050px;}
.ico_12{
	margin-right:5px;
	width:16px;
	height:19px;
	background-position:0 -1100px;
}
a:hover .ico_12{ background-position:-25px -1100px;}

.ico_13{
	margin-right:5px;
	width:17px;
	height:17px;
	background-position:0 -1200px;
}
.ico_14{
	margin-right:5px;
	width:17px;
	height:17px;
	background-position:0 -1250px;
}
.ico_15{
	margin-right:5px;
	width:17px;
	height:17px;
	background-position:0 -1300px;
}












.ico_c_1{
	overflow:hidden; zoom:1;
	width:14px;
	height:14px;
	background:#6270dd;
}
.ico_c_2{
	overflow:hidden; zoom:1;
	width:14px;
	height:14px;
	background:#5cd65d;
}




.ico_doc, .ico_xls, .ico_pdf{
	background:url(../images/ico_format.png) no-repeat left 0;
	width:32px;
	height:31px;
}
.ico_doc{ background-position:left 0;}
.ico_xls{ background-position:left -50px;}
.ico_pdf{ background-position:left -100px;}

.btn{
	font-size:30px;
	display:inline-block;
}
.btn_1{
	display:inline-block;
	padding:5px 20px;
	border:none;
	color:#fff;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#5370d8;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5a7ae9), to( #5370d8)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #5a7ae9, #5370d8); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #5a7ae9, #5370d8); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5a7ae9, #5370d8); /* IE10 */
	background-image:      -o-linear-gradient( #5a7ae9, #5370d8); /* Opera 11.10+ */
	background-image:         linear-gradient( #5a7ae9, #5370d8);
}
a.btn_1{ text-decoration:none; color:#fff;}
.btn_2{
	display:inline-block;
	padding:8px 30px;
	border:none;
	color:#fff;
	vertical-align:top;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#5370d8;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5a7ae9), to( #5370d8)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #5a7ae9, #5370d8); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #5a7ae9, #5370d8); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5a7ae9, #5370d8); /* IE10 */
	background-image:      -o-linear-gradient( #5a7ae9, #5370d8); /* Opera 11.10+ */
	background-image:         linear-gradient( #5a7ae9, #5370d8);
}
.btn_3{
	display:inline-block;
	padding:5px 20px;
	border:none;
	text-decoration:none;
	border:1px solid #ddd;
	color:#555;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fefefe), to( #f2f2f2)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fefefe, #f2f2f2); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fefefe, #f2f2f2); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fefefe, #f2f2f2); /* IE10 */
	background-image:      -o-linear-gradient( #fefefe, #f2f2f2); /* Opera 11.10+ */
	background-image:         linear-gradient( #fefefe, #f2f2f2);
}
.btn_3:hover{
	border-color:#5370d8;
	color:#fff;
	text-decoration:none;

	background-color:#5370d8;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5a7ae9), to( #5370d8)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #5a7ae9, #5370d8); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #5a7ae9, #5370d8); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5a7ae9, #5370d8); /* IE10 */
	background-image:      -o-linear-gradient( #5a7ae9, #5370d8); /* Opera 11.10+ */
	background-image:         linear-gradient( #5a7ae9, #5370d8);
}

.btn_3_1{
	display:inline-block;
	padding:5px 20px;
	border:none;
	text-decoration:none;
	border:1px solid #ddd;
	color:#333366;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f2f2f2), to( #5a7ae9)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f2f2f2, #5a7ae9); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f2f2f2, #5a7ae9); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f2f2f2, #5a7ae9); /* IE10 */
	background-image:      -o-linear-gradient( #f2f2f2, #5a7ae9); /* Opera 11.10+ */
	background-image:         linear-gradient( #f2f2f2, #5a7ae9);
}
.btn_3_1:hover{
	border-color:#5370d8;
	color:#fff;
	text-decoration:none;

	background-color:#5370d8;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5a7ae9), to( #5370d8)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #5a7ae9, #5370d8); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #5a7ae9, #5370d8); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5a7ae9, #5370d8); /* IE10 */
	background-image:      -o-linear-gradient( #5a7ae9, #5370d8); /* Opera 11.10+ */
	background-image:         linear-gradient( #5a7ae9, #5370d8);
}

.btn_4{
	display:inline-block;
	padding-left:15px;
	width:55px;
	height:30px;
	line-height:30px;
	background:#fff url(../images/btn.png) no-repeat left top;
	color:#555;
}
.btn_4:hover{
	background-color:#5370d8;
	background-position:left -50px;
	color:#fff;
	text-decoration:none;
}



.btn_link_1{
	display:inline-block;
	padding-right:15px;
	background:url(../images/ico.png) no-repeat right -295px;
}

.btn_5{
	width:60px;
	height:30px;
	text-align:center;
	font-size:18px;
	color:#fff;
	float:right;
	padding:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	background-color:#5370d8;	
}


.list_1{}
.list_1 li{
	margin-bottom:10px;
}
.list_1 a{
	display:block;
}
.list_1 .data{
	display:block;
	color:#999;
}


.list_2{
	overflow:hidden; zoom:1;
	margin-left:-20px;
}
.list_2 li{
	float:left;
	display:inline;
	margin:0 0 5px 20px;
	width:114px;
}
.list_2 a{}

ul.list_3{list-style-type:none;margin:0;margin:20px 0 10px;}
ul.list_3 li{
	margin:0;
	padding-left:35px;
	background:url(../images/ico_8.png) no-repeat left 14px;
	background-size: 20px 11px;
}


ul.list_4{list-style-type:none;margin:0;}
ul.list_4 li{
	margin:0;
	padding-left:35px;
	background:url(../images/ico_8.png) no-repeat left 14px;
	background-size: 20px 11px;
}

.list_5{
	overflow:hidden; zoom:1;
	margin-left:-6%;
}
.list_5 li{
	float:left;
	margin:0 0 3px 6%;
	padding-left:4%;
	width:39%;
	background:url(../images/ico_1.gif) no-repeat left 8px;
}





.title_1{
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
}

.title_2{
	overflow:hidden; zoom:1;
	margin-bottom:10px;
}
.title_2 .t{
	float:left;
	font-size:18px;
	font-weight:normal;
}
.title_2 .more{
	float:right;
	margin-top:2px;
	padding-right:15px;
	background:url(../images/ico.png) no-repeat right -295px;
}
.title_2 .label{ margin-right:10px;}

.title_3{
	margin-bottom:10px;
	font-size:18px;
	color:#3657c9;
}
.title_4{
	margin-bottom:10px;
	font-size:24px;
	text-align:center;
}
.title_5{
	font-weight:bold;
	font-size:18px;
	/*color:#5776e2;
	text-align:center;*/
}
.title_6{
	margin-bottom:5px;
}
.title_6 .t{
	font-size:22px;
	/*color:#5776e2;*/
}
.title_6 .more{
	float:right;
	margin-top:2px;
	padding-right:15px;
	background:url(../images/ico.png) no-repeat right -289px;
}
.title_7{
	margin-bottom:30px;
	padding-bottom:15px;
	background:url(../images/line_1.gif) no-repeat 50% bottom;
	font-size:30px;
	text-align:center;
}


.title_8{
	overflow:hidden; zoom:1;
	margin-bottom:10px;
}
.title_8 .t{
	float:left;
	font-size:24px;
	font-weight:normal;
	color:#3657c9;
}
.title_8 .fav{
	float:left;
	margin:5px 0 0 20px;
	padding-left:22px;
	background:url(../images/ico_fav.png) no-repeat left 3px;
	color:#3657c9;
}
.title_8 .fav_on{
	background-image:url(../images/ico_fav_on.png);
}






.tipsbox_1{
	margin-bottom:20px;
	padding-left:75px;
	padding-bottom:5px;
	background:url(../images/ico_3.png) no-repeat left top;
	font-size:16px;
}

.bobox_1{
	margin-bottom:10px;
	border:1px solid #ddd;
	border-bottom:none;
	background-color:#f9f9f9;
}
.bobox_1 .boxtitle{
	padding:15px 30px;
	border-bottom:1px solid #ddd;
	background-color:#f3f3f3;
	font-size:24px;
	font-weight:normal;
}
.bobox_1 .boxtext{
	padding:30px;
	border-bottom:1px solid #ddd;
}
.bobox_1_bot{
	margin:-11px 0 10px;
	padding:30px;
	border:1px solid #ddd;
	background-color:#fffdf1;
}
.bobox_1_bot .boxtitle{
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
}

.bobox_2{
	padding:20px;
	border:1px solid #ddd;
	background-color:#f9f9f9;
}


.bobox_3{
	padding:20px;
	background-color:#fffdf1;
	border:1px solid #ddd;
}

.bobox_4{
	margin-bottom:10px;
	padding:20px;
	border:1px solid #e2e2e2;
	background-color:#fcfcfc;
}
.bobox_4 .boxtitle{
	margin-bottom:15px;
	padding:10px 10px;
	background-color:#eee;
	text-align:center;
	font-size:20px;
}
.bobox_4 .boxtext{}


.bobox_group_1{
	overflow:hidden; zoom:1;
	margin-bottom:20px;
	padding-bottom:1px;
}
.bobox_group_1 .bobox_4{
	float:left;
	/*margin:0 -1px -1px 0;
	width:372px;
	height:152px;*/
}




.textbox_1{
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:2px solid #1e4387;
}





.sidebox_1{
	margin-bottom:10px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:3px solid #5776e2;
	border-bottom:2px solid #ddd;
	background-color:#fff;
}
.sidebox_1 .boxtitle:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.sidebox_1 .boxtitle{
	zoom:1;
	position:relative;
	padding:10px 20px;
	background-color:#f5f5f5;
	border-bottom:1px solid #ddd;
}
.sidebox_1 .boxtitle .t{
	float:left;
	font-size:18px;
	font-weight:normal;
}
.sidebox_1 .boxtitle .more{
	float:right;
	margin-top:2px;
	padding-right:15px;
	background:url(../images/ico.png) no-repeat right -295px;
}
.sidebox_1 .boxtitle .label{ margin-right:10px;}
.sidebox_1 .boxtext{
	padding:20px;
}
.sidebox_1 .boxtext_np{ padding:0;}


.sidebox_2{
	margin-bottom:10px;
	background-color:#fff;
	border:1px solid #ddd;
}
.sidebox_2 .boxtitle:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.sidebox_2 .boxtitle{
	zoom:1;
	position:relative;
	padding:10px 20px;
	background-color:#f5f5f5;
	border-bottom:1px solid #ddd;
}
.sidebox_2 .boxtitle .t{
	float:left;
	font-size:18px;
	font-weight:normal;
}
.sidebox_2 .boxtitle .more{
	float:right;
	margin-top:2px;
	padding-right:15px;
	background:url(../images/ico.png) no-repeat right -295px;
}
.sidebox_2 .boxtext{}
.sidebox_2 .boxtext_2{ padding:10px;}

.sidebox_2 .boxtext .sidedl{ border:none;}


.sidebox_3{
	margin-bottom:10px;
	background-color:#fff;
	border:1px solid #ddd;
}
.sidebox_3 .img{
	display:block;
}
.sidebox_3 .title{
	padding:10px 10px;
	border-bottom:1px solid #ddd;
	font-size:18px;
	text-align:center;
}
.sidebox_3 .text{
	padding:20px;
}

.sidebox_4{
	display:block;
	margin-bottom:10px;
	padding:20px;
	border:1px solid #ddd;
	background-color:#fff;
}
.sidebox_4:hover{ text-decoration:none;}
.sidebox_4 .boxtitle{
	display:block;
	margin-bottom:5px;
	font-size:18px;
}
.sidebox_4 .boxtitle .t{color:#555;}
.sidebox_4 .boxtext{
	overflow:hidden; zoom:1;
	display:block;
}
.sidebox_4 .boxtext .text{
	float:left;
	width:140px;
	color:#999;
}
.sidebox_4 .boxtext .img{
	float:right;
}





.table_1{}
.table_1 th, .table_1 td{padding:8px 10px; border:1px solid #e2e2e2;}
.table_1 th{}
.table_1 td{}
.table_1 thead td, .table_1 thead th{
	background-color:#f9f9f9;
	font-weight:bold;
	text-align:center;
}

.table_2{}
.table_2 th, .table_2 td{padding:8px 10px; border:1px solid #e2e2e2;}
.table_2 th{
	background-color:#f9f9f9;
}
.table_2 td{}
.table_2 thead td, .table_2 thead th{
	background-color:#f9f9f9;
	font-weight:bold;
	text-align:center;
}




.rulelist{}
.rulelist li{
	
}
.rulelist .textbox{
	overflow:hidden; zoom:1;
	height:100px;
	border:1px solid #ddd;
	background-color:#fff;
}
.rulelist .textbox .num{
	float:left;
	margin-right:10px;
	padding-right:18px;
	width:51px;
	height:100px;
	line-height:100px;
	background:url(../images/bg_2.png) no-repeat left top;
	text-align:center;
	font-style:italic;
	font-size:36px;
	color:#ddd;
	letter-spacing:-3px;
}
.rulelist .textbox .text{
	overflow:hidden; zoom:1;
	padding:15px 10px 10px 10px;
	line-height:1.2;
}


.linkbox_1{}
.linkbox_1 a{ margin:0 25px 0 0; color:#555; text-decoration:none; white-space:nowrap;}


.linkbox_2{}
.linkbox_2 a{
	display:block;
	text-align:left;
}

.relatedbox{
	border:1px solid #ddd;
}
.relatedbox .boxtitle{
	padding:8px 20px;
	border-bottom:1px solid #ddd;

	background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f2f2f2)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff, #f2f2f2); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff, #f2f2f2); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff, #f2f2f2); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff, #f2f2f2); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff, #f2f2f2);
}
.relatedbox .boxtext{
	padding:10px 20px;
	background-color:#fff;
	line-height:1.5;
}

ul.attachment{
	overflow:hidden; zoom:1;
	margin-left:-10px;
	font-size:14px;
}
ul.attachment li{
	position:relative;
	float:left;
	display:inline;
	margin-left:10px;
	padding:12px 15px 12px 65px;
	width:162px;
}
.attachment li:hover{
	background-color:#f5f5f5;
}
.attachment .ico{
	position:absolute;
	left:15px;
	top:15px;
}
.attachment .title{
	display:block;
	margin-bottom:5px;
	line-height:1.3;
	height:55px;
}
.attachment .info{
	display:block;
}
.attachment .info .size{
	margin-right:10px;
	color:#bbbbbb;
}
.attachment .info .down{}


/*
.table_nowidth{}
.table_nowidth table, .table_nowidth div{width:auto;}
*/









































/* old */

.tab_2{}
.tab_2 th, .tab_2 td{padding:8px 10px; border:1px solid #ddd;}
.tab_2 th{
	background-color:#f1f1f1;
	font-weight:bold;
	text-align:center;
}
.tab_2 td{}
.tab_2 thead td, .tab_2 thead th{
	background-color:#f1f1f1;
	font-weight:bold;
	text-align:center;
}

.tab_3{}
.tab_3 th, .tab_3 td{padding:8px 10px; border:1px solid #ddd;}
.tab_3 th{
	background-color:#f1f1f1;
	font-weight:bold;
	text-align:center;
}
.tab_3 td{}
.tab_3 thead td, .tab_3 thead th{
	background-color:#f1f1f1;
	font-weight:bold;
	text-align:center;
}



.dl_2{}
.dl_2 dt{ font-weight:bold;}
.dl_2 dd{ margin-bottom:20px;}



.regexplain{
	margin-top:50px;
	border:1px solid #eee;
}
.regexplain h4{
	position:relative;
	top:-17px;
	left:20px;
	width:140px;
	height:35px;
	line-height:35px;
	background-color:#eee;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}
.regexplain h4 a{
	text-decoration:none;
}

.flowbox{
	overflow:hidden; zoom:1;
  margin:0 20px 10px;
  padding:5px 0 5px;
  /*width:780px;*/
}
.flowbox .flowboxin{
  float:left;
  padding:10px;
	margin-bottom:15px;
  /*width:160px;*/
  height:36px;
  line-height:1.5;
  font-size:14px;
  border:1px solid #ddd;
  background-color:#f9f9f9;
}
.flowbox img{
  float:left;
  margin:15px 5px 0;
}


ul.service_list{
	overflow:hidden; zoom:1;
	margin-left:-50px;
}
ul.service_list li{
	float:left;
	display:inline;
	margin:0 0 20px 50px;
	padding-left:90px;
	width:233px;
	height:149px;
}
.service_list .img{
	float:left;
	display:inline;
	margin-left:-90px;
}
.service_list .title{
	margin-bottom:5px;
	font-size:18px;
}
.service_list .title a{ color:#555;}
.service_list .text{
	margin-bottom:10px;
	color:#999;
}
.service_list .more{}
.service_list .more a{
	padding-right:15px;
	background:url(../images/ico.png) no-repeat right -295px;
}

/*筛选*/
.filter_icon{
	position:absolute;
	top:0px;
	right:20px;
	width:40px;
	height:95px;
	background:url(../images/filter_icon.png) no-repeat center center;
}

.dropdown_menu{
	position:absolute;
	top:-270px;
	left:50%;
	z-index:180;
	width:640px;
	margin-left:-320px;
	background:#fff;

	transition:all ease .5s;
}
.dropdown_menu li a{
	display:block;
	width:100%;
	height:84px;
	line-height:84px;
	color:#777;
	font-size:24px;
	text-align:center;
	border-bottom:1px #e9e7ef solid;
}
.drop_on{
	top:0;
}


/*新车直通车*/
.container_book{
	padding:0;
}
.newbook_slide{
	position: relative;
	overflow: hidden;
	padding: 0px 30px;
	background: #fff;	
}
.newbook_slide .text{
	margin:50px 0 80px;
}
.newbook_slide .text .title{
	margin-bottom: 20px;
	font-size: 30px;
	color: #333;
}
.newbook_slide .swiper-container{
	width: 100%;
	height: 100%;
}
.newbook_slide .swiper-slide .img{
	display: block;
	margin:50px auto 30px;
}
.newbook_slide .swiper-slide{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.newbook_btn{
	position:fixed;
	left:50%;
	bottom:0;
	margin:0 0 0 -320px;
	width:610px;
	background:#fff;
	padding:15px;
	border-top:1px solid #efeef1;
	z-index:199;
}
.newbook_btn .page_btn{
	font-size:30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.newbook_slide .swiper-pagination{
	top:50%;
	right: 20px;
}
.newbook_slide .swiper-pagination-bullet{
  display: block;
	margin: 5px 0;
	width:10px;
	height:10px;
	background-color:#e9e9e9;
	opacity:1;

	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.newbook_slide .swiper-pagination-bullet-active{ background-color:#4060d1;}


@media screen and (max-width: 1300px) {
	
}


.zoombox_1 .img img{
	width:100%;
}


.headercardno{
	text-align:center;
	color:#cfd0d1;
	width:100%;
	font-size:22px;
	position:absolute;	
	margin-top: -5px;
/*	line-height:30px;
	margin:10px;*/
}


/*new图标*/
.reading_mobile li,.indmenulist li{
	position: relative;
}
.new_ico{
	position: absolute;
	top:0;
	right: -1px;
	z-index: 20;
	width: 44px;
	height: 42px;
	background: url(../images/new_ico.png) no-repeat center center;
}
.indmenulist .new_ico{
	right:0;
}

.ecard{
	color:#c7cbe7;
	font-size:28px;
	border-top:2px solid #3c56b3;
	text-align:left;
	padding:30px 0 0 0;
	display:inline-block;
	width:100%;
	text-align:justify;
}
.ecard .radio{
	margin-top:30px;
}
.ecard .radio .radiotitle{
	text-align:center;
	font-size:32px;
	margin-bottom:10px;
	color:white;
}
.ecard .radio .radioselect{
	padding:0 50px;
}
.ecard .radio input{
	width:30px;
	height:30px;
}
.ecard .radio span{
	padding-left:20px;
	font-style:italic;
	font-size:26px;
}
.ecard p{
	margin-bottom:0px;
}
.ecard .radio input{
	margin-left:20px;
}
.ecard .radiotips{
	margin-top:0px;
	text-align:center;
	font-size:20px;
}
.ecard .wxp{
	margin:40px auto;
	background:#69a34f;
	margin-left:70px;
	width:75%;
	text-align:center;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	height:50px;
}
.wxp img{
	height:90%;
}

/*读者证升级：支付宝图标*/
.alip{
	margin:40px auto;
	background: white;
	margin-left:70px;
	width:75%;
	text-align:center;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	height:50px;
}
.alip img{
	height:90%;
}



.facialinfo{
	font-size:30px;
	width:90%;
	margin:30px auto;
}



.searchbox_1{
	overflow:hidden; zoom:1;
	margin:0 auto;
	display:inline-block;
	border:1px solid #ccc;
	background-color:#fff;
}
.searchbox_1 .input{
	background:none;
	border:none;
	padding:15px 20px;
	width:240px;
	float:left;
	font-size:20px;
}
.searchbox_1 .submit{
	width:75px;
	height:55px;
	margin:0;
	padding:0;
	border:none;
	background:#5a7aea;
	color:#fff;
	font-size:20px;
} 


.formbox_1{
	margin-bottom:20px;
}
.formbox_1 .label{
	color:#3657c9;
}
.formbox_1 .submit{
	margin:0;
	padding:2px 20px;
	border:none;
	background:#5a7aea;
	color:#fff;
	font-size:22px;
} 


.book_comment{
	/*padding-left: 20px;*/
	/*line-height: 0;*/
	/*margin-bottom: 18px;*/
}
.book_comment .comment_star{
	margin: 10px 0;
}
.book_comment .comment_star .star{
	display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/star.png") no-repeat;
    background-size: cover;
}
.book_comment .comment_star .star_half{
    background-image: url("../images/star_h.png");
}
.book_comment .comment_star .star_yellow{
    background-image: url("../images/star_y.png");
}
.book_comment .comment_star .num{
	display: inline-block;
	font-size: 24px;
	margin: 4px 0 0 8px; 
}
.comment_like button{
    padding: 8px 20px 8px 40px;
    /*border: 1px solid #ccc;*/
    border:none;
    color: #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: 28px;
    background:url("../images/c_like.png") no-repeat left 5px center;
    background-size: 28px;
    outline: none;
}
.comment_like .liked{
    background: url("../images/c_liked.png") no-repeat left 5px center;
    background-size: 28px;
}
.comment_like{
	float: right;
}
.info_out .comment_score,.infocon .comment_score{
	display: inline-block;
	padding: 4px 16px !important;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: linear-gradient(#f2f2f2,#dedede);
    outline: none;
    cursor: pointer;
    color: #555;
    font-size: 24px;
    margin: 10px 0;
}
.infocon .comment_score{
    /*margin: 10px 0;*/
}

.comment_score{
	display: inline-block;
	padding: 8px 16px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(#4060d1,#7c8fd2);
    outline: none;
    cursor: pointer;
    color: white;
    font-size: 20px;
    margin: 10px auto;
    text-align:center;
    width:200px;
}

#cboxOverlay{
	background: #333 !important;
}
#cboxContent{
	border-radius: 5px;
}
#score,#scored{
	padding-top: 20px;
	text-align: center;
	color: #999;
	font-size: 14px;
}
#score button{
	margin: 0 auto;
	color: #333;
	padding: 4px 16px;
	font-size: 24px;
}
#score img{
	width: 48px;
}
#score p{
	margin: 25px;
	font-size: 24px;
}
/*#score input{
	display: none;
}*/
#click_star{
	width: 100% !important;
}
#click_star_d{
	/*display: inline-block;*/
	width: 150px !important;
	position: relative;

}
#click_star_d span{
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 24px;
}
#click_star_d img{
	width: 20px;
}


.star_box #cboxClose{
	display: none;
}
.star_box #cboxTitle{
	background: #fff;
	opacity: 0;
}
.star_box #cboxContent{
	background: #fff !important;
	opacity: 1;
}

.star_num{
	width: auto !important;
	float: left;
	margin-right: 8px;
	letter-spacing: -2px;
}
.book_comment .star_num img{
	box-shadow: none;
	width: 24px;
}
.info_out .star_num img{
	width: 16px;
}
.info_out .star_num+span{
	margin: 6px 0 0 0;
}

.star_num4history{
	width: auto !important;
	float: right;
	font-size:20px;
	line-height:20px;
	padding:5px 0 0 0;
	padding-left:5px
}
.star_num4history img{
	width: 20px;
	margin:0 0 5px 0;
}
.star_num4history span{
	margin: 6px 0 0 0;
}
.financebtn{
	width:640px;
	background:#fff;
    text-align: center;
}
.financebtn input{
	border: 0px;
	width:280px;
	background:#4060d1;
	line-height:60px;
	font-size:20px;
	color:#fff;
	margin: 20px 5px 20px 5px;
	display:none;
}
.finance_payframe{
	color:#4060d1;
	font-size:24px;
	background:#fff;
	padding:20px 30px 30px 30px;
	display:none;
}
.finance_payframe img{
	text-align:center;
	margin:20px 50px;
}
.finance_payframe span{
	font-weight: bold;
}
.finance_payframe p{
	color:red;
	font-size:20px;
}
.finance_payframe_money{
	text-align: center;
}
.finance_payframe_money span{
	margin:0 30px;
	width:50px;
}

.bindlist{ color:#333; padding:0;}
.bindlist li{
	padding:15px 25px;
}
.bindlist a{
	display:block;
	background:url(../images/ico_10.png) no-repeat right 50%;
}
.bindlist a span{
	color:#4060d1;
	float:right;
	padding-right:30px;
}



/* 设置页面 */
.setting .header a{
	font-size: 26px;
	position: absolute;
	/* top: 25px; */
	color: #fff;
  }
  .setting .header{
	background: #3E50B5;
  
  }
  .setting .header .title{
	font-size: 32px;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
  }
  .setting .header .back_1 span{
	background-image: url(../images/back_2.png);
  }
  .setting .login_user{
	margin: 30px;
  }
  .setting .login_user ul{
	box-shadow: 0 3px 31px 0 rgba(102,102,102,0.17);
	border-radius: 23.89px;
	padding: 0 30px;
  }
  .setting .login_user li{
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
	position: relative;
  }
  .setting .login_user li:last-child{
	border: none;
  }
  
  .login_user .user_radio{
	float: left;
	position: absolute;
	clip: rect(0, 0, 0, 0);
  }
  .login_user .label{
	display: block;
	overflow: hidden;
  }
  .login_user .label::before{
	content: "\a0";
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #FFFFFF;
	box-sizing: border-box;
	border: 3px solid #D9D9D9;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  }
  .login_user input[type="radio"]:checked + label::before {
	background: #FFFFFF;
	border: 10px solid #3E50B5;
  }
  .login_user .user_info{
	padding-left: 60px;
  }
  .login_user .user_info p{
	margin: 10px 0;
	color: #222222;
  }
  .login_user .user_info{
	color: #666666;
  }
  .login_user .remove_user{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
  }
  .login_user .remove_user a{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/remove.png) no-repeat center;
  }
  .login_user .add_user{
	text-align: center;
  }
  .login_user .add_user a{
	color: #1774DF;
	display: inline-block;
	padding-left: 50px;
	background: url(../images/add_user.png) no-repeat left; 
	margin: 30px 0;
  }
  .login_out{
	text-align: center;
	width: 640px;
	position: fixed;
	bottom: 30px;
  }
  .login_out a{
	display: inline-block;
	width: 300px;
	height: 75px;
	line-height: 75px;
	border: 1px solid #3E50B5;
	border-radius: 6.83px;
	color: #3E50B5;
  }

.financehistorytable{
	background:#fff;
	padding:20px 0 20px 0;
}
.financehistorytable table{
	width:100%;
}
.financehistorytable td{
	padding:10px 0 10px 25px;
}

/*各馆公众号二维码*/
.QRCode_szln{
	overflow:hidden;
	background:#fff;
	border-top:1px #e8e8e8 solid;
	margin:30px 0px 0 0;
}
.QRCode_szln li{
	position:relative;
	float:left;
	width:212px;
	border-right:1px #e8e8e8 solid;
	border-bottom:1px #e8e8e8 solid;
	text-align:center;
	padding:10px 0;
}
.QRCode_szln li a{
	display:block;
	width:212px;
	color:#555;
	font-size:22px;
}
.QRCode_szln li img{
	width:150px;
	padding:5px 25px;
}
.QRCode_szln li .tri{
	position:absolute;
	right:0;
	bottom:0;
	z-index:40;
	width:23px;
	height:23px;
	padding:19px 0 0 19px;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.QRCode_szln li .triangle{
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:15;
	border:21px transparent solid;
	border-right:21px #599ff6 solid;
	border-bottom:21px #599ff6 solid;
}

.QRCode_szln li .triangle_red{
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:15;
	border:21px transparent solid;
	border-right-color:#eb6e86;
	border-bottom-color:#eb6e86;
}
.QRCode_szln li .triangle_green{
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:15;
	border:21px transparent solid;
	border-right-color:#57c296;
	border-bottom-color:#57c296;
}


/*开关按钮 开始*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float:right;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.switch_tips{
	width:84%;
	padding:0 25px;
	font-size:16px;
	color:gray;
}
/*开关按钮 结束*/

.activity-info li{
	margin-top:18px;
	padding:20px 60px;
	background:#fff;
}

.map_search{
	padding: 10px 25px;
	background-color: #fff;
	border-bottom: 1px solid #cfced3;
	text-align: center;
}
.map_search .label{}
.map_search .search_input{
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	width: 40%;
	border: 1px solid #ddd;
	font-size: 18px;
}
.map_search .search_submit{
	padding: 0 20px;
	height: 36px;
	line-height: 36px;
	color:#fff;
	font-size:18px;
	background:#4060d1;
	border: 1px solid #4060d1;
	vertical-align: middle;
}