@charset "UTF-8";

/**
* 页面样式
*@file:style.css;
*@create author:gj;
**/


/*适配手机部分样式*/
@media (max-width: 770px){
	/*首页  开始*/
	.preservationing .uploatant{
		width: 90% !important;
	}
	.lectureContent .banner{height: auto;}
	.searchMain .signIn{
		margin-top: 0.2rem;
	}
	.headerMain{
		/*height: 13rem;*/
	    background-size: cover;
	    margin-top: 50px;
	}
	.headerMain .logo h1{
       width: 6rem;
       height: 3.2rem;
       margin:1.5rem auto 0.65rem;
	}
	.headerMain .searchMain,
    .headerMain .result{
		width: 100%;
		margin:0 auto;
	}
	.headerMain .searchMain .searchInfo{
		height: 2.4rem;
		background:#fff;
		border-radius: 30px;
		/*box-shadow: 3px 2px 4px 0px #dbe5e1;*/
		margin:0;
	}
	.headerMain .searchInfo input{
		width: 57%;
		height: 2.3rem;
	   line-height: 2.3rem;
	   font-size: 14px;
	   float: left;
	   margin:0.06rem 0 0 0.3rem;
	}
	.uploader li .author span{
		text-align: center;
	}
	/*.uploader li .author em{margin-left: 0;}*/
	.headerMain .searchInfo em{
		width: 1rem;
		height: 1rem;
		display: block;
		float: right;
		background:url(../images/searchicon.png) no-repeat;
	   background-size: 100%;
	   margin:0.6rem 0.65rem 0 0;
	   cursor: pointer;
	}
	.searchMain .signIn{
		padding:0;
	}
	.searchMain .signIn .signIfo em,
	.searchMain .signIn .signIfo img, .searchMain .signIn .signIfo em, .fileLog .signIfo em, .fileLog .signIfo .imgBox img{
		width: 1.65rem;
		height: 1.65rem;
		margin:0.4rem 0 0 0.2rem;
		background: #fff url(../images/peopleicon.png) no-repeat center center;
		background-size: 80%;
	}
	.fileLog .signIfo .imgBox img{margin-top: 0.5rem;}
	.searchMain .signIn span.plefont{
		display: block;
		font-size:14px;
		color: #333;
		float: left;
		line-height: 2.3rem;
		margin-left:0.05rem;
		width: 45px;
	}
	.headerMain .keyword{
		margin-left:0;
		/*height: 4rem;*/
		overflow: hidden;
	}
	.headerMain .keyword a{
		display: block;
		float: left;
		font-size: 12px;
		background: #fff;
	    margin:0 0 0.625rem 0.3rem;
		padding:0.2125rem 0.4rem;
		border-radius: 30px;
	}
	.headerMain .keyword .stable a{
		margin:0 0 0.625rem 0.2rem;
		/*color: #fff;*/
		color: #60a147;
		font-size: 14px;
	}
	.headerMain .keyword .others a{
		margin:7px 0 0.75em 0.3rem;
		font-size: 13px;
	}
	.headerMain .keymain{
		width: 100%;
	}
	.headerMain .keyword a span{
		font-size: 12px !important;
	}
	.container-fluid{
		width: auto !important;
		padding:0 15px;
	}
	.navbar-default{
		width: 100%;
		position: fixed;
		top:0;
		left: 0;
		z-index: 99999;
	}
	.navMain,
	.secondaryHead .secondNav{
		width: auto;
		height: auto;
		margin:0 auto;
	}
	.navMain li,.secondaryHead .secondNav li{
		width: 90%;
		height: auto;
		line-height: 50px;
		text-align: left;
		margin:0 auto;
		border-bottom: 1px solid #ccc;
		padding:0 15px;
	}
	.navMain li a,
	.secondaryHead .secondNav li a{
		display: inline-block;
		width: auto;
		text-align: auto;
		height: auto;
		line-height: 50px;
		padding:0;
		font-size: 14px;
		color: #282828;
	}
	.secondaryHead .secondNav li a{
		color: #777;
	}
	.secondaryHead .navbar-default .navbar-nav > .active > a, .secondaryHead .navbar-default .navbar-nav > .active > a:hover, .secondaryHead .navbar-default .navbar-nav > .active > a:focus{
		border:none;
	}
	.navMain li.active a,
	.secondaryHead .secondNav.active li a{
		background: none;
		color: #60a147;
		border-bottom: none;
	}
	.lectureContent .banner{margin-top: 8px;}
	.lectureContent .banner .item img{width: 100%;}
	.carousel-inner > .item{
		height: 120px;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img{height: 100%;width: 100%;}
	.carousel-control{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.carousel-arrow a.left {
	    left: 30px;
	    border-radius: inherit;
	    border: none;
	    font-size: 28px;
	    border-radius: 50%;
	  /*  background-image: none;*/
	}

	.carousel-arrow a.right {
	    right: 30px;
	    border-radius: inherit;
	    border: none;
	    font-size: 28px;
	    border-radius: 50%;
	}
	.educationCont{
		width: initial;
	}
	.educationCont .selLeft{
		padding:0.5rem 1rem;
	}
	.selectedDocument .selLeft,.selectedDocument .selRight,.vipzone .selLeft,.vipzone .selRight{height: auto;}
	.educationCont .pl0{
		padding-left: 15px;
	}
	.selLeft .selTitle{
		padding-bottom: 0.5rem;
	}
	.selLeft .selTitle .seltleft em{
		width: 1.3rem;
		height: 1.3rem;
		margin-right: 0.8rem;
	}
	.selLeft .selTitle .seltleft span {
	    font-size: 18px;
	    display: block;
	    float: left;
	    margin-top: 3px;
	}
	.selLeft .selTitle .seltright{
		margin-top: 0.3rem;
	}
	.seltright span{
		font-size: 14px;
	}
	.seltright em{
		width: 0.4rem;
		height: 0.9rem;
		margin-top: 0.3rem;
	}
	.selLeft ul.selList{
		margin-top: 1rem;
	}
	.selLeft ul.selList li,
	.midcontRight .bookslist li,
	.midcontRight .videoLists li,.midcontRight .audioLists li,
	.detailsConts .otherSaws ul li,
	.personalMid .videoLists li,
	.personalMid .audioLists li,
	.personalMid .bookslist li,
	.searchlistmain .videoLists li,
	.searchlistmain .audioLists li,
	.searchlistmain .bookslist li{
		width: 45% !important;
	/*	margin-bottom: 7%;
		margin-right: 2.5%;*/
		/*margin:0 2.5% 7% 2.5%;*/
		margin:0 2.5% 7% !important;
	}
	.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: 190px;
	}
	.selLeft ul.selList li a p{
		height: 40px;
	}
	.selLeft ul.selList li a p,
	.selLeft ul.selList li .readinfo span,
	.searchlistmain .bookslist .searAudio .contPic .audioInfo p{
		font-size: 14px;
	}
	.selLeft ul.selList li .readinfo s.integral{
		width: 90%;
		/*padding:0 10px 0 0;*/
		padding:5px 0 0 0;
		text-align: right;
		margin:0 !important;]
	}
	.educationCont .selRight{
		margin-top: 1rem;
	}
	.educationCont .p0{
		padding:0 15px;
	}
	.educationCont .selRight h2{
		font-size: 20px;
	}
	.specialZone .nav-tabs{
		padding:0 2%;
	}
	.specialZone .nav > li{
		/*margin-left: 9%;*/
	}
	.freeZone .sort em{font-size: 13px;}
	.educationCont .pl0{
		padding:0 15px;
	}
	.freeLists a{
		width: 96%;
	}
	.educationCont .uploader li{
		width: 45%;
		margin:0 10px 30px 0;
	}
	.footerMain{
		width: 100%;
	}
	.footerMain .footerCont .code{
		margin:40px 35% 0;
	}
	#toTop,
	#toTopHover{
		width: 36px;
		height: 36px;
	}
	.freeZone .sort{
		right: -35px;
		top:-15px;
	}
	.freeLists a:hover .anthologyInfo{
		display: none;
	}
	.specialZone .nav-tabs > li > a{font-size: 15px;}
	.signInBox .boxContent{
		width: 300px;
	    margin: -210px 0 0 -150px;
	}
	.signInBox .boxContent .boxLogo {
	    width: 100px;
	    height: 100px;
	    display: block;
	    text-align: center;
	    margin: -36px auto -20px;
	}
	.signInBox .boxContent .boxLogo img{
		width: 90%;
		margin-top: 12px;
	}
	.signInBox .boxContent .tabsignInfo{
		width: 92%;
	}
	.boxContent .tabsignInfo a.registerBtn, .boxContent .tabsignInfo a.loginBtn{width: 90%;}
	.boxContent .modeInfo{width: 220px;}
	.boxContent .modeInfo a {
	    display: block;
	    float: left;
	    margin: 0 12px 15px 0;
	}
    .boxContent .modeInfo a img{width: 72%;}
    .tabsignInfo .verCode input{width: 60%;}
    .boxContent .specialZone .nav-tabs > li > a{
    	font-size: 18px;
    }
    /*.boxContent .specialZone .nav-tabs > li:first-child{margin-left: 10%;}*/
    .selLeft ul.audioing li .contPic,
    .midcontRight .audioLists .contPic,
    /*.personalMid .audioLists .contPic,.searchlistmain .audioLists .contPic{height: auto !important;}*/
    ul.audioing .audioInfo em,.audioLists li .audioInfo em,
    .personalMid .audioLists li .audioInfo em,
	.searchlistmain .bookslist .searAudio .contPic .audioInfo em{
    	margin:10px auto 20px;
    	float: initial;
    }
    ul.audioing .audioInfo p,.audioLists li .audioInfo p,.searchlistmain .bookslist .searAudio .contPic .audioInfo p{
    	width: 100%;
    	text-align: center;
    }
    .selLeft ul.audioing li .audioInfo, .selLeft ul.audioing li .audioTime,.midcontRight .audioLists li .audioInfo,.midcontRight .audioLists li .audioTime,.personalMid .audioLists li .audioTime,
	.searchlistmain .bookslist .searAudio .audioTime{margin:0;}
    ul.audioing li .audioTime img,.audioLists li .audioTime img,.searchlistmain .bookslist .searAudio .audioTime img{width: 90% !important; height: 100% !important;margin:10px;}
    ul.audioing li .audioTime .times,
    .audioLists li .audioTime .times{
    	width: 100%;
	    text-align: center;
	    float: inherit;
	    margin: 0 auto 20px;
    }
    .freeMain .readinfo s.integral{margin-right: 5px !important;margin-left: 30px;}
    .loginAfter{
    	width: 300px;
    	left: initial;
    	right: 0;
    	top:35px;
    	background:url(../images/logbgm.png) no-repeat;
        background-size: 100%;
    }
    .fileLog .loginAfter{
    	width: 300px;
    	left: 10px;
    	right: inherit;
    	top:45px;
    	background:url(../images/logfilem.png) no-repeat;
        background-size: 100%;
    }
    .loginAfter .logTop{
    	margin:20px 25px 12px;
    }
    .loginAfter .logOpen{
    	margin:10px 25px -10px;
    }
    .loginAfter .logOperation a img{
    	width: 40px;
    	height: 40px;
    }
    .loginAfter .logOperation a em{font-size: 13px;}
    .navbar-toggle{margin-top: 20px;}
	/*首页  结束*/
	/*文档 开始*/

	.secondaryHead .navbar-brand{
       background-size: 70%;
       margin:10px 20px -10px !important;
	}
	.secondaryHead .form-group{
		width: 90%;
		margin:0 auto;
	}
	.secondaryHead .form-group .form-control,
	.secondaryHead .form-group .form-control:focus{
		width: 80%;
	}
	.navbar-form{border:none;}
	.secondaryHead .navbar-right{margin:20px;}
	.secondaryHead .secondLogin{margin:0 20px;}
	.secondBanner{
		height: auto;
		padding:0;
		margin-top: 85px;
	}
	.secondBanner .banner{
		width: 100% !important;
	}
	.secondBanner .carousel-indicators{
		width: 100%;
	}
	.navbar-collapse{overflow-x: hidden;}
	.secondMidCont{width: 100%;}
	.midcontLeft .leftClassing a,
	.percentClassing .percentlists a{
		width: 12%;
		border:none;
		text-align: center;
		height: auto;
		float: left;
		line-height: inherit;
	}
	.midcontLeft .leftClassing a{width: 25%;}
	.percentClassing .percentlists a{
		margin-top:10px;
		width:12%;
	}
	.midcontLeft .leftClassing, .midcontLeft .personing{
		height: auto;
		overflow: hidden;
		padding-bottom: 10px;
	}
	.secondMidCont .leftClassing,
	.secondMidCont .percentClassing{
		width: 100%;
		height: auto;
		overflow-x: scroll;
		position: relative;
	}
	.percentClassing{padding:0 0 10px 0 !important;}
	.leftClassing::-webkit-scrollbar,
	.percentClassing::-webkit-scrollbar{   /*滚动条基本样式，高度*/
		width:0px;height:0px;
	}
	.leftClassing::-webkit-scrollbar-thumb,
	.percentClassing::-webkit-scrollbar-thumb {/*滚动条上层颜色*/
	            border-radius: 5px;
	            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.0);
	            background: rgba(0,0,0,0.2);
	        }
	.overflowX::-webkit-scrollbar-track {/*滚动条底层颜色*/
	            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.0);
	            border-radius: 0;
	            background: rgba(0,0,0,0.0);
    }

	.midcontLeft .leftclist,
	.percentClassing .percentlists {
		width: 200%;
	    box-sizing: border-box;
	}
	.midcontLeft .leftclist{
		width: 100%;
	}
	.midcontLeft .leftClassing a span,
	.percentClassing .percentlists a span{
		font-size: 15px;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.midcontLeft .leftClassing a em,
	.midcontLeft .leftClassing a.Cur em,
	.percentClassing .percentlists a em,
	.percentClassing .percentlists a.Cur em{
		margin:10px auto 5px !important;
		display: inline-block !important;
		float: none !important;
	}
	.percentClassing .percentlists a em,
	.percentClassing .percentlists a.Cur em{
		margin:3px auto 0 !important;
	}
	.midcontLeft .leftClassing a:first-child em{
		margin-top: 6px !important;
	}
	.secondMidCont .midcontLeft{margin:0 10px;}
	.secondMidCont .nameUploader{margin:-20px 10px 25px;}
    .midcontLeft .personing .personTitle{
    	font-size: 18px;
    	height: auto;
    	padding:15px 20px;
    }
    .midcontLeft .personing{margin-top: 10px;width: 100%; margin:0 auto; position: inherit; top:inherit; left: inherit}
	.midcontLeft .personing ul li span{width: 160px;}
    .midcontLeft .personing ul li{margin-top: 10px;}
    .specialZone .nav-tabs > li > a, .midcontRight .swichTab .nav li a,
    .personalMid .swichTab .nav > li a{
    	font-size: 16px;
    	padding:15px 0;
    }
	.midcontRight .swichTab .nav li a{font-size: 14px;}
    .midcontRight .swichTab .nav > li,
    .personalMid .swichTab .nav > li{
    	margin-right: auto;
    	width: 20%;
    	text-align: center;
    }
    .secondMidCont .midcontRight{
    	margin:15px 10px 15px 25px;
		min-height: inherit;
    }
    .midcontRight .swichTab .nav-tabs{
       padding:0;
       width: 100%;
       margin-bottom: 20px;
    }
    .midcontRight .swichTab .articleList li{
    	margin:0 0 25px;
    }
    .midcontRight .swichTab .articlePic{
    	margin:0 12px 0 13px;
    }
    .midcontRight .swichTab .articleList .articleRight{
    	width: 65%;
    }
    .articleRight .dynamic .dynInfo{margin:12px 10px 0 0;}
    .dynamic .dynInfo span{margin-right: 10px;}
    .pagination > li > a, .pagination > li > span{padding:3px 7px;margin-right: 5px;}
	.headerMain .searchInfo .dropDown{margin:7px 5px 0 10px;font-size: 15px;}
    /*文档 结束*/
    /*文档详情 开始*/
    .detailsConts .articleDetleft .detailValidity{
    	width: 90%;
    	margin:20px;
    }
    .detailsConts{
    	width: 94%;
    	padding-top: 65px;
    }
    .detailsConts .articleDetleft h3{
    	line-height: 36px;
    }
    .detailsConts .articleDetleft .tagging em{
    	margin:0 6px 5px;
    }
    .articleDetleft .textbox p{margin-top: 20px;}
    .articleDetleft .behavior .behavinfo{
    	padding:7px 0 10px 25px;
    }
    .behavior .dowload{
    	margin:15px 30px 0 40px;
		float: left;
    }
    .commentMain .conmmentTitle,.detailsConts .detailedIntroduction .introductionTitle{
    	width: 90%;
    	font-size: 20px;
    	margin:20px 0 10px 20px;
    	padding-bottom: 15px;
    }
	.detailsConts .detailedIntroduction .introductionMains{
		width: 90%;
	}
    .commentMain .publishing{margin:0;width: 100%;}
    .commentMain .publishing .publistleft{
    	width: 38px;
    	height: 38px;
    	margin-right: 15px;
    	margin-top: 5px;
    }
    .publishing .publistRight .pushfont{width: 95%;}
    .publistRight .pushfont .textarea-item{width: 100%;margin:10px;}
    .commentMain .commentdetaing{margin:10px; width: 92%;}
    .commentMain .commentdetaing li .commentSpecif{width: 80%;}
    .commentMain .commentdetaing li .commentspemil{width: 70%;}
    .commentMain .commentdetaing li .commentspemil .speciflun{margin: 0px;}
    .detailsConts .pl0{padding-left: 15px;}
    .commentMain .publishing .publistRight{width: 75%;}
    .commentdetaing .othersReply textarea{width: 93%;}
    .commentSpecif .specifoper .songive{margin:0 10px 0 15px;}
    .commentSpecif .specifoper .speciflun{margin:0;}
    /*文档详情 结束*/
    /*图书详情 开始*/
    .detailsConts .booksdetLeft{padding:20px;}
    .booksdetLeft .booksIntroduce .introduceImg{
    	width: 100px;
    	height: 160px;
    	margin-right: 10px;
    }
    .booksIntroduce .introduceright{
    	width: 100%;
    }
    .introduceright .introdinfo li{margin-bottom: 10px;margin-right: 10px;}
    .introduceright .introdinfo li:last-child{margin-right: 0;}
    .booksIntroduce .introdOpera em{margin:0 10px 5px;}

    /*图书详情 结束*/
    .detailsConts .otherSaws ul{margin:25px 0;}
    .otherSaws ul li .sawimg{width: 100%;}
    /*.otherSaws ul li p{width: 180px;}*/
    .selLeft ul.vipSelLeft li .contPic,
    .selLeft ul.freeBook li .contPic,
    .selLeft ul.freeVideo li .contPic,
    .selLeft ul.videoing li .contPic,
    .midcontRight .videoLists li a .contPic,
    .otherSaws ul li .sawimg,
	.searchlistmain .bookslist .searVideos .contPic{
    	/*height: 100%;*/
    }
	.selLeft ul.videoing li .contPic,.selLeft .freeZone .freeVideo .contPic{height: 110px;}
	.selLeft ul.audioing li .contPic{height: 145px; margin-bottom: 2px;}
	.midcontRight .audioLists .contPic{height: 150px;}
	.videoLists .readinfo .integtimes, .audioLists .readinfo .integtimes{margin-top: 5px;}
	.transExhibition span.integ,.booksClassify span.integ, .videoLists .readinfo .integ, .audioLists .readinfo .integ{font-size: 13px;}
	.videoLists .readheight{height: 22px;}
    .midcontRight .bookslist li .booksimg,
    .personalMid .bookslist li .booksimg,
    .searchlistmain .bookslist li .booksimg{
     	height: 220px;
     	width: 158px;
    }
	.midcontRight .bookslist li .booksimg{width: auto !important;}
    .searchlistmain .searresult{margin:20px;}
    .swichTab .nestTab,.personalMid .swichTab .nestTab{width:300px;margin: 20px auto 10px;}
	.swichTab .nestTab{
		width: 100%;text-align: center;
	}
    .swichTab .nestTab li{margin-right: 12px;}
    .swichTab .nestInside ul.nav,.personalMid .swichTab .nestInside ul.nav{width: 60%;}
    .swichTab .nestInside ul.nav li,.personalMid .swichTab .nestInside ul.nav li{margin-right: 17%;}
    .midcontRight .bookslist li p,.personalMid .bookslist li p,.searchlistmain .bookslist li p{width: 100%;}
    .secondMidCont .centername{margin:-35px 10px 20px;}
    .alrlog{padding-left: 15px;}
    .essentialInfor ul.basicMains{width:100%;}
    .essentialInfor ul.basicMains li label{width: 70px;margin-right: 30px;}
    .myPointsTop .pointLeft .poinlefttop{padding:25px 25px 10px 18px;}
    .pointLeft .poinlefttop em{margin-right: 20px;}
    .essentialInfor ul.basicMains li input.inbox,.essentialInfor ul.basicMains .pushfont,.chanpdetInfo input{width: 65%;}
    .chanpdetInfo input{float: left; margin-top:5px;}
    .freeMain .readinfo span, .freeMain .readinfo p, .videoLists .readinfo p, .audioLists .readinfo p{font-size: 13px;}
    /*.booksClassify span.integ, .videoLists .readinfo .integ, .audioLists .readinfo .integ{font-size: 13px;}*/
    /*.dynamic .dynInfo .dythree, .booksClassify .dythree, .videoLists li .dythree, .audioLists li .dythree{margin-right: 0;}*/
    .myfansMain .fanscont li{width: 33.3%;}
    .swichTab .collectionNav li{margin-right: 22px !important;}
    .swichTab .collectionNav li:last-child{margin-right: 0 !important;}
	.videoFreque{width: 90%;height: 290px;margin:0 auto;overflow: hidden;position: relative;}
	.videoFreque .openMember{width: 100%;height: 300px;background: rgb(0,0,0,1);position: absolute;top:20px;left:0;}
	.videoFreque .openMember .openMemberMain{width: 280px;height: 176px;background: #242424;margin:45px auto 0;}
	.videoFreque .openMember .openMemberMain h6 strong{width: 280px;margin: 20px auto 0;padding-bottom: 20px;}
	.openMember .openMemberMain .opensBtns .opening{width: 200px;margin: 20px auto;}
    .videoFreque video{width: 100%; height: auto;}
    .articleDetleft .musicPlayer{width: 90%;}
    .personalContent{padding-top: 92px;}
    .personalContent .permidtop{
    	width: 100%;
    }
    .personalContent .permidtop .pertopPic{width: 90px; height: 90px;}
    .personalContent .personaltop{height: 120px;}
    .personalContent .permidtop .pertopinfo{width: 16%;margin-left: 1%;}
    .personalContent .permidtop .pertopinfo:first-child{margin-left: 2%;}
    .permidtop .pertopinfo span{font-size: 16px;}
    .personalContent .personalMid{margin:-20px auto;}
    .personalContent .permidtop{margin-top: -70px;}
    .personalContent .personalMid,.personalContent .searchlistmain{width: 96%;}
    .personalContent .personalMid .pername{padding-top: 70px;}

    .uploadFileMain{width: 90%;margin:0 auto;overflow: hidden; padding-top: 80px;}
    .uploadFileMain .fileInfocont{width: 100% !important;}
    .selectCategories .goriesDrop{margin:14px 0;}
    .selectCategories .goriesDrop li{width: 42%;margin-left: 15px;}
    .selectCategories .goriesDrop li a{width:100%; }
    .uploadpos{margin:5% 12%;}
    .goriesDrop .dropSecond{width: 158px;margin:0 0 0 -77px; height: 100px;top:135px;}
    .goriesDrop .dropSecond span{float: left; margin:15px 10px 10px 5px; font-size: 16px;}
    .ycupload-mainbox .uploatand{width: 100% !important; margin-top: 30px !important}
	.el-upload-dragger{width:250px !important;}
    .cliuplod{margin:0 !important;}
	.cliuplod p{line-height: 20px !important;}
	.uploadInputing .upinput,.uploadInputing .uptext{width: 100%;}
	.detailsConts .articleDetleft .tagging{width: 90%;margin:0 20px}
	.layui-form-item .layui-input-inline{
		margin:0 0 0 5px;
	}
	.layui-input, .layui-select, .layui-textarea{
		margin:3px 0 0 0;
	}
	.searlayui{
		margin:8px 0 0 0;
	}
	.layui-form-item{width: auto;margin-bottom: 0;}
	.layui-form-item .layui-input-inline{
		width: 60px;
		font-size: 14px;
	}
	.bookslist .removes{bottom:6px;}
	.detailsConts .articleDetleft .textbox{width: 92%; margin:0 auto; float:none;height: 500px;}
	.layui-form-select .layui-input{padding-right: 0;}
	.ySearchSelect ul{top:-5px;}
	.searchlistmain .searchlistInfo input{width:62%;margin:0.1rem 0 0 0.9rem;}
	.searchlistmain .searchlistInfo em{margin:0.875rem 1rem 0 0;}
	.fileArchive .swichTab .nestTab li{margin-right: 10px;
		font-size: 16px;
		display: inline-block;
		text-align: center;
		float: inherit !important;}
	.fileArchive .swichTab .nestTab li:last-child{margin-right: 0;}
	/*.fileArchive .swichTab .nestTab{width: 330px;}*/
	.fileArchive .swichTab .nestInside ul.nav a{font-size: 14px;}
	.fileArchive .swichTab .nestInside ul.nav{width:70%;margin:-5px 0 10px 0;}
	.fileArchive .swichTab .nestInside ul.nav li{margin-right: auto;}
	.helpCenterMain{width: 94%;padding-top:80px;}
	.helpCenterMain .helpcenRight{margin:15px 0px 15px 15px}
	.booksClassify span.integ{margin-right: 50px;}
	.selLeft ul.selList li span.authoring{font-size: 14px;}
	.myfansMain .fanscont li span{height: 45px; font-size: 18px;}
	.bookslist .removes:first-child{right: 80px !important;}
	.swichTab .form-group{width: 95%;margin-left:10px;}
	.swichTab .form-group .form-control,.swichTab .form-group .form-control:focus{width: 80%;}
	.othersSaw .sawlist a span{width: 80%;}
	.publishing div:first-child{margin:0 10px 10px;}
	.introdinfo{margin:20px 20px 0;}
	.uploadnameMain .nafor h4{width: 90%;}
	.scorse{width: 100%;margin-top: 5px;float: left;}
	.behavinfo .forwardBox{margin-left: -85px;}
	.transExhibition table tr th{font-size: 14px !important;padding:5px 0;}
	.purchaseDetails .purchaseInfo{font-size: 13px;	word-break: break-all; margin:10px 6px;}
	.transExhibition .booksimg{width: 65px; height: 90px;margin:15px 10px; padding:6px;}
	.transExhibition .trantitle,.transExhibition table tr td p{font-size: 14px;}
	.transExhibition .removes:last-child{margin-top: 10px;}
	.transExhibition .pelcick{font-size: 13px;}
	.transExhibition .contPic{margin:15px 10px; width: 70px; height: 65px;}
	.transExhibition .contPic em.play{width: 40px; height: 40px;}
	.muscontpic{height: 100px !important;}
	.agreementIng .boxContent{width: 350px;border-radius: 3px; height: 500px; margin:-200px 0 0 -175px;overflow: hidden;}
	.midcontRight .bookslist li p{height: 46px;}
	.audioLists .readinfo span{margin-right: 6px;}
	.settleIn .selLeft{width: auto; margin-right: auto;}
	.settleIn .selRight{width: auto; margin:1.3rem 0 0 0 !important;padding:0.5rem 1rem;}
	.settleIn .lncluded{margin: 1rem 0 0 0 !important;}
	.settleIn .selLeft .setinTitle, .settleIn .selRight .setinTitle{margin:10px 0px;width: 100%;}
	.settleIn .selLeft .setinTitle h4, .settleIn .selRight .setinTitle h4{font-size: 18px;margin:2px 30px 0 0; width: 60%;}
	.settleIn .selLeft .setinTitle em.setticon, .settleIn .selRight .setinTitle em.setticon{margin:1px 8px 0 0;}
	.settleIn .selLeft .setinTitle span.authes, .settleIn .selRight .setinTitle span.authes{display: block;margin:12px 0 0 0px;}
	.settleIn .selLeft .setinTitle a.iwant, .settleIn .selRight .setinTitle a.iwant{margin: 12px 0 0 30px;}
	.settleIn .selLeft ul, .settleIn .selRight ul{margin:20px 0 0 15px;}
	.situationInfo ul{width: 85%;}
	.setinTitle .seltright{margin:-20px -10px 0 0;}
	.selLeft ul.selList li span.authoring{margin:0 0 -10px 0;}
	.helpcenRight .aboutUs .aboutCont .business li{width: 96%;}
	.aboutUs .aboutCont .business li .cooperationRight{width: 63%;}
	.aboutUs .aboutCont .business li .cooperationLeft{width: 90px;height: 90px;}
	.business li .cooperationRight span{font-size: 14px; margin:0 0 5px 0;}
	.selLeft .selTitle .seltleft em.free{width: 1.6rem; height: 1.3rem;}
	embed{width: 100% !important; height: 100% !important;}
	.signInBox .boxContent .tabsignInfo{margin:15px auto;}
	.tabsignInfo .verCode span img{margin:-15px -10px 0 0;}
	.boxContent .tabsignInfo a.registerBtn, .boxContent .tabsignInfo a.loginBtn{margin:40px auto 10px;}
	.pointsDetails .table tr th:first-child{padding-left:20px;}
	.pointsDetails .table tr th{padding:10px;}
	.essentialInfor ul.basicMains li p{width: 230px !important;margin-right: 10px;}
	.midcontRight .setexperList ul.setlistmain{margin-left: 0;}
	.midcontRight .setexperList ul.setlistmain li{width: 88% !important;margin: 0 auto 17px;float: initial;}
	.midcontRight .setexperList ul.setlistmain li:nth-child(3n+3) {margin:0 auto 17px;}
	.midcontRight .setexperList ul.setlistmain li .listRight{width: 160px;}
	.midcontRight .setexperList ul.setlistmain li .listRight span,.midcontRight .setexperList ul li .listRight p{width: 157px !important;}
	.situationInfo ul li{width: 100%;}
	.midcontRight .setMechList ul.setlistmain li .listRight p, .midcontRight .setMechList ul li .listRight span{width: 100%;}
	.topcontainer{padding-left: 7px; padding-right: 7px;}
	.pointLeft .poinlefttop span{font-size: 18px;}
	.pointLeft .poinlefttop em{font-size: 32px;}
	.footerMain .supplement p, .footerMain .supplement a,.visitsIng{margin-right: 0; display: block; margin-bottom: 5px;}
	.visitsIng span{margin-right: 15px; margin-bottom: 10px;}
	.visitsIng span:last-child{margin-right: 0;}
	.settleIn .selLeft ul li .seliRit, .settleIn .selRight ul li .seliRit{width: 155px;}
	.searchlistmain .bookslist li{overflow: unset; margin-bottom: 4% !important;}
	/*.searchlistmain .bookslist li .booksimg{width: auto; height: auto;}*/
	.searchlistmain .bookslist .searAudio .contPic{width: auto;height: auto;}
	.searchlistmain .bookslist .searAudio .contPic .audioInfo{margin: 0;}
	.searchlistmain .bookslist .searAudio .readinfo p,.searchlistmain .bookslist .searAudio .readinfo span,.searchlistmain .bookslist .searVideos .readinfo p,.searchlistmain .bookslist .searVideos .readinfo span{font-size: 13px;}
	.searchlistmain .bookslist .searVideos .vidTitle,.selLeft ul.freeVideo li .vidTitle, .videoLists .vidTitle, .bookslist .searVideos .vidTitle, .bookslist .searAudio .vidTitle,.midcontRight .bookslist li p, .personalMid .bookslist li p, .searchlistmain .bookslist li p,ul.audioing .audioInfo p, .audioLists li .audioInfo p, .searchlistmain .bookslist .searAudio .contPic .audioInfo p{font-size: 14px; height: 40px;min-height: 40px;}
	.tab-content .videoLists .contPic{height: 120px !important;}
	.secondBanner{margin-bottom: 25px;}
	.paymentMain{width: 100%;}
	.paymentMain .paymentInfo{padding:15px;}
	.paymentMain .paymentInfo .payTitle span{font-size: 20px;}
	.paymentMain .paymentInfo .payTitle em{width: 5px; height: 20px; margin-right: 10px;}
	.paymentInfo .vipPrivilege li{width: 47%; height: 175px; margin:20px 5% 0 0;}
	.paymentInfo .vipPrivilege li:nth-child(2){margin-right: 0;}
	.paymentInfo .vipPrivilege li .payone{width: 60px; height: 51px;margin:25px 0 15px 0;}
	.paymentInfo .vipPrivilege li p{font-size: 18px;}
	.paymentInfo .vipPrivilege li span{font-size: 14px;}
	.paymentInfo .vipPrivilege li .paytwo{margin:25px 0 15px 0;width: 71px; height: 51px;}
	.paymentInfo .vipPrivilege li p{margin-bottom: 5px;}
	.paymentInfo .vipPrivilege li .paythree{width: 51px; height: 51px;margin:25px 0 15px 0;}
	.paymentInfo .vipPrivilege li .payfour{width:49px; height: 51px;margin:25px 0 15px 0;}
	.paymentInfo .chooseMoney li{margin:0 auto 15px;}
	.paymentInfo .chooseMoney, .paymentInf .payoption{width: 270px;margin:0 auto 60px;}
	.paymentInfo .chooseMoney li{height: 132px;}
	.paymentInfo .chooseMoney li p{font-size: 20px;margin: 15px 0 5px 0;}
	.paymentInfo .chooseMoney li span{font-size: 24px;}
	.paymentInfo .payoption li{
		width: 142px;
		height: 77px;
		margin:0 10px 0 0;
	}
	.paymentInfo .payoption li:last-child{margin:0;}
	.paymentInfo h3{margin:20px 0;}
	.paymentInfo .chooseMoney, .paymentInf .payoption{margin:0 auto 30px;}
	.paymentInfo .chooseMoney, .paymentInf .payoption,.paymentInfo .chooseMoney li{width: 100%;}
	.paymentMain .topays{margin:40px auto;float: none;}
	.paymentMain .topays .topayBtn{width: 190px; height: 52px; line-height: 52px; display: inline-block; font-size: 20px;}
	/*.paymentMain .topays .agr{display: block;}*/
	.paymentInfo .sweepCode{width: 300px}
	.helpcenRight .newsListmain{margin:30px 15px;}
	.helpcenRight .newsListmain ul li a p{max-width: 80%;}
	.helpcenRight .newsListmain ul li a span{ margin:5px 0 0 20px;}
	.helpcenRight .newsListmain ul li a i{margin:3px 0 0 3px;}
	.newsListmain .timeReads{height: auto; overflow: hidden; width: 100%; float: left}
	.newsListmain .readsing{margin-top: 7px;float: right;}
    .layui-layer-rim{width: 260px !important;
		height: 280px !important;
		top: 50% !important;
		left: 50% !important;
		margin: -140px 0 0 -130px !important;}
	.layui-layer-rim p{margin:15px 10px;}
	/*.bannerAnother .carousel-indicators{width: 30%;}*/
	/*.bannerAnother .carousel-indicators{margin-right: -15%;}*/
	.bannerAnother .carousel-control.left,.banner .carousel-control.right{font-size: 32px;}
	.paymentMain .topays .agreeMet{width:100%;display: block;height: auto;overflow: hidden;text-align: center;}
	.myMeagess .meagessList li p{line-height: 26px;}
	.paymentInfo .progressInfo{
		text-align: center;
		margin:30% auto;
	}
	.paymentInfo .progressInfo img{
		width: 90px;
		height: 90px;
	}
	.paymentInfo .progressInfo p{
		font-size: 16px;
		text-align: center;
		margin-top: 20px;
	}
	.paymentInfo .progressInfo .correct{
		font-size: 14px;
		color:#333;
		margin-top: 10px;
	}
	.paymentInfo .progressInfo .correct input{
		color:red;
		border:none;
	}
	.paymentInfo .aspect img{
		width: 150px;
		height: 150px;
	}
	.paymentInfo .aspect p{margin-top: -10px;}
	/*.videoLists .readinfo .integ, .audioLists .readinfo .integ{margin-top: 5px;}*/
	.nestInside .verticalLine, .el-menu.el-menu--horizontal .verticalLine{margin-left:13px;margin-top: 18px; height:16px;width: 3px;}
	.el-menu.el-menu--horizontal{margin:-22px 0 10px 0px;}
	.el-menu.el-menu--horizontal .verticalLine{margin-top: 22px;}
	.nestInside .fisort {float: left;font-size: 14px;margin: 15px 0px 0 10px;}
	.el-menu.el-menu--horizontal .fisort {float: left;margin: 20px -5px 0 10px;}
	.audioLists .deliberately p{width: 80px;}
	.audioLists .deliberately{height: 40px;}
    .uploatant{width: 90% !important; height:auto !important;}
	#clipArea{height: 350px !important;}
	.forgetPassword{width: 290px;padding:50px 0 60px 0;}
	.forgetPassword .forgetInfo input,.forgetPassword .resetBtn{width: 290px;}
	.forgetPassword .verificationCode input{width: 150px;}
	.paymentBox .paymentContents{width: 300px;margin-left: -150px;}
	.personalMid .swichTab .particular{margin:5px auto 10px;}
	.personalMid .swichTab .particular ul{margin:0 !important; height: auto; width: 100%;}
	.personalMid .swichTab .particular li{height: 40px; line-height: 40px;margin-right: 5px; font-size: 15px;}
	.personalMid .swichTab .particular .el-menu.el-menu--horizontal .fisort {
		margin: 15px -5px 0 15px;
		font-size: 15px;
	}
	.personalMid .swichTab .particular .el-menu.el-menu--horizontal .verticalLine {
		margin: 17px 0 0 15px;
	}
	.situationInfo ul li:first-child{width: 100%;}
	.settleIn .periodical{height: auto;}
	.goriesDrop .dropSecond{
		width: 120px;
		margin: 0 0 0 -65px;
		height: 180px;
		top: 135px;
	}
	.goriesDrop .dropSecond span{
		margin:20px 0 0 25px;
	}
	.original em{margin:27px 8px 0 0;}
	.memoirIng{
		letter-spacing:normal !important;
	}
	.especiallyList{
		width: 150% !important;
	}
	.especiallyList a{
		width: 17.5% !important;
	}
	.midcontRight .setexperList ul.memoirlistMain li:nth-child(4n){
		margin:0 auto 17px;
	}
	.uploadInputing .uptext .textarea-item{
		width: 90%;
	}
	.uploadInputing .detailedUptext{
		margin-bottom: 140px;
	}
	.collectedWorks .settleIn .selLeft .setinTitle em.includedIcon{
		background: url("../images/includedIcon.png") no-repeat;
		background-size: 90%;
		margin: 0px 11px 0 0;
	}
	.collectedWorks .setinTitle .seltright {
		margin: 0.3rem -10px 0 0;
	}
	.collectedWorks .selLeft .includedMains{
		margin:10px 0 30px 0;
	}
	.collectedWorks .selLeft .includedMains li{
		width: 100%;
		margin-bottom: 4%;
	}
	.collectedWorks .selLeft .includedMains .includedTitle{
		text-align: center;
		margin-top: 3%;
	}
	.midcontRight .anthologyLists li{
		width: 45% !important;
		margin: 0 2.5% 7% !important;
	}
	.midcontRight .anthologyLists li .includedPic{
		height: 120px;
	}
}
/*兼容ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)  {
  .navMain,.container-fluid{width: 100%;}
  .educationCont{width:970px;}
  .specialZone .nav > li{margin-left: 12%;}
  .educationCont .uploader li{margin-right: 25px;}
  .freeLists a{margin-right: 10px;}
  .midcontRight .swichTab .articleList .articleRight{width: 83%;}
  .secondMidCont{width:1000px;}
  .secondBanner .banner{width: 100% !important;}
  .secondaryHead .form-group{width: 360px;}
  .secondaryHead .form-group .form-control{width: 320px;}
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
  	margin-left: 10px !important;
  }
  .navbar-right{margin-right: 10px !important;}
  .detailsConts{width: 98%;}
}
.alignment{height:auto;min-height: 500px;}


/*兼容苹果5*/
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
	/*.specialZone .nav > li{margin-left: 7%;}*/
	.midcontLeft .leftClassing a span{font-size:14px;}
	.midcontRight .swichTab .articleList .articleRight{width: 60%;}
	.articleDetleft .behavior .behavinfo{
    	padding:7px 0 0 25px;
    }
	.booksClassify span.freeadm{margin-right: 25px;}
	.searchMain .signIn span.plefont{width: 40px;}
    .swichTab .nestTab{width:100%;}
    .swichTab .nestTab li{margin-right: 25px;}
    .essentialInfor ul.basicMains li label{margin-right: 20px;}
    .swichTab .collectionNav li{margin-right: 18px !important;}
    .uploadpos{margin:5% 10%;}
    .ycupload-mainbox .uploatand{width: 100% !important; margin-top: 0px !important}
	.el-upload-dragger{width: 200px !Important; }
	#view{width: 190px !Important;}
	.headerMain .searchInfo .dropDown {
		margin: 7px 0 0 10px;
		font-size: 14px;
	}
	.headerMain .searchInfo input{width: 45%;margin:0.06rem 0 0 0.2rem;}
	.searchlistmain .searchlistInfo input{    width: 58%;
		margin: 0.1rem 0 0 0.6rem;}
	.midcontRight .bookslist li .booksimg, .personalMid .bookslist li .booksimg, .searchlistmain .bookslist li .booksimg {
		height: 200px;
		width: 135px;
	}
	.specialZone .nav > li{margin-left: 8%;}
	.fileArchive .swichTab .nestTab li {
		margin-right: 8px;
		font-size: 14px;
	}
	.personalContent .permidtop .pertopPic{width: 80px; height: 80px;}
	.essentialInfor ul.basicMains li p{width: 200px !important;}
	.agreementIng .boxContent{width: 300px;margin:-180px 0 0 -150px; height: 420px;}
	.agreementIng .boxContent .specCont{height: 460px;}
	.midcontRight .setexperList ul li .listRight{width: 116px;}
	.midcontRight .setexperList ul li .listRight span,.midcontRight .setexperList ul li .listRight p{width: 113px;}
	.midcontLeft .personing ul li span{width: 150px;}
    .topcontainer{padding-left: 7px; padding-right: 7px;}
	.myPointsTop .pointLeft .poinlefttop{    padding: 25px 15px 10px 10px;}
	.midcontRight .setexperList ul.setlistmain li .listleft{margin: 12px 0 10px 18px;}
	.midcontRight .setexperList ul.setlistmain li .listRight{width: 130px;}
	.midcontRight .setexperList ul.setlistmain li .listRight span, .midcontRight .setexperList ul li .listRight p{
		width: 120px !important;
	}
	.headerMain .keyword .stable a{font-size: 13px;}
	.headerMain .keyword .others a{font-size: 12px;}
	.paymentInfo .sweepCode{width:auto;}
	.helpcenRight .newsListmain ul li a p{max-width: 70%;}
	.chanpdetInfo label{margin:8px 10px 0 0;}
	.fileArchive .swichTab .nestInside ul.nav{width: 65%;}
	.forgetPassword{width: 270px;padding:50px 0 60px 0;}
	.forgetPassword .forgetInfo input,.forgetPassword .resetBtn{width: 270px;}
	.forgetPassword .verificationCode input{width: 130px;}
	.articleDetleft .behavior .behavinfo{
		padding:7px 0 10px 15px;
	}
	.uploader li .author em{
		margin:0 0 0 0;
	}
	.signInBox .boxContent{
		margin: -180px 0 0 -150px;
	}
	.uploadInputing .uptext .textarea-item{
		width: 85%;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
	/*iPhone 6 Portrait*/
	/*.specialZone .nav > li{margin-left: 11%;}*/
}