body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elrements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
em,var,i{
	font-style: normal;
}
strong,h1,h2,h3,h4,h5,h6,var{
	font-weight: normal;
}
a,u{
	text-decoration: none;
}

li{
	list-style: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
body{font-family: "Microsoft YaHei";font-size: 1rem;background: #ebebeb;}
img{
	width: 100%;
}
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.loading{
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) center 20px no-repeat #fff;
    position: fixed;
    left: 0;
    z-index: 99999;
    top:0;
}
/*书目检索*/
.xf_smjswrap,.xf_jsyremian,.xf_gaojijs{
	width: 100%;
	min-height: 100%;
	background: #ebebeb;
}
.xf_smjswrap{
	padding-bottom: 3rem;
}
.smjs_top{
	position: relative;
}
.smjs_top i{
	display: block;
	width: 5.3rem;
	height: 5.3rem;
	border-radius: 50%;
	border:0.2rem solid #ebebeb;
	position: absolute;
	right: 1.5rem;
	bottom:0;
	margin-bottom: -2.65rem;
}
.xf_smjswrap p{
	position: relative;
	width: 90%;
	padding:0.2rem 0.5rem;
	margin: 4.5rem auto 0;
	background: #fff;
	border:1px solid #dedede;
}
.xf_smjswrap p input{
	font-family: "Microsoft YaHei";
	width: 90%;
	padding: 0.4rem 0;
	line-height: 1.6rem;
	color:#888888;
	font-size: 0.9rem;
	border:0;
}
.xf_smjswrap p i{
	cursor:pointer;
	display: block;
	height: 2.8rem;
	width: 2.8rem;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/icon_ssk.png) no-repeat center center;
	background-size: 1.4rem;
}
.xf_smjswrap p a{
	position: absolute;
	left: 0;
	top: 0;
	height: 2.8rem;
	width: 100%;
	display: block;
}
.xf_smjswrap > a{
	width: 45%;
	margin: 1.6rem auto 0;
	line-height: 2.5rem;
	color:#fff;
	display: block;
	border-radius: 2rem;
	text-align: center;
	background: #ff6c00;
}
.xf_smjswrap > a:active{
	background: #eb6400;
}
/*书目检索end*/

/*检索页面*/
.xf_jsyremian{
	padding-top: 3rem;
}
.xf_jsymtop{
	z-index: 3;
	position: fixed;
	width: 100%;
	height: 3rem;
	top: 0;
	left: 0;
	background: #dadada;
}
.xf_jsymtop em{
	float: left;
	width: 4.5rem;
	height: 3rem;
	background: url(../images/icon_logo.png) no-repeat center center;
	background-size: 2.7rem;
}
.xf_jsymtop input{
	font-size: 1rem;
	padding: 0 0.8rem;
	margin-top: 0.5rem;
	height: 2rem;
	float: left;
	border-radius: 1rem;
	width: 14rem;
	border:0;
	background: #fff;
}
.xf_jsymtop a{
	display: block;
	width: 3.5rem;
	float: left;text-align: center;
	line-height: 3rem;
	float: left;
	color:#3d4041;
}
.xf_jsymtop a:active{
	opacity: 0.7;
}
.dzdg_top{
	padding:0 0 0 1rem;
}
.dzdg_top em {
	float: left;
	width: 3rem;
	height: 3rem;
	background: url(../images/icon_more.png) no-repeat center center;
	background-size: 2.7rem;
}
.xf_jsyremian ul li{
	padding:0 1rem;
	border-bottom: 1px solid #d5d5d5;
}
.xf_jsyremian ul li a{
	display: block;
	color:#999999;
	font-size: 1rem;
	line-height: 3.4rem;
}
.xf_jsyremian ul li a:active{
	opacity: 0.7;
}
.xf_jsyremian > a{
	font-size: 0.9rem;
	text-align: center;
	display: block;
	line-height: 4rem;
	color:#666666;
}
/*检索页面end*/

/*高级检索*/
.xf_jiansuofs{
	min-height: 7rem;
	padding-top: 0.5rem;
}
.xf_jiansuofs p{
	display: block;
	text-indent: 0.7rem;
	color:#666666;
	line-height: 2;
	font-size: 0.8rem;
}
.xf_jiansuofs > div {
	margin-bottom: 0.3rem;
	height: 2.5rem;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.xf_jiansuofs ul{
	padding-right: 1.4rem;
	padding-left: 0.2rem;
	overflow: hidden;
}
.xf_jiansuofs ul li{
	margin-bottom: 0.5rem;
	float: left;
	width: 33.33%;
	padding-left: 1.2rem;
}
.xf_jiansuofs ul li a{
	border-radius: 0.1rem;
	font-size: 0.9rem;
	color:#666666;
	display: block;
	width: 100%;
	line-height: 2rem;
	border:1px solid #bbbbbb;
	text-align: center;
}
.xf_jiansuofs ul li.cur a{
	background: #ff6c00;
	color:#fff;
	border:1px solid #ff6c00;
}
.xf_jiansuofs i{
	cursor:pointer;
	line-height: 2.2rem;
	font-family: Arial;
	margin: 0 auto;
	display: block;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 50%;
	background: url(../images/icon_xgd.png) no-repeat center center;
	background-size: 100%;
	-webkit-transform: rotate(0deg);
	-webkit-transition: all 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.xf_jiansuofs i.cur{
	-webkit-transform: rotate(-180deg);
}
.xf_wenxianlx{
	min-height: 4.5rem;
	margin-top: 1.5rem;
}
.tuij_sxq .xf_wenxianlx{
	margin: 0;
	width: 100%;
	min-height: 2.2rem;
	margin-bottom: 0.7rem;
}
.xf_wenxianlx span{
	float: left;
	display: inline;
	text-indent: 0.7rem;
	color:#666666;
	line-height: 2;
	font-size: 0.8rem;
}
.xf_wenxianlx .tjs_wxlx{
	position: relative;
	float: left;
	color:#666;
	height: 2.2rem;
	padding: 0.1rem 0 ;
	width: 10rem;
	background: #fff;
	border:1px solid #bbbbbb;
}
.tuij_sxq .xf_wenxianlx .tjs_wxlx{
	margin-left: 2%;
}
.xf_wenxianlx .tjs_wxlx.cur{
	border-bottom:0;
}
.xf_wenxianlx .tjs_wxlx i{
	overflow: hidden;
	position: absolute;
	right: 1px;
	top:1px;
	display: block;
	width: 1.6rem;
	height: 1.9rem;
	background: url(../images/icon_xzwxjt.png) #ff6c00 center center no-repeat;
	background-size: 1.8rem;
}
.xf_wenxianlx .tjs_wxlx.cur i{
	background: url(../images/icon_xzwxjtcur.png) #ff6c00 center center no-repeat;
	background-size: 1.8rem;
}
.xf_wenxianlx .tjs_wxlx ul{
	display: none;
	z-index: 2;
	position: absolute;
	left: -1px;
	top: 2rem;
	width: 10rem;
	border:1px solid #bbbbbb;
	border-top: 0;
}
.xf_wenxianlx .tjs_wxlx ul li{
	text-indent: 0.5rem;
	line-height: 2.4rem;
	font-size: 0.9rem;
	height: 2.4rem;
	color:#666666;
	border-top: 1px solid #c6d7de;
	background: #fff;
}
.xf_wenxianlx .tjs_wxlx ul li:active{
	background: #eee;
}
.xf_wenxianlx .tjs_wxlx em{
	padding-left: 0.5rem;
	color:#666666;
	line-height: 2rem;
	font-size: 0.9rem;
}
.xf_sfgcjl{
	text-indent: 2rem;
	line-height: 1.6;
	text-align: center;
	font-size: 0.9rem;
	color:#666666;
	background: url(../images/icon_gc.png) 30% 50% no-repeat;
	background-size: 1.2rem;
}
.xf_sfgcjl.cur{
	background: url(../images/icon_gccur.png) 30% 50% no-repeat;
	background-size: 1.2rem;
}

.xf_jgsjs_ss{
	overflow: hidden;
	margin-top: 1.5rem;
	width: 100%;
}
.xf_jgsjs_ss em{
	float: left;
	width: 4rem;
	height: 3rem;
	background: url(../images/icon_logo2.png) no-repeat center center;
	background-size: 2.2rem;
}
.xf_jgsjs_ss input{
	font-size: 1rem;
	padding: 0 0.8rem;
	margin-top: 0.4rem;
	height: 2.2rem;
	float: left;
	border-radius: 1rem;
	width: 14rem;
	border:1px solid #c5c5c5;
	background: #fff;
}
.xf_jgsjs_ss a{
	display: block;
	margin-left: 0.5rem;
	width: 3rem;
	float: left;text-align: center;
	line-height: 2.4rem;
	margin-top: 0.3rem;
	float: left;
	color:#fff;
	background: #ff6c00;
}
/*高级检索end*/

/*历史记录*/
.xf_jsyemian{
	padding-top: 3rem;
}
.xf_jsyemian > ul > li{
	border-bottom: 1px solid #d5d5d5;
}
.xf_jsyemian > ul > li a{
	display: block;
	text-indent: 0.5rem;
	font-size: 1rem;
	line-height: 3.6rem;
	color:#999;
}
.xf_jsyemian > a{
	text-align: center;
	display: block;
	font-size: 0.9rem;
	line-height: 3.6rem;
	color:#666666;
}
/*历史记录end*/
/*搜索结果页*/
.xf_qblb{
	z-index:3;
	color:#666666;
	font-size: 0.9rem;
	position: fixed;
	top: 3rem;
	left: 0;
	width: 100%;
	height: 2.45rem;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.xf_qblb p{
	font-size: 1rem;
	line-height: 2.4rem;
	text-indent: -1rem;
	cursor: pointer;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #d5d5d5;
	background: url(../images/icon_lxjt.png) 61% 50% #fff no-repeat;
	background-size: 1.2rem;
}
.xf_qblb p.cur{
	background: url(../images/icon_lxjtcur.png) 61% 50% #fff no-repeat;
	background-size: 1.2rem;
}
.xf_qblb ul{
	font-size: 0.9rem;
	width: 100%;
	height: 13rem;
	overflow: auto;
	background: #fff;
}
.xf_qblb ul li{
	height: 2.5rem;
	line-height: 2.5rem;
	text-indent: 1rem;
	color:#676767;
	border-bottom: 1px solid #d5d5d5;
}
.xf_qblb ul li:active{
	background: #ebebeb;
}
.xf_qblb ul li:last-child{
	border:0;
}
.xf_qblb ul li.cur{
	background: #ebebeb;
}
.xf_zhezhao{
	top:0;
	position: fixed;
	z-index: -1;
	width: 100%;
	height:100%;
	background: #000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.xf_zhezhao.cur{
	z-index: 2;
	opacity: 0.3;
}
.xf_sosuojgy{
	background: #ebebeb;
	padding-top: 5.45rem;
	padding-bottom: 0.5rem;
}
.xf_ssjginner > ul > li{
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	overflow: hidden;
	background: #fff;
	margin-top: 0.5rem;
	height: 10.1rem;
	-webkit-transition: all 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.xf_sosuojgy .xf_ssjginner > ul > li{
	height: 11.5rem;
}
.xf_ssjginner > ul > li .xf_jibenxx{
	position: relative;
}
.xf_ssjginner > ul > li a{
	overflow: hidden;
	padding:1rem;
	line-height: 1.2rem;
	font-size: 0.8rem;
	color:#999;
	display: block;
}
.xf_ssjginner > ul > li a:active{
	background: #eee;
}
.xf_ssjginner > ul > li img{
	margin-right: 0.7rem;
	float: left;
	width: 6.5rem;
}
.xf_ssjginner > ul > li a h3{
	padding-bottom: 0.5rem;
	color:#222;
	font-size: 1.1rem;
}
.xf_ssjginner > ul > li i.xf_zaiguanxx{
	display: block;
	color:#666666;
	text-align: center;
	width: 5rem;
	font-size: 1rem;
	line-height: 1.8rem;
	border:1px solid #bbb;
	position: absolute;
	right: 1rem;
	bottom:1rem;
}
.xf_ssjginner > ul > li i.xf_zaiguanxx:active{
	background: #eee;
}
.xf_zgxxgd{
	padding:0 1rem ;
	background: #fff;
}
.xf_zgxxgd u{
	display: block;
	height: 1.5rem;
}
.xf_zgxxgd h4{
	color:#666666;
	line-height: 3rem;
	text-align: center;
	font-size: 1.1rem;
}
.xf_zgxxgd table{
	text-align: center;
	color:#999;
	font-size: 0.8rem;
	border:1px solid #bbbbbb;
	border-bottom: 0;
}
.xf_zgxxgd table tr{
	overflow: hidden;
	border-bottom:1px solid #e2e2e2;
}
.xf_zgxxgd table tr th{
	font-weight: normal;
	font-size: 0.9rem;
	padding: 0.3rem 0 ;
	min-height: 2rem;
	border-right:1px solid #e2e2e2;
}
.xf_zgxxgd table tr th:last-child{
	border:0;
}
.xf_zgxxgd table tr td{
	table-layout:fixed; word-break: break-all;
	font-size: 0.8rem;
	overflow: hidden;
	float: left;
	display: block;
	min-height: 2rem;
	padding:0.2rem;
	border-right:1px solid #e2e2e2;
}
.xf_ssjginner > ul > li .xf_zgxxgd a{
	padding:0;
	border:1px solid #bbbbbb;
	border-top: 0;
	font-size: 1.1rem;
	line-height: 2rem;
	text-indent: -1rem;
	cursor: pointer;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #d5d5d5;
	background: url(../images/icon_lxjt.png) 61% 50% #fff no-repeat;
	background-size: 1.2rem;
}
.xf_ssjginner > ul > li .xf_zgxxgd a:active{
	background: url(../images/icon_lxjt.png) 61% 50% #eee no-repeat;
	background-size: 1.2rem;
}
.xf_zgxxgd table tr td:nth-child(1){
	width: 25%;
}
.xf_zgxxgd table tr td:nth-child(2){
	width: 25%;
}
.xf_zgxxgd table tr td:nth-child(3){
	width: 35%;
}
.xf_zgxxgd table tr td:nth-child(4){
	width: 15%;
}
.xf_zgxxgd table tr td:last-child{
	border-right:0;
}

/*搜索结果页end*/

/*书籍详情页面*/
.xf_shujxqye{
	background: #ebebeb;
}
.xf_xqjbxx{
	overflow: hidden;
	background: #fff;
	line-height: 1.2rem;
	font-size: 0.8rem;
	color:#999;
	padding:1rem;
}
.xf_xqjbxx img{
	margin-right: 1rem;
	float: left;
	width: 6.5rem;
}
.xf_xqjbxx h3{
	padding-bottom: 0.5rem;
	color:#222;
	font-size: 1.1rem;
}

.xq_xqzgxx a{
	color: #999;
	display: block;
	border:1px solid #bbbbbb;
	border-top: 1px solid #e2e2e2;
	font-size: 1.1rem;
	line-height: 2rem;
	text-indent: -1rem;
	cursor: pointer;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #d5d5d5;
	background: url(../images/icon_lxjt.png) 61% 50% #fff no-repeat;
	background-size: 1.2rem;
}
.xq_xqzgxx a.cur{
	background: url(../images/icon_lxjtcur.png) 61% 50% #fff no-repeat;
	background-size: 1.2rem;
}
.xf_tsgxxll,.xf_xqnrjj{
	color: #999;
	font-size: 0.8rem;
	margin-top: 0.5rem;
	padding:1rem;
	padding-top: 0;
	background: #fff;
}
.xf_tsgxxll h4,.xf_xqnrjj h4{
	color: #666666;
	line-height: 3rem;
	text-align: center;
	font-size: 1.1rem;
}
.xf_xqnrjj p{
	text-indent: 2rem;
}
/*书籍详情页面end*/

/*活动公告*/
.xf_hdgg{
	min-height: 100%;
	background: #ebebeb;
	padding:0.7rem 1rem 0;
}
.xf_hdgg ul li{
	margin-bottom: 0.5rem;
	line-height: 1.6;
	padding:0.3rem 0.5rem;
	border-radius: 0.2rem;
	background: #fff;
	border:1px solid #dedede;
	position: relative;
	overflow: hidden;
}
.xf_hdgg ul li p:nth-child(1){
	text-align: right;
	font-size: 0.8rem;
	color:#999;
}
.xf_hdgg ul li em{
	line-height: 1.4;
	display: block;
	font-size: 1.1rem;
	color:#222;
}
.xf_hdgg ul li span{
	font-size: 1rem;
	color:#585858;
}
/*活动公告end*/

/*读者导购*/
.xf_dzdgwarp{
	padding-bottom: 3.5rem;
}
.xf_dzdginner > ul > li {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	overflow: hidden;
	background: #fff;
	margin-top: 0.5rem;
}
.xf_dzdginner > ul > li:active{
	background: #eee;
}
.xf_dzdginner > ul > li a {
	overflow: hidden;
	padding: 0.7rem 1rem;
	line-height: 1.2rem;
	font-size: 0.8rem;
	color: #999;
	display: block;
}
.xf_dzdginner > ul > li img {
	margin-right: 0.8rem;
	float: left;
	width: 4rem;
	height: 5.8rem;
}
.xf_dzdginner > ul > li a h3 {
	line-height: 2rem;
	color: #222;
	font-size: 1.1rem;
}
.xf_dzdginner > ul > li i{
	color:#999;
	font-family: '黑体';
	font-size: 0.8rem;
	line-height: 1.5rem;
	display: block;
	position: absolute;
	right: 1.5rem;
	bottom:0.7rem;
	padding-left: 1.3rem;
	background: url(../images/icon_dzdg.png) no-repeat;
	background-size: 1.2rem;
}

/*书籍详情页*/
.smxq_inner {
	padding-bottom: 2rem;
}
.smxq_inner .shujijj{
	background: #00789f;
	padding: 1rem 1.5rem;
	height: 10.8rem;
	position: relative;
}
.smxq_inner .shujijj img{
	width: 6.2rem;
	height: 8.8rem;
	float: left;
	padding: 0.1rem;
	margin-right: 1rem;
	background: #d7e8f1;
}
.smxq_inner .shujijj h3{
	color:#fff;
	padding-bottom: 0.6rem;
	line-height: 1.4rem;
	font-weight: normal;
	font-size: 1rem;
}

.smxq_inner .shujijj p{
	width: 58%;
	text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden;
	color:#d7e8f1;
	font-size: 0.8rem;
	line-height: 1.2rem;
}
.smxq_inner .shujijj .sm_tjr{
	position: absolute;
	bottom:1.2rem;
	left:8.7rem;
	width: 45%;
	padding-top:0.5rem;
	font-size: 0.9rem;
	color:#d7e8f1;
}

.smxq_inner .shujijj .sm_tjr span{
	color:#ffeb0c;
}
.shumu_sd{
	overflow: auto;
	padding: 0 0.8rem 1.5rem ;
}
.shumu_sd ul li{
	padding:0 0.8rem;
	margin-top: 1.5rem;
	background: #fff;
}
.shumu_sd ul li h3{
	line-height: 2rem;
	font-weight: normal;
	color:#333333;
	font-size: 0.9rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #eaeaea;
}
.shumu_sd ul li p{
	padding: 0.5rem;
	font-size: 0.8rem;
	line-height: 1.3rem;
	color:#999;
}
.xq_tuijian{
	-webkit-user-select: none;
	position: fixed;
	right: 1rem;
	bottom:1.5rem;
	display: block;
	color:#fff;
	font-size: 0.8rem;
	width: 3rem;
	height: 3rem;
	padding-top: 1.6rem;
	line-height: 1.2rem;
	text-align: center;
	border-radius: 50%;
	background: url(../images/icon_xfdz.png) #cecece 50% 10% no-repeat;
	background-size: 1.5rem;
}

.xq_tuijian.cur{
	background: url(../images/icon_xfdz.png) #ff6c00 50% 10% no-repeat;
	background-size: 1.5rem;
}
.xf_shouc{
	-webkit-user-select: none;
	position: fixed;
	right: 1rem;
	bottom:1.5rem;
	display: block;
	color:#fff;
	font-size: 0.8rem;
	width: 3rem;
	height: 3rem;
	padding-top: 1.6rem;
	line-height: 1.2rem;
	text-align: center;
	border-radius: 50%;
	background: url(../images/icon_sc.png) #cecece 50% 10% no-repeat;
	background-size: 1.5rem;
}
.xf_shouc.cur{
	background: url(../images/icon_sc.png) #ff6c00 50% 10% no-repeat;
	background-size: 1.5rem;
}
.xf_genduo{
	z-index: -1;
	opacity: 0;
	position: fixed;
	padding: 0;
	width: 100%;
	height: 100%;
	top: 0;
	right:0;
	border-radius: 3px;
	transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.xf_genduo.cur{
	z-index: 99;
	opacity: 1;
}
.xf_genduo ul{
	position: fixed;
	padding: 0;
	width: 35%;
	top: 3rem;
	right: 1rem;
	border-radius: 3px;
	background: url(../images/ysxxkbg.png) no-repeat;
	background-size: 100%;
	transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.xf_genduo ul li{
	width: 100%;
	border: 0;
	float: left;
}
.xf_genduo ul li a{
	text-align: center;
	font-size: 1rem;
	display: block;
	width: 100%;
	line-height:3rem;
	color:#fff;
}
.xf_genduo ul li a:active{
	background: #4d585c;
}
/*书籍详情页end*/

/*自定义荐购*/
.xf_warp{
	width: 100%;
	min-height: 100%;
	background: #ebebeb;
}
.tuij_shu{
	height: 8.5rem;
	padding:1.2rem 3rem 1rem;
	background: #00789f;
}
.tuij_shu p{
	margin-bottom: 1.2rem;
	color:#e4f1f7;
	font-size: 1rem;
	line-height: 1rem;
}

.tuij_shu input{
	border:0;
	width: 80%;
	font-size: 1rem;
	color:#e4f1f7;
	border-bottom: 1px solid #e4f1f7;
	background: rgba(0,0,0,0);
}

.tuij_sxq{
	padding:0.1rem 1rem 0.1rem 1rem;
	/*overflow: auto;*/
}
.tuij_sxq p{
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.7rem;
}
.tuij_sxq span{
	font-size: 0.8rem;
	color:#666666;
	float: left;
	display: block;
	width: 25%;
	text-align: right;
	line-height: 2.2rem;
}
.tuij_sxq form{
	display: none;
}
.tuij_sxq p input{
	color:#666;
	height: 2.2rem;
	width: 65%;
	margin-left: 2%;
	padding: 0 0.5rem;
	border-radius: 0.15rem;
	border:1px solid #bbbbbb;
}
.tuij_sxq .tjs_tsp{
	margin: 1rem 0;
}
.xf_cxgd{
	width: 100%;
	position: fixed;
	left:0;
	bottom:0;
	overflow: hidden;
	padding:0.4em 3em;
	background: #f7f7f7;
	border-top: 1px solid #cfcfcf;
}
.xf_cxgd p a{
	color:#fff;
	text-align: center;
	line-height: 2.2em;
	display: block;
	border-radius: 0.15rem;
	width: 35%;
	float: left;
	background: #ff6c00;
}
.xf_cxgd p a:nth-child(1){
	margin-right: 5rem;
}
.xianshigd_p i{
	text-align: center;
	width: 6rem;
	margin: 1rem auto 0;
	display: block;
	line-height: 2rem;
	padding: 0.2rem 1rem;
	font-size: 1.2rem;
	border-radius: 2rem;
	background: #e6e6e6;
	color: #666666;
	border: 1px solid #bbbbbb;
}
.xianshigd_p i:active{
	background: #eee;
}
.xianshigd_p2 i{
	text-align: center;
	width: 6rem;
	margin: 1rem auto 0;
	display: block;
	line-height: 2rem;
	padding: 0.2rem 1rem;
	font-size: 1.2rem;
	border-radius: 2rem;
	background: #e6e6e6;
	color: #666666;
	border: 1px solid #bbbbbb;
}
.xianshigd_p2 i:active{
	background: #eee;
}
/*自定义荐购end*/

/*读者导购end*/

/*footer*/
.xf_footer{
	z-index: 99;
	position: fixed;
	left: 0;
	bottom:0;
	width: 100%;
	height: 3rem;
	background: #f7f7f7;
	border-top: 1px solid #cfcfcf;
}
.xf_footer ul li{
	width: 25%;
	float: left;
	text-align: center;
}
.xf_footer ul li a{
	padding-top: 1.8rem;
	display: block;
	color:#666;
	font-size: 0.8rem;
}
.xf_footer ul li a.cur{
	color:#ff6c00;
}
.xf_footer ul li:nth-child(1) a{
	background: url(../images/icon_ssk.png) no-repeat 50% 20%;
	background-size: 1.5rem;
}
.xf_footer ul li:nth-child(2) a{
	background: url(../images/icon_hdgg.png) no-repeat 50% 20%;
	background-size: 1.5rem;
}
.xf_footer ul li:nth-child(3) a{
	background: url(../images/icon_dzdg.png) no-repeat 50% 20%;
	background-size: 1.5rem;
}
.xf_footer ul li:nth-child(4) a{
	background: url(../images/icon_my.png) no-repeat 50% 20%;
	background-size: 1.5rem;
}
.xf_footer ul li:nth-child(1) a.cur{
	background: url(../images/icon_smcur.png) no-repeat 50% 20%;
	background-size: 1.5rem;
}
.xf_footer ul li:nth-child(2) a.cur{
	background: url(../images/icon_hdggcur.png) no-repeat 50% 20%;
	background-size: 1.5rem;
}
.xf_footer ul li:nth-child(3) a.cur{
	background: url(../images/icon_dzdgcur.png) no-repeat 50% 20%;
	background-size: 1.5rem;
}
.xf_footer ul li:nth-child(4) a.cur{
	background: url(../images/icon_mycur.png) no-repeat 50% 20%;
	background-size: 1.5rem;
}
/*footer end*/

/*个性弹窗*/
.xf_tanchuan{
	z-index: -1;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition:0.3s;
	-webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.xf_tanchuan.cur{
	opacity: 1;
	z-index: 2;
	background: rgba(0,0,0,0.7);
}
.xf_tanchuan.cur .tc_inner{
    -webkit-transform:scale(1);
}
.tc_inner{
	position: absolute;
	top: 20%;
	left: 15%;
	width: 70%;
	background: #00789f;
	-webkit-transition:0.3s;
	-webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform:scale(0);
}
.tc_inner i{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon_gbtc.png) no-repeat;
	background-size: 2rem;
}
.tc_inner em{
	text-indent: 2rem;
	display: block;
	text-align: center;
	color:#dddddd;
	font-size: 1rem;
	line-height: 7rem;
	background: url(../images/icon_tcbq.png) 25% 50% no-repeat;
	background-size: 1.8rem;
}
.tc_inner p{
	padding:1rem 0;
	background: #fff;
}
.tc_inner p a{
	display: block;
	text-align: center;
	font-size: 1rem;
	width: 45%;
	margin: 0 auto;
	line-height: 2.2rem;
	border:1px solid #ff6c00;
	color:#ff6c00;
	border-radius: 0.15rem;
}
/*个性弹窗end*/

/*个人中心*/
.xf_myzx{
	overflow: hidden;
	padding-top: 0.5rem;
	width: 100%;
	min-height: 100%;
	background: #ebebeb;
	padding-bottom:3rem;
}
.xf_myzxtx{
	padding-bottom: 0;
}
.xf_myzx .xf_mytop{
	margin-bottom: 0.2rem;
	overflow: hidden;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	background: #fff;
}
.xf_myzx .xf_mytop a:active{
	background: #eee;
}
.xf_myzx .xf_mytop a{
	padding:0.5rem 1rem;
	overflow: hidden;
	color:#666666;
	display: block;
}
.xf_myzx .xf_mytop img{
	margin-right: 1rem;
	float: left;
	width: 5.3rem;
}
.xf_myzx .xf_mytop em{
	display: block;
	width: 4rem;
	height: 4rem;
	position: absolute;
	right: 0.5rem;
	top: 1.5rem;
}
.xf_myzx .xf_mytop em img{
	width: 100%;
	margin: 0;
}
.xf_myzx .xf_mytop p{
	padding-top: 0.7rem;
}
.xf_myzx .xf_myinner ul{
	margin-bottom: 0.5rem;
	background: #fff;
	overflow: hidden;
}
.xf_myzx .xf_myinner ul li{
	padding:0 1rem;
	background: url(../images/icon_rjt.png) 95% 50% no-repeat;
	background-size: 1.4rem;
}
.xf_myzx .xf_myinner ul li a{
	display: block;
	padding:0.8rem 0;
	border-bottom: 1px solid #dedede;
}
.xf_myzx .xf_myinner ul li:active{
	background: url(../images/icon_rjt.png) #eee 95% 50% no-repeat;
	background-size: 1.4rem;
}
.xf_myzx .xf_myinner ul li:last-child a{
	border:0;
}
.xf_myzx .xf_myinner ul:last-child{
	margin-top: 0.2rem;
}
.xf_myzx .xf_myinner ul li a{
	color:#666;
}

.xf_myzx .xf_mytoptx{
	padding:0.5rem 1rem;
	position: relative;
	margin-bottom:0;
}
.xf_myzx .xf_mytoptx em{
	display: block;
	width: 4rem;
	height: 4rem;
	position: absolute;
	right: 0.5rem;
	top: 1rem;
}
.xf_myzx .xf_mytoptx em img{
	width: 100%;
}
.xf_myzx .xf_mynrtx ul li{
	color:#222222;
	background:#fff;
}
.xf_myzx .xf_mynrtx ul li span{
	color:#999999;
}
.xf_myzx .xf_mynrtx ul:nth-child(1) li:nth-child(1){
	background: url(../images/xf_reweim.jpg) 97% 50% no-repeat;
	background-size: 1.8rem;
}
.xf_myzx .xf_mynrtx ul:nth-child(1) li:nth-child(1):active{
	background: url(../images/xf_reweim.jpg) #eee 97% 50% no-repeat;
	background-size: 1.8rem;
}
.xf_myzx .xf_mynrtx ul:nth-child(2):active li{
	background: #eee;
}
.xf_myzx .xf_mynrtx ul li:active{
	background: #eee;
}
.xf_myzx .xf_mynrtx ul:last-child li{
	background: url(../images/icon_rjt.png) 95% 50% no-repeat;
	background-size: 1.4rem;
}
.xf_myzx .xf_mynrtx ul:last-child li:active{
	background: url(../images/icon_rjt.png) #eee 95% 50% no-repeat;
	background-size: 1.4rem;
}
.xf_yue{
	text-align: center;
	color:#fff;
	width: 50%;
	line-height: 2.6rem;
	border-radius: 2rem;
	background: #ff6c00;
	margin: 0.7rem auto;
}
/*修改密码*/
.xf_xgmm{
	overflow: hidden;
	padding-top: 0.5rem;
	width: 100%;
	min-height: 100%;
	background: #ebebeb;
	line-height: 1.8rem;
	color:#666666;
}
.xf_xgmm ul li p{
	padding: 0.2rem 1rem 0;
}
.xf_xgmm ul li p:nth-child(2){
	padding: 0 1rem ;
	background: #fff;
}
.xf_xgmm ul li input{
	padding:0.9rem 0;
	width: 100%;
	font-size: 1rem;
	border:0;
	background: rgba(0,0,0,0);
}
.xf_xgmm a{
	text-align: center;
	color:#fff;
	display: block;
	width: 50%;
	margin: 2.5rem auto 0;
	line-height: 2.6rem;
	border-radius: 2rem;
	background: #ff6c00;
}
.xf_xgmm a:active{
	background: #EC6705;
}
/*修改密码end*/
.xf_xgdz{
	overflow: hidden;
	padding-top: 0.5rem;
	width: 100%;
	min-height: 100%;
	background: #ebebeb;
	line-height: 1.8rem;
	color:#666666;
}
.xf_xgdz textarea{
	font-size: 1rem;
	padding:0.5rem 0;
	width: 100%;
	border:0;
	height: 6rem;

}
.xf_xgdz ul li input{
	padding:0.9rem 0;
	width: 100%;
	font-size: 1rem;
	border:0;
	background: rgba(0,0,0,0);
}
.xf_xgdz ul li p{
	overflow: hidden;
	padding:0 1rem;
}
.xf_xgdz ul li p:nth-child(2){
	padding:0 1rem;
	background: #fff;
}
.xf_xgdz p #remain{
	color:0.8rem;
	float: right;
}
.xf_xgdz a{
	text-align: center;
	color:#fff;
	display: block;
	width: 50%;
	margin: 2.5rem auto 0;
	line-height: 2.6rem;
	border-radius: 2rem;
	background: #ff6c00;
}
.xf_xgdz a:active{
	background: #EC6705;
}

.xf_gerenbox > div{
	display: none;
}
.xf_gerenbox .xf_myzxtx,.xf_gerenbox .xf_rwmfd{
	display: block;
}

/*二维码*/
.xf_rwmfd{
	opacity: 0;
	z-index: -1;
	color:#fff;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	background: rgba(0,0,0,0);
	-webkit-transition:0.3s;
}
.xf_rwmfd.cur{
	z-index: 100;
	opacity: 1;
	background: rgba(0,0,0,1);
}
.xf_rwmfd h3{
	padding-top: 2rem;
	font-size: 1.4rem;
	line-height: 4rem;
}
.xf_rwmfd p{
	padding:0 4rem;
	font-size: 1.4rem;
}
.xf_rwmfd p:nth-child(3){
	margin-top: 2rem;
	padding: 0 1rem;
}
/*二维码end*/
/*个人中心end*/

/*读者证绑定/解绑*/
.xf_dzbdjb{
	overflow: hidden;
	padding-top: 3.3rem;
	width: 100%;
	min-height: 100%;
	background: #ebebeb;
	color:#666666;
	text-align: center;
}
.xf_dzbdjb h3{
	font-size: 1.1rem;
}
.xf_dzbdjb h3 span{
	font-size: 0.8rem;
}
.xf_dzbdjb > p{
	color:#999;
	padding: 1rem 0 2rem;
	font-size: 0.8rem;
}
.xf_dzbdjb > a{
	color:#fff;
	display: block;
	width: 50%;
	margin: 1.5rem auto 0;
	line-height: 2.6rem;
	border-radius: 2rem;
	background: #ff6c00;
}
.xf_dzbdjb > a:active{
	background: #EC6705;
}
.xf_dzbdjb ul li{
	margin-bottom: 0.8rem;
	color:#666;
	line-height: 2rem;
}
.xf_dzbdjb ul li input{
	padding:0 0.3rem;
	font-size: 1rem;
	height: 2rem;
	width: 14rem;
	border:0;
}
.xf_bzxz{
	margin-top: 3rem;
	position: relative;
}
.xf_bzxz i{
	font-size: 0.8rem;
	display: block;
	width: 5rem;
	text-align: center;
	color:#666666;
	line-height: 2rem;
	border:1px solid #bbbbbb;
	margin: 0 auto;
}
.xf_bzxz i:active{
	background: #eee;
}
.xf_bzxz p{
	position: absolute;
	top:2rem;
	opacity: 0;
	text-align: left;
	text-indent: 2rem;
	font-size: 0.8rem;
	padding:0 1rem;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.xf_bzxz p.cur{
	opacity: 1;
	top:0;
}
/*读者证绑定/解绑end*/

/*我的借阅*/
.xf_myjieyue{
	width: 100%;
	overflow: hidden;
	min-height: 100%;
	background: #ebebeb;
	padding: 0.5rem 1rem 0;
}
.xf_myjieyue ul li{
	position: relative;
	width: 90%;
	background: #fff;
	border:1px solid #dedede;
	margin-bottom: 0.5rem;
	border-radius: 0.1rem;
	padding:0.3rem;
}
.xf_myjieyue ul li img{
	width: 4.3rem;
	float: left;
}
.xf_myjieyue ul li h3{
	text-indent: 0.5rem;
	border-bottom: 1px solid #f3f3f3;
	color:#222222;
	line-height: 3rem;
}
.xf_myjieyue ul li time{
	line-height: 2rem;
	font-size: 0.8rem;
	color:#999999;
	padding-left: 0.5rem;
}
.xf_myjieyue ul li p{
	padding-right: 2rem;
	color:#999999;
	text-align: right;
	font-size: 0.8rem;
}
.xf_myjieyue ul li p i{
	font-size: 1rem;
	color:#ff6c00;
}
.xf_myjieyue ul li a{
	position: absolute;
	text-align: center;
	color:#fff;
	line-height: 5.2rem;
	top: 0.75rem;
	margin-right: -2.75rem;
	right:0;
	display: block;
	width: 5.5rem;
	height: 5.5rem;
	background: #ff6c00;
	border-radius: 50%;
	border:0.2rem solid #ebebeb;
}
.xf_myjieyue ul li a:active{
	background: #EC6705;
}
.xf_myjieyue ul li a.cur{
	background: #C6C6C6;
}
/*我的借阅end*/

/*我的书架*/
.xf_shujia{
	width: 100%;
	overflow: hidden;
	min-height: 100%;
	background: #ebebeb;
	padding: 0.5rem 1rem 0;
}
.xf_shujia ul li{
	position: relative;
	width: 90%;
	background: #fff;
	border:1px solid #dedede;
	margin-bottom: 0.5rem;
	border-radius: 0.1rem;
	padding:0.3rem;
}
.xf_shujia ul li img{
	width: 4.3rem;
	float: left;
}
.xf_shujia ul li h3{
	text-indent: 0.5rem;
	border-bottom: 1px solid #f3f3f3;
	color:#222222;
	line-height: 3rem;
}
.xf_shujia ul li time{
	line-height: 2rem;
	font-size: 0.8rem;
	color:#999999;
	padding-left: 0.5rem;
}
.xf_shujia ul li p{
	padding-right: 2rem;
	color:#999999;
	text-align: right;
	font-size: 0.8rem;
}
.xf_shujia ul li p i{
	font-size: 1rem;
	color:#ff6c00;
}
.xf_shujia ul li a{
	position: absolute;
	text-align: center;
	color:#fff;
	line-height: 5.2rem;
	top: 0.75rem;
	margin-right: -2.75rem;
	right:0;
	display: block;
	width: 5.5rem;
	height: 5.5rem;
	background: #0096ff;
	border-radius: 50%;
	border:0.2rem solid #ebebeb;
}
.xf_shujia ul li a.cur{
	background: #0096ff;
}
/*我的书架end*/
/*关注*/
.xf_guanzhu{
	z-index: 999;
	position: fixed;
	border-radius: 50%;
	right: 1em;
	bottom:1em;
	background: rgba(0,118,143,0.8);
}
.xf_guanzhu .xf_gzzt{
	height: 5.5em;
	width: 5.5em;
	padding-top: 3.5em;
	text-align: center;
	color:#d8e7ea;
	font-size: 1em;
	background: url(../images/icon_guanzu.png) 50% 30% no-repeat;
	background-size: 3em;
}
.xf_guanzhu .xf_gzzt.cur{
	background: url(../images/icon_qxgz.png) 50% 30% no-repeat;
	background-size: 3em;
}
/*关注end*/
/*内容页end*/

/*报名页面*/
#xf_baoming{
	background: #ebebeb;
}
.xf_inner ul li{
	padding: 1rem 0.1rem 0;
	background: #fff;
	border-bottom:1px solid #dedede;
}
.xf_inner ul li a{
	display: block;
	position: relative;
}
.xf_inner ul li a img{
	border-radius: 0.1rem;
	width: 100%;
}
.xf_inner ul li a p{
	font-size: 1rem;
	line-height: 1.6rem;
	color:#222;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.xf_inner ul li a span{
	display: block;
	line-height: 1rem;
	font-size: 0.8rem;
	color:#999;
	width: 100%;

}
.bm_ddspan{
	padding-top: 0.5rem;
}
#xf_baoming .xf_inner ul li{
	position: relative;
	padding:0.5rem;
	overflow:hidden;
}
.xf_hdgg ul li a u {
    padding-left: 0.5rem;
    color: #fff;
    text-align: center;
    width: 8rem;
    line-height: 1.6rem;
    position: absolute;
    top: 1rem;
    left: -3rem;
    background: #b8b8b8;
    font-size: 0.9rem;
    transform: rotate(-47deg);
    -webkit-transform: rotate(-47deg);
}
.tuijian ul li .leftpic u {
    padding-left: 4.6rem;
    color: #fff;
    text-align: center;
    width: 8rem;
    line-height: 1.2rem;
    position: absolute;
    top: 2.9rem;
    left: -4rem;
    background: #b8b8b8;
    font-size: 0.9rem;
    transform: rotate(-47deg);
    -webkit-transform: rotate(-47deg);
}
#xf_baoming .xf_inner ul li  .img{
	width:4rem;
	height:3rem;
	margin-right:0.5rem;
	float:left;
}
#xf_baoming .xf_inner ul li  .img u.state{
	text-align:center;
	display:block;
	width:100%;
	margin-top:0.4rem;
	float:left;
	color:#FF0000;
}
#xf_baoming .xf_inner ul li img.imgleft{
	float:left;
	width:4rem;
	height:3rem;
	margin-right:0.5rem;
}
#xf_baoming .xf_inner ul li a{
	position:relative;
	top:-0.3rem;
}
#xf_baoming .xf_inner ul li a time{
	color:#999;
	text-align: left;
	display: block;
	font-size: 0.8rem;
	margin-top:0.1rem;
}
#xf_baoming .xf_inner ul li i{
	z-index: 3;
	right: 0.5rem;
	bottom:0.2rem;
	position: absolute;
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	background: url(../images/icon_dzp.png) center center no-repeat;
	background-size: 90%;
}
#xf_baoming .xf_inner ul li span.button{
	/*
	margin-left:4.5rem;
	*/
}
#xf_baoming .xf_inner ul li span.button em{
	padding:0.2rem 0.5rem;
	background:#ff6600;
	color:#FFFFFF;
	font-size:0.8rem;
	margin-right:0.3rem;
}
.pageButton {
	
	color:#FFFFFF;
	font-size:0.8rem;
margin-top:0rem;
float:left;
}
.pageButton em {
	margin-right:0.3rem;
	display:block;
	float:left;
	border:1px #6f6570 solid;
	color:#6f6570;
	padding:0.2rem 0.2rem;
}
.pageButton2 em {
	margin-right:0.3rem;
	display:block;
	float:left;
	border:1px #6f6570 solid;
	color:#6f6570;
	padding:0.2rem 0.2rem;
}
#xf_baoming .xf_inner ul li{
	overflow: hidden;
	width: 100%;
}
#xf_baoming .xf_inner ul li a u{
	padding-left: 0.5rem;
	color:#fff;
	text-align: center;
	width: 8rem;
	line-height: 1.6rem;
	position: absolute;
	top: 1rem;
	left:-3rem;
	background: #b8b8b8;
	font-size: 0.9rem;

}
.xf_shouye .xf_inner ul li a span{
	line-height: 1.6rem;
}
.xf_shouye .xf_inner ul li{
	padding: 0.2em 0.5em 0;
}
.xf_gzym .xf_inner ul li a time{
	float: right;
}
.xf_gzym .xf_inner ul li a p{
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.4em;
}
.xf_gzym .xf_inner ul li a em{
	line-height: 1.2rem;
	font-size: 0.8rem;
	color:#999999;
	display: block;
	width: 85%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.xf_gzym .xf_inner ul li a h3{
	font-size: 1rem;
	color:#222;
}
.hd_yangshi{
    width: 100%;
    overflow: hidden;
    position: relative;
    
}
 .inner{
    width: 200%;
    overflow: hidden;
    zoom:1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.hd_yangshi .inner > div{
    float: left;
    width: 50%;
}
.hd_yangshi .xf_inner ul li{
	padding: 0.2rem 0.2rem;
}
.hd_top{
    color:#333;
    overflow: hidden;
    zoom:1;
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
    position: relative;
}
.hd_top div{
	font-size: 0.9rem;
    width: 50%;
    float: left;
    height: 2.4rem;
    text-align: center;
    line-height: 2.4rem;
    background: #fff;
    color: #333;
}
.hd_top span{
    width: 50%;
    position: absolute;
    bottom:0;
    left: 0;
    height: 0.15rem;
    background-color: #ff6600;
    -webkit-transition:all 0.2s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.xf_tishi{
	z-index: 999;
	color:#fff;
	text-align: center;
	padding: 0.7rem;
	position: fixed;
	left: 30%;
	top: 40%;
	width: 40%;
	border-radius: 0.5rem;
	background:rgba(0,0,0,0.8);
	-webkit-transition:0.2s;
	-webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform:scale(0);
}
.xf_tishi.cur{
	-webkit-transform:scale(1);
}
.xf_quxiaobm{
	position: fixed;
	opacity: 0;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	-webkit-transition:0.3s;
}
.xf_quxiaobm.cur{
	z-index: 3;
	opacity: 1;
}
.xf_quxiaobm.cur .xf_qxbminner{
    -webkit-transform:scale(1);

}
.xf_qxbminner{
	width: 75%;
	position: fixed;
	left: 12.5%;
	top: 20%;
	background: #00789f;
	-webkit-transition:0.3s;
    -webkit-transform:scale(0);
}
.xf_qxbminner i{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon_gbtc.png) no-repeat;
	background-size: 100%;
}
.xf_qxbminner p{
	text-align: center;
	color:#fff;
	font-size: 1rem;
	line-height: 7rem;
}
.xf_qxbminner ul{
	background: #fff;
	overflow: hidden;
}
.xf_qxbminner ul li{
	width: 	50%;
	float: left;
	padding: 0.8rem 1.5rem;
}
.xf_qxbminner ul li a{
	display: block;
	width: 100%;
	line-height: 2.4rem;
	text-align: center;
	color:#ff6c00;
	border: 1px solid #ff6c00;
	border-radius: 0.2rem;
}
.xf_qxbminner ul li a:active{
	background: #ff6c00;
	color:#fff;
}
/*报名页面end*/


/*上下拉刷新加载*/
#wrapper {
	position:relative; z-index:1;
	top:0; bottom:0; left:0;
	overflow:auto;
}
#wrapper2 {
	position:relative; z-index:1;
	top:0; bottom:0; left:0;
	overflow:auto;
}
.shangxiala {
    padding: 0.5rem 1rem;
	position:absolute;
	width: 100% !important;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	float:left;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.indexshuax {
	width: 100%;
	padding:1rem 0 0.5rem;
	position:absolute;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	float:left;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
/**
 *
 * 下拉样式 Pull down styles
 *
 */
 #pullDown{
 	top:-1rem
 }
#pullDown, #pullUp {
	width: 100%;
	height:40px;
	position: relative;
	line-height:40px;
	padding:5px 10px;
	border-bottom:0;
	font-weight:bold;
	font-size:14px;
	color:#888;
	background: #ebebeb;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:block; float:left;
	width:40px; height:40px;
	background:url(../images/pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}
/*------------- S 以下css主要是仿IOS滚动条样式(可选样式)  -------------*/		
.myScrollbarH {
	position:absolute;
	z-index:100;
	height:7px;
	bottom:1px;
	left:2px;
	right:7px
}

.myScrollbarH > div {
	height:100%;
}
.myScrollbarV {
	position:absolute;
	z-index:100;
	
	width:0px;bottom:7px;top:2px;right:1px;
}

.myScrollbarV > div {
	width:100%;
}
.myScrollbarH > div,
.myScrollbarV > div {
	position:absolute;
	z-index:100;
	background: #575757;
	border-radius: 20px;
}
/*------------- E 以上css主要是仿IOS滚动条样式  -------------*/

 #pullDown2{
 	top: -1em;
 }
#pullDown2, #pullUp2 {
	position: relative;
	width: 100%;
	height:40px;
	line-height:40px;
	padding:5px 10px;
	border-bottom:0;
	font-weight:bold;
	font-size:14px;
	color:#888;
	background: #ebebeb;
}
#pullDown2 .pullDownIcon, #pullUp2 .pullUpIcon  {
	display:block; float:left;
	width:40px; height:40px;
	background:url(../images/pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown2 .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp2 .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown2.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp2.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown2.loading .pullDownIcon, #pullUp2.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
/*------------- S 以下css主要是仿IOS滚动条样式(可选样式)  -------------*/	

/*关注页面*/
.xf_gzym{
	padding: 0 1rem;
	width: 100%;
}
.gzym_top{
	position: fixed;
	z-index: 2;
	width: 100%;
	color:#666;
	font-size: 1rem;
	line-height: 2.2rem;
	border-bottom: 1px solid #d5d5d5;
	background: #fff;
	text-align: center;
}
.xf_gzym .xf_inner ul li{
	position: relative;
	padding: 0.1rem 0.1rem;
}
.xf_inner ul li .xf_tsgmz{
	line-height: 1.8em;
	font-size: 1rem;
	color: #999;
}
.xf_inner ul li .xf_tsgmz span{
	line-height: 1.8rem;
	float: right;
}
.xf_gzym .xf_inner ul li i{
	position: absolute;
	border-left: 1px dashed #e5e5e5;
	right: 0;
	bottom:0.5rem;
	display: block;
	width: 4rem;
	height: 2rem;
	background: url(../images/gzicon.png) center center no-repeat;
	background-size: 100%;
}
.xf_gzym .xf_inner ul li i.cur{
	background: url(../images/gzicon_cur.png) center center no-repeat;
	background-size: 100%;
}
/*关注页面end*/

/*电子票*/
.xf_dzp{
	z-index: -1;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 4.5rem 2rem;
	text-align: center;
	background: #ebebeb;
	-webkit-transition:0.2s;
}
.xf_dzp.cur{
	z-index: 3;
	opacity: 1;
}
.xf_dzp h3{
	color:#222;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.6rem;
}
.xf_dzp span{
	font-size: 0.8rem;
	color:#999;
}
.xf_dzp p{
	margin-bottom: 1rem;
	font-size: 1rem;
	color:#999;
}
.xf_dzp img{
	border:1px solid #bfbfbf;
	margin: 2rem 0 2rem;
	width: 13rem;
	height: 13rem;
	box-shadow: 2px 2px 4px #CECECE;
}
/*电子票end*/

/*我的推荐*/
.xf_wdetuijian{
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	background: url(../images/xf_wdtjbg.png) #fff repeat-y;
	background-size: 100%;
}
.xf_wdetuijian ul li{
	position: relative;
	overflow: hidden;
	padding:1rem;
	border-bottom: 1px solid #ebebeb;
}
.xf_wdetuijian ul li a{
	overflow: hidden;
	display: block;
}
.xf_wdetuijian ul li a img{
	margin-right: 0.5rem;
	width: 4.5rem;
	float: left;
}
.xf_wdetuijian ul li a h3{
	width: 90%;
	line-height: 2.4rem;
	color:#222222;
	font-size: 1.1rem;
}
.xf_wdetuijian ul li a p{
	width: 90%;
	line-height: 1.2rem;
	font-size: 0.8rem;
	color:#999999;
}
.xf_wdetuijian ul li i{
	position: absolute;
	right:2rem;
	top: 1rem;
	font-size: 0.9rem;
	color:#ff6c00;
}
.xf_wdetuijian ul li time{
	display: block;
	float: right;
	padding-right: 1.5rem;
	line-height: 1.6rem;
	color:#999999;
	font-size: 0.8rem;
	background: url(../images/icon_tjsjtb.png) right center no-repeat;
	background-size: 1.2rem;
}
/*我的推荐end*/

/*活动inner*/
/*内容页*/
.fengexian{
	height: 1em;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	background: #ebebeb;
}
.xf_innerye .top_shuji{
	position: relative;
	text-align: center;
	height: 13.5rem;
	background: url(../images/inner_bg.jpg) no-repeat;
	background-size: 100%;
}
.xf_innerye .top_shuji > i {
	display: block;
	width: 3rem;
	height: 3rem;
	position: absolute;
	bottom: 0;
	border:0.2rem solid #ebebeb;
	border-radius: 50%;
	right: 1rem;
	margin-bottom: -1.5rem;
	background: url(../images/gzicon.png) center center #fff no-repeat;
	background-size: 150%;
}
.xf_innerye .top_shuji > i.cur{
	background: url(../images/gzicon_cur2.png) center center #ff6c00 no-repeat;
	background-size: 150%;
}
.xf_innerye .top_shuji img{
	width: 9.5rem;
	height: 9.5rem;
	padding:0.2rem;
	border-radius: 0.2rem;
	margin-top: 2rem;
	border-radius: 1px;
	background: rgba(255,255,255,0.3);
}
.xf_neir{
	background: #fff;
	padding:1em;
}
.xf_neir h3{
	line-height: 1.8rem;
	color:#222;
	font-weight: normal;
	font-size: 1rem;
}
.xf_neir p{
	color:#999;
	font-size: 0.8rem;
}

.xf_input{
	background: #fff;
	padding:1em;
	border: 1px solid #ff8000;
}
.xf_input h3{
	line-height: 1.8rem;
	color:#222;
	font-weight: normal;
	font-size: 1rem;
}
.xf_input p{
	color:#999;
	font-size: 0.8rem;
}
/*活动innerend*/
/*简介*/
.xf_jianjie{
	padding: 0.5rem 1rem 1rem;
	background: #fff;
}
.xf_jianjie img{
	width: 100%;
	margin-bottom: 0.5rem;
}
.xf_jianjie p{
	font-weight: bold;
	line-height: 1.4rem;
	font-size: 16;
	color:#333;
}
.xf_jianjie p span{
	font-weight: normal;
	font-size: 16;
	color:#000;
}
.xf_jianjie .jj_inner{
	font-weight: normal;
	font-size: 0.8rem;
	line-height: 1.2rem;
	text-indent: 2rem;
	color:#999999;
	margin-bottom: 0.5rem;
}
/*简介end*/
/*报名*/
.xf_baom{
	width: 100%;
	padding: 0.5rem 0;
}
.xf_baom .bm_inner{
	background: #ff6c00;
	border-radius: 0.2rem;
	height: 2.8rem;
	overflow: hidden;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.xf_baom .bm_inner_hidden{
	background: #dedede;
	border-radius: 0.2rem;
	height: 2.8rem;
	overflow: hidden;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.xf_baom img{
	width: 100%;
}
.xf_baom h4{
	line-height: 2.8rem;
	text-align: center;
	border-bottom: 1px solid #fff;
	color:#fff;
	font-weight: normal;
	font-size: 1rem;
}
.xf_baom h4 span{
	color:#fff;
}
.xf_baom h4 span:nth-child(1){
	font-size:1rem;
	font-weight: bold;
}
.xf_baom h4 span:nth-child(2){
	font-size:0.8rem;
	font-weight: normal;
}
.xf_baom p{
	padding-top: 1em;
	text-align: center;
}
.xf_baom p i{
	position: relative;
	margin-left: -30%;
	color:#fff;
	left: 50%;
	display: block;
	border:1px solid #fff;
	border-radius:30px;
	font-size: 1rem;
	line-height: 2.2rem;
	width: 60%;
}
.xf_baom p i:active{
	background: #ED6400
}
.xf_baom ul {
	overflow: hidden;
	padding: 1em 2em;
}
/*
.xf_baom ul li{
	font-size: 0.8rem;
	line-height:3rem;
	color:#fff;
	background: url(../images/icon_xuanze.png) right center no-repeat;
	background-size: 1.7rem;
}
.xf_baom ul li.cur{
	background: url(../images/icon_xuanzecur.png) right center no-repeat;
	background-size: 1.7rem;
}
*/
/*报名end*/
/*相似活动*/
.xiangsihd{
	overflow: hidden;
	height: 17rem;
	padding-top:0.5rem;
	background:url(../images/inner_hdbg.jpg) no-repeat;
	background-size: 100%;
}
.xiangsihd h3{
	text-indent: 0.5rem;
	line-height: 1.8rem;
	font-weight: normal;
	padding-bottom: 0.3rem;
	color: #fff;
	font-size: 0.9rem;
}
.Swipe_box{
	padding-bottom: 1.5em;
	z-index: 2;
	overflow: hidden;
	position: relative;
}
.banner_box {
	width: 200%;
	overflow: hidden;
}
.banner_box > div {
	float:left;
	text-align: center;
	width:25%;
	position: relative;
}
.banner_box > div > div{
	float: left;
	width: 33.33%;
	padding: 0 3%;
	color:#fff;
	text-align: left;
}
.banner_box > div > div a{
	text-align: center;
	display: block;
	color:#fff;
	font-size: 0.8rem;
}
.banner_box > div img{
	float: left;
	width: 100%;
	height: 8.5rem;
	margin-bottom: 0.4em;
}
.bncur_box ul li{
	margin-right: 5px;
	float: left;
	display:block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #d5d5d5;
}
.bncur_box ul li.cur{
	background:#d5d5d5;
}
.bncur_box{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5%;
}
/*相似活动end*/

/*图书推荐*/
.xf_wodejieyue{
	padding-top: 0.5rem;
	height:27rem;
	background: url(../images/xf_bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.xf_wodejieyue h4{
	width: 90%;
	background: #82b8aa;
	border-radius: 3px;
	font-size: 0.8rem;
	line-height: 1.6rem;
	color:#fff;
	margin:0 auto 2rem;
}
.xf_wodejieyue > a{
	display: block;
	width: 50%;
	height: 2.2rem;
	text-align: center;
	line-height: 2.2rem;
	font-size: 1rem;
	color:#fff;
	margin: 1.5rem auto 0;
	border-radius: 2rem;
	background:#ff6c00;
}
.xf_wodejieyue > a:active{
	background: #eb6400;
}
#yixing{
	overflow: hidden;
	height: 18rem;
	width:100%;
}
#yixing .inner{
	width: 100%;
	position: relative;
}
#tupian img{
	width: 11rem;
	height: 13.6rem;
	padding: 0.1rem;
	background: #fff;
}
#tupian > div > a{
	line-height: 1.6rem;
	text-align: center;
	display: block;
	color:#fff;
}
#tupian > div{
	display: none;
	width: 10rem;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
#tupian .no0{
	width: 8rem;
	display: block;
	position: absolute;
	top: 2.5rem;
	left: -5rem;
	z-index: -1;
}
#tupian .no0 img{
	width: 8rem;
	height: 11rem;
}
#tupian .no4{
	width: 8rem;
	display: block;
	position: absolute;
	top: 3.5rem;
	left: 20.5rem;
	z-index: -1;
}
#tupian .no4 img{
	width: 8rem;
	height: 11rem;
}
#tupian .no1{
	width: 8rem;
	display: block;
	position: absolute;
	top: 3rem;
	left: -1.5rem;
	z-index: 2;
}
#tupian .no1 img{
	width: 8rem;
	height: 11rem;
}
#tupian .no2{
	display: block;
	position: absolute;
	top: 2rem;
	left: 6rem;
	width: 10rem;
	z-index: 3;
}
#tupian .no2 a{
	line-height: 3rem;
}
#tupian .no2 img{
	width: 10rem;
	box-shadow: 2px 2px 11px #424242;
}
#tupian .no3{
	width: 8rem;
	display: block;
	position: absolute;
	top: 3rem;
	left: 15.5rem;
	z-index: 2;
}
#tupian .no3 img{
	width: 8rem;
	height: 11rem;
}
#tupian .no4{
	display: block;
	position: absolute;
	top: 3.5rem;
	left: 20rem;
	z-index: -1;
}
#tupian .denghou{
	display: none;
}

.xf_tushutuij{
	width: 100%;
	min-height: 100%;
}
.xf_xstuij{
	background: #fff;
}
.xf_xstuij h3{
	text-indent: 0.5rem;
	font-size: 1rem;
	line-height: 2.6rem;
}
.xf_xstuij .Swipe_box{
	padding-bottom: 1em;
	z-index: 2;
	overflow: hidden;
	position: relative;
}
.xf_xstuij .banner_box {
	width: 200%;
	overflow: hidden;
}
.xf_xstuij .banner_box > div {
	float:left;
	text-align: center;

	width:25%;
	position: relative;
}
.xf_xstuij .banner_box > div > div{
	float: left;
	width: 33.33%;
	padding: 0 3%;
	color: #fff;
	text-align: left;
}
.xf_xstuij .banner_box > div > div p{
	font-size: 0.8rem;
	color:#666666;
}
.xf_xstuij .banner_box > div img{
	float: left;
	width: 100%;
	height: 8.5rem;
	margin-bottom: 0.4em;
}
.xf_xstuij .bncur_box ul li{
	margin-right: 5px;
	float: left;
	display:block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #d5d5d5;
}
.xf_xstuij .bncur_box ul li.cur{
	background:#d5d5d5;
}
.xf_xstuij .bncur_box{
	position: absolute;
	bottom: 0.3em;
	left: 50%;
	margin-left: -5%;
}
/*图书推荐end*/

.hdgg_gdt{
	top: -1rem;
}
.hdgg_gdt #pullDown{
	top: -0.5rem;
}

.gundt_ssjg{
	width: 100%;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	float: left;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.gundt_ssjg #pullDown{
	top: 0;
}

.wdtuij_gdt{
	background: #fff;
}
.wdtuij_gdt #pullDown, .wdtuij_gdt #pullUp{
	background: #fff;
}
select.text {
	font: 14px;border-width: 1px; border-style: solid; border-color: #ff8000; padding: 0px 4px; border-radius: 2px; border-image: none;  height: 24px; color: rgb(102, 102, 102); line-height: 24px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}
input.text {
	font: 14px; border-width: 1px; border-style: solid; border-color: #ff8000; padding: 0px 4px; border-radius: 2px; border-image: none; width: 220px; height: 24px; color: rgb(102, 102, 102); line-height: 24px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}
input[type=file].text {
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
input.text:hover {
	background: none; border: 1px solid rgb(116, 185, 239); transition:box-shadow 0.2s linear; border-image: none; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1), 0px 0px 8px rgba(82,168,236,0.6); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -webkit-transition: box-shadow linear 0.2s; -moz-transition: box-shadow linear 0.2s; -o-transition: box-shadow linear 0.2s;
}
input:disabled.text {
	background-color: rgb(246, 246, 246);
}
input:disabled.text:hover {
	border-width: 1px; border-style: solid; border-color: rgb(184, 184, 184) rgb(220, 220, 220) rgb(220, 220, 220) rgb(184, 184, 184); transition:none; border-image: none; box-shadow: none; background-color: rgb(246, 246, 246); -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none;
}
textarea.text {
	padding: 4px; border-radius: 2px; border: 1px solid #ff8000; border-image: none; width: 440px; height: 160px; color: rgb(102, 102, 102); font-size: 12px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
}
textarea.text:hover {
	border: 1px solid rgb(116, 185, 239); transition:box-shadow 0.2s linear; border-image: none; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1), 0px 0px 8px rgba(82,168,236,0.6); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -webkit-transition: box-shadow linear 0.2s; -moz-transition: box-shadow linear 0.2s; -o-transition: box-shadow linear 0.2s;
}
textarea:disabled.text {
	box-shadow: none; background-color: rgb(246, 246, 246); -webkit-box-shadow: none; -moz-box-shadow: none;
}
textarea:disabled.text:hover {
	border: 1px solid rgb(193, 193, 193); transition:none; border-image: none; box-shadow: none; background-color: rgb(246, 246, 246); -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none;
}

.mdinput{
	border:0;
	width: 40%;
	font-size: 1rem;
	color:#000000;
	border-bottom: 1px solid #e4f1f7;
	border-color: #ff8000;
}

.mdtextarea{
	border:0;
	width: 100%;
	font-size: 1rem;
	color:#000000;
	border: 1px solid #e4f1f7;
	border-color: #ff8000;
}
.category{
	height:1.8rem;
	line-height:1.8rem;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:0.5rem;
	position:relative;
}
.category .item{
	float:left;
	width:5rem;
	background-size:0.5rem;
}
.category .item .list{
	width:100%;
	height:18rem;
	border:1px #999999 solid;
	position:absolute;
	z-index:999;
	background:#FFFFFF;
	margin-top:-1px;
	overflow-y:auto;
	left:0;
}
.category .item .list dl{
	margin:0;
	padding:0;
	list-style-type:none;
	padding:0 0 0.3rem 0;
	margin-top:-0.3rem;
	float:left;
	width:100%;
}
.category .item .list dl dt{
	margin:0.2rem 0 0 0.5rem;
	width:100%;
	display:block;
}
.category .item .list .name{
	margin:0.2rem 0 0 0.5rem;
}
.category .item .list dl dd{
	font-size:0.6rem;
	line-height:1.4rem;
	float:left;
	padding:0rem 0.5rem;
}
.category .item .list dl dd a{
	text-decoration:none;
	color:#333333;
}
.category h3{
	width:15rem;
	font-size:0.6rem;
}
.lea-mes-area{
	width: 90%;
    position: absolute;
    top: 28%;
    left: 50%;
    z-index: 2;
    background: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: .5rem;
    display: none;
    padding: 1rem 0;
}

.lea-mes-area h3{
	font-size: 1.2rem;
	text-align: center;
	color: #ff7417;
	/*padding: 1rem 0;*/
	padding-bottom: 1rem;
	
}
.lea-mes-btn{
	float: left;
	font-size: 1.2rem;
    color: #fff;
    padding-top: 1.28rem;
    margin-left: 1.12rem;
}
.mes-area{
	width: 84%;
	height: 7rem;
	margin: 0 auto .6rem;
	background: #fffbf5;
	border: 1px solid #b9b9b9;
	display:block;
	padding: .6rem;
	box-sizing: border-box;
	font-size: 1.04rem;
	font-family: "微软雅黑";
}
.form-group{
	border: 1px solid #aeaeae;
	border-radius: .2rem;
	font-size: 1.12rem;
	padding: .6rem 0;
	margin-bottom: 1rem;
	position: relative;
}
.mask,.ac-mask,.go-mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
      z-index: 1;
}

.mask{
    background-color: rgba(0, 0, 0, 0.41);
    display: none;

}
.sur-btn{
	width:100%;
	background: #ff7417;
	font-size: 1.12rem;
	color: #fff;
	border-radius: .2rem;
	padding:.4rem  .5rem;
	border:none;
}

.ac-mask{
	background: rgba(0, 0, 0, 0.54);
    display: none;
}