@charset "UTF-8";

/**
* 页面样式
*@file:style.css;
*@create author:gj;
**/
body {
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}

.lectureContent{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	overflow:hidden;
}
.layui-form-item{width: 100px;float: left;}
.layui-form-item .layui-input-inline{width: 100px; border:none;float: left;}
.layui-input, .layui-select, .layui-textarea{margin:9px 0 0 20px; border:none;background: none;}
.layui-form-select .layui-edge{right:1px;}
/*首页  开始*/
.headerMain{
	width: 100%;
    /*height: 21.8125rem;*/
	/*height: 22rem;*/
	background:url(../images/headerPic.jpg) no-repeat;
	background-size:100% 100%;

}
.headerMain .logo{
	float: left;
	width: 100%;
}
.headerMain .logo h1{
   width: 13.6056rem;
   height: 6.6875rem;
   background:url(../images/logo.png) no-repeat;
   background-size: 100% 100%;
  margin:2.4rem auto 1.75rem;
}
.headerMain .searchMain,
.headerMain .result{
	width: 60rem;
	margin:0 auto;
}
.headerMain .searchMain .searchInfo,
.searchlistmain .searchlistInfo{
	height: 3.125rem;
	background:#fff;
	border-radius: 30px;
	/*box-shadow: 3px 2px 4px 0px #dbe5e1;*/
	margin-left: 6%;
}
.searchlistmain .searchlistInfo{
	margin:20px auto;
	width: 90%;
	border:1px solid #ccc;
	box-shadow: none;

}
.headerMain .searchInfo .dropDown,
.searchlistmain .searchlistInfo .dropDown{
	float: left;
	border:none;
	margin:12px 0 12px 20px;
	position: relative;


}
.headerMain .searchInfo input,
.searchlistmain .searchlistInfo input{
   width: 70%;
   border:none;
   height: 2.9rem;
   line-height: 3rem;
   font-size: 16px;
   float: left;
   margin:0.1rem 0 0 1.3rem;
}
.headerMain .searchInfo input:-webkit-autofill {
	box-shadow: 0 0 0px 1000px #fff inset !important;
}
.headerMain .searchInfo em,
.searchlistmain .searchlistInfo em{
	width: 1.3125rem;
	height: 1.3125rem;
	display: block;
	float: right;
	background:url(../images/searchicon.png) no-repeat;
   background-size: 100%;
   margin:0.875rem 1.775rem 0 0;
   cursor: pointer;
}
.headerMain .searchMain .signIn{
	float: left;
}
.searchMain .signIn{
	margin-top: 0.3rem;
}
.searchMain .signIn a.signIfo{
	display: block;
	height: auto;
	/*overflow: hidden;*/
}
.searchMain .signIn .signIfo img,
.searchMain .signIn .signIfo em,
.fileLog .signIfo em,
.fileLog .signIfo .imgBox img{
	width:40px;
	height: 40px;
	float: left;
	border-radius: 50%;
	background: #fff url(../images/peopleicon.png) no-repeat center center;
	/*box-shadow: 3px 3px 4px 0px #dbe5e1;*/
	display:inline-block;
	margin-left: 15px;
}
.searchMain .signIn span.plefont,
.fileLog .plefont{
	display: block;
	font-size:20px;
	color: #333;
	float: left;
	line-height: 2.5rem;
	margin-left: 0.625rem;
}
.fileLog .plefont,
.searchMain .signIn span.plefont{
	text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 60px;
}
.headerMain .keyword{
	margin-left: 6%;
	margin-top: 0.8rem;
	height: auto;
	overflow: hidden;
	padding-bottom: 15px;
}
.headerMain .keyword .stable{
	height: auto;
	overflow: hidden;
}
.headerMain .keyword .stable a{
	margin:0 0 0.625rem 2.8rem;
	/*color: #fff;*/
	color: #60a147;
	/*font-weight: bolder;*/
}
.headerMain .keyword .others a{
	margin:7px 0 0.75em 0.5rem;
	font-size: 12px;
}
.headerMain .keyword a{
	display: block;
	float: left;
	background: #fff;
    margin:0 0 0.625rem 1rem;
	padding:0.3125rem 0.9375rem;
	border-radius: 30px;
	font-size: 15px;
}
.headerMain .keyword a span{
	font-size: 14px !important;
	color:#333;
	float: left;
	display: block;
	margin-left: 0.1rem;
}
.headerMain .keyword a em{
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	background:url(../images/closeicon.png) no-repeat;
   background-size: 100% 100%;
   margin:0.2rem 0 0 0.625rem;
}
.navbar-default{
	background: #fff;
	border:none;
	box-shadow: 3px 1px 4px 0px #e7e7e7;
}
.container-fluid{
	padding:0;
	width: 1105px;
	margin:0 auto;
}
.navbar-collapse{
	padding:0;
}
.navMain{
	width: 1105px;
	height: 60px;
	margin:0 auto;
}
.navMain li{
	width: 16.6%;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.navMain li a{
	display: inline-block;
	width: 60px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	padding:0;
	font-size: 20px;
	color: #282828;
}
.navMain li.active a{
	background: none !important;
	color: #60a147 !important;
	border-bottom: 3px solid #60a147;
	font-weight: bolder;
}
.lectureContent .banner{
	width: 100%;
	/*height: 400px;*/
	overflow: hidden;
	margin-top: -7px;
}
.lectureContent .banner img,.nameinfo .naminfoleft img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}

.carousel-control {
    background: #222;
    color: #ffffff;
    font-weight: 100;
    height: 50px;
    line-height: 44px;
    margin-top: -20px;
    opacity: 0.2;
    position: absolute;
    text-align: center;
    width: 50px;
    top: 50%;
}
.carousel-arrow a.left {
    left: 140px;
    border-radius: inherit;
    border: none;
    font-size: 36px;
    border-radius: 50%;
  /*  background-image: none;*/
}

.carousel-arrow a.right {
    right: 140px;
    border-radius: inherit;
    border: none;
    font-size: 36px;
    border-radius: 50%;
}
.carousel-control:hover, .carousel-control:focus{
	opacity: 0.6;
}
.swiper-container {
      width: 100%;
      height: 100%;

    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.educationCont{
	width: 68.75rem;
    height: auto;
    margin:0 auto;
}
.setSize{min-height:700px !important;}
.AnthologysetSize{min-height: 400px !important;}
.educationCont .selLeft{
	background: #fff;
	margin: 1.6rem 0 0 0;
	border-radius: 10px;
	padding:1rem 1.5625rem 0.5rem;
	box-shadow: 0 2px 16px #f0f0f0, 0 0 1px #f0f0f0, 0 0 1px #f0f0f0;
}
.selectedDocument .selLeft{height: 630px;}
.vipzone .selLeft{height: 690px;}

.selLeft .selTitle{
	border-bottom: 1px solid #f5f5f5;
	height: auto;
	overflow: hidden;
	padding-bottom: 0.8rem;
}
.selLeft .selTitle .seltleft{
	float: left;
}
.selLeft .selTitle .seltleft em{
	width: 1.625rem;
	height: 1.625rem;
	display: block;
	float: left;
	margin:0.4rem 1rem 0 0.625rem;
	background:url(../images/selected.png) no-repeat;
    background-size: 100% 100%;
}
.selLeft .selTitle .seltleft em.free{
	width: 1.875rem;
	height: 1.625rem;
	display: block;
	float: left;
	margin:0.4rem 1rem 0 0.625rem;
	background:url(../images/free.png) no-repeat;
    background-size: 100% 100%;
}
.selLeft .selTitle .seltleft em.anthology{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	float: left;
	margin:0.4rem 1rem 0 0.625rem;
	background:url(../images/anthology.png) no-repeat;
    background-size: 100% 100%;
}
.selLeft .selTitle .seltleft span{
	font-size: 24px;
}
.selLeft .selTitle .seltright{
	float: right;
	margin-top: 0.5rem;
}
.seltright a{
	display: block;
}
.seltright span{
	color: #bababa;
	font-size: 16px;
}
.seltright em{
	width: 0.625rem;
	height: 1.25rem;
	display: block;
	float: right;
	margin:0 0.625rem;
	background:url(../images/arrow.png) no-repeat;
    background-size: 100% 100%;
}
.seltright em.batch{
	width:1.1875rem;
	height: 1rem;
    display: block;
	float: right;
	margin:0.2rem 0.625rem 0;
	background:url(../images/circle.png) no-repeat;
    background-size: 100% 100%;
}
.settleIn .selLeft{padding:0; margin:1.3rem 0 0 0; height: auto;overflow: hidden;}
.settleIn .selLeft .setinTitle,
.settleIn .selRight .setinTitle{
	height: auto;
	overflow:hidden;
	margin:20px 35px;
	float: left;
	width: 95%;
}
.settleIn .selLeft .setinTitle em.setticon,
.settleIn .selRight .setinTitle em.setticon,.settleIn .selRight .setinTitle em.cooperatpic{
	width: 28px;
	height: 22px;
	display: block;
	float: left;
	background: url("../images/setinone.png") no-repeat;
	background-size: 100% 100%;
	margin:3px 12px 0 0;
}
.settleIn .selRight .setinTitle em.setticon{
	width: 22px;
	height: 23px;
	background: url("../images/setintwo.png") no-repeat;
	background-size: 100% 100%;
}
.settleIn .selLeft .setinTitle em.includedIcon{
	width: 20px;
	height: 24px;
	float: left;
	margin: 2px 12px 0 0;
	display: block;
	background: url("../images/includedIcon.png") no-repeat;
	background-size: 100% 100%;
}
.settleIn .selLeft .includedMains{
	height: auto;
	overflow: hidden;
	width: 100%;
	margin: 10px 0 30px 35px;
}

.settleIn .selLeft .includedMains li{
	width: 28.5%;
	margin: 0 40px 0 0;
}
.settleIn .selLeft .includedMains li:nth-child(3n+3){
	margin-right: 0;
}
.settleIn .selLeft .includedMains .includedPic,
.midcontRight .anthologyLists li .includedPic{
	padding: 0;
	height: 180px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid rgba(200,200,200,0.2);
	box-shadow: 0 2px 16px #f3f3f3, 0 0 1px #f3f3f3, 0 0 1px #f3f3f3;
}
.settleIn .selLeft .includedMains .includedPic img,
.midcontRight .anthologyLists li .includedPic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.settleIn .selLeft .includedMains .includedPic img:hover,
.midcontRight .anthologyLists li .includedPic img:hover{
	transform: scale(1.2);/*鼠标经过图片放大的倍数*/
}
.settleIn .selLeft .includedMains .includedPic img,
.midcontRight .anthologyLists li .includedPic img{
	transform: scale(1);
}
.settleIn .selLeft .includedMains .includedTitle,
.midcontRight .anthologyLists li .includedTitle{
	height: 30px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:1;
	color: #333;
	font-size: 16px;
	display: -webkit-box;
	margin: 10px 0 -5px 0;
	text-align: left;
	-webkit-box-orient: vertical;
}

.settleIn .setinTitle em.cooperatpic{
	width: 27px;
	height: 23px;
	float: left;
	margin:3px 12px 0 0;
	display: block;
	background: url("../images/yearpic.png") no-repeat;
	background-size: 100% 100%;
}
.cooperation .setticon{
	width: 22px !important;
	height: 23px !important;
	background: url("../images/setintwo.png") no-repeat !important;
	background-size: 100% 100%;
}
.settleIn .selLeft .setinTitle h4,
.settleIn .selRight .setinTitle h4{
	font-size: 24px;
	float: left;
}
.settleIn .selLeft .setinTitle span.authes,
.settleIn .selRight .setinTitle span.authes{
	font-size: 14px;
	float: left;
	display: block;
	margin:7px 0 0 17px;
}
.settleIn .selLeft .setinTitle a.iwant,
.settleIn .selRight .setinTitle a.iwant{
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #60d2b4;
	margin:7px 0 0 17px;
}
.settleIn .selLeft ul,
.settleIn .selRight ul{
	height: auto;
	overflow: hidden;
	float: left;
	margin:20px 0 0 35px;
}
.settleIn .selLeft ul li,
.settleIn .selRight ul li{
	height: auto;
	overflow: hidden;
	float: left;
	margin-bottom: 30px;
	width: 240px;
}
.settleIn .selLeft ul li{
	margin-right: 25px;
	margin-bottom: 50px;
}
.settleIn .periodical ul li{
	margin-right: 0;
	margin-bottom: 30px;
}
.settleIn .selLeft ul li a,
.settleIn .selRight ul li a{
	height: auto;
	overflow: hidden;
}
.settleIn .selLeft ul li .seliLeft,
.settleIn .selRight ul li .seliLeft{
	width: 70px;
	height: 70px;
	overflow: hidden;
	float: left;
	border-radius: 50%;
}

.settleIn .selLeft ul li .seliLeft img,
.settleIn .selRight ul li .seliLeft img{
	width: 100%;
	height: 100%;
	padding:0;
	object-fit: cover;
}
.settleIn .selLeft ul li .seliRit,
.settleIn .selRight ul li .seliRit{
	float: left;
	margin-left: 14px;
	width: 145px;
	overflow: hidden;
}
.settleIn .selLeft ul li .seliRit h5,
.settleIn .selRight ul li .seliRit h5{
	font-size: 17px;
	margin-bottom: 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.settleIn .selLeft ul li .seliRit p,
.settleIn .selRight ul li .seliRit p{
	font-size: 13px;
	color: #666;
	margin-bottom: 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.settleIn .selRight{width: 542px; margin:1.3rem 0 0 0.5rem !important; height: auto;overflow: hidden;}
.settleIn .lncluded{margin: 1rem 0 0 0.5rem !important;}
.selLeft ul.selList{
	height: auto;
	overflow: hidden;
	margin-top: 1.5625rem;
}
.selLeft ul.selList li{
	width: 15%;
	float: left;
	margin:0.01rem 2.5% 3.1% 2.5%;
}
.selLeft ul.selList li span.authoring{
	float: right;
	color: #afafaf;
	font-size: 14px;
	height: 40px;
}
.selLeft ul.freeMain li{
	width: 11%;
	margin-right: 3.15%;
}
.selLeft ul.freeBook li{
	width: 14%;
	margin-right: 3.5%;
}
.selLeft ul.selList li .contPic,
.midcontRight .videoLists li .contPic,
.midcontRight .audioLists .contPic,
.personalMid .videoLists li a .contPic,
.personalMid .audioLists li a .contPic,
.searchlistmain .videoLists li a .contPic,
.searchlistmain .audioLists li a .contPic{
	height: 154px;
	border:1px solid #bababa;
	border-radius: 8px;
	text-align: center;
	padding:10px;
	position: relative;
	overflow: hidden;
}
.selLeft ul.selList li .contPic img,
.videoLists .contPic img,
.personalMid .videoLists li a .contPic img,
.personalMid .audioLists li a .contPic img,
.searchlistmain .videoLists li a .contPic img,
.searchlistmain .audioLists li a .contPic img,
.bookslist .searVideos .contPic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.selLeft ul.selList li .contPic img:hover,
.videoLists .contPic img:hover,
.personalMid .videoLists li a .contPic img:hover,
.personalMid .audioLists li a .contPic img:hover,
.searchlistmain .videoLists li a .contPic img:hover,
.searchlistmain .audioLists li a .contPic img:hover,
.bookslist .searVideos .contPic img:hover{
	transform: scale(1.2);/*鼠标经过图片放大的倍数*/
}
.selLeft ul.selList li .contPic .audioTime img{
	transform: scale(1);
}
.selLeft ul.vipSelLeft li{
	width: 20%;
}
.selLeft ul.vipSelLeft li:hover .titName{
	display: block;
}
.selLeft ul.vipSelLeft li .contPic,
.selLeft ul.freeBook li .contPic,
.selLeft ul.audioing li .contPic,
.selLeft ul.videoing li .contPic,
.selLeft ul.freeVideo li .contPic,
.midcontRight .videoLists li a .contPic,
.midcontRight .audioLists .contPic,
.otherSaws ul li .sawimg,
.personalMid .videoLists li a .contPic,
.personalMid .audioLists li a .contPic,
.searchlistmain .videoLists li a .contPic,
.searchlistmain .audioLists li a .contPic{
	padding:0;
	height: 200px;
	border:1px solid rgba(200,200,200,0.2);
	box-shadow: 0 2px 16px #f3f3f3, 0 0 1px #f3f3f3, 0 0 1px #f3f3f3;
}
.selLeft ul.freeVideo li .contPic .vidTime,
.videoLists .contPic .vidTime,
.audioLists .contPic .vidTime,
.bookslist .searVideos .contPic .vidTime,
.bookslist .searAudio .contPic .vidTime{
	position: absolute;
	bottom:10px;
	left:10px;
	color: #fff;
}
.selLeft ul.freeVideo li .vidTitle,
.videoLists .vidTitle,
.bookslist .searVideos .vidTitle,
.bookslist .searAudio .vidTitle{
	height: 45px;
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp: 2;
	color:#333;
	font-size: 16px;
	display: -webkit-box;
	margin: 10px 0 -5px 0;
	text-align: left;
	-webkit-box-orient:vertical;
}
.selLeft ul.audioing li a .contPic .downloadIng,
.audioLists .downloadIng{
	position: absolute;
	left:0;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	background:rgba(155,233,195,0.8);
	color: #fff;
	font-size: 16px;
	width: 100%;
	display: none;
	border-radius:0 0 8px 8px;
	overflow: hidden;
}
.selLeft ul.audioing li a:hover .contPic .downloadIng,
.audioLists li a:hover .contPic .downloadIng {
	display: block;
}
.selLeft ul.audioing li .audioInfo,
.selLeft ul.audioing li .audioTime,
.midcontRight .audioLists li .audioInfo,
.midcontRight .audioLists li .audioTime,
.personalMid .audioLists li .audioInfo,
.personalMid .audioLists li .audioTime,
.searchlistmain .audioLists li .audioTime,
.searchlistmain .audioLists li .audioInfo,
.bookslist .searAudio .audioInfo,
.bookslist .searAudio .audioTime{
	height: auto;
	overflow: hidden;
	margin:15px 0 0 15px;
}

.midcontRight .audioLists li .audioInfo,.personalMid .audioLists li .audioInfo,.searchlistmain .audioLists li .audioInfo{margin:15px 0 0 10px;}
.selLeft ul.audioing li .audioTime,.audioLists li .audioTime{margin-top: 25px;}
ul.audioing .audioInfo em,
.audioLists li .audioInfo em,
.personalMid .audioLists li .audioInfo em,
.bookslist .searAudio .audioInfo em{
	width: 46px;
	height: 46px;
	display: block;
	float: left;
	background:url(../images/suspendIcon.png) no-repeat;
    background-size: 100% 100%;
    margin:0 15px 0 5px;
}
.settleIn .periodical{
	width: 542px;
	height: 295px;
}
.settleIn .periodical .setinTitle{
	width: 90%;
}
.audioLists li .audioInfo em,.bookslist .searAudio .audioInfo em{margin-right: 10px;}
ul.audioing .audioInfo p,
.audioLists li .audioInfo p,
.bookslist .searAudio .audioInfo p{
	width: 210px;
	height: 45px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-align: left;
	float: left;
	margin:0 !important;
}
ul.audioing li .audioTime img,
.audioLists li .audioTime img{
	width: 200px !important;
	height: 13px !important;
	float: left;
	display: block;
	margin-top: 5px;
}
ul.audioing li .audioTime img,
.audioLists li .audioTime img{
	float: none;
	margin:0 auto;
}
ul.audioing li .audioTime .times,
.audioLists li .audioTime .times{
	float: left;
	display: block;
	font-size: 14px;
	color: #333;
	margin-left: 30px;
}
.selLeft ul.audioing li .contPic,.midcontRight .audioLists .contPic,.personalMid .audioLists li a .contPic,.searchlistmain .audioLists li a .contPic{height: 120px;}
.selLeft ul.vipSelLeft li,.selLeft ul.freeBook li{position: relative;}
.selLeft ul.vipSelLeft li .titName{
	position: absolute;
	left: 1px;
	bottom: 51px;
	font-size: 16px;
	color: #333;
	height: 32px;
	line-height: 32px;
	background: rgba(255,255,255,0.8);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
    display: none;
    padding:0 10px;
}
.selLeft ul.audioing li{
	width: 43%;
	margin-right: 4%;
}
.selLeft ul.videoing li{
	width: 40%;
	margin:0 4% 3.9% 5%;
}
.selLeft ul.videoing li .videoTitle{
	position: absolute;
	left:0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: none;
	border-radius: 0 0 8px 8px;
	background: rgba(0,0,0,0.4);
}
.selLeft ul.videoing li .videoTitle p{
	float: left;
	color: #fff;
	width: 75%;
	display:block;
	overflow: hidden;
	text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    margin:0 10px;
}
.selLeft ul.videoing li:hover .videoTitle p{
	color: #fff;
}
.selLeft ul.videoing li:hover .videoTitle{
	display: block;
}
.selLeft ul.videoing li .videoTitle em{color: #fff;}
.selLeft ul.freeaudio li,
.selLeft ul.freeVideo li{
	width: 29%;
	margin-right: 1%;
}
.selLeft ul.vipSelLeft li .contPic,.selLeft ul.freeBook li .contPic{padding:0;}
.selLeft ul.selList li .contPic .wordIcon,
.selLeft ul.selList li .contPic .pdfIcon,
.selLeft ul.selList li .contPic .exlIcon,
.selLeft ul.selList li .contPic .pptIcon,
.articleList .wordIcon,
.articleList .pdfIcon,
.articleList .exlIcon,
.articleList .pptIcon,
.personalMid .bookslist li .booksimg .pdfIcon,
.personalMid .bookslist li .booksimg .wordIcon,
.personalMid .bookslist li .booksimg .exlIcon,
.personalMid .bookslist li .booksimg .pptIcon,
.midcontRight .bookslist li .booksimg .pdfIcon,
.midcontRight .bookslist li .booksimg .wordIcon,
.midcontRight .bookslist li .booksimg .exlIcon,
.midcontRight .bookslist li .booksimg .pptIcon{
	width: 20px;
	height: 20px;
	display: block;
	background:url(../images/wordIcon.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom:0;
    right: 0;
}
.selLeft ul.selList li .contPic .pdfIcon,
.articleList .pdfIcon,
.personalMid .bookslist li .booksimg .pdfIcon,
.midcontRight .bookslist li .booksimg .pdfIcon{
	background:url(../images/pdfIcon.png) no-repeat;
    background-size: 100% 100%;
}
.selLeft ul.selList li .contPic .exlIcon,
.articleList .exlIcon,
.personalMid .bookslist li .booksimg .exlIcon,
.midcontRight .bookslist li .booksimg .exlIcon{
	background:url(../images/exlIcon.png) no-repeat;
    background-size: 100% 100%;
}
.selLeft ul.selList li .contPic .pptIcon,
.articleList .pptIcon,
.personalMid .bookslist li .booksimg .pptIcon,
.midcontRight .bookslist li .booksimg .pptIcon{
	background:url(../images/pptIcon.png) no-repeat;
	background-size: 100% 100%;
}
.selLeft ul.selList li a,
.midcontRight .videoLists li a,
.midcontRight .audioList li a,
.personalMid .videoLists li a,
.personalMid .audioLists li a,
.searchlistmain .videoLists li a,
.searchlistmain .audioLists li a{
	display: block;
}
.selLeft ul.selList li a:hover .contPic,
.midcontRight .videoLists li a:hover .contPic,
.midcontRight .audioLists li a:hover .contPic,
.personalMid .videoLists li a:hover .contPic,
.personalMid .audioLists li a:hover .contPic,
.searchlistmain .videoLists li a:hover .contPic,
.searchlistmain .audioLists li a:hover .contPic,
.bookslist .searAudio a:hover .contPic,
.bookslist .searVideos a:hover .contPic,
.searchlistmain .bookslist li a:hover .booksimg{
   border:1px solid #60a147;
}
/*.selLeft ul.vipSelLeft li a:hover .contPic{
   border:2px solid #60a147;
}*/
.midcontRight .audioLists li a:hover .contPic p{color:#60a147;}
.selLeft ul.selList li a:hover p,
.selLeft ul.freeVideo li a:hover  .vidTitle,
.midcontRight .videoLists li a:hover .vidTitle,
.personalMid .videoLists li a:hover .vidTitle,
.searchlistmain .videoLists li a:hover .vidTitle,
.searchlistmain .searVideos a:hover .vidTitle {
	color:#60a147;
}
.selLeft ul.selList li a p,.audioLists li .audioInfo p,.bookslist .searAudio .audioInfo p{
	height: 45px;
	font-size: 16px;
	color:#333;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin:10px 0;
    -webkit-box-orient: vertical;
}
.selLeft ul.selList li .readinfo,
.videoLists .readinfo,
.audioLists .readinfo,
.bookslist .readinfo{
	height: 26px;
	overflow: hidden;
}
.bookslist .readinfo{margin-top: 10px;}
.selLeft ul.selList li .readinfo em,
.booksClassify .eysing,
.videoLists li .eysing,
.audioLists li .eysing{
	width: 15px;
	height: 11px;
	display: block;
	float: left;
	background:url(../images/eyeicon.png) no-repeat;
    background-size: 100% 100%;
    margin:7px 0 0 10px;
}
.selLeft ul.selList li .readinfo span,
.selLeft ul.selList li .readinfo s,
.booksClassify s,
.booksClassify span.freeadm,
.videoLists .readinfo span,
.videoLists .readinfo s,
.audioLists .readinfo span,
.audioLists .readinfo s,
.bookslist .readinfo span{
	display: block;
	float: right;
	font-size: 14px;
	color:#afafaf;
	margin-right: 8px;
}
.selLeft ul.selList li .readinfo span{margin-right: 0;}
.videoLists .readinfo span,
.videoLists .readinfo s,
.audioLists .readinfo span,
.audioLists .readinfo s,.bookslist .readinfo span{font-size: 14px;}
.booksClassify s{float: left;font-size: 14px; color: #dadada;margin:0 10px;}
.booksClassify span.freeadm{font-size: 14px; color: #60a147;margin-right: 15px;}
.booksClassify span.integ,.videoLists .readinfo .integ,.audioLists .readinfo .integ{font-size: 14px; color: #a8a8a8;margin-right: 15px;margin-top:-3px;display: inline-block;}
.videoLists .readinfo .integ,.audioLists .readinfo .integ{margin:0 0 0 3px;}
.booksClassify span.integ i{color:#fb595a;}
.educationCont .selRight{
	background: #fff;
	margin: 1.6rem 0 0 0;
	border-radius: 10px;
	box-shadow: 0 2px 16px #f0f0f0, 0 0 1px #f0f0f0, 0 0 1px #f0f0f0;
}
.selectedDocument .selRight{height: 630px;}
.vipzone .selRight{height: 690px;}
.educationCont .selRight img{
	margin:0 auto;
	display: block;
	padding:25px 0 15px 0;
}
.educationCont .selRight h2{
	font-size: 24px;
	text-align: center;
	color: #333;
	width: 80%;
	padding-bottom: 15px;
	margin:0 auto;
	border-bottom:1px solid #f5f5f5;
}
.educationCont .selRight h3{
	font-size: 20px;
	text-align: center;
	color: #e0bf6a;
	width: 80%;
	padding-bottom: 22px;
	margin:0 auto 10px;
	border-bottom:1px solid #f5f5f5;
}
.educationCont .selRight .hotlist{
	margin:0;
    padding-bottom: 37px;
}
.selRight .hotlist .listinfo,
.selRight .highQuality .listinfo{
	height: auto;
	overflow: hidden;
	margin:20px 10px 0 11px;
	padding-right: 0;
}
.selRight .highQuality .listinfo{
	text-align: center;
	margin:20px 0 0 0;
}
.selRight .hotlist .listinfo em,
.selRight .hotlist .listinfo .Cur{
	width: 17px;
	height: 21px;
	display: block;
	float: left;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	color: #fff;
	margin:0 10px;
	background:url(../images/hotHicon.png) no-repeat;
    background-size: 100% 100%;
}
.selRight .hotlist .listinfo .Cur{
    background:url(../images/hoticon.png) no-repeat;
    background-size: 100% 100%;
}
.selRight .hotlist .listinfo a{
	font-size: 16px;
	overflow: hidden;
	display: block;
	color: #333;
	/*cursor:default;*/
	text-decoration: none;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.selRight .hotlist .listinfo a:hover{
	color:#60a147;
}
.highQuality .listinfo a:hover{
	color:#333 !important;
}
.highQuality .listinfo a{cursor: default;}
.selRight .highQuality .listinfo a{
	display: inline-block;
}
.specialZone{
	margin-top:10px;
}
.specialZone .nav-tabs,
.midcontRight .swichTab .nav-tabs,
.personalMid .swichTab .nav-tabs{
	border-bottom: none;
	/*padding:0 20%;*/
	width: 100%;
	text-align: center;
}
.midcontRight .swichTab .nav-tabs,
.personalMid .swichTab .nav-tabs{
	padding:18px 5% 23px;
}
.midcontRight .swichTab .nav > li,
.personalMid .swichTab .nav > li{
	margin-right: 5%;
}
.midcontRight .swichTab .nav > li{
	display: inline-block;
	float: none;
}
.specialZone .nav > li{
	margin-left: 9%;
	display: inline-block;
	float: none;
}
.specialZone .nav > li:first-child{
	margin-left: 0;
}
.specialZone .nav-tabs > li > a,
.midcontRight .swichTab .nav li a,
.swichTab .nestTab li,
.personalMid .swichTab .nav > li a{
	color: #333;
	border:none;
	padding:5px;
	font-size: 18px;
}
.specialZone .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.swichTab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,.swichTab .nestTab li.choice{
	border:none;
	border-bottom: 2px solid #60a147;
	color: #60a147;
}
.specialZone .nav > li > a:hover, .nav > li > a:focus,
.swichTab .nav > li > a:hover, .nav > li > a:focus,
.personalMid .swichTab .nav > li > a:hover{
	background: none;
}
.specialZone ul.selList li a:hover .contPic{
   border:1px solid #e0bf6a !important;
}
.freeZone{
	position: relative;
}
.freeZone .sort{
	position: absolute;
	top:0;
	right: 0;
	z-index: 9999;
}
.freeZone .sort .btn{
	font-size: 16px;
	color:#bababa;
	margin:5px 24px 0 0;
	cursor: pointer;
	background: none !important;
	border:none;
	padding:0;
	outline: none;
    box-shadow:none!important;
}
.freeZone .sort .sortTitle em{
	display: block;
	float: left;
}
.freeZone .sort .sortTitle i{
	width: 10px;
	height: 6px;
	display: block;
	float: left;
	background:url(../images/dropIcon.png) no-repeat;
    background-size: 100% 100%;
    margin:10px 0 0 5px;
}
.freeZone .sort .dropdown-menu{
	min-width: 108px;
	height: 131px;
	position: absolute;
	top:30px;
	box-shadow: none;
	border:none;
	text-align: center;
	right: 5px;
	left: inherit;
	float: initial;
	padding:0;
	margin:0;
	background:url(../images/dropBoxt.png) no-repeat;
    background-size: 100% 100%;
}
.freeZone .sort .dropdown-menu a{
	font-size: 16px;
	color: #333;
	margin-top: 25px;
}
.freeZone .sort .dropdown-menu a:hover{
	color:#60a147;
	background: none;
}
.freeZone .sort .dropdown-menu a{
	display: block;
}
.freeZone ul.selList li a:hover .contPic{
   border:1px solid #60a147 !important;
}
ul.selList li .contPic span{
	width: 40px;
	height: 40px;
	display: block;
	background:url(../images/homeVip.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:-2px;
    left: -1px;
	z-index: 2000;
}
.selRight .hotlist .listinfo .iconOne{
	width: 19px;
	height: 19px;
	display: inline-block;
	/*float: left;*/
	margin:3px 11px 0 30px;
	background:url(../images/iconOne.png) no-repeat;
    background-size: 100% 100%;
}
.selRight .hotlist .listinfo .iconTwo{
	width: 19px;
	height: 15px;
	display: inline-block;
	/*float: left;*/
	margin:5px 11px 0 30px;
	background:url(../images/iconTwo.png) no-repeat;
    background-size: 100% 100%;
}
.selRight .hotlist .listinfo .iconThree{
	width: 19px;
	height: 19px;
	display: inline-block;
	/*float: left;*/
	margin:3px 11px 0 30px;
	background:url(../images/iconThree.png) no-repeat;
    background-size: 100% 100%;
}
.selRight .hotlist .listinfo .iconFour{
	width: 19px;
	height: 19px;
	display: inline-block;
	/*float: left;*/
	margin:3px 11px 0 30px;
	background:url(../images/iconFour.png) no-repeat;
    background-size: 100% 100%;
}
.selRight .hotlist .listinfo .iconFive{
	width: 20px;
	height: 16px;
	display: inline-block;
	/*float: left;*/
	margin:5px 11px 0 30px;
	background:url(../images/iconFive.png) no-repeat;
    background-size: 100% 100%;
}
.selRight .opening{
	width: 180px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	/*background: #e0bf6a;*/
	display: block;
	margin:30px auto 0;
	border-radius: 30px;
	font-size: 16px;
}
.selRight .opensBtn .btn,
.selRight .renewsBtn .btn{
	padding:0;
}
.selRight .opensBtn .btn-warning,
.selRight .renewsBtn .btn-warning{
	border-color:#fff !important;
	background-color: #e0bf6a;
}
.selRight .opensBtn .btn-warning:hover,
.selRight .renewsBtn .btn-warning:hover{
	background-color: #d6ad45;
}
.selRight .portraitMain{
	width: 74px;
	height: 74px;
	border-radius: 50%;
	overflow: hidden;
	margin:28px auto 15px;
}
.selRight .portraitMain img{
	width: 100%;
	padding:0;
	display: block;
}
.selRight .nickName{
	height: auto;
	overflow: hidden;
	width: 80%;
	margin:0 auto;
	text-align: center;
	padding-bottom: 22px;
	border-bottom: 1px solid #f5f5f5;
}
.selRight .nickName .nickPic,
.nameUploader .namepic{
	width: 74px;
	height: 74px;
	border-radius: 50%;
	box-shadow: 0 1px 10px #d8d8d8, 0 0 1px #d8d8d8, 0 0 1px #d8d8d8;
	overflow: hidden;
	margin: 28px auto 15px;
}
.selRight .nickName .nickPic img{
	width: 100%;
	margin:0;
	padding:0;
}
.selRight .nickName .myname span{
	font-size: 20px;
	color: #e0bf6a;
	display: inline-block;
}
.selRight .nickName .myname em{
	width: 24px;
	height: 21px;
	display: inline-block;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background:url(../images/vsiconNew.png) no-repeat center center;
	background-size: 100%;
	font-size: 12px;
	margin-left: 10px;
	margin-top: -5px;
	vertical-align: middle;
}
.selRight .nickName .overdue{
	font-size:12px;
	color: #b3b3b3;
	margin-top: 10px;
}

.contShow{
	display: block !important;
}
.freeMain .readinfo span,.freeMain .readinfo s{
	font-size: 14px !important;
}
.freeMain .readinfo span:first-child,.freeMain .readinfo s,.bookslist .readinfo span:first-child{
	float: left !important;
}
.freeMain .readinfo s.integral{
	float: right !important;
	margin-right: 16px !important;
}
.freeMain .readinfo span:last-child,.bookslist .readinfo span:last-child{
	color: #60a147 !important;
}
.freeMain .readinfo span,.freeMain .readinfo p,.videoLists .readinfo p,.audioLists .readinfo p,.bookslist .searVideos .readinfo p,
.bookslist .searAudio .readinfo p{
	float: left;
	font-size: 14px;
	color: #a8a8a8;
}
.bookslist .searVideos .readinfo p,.bookslist .searAudio .readinfo p{width: auto;}
.bookslist .searVideos .readinfo span.integ,
.bookslist .searAudio .readinfo span.integ{
   float: right;
	margin: 1px 0 0 3px;
	font-size: 14px;
	color: #a8a8a8;
	display:inline-block;
}
.freeLists{
	height: auto;
	/*overflow: hidden;*/
	margin:25px 0 10px;
}
.freeLists a{
	display: block;
	font-size: 16px;
	color: #333;
	float: left;
	width: 32%;
	margin:0 12px 20px 0;
	position: relative;
}
.freeLists a img,
.othersSaw .sawlist a img{
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin:2px 10px 0 0;
}
.freeLists a p,
.othersSaw .sawlist a span{
	text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.othersSaw .sawlist a em{
	width: 20px;
	height: 22px;
	display: inline-block;
	float: left;
	background: url(../images/bookicon.png) no-repeat;
	background-size: 100%;
	margin-right: 10px;
}
.othersSaw .sawlist a:hover em{
	background: url(../images/bookiconH.png) no-repeat;
	background-size: 100%;
}
.freeLists .anthologyInfo{
	width: 197px;
	height: 366px;
	overflow: hidden;
	background:url(../images/squareBg.png) no-repeat;
	background-size: 100%;
	display: none;
	position: absolute;
	bottom:-20px;
	left: 0;
	z-index: 9999;
}
.freeLists a:hover .anthologyInfo{
	display: block;
}
.freeLists .anthologyInfo .antholoMain{
	width: 180px;
	height: 270px;
	margin:10px auto 5px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding:20px;
}
.anthologyInfo .antholoMain img{
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.anthologyInfo .antholoMain img:hover{
	transform: scale(1.2);/*鼠标经过图片放大的倍数*/
}
.anthologyInfo .anthTitle{
	text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color:#60a147;
    display: block;
    width: 180px;
    margin:0 auto;
}
.educationCont .uploader{
	height: auto;
	overflow: hidden;
	margin:20px 0;
}
.educationCont .uploader li{
	width: 14%;
	float: left;
	margin-right: 30px;
	text-align: center;
}
.educationCont .uploader li:last-child{
	margin:0;
}
.uploader li .uploadPic{
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	margin:0 auto 15px;
}
.uploader li .uploadPic img{
	width: 100%;
}
.uploader li .author{
	font-size:14px;
	color: #333;
	height: 25px;
	text-align: center;
	overflow: hidden;
}
.uploader li .author span{
	/*width: 115px;*/
	height:23px;
	/*text-decoration: none;*/
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
	display: inline-block;
	text-align:center;

	overflow: hidden;
	/*word-break:keep-all;*/
}
.uploader li .author em{
	width: 21px;
	height: 18px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	display: inline-block;
	/*background:url(../images/vsicon.png) no-repeat;*/
	background: url("../images/vsiconNew.png") no-repeat;
	background-size: 100%;
	margin:0 0 0 5px;
	float: right;
	/*margin-bottom: 5px;*/
}
.uploader li .numbers{
	font-size: 14px;
	color: #bababa;
	/*margin-top: 6px;*/
}
/*首页  结束*/
/*文档 开始*/
.secondMidCont{
	width: 1105px;
	margin:0 auto 40px;
	position: relative;
}
.secondMidCont .midcontLeft{
	/*width: 250px;*/
}
.secondMidCont .midcontRight{
	min-height: 700px;
}
.midcontLeft .leftClassing,
.midcontLeft .personing,
.secondMidCont .nameUploader,
.midcontLeft .percentClassing,
.helpCenterMain .subNavBox{
	/*width: 250px;*/
	height: auto;
	overflow: hidden;
	background:#fff;
	border-radius: 10px;
	box-shadow: 0 1px 10px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.midcontLeft .personing{
	height: auto;
	position: absolute;
	top: 320px;
	left: 0;
	width: 23%;
}
.midcontLeft .leftClassing a{
	width: 100%;
	display: block;
	overflow: hidden;
	height: 74px;
	float: left;
	line-height: 74px;
	border-bottom: 1px solid #f5f5f5;
}
.midcontLeft .leftClassing a:first-child{
	margin-top: 5px;
}
.midcontLeft .leftClassing a:last-child{border-bottom: 0;}
/*.midcontLeft .leftClassing a .incOne,*/
/*.midcontLeft .leftClassing a.Cur .incOne{*/
/*	width: 20px;*/
/*	height: 27px;*/
/*	display: block;*/
/*	float: left;*/
/*	background: url(../images/secondIconO.png) no-repeat;*/
/*	background-size: 100%;*/
/*	margin:22px 24px 0 55px;*/
/*}*/
.midcontLeft .leftClassing a .incOne{
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	background: url(../images/community.png) no-repeat;
	background-size: 100%;
	margin:25px 17px 0 55px;
}
.midcontLeft .leftClassing a.Cur .incOne{
	background: url(../images/communityH.png) no-repeat;
	background-size: 100%;
}
.midcontLeft .leftClassing a .incTwo,
.midcontLeft .leftClassing a.Cur .incTwo{
	width: 25px;
	height: 26px;
	display: block;
	float: left;
	background: url(../images/elderly.png) no-repeat;
	background-size: 100%;
	margin:24px 16px 0 56px;
}
.midcontLeft .leftClassing a.Cur .incTwo{
	background: url(../images/elderlyH.png) no-repeat;
	background-size: 100%;
}
.midcontLeft .leftClassing a .incThree,
.midcontLeft .leftClassing a.Cur .incThree{
	width: 29px;
	height: 27px;
	display: block;
	float: left;
	background: url(../images/secondIconTr.png) no-repeat;
	background-size: 100%;
	margin:24px 15px 0 53px;
}
.midcontLeft .leftClassing a.Cur .incThree{
	background: url(../images/secondIconTrH.png) no-repeat;
	background-size: 100%;
}
.midcontLeft .leftClassing a .incFour,
.midcontLeft .leftClassing a.Cur .incFour{
	width: 26px;
	height: 26px;
	display: block;
	float: left;
	background: url(../images/secondIconF.png) no-repeat;
	background-size: 100%;
	margin:24px 23px 0 53px;
}
.midcontLeft .leftClassing a.Cur .incFour{
	background: url(../images/secondIconFH.png) no-repeat;
	background-size: 100%;
}
.midcontLeft .leftClassing a .incFive,
.midcontLeft .leftClassing a.Cur .incFive{
	width: 21px;
	height: 27px;
	display: block;
	float: left;
	background: url(../images/occupation.png) no-repeat;
	background-size: 100%;
	margin:24px 18px 0 56px;
}
.midcontLeft .leftClassing a.Cur .incFive{
	background: url(../images/occupationH.png) no-repeat;
	background-size: 100%;
}

.midcontLeft .leftClassing a .incSix,
.midcontLeft .leftClassing a.Cur .incSix{
	width: 29px;
	height: 27px;
	display: block;
	float: left;
	background: url(../images/memoirIcon.png) no-repeat;
	background-size: 100%;
	margin:25px 15px 0 52px;
}

.midcontLeft .leftClassing a .incEncylo,
.midcontLeft .leftClassing a.Cur .incEncylo{
	width: 27px;
	height: 26px;
	display: block;
	float: left;
	background: url(../images/encyclopedias.png) no-repeat;
	background-size: 100%;
	margin:24px 13px 0 55px;
}
.midcontLeft .leftClassing a.Cur .incEncylo{
	background: url(../images/encyclopediasHover.png) no-repeat;
	background-size: 100%;
}
.midcontLeft .leftClassing a.Cur .incSix{
	background: url(../images/memoirIconH.png) no-repeat;
	background-size: 100%;
}
.midcontLeft .leftClassing a.Cur span,
.midcontLeft .percentClassing a.Cur span{
	color: #60a147;
}
.midcontLeft .personing .personTitle{
	padding:25px 24px 0;
	height: 68px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 24px;
	color: #333;
}
.midcontLeft .personing ul{
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;
}
.midcontLeft .personing ul li{
	height: auto;
	overflow: hidden;
	margin:20px 0 0 0;
}
.midcontLeft .personing ul li .perimg{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin:0 10px 0 23px;
	cursor: pointer;
}
.midcontLeft .personing ul li .perimg img{
	width: 100%;
	height: 100%;
}
.midcontLeft .personing ul li span{
	font-size: 16px;
	color: #333;
	line-height: 40px;
	float: left;
	height: 40px;
	width: 80px;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.midcontLeft .personing ul li a{
	width: 48px;
	height: 18px;
	line-height: 15px;
	color: #333;
	text-align: center;
	display: block;
	border-radius: 10px;
	float: right;
	margin:12px 23px 0 0;
	font-size: 12px;
	border:1px solid #bababa;
}
.midcontLeft .followBtn .btn,.removehove .btn,.transExhibition .btn{padding:0;}
.transExhibition .btn{display: block;}
.midcontLeft .followBtn .btn-default:hover,.removehove .btn-default:hover,.transExhibition .btn-default:hover{background-color: #f0f0f0;}
.midcontLeft .leftClassing a span{
	display: block;
	float: left;
	font-size: 24px;
	color: #333;
}
.secondMidCont .midcontRight .personalBg,
.secondMidCont .midcontRight .pointBg,
.detailsConts .articleDetleft,
.detailsConts .detailedIntroduction,
.detailsConts .commentMain,
.detailsConts .uploadnameMain,
.detailsConts .othersSaw,
.detailsConts .booksdetLeft,
.detailsConts .otherSaws,
.myPointsTop .pointLeft,
.myPointsTop .pointRight,
.bs-example,
.helpCenterMain .helpcenRight{
	background:#fff;
	border-radius: 10px;
	margin-bottom: 15px;
	height: auto;
	overflow:hidden;
	box-shadow: 0 1px 10px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.detailsConts .articleDetleft{height: auto;overflow:auto; }
.secondMidCont .midcontRight .pointBg{background:none;box-shadow: none;}
.midcontRight .swichTab .articlePic{
	width: 93px;
	height: 133px;
	padding:7px 10px;
	display: block;
	float: left;
	border-radius:8px;
	border:1px solid #a8a8a8;
	position: relative;
	margin:0 22px 0 13px;
	overflow: hidden;
}
.midcontRight .swichTab .articlePic:hover{
	border:1px solid #60a147;
}
.midcontRight .swichTab .articlePic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.midcontRight .swichTab .articlePic img:hover{
	transform: scale(1.2);/*鼠标经过图片放大的倍数*/
}
.midcontRight .swichTab .articleList li{
	height: auto;
	overflow: hidden;
	margin:0 25px 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f5f5f5;
}
.midcontRight .swichTab .articleList .articleRight{
	width: 83%;
	float: left;
}
.articleList .articleRight .articleTil{
	font-size: 16px;
	color: #333;
	height: 26px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: block;
	margin:7px 0;
}
.articleList .articleRight .articleTil:hover{color: #60a147;}
.articleList .articleRight p{
	font-size: 14px;
	color: #a8a8a8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.articleList .articleRight .dynamic{
	height: auto;
	overflow: hidden;
}
.articleRight .dynamic .dynInfo{
	float: left;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	color: #a8a8a8;
	margin:20px 25px 0 0;
}
.dynamic .dynInfo span{
	margin-right: 25px;
}
.dynamic .dynInfo span i,.videoLists .readinfo span i,.audioLists .readinfo span i{color: #fb595a;}
.dynamic .dynInfo .dyone{
	width: 14px;
	height: 14px;
	display: block;
	background: url(../images/authortIcon.png) no-repeat;
	background-size: 100%;
	float: left;
	margin:3px 9px 0 0;
}
.dynamic .dynInfo .dytwo,
.newsListmain .readsing em,
.releaseInfo .readsing em{
	width: 17px;
	height: 11px;
	display: block;
	background: url(../images/eyetwoicon.png) no-repeat;
	background-size: 100%;
	float: left;
	margin:4px 9px 0 0;
}
.dynamic .dynInfo .dythree,
.booksClassify .dythree,
.videoLists li .dythree,
.audioLists li .dythree,
.bookslist .searVideos .readinfo .dythree,
.bookslist .searAudio .readinfo .dythree{
	width: 13px;
	height: 13px;
	display: block;
	background: url(../images/timets.png) no-repeat;
	background-size: 100%;
	float: left;
	margin:4px 9px 0 0;
}
.dynamic .dynInfo .dyfour,
.bookslist .booksClassify em.dyfour,
.videoLists .readinfo .dyfour,
.audioLists .readinfo .dyfour{
	width: 13px;
	height: 14px;
	display: block;
	background: url(../images/goldtwoicon.png) no-repeat;
	background-size: 100%;
	float: left;
	margin:3px 9px 0 0;
}
.bookslist .booksClassify em.dyfour,.booksClassify .dythree,.booksClassify .eysing{margin-left:20px;}
.dynamic .dynInfo .grades,
.booksClassify .grades,
.videoLists .readinfo .grades,
.audioLists .readinfo .grades{
	width: 16px;
	height: 14px;
	/*background: url(../images/home-vip_icon.png) no-repeat;*/
	background:url(../images/vsiconNew.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	float: left;
	margin:3px 5px 0 0;
	text-align: center;
	line-height: 20px;
	font-size: 8px;
	color: #fff;
}
.booksClassify .dythree{
	margin-left: 0;
}
.booksClassify span.integ{
	/*margin-right: 35px;*/
}
.pagination > li > a, .pagination > li > span{
	color: #333;
	font-size: 14px;
	border:1px solid #eee;
	margin-right: 10px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #333;
  background-color:inherit;
  border-color: none !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background: #60a147;
}
.fileLog{
	position: relative;
}
.fileLog .loginAfter{
	left: -200px;
	background: url(../images/logfile.png) no-repeat;
}
/*文档 结束*/
/*文档详情 开始*/
.detailsConts{
	height: auto;
	overflow:hidden;
	width: 1100px;
	margin:0 auto 30px;
	padding-top: 120px;
}
.detailsConts .bread{
	margin:25px 0 20px;
	font-size: 16px;
}
.detailsConts .bread a{
	color: #333;
}
.detailsConts .articleDetleft .detailValidity{
	margin:30px;
	width:90%;
	float: left;
}

.detailsConts .bread span{color: #bababa;}
.detailsConts .articleDetleft h3{
	font-size: 24px;
	margin:22px auto;
	display: block;

	line-height: 40px;
	/*width: 93%;*/
}
.detailsConts .articleDetleft .tagging{
	margin:0 30px;
	font-size: 14px;
	color: #bababa;
	width: 80%;
	float: left;
}
.articleDetleft .musicPlayer{
	width: 500px;
	margin:100px auto;
}
.articleDetleft .musicPlayer audio{
	width: 100%;
}
.detailsConts .articleDetleft .tagging span,
.detailsConts .articleDetleft .tagging em{display: inline-block;}
.detailsConts .articleDetleft .tagging em{
	margin:0 10px;
}
.detailsConts .articleDetleft .textbox{
	position: relative;
	margin:0 25px;
	padding-bottom: 30px;
	float: left;
	width:94%;
}
.articleDetleft .textbox p{
	text-indent: 2em;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-top: 25px;
}
.detailsConts .articleDetleft .hides {
    height: 500px;
    overflow:hidden;
   /* overflow-x: hidden;
    overflow-y: scroll;*/
}
/*.articleDetleft .hides::-webkit-scrollbar {
    display: none;
}*/
.detailsConts .articleDetleft .textbox .spread {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 500px;
    font-size: 20px;
    line-height: 850px;
    text-align: center;
    background: linear-gradient(rgba(255,255,255,0.15), rgba(255,255,255,1));
    cursor: pointer;
}
.articleDetleft .textbox .spread a{color: #60a147;}
.articleDetleft .behavior{
	width:100%;
	height: auto;
	overflow:hidden;
	border-radius: 10px 10px 0 0;
	margin-top:22px;
	padding:18px 0 25px 0;
	box-shadow: 0 1px 5px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.detailsConts .detailedIntroduction .introductionTitle{
	width: 93%;
	font-size: 24px;
	color: #333;
	float: left;
	margin: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f5f5f5;
}
.detailsConts .detailedIntroduction .introductionMains{
	width: 93%;
	margin:25px;
	height: auto;
	overflow: hidden;
}


.articleDetleft .behavior .behavinfo{
	height: auto;
	/*overflow:hidden;*/
	float: left;
	padding:7px 0 0 50px;
	font-size: 16px;
	color: #333;
	cursor: pointer;
}
.behavior .behavinfo .infoicon,
.behavior .behavinfo .infoiconCur,
.commentSpecif .specifoper .songive em,
.commentSpecif .specifoper .songive em.Cur,
.commentSpecif .specifoper .songive em.stepOn{
	width: 19px;
	height: 19px;
	float: left;
	display: inline-block;
	background: url(../images/giveicon.png) no-repeat;
	background-size: 100%;
	margin:0 12px 0 0;
}
.commentSpecif .specifoper .songive em.stepOn{
	background: url(../images/stepOn.png) no-repeat;
	background-size: 100%;
}
.behavior .behavinfo .infoiconCur,
.commentSpecif .specifoper .songive em.Cur{
	background: url(../images/giveHicon.png) no-repeat;
	background-size: 100%;
}
.behavior .behavinfo .infoicont,
.behavior .behavinfo .infoicontCur,
.introdinfo .infoicont,
.introdinfo .infoicontCur{
	width: 20px;
	height: 18px;
	display: inline-block;
	float: left;
	background: url(../images/loves.png) no-repeat;
	background-size: 100%;
	margin:3px 12px 0 0;
}
.behavior .behavinfo .infoicontCur,
.introdinfo .infoicontCur{
	background: url(../images/lovesH.png) no-repeat;
	background-size: 100%;
}
.behavior .behavinfo .infoiconf{
	width: 18px;
	height: 19px;
	display: inline-block;
	float: left;
	background: url(../images/forward.png) no-repeat;
	background-size: 100%;
	margin:3px 12px 0 0;
}
.behavinfo .forwardBox,
.behavinfo .forwardBoxing{
	width: 160px;
	height: 160px;
	background: #fff;
	border:1px solid #ccc;
	position: absolute;
	float: left;
	margin:30px 0 0 0;
	display: none;
	z-index: 9999999;
	text-align: center;
	border-radius: 5%;
}
.behavinfo .forwardBox p,.behavinfo .forwardBoxing p{margin:5px 0;}
.behavior .behavinfo span{
	float: left;
	margin-right: 10px;
}
.behavior .behavinfo{
	float: left;

}
.behavior .dowload{
	font-size: 16px;
	color: #fff;
	width: 180px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	border-radius: 30px;
	/*background:#60a147;*/
	float: right;
	cursor: pointer;
	margin-right: 50px;
}
.behavior .btn,.editorialBtn .btn,.conserveBtn .btn,.paymentMain .topays .btn,.forgetPassword .btn{padding:0;}
.behavior .btn-success,.editorialBtn .btn-success,.conserveBtn .btn-success,.paymentMain .topays .btn-success,.forgetPassword .btn-success{border-color: #fff !important; background-color: #60a147;}
.conserveBtn .btn:focus,
.conserveBtn .btn:active:focus,
.conserveBtn .btn.active:focus,
.conserveBtn .btn.focus,
.conserveBtn .btn:active.focus,
.conserveBtn .btn.active.focus,
.forgetPassword .btn:focus,
.forgetPassword .btn:active:focus,
.forgetPassword .btn.active.focus{
	outline: none;
	box-shadow:none;
}
.behavior .btn-success:hover,.forgetPassword .btn-success:hover,.editorialBtn .btn-success:hover,.conserveBtn .btn-success:hover,.paymentMain .topays .btn-success:hover{background-color:#498c2f;}
.behavior .btn-success:active,.forgetPassword .btn-success:active,.editorialBtn .btn-success:active,.conserveBtn .btn-success:active,.paymentMain .topays .btn-success:active{background-color:#33751a;}
.commentMain .conmmentTitle{
	width: 93%;
	font-size: 24px;
	color: #333;
	float: left;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 25px;
	margin:25px;
}
.commentMain .publishing{
	height: auto;
	overflow:hidden;
	margin:0 25px 0;
	float: left;
	padding-bottom: 25px;
	/*border-bottom: 1px solid #f5f5f5;*/
}
.commentMain .publishing .publistleft{
	width: 68px;
	height: 68px;
	border-radius: 50%;
	overflow:hidden;
	float: left;
	margin:18px 25px 0 10px;
}
.publishing .publistleft img{
	width: 100%;
}
.commentMain .publishing .publistRight{
	float: left;
	height: auto;
	overflow: hidden;
}
.publishing .publistRight .pushfont{
	width: 650px;
	background: #f5f5f5;
	min-height: 110px;
	border-radius: 10px;
	overflow:hidden;
}
.publistRight .pushfont .textarea-item,
.uploadInputing .uptext .textarea-item{
	width:94%;
	margin:20px;
	border:none;
	background:none;
	font-size: 14px;
	float: left;
	color: #333;
	min-height: 80px;
	line-height: 26px;
}
.publistRight .pushfont .textarea-count,
.essentialInfor ul .pushfont .textarea-count,
.uploadInputing .uptext .textarea-count{
	float: right;
	margin:-10px 20px 10px 0;
}
.essentialInfor ul .pushfont{
    width: 420px;
    background: #f5f5f5;
    min-height: 110px;
    border-radius: 10px;
    overflow: hidden;
}
.publistRight .releaseIng,
.publistRight .releaCur,
.othersReply a{
	width: 100px;
	height: 35px;
	text-align: center;
	line-height: 33px;
	background:#f5f5f5;
	display: block;
	font-size: 16px;
	color: #bebebe;
	float: right;
	border-radius: 20px;
	margin:20px 0 0 0;
}
.publistRight .releaCur{background: #60a147; color: #fff;}
.commentMain .commentdetaing{
	width: 90%;
	margin:0 35px 25px 25px;
	float: left;
	float: right;
	overflow:hidden;
/*	border-top: 1px solid #f5f5f5;*/
}
.commentMain .commentdetaing li{
	height: auto;
	overflow:hidden;
	border-bottom:1px solid #f5f5f5;
	padding-top: 18px;
	padding-bottom: 18px;
	margin-bottom: 28px;
}
.commentMain .commentdetaing li:last{
	border:none;
}
.commentMain .commentdetaing li .commentImg{
	width: 40px;
	height: 40px;
	float: left;
	overflow:hidden;
	margin-right: 15px;
	border-radius: 50%;
}
.commentdetaing li .commentImg img{
	width: 100%;
}
.commentMain .commentdetaing li .commentSpecif{
	width: 90%;
	float: left;
	margin-top: 10px;
}
.commentdetaing li .commentSpecif .specifinfo{
	height: auto;
	overflow:hidden;
	margin-bottom: 15px;
}
.commentSpecif .specifinfo span{
	font-size: 16px;
	color:#333;
	display: inline-block;
	float: left;
	font-weight: bolder;
}
.commentSpecif .specifinfo span i{
	color: #bababa;
	font-weight: normal;
	display: inline-block;
	margin:0 10px;
}
.commentSpecif .specifinfo em{
	display: inline-block;
	float: right;
	color: #bababa;
	font-size: 16px;
}
.commentSpecif p{
	font-size: 16px;
	color: #333;
	line-height: 26px;
}
.commentSpecif .specifoper{
	float: right;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	cursor: pointer;
}
.commentSpecif .specifoper .speciflun,
.commentSpecif .specifoper .songive{
	float: right;
	margin:0 10px 0 35px;
}
.commentSpecif .specifoper .speciflun em{
	width: 18px;
	height: 17px;
	float: left;
	display: inline-block;
	background: url(../images/commenticon.png) no-repeat;
	background-size: 100%;
	margin:3px 12px 0 0;
}
.commentdetaing .othersReply{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-top: 17px;
}
.commentdetaing .replysing{
	width:100%;
	margin:30px 0 0 0;
	float: left;
	height: auto;
	overflow: hidden;
}
.commentdetaing .othersReply .replytex{
	width: 100%;
	border:1px solid #dfdfdf;
	height: 80px;
	border-radius: 10px;
}
.commentdetaing .othersReply textarea{
    width: 97%;
    margin:10px;
	color: #dfdfdf;
	border:none;
	font-size: 14px;
	color: #333;
}
.uploadnameMain .nameinfo{
	height: auto;
	overflow: hidden;
	margin:0 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
}
.uploadnameMain .nameinfo .naminfoleft{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	float: left;
	overflow: hidden;
    box-shadow: 0 1px 10px #d8d8d8, 0 0 1px #d8d8d8, 0 0 1px #d8d8d8;
    overflow: hidden;
    margin:30px 10px 0 0;
}
.uploadnameMain .nameinfo .naminfoRight{
	width: 72%;
	float: right;
}
.uploadnameMain .nafor{
	height: auto;
	overflow: hidden;
	margin:30px 0 0 0;
}
.uploadnameMain .nafor h4{
	font-size: 18px;
	color: #333;
	float: left;
	width: 100%;
}
.uploadnameMain a{
	width: 50px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	display: block;
	float: left;
	background: #56ab8e;
	overflow: hidden;
	font-size: 12px;
	margin:15px 0 0 0;
	text-decoration: none;
}
.uploadnameMain .nameinfo .naminfoRight p{
	font-size: 12px;
	color:#bababa;
	margin:10px 0 0 0;
}
.uploadnameMain .articnums{
	height: auto;
	overflow: hidden;
	margin:20px;
	text-align: center;
}
.uploadnameMain .articnums span{
	font-size: 14px;
	color: #bababa;

	/*float: left;*/
	display: inline-block;
}
.uploadnameMain .articnums span:first-child{
	margin-right: 40px;
}
.uploadnameMain .articnums span em{
	font-size: 20px;
	color: #56ab8e;
	display: inline-block;
	margin:0 0 0 8px;
}
.uploadnameMain .articnums a{
	width:100%;
	height: 35px;
	border-radius: 5px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	/*background: #56ab8e;*/
	display: block;
	float: left;
	margin:20px 0 10px 0;
	font-size: 16px;
}
.uploadnameMain .articnums .viewOther .btn,.nameUploader .uploaddocBtn .btn,.followIngbtn .btn{padding:0;}
.uploadnameMain .articnums .viewOther .btn-success,
.nameUploader .uploaddocBtn .btn-success,.followIngbtn .btn-success{
	border-color: #fff !important;
	background-color: #56ab8e;
}
.uploadnameMain .articnums .viewOther .btn-success:hover,
.nameUploader .uploaddocBtn .btn-success:hover,.followIngbtn .btn-success:hover{
	background-color: #3b9677;
}
.uploadnameMain .articnums .viewOther .btn-success:active,
.nameUploader .uploaddocBtn .btn-success:active,.followIngbtn .btn-success:active{
	background-color: #277f61;
}
.followIngbtn .concerned{
	background-color: #ccc;
}
.followIngbtn .concerned:hover{
	background-color: #b1b0b0;
}
.followIngbtn .concerned:active{
	background-color: #848383;
}
.othersSaw .sawtitle{
	height: auto;
	overflow: hidden;
	margin:0 20px;
	font-size: 24px;
	border-bottom: 1px solid #f5f5f5;
	padding:20px 0 13px 0;
}
.othersSaw .sawlist{
	height: auto;
	overflow: hidden;
	margin:15px 20px;
}
.othersSaw .sawlist a{
	height: auto;
	overflow: hidden;
	display: block;
	margin-bottom: 18px;
}
.othersSaw .sawlist a span{
	width: 190px;
	float: left;
	font-size: 16px;
	color: #333;
}
.othersSaw .sawlist a:hover span{
	color: #60a147;
}
/*文档详情 结束*/
/*图书开始*/
.midcontRight .bookslist,.personalMid .bookslist,.searchlistmain .bookslist{width: 100%; height:auto; overflow: hidden;}
.midcontRight .bookslist li,.personalMid .bookslist li,.searchlistmain .bookslist li {
	width: 20%;
	text-align: center;
	height: auto;
	margin:0 0 20px 4%;
	overflow: hidden;
	float: left;
	position: relative;
}
.midcontRight .bookslist li{height: 314px;}
.personalMid .bookslist li{height: 320px;}
.midcontRight .bookslist li a,
.personalMid .bookslist li a,
.searchlistmain .bookslist li a{
	height: auto;
	overflow: hidden;
}
.midcontRight .bookslist li .booksimg,
.personalMid .bookslist li .booksimg,
.searchlistmain .bookslist li .booksimg{
	width: 160px;
	height: 220px;
	border-radius: 10px;
	overflow: hidden;
	margin:10px 0;
	border:1px solid #bababa;
}
.searchlistmain .bookslist li .fileimg{
	padding:10px;
	width: auto !Important;
	height: 220px;
	position: relative;
}
.personalMid .bookslist li .booksimg,
.midcontRight .bookslist li .booksimg{
	border: 1px solid #bababa;
	border-radius: 8px;
	text-align: center;
	padding: 10px;
	position: relative;
}
.midcontRight .bookslist li .booksimg img,.personalMid .bookslist li .booksimg img,.searchlistmain .bookslist li .booksimg img{width: 100% !important;object-fit: cover;  height: 100%;transition: all 0.3s;}
.personalMid .bookslist li .booksimg img:hover,.searchlistmain .bookslist li .booksimg img:hover,
.midcontRight .bookslist li .booksimg img:hover{
	transform: scale(1.2);/*鼠标经过图片放大的倍数*/
}
.midcontRight .bookslist li p,
.personalMid .bookslist li p,
.searchlistmain .bookslist li p{
	font-size: 16px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
    width: 160px;
	text-align: left;
	min-height: 44px;
}
.personalMid .bookslist li p,
.bookslist li p{
	height: 42px;
}
/*.personalMid .bookslist li p{text-align: left;}*/
.midcontRight .bookslist li p{height: 42px;}
.midcontRight .bookslist .booksClassify,
.personalMid .bookslist .booksClassify,
.searchlistmain .bookslist .booksClassify{
	height: 26px;
	overflow: hidden;
	margin-top: 10px;
	width: 160px;
}
.midcontRight .bookslist a:hover p,
.personalMid .bookslist a:hover p,
.searchlistmain .bookslist a:hover p{
	color: #60a147;
}
.midcontRight .bookslist li a:hover .booksimg{border:1px solid #60a147;}
.detailsConts .booksdetLeft{
	height: auto;
	overflow: hidden;
	padding:25px 30px;
}
.booksdetLeft .booksIntroduce{
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;
	border-bottom: 1px solid #f5f5f5;
}
.booksdetLeft .booksIntroduce .introduceImg{
	width: 160px;
	height: 220px;
	border-radius: 10px;
	overflow: hidden;
	float: left;
	margin-right: 30px;
}
.booksIntroduce .introduceImg img{width: 100%; height: 100%;}
.booksIntroduce .introduceright{
	float:left;
	width: 73%;
}
.booksIntroduce .introduceright h4{
	font-size: 24px;
	font-weight: bolder;
	color: #333;
	margin:10px 0 18px 0;
	line-height: 40px;
}
.booksIntroduce .introduceright .introdinfo{
	height: auto;
	overflow: hidden;
	margin-bottom: 18px;
}
.introduceright .introdinfo li{
	float: left;
	font-size: 16px;
	color: #333;
	margin-right: 35px;
}
.introdinfo .dow{
	width: 21px;
	height: 20px;
	display: inline-block;
	float: left;
	background: url(../images/download.png) no-repeat;
	background-size: 100%;
	margin:2px 12px 0 0;
}
.introduceright .contVal{

}
.introduceright .contVal h5,
.articleDetleft .detailValidity h5{
	font-size: 16px;
	color: #6ea859;
	margin-bottom: 10px;
}
.introduceright .contVal p,
.articleDetleft .detailValidity p{
	font-size: 16px;
	color: #a8a8a8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/*-webkit-line-clamp: 3;*/
	overflow: hidden;
	/*text-indent: 2em;*/
	line-height: 26px;
}
.booksIntroduce .introdOpera{
	height: auto;
	overflow: hidden;
	width: 100%;
	float: left;
	margin-top:20px;
	font-size: 14px;
	color: #bababa;
}
.booksIntroduce .introdOpera span,
.booksIntroduce .introdOpera em{float: left;}
.booksIntroduce .introdOpera em{
	margin:0 15px;
}
/*图书结束*/
/*视频开始*/
.midcontRight .videoLists,
.midcontRight .audioLists,
.personalMid .videoLists,
.personalMid .audioLists,
.searchlistmain .videoLists,
.searchlistmain .audioLists{
	height: auto;
	overflow: hidden;
}
.midcontRight .videoLists li,
.midcontRight .audioLists li,
.personalMid .videoLists li,
.personalMid .audioLists li,
.searchlistmain .videoLists li,
.searchlistmain .audioLists li{
	height: auto;
	overflow: hidden;
	width: 35%;
	float: left;
	margin-left: 8%;
	margin-bottom: 36px;
}
.searchlistmain .videoLists,
.searchlistmain .audioLists{width: 100%;}
/*视频结束*/
/*视频详情开始*/
.videoFreque{
	width: 700px;
	height: 520px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}
.videoFreque .openMember{
	width: 700px;
	height: 500px;
	background: rgb(0,0,0,1);
	position: absolute;
	top:20px;
	left:0;
}
.videoFreque .openMember .openMemberMain{
	width: 540px;
	height: 276px;
	background: #242424;
	margin:100px auto 0;
}
.videoFreque .openMember .openMemberMain h6{
	width: 100%;
	float: left;
	display: block;
}
.videoFreque .openMember .openMemberMain h6 strong{
	width: 362px;
	font-size: 18px;
	color: #fff;
	padding-bottom: 25px;
	border-bottom: 1px solid #333;
	display: block;
	text-align: center;
	margin:50px auto 0;
}
.openMember .openMemberMain .opensBtns{
	width: 100%;
	float: left;
}
.openMember .openMemberMain .opensBtns .opening{
	width: 250px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	color: #663d00;
	 background: #e0bf6a;
	display: block;
	margin: 25px auto 35px;
	border-radius: 30px;
	font-size: 16px;
}
.openMember .openMemberMain .opensBtns .btn{padding:0}
.openMember .openMemberMain .opensBtns .btn-warning{
	border-color: #242424 !important;
	background-color: #e0bf6a;
}
.openMember .openMemberMain .opensBtns .btn-warning:hover{
	background-color: #d6ad45;
}
.openMember .openMemberMain .tips{
	width: 100%;
	text-align: center;
	color: #999;
}
.openMember .openMemberMain .tips a{
	color: #d6ab41;
}
.videoFreque h3{
	font-size: 24px;
	color: #333;
	margin:23px 0 13px 0;
	line-height: 32px;
}
.videoFreque .frequeTime{
	font-size: 14px;
	color: #bebebe;
}
.videoFreque .frequeTime span{
	display: inline-block;
	margin-right: 50px;
}
.detailsConts .otherSaws{
	height: auto;
	overflow: hidden;
	margin-top: 25px;
}
.detailsConts .otherSaws .otersawTitle{
	margin:25px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 24px;
	color: #333;
}
.detailsConts .otherSaws ul{
	height: auto;
	overflow: hidden;
	margin:25px 0 25px 25px;
}
.detailsConts .otherSaws ul li{
	width: 30%;
	float: left;
	margin:0 3% 30px 0;
	height: auto;
	overflow: hidden;
}
.otherSaws ul li a{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	float: left;
}
.otherSaws ul li .sawimg{
	width: 300px;
	height: 200px;
	overflow: hidden;
	border-radius: 10px;
}
.otherSaws ul li .sawimg img{
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.otherSaws ul li p{
	width: 300px;
	color: #333;
	font-size: 16px;
	margin:15px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
}
/*视频详情结束*/
/*个人中心 开始*/
.secondMidCont .nameUploader{
	margin-bottom: 25px;
	height: auto;
	overflow: hidden;
}
.nameUploader .namepic{
	width: 70px;
	height: 70px;
}
.nameUploader .namepic img{
	width: 100%;
	height: 100%;
}
.nameUploader h3{
	font-size: 18px;
	color: #333;
	display: inline-block;
	/*width: 100%;*/
	text-align: center;
	margin:0 0 15px 0;
}
.nameUploader p{
	margin:0 20px;
	font-size: 12px;
	color: #bababa;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.nameUploader .uploadDocbtn{
	width: 200px;
	height: 35px;
	line-height: 33px;
	text-align: center;
	margin:38px auto 30px;
	background: #56ab8e;
	display: block;
	color: #fff;
	border-radius: 5px;
}
.midcontLeft .percentClassing{
	padding:20px 0 50px 0;
}
.midcontLeft .percentClassing a{
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  font-size: 20px;
  color: #333;
  margin-top: 15px;
  text-decoration: none;
}
.midcontLeft .percentClassing a .incOne,
.midcontLeft .percentClassing a.Cur .incOne{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centerone.png) no-repeat;
    background-size: 100%;
    margin: 11px 24px 0 53px;
}
.midcontLeft .percentClassing a.Cur .incOne{
	background: url(../images/centeroneH.png) no-repeat;
    background-size: 100%;
}
.midcontLeft .percentClassing a .incTwo,
.midcontLeft .percentClassing a.Cur .incTwo{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centertwo.png) no-repeat;
    background-size: 100%;
    margin: 11px 24px 0 53px;
}
.midcontLeft .percentClassing a.Cur .incTwo{
	background: url(../images/centertwoH.png) no-repeat;
    background-size: 100%;
}
.midcontLeft .percentClassing a .incThree,
.midcontLeft .percentClassing a.Cur .incThree{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centerthree.png) no-repeat;
    background-size: 100%;
    margin: 11px 24px 0 53px;
}
.midcontLeft .percentClassing a.Cur .incThree{
	background: url(../images/centerthreeH.png) no-repeat;
    background-size: 100%;
}
.midcontLeft .percentClassing a .incFour,
.midcontLeft .percentClassing a.Cur .incFour{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centerfour.png) no-repeat;
    background-size: 100%;
    margin: 10px 24px 0 53px;
}
.midcontLeft .percentClassing a.Cur .incFour{
	background: url(../images/centerfourH.png) no-repeat;
    background-size: 100%;
}
.midcontLeft .percentClassing a .incFive,
.midcontLeft .percentClassing a.Cur .incFive{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centerfive.png) no-repeat;
    background-size: 100%;
    margin: 10px 24px 0 53px;
}
.midcontLeft .percentClassing a.Cur .incFive{
	background: url(../images/centerfiveH.png) no-repeat;
    background-size: 100%;
}
.midcontLeft .percentClassing a .incSix,
.midcontLeft .percentClassing a.Cur .incSix{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centersix.png) no-repeat;
    background-size: 100%;
    margin: 12px 24px 0 53px;
}
.midcontLeft .percentClassing a.Cur .incSix{
	background: url(../images/centersixH.png) no-repeat;
    background-size: 100%;
}
.midcontLeft .percentClassing a .incSeven,
.midcontLeft .percentClassing a.Cur .incSeven{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centerseven.png) no-repeat;
    background-size: 100%;
    margin: 10px 24px 0 53px;
}
.midcontLeft .percentClassing a.Cur .incSeven{
	background: url(../images/centersevenH.png) no-repeat;
    background-size: 100%;
}
.midcontLeft .percentClassing a .incEight,
.midcontLeft .percentClassing a.Cur .incEight{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centereight.png) no-repeat;
    background-size: 100%;
    margin: 10px 24px 0 54px;
}
.midcontLeft .percentClassing a.Cur .incEight{
	background: url(../images/centereightH.png) no-repeat;
    background-size: 100%;
}
.midcontLeft .percentClassing a .incNine,
.midcontLeft .percentClassing a.Cur .incNine{
	width: 20px;
	height: 20px;
	display: block;
    float: left;
    background: url(../images/centernine.png) no-repeat;
    background-size: 100%;
    margin: 10px 24px 0 54px;
}
.midcontLeft .percentClassing a.Cur .incNine{
	background: url(../images/centernineH.png) no-repeat;
    background-size: 100%;
}
.litab .cur{color: red}
.swichTab .nestTab{
	height: auto;
	overflow: hidden;
	width: 100%;
	text-align: center;
	margin:20px auto;
}
.swichTab .nestTab li{
	width: 50px;
	float: inherit !important;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	margin-right:46px;

}
.fileArchive .swichTab .nestTab li{
	width: auto;
	float: left;
	text-align: center;
	cursor: pointer;
	margin-right:70px;

}
.swichTab .nestTab li:last-child,
.swichTab .nestInside ul.nav li:last-child{
	margin:0;
}
.swichTab .nestInside ul.nav{
   width: 30%;
   height: auto;
   overflow: hidden;
   margin:0 auto 10px;
   padding:0;
}
.fileArchive .swichTab .nestInside ul.nav{
	width: 60%;
	height: auto;
	overflow: hidden;
	/*margin:15px auto 10px;*/
	margin:15px 0 10px 55px;
	padding:0;
}
.swichTab .nestInside ul.nav li{
	float: left;
	margin-right:40px;
}
.swichTab .nestInside ul.nav a{
	font-size: 16px;
}
.fileArchive .swichTab .nestInside ul.nav a{
	font-size: 16px;
}
.swichTab .nestInside ul.nav .active a{
	border:none;
}
.tab-item{
   display: none;
}
.show{
   display: block;
}
.myfansMain,
.myMeagess,
.changePassword{
	height: auto;
	overflow: hidden;
}
.myfansMain .myfansTitle,
.myMeagess .meagessTitle,
.changePassword .chanpasTitle,
.pointsDetails .table caption,
.essentialInfor .meagessTitle,
.fileInfocont .filefoTitle{
	font-size: 20px;
	color: #333;
	padding:30px 0 0 30px;
}
.myMeagess .meagessTitle,
.changePassword .chanpasTitle,
.pointsDetails .table caption,
.essentialInfor .meagessTitle,
.fileInfocont .filefoTitle{
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 10px;
	position: relative;
}
.pointsDetails .table caption{margin-bottom: 10px;}
.myMeagess .meagessTitle a,
.changePassword .chanpasTitle a,
.essentialInfor .meagessTitle a{
	position: absolute;
	top:33px;
	right: 30px;
	font-size: 16px;
	color:#a8a8a8;
}
.changePassword .chanpasTitle a,.essentialInfor .meagessTitle a{color: #60a147;}
.myfansMain .fanscont{
	height: auto;
	overflow: hidden;
	border-top:1px solid #f5f5f5;
	margin-top: 12px;
}
.myfansMain .fanscont li{
	height: auto;
	overflow: hidden;
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	width: 25%;
	float: left;
	padding:35px 0;
}
.myfansMain .fanscont li .fanspic{
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%;
	overflow: hidden;
	margin:0 auto 15px;
}
.myfansMain .fanscont li .fanspic img{
	width: 100%;
	height: 100%;
}
.myfansMain .fanscont li span{
	display: block;
	text-align: center;
	font-size: 20px;
	color: #333;
}
.myfansMain .fanscont li span.cancelAtte{
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	background: #ccc;
	color: #fff;
	font-size: 12px;
	display: block;
	margin: 20px auto 0;
	cursor: pointer;
}
.myMeagess .meagessList{
   height: auto;
   overflow: hidden;
   width: 94%;
   margin:0 auto;
   padding-bottom: 30px;
}
.myMeagess .meagessList li{
	width: 100%;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #f5f5f5;
	padding:20px 0;
}
.myMeagess .meagessList li:last-child{
	border:0;
}
.myMeagess .meagessList li span{
	display: block;
	font-size: 14px;
	color: #a8a8a8;
}
.myMeagess .meagessList li p{
	font-size: 16px;
	color: #333;
	margin-top: 12px;
	line-height: 28px;
}
.changePassword .chanpasDetail{
	height: auto;
	overflow: hidden;
	width: 92%;
	margin:20px auto;
}
.changePassword .chanpasDetail .chanpdetInfo{
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}
.chanpdetInfo label{
   width: 80px;
   float: left;
   text-align: right;
   font-size: 16px;
   color: #333;
   margin:8px 25px 0 0;
   font-weight: normal;
}
.chanpdetInfo label sup{
	color: #fb595a;
	margin:0 0 0 3px;
}
.chanpdetInfo input{
	width: 400px;
	height: 30px;
	line-height: 30px;
	padding:0 20px;
	border-radius: 10px;
	overflow: hidden;
	background: #f5f5f5;
	border:none;
	font-size: 12px;
}
.swichTab .collectionNav{
	width: 52%;
	margin:20px auto;
	padding:0 !important;
}
.swichTab .collectionNav li{
	margin-right: 60px !important;
}
.myPointsTop .pointLeft{
	height: auto;
	overflow:hidden;
}
.myPointsTop .pointLeft .poinlefttop{
	padding:35px 35px 24px 28px;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5;
}
.pointLeft .poinlefttop span{
	font-size: 20px;
	color: #666;
	display: inline-block;
	float: left;
}
.pointLeft .poinlefttop em{
	font-size: 40px;
	color: #fb595a;
	display: inline-block;
	float: right;
	margin-top:-15px;
	margin-right: 30px;
}
.pointLeft .poinlefttop a{
	display: inline-block;
	float: right;
	width: 60px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	background: #60a147;
	color:#fff;
	font-size: 16px;
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
}
.pointLeft .poinlelftbom{
	height: auto;
	overflow: hidden;
	margin:22px 0;
}
.pointLeft .poinlelftbom span{
	display: inline-block;
	margin:0 0 0 60px;
	float: left;
	font-size: 20px;
	color: #a8a8a8;
}
.pointLeft .poinlelftbom span:last-child{
	float: right;
	margin:0 60px 0 0;
}
.myPointsTop .pointRight{
	height: auto;
	overflow: hidden;
	background:#fff url(../images/poinbg.png) no-repeat center bottom;
	background-size: 100%;
}
.myPointsTop .pointRight p{
	font-size: 16px;
	color: #333;
	float: left;
	margin:22px 0 0 025px;
}
.myPointsTop .pointRight span{
	width: 100%;
	display: block;
	float: left;
	font-size: 16px;
	margin:5px 0 0 25px;
}
.myPointsTop .pointRight span em{
	font-size: 40px;
	color: #fb595a;
	display: inline-block;
	margin:0 10px 0 5px;
}
.myPointsTop .pointRight a,
.myPointsTop .pointRight a.received{
	width: 100px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	/*background:#60a147;*/
	border-radius: 5px;
	display: block;
	float: right;
	margin:15px 20px 20px 0;
}
.myPointsTop .pointRight a.received{
	background:#fff;
	color: #60a147;
}
.myPointsTop .pointRight .goGet .btn,
.pointLeft .poinlefttop a.btn{
	padding:0;
}
.myPointsTop .pointRight .goGet .btn-success,
.pointLeft .poinlefttop a.btn-success{
	border-color: #60a147 !important;
	background-color:#60a147;
}
.myPointsTop .pointRight .goGet .btn-success:hover,
.pointLeft .poinlefttop a.btn-success:hover{background-color:#498c2f;}
.myPointsTop .pointRight .goGet .btn-success:active,
.pointLeft .poinlefttop a.btn-success:active{background-color:#33751a;}

.pointsDetails .table > tbody > tr > th{
	border:none;
}
.pointsDetails .table tr th{
	padding:15px;
	color:#a8a8a8;
	font-size: 16px;
}
.pointsDetails .table tr th:first-child{
	padding-left: 30px;
	color: #333;
}
.pointsDetails .table tr th:last-child{
	color: #fb595a;
}
.essentialInfor{
	height: auto;
	overflow: hidden;
}
.essentialInfor ul.basicMains{
	width: 92%;
	margin:0 auto 50px;
}
.essentialInfor ul.basicMains li{
	height: auto;
	overflow: hidden;
	margin:28px 0 0 0;
}
.essentialInfor ul.basicMains li label{
	width: 72px;
	text-align: right;
	font-weight: normal;
	float: left;
	margin-right: 60px;
	position: relative;
}
.essentialInfor ul.basicMains li label sup{
	font-size: 18px;
	color: #fb595a;
    top:-2px;
    right: -10px;
    position: absolute;
    line-height: inherit;
}
.essentialInfor ul.basicMains li p{
	float: left;
	margin-right: 45px;
}
.essentialInfor ul.basicMains li em{
	color: #a8a8a8;
	font-size: 12px;
}
.essentialInfor ul.basicMains li input.inbox{
	width: 420px;
	height: 30px;
	line-height: 30px;
	padding:0 10px;
	border-radius: 5px;
	overflow: hidden;
	background:#f5f5f5;
	border:none;
	margin-right: 10px;
}
.essentialInfor ul.basicMains li textarea{
	width: 94%;
    margin: 10px;
    border: none;
    background: none;
    font-size: 14px;
    float: left;
    color: #333;
    min-height: 80px;
    line-height: 26px;
}
.essentialInfor ul.basicMains li input[type=radio] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    left: 0;
    float: left;
}
.essentialInfor ul.basicMains li input[type=radio]:after {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    content: " ";
    background: #fff url(../images/radicon.png) no-repeat;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px 3px;
    border-radius: 50%;
}
.essentialInfor ul.basicMains li input[type=radio]:checked:before {
    content: " ";
    display: block;
    position: relative;
    top: 0;
    width: 16px;
    height: 16px;
    color: #fff;
    font-weight: 400;
    z-index: 1;
    border-radius: 50%;
    background: #fff url(../images/radiconH.png) no-repeat;
}
.essentialInfor ul.basicMains li .man,.essentialInfor ul li .women{
	float: left;
	margin:0 0 0 15px;
}
.essentialInfor ul.basicMains li .man{margin-right: 40px;}
.essentialInfor ul.basicMains li .sel_year,
.essentialInfor ul.basicMains li .sel_month,
.essentialInfor ul.basicMains li .sel_day{
	background:#f5f5f5;
	border:none;
}
.enshrine em{margin:0 !important;}
.enshrine span{float: left; margin:5px 0 0 5px; margin-right: 0 !important;}
.bookslist .removes,.readinfo .removes{
	float: right;
	width: 45px;
	height: 18px;
	line-height: 16px;
	border-radius: 20px;
	border:1px solid #a8a8a8;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	color: #a8aa8a;
}
.bookslist .removes{
	position: absolute;
	bottom:3px;
	right: 0;
}
.readinfo .removes{
	margin-left: 5px;
	/*margin-top: 3px;*/
}
/*个人中心 结束*/

/*个人主页 开始*/
.personalContent .personaltop{
	width: 100%;
	height: 200px;
	background:url(../images/perBg.jpg) no-repeat;
	background-size:100% 100%;
	box-shadow: 3px 1px 4px 0px #e7e7e7;
}
.personalContent,
.uploadFileMain,
.helpCenterMain{
	width: 100%;
	margin:0 auto 100px;
	padding-top: 118px;
}
.helpCenterMain{width:1105px;margin:20px auto 100px;}
.personalContent .personalMid,
.uploadFileMain .fileInfocont,
.searchlistmain{
	width: 1105px;
	height: auto;
	background: #fff;
	margin:-65px auto;
	border-radius: 10px;
    box-shadow: 0 1px 10px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.uploadFileMain .fileInfocont{
	margin:18px auto;
}
.personalContent .permidtop{
	width: 1100px;
	height: auto;
	overflow:hidden;
	margin:-90px auto 0;
}
.personalContent .permidtop .pertopinfo{
	float: left;
	font-size: 14px;
	color: #333;
	text-align: center;
	width: 12%;
	margin-left: 5%;
	margin-top: 13px;
	font-weight: bolder;
}
.personalContent .permidtop .pertopinfo:first-child{
	margin-left: 8%;
}
.permidtop .pertopinfo span{
	display: block;
	font-size: 20px;
	color: #60a147;
}
.personalContent .permidtop .pertopPic{
	width: 166px;
	height: 166px;
	border-radius: 50%;
	background:#fff;
	margin-left: 5%;
	float: left;
	overflow:hidden;
}
.personalContent .permidtop .pertopPic img{
	width: 100% !important;
    object-fit: cover;
    height: 100%;
}
.personalContent .personalMid .pername{
	width: 95%;
	height: auto;
	overflow:hidden;
	margin:0 auto 0;
	padding-top: 115px;
	padding-bottom: 34px;
	text-align: center;
	border-bottom: 2px solid #f5f5f5;
}
.personalMid .pername .nameinfo{
	font-size: 18px;
	color: #333;
	margin-bottom: 16px;
}
.pername .nameinfo a{
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 5px;
	overflow:hidden;
	background:#56ab8e;
	color:#fff;
	font-size: 12px;
	display: inline-block;
	margin:10px auto;
}
.personalMid .pername .nameinfo .nameinfovip{
	height: auto;
	overflow: hidden;
	text-align: center;
}
.personalMid .pername .nameinfo span{
	display: inline-block;
	text-align: center;
}
.personalMid .pername .nameinfo em{
	width: 21px;
	height: 18px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	display: inline-block;
	background: url(../images/vsiconNew.png) no-repeat;
	background-size: 100%;
	margin: 3px 0 0 10px;
	float: right;
}
.personalMid .pername p{
font-size: 14px;
/*color: #bfbfbf;*/
}
.personalMid .swichTab .nestTab{width: 40%;}
.personalMid .swichTab .nestInside ul.nav{width: 30%;}
.personalMid .swichTab .particular{
	width: 100% !important;
}

.personalMid .swichTab .particular li{
	margin-right: 20px;
}
.personalMid .swichTab .particular .el-menu.el-menu--horizontal{
	border:none;
}
.personalMid .swichTab .particular ul{
	 width:90%;
	 margin:0 40px !important;
	height: 50px;
	overflow: hidden;
 }
.personalMid .swichTab .particular .el-menu.el-menu--horizontal .verticalLine{
	margin:24px 0 0 15px;
	height: 17px;
}
.personalMid .swichTab .particular .el-menu.el-menu--horizontal .fisort{
	margin:21px -5px 0 15px;
}
.personalMid .bookslist li,.searchlistmain .bookslist li{width: 15%;}
.personalMid .videoLists li,.personalMid .audioLists li,.searchlistmain .videoLists li,.searchlistmain .audioLists li,.bookslist .searVideos{width: 28%; margin-left: 4%;}
.personalMid .nestInside .nav{margin:20px auto !important;}
.bookslist .searVideos,.bookslist .searAudio{width: 28% !important; margin-left: 4% !important; margin-bottom: 36px !important;}
.bookslist .searVideos .contPic,
.bookslist .searAudio .contPic{
border-radius: 8px;
text-align: center;
padding: 0;
height: 200px;
border: 1px solid rgba(200,200,200,0.2);
box-shadow: 0 2px 16px #f3f3f3, 0 0 1px #f3f3f3, 0 0 1px #f3f3f3;
position: relative;
overflow: hidden;
}
.bookslist .searAudio .contPic{
height: 120px; !important;
}
.alignment{height: 800px;}
.fileInfocont .selectCategories{
width:90%;
height: auto;
overflow: hidden;
margin:15px auto;
}
.selectCategories .gories{
font-size: 16px;
color: #cecece;
}
.selectCategories .goriesDrop{
margin:14px 0 14px 80px;
}
.selectCategories .goriesDrop li{
float: left;
margin-left: 45px;
margin-bottom: 30px;
position: relative;
}
.selectCategories .goriesDrop li a{
width: 120px;
height: 120px;
padding-top: 10px;
background: #fff;
box-shadow: 0 1px 10px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
border-radius: 10px;
text-decoration: none;
display: block;
text-align: center;
font-size: 20px;
color: #333;
}
.selectCategories .goriesDrop li a .goriesOne{
width: 63px;
height: 61px;
display: block;
margin:0 auto 10px;
background: url(../images/goriesOne.png) no-repeat;
background-size: 100%;
}
.selectCategories .goriesDrop li a .goriesTwo{
width: 63px;
height: 61px;
display: block;
margin:0 auto 10px;
background: url(../images/goriesTwo.png) no-repeat;
background-size: 100%;
}
.selectCategories .goriesDrop li a .goriesThree{
width: 63px;
height: 61px;
display: block;
margin:0 auto 10px;
background: url(../images/goriesThree.png) no-repeat;
background-size: 100%;
}
.selectCategories .goriesDrop li a .goriesFour{
width: 63px;
height: 61px;
display: block;
margin:0 auto 10px;
background: url(../images/goriesFour.png) no-repeat;
background-size: 100%;
}
.selectCategories .goriesDrop li a .goriesFive{
	width: 63px;
	height: 61px;
	display: block;
	margin:0 auto 10px;
	background: url(../images/ppt.png) no-repeat;
	background-size: 100%;
}
.selectCategories .uploadSspecific,
.uploadfilevarious{
width: 90%;
min-height: 200px;
border-radius: 10px;
background: #f5f5f5;
margin:0 auto 30px;
}
.goriesDrop .dropSecond{
width: 280px;
height: 150px;
border-radius: 10px;
background: #fff;
position: absolute;
top:140px;
left: 50%;
z-index: 9999;
margin:0 0 0 -140px;
box-shadow: 0 1px 10px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.goriesDrop .dropSecond em{
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 10px solid #fff;
 position: absolute;
 top: -7px;
 left: 50%;
 margin-left: -10px;
}
.goriesDrop .dropSecond em:after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 5px solid #e3efde;
 position: absolute;
 margin-left: -10px;
 z-index: -1;
 filter: blur(2px);
}
.goriesDrop .dropSecond span{
display: inline-block;
font-size: 20px;
color: #333;
margin:20px 0 0 35px;
cursor: pointer;
}
.goriesDrop .dropSecond span:hover{
color: #60a147;
}
#view{
background-color:  #fff !important;
border:1px dashed #d9d9d9;
}
.preservationing #view{
background-color: #d6d6d6 !important;
}
.el-upload__input{
display: none !important;
}
.el-upload__tip{
font-size: 15px !important;
}
.uploadInputing{
height: auto;
overflow: hidden;
width: 90%;
margin:0 auto;
}
.uploadInputing label{
float: left;
font-weight: normal;
position: relative;
line-height: 45px;
}
.cliuplod p,.fileUploadContent p{position: relative;}
.uploadInputing label sup{
font-size: 18px;
color: #fb595a;
top: -2px;
right: -10px;
position: absolute;
line-height: inherit;
}
.preservationBtn{
width: 230px;
height: 45px;
border-radius: 5px;
background-color: #60a147;
color: #FFFFFF;
font-size: 20px;
text-align: center;
line-height: 45px;
outline: none;
position: relative;
margin: 30px auto 50px;
cursor: pointer;
border:none;
display:block;
}
.cliuplod p sup,
.fileUploadContent p sup{
font-size: 16px;
color: #fb595a;
top: -2px;
left: 10px;
position: absolute;
line-height: inherit;
}
.fileUploadContent p sup{left: inherit}
.uploadInputing li{
height: auto;
overflow: hidden;
}
.uploadInputing .upinput{
width: 90%;
height: 50px;
float: right;
border-radius: 10px;
line-height: 50px;
padding:0 20px;
background: #f5f5f5;
border:none;
font-size: 16px;
margin-bottom: 10px;

}
.uploadInputing .uptext{
width: 90%;
height: 140px;
float: right;
background: #f5f5f5;
border-radius: 10px;
margin-bottom: 20px;
}
.uploadInputing .detailedUptext{
	height: 570px !important;
	margin-bottom: 30px;
}
.uploadInputing .detailedUptext textarea{
	height: 350px;
}
.keywordIngs{
	height: auto !important;
	background: none !important;
}
.keywordIngs .el-select{
	width: 100%;

}
.keywordIngs .el-select .el-input__inner,
.keywordIngs .el-select:hover .el-input__inner{
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	height: 50px;
	border-radius: 10px;
	font-size: 16px;
}
.keywordIngs .el-select .el-input__inner[placeholder]{
	color: #757575;
}
.keywordIngs .el-select .el-input__inner::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #757575;
}
.keywordIngs .el-select .el-input__inner:-moz-placeholder, textarea:-moz-placeholder {
	color: #757575;
}

.keywordIngs .el-input__icon{
	line-height: 50px;
}
.keywordIngs .el-select .el-select__tags-text{
	color: #757575;
}
.keywordIngs .el-select .el-select__tags .el-tag{
	background-color: #d9d9d9;
}
.keywordIngs .el-select .el-input.is-focus .el-input__inner{
	border:1px solid #f5f5f5;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
	color:#60a147 !important;
}
.uploadInputing .uptext .textarea-item{
font-size: 16px;
resize: none;
}
.uploadInputing .choicesIng{
height: auto;
overflow: hidden;
float: left;
font-size: 16px;
margin-bottom: 10px;
margin-left: 30px;
}
.uploadInputing .choicesIng p{
float: left;
margin:10px 40px 0 0;
}
.fileUploadContent .box{
border:none;
text-align: center;
margin:50px auto;
}
.fileUploadContent .fileItem .imgShow .fileType{top: 80px;}
.fileUploadContent .fileItem{background: #fff;}
.fileUploadContent .uploadBts>div .selectFileBt{
width: 230px;
height: 45px;
text-align: center;
margin:30px auto;
}
.fileUploadContent .uploadBts>div{float: inherit;}
.fileUploadContent .uploadBts{
padding:30px 0;
}
.uploadpos{margin:5% 36%;}
.searchlistmain{margin:15px auto;}
.searchlistmain .searresult{margin:30px 40px; float: left;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
           -webkit-appearance:none;
}
input[type="number"]{
-moz-appearance: textfield; }

/*个人主页 结束*/

.helpCenterMain .subNavBox h3{
  width: 100%;
	height: 69px;
	line-height: 69px;
	background: #60a147;
	font-size: 24px;
	color: #fff;
	padding-left: 26px;

}
.subNavBox .subNav{
	cursor:pointer;
	font-size:20px;
	color:#333;
	line-height:54px;
	text-align: center;
	border-top: 1px solid #f5f5f5;
	background:url(../images/jiantou1.jpg) no-repeat;
	background-position:95% 50%;
}
.subNavBox .currentDt{
	background-image:url(../images/jiantou.jpg);
}

.subNavBox .navContent{
	display: none;
}
.noitceBox .navContent{
	display: block;
}
.subNavBox .navContent li{
	border-bottom: 1px solid #f5f5f5;
}
.subNavBox .navContent li a{
	display:block;
	height:45px;
	text-align:center;
	font-size:16px;
	line-height:45px;
	color:#333;
	text-decoration: none;
}
.noitceBox .navContent li a{
	font-size: 20px;
	line-height: 54px;
	height: 54px;
}

.subNavBox .navContent li:last-child{
	border:none;
}
.subNavBox .navContent li a:hover,
.subNavBox .navContent li.Cur a{
	color:#60a147;
}
.helpCenterMain .helpcenRight{
	min-height: 450px;
}
.helpcenRight .aboutUs{
  height: auto;
	overflow: hidden;
	display: none;
}
.helpcenRight .aboutUs .aboutTitle{
	width: 94%;
	margin:0 auto;
	padding:30px 0 20px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 20px;
}
.helpcenRight .aboutUs .aboutCont,
.helpcenRight .aboutUs .listinfoing,
.newsDetails .listinfoing{
	width: 90%;
	height: auto;
	overflow: hidden;
	margin:30px auto;
}
.fileInfocont .newsDetails{padding-bottom: 30px;}
.helpcenRight .aboutUs .listinfoing,
.newsDetails .listinfoing{
	width: 80%;
}
.helpcenRight .aboutUs .aboutCont h3{
	text-align: center;
	font-size: 20px;
	margin:0 0 30px 0;
	font-weight: bolder;
}
.helpcenRight .aboutUs .aboutCont p{

	line-height: 30px;
	font-size: 17px;
	line-height: 34px;
	margin:20px 30px 20px;
}
.helpcenRight .aboutUs .aboutCont .aboutFont p{
	text-indent: 2em;
}
.helpcenRight .aboutUs .aboutCont .business{
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.helpcenRight .aboutUs .aboutCont .business li{
	height: auto;
	overflow: hidden;
	width: 530px;
	margin:0 auto 40px;
}
.aboutUs .aboutCont .business li .cooperationLeft{
	width: 100px;
	height: 100px;
	float: left;
}
.business li .cooperationLeft img{
	width: 100%;
	height: 100%;
}
.aboutUs .aboutCont .business li .cooperationRight{
	width: 380px;
	float: right;
}
.business li .cooperationRight span{
	display: block;
	font-size: 16px;
	color: #7b7b7b;
	margin:7px 0 0 0;
}



.preservationing .uploadSspecific{
	float: left;
	width: 60%;
}
.preservationing .uploadSspecific .uploadpos{
	margin:0 5%;
}
.tips .tips__help{
	margin-top: 10px;
}
.el-pagination--small button, .el-pagination--small span:not([class*=suffix]) {padding:0 10px;}
.scoring{margin-top: 10px;}
.scoring .el-rate__item{margin-top: 3px;}
.scoring .el-rate__text{margin-top: 5px; font-size: 15px;}
.detailValidity span{margin-right: 10px;float: left;}

.transExhibition{
	height: auto;
	overflow: hidden;
}
.transExhibition table {
	width: 100%;
	height: auto;
	margin: 10px auto;
	border-collapse: collapse;
}
.transExhibition table tr{
	border-bottom: 1px solid #f5f5f5;
}
.transExhibition table tr th {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #f0f0f0;
	color: #333;
	font-size: 16px;
	padding: 10px 0;
}
.transExhibition table tr td{text-align: center}
.transExhibition .booksimg{
	border: 1px solid #bababa;
	border-radius: 8px;
	text-align: center;
	padding: 10px;
	position: relative;
	width: 120px;
	height: 150px;
	overflow: hidden;
	margin: 15px 30px;
}
.transExhibition .booksimg img,
.transExhibition .contPic img{
	width: 100% !important;
	object-fit: cover;
	height: 100%;
	transition: all 0.3s;
}
.transExhibition .booksimg img:hover,
.transExhibition .contPic img:hover{
	transform: scale(1.2);/*鼠标经过图片放大的倍数*/
}
.transExhibition .booksimg .pdfIcon,
.transExhibition .booksimg .wordIcon,
.transExhibition .booksimg .exlIcon,
.transExhibition .booksimg .pptIcon{
	width: 20px;
	height: 20px;
	display: block;
	background:url(../images/wordIcon.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom:0;
	right: 0;
}
.transExhibition .booksimg .pdfIcon{
	background:url(../images/pdfIcon.png) no-repeat;
	background-size: 100% 100%;
}
.transExhibition .booksimg .exlIcon{
	background:url(../images/exlIcon.png) no-repeat;
	background-size: 100% 100%;
}
.transExhibition .booksimg .pptIcon{
	background:url(../images/pptIcon.png) no-repeat;
	background-size: 100% 100%;
}
.transExhibition .trantitle{
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #333;
	text-align: left;
	height: 42px;
}
.transExhibition span.integ{
	font-size: 14px;
	color: #a8a8a8;
	margin:0 !important;
	display: inline-block;
}
.transExhibition .removes{
	width: 45px;
	height: 18px;
	line-height: 16px;
	border-radius: 20px;
	border: 1px solid #a8a8a8;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	color: #808080 ;
	margin:0 auto;
}
.transExhibition .removes:last-child{
	margin-top:20px;
}
.transExhibition .contPic{
	padding: 0;
	border: 1px solid rgba(200,200,200,0.2);
	box-shadow: 0 2px 16px #f3f3f3, 0 0 1px #f3f3f3, 0 0 1px #f3f3f3;
	width: 180px;
	height: 140px;
	overflow: hidden;
	margin: 15px 30px;
	border-radius: 8px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.transExhibition a:hover .contPic{
	border:1px solid #60a147;
}
.transExhibition .pelcick{
	font-size: 14px;
	color: #a8a8a8;
	text-align: center;
	margin: -5px 0 10px 0;
}
.transExhibition .contPic em.play {
	width: 46px;
	height: 46px;
	display: block;

	background: url(../images/suspendIcon.png) no-repeat;
	background-size: 100% 100%;
	margin: 20px auto;
}
.muscontpic{height: 120px !important;}
.transExhibition .contPic .downloadIng {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	background: rgba(155, 233, 195, 0.8);
	color: #fff;
	font-size: 16px;
	width: 100%;
	display: none;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
.transExhibition a:hover .contPic .downloadIng{display: block;}
.purchaseDetails .purchaseInfo{
	text-align: center;
	margin:20px auto;
	font-size: 15px;

}
.purchaseDetails tr th{
	font-size: 15px !important;
}
.arechoices{margin:0 0 0 50px;}
.agreementIng{
	height: auto;
	overflow: hidden;
	display: none;
}
.situationInfo{
	height: auto;
	overflow: hidden;
}
.situationInfo ul{
	width: 85%;
	margin:0 auto;
	height: auto;
	overflow: hidden;
}
.situationInfo ul li{
	height: auto;
	overflow: hidden;
	float: left;
	width: 35%;
	font-size: 14px;
	color: #333;
	text-align: left;
	margin-bottom: 10px;
	margin-right: 0.3%;
}
.situationInfo ul li:first-child{
	width: 25%;
}
.situationInfo ul li em,
.situationInfo .briefsitua em{
	color: #60a147;
	font-size: 14px;
	/*width: 80px;*/
	float: left;
	display: inline-block;
}
.situationInfo .briefsitua em{
	float: none !Important;
}
.situationInfo .el-rate{
	float: left;
}
.situationInfo .briefsitua{
	width: 85%;
	margin:0 auto;
	text-align: left;
}
.situationInfo .briefsitua span{
	line-height:28px;
}
.situationInfo .briefsitua .expert-title{
	font-size: 14px;
	line-height:28px;
}
.boxContent{
	border-radius: 10px;
}
.signInBox .boxContent, .agreementIng .boxContent{
	border-radius: 10px;
}
.boxContent .specCont p{
	margin-bottom: 10px;
	line-height: 28px;
}
/*.boxContent .specCont::-webkit-scrollbar { width: 0 !important }*/
/*.boxContent .specCont{ -ms-overflow-style: none; }*/
/*.boxContent .specCont{ overflow: -moz-scrollbars-none; }*/

.boxContent .specCont::-webkit-scrollbar {
	width: 4px;
	/*height: 4px;*/
}
.boxContent .specCont::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.2);
}
.boxContent .specCont::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}
/*入驻专家机构 开始*/
.midcontRight .setexperList{
	background: #fff;
	border-radius: 10px;
	margin-bottom: 15px;
	height: auto;
	overflow: hidden;
	box-shadow: 0 1px 10px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.midcontRight .setexperList h4{
	margin:30px 0 0 30px;
	font-size: 22px;
}
.midcontRight .setexperList ul.setlistmain{
	height: auto;
	min-height: 550px;
	overflow: hidden;
	margin:35px 0 35px 15px;
}
.midcontRight .setexperList ul.setlistmain li{
	float: left;
	width: 242px;
	height:116px;
	border:1px solid #eee;
	border-radius: 10px;
	margin-right: 38px;
	margin-bottom: 17px;
	/*box-shadow: 0 1px 5px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde , 0 0 1px #e3efde;*/
	box-shadow: 0 2px 5px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.midcontRight .setexperList ul.setlistmain li:nth-child(3n+3) {
	margin-right: 0;
}
.midcontRight .setexperList ul.setlistmain li .listleft{
	float: left;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	margin:12px 0 10px 28px;
	position: relative;
	box-shadow: 0 1px 5px #828181, 0 0 1px #828181, 0 0 1px #828181;
}
.midcontRight .setMechList ul.setlistmain li .listleft{
	margin:12px 0 10px 10px;
}
.setexperList ul.setlistmain li .listleft .heading{
	width: 88px;
	height: 88px;
	position: absolute;
	top:50%;
	left: 50%;
	border-radius: 50%;
	margin:-44px 0 0 -44px;
	cursor: pointer;
	overflow: hidden;
}
.midcontRight .setexperList ul.setlistmain li .listleft img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.midcontRight .setexperList ul.setlistmain li .listRight{
	float: left;
	width: 88px;
	margin-left: 17px;
}
.midcontRight .setMechList ul.setlistmain li .listRight{
	width: 120px;
}
.midcontRight .setexperList ul.setlistmain li .listRight p{
	font-size: 19px;
	margin:15px 0 12px 0;
	width: 87px;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.midcontRight .setMechList ul.setlistmain li .listRight p,.midcontRight .setMechList ul li .listRight span{width: 118px;}
.midcontRight .setexperList ul.setlistmain li .listRight span {
	display: block;
	font-size: 13px;
	color: #666;
	margin-bottom: 6px;
	width: 87px;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*入驻专家机构 结束*/
/*支付页面 开始*/
.paymentMain{
	width: 1105px;
	height: auto;
	background: #fff;
	overflow: hidden;
	margin: 18px auto;
	border-radius: 10px;
	box-shadow: 0 1px 10px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.paymentMain .paymentInfo{
	height: auto;
	overflow: hidden;
	padding:40px 60px;
}
.paymentMain .paymentInfo .payTitle{
	height: auto;
	overflow: hidden;
}
.paymentMain .paymentInfo .payTitle em{
	width: 7px;
	height: 25px;
	background:#60a147;
	display: block;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}
.paymentMain .paymentInfo .payTitle span{
	font-size: 24px;
	display: block;
	float: left;
}
.paymentInfo .vipPrivilege{
	height: auto;
	overflow: hidden;
}
.paymentInfo .vipPrivilege li{
	width: 193px;
	height: 246px;
	background: #f8f8f8;
	float: left;
	margin:40px 71px 0 0;
	text-align: center;
}
.paymentInfo .vipPrivilege li:last-child{
	margin-right: 0;
}
.paymentInfo .vipPrivilege li .payone{
	width: 81px;
	height: 71px;
	display: inline-block;
	background: url("../images/payone.png") no-repeat;
	background-size: 100% 100%;
	margin:35px 0 25px 0;
}
.paymentInfo .vipPrivilege li .paytwo{
	width: 98px;
	height: 70px;
	display: inline-block;
	background: url("../images/paytow.png") no-repeat;
	background-size: 100% 100%;
	margin:35px 0 25px 0;
}
.paymentInfo .vipPrivilege li .paythree{
	width: 71px;
	height: 71px;
	display: inline-block;
	background: url("../images/paythree.png") no-repeat;
	background-size: 100% 100%;
	margin:35px 0 25px 0;
}
.paymentInfo .vipPrivilege li .payfour{
	width: 69px;
	height: 71px;
	display: inline-block;
	background: url("../images/payfour.png") no-repeat;
	background-size: 100% 100%;
	margin:35px 0 25px 0;
}
.paymentInfo .vipPrivilege li p{
	font-size: 23px;
	color: #333;
	margin-bottom: 10px;
}
.paymentInfo .vipPrivilege li span{
	color: #8d8d8d;
	font-size: 17px;
}
.paymentInfo h3{
	display: block;
	font-size: 18px;
	color: #333;
	width: 100%;
	margin:35px 0;
}
.paymentInfo .chooseMoney,
.paymentInf .payoption{
	height: auto;
	/*overflow: hidden;*/
	margin-bottom: 60px;
}
.paymentInfo .chooseMoney li{
	width: 220px;
	height: 155px;
	float: left;
	border: 1px solid #e1e0e0;
	border-radius: 8px;
	margin:0 34px 0 0;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.paymentInfo .chooseMoney li.active{
	background:#f0fbeb;
}
.paymentInfo .chooseMoney li .recommend{
	width: 42px;
	height: 23px;
	line-height: 22px;
	text-align: center;
	color:#fff;
	font-size: 14px;
	background:#06c399;
	position: absolute;
	top:-12px;
	left:-1px;
	border-radius: 3px;
}
.paymentInfo .chooseMoney li .equivalent{
	color: #797979;
	margin-top: 10px;
}
.paymentInfo .chooseMoney li:last-child{
	margin-right: 0;
}
.paymentInfo .chooseMoney li p{
	font-size: 23px;
	margin:18px 0 10px 0;
}
.paymentInfo .chooseMoney li span{
	font-size: 32px;
	color: #60a147;
	font-weight: bolder;
}
/*.paymentInfo .chooseMoney li span.active{*/
/*	color: #f93e3f;*/
/*}*/
/*.paymentInfo .chooseMoney li.Cur em.checkMark{*/
/*	width: 31px;*/
/*	height: 26px;*/
/*	position: absolute;*/
/*	left: 0;*/
/*	top:0;*/
/*	display: block;*/
/*	background: url("../images/chmicon.png") no-repeat;*/
/*	background-size: 100% 100%;*/
/*}*/
.paymentInfo .chooseMoney li.Cur em.checkMark{
	width: 30px;
	height: 27px;
	position: absolute;
	right: 0;
	bottom:0;
	display: block;
	background: url("../images/chmiconIng.png") no-repeat;
	background-size: 100% 100%;
}
.paymentInfo .payoption li.Cur em.checkMark{
	width: 19px;
	height: 16px;
	position: absolute;
	right: 0;
	bottom:0;
	display: block;
	background: url("../images/chmicontwoIng.png") no-repeat;
	background-size: 100% 100%;
}
.paymentInfo .chooseMoney li.Cur,
.paymentInfo .payoption li.Cur{
	border:2px solid #60a147;
}
.paymentInfo .payoption li{
	width: 177px;
	height: 77px;
	float: left;
	line-height: 77px;
	border: 1px solid #e1e0e0;
	border-radius: 8px;
	margin:0 42px 0 0;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.paymentInfo .payoption li img{
	display: inline-block;
	margin:25px 10px 0 0;
}
.paymentInfo .payoption li span{
	font-size: 18px;
}
.paymentMain .topays{
	float:right;
	margin:150px 60px 120px 0;
	text-align: center;
}
.paymentMain .topays .topayBtn{
	width: 265px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #60a147;
	display: block;
	font-size: 22px;
	border-radius: 8px;
	margin-bottom: 15px;
}
.paymentMain .topays .agr{
	color: #337ab7;
}
.paymentMain .topays .agreeMet{
	height: auto;
	overflow: hidden;
	float: right;
}
.paymentMain .topays .agreeMet input{
	margin:3px 10px 0 0;
}
.paymentInfo .sweepCode{
	width: 500px;
	height: auto;
	overflow: hidden;
	margin:30px auto;
	text-align: center;
}
.paymentInfo .sweepCode .codeing{
	width: 220px;
	height: 220px;
	border:1px solid #ccc;
	margin:0 auto;
	text-align: center;
	background: #fff;
	overflow: hidden;
}
.paymentInfo .sweepCode .codeing img{
	width:200px;
	height: 200px;
	margin:10px auto;
	display: block;
}
.paymentInfo .sweepCode .amoney{
	margin:20px auto;
	font-size: 20px;
}
.paymentInfo .sweepCode .amoney em{
	color: #f6392b;
}
.paymentInfo .sweepCode .scaning{
	width: 240px;
	margin:20px auto;
	height: auto;
	overflow: hidden;
	background: #f73a2c;
}
.paymentInfo .sweepCode .scaning img{
	width: 41px;
	height: 35px;
	float: left;
	display: block;
	margin:15px 0 15px 40px;
}
.paymentInfo .sweepCode .scaning p{
	color: #fff;
	margin:10px 0 0 0;
}
.paymentInfo .sweepCode .scaning p span{
	display: block;
}
.paymentInfo .otherscan{
	width: 100%;
	background: #f7f7f7;
	padding:20px;
}
.paymentInfo .otherscan p{
	font-size: 16px;
	margin:0 0 20px 0;
}
.paymentInfo .otherscan img{
	width: 60px;
	height: 60px;
	margin:0 30px;
	cursor: pointer;
}

/*支付页面 结束*/
.newsMenus .el-col-12{
	max-width: 100%;
	width: 100%;
	text-align: center;
}
.newsMenus .el-submenu__title span{
	font-size: 18px;
}
.newsMenus .el-menu-vertical-demo .el-menu-item{
	font-size: 18px;
}
.newsMenus .el-menu--inline .el-menu-item{
	font-size: 16px;
}
.newsMenus .el-submenu__title{
	font-size: 16px;
}
.newsMenus .el-menu--inline .el-submenu__title{
	font-size: 16px !important;
}
.helpcenRight .newsListmain{
	height: auto;
	overflow: hidden;
	margin:30px 30px;
}
.helpcenRight .newsListmain ul,
.helpcenRight .newsListmain ul li,
.helpcenRight .newsListmain ul li a{
	height: auto;
	overflow: hidden;
	color: #333;
}
.helpcenRight .newsListmain ul li a:hover{
	color:#60a147;
}
.helpcenRight .newsListmain ul li{
	margin-bottom: 18px;
}
.helpcenRight .newsListmain ul li a em.dots{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #d9d9d9;
	display: block;
	float: left;
	margin:8px 10px 0 0;
}
.helpcenRight .newsListmain ul li a p{
	max-width: 70%;
	height: auto;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	font-size: 16px;
}
.helpcenRight .newsListmain ul li a span{
	display: block;
	float: left;
	margin-left:15px;
	font-size: 14px;
	color: #b7b7b7;
	margin-top: 2px;
}
.helpcenRight .newsListmain ul li a i{
	width: 40px;
	height: 21px;
	display: block;
	float: left;
	background: url("../images/topping.png") no-repeat;
	background-size: 80%;
	margin-top: 3px;
}
.newsMenus .el-menu-item.is-active{
	color:#60a147;
	background: none;
}
.newsMenus .el-menu .el-menu-item:hover,
.newsMenus .el-menu .el-submenu .el-submenu__title:hover{
	background: #fff;
}
.newsDetails .breads{
	height: auto;
	overflow: hidden;
	padding:30px 30px 10px 30px;
}
.newsDetails .releaseInfo{
	padding:10px 30px 10px 30px;
	color: #ccc;
	font-size: 14px;
}
.newsDetails .releaseInfo span{
	float: left;
	margin-right: 50px;
}
.newsDetails .newsDarticle{
	height: auto;
	overflow: hidden;
	padding:0 30px 30px 30px;
}
.newsListmain .readsing{
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 20px;
	font-size: 14px;
	color: #b7b7b7;
	margin-top: 3px;
}
.newsMenus .el-submenu__icon-arrow{
	top:55% !important;
}
.nameUploader .vipstate{
	text-align: center;
	font-size: 14px;
	margin:10px auto -20px;
}
.nameUploader .vipnames{
	text-align: center;
}
.nameUploader .vipnames span{
	width: 22px;
	height: 18px;
	background:url("../images/vsiconNew.png") no-repeat;
	background-size:90%;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-left: 5px;
}

.nameUploader .vipstate a{
	/*width: 60px;*/
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	/*background: #60a147;*/
	color: #f9be50;
	margin-left: 13px;
}
.el-menu.el-menu--horizontal{margin: -10px 0 30px 25px;}
.el-menu.el-menu--horizontal li.el-menu-item{font-size: 16px;border:none;margin-top: -3px;}
.nestInside .verticalLine,
.el-menu.el-menu--horizontal .verticalLine{
	width: 4px;
	height: 18px;
	background: #60a147;
	display: block;
	float: left;
	margin: 8px 0 0 40px;
}
.el-menu.el-menu--horizontal .verticalLine{
	margin: 22px 0 0 15px;
}
.nestInside .fisort{
	float: left;
	margin: 6px 10px 0 15px;
}
.el-menu.el-menu--horizontal .fisort{
	float: left;
	margin: 20px -5px 0 15px;
}
/*忘记密码*/
.forgetPassword{
	width: 413px;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	padding:88px 0 130px 0;
}
.forgetPassword .forgetInfo,
.forgetPassword .verificationCode{
	height: auto;
	overflow: hidden;
	margin-bottom: 18px;
}
.forgetPassword .forgetInfo input{
	width:413px;
	height: 50px;
	line-height: 50px;
	padding:0 10px;
	font-size: 16px;
	border-radius: 5px;
	border:1px solid #c6c6c6;
}
.forgetPassword .verificationCode input{
	width: 280px;
	height: 50px;
	line-height: 50px;
	padding:0 10px;
	border-radius: 5px;
	border:1px solid #c6c6c6;
	float: left;
}
.forgetPassword .verificationCode .verification,
.forgetPassword .verificationCode .retransmission{
	width: 124px;
	height: 50px;
	float: right;
	line-height: 50px;
	text-align: center;
	color:#fff;
	font-size: 16px;
	border:none;
	background: #60a147;
}
.forgetPassword .verificationCode .retransmission{
	background:#898888;
}
.forgetPassword .resetBtn{
	width: 413px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	display: block;
	background: #60a147;
	font-size: 16px;
	border-radius: 8px;
	margin-top: 28px;
}
.forgetPassword .resetBtn a{display: block; color: #fff;}
.paymentMain .orderDetails{
	height: auto;
	overflow: hidden;
	margin:30px 0 -20px 0;
}
.paymentMain .orderDetails .ordetailInfo{
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center;
}

.paymentBox{
	height: auto;
	overflow: hidden;
}
.paymentBox .payblackBg{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	display: block;
}
.paymentBox .paymentContents{
	width: 420px;
	height: 220px;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	margin: -110px 0 0 -210px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 10px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.paymentBox .paymentContents p{
	margin:0 0 39px 0;
	font-size: 16px;
	width: 100%;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.paymentBox .paymentContents .methodIng{
	height: auto;
	overflow: hidden;
	text-align: center;
}
.paymentBox .paymentContents .methodIng img{
	width:74px;
	height: 74px;
	display:inline-block;
	margin-right: 60px;
	cursor: pointer;
}
.paymentBox .paymentContents .methodIng img:last-child{
	width: 66px;
	height: 66px;
	margin-right: 0;
}
.articleDetleft .fullScreen{
	width: 100%;
	float: left;
	text-align: right;
	display: block;
	color:#3b9677;
	margin:15px 0 20px 0;
}
.articleDetleft .fullScreen em{
	width: 21px;
	height: 21px;
	display: inline-block;
	float: right;
	background:url("../images/fullscring.png") no-repeat;
	background-size: 80%;
	margin:3px 2px 0 0;
}
.articleDetleft .fullScreen span{
	float: right;
	display: inline-block;
	margin-top: 1px;
}
.original{
	height: auto;
	overflow: hidden;
	width: 93%;
	margin:0 auto;
}
.original em,
.originalBook em{
	width: 40px;
	height: 26px;
	float: left;
	display: inline-block;
	background: url("../images/yc.svg") no-repeat;
	background-size: 100%;
	margin:29px 8px 0 0;
}
.originalBook em{
	margin:9px 8px 0 0 !important;
}
.selList .contPic .originalIcon{
	width: 40px;
	height: 40px;
	display: block;
	background: url("../images/lyc.svg") no-repeat;
	background-size: 100%;
	position: absolute;
	top:-2px;
	left: -1px;
}
.articleList .articlePic .originalTis,
.bookslist .booksimg .originalTis,
.audioLists .contPic .originalTis,
.videoLists .contPic .originalTis,
.bookslist .fileimg .originalTis{
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/lyc.svg) no-repeat;
	background-size: 100%;
	position: absolute;
	top: -2px;
	left: -1px;
	z-index: 9999;
}
.bookslist .booksimg,.audioLists .contPic,.videoLists .contPic,.bookslist .fileimg{
	position: relative;
}
.memoirIng{
	letter-spacing:12px !important;
}
.midcontRight .setexperList ul.memoirlistMain li:nth-child(3n+3){

}
.midcontRight .setexperList ul.memoirlistMain li:nth-child(4n){

}
.setexperList .memoirTitle{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.setexperList .memoirTitle h4{
	float: left;
}
.setexperList .memoirTitle a{
	float: right;
	margin:30px 30px 0 0;
	color: #60a147;
	display: block;
	height: auto;
	overflow: hidden;
}
.setexperList .memoirTitle a em{
	width: 20px;
	height: 20px;
	float: left;
	display: inline-block;
	background: url(../images/menurun.png) no-repeat;
	background-size:78%;
	margin:2px 1px 0 0;
}
.setexperList .memoirTitle a span{
	float: left;
}
.memoirlistMain li{
	width: 335px !important;
}
.memoirlistMain li p{
	width: 190px !important;
	cursor: pointer;
}
.el-select__popper{z-index: 99999 !important;}
.midcontRight .anthologyLists{
	height: auto;
	overflow: hidden;
}
.midcontRight .anthologyLists li{
	height: auto;
	overflow: hidden;
	width: 35%;
	float: left;
	margin-left: 8%;
	margin-bottom: 36px;
}