@charset "utf-8";
@font-face {
    font-family: Montserrat; /*这里是说明调用来的字体名字*/
    src: url('../font/Montserrat Semi Bold.otf'); /*这里是字体文件路径*/
}
@font-face {
    font-family: Montserrat-Light; /*这里是说明调用来的字体名字*/
    src: url('../font/Montserrat-Light.otf'); /*这里是字体文件路径*/
}
@font-face {
    font-family: Source Han Sans CN; /*这里是说明调用来的字体名字*/
    src: url('../font/SourceHanSansCN-Bold.otf'); /*这里是字体文件路径*/
}
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
        url('iconfont.woff2') format('woff2'),
        url('iconfont.woff') format('woff'),
        url('iconfont.ttf') format('truetype'),
        url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.left-lit-title a:hover{
    color:rgba(51,51,51,1);
}
.folder-title a:hover{
    color:#1E6AF1;
}

.one-div a:hover{
    color:#1E6AF1;
}
.content-div{
    margin-top: 120px;
}
.left-div{
    width: 17.8333333%;
}
.right-div{
    width: 48.8333333%;
    margin-bottom: 6em;
}
.left-big-title{
    font-size:36px;
    font-family:Microsoft YaHei UI;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.left-lit-title{
    font-size:16px;
    font-family:Microsoft YaHei UI;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:42px;
    border-left: 2px solid rgba(0,0,0,1);  
    margin-top: 3em;
}
.left-lit-title a{
    color:rgba(51,51,51,1);
}
.left-lit-title div{
    padding-left: 25px;
}
.left-lit-title-hover{  
    border-left: 3px solid rgba(30,106,241,1);
}
.left-lit-title-hover a{
    color:rgba(30,106,241,1) !important;
}
.right-big-title{
    font-size:24px;
    font-family:Microsoft YaHei UI;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.big-title-line{
    height:2px;
    background:rgba(27,27,27,1);
    margin-left: 10px;
    width: 100%;
    margin-top: 18px;
}
.right-lit-title{
    font-size:20px;
    font-family:Microsoft YaHei UI;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.lit-title-line{
    height:1px;
    background:rgba(210,210,210,1);
    margin-left: 115px;
    width: 100%;
    margin-top: -18px;
}
.lit-title-iconfont{
    font-size: 12px;
}
.all-lit-titlt{
    margin-top: 1.5em;
    margin-bottom: 1.2em;
}
.all-big-title{
    margin-top: 1.5em;
	flex-wrap: nowrap !important;
}
.div-two-line{
    margin-left: 55px;
}
.folder-title a{
    font-size:16px;
    font-family:Montserrat;
    font-weight:normal;
    color:rgba(51,51,51,1);
}
.top-title{
    margin-left: -20px;
}
.top-iconfont{
    font-size: 25px;
    margin-top: -6px;
    margin-left: -8px;
}
.catalog-iconfont{
    font-size: 12px;
    margin-top: 4px;
    margin-left: 6px;
}
.folder-div{
    margin-bottom: 15px;
}
.top-div{
    margin-top: 1.5em;
    position: relative;
}
.catalog-title{
    font-size:16px;
    font-family:Montserrat-Light;
    font-weight:300;
    color:rgba(51,51,51,1);
}
.one-div,.two-div,.thr-div,.four-div{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.one-div a{
    font-size:16px;
    font-family:Montserrat;
    font-weight:normal;
    color:rgba(51,51,51,1);
    margin-left: -10px;
    word-break:break-all;
}
.two-div,.thr-div,.four-div{
    font-size:16px;
    font-family:Montserrat-Light;
    font-weight:300;
    color:rgba(102,102,102,1);
}
.tab-div{
    margin-bottom: 10px;
}
.tab-div a{
    cursor: pointer;
}
.download-iconfont,.agree-iconfont{
    color:rgba(51,51,51,1);
    font-weight: bold;
	cursor: pointer;
	font-size: 14px;
}
#des{
	float: right;
}
#des:hover{
	cursor: pointer;
}
#des-content{
	display: none;
}
.txt-title{
    font-size:16px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    color:rgba(51,51,51,1);
    margin-top: 35px;
}
.txt-content{
    background:rgba(248,248,248,1);
    border:1px solid rgba(210,210,210,1);
    border-radius:5px;
    margin-bottom: 6em;
    padding: 40px;
}
.lit-txt-title{
    font-size:16px;
    font-family:Microsoft YaHei UI;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.lit-txt-content{
    font-size:16px;
    font-family:Microsoft YaHei UI;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:24px;
}
.eye-div{
    position: absolute;
    right: 0px;
}
.eye-name{
    font-size:14px;
    font-family:Microsoft YaHei UI;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.eye-num{
    font-size:13px;
    font-family:Verdana;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.comment-num{
    font-size:13px;
    font-family:Verdana;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-left: 6px;
}
.div-thr-line{
    margin-left: 122px;
}

.avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 24px;
	font-family: Verdana, Microsoft YaHei UI;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
	background-size: cover !important;
}

.avatar-div {
	float: left;
}

.comment-div {
	margin-left: 70px;
}

.like-now {
	color: #1296db !important;
}

.reponse {
	display: flex;
	margin-top: 20px;
}

.reply-icon {
	line-height: 50px;
	margin-right: 10px;
}

.comment {
	margin-left: 20px;
	width: 100%;
}

.username {
	color: #333333;
	font-size: 16px;
	font-family: Gotham Rounded;
	font-weight: normal;
}

.time {
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 300;
	color: rgba(153, 153, 153, 1);
	margin-left: 15px;
}

.answer {
	font-size: 16px;
	font-family: Microsoft YaHei UI;
	font-weight: 300;
	color: #333333;
	line-height: 30px;
}

.answer-num {
	font-size: 13px;
	font-family: Verdana;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}

.operate {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #999999;
	margin-left: 15px;
	cursor: pointer;
	display: none;
}

.replay {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #999999;
}
.btn-edit{
	margin-top: 15px;
	padding: 5px 20px!important;
}
.btn-reply{
	margin-left: 70px;
	margin-top: 15px;
	padding: 5px 20px!important;
}
.btn-concel{
	margin-left: 10px;
	margin-top: 15px;
	padding: 5px 20px!important;
}
.animate {
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	z-index: 100;
	animation: ClickLikeAni 1s ease-in-out;
	background-image: url('../../images/develop/dianzan.png');
	background-size: cover;
}

@keyframes ClickLikeAni {
	0% {
		margin-top: 0px;
	}

	10% {
		margin-top: -4px;
	}

	20% {
		margin-top: -8px;
	}

	30% {
		margin-top: -12px;
	}

	40% {
		margin-top: -16px;
		transform: rotate(6deg);
	}

	50% {
		margin-top: -20px;
		transform: rotate(12deg);
	}

	60% {
		margin-top: -24px;
		transform: rotate(6deg);
	}

	70% {
		margin-top: -25px;
		transform: rotate(0deg);
	}

	80% {
		margin-top: -29px;
		transform: rotate(-6deg);
	}

	90% {
		margin-top: -33px;
		transform: rotate(-12deg);
	}

	100% {
		margin-top: -37px;
		transform: rotate(-6deg);
		opacity: 0;
	}
}

.answer-iconfont {
	margin-right: 10px;
}

.comment-big-div {
	padding: 25px 15px;
	border-bottom: 1px solid rgba(210, 210, 210, 1);
}

.comment-big-div p {
	margin-bottom: 0.2rem;
}

.look-more {
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #666666;
	text-align: center;
	margin-top: 40px;
}
.deliver-div {
	padding: 25px 15px;
}
.deliver{
	display: flex;
}
.reply-div{
	display: flex;
	margin-top: 25px;
}
.edit-content{
	width: 100%;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #666666;
	line-height: 26px;
	padding: 5px 10px;
}
.reply-content{
	margin-left: 20px;
	width: 100%;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #666666;
	line-height: 26px;
	padding: 5px 10px;
}
.comment-content {
	margin-left: 20px;
	width: 100%;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #666666;
	line-height: 26px;
	padding: 5px 10px;
}
.deliver-btn{
	margin-top: 20px;
	float: right;
}
.deliver-btn button{
	padding: 5px 20px !important;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #A4A4A4 !important;
    background-color: #EEEEEE !important;
	border: 1px solid #E5E5E5 !important;
}

/*适配笔记本电脑*/
@media screen and (max-width: 1366px) {
    .left-big-title{
        font-size:30px;
    }
    .left-lit-title{
        font-size:14px;
        line-height:35px;
    }
    .left-lit-title div{
        padding-left: 20px;
    }
    .right-big-title{
        font-size:22px;
    }
    .right-lit-title{
        font-size:18px;
    }
    .big-title-line{
        margin-left: 80px;
    }
    .folder-title a,.one-div a{
        font-size:14px;
    }
    .catalog-title{
        font-size:14px;
        margin-top: 2px;
    }
    .two-div,.thr-div,.four-div{
        font-size:14px;
    }
    .tab-div{
        margin-bottom: 8px;
    }
    .txt-title,.lit-txt-title,.lit-txt-content{
        font-size:14px;
    }
    .txt-content{
        padding: 30px;
    }
    .eye-name,.eye-num{
        font-size:12px;
    }
    .username,.answer{
        font-size: 14px;
    }
    .comment-num,.time,.answer-num,.look-more{
        font-size:12px;
    }
    .div-thr-line{
        margin-left: 113px;
    }
}
/*适配笔记本电脑*/

/*适配手机端*/
@media screen and (max-width: 750px) {
	.content-div{
	    margin-top: 80px;
	}
	.left-div,.right-div{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	.big-line{
	    height:2px;
	    background:rgba(27,27,27,1);
	    margin-left: 45%;
	    margin-top: -20px;
	}
	.thr-div, .two-div{
		text-align: center;
		font-size: 12px;
		line-height: 2;
		width: 40%!important;
		
	}
	.four-div{
		width: 50% !important;
		text-align: center;
	}
	.bottom-div{
		margin-top: 100px;
	}
	.download-iconfont {
		font-size: 10px;
		margin-right: -7px;
	}
	.txt-title {
		font-size: 14px;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: rgba(51, 51, 51, 1);
		margin-top: 20px;
		margin-bottom: 10px !important;
	}
	
	.txt-content {
		background: rgba(248, 248, 248, 1);
		border: 1px solid rgba(210, 210, 210, 1);
		border-radius: 5px;
		margin-bottom: 10px;
		padding: 15px;
	}
	.comment-big-div {
		padding: 15px 0px;
		border-bottom: 1px solid rgba(210, 210, 210, 1);
	}
	.comment-div {
		margin-left: 52px;
	}
	.comment {
		margin-left: 10px;
	}
	.answer {
		font-size: 14px;
		line-height: 22px;
	}
	.reply-icon {
	    line-height: 42px;
	    margin-right: 8px;
		font-size: 14px;
	}
	.avatar {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		font-size: 18px;
		font-family: Verdana, Microsoft YaHei UI;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 42px;
		text-align: center;
		flex-shrink: 0;
		cursor: pointer;
		background-size: cover !important;
	}
	.comment-content {
		margin-left: 10px;
		width: 100%;
		border: 1px solid #DCDCDC;
		border-radius: 5px;
		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: #666666;
		line-height: 24px;
	}
	.deliver-btn{
		margin-top: 15px;
		float: right;
	}
	.deliver-btn button{
		padding: 2px 12px !important;
		font-size: 14px;
	}
	.btn-edit{
		margin-top: 15px;
		padding: 2px 12px!important;
		font-size: 14px !important;
	}
	.btn-reply{
		margin-left: 52px;
		margin-top: 15px;
		padding: 2px 12px!important;
		font-size: 14px !important;
	}
	.btn-concel{
		margin-left: 10px;
		margin-top: 15px;
		padding: 2px 12px!important;
		font-size: 14px !important;
	}
	.reply-content {
	    margin-left: 10px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.avatar {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		font-size: 18px;
		font-family: Verdana, Microsoft YaHei UI;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 42px;
	}
}
/*适配手机端*/