@charset "utf-8";
/* CSS Document */

/* 初始化样式 */
body, ul, ol, dd, h1, h2, h3, h4, h5, h6, p, form {margin:0;}
body,button,input,select,textarea{font:12px/1.5 microsoft yahei,arial,\5FAE\8F6F\96C5\9ED1,sans-serif}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
ul, ol {padding-left:0; list-style:none;}
strong, em, i{font-style:normal;}
strong{font-weight: normal;}
fieldset,img{border:0 none;}
img{display: block;}
a{text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
button,input,select,textarea{margin:0; padding:0; border:none; font-size:100%;}
input, textarea{outline: none; border: none; background: none; -webkit-appearance: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;}
textarea{resize:none;}
body{color: #333; background-color: #f7f7f7;}
.dp-n{display: none;}

/* 常用功能条 */
.common-top-bar{
	width: 100%; height: 40px;
	background-color: #f5f5f5;
}
.common-top-bar>.main{
	display: flex; align-items: center;
	width: 1200px; height: 100%; margin: 0 auto;
}
.common-top-bar>.main>.welcome{
	line-height: 14px; margin-right: 20px;
	font-size: 14px;
}
.common-top-bar>.main>.login-register>a{
	line-height: 14px;
	color: #333; font-size: 14px;
}
.common-top-bar>.main>.login-register>a:hover{
	color: #d71618; text-decoration: underline;
}
.common-top-bar>.main>.other-nav{
	margin-left: auto;
}
.common-top-bar>.main>.other-nav>a{
	line-height: 14px; margin-right: 20px;
	color: #333; font-size: 14px;
}
.common-top-bar>.main>.other-nav>a:last-child{
	margin-right: 0;
}
.common-top-bar>.main>.other-nav>a:hover{
	color: #d71618; text-decoration: underline;
}
.common-top-bar>.main>.user-info{
	margin-right: 20px;
}
.common-top-bar>.main .user-info-main{
	display: flex; align-items: center;
}
.common-top-bar>.main .user-info-main>.avatar{
	width: 20px; height: 20px; margin-right: 5px; border-radius: 50%;
}
.common-top-bar>.main .user-info-main>.name{
	overflow: hidden;
	max-width: 120px; height: 20px; line-height: 20px; margin-right: 5px;
	font-size: 14px; white-space: nowrap; text-overflow: ellipsis;
}
.common-top-bar>.main .user-info-main>a{
	line-height: 14px;
	color: #333; font-size: 14px;
}
.common-top-bar>.main .user-info-main>a:hover{
	color: #d71618; text-decoration: underline;
}

/*** 头部 ***/
.header{
	position: relative; z-index: 2;
	width: 100%; height: 80px;
	background-color: #fff;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);
}
.header>.main{
	display: flex; justify-content: space-between; align-items: center;
	width: 1200px; height: 100%; margin: 0 auto;
}
.header>.main>.logo>a>img{
	height: 60px;
}
.header>.main>.nav{
	display: flex;
}
.header>.main>.nav>a{
	position: relative;
	margin-left: 40px;
	color: #333; font-size: 16px;
}
.header>.main>.nav>a:hover,
.header>.main>.nav>a.curr{
	color: #d71618;
	box-shadow: 0 3px 0 0 #d71618;
}
.header>.main>.publish-btn{
	display: flex; justify-content: center; align-items: center;
	width: 150px; height: 40px; border-radius: 20px;
	color: #fff; font-size: 16px;
	background-color: #d71618;
	cursor: pointer;
}

/* 面包屑导航 */
.crumbs>.main{
	width: 1200px; line-height: 14px; margin: 0 auto; padding: 20px 0;
	font-size: 14px;
}
.crumbs>.main>a{
	color: #666;
}
.crumbs>.main>a:hover{
	color: #d71618; text-decoration: underline;
}

/*** 底部 ***/
.footer{
	width: 100%; margin-top: 20px;
	background-color: #333;
}
.footer>.main{
	width: 1200px; height: 100%; margin: 0 auto; padding: 40px 0;
	color: #fff; font-size: 14px;
}
.footer>.main>.footer-nav{
	text-align: center;
}
.footer>.main>.footer-nav>a{
	color: #fff;
}
.footer>.main>.footer-nav>a:hover{
	text-decoration: underline;
}
.footer>.main>.footer-nav>i{
	margin: 0 10px;
}
.footer>.main>.disclaimer{
	line-height: 14px; margin-top: 20px;
	text-align: center;
}
.footer>.main>.copyright-icp{
	display: flex; justify-content: center;
	margin-top: 20px;
}

/*** 公用弹出层 ***/
.pub-popBox{
	position: fixed; left: 0; top: 0; z-index: 1000;
	width: 100%; height: 100%;
}

/* 公用黑色遮罩 */
.pub-mask{
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,.5);
}

/* 公用中间弹出层 */
.pub-middle{
	position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center;
	width: 100%; height: 100%;
}

/* 公用关闭按钮 */
.pub-close-btn{
	position: absolute; right: 17px; top: 17px;
	width: 16px; height: 16px;
	background: url(../images/close2.png) no-repeat 0 0; background-size: 100% 100%;
	cursor: pointer;
}

/*公用多选框*/
.pub-check{
	box-sizing: border-box; flex-shrink: 0;
	width: 24px; height: 24px; border: #d9d9d9 1px solid; border-radius: 3px;
	background-color: #fff;
	cursor: pointer;
}
.pub-check.selected{
	border: #40b477 1px solid;
	background: #40b477 url("../images/tick1.png") no-repeat 50% 50%;
}

/*公用提示浮层*/
.pub-errTip, .pub-succTip{
	position: fixed; left: 50%; top: 50%; z-index: 2000;
	width: 120px; height: 120px; margin-left: -60px; margin-top: -60px; border-radius: 10px;
	background-color: rgba(0,0,0,.7);
}
.pub-errTip>div, .pub-succTip>div{
	position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;
	width: 100%; height: 100%;
}
.pub-errTip>div>em, .pub-succTip>div>em{
	display: block;
	width: 36px; height: 36px; margin: 0 auto;
}
.pub-errTip>div>em{
	background: url(../images/notice1.png) no-repeat 0 0; background-size: 100%;
}
.pub-succTip>div>em{
	background: url(../images/succ1.png) no-repeat 0 0; background-size: 100%;
}
.pub-errTip>div>span, .pub-succTip>div>span{
	display: block;
	padding: 0 10px; margin-top: 10px;
	color: #fff; font-size: 14px; text-align: center;
}
.pub-loadTip{
	position: fixed; left: 0; top: 0; z-index: 2000;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0);
}
.pub-loadTip>div{
	position: absolute; left: 50%; top: 50%;
	width: 120px; height: 120px; margin-left: -60px; margin-top: -60px; border-radius: 10px;
	background-color: rgba(0,0,0,.7);
}
.pub-loadTip>div>p{
	position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;
	width: 100%; height: 100%;
}
.pub-loadTip>div>p>em{
	width: 36px; height: 36px;
	background: url(../images/loading1.png) no-repeat 0 0; background-size: 100%;
	animation: 1s pubLoadRotate linear infinite;
}
.pub-loadTip>div>p>span{
	padding: 0 10px; margin-top: 10px;
	color: #fff; font-size: 14px; text-align: center;
}

/*** 公用动画效果 ***/

/*渐显*/
@keyframes pubFadeIn{
	0% {opacity: 0;}
	80% {opacity: 1;}
	100% {opacity: 1;}
}
.pub-fadeIn{
	animation: pubFadeIn 0.3s linear forwards;
}

/*渐隐*/
@keyframes pubFadeOut{
	0% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
.pub-fadeOut{
	animation: pubFadeOut 0.3s linear forwards;
}

/*变大*/
@keyframes pubScaleBig{
	0% {transform: scale(0);}
	100% {transform: scale(1);}
}
.pub-scaleBig{
	animation: pubScaleBig 0.3s ease-in-out forwards;
}

/*缩小*/
@keyframes pubScaleSmall{
	0% {transform: scale(1);}
	100% {transform: scale(0);}
}
.pub-scaleSmall{
	animation: pubScaleSmall 0.3s ease-in-out forwards;
}

/*持续360度转动*/
@keyframes pubLoadRotate{
	0% {transform: rotate(0deg) translateZ(0);}
	100% {transform: rotate(360deg) translateZ(0);}
}
.pub-loadRotate{
	background: url(../img/loading1.png) no-repeat 0; background-size: 100%;
	animation: 1s pubLoadRotate linear infinite;
}