@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	font-family: PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑,STXihei, 华文细黑, Georgia, 'Times New Roman', serif;
}

fieldset,
img {
	border: 0;
}

ul,
ol,
li {
	list-style: none;
	font-family: 'Microsoft YaHei';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	background-color: #fff;
	border: none;
}

code,
kbd,
samp,
tt {
	font-size: 100%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea {
	*font-size: 100%;
}

ol,
ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table,
tr,
td {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

caption,
th {
	text-align: left;
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline;
}

/* remember to highlight anchors and inserts somehow! */
blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

/**Common Css**/
.fr {
	float: right;
	*display: inline;
}

.fl {
	float: left;
	*display: inline;
}

/*文本超出显示省略号*/
.ehn,
.otw,
.tow {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*清除浮动*/
.clearfix {
	clear: both;
	*zoom: 1;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "\0020";
	visibility: hidden;
	height: 0;
}



/******* 项目自定义样式 *******/
body {
	background-color: #F7F7F7;
}

/* 头部 */
.xswh-header {
	background-color: #fff;
}

.xswh-header .container{
	width: 1200px;
	height: 114px;
	/* background-color: #FFD8D6; */
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.xswh-header .brand {
	height: 40px;
}

.xswh-header .brand img {
	width: 33px;
	height: 40px;
	vertical-align: middle;
}

.xswh-header .brand span {
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
	font-size: 24px;
	color: #4a4a4a;
	font-weight: 600;
}

.xswh-header .pub-info>a {
	display: flex;
	width: 106px;
	height: 44px;
	background-color: #FF9500;
	color: #fff;
	font-weight: 600;
	border-radius: 4px;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}

.xswh-header .pub-info>a:hover {
	background-color: #ff8306;
}

/* 脚部 */
.xswh-footer {
	background-color: #585858;
}
.xswh-footer .container {
	width: 1200px;
	height: 106px;
	margin: 0 auto;
	color: #fff;
	margin-top: 40px;
	padding-top: 40px;
	font-size: 14px;
	line-height: 26px;
}
.xswh-footer .container .foot-left {
	float: left;
}
.xswh-footer .container .foot-left p {}
.xswh-footer .container .foot-right {
	float: right;
}
.xswh-footer .container .foot-right p {
	text-align: right;
}
.xswh-footer .container .foot-right p a {
	color: #fff;
}
.xswh-footer .container .foot-right p a:hover {
	text-decoration: underline;
}

/* 栏目 */
.xswh-cate {}
.xswh-cate .container {
	width: 1200px;
	height: 114px;
	margin: 20px auto;
	background-color: #fff;
}
.xswh-cate .container ul {
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.xswh-cate .container li {
	border-right: 1px solid #E5E5EA;
	flex-grow: 1;
}
.xswh-cate .container li:nth-last-child(1) {
	border-right: none;
}
.xswh-cate .container li .content {
	height: 100%;
	display: flex;
	align-items: center;
}
.xswh-cate .container li .pic {
	padding-left: 20px;
}
.xswh-cate .container li .pic img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	vertical-align: middle;
}
.xswh-cate .container li .title {
	width: 120px;
	line-height: 48px;
	padding-left: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}
.xswh-cate .container li .title>a {
	color: #4a4a4a;
	font-size: 16px;
	font-weight: 600;
}
.xswh-cate .container li .title>a:hover {
	color: #458cff;
}

/* 左侧主体部分 */
.xswh-content {}
.xswh-content .container {
	width: 1200px;
	/* background-color: #ffc7ff; */
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.xswh-content .container .list{
	box-sizing: border-box;
	width: 894px;
	background-color: #fff;
	padding: 36px 40px 70px;
}
.xswh-content .container .list .nav{
	padding-bottom: 14px;
}
.xswh-content .container .list .nav span{
	color: #4a4a4a;
}
.xswh-content .container .list .nav span a {
	color: #4a4a4a;
}
.xswh-content .container .list .nav span a:hover {
	color: #ff8306;
}

/* 右部登录信息 */
.xswh-content .container .login {
	width: 288px;
	height: 660px;
	background-color: #fff;
}
.xswh-content .container .login form {
	width: 230px;
	margin: 42px auto;
}
.xswh-content .container .login input {
	height: 40px;
	border: 1px solid #C8C8C8;
	border-radius: 4px;
}
.xswh-content .container .login .username {
	padding-left: 16px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 16px;
}
.xswh-content .container .login .password {
	padding-left: 16px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 46px;
}
.xswh-content .container .login .log-in {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	background-color: #FF9500;
	border: none;
	color: #fff;
	cursor: pointer;
}
.xswh-content .container .login .log-in:hover {
	background-color: #ff8306;
}
.xswh-content .container .login p {
	font-size: 12px;
	color: #8E8E93;
}
.xswh-content .container .login p>.sign-in {
	color: #FF9500;
}
/* 登录后的信息 */
.xswh-content .container .login .user-info {
	padding-top: 38px;
	/* display: none; */
}
.xswh-content .container .login .user-info img {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}
.xswh-content .container .login .user-info p {
	font-size: 18px;
	color: 4a4a4a;
	text-align: center;
	padding-top: 30px;
}
.xswh-content .container .login .user-info .quit {
	display: block;
	font-size: 12px;
	color: #FF3B30;
	padding-top: 30px;
	text-align: center;
}