body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
textarea,
select,
option,
th,
ul {
	margin: 0;
	padding: 0;
}

body,
button,
input,
select,
textarea {
	outline: none;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	word-wrap: break-word;
	word-break: break-all;
	word-spacing: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
}

ul,
li {
	list-style: none;
}

em,
i {
	font-style: normal;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
}

legend {
	color: #333;
}

fieldset,
img {
	border: 0;
}

button,
input,
select,
textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	-ms-interpolation-mode: bicubic;
}

textarea {
	resize: vertical;
}

button,
label {
	cursor: pointer;
}

#navWid980 {
	width: 980px !important;
	margin: 0 auto
}

#navWid1190 {
	width: 1190px !important;
	margin: 0 auto
}

#navWid960 {
	width: 960px !important;
	margin: 0 auto
}

#navWid910 {
	width: 910px !important;
	margin: 0 auto
}

#navWid867 {
	width: 867px !important;
	margin: 0 auto
}

#mysteel-topBar {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #333;
	word-wrap: break-word;
	background: #f6f6f6;
	width: 100%;
	position: relative;
	left: 0;
	right: 0;
	z-index: 100000;
	zoom: 1;
	height: 34px;
	margin: 0 auto;
	border-bottom: 1px solid #e6e6e6
}

#mysteel-topBar * {
	box-sizing: initial;
}

#mysteel-topBar blockquote,
#mysteel-topBar dd,
#mysteel-topBar div,
#mysteel-topBar dl,
#mysteel-topBar dt,
#mysteel-topBar fieldset,
#mysteel-topBar form,
#mysteel-topBar h1,
#mysteel-topBar h2,
#mysteel-topBar h3,
#mysteel-topBar h4,
#mysteel-topBar h5,
#mysteel-topBar h6,
#mysteel-topBar input,
#mysteel-topBar li,
#mysteel-topBar ol,
#mysteel-topBar p,
#mysteel-topBar pre,
#mysteel-topBar td,
#mysteel-topBar textarea,
#mysteel-topBar th,
#mysteel-topBar ul {
	margin: 0;
	padding: 0
}

#mysteel-topBar i {
	font-style: normal
}

#mysteel-topBar table {
	border-collapse: collapse;
	border-spacing: 0
}

#mysteel-topBar li,
#mysteel-topBar ul {
	list-style: none
}

#mysteel-topBar .login-bar .loginClose,
#mysteel-topBar .login-bar .loginCon .inpCon span,
#mysteel-topBar .login-bar .loginCon .errorTip,
#mysteel-topBar .login-bar .userBtn .arrow,
#mysteel-topBar .login-bar .headnav-infor .arrow,
#mysteel-topBar .search-bar dt .arrow,
#mysteel-topBar .search-bar .t-s-btn,
#mysteel-topBar .link-bar .linkNav li .ico,
#mysteel-topBar .link-bar .linkNav li .arrow {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAADwCAYAAADfEj6GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB9hJREFUeNrsWglQVVUYPm8BCxAQ18QxwHFL1BK0Ia1oEUdDHVIxbSZNHdOmUtMyVJJxGWtaLB21cdya0WZUzIkSTbMQnw0GRpM5aQ5giAUOuAAisr2+/73/6uG+++57PLNc7j/z8e4953zn/P9ZvnPvuZjsdrtQWRQwAxgE1AE/ACuBWnVBQWQJg4AGu6sVASGqss3IfsBlu3s7oEcea/dsXWWyWYqgu/BsveUbmfyLF+R8vQ4r0nF5m17MhAjgtAZxP2BVk00a40w2DogB6oEs4KBWITV5FPAoRQMEAU08OQKBI8AOdzF/6cVQHQQs6pg32r23PTI52t5ye0qZJGNEy22kMkn8fSD70R8rLzd/HprOOpXR8izlmfih1lC1yMziJswgG+RbTJ45c+b3wHB1BqVRnqeW5wHrUfBliUjX6znPrTlWFQpH4novsI3TXwSGr1u3rsgjmVtry2QTMBHECk8x36Hr2TRjxgzlulnMgCNmxO6x5UjeTgg2/o301DKp5wDgK+BdYDOnlwDZwGjgZz0yyeh0HmfFNrPMUt7Td9lQGeR7g2xdunQpPcl/BHyjyktkAYxPTU0VwWmF1zMq06KutzwX+IxFT0gCSGlvqltTiMqqoiX3LK+qUE6fx2knPa1nwYWe5HUt+LpYi6C4Tx5YKR4yxE6FH1EKSenCnev/33q2jnj/lK56Zs7vqRk3ue6TeioxG+ppkA2yjgyJ/Pz8uRcuXEi5fPly28bGRhEYGFgfFhaW3bp164l9+vQ573ZuHz169Ovi4uJEs9ksQkJCLlmt1itVVVUP1NbWmkGu7dKly8Do6OjfXFqmFokYFBR0LTw8fGS/fv0OUMaJEyeCKisr95WUlAwuLS09DHIbl5jJVWpRJpLB1eq4uLghHTt2PH3x4sVQNJLiQqYYyVWZKFtoaOhb9FtTUzPWhdzU1CQsFkuN2+Ewm/PoF50Y4pIXEBBQX11d3Yli1CI3NDSMdrww+/mVuZAxHIeoV+H+fnUmKvQvLy9fTtdoxOUh1IqhmAAUnzt3Li47O7sA8S9AGDn19fWjKyoqlqCzHO7i/jH8bHUZ5+PHjz9UVlZmQ8E2bsXOZBIRERFrYmNjX9MUQAzHnKtXr45HnO0Q499wdRVCmox5MMLhptUqkpKSTO4OljSRk5OzJz093Z6bm7vWm7MhQwwM8u0gvVu2bPE4PydPnmy6NaLvrmYyPc/uoqE6fDPkx/+7/dmbiXKbnZMY0muQDfKtelgnS0tLG8Ay1AE4Q2+ySDuluyRR4H5cb+CXbrV9ivzZWmQLt34MeAbYLZxfx6jls8DvwNisrKwEYEt8fLxdHTM9T0cDV2jnkd6j08WNz1H03Bnv4vbixYtzhPO7nJZ9J5zfIsOB9lzxboRxRmm50Q3xJ4BOVF7gvhgKfAwUgTxPIW/TIP4FHOfjgD+AT5TO40OoD1DBODP+rMWN+kGdCP35+hwdUPA1PVL78fXy6+qJSpr4jITsT+Aa0ENnjly0MrEzj/NO4fyASUM4xQN5vTLDqlDBdNVso/ORHB5ztVGvp+iKPioIo0IAfedoBxSwN2ORd8jYMQzynSK9OnP8W/wMBvYA82UZ8sbeAKYBnYBckCO0RJ/0eyor5RHcr+SsScAsXmFk7wPjrRKRjlYzJAFIAFYiPUA4v8t/waI4hYXD6TYKkG4fUSmHP9Lp8bkKoLOhXsCPrGeBDjIK0IFCpnCe9SqCZ+NdpLfULyEoSwfmdIyfpIg+afEc4JBwHtFXMymPJZgKbgIuAQtRwVZ5nCexVlGtw4TzlJ32rNMkvyi8i7ekrvR0zWJ5nUz+b0diA35fZ1Gnc6L7gOe4XLm0MVpkcqb0akBuZgF9ebe0cW+/zfkZuD8rk6m1HkjcxIXI/e3AE7w7HOaNkBp5SWtzbyWc3y6eF87/YGnDMVZxz3/OU9R4WDfI94ZuHzt2TL6n5w76qJco6dlJFsZV0roWMTExzaSXHlI3klapGujPmMXKuUvt9hh+BgvR8TKYy4yRye1Z4EzevG9z2Q6ykgQruZGRkSI4OPhGc7iOiopSezBbIY+ScyoqKhyFiaQQy8vL1R4kKntVLzm1srJSFBYWim7dujnuCwoKHGkq63kz41ynkJt9b1VcpRYJSggqK1TIGc1mSbt2DrfJVSUESlPZHkfX5+XldeCtJdhLl6kDumOGnTfz9kkzxxsNtnPZ83KH0ZRLZpF3Z5Q3Tmt6Ki9hNBtWAPSdpp5f1Oi9ahnn7TJ2DIN8p5w+Xhk21CfRD9i3/64R/VYpC4QlJvbGEQ6uW6Us9E70Gw4cEP5cAcF/wUKk7fdO9BvzckXdeyuE/6JUxxfBa8uWOtK8F336eAeijspoi77DVbhNLdYtXyb830kRltiB3om+NWGYw21yVQnBOjRBW/Qxw3wSfcwwQ/QN8m2tniI1n146V/M7ozsbQicW9iUPJ6tbJuIOLuCOuIPLubht43mtVYFCHC80vt0pMWtVoEtUd5hcwaueiFpnQzZeQav5SOdwS4aKXF3ExEU6nehClmNcwwt/p14FZhUxWXLV5qkCs4po0+gDtxWYOb5knRmmVDDr3z2tiJi29+ZWla8V3IvqaXpwaqZyPfPMhuHrfGl5lJZSeEPuy2eaFl/I65VzTF/IrwA1vpJ/BSYI99+tPHZYBj8Jtsj+EWAAO03BE+je1K0AAAAASUVORK5CYII=) no-repeat;
	*background: url(../png/mysteel_topbar_newico.png) no-repeat 0 0;
}

#mysteel-topBar a {
	text-decoration: none
}

#mysteel-topBar a:hover {
	text-decoration: none
}

#mysteel-topBar .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

#mysteel-topBar .clear {
	display: block;
	height: 0;
	clear: both
}

#mysteel-topBar .hide {
	display: none
}

#mysteel-topBar .show {
	display: block
}

#mysteel-topBar input {
	line-height: normal;
	outline: 0
}

#mysteel-topBar ::-webkit-input-placeholder {
	color: #e3e3e3;
}

#mysteel-topBar :-moz-placeholder {
	color: #e3e3e3;
}

#mysteel-topBar fieldset,
#mysteel-topBar img {
	border: none;
	display: inherit
}

/*#mysteel-topBar input,#mysteel-topBar textarea{font-family:'Microsoft Yahei'}*/
#mysteel-topBar textarea {
	resize: vertical
}

#mysteel-topBar button,
#mysteel-topBar input,
#mysteel-topBar select,
#mysteel-topBar textarea {
	font-size: 100%
}

#mysteel-topBar .login-bar {
	float: left;
	height: 100%;
	padding: 0 0 0 8px;
	border: none;
}

#mysteel-topBar .login-bar .btn {
	display: inline-block;
	vertical-align: top;
	width: 71px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
	margin-top: 5px;
	float: none !important;
}

#mysteel-topBar .login-bar .loginBtn {
	width: 70px;
	color: #fff;
	background: #3f7ed6;
	border-radius: 12px;
}

#mysteel-topBar .login-bar .registeBtn {
	color: #e90202;
	background: url(../gif/tiara20ad.gif) 9px 2px no-repeat;
	margin-left: 10px;
	padding-left: 10px;
	width: 58px;
	border-radius: 12px;
	border: solid 1px #e90202;
	height: 22px;
	line-height: 22px;
}


#mysteel-topBar .login-bar .loginCon {
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 2;
	background: #fff;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 10px #d9d9d9;
	padding: 0 20px 9px;
	width: 280px;
	display: none
}

#mysteel-topBar .login-bar .loginCon .head {
	padding-top: 12px;
	height: 11px
}

#mysteel-topBar .login-bar .loginCon .head .loginClose {
	float: right;
	display: block;
	width: 11px;
	height: 11px;
	background-position: 0 -215px;
	margin-right: -10px;
	cursor: pointer;
}

#mysteel-topBar .login-bar .loginCon .head .loginClose:hover {
	filter: contrast(200%);
}

#mysteel-topBar .login-bar .loginCon .inpCon {
	padding-top: 12px;
	position: relative;
	left: 0;
	top: 0;
	height: 34px
}


#mysteel-topBar .login-bar .loginCon .inpCon .hd_yzm {
	width: 158px;
	float: left;
}

#mysteel-topBar .login-bar .loginCon .inpCon .hd_yzm_img {
	width: 92px;
	height: 32px;
	border: 1px solid #d1d1d1;
	float: right;
}

#mysteel-topBar .login-bar .loginCon .inpCon input {
	box-sizing: content-box;
	border: 1px solid #d1d1d1;
	width: 258px;
	height: 32px;
	padding: 0 9px;
	line-height: 32px;
	transition: all .3s;
}

#mysteel-topBar .login-bar .loginCon .inpCon input:focus {
	border-color: #ccc;
	box-shadow: 0 0 3px #d9d9d9;
}

#mysteel-topBar .login-bar .loginCon .inpCon span {
	position: absolute;
	cursor: pointer;
	right: 10px;
	bottom: 10px;
	background-position: 0 -168px;
	width: 14px;
	height: 14px
}

#mysteel-topBar .login-bar .loginCon .errorTip {
	display: none;
	color: #f54745;
	font-size: 12px;
	padding-left: 20px;
	line-height: 16px;
	background-position: 0 -193px;
}

#mysteel-topBar .login-bar .loginCon .whiteArea {
	height: 7px
}

#mysteel-topBar .login-bar .loginCon .loginBtnBig {
	background: #4888d8;
	color: #fff;
	word-spacing: 4px;
	width: 278px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 3px;
	margin-top: 7px;
	cursor: pointer;
	transition: all .3s;
}

#mysteel-topBar .login-bar .loginCon .loginBtnBig:hover {
	background: #5594e2;
	transition: all .3s;
}

#mysteel-topBar .login-bar .loginCon .textTip {
	line-height: 44px;
	font-size: 12px;
	position: relative;
	text-align: left
}

#mysteel-topBar .login-bar .loginCon .textTip input {
	vertical-align: middle;
	margin-right: 5px
}

#mysteel-topBar .login-bar .loginCon .textTip a {
	color: #4894e2;
	margin: 0;
	float: right
}

#mysteel-topBar .login-bar .loginCon .textTip a:hover {
	text-decoration: underline
}

#mysteel-topBar .login-bar .userBtn {
	display: inline-block;
	border-right: 1px solid #d1d1d1;
	padding-right: 13px;
	line-height: 18px;
	font-size: 13px;
	color: #666;
	cursor: pointer;
	margin-top: 6px;
	vertical-align: middle
}

#mysteel-topBar .login-bar .userBtn a {
	display: inline-block;
	vertical-align: middle;
	max-width: 97px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	color: #023985;
	margin-right: 5px;
	font-weight: 400;
	vertical-align: middle;
}

#mysteel-topBar .login-bar .userBtn a:hover {
	text-decoration: underline;
	color: #023985;
}

#mysteel-topBar .login-bar .userBtn .arrow {
	display: inline-block;
	position: initial;
	width: 14px;
	height: 10px;
	margin-top: 3px;
	background: url(../png/login-arrow-down.png);
	background-size: 14px 10px;
	vertical-align: middle;
}

#mysteel-topBar .login-bar .headnav-infor {
	display: inline-block;
	font-size: 13px;
	color: #666;
	margin-left: 12px;
	margin-top: 6px;
	height: 22px;
	vertical-align: middle;
	line-height: 22px
}

#mysteel-topBar .login-bar .headnav-infor .arrow {
	display: inline-block;
	width: 6px;
	height: 7px;
	padding-left: 3px;
	overflow: hidden;
	background-position: 3px -233px;
	position: relative;
	z-index: 1;
	top: -2px;
	*top: -7px;
}

#mysteel-topBar .login-bar .headnav-infor .msgNumb {
	display: inline-block;
	min-width: 15px;
	height: 15px;
	line-height: 15px;
	padding: 0 3px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: #1f63b6;
	position: relative;
	z-index: 1;
	top: -1px;
	*top: -2px;
	left: -3px;
}

#mysteel-topBar .login-bar .headnav-infor:hover {
	text-decoration: underline;
	color: #023985
}

#mysteel-topBar .login-bar .userSlectCon {
	background: #fff;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 3px #ccc;
	width: 128px;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	text-align: center;
	display: none
}

#mysteel-topBar .login-bar .userSlectCon .userBtn {
	border: none;
	color: #023985;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0
}

#mysteel-topBar .login-bar .userSlectCon .userBtn .arrow {
	position: initial;
	width: 14px;
	height: 10px;
	margin-top: 3px;
	background: url(../png/login-arrow-up.png);
	background-size: 14px 10px;
	vertical-align: middle;
}

#mysteel-topBar .login-bar .userSlectCon ul li {
	height: 28px;
	text-align: center;
	line-height: 28px;
	position: relative;
	z-index: 1;
}

#mysteel-topBar .login-bar .userSlectCon ul li:hover {
	background: #023985;
}

#mysteel-topBar .login-bar .userSlectCon ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #666;
	font-size: 13px;
}

#mysteel-topBar .login-bar .userSlectCon ul li:hover a {
	color: #fff;
}

#mysteel-topBar .t-layer {
	font-size: 12px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
	box-shadow: 0 1px 3px #ccc;
	background: #fff;
	position: absolute;
	left: -1px;
	top: 35px;
	display: none;
	z-index: 2;
}

#mysteel-topBar .right-bar {
	width: 755px;
	float: right;
}

#mysteel-topBar .search-bar {
	width: 170px;
	float: left;
	position: relative;
	z-index: 3;
	top: 5px;
	border: 1px solid #c6c6c6;
	background: #fff;
	border-radius: 12px;
}

#mysteel-topBar .search-bar dl {
	width: 130px;
	float: left;
	padding: 2px 0;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
}

#mysteel-topBar .search-bar dt {
	width: 45px;
	float: left;
	text-align: center;
	border-right: 1px solid #e5e5e5;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: none
}

#mysteel-topBar .search-bar dt span {
	color: #666;
	display: block;
	text-align: left;
	padding-left: 4px;
}

#mysteel-topBar .search-bar dt .arrow {
	width: 8px;
	height: 4px;
	background-position: 0 -28px;
	position: absolute;
	z-index: 2;
	right: 5px;
	top: 6px;
	transition: all .3s;
}

#mysteel-topBar .search-bar dt:hover .arrow {
	background-position: 0 -35px;
	transform: rotate(360deg);
	transition: all .3s;
}

#mysteel-topBar .search-bar dt ul {
	width: 100%;
	top: 15px;
	box-shadow: none;
}

#mysteel-topBar .search-bar dt ul li {
	height: 30px;
	line-height: 30px;
	color: #666;
	cursor: pointer;
	position: relative;
	z-index: 1;
	transition-duration: .2s;
}

#mysteel-topBar .search-bar dt ul li:hover {
	background: #eaf2ff;
	transition-duration: .2s;
}

#mysteel-topBar .search-bar dt:hover ul {
	animation: zoomOut 300ms ease both;
}

#mysteel-topBar .search-bar dd {
	width: 130px;
	float: right;
	height: 18px;
	line-height: 16px;
	overflow: hidden;
}

#mysteel-topBar .search-bar dd .t-s-input {
	width: 120px;
	border: none;
	outline: none;
	margin-left: 10px;
	height: 18px;
}

#mysteel-topBar .search-bar .t-s-btn {
	width: 40px;
	height: 22px;
	line-height: 22px;
	padding-left: 14px;
	float: right;
	border: none;
	outline: none;
	background-position: 13px -67px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	border-radius: 12px;
}

#mysteel-topBar .search-bar .t-s-btn:hover {
	background-color: #e1e1e1;
}

#mysteel-topBar .link-bar {
	float: right;
	color: #737373;
	font-size: 12px;
}

#mysteel-topBar .link-bar .hotline {
	width: auto;
	float: right;
	height: 35px;
	line-height: 35px;
	padding-right: 8px;
}

#mysteel-topBar .link-bar .hotline .hottel {
	color: #023985
}

#mysteel-topBar .link-bar .linkNav {
	float: right;
}

#mysteel-topBar .link-bar .linkNav li {
	float: left;
	position: relative;
	z-index: 1;
	height: 35px;
	border-left: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	margin-right: -2px;
	font-size: 0;
}

#mysteel-topBar .link-bar .linkNav li:last-child {
	border-right: none;
}

#mysteel-topBar .link-bar .linkNav li:hover .t-layer {
	animation: zoomOut 300ms ease both;
	display: block;
}

#mysteel-topBar .link-bar .linkNav li:hover a,
#mysteel-topBar .link-bar .linkNav li.on a {
	color: #023985;
}

#mysteel-topBar .link-bar .linkNav li .ico {
	width: 14px;
	height: 12px;
	display: inline-block;
	margin-right: 3px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	top: 2px;
	*top: -2px;
}

#mysteel-topBar .link-bar .linkNav li.t-app .ico {
	width: 9px;
	height: 12px;
	background-position: 0 -95px;
}

#mysteel-topBar .link-bar .linkNav li.t-wechat .ico {
	width: 15px;
	height: 13px;
	background-position: 0 -121px;
}

#mysteel-topBar .link-bar .linkNav li.t-weibo .ico {
	background-position: 0 -144px;
}

#mysteel-topBar .link-bar .linkNav li>a {
	display: inline-block;
	padding: 0 8px;
	height: 16px;
	line-height: 16px;
	margin-top: 10px;
	overflow: hidden;
	border-left: 1px solid #d1d1d1;
	color: #666;
	position: relative;
	z-index: 1;
	font-size: 12px;
}

#mysteel-topBar .link-bar .linkNav li>a .arrow {
	display: inline-block;
	zoom: 1;
	width: 8px;
	height: 4px;
	margin-left: 5px;
	position: relative;
	z-index: 1;
	top: -2px;
	*top: -5px;
	*left: 3px;
	background-position: 0 -50px;
	transition: all .3s;
}

#mysteel-topBar .link-bar .linkNav li:hover .arrow,
#mysteel-topBar .link-bar .linkNav li.on .arrow {
	background-position: 0 -57px;
	transform: rotate(360deg);
	transition: all .3s;
}

#mysteel-topBar .link-bar .linkNav li.t-app:hover,
#mysteel-topBar .link-bar .linkNav li.t-wechat:hover,
#mysteel-topBar .link-bar .linkNav li.t-weibo:hover,
#mysteel-topBar .link-bar .linkNav li.t-proBox:hover {
	background: #fff;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	box-shadow: 0 0 3px #ccc;
	z-index: 2;
}

#mysteel-topBar .link-bar .linkNav li.t-app:hover a,
#mysteel-topBar .link-bar .linkNav li.t-wechat:hover a,
#mysteel-topBar .link-bar .linkNav li.t-weibo:hover a,
#mysteel-topBar .link-bar .linkNav li.t-proBox:hover a,
#mysteel-topBar .link-bar .linkNav li.t-app.on a,
#mysteel-topBar .link-bar .linkNav li.t-wechat.on a,
#mysteel-topBar .link-bar .linkNav li.t-weibo.on a,
#mysteel-topBar .link-bar .linkNav li.t-proBox.on a {
	border-color: #fff;
}

#mysteel-topBar .link-bar .linkNav li .qrCode-box {
	width: 134px;
	padding: 14px 0 10px;
	text-align: center;
}

#mysteel-topBar .link-bar .linkNav li .qrCode-box .img {
	width: 104px;
	height: 104px;
	margin: 0 auto;
	overflow: hidden;
}

#mysteel-topBar .link-bar .linkNav li .qrCode-box .img img {
	display: block;
	margin: 0 auto;
	width: 104px;
	height: 104px;
}

#mysteel-topBar .link-bar .linkNav li .qrCode-box p {
	color: #023985;
	line-height: 18px;
	margin-top: 5px;
	text-indent: 0;
}

#mysteel-topBar .link-bar .linkNav li.t-proBox .proList {
	width: 100%;
	position: absolute;
	background: #fff;
	text-align: center;
}

#mysteel-topBar .link-bar .linkNav li.t-proBox .proList a {
	height: 30px;
	line-height: 30px;
	display: block;
	position: relative;
	z-index: 1;
	color: #666;
}

#mysteel-topBar .link-bar .linkNav li.t-proBox .proList a:hover {
	background: #eaf2ff;
	transition-duration: .2s;
	color: #666;
}

#navWid980 .siteNav,
#navWid1190 .siteNav {
	margin: 0 auto 5px;
	height: 33px;
	line-height: 33px;
	font-size: 0;
	font-weight: bold;
	background: url(../png/tnavbg.png) repeat-x 0 0;
	padding-left: 20px;
}

#navWid980 .siteNav {
	width: 960px;
	display: block;
	padding: 0 0 0 20px !important;
}

#navWid1190 .siteNav {
	width: 1170px;
	display: block;
	padding: 0 0 0 20px !important;
}

#navWid980 .siteNav a,
#navWid1190 .siteNav a {
	font-size: 12px;
	color: #1152ab;
	-webkit-transition: all .1s;
	transition: all .1s;
}

#navWid980 .siteNav a {
	margin: 0 11px 0 0 !important;
}

#navWid1190 .siteNav a {
	margin: 0 28px 0 0 !important;
}

#navWid980 .siteNav a:hover,
#navWid1190 .siteNav a:hover {
	color: #4988d8;
	text-decoration: none;
	-webkit-transition: all .1s;
	transition: all .1s;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

#navWid980 .siteNav a.noM,
#navWid1190 .siteNav a.noM {
	margin: 0;
	padding: 0
}

#navWid980 .siteNav .simsun,
#navWid1190 .siteNav .simsun {
	font-family: "simsun";
	font-style: normal;
}

/*20201022新增修改，加下拉菜单*/
#navWid980 .siteNav,
#navWid1190 .siteNav {
	overflow: inherit;
}

#navWid980 .site-nav-con li,
#navWid1190 .site-nav-con li {
	float: left;
	position: relative;
	z-index: 9999;
	height: 32px;
	word-spacing: 0;
}

#navWid980 .site-sub-menu,
#navWid1190 .site-sub-menu {
	width: 80px;
	color: #fff;
	position: absolute;
	top: 32px;
	left: -20px;
	z-index: 2;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
	box-shadow: 0 1px 3px #ccc;
	display: none;
}

#navWid980 .site-sub-menu a,
#navWid1190 .site-sub-menu a {
	width: auto !important;
	display: block;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	float: none;
}

#navWid980 .site-nav-con li:hover .site-sub-menu,
#navWid1190 .site-nav-con li:hover .site-sub-menu {
	display: block;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}

#navWid980 .siteNav .hot-icon,
#navWid1190 .siteNav .hot-icon {
	position: absolute;
	top: -8px;
	width: 26px;
	height: 19px;
	background: url(../gif/hot.gif) no-repeat;
}

#navWid980 .siteNav .hot-icon {
	left: 16px;
}

#navWid1190 .siteNav .hot-icon {
	left: 14px;
}

@-webkit-keyframes zoomOut {
	0% {
		-webkit-transform: scale(.6);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes zoomOut {
	0% {
		-moz-transform: scale(.6);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes zoomOut {
	0% {
		-o-transform: scale(.6);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes zoomOut {
	0% {
		transform: scale(.6);
	}

	100% {
		transform: scale(1);
	}
}

/* 弹出层广告 */
.background {
	position: fixed;
	z-index: 1000001;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	background: #000;
	background: rgba(0, 0, 0, .5)
}

.webox {
	position: fixed;
	z-index: 1000002;
	width: 980px;
	left: 50%;
	margin-left: -490px;
	margin-top: -90px;
	bottom: 0;
	height: 186px
}

.webox #inside {
	height: auto
}

.webox .close {
	position: absolute;
	display: block;
	right: 0;
	top: -20px;
	background: url(../png/close.png) no-repeat center top;
	width: 52px;
	height: 19px;
	cursor: pointer
}

.webox a:hover {
	color: #333
}

.webox #inside #timer {
	position: absolute;
	left: auto;
	right: 13px;
	top: 5px;
	color: #fff;
	width: 30px;
}

.webox #inside #timer ul li {
	float: left;
	width: 30px;
	margin-right: 24px;
	text-align: center;
	font-size: 24px;
	font-weight: 700
}

.webox #inside .btn {
	width: 200px;
	height: 48px;
	left: 333px;
	top: 310px;
	display: block;
	background: url(../png/btn.png) no-repeat center 0;
	position: absolute;
}

.webox #inside .btn:hover {
	background-position-y: -48px;
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -1200px, 0);
		transform-origin: center top;
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.zoomOutUp {
	animation-name: zoomOutUp
}

@keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	animation-name: fadeOutUp
}

#topBox {
	height: auto;
}

#topBox .topbarNav {
	height: auto;
}

.logo-small-ico img {
	width: 16px !important;
	vertical-align: middle !important;
	margin: 0;
	display: inherit !important;
}

/* 顶部搜索历史和提示 */
.top-search-history {
	position: absolute;
	top: 32px;
	display: none;
	min-width: 228px;
	max-width: 600px;
	background: #fff;
	box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #f5f7f9;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.top-search-history-header {
	position: relative;
	height: 36px;
	padding: 0 15px !important;
	color: #333;
	font-size: 13px;
	line-height: 36px;
	border-bottom: 1px solid#EAEAEA;
	letter-spacing: 0;
}

.top-search-history-header span {
	float: left;
}

.top-search-history-header a {
	position: relative;
	float: right;
}

.top-search-history-body li {
	height: 35px;
	padding: 0 15px !important;
	line-height: 35px;
}

.top-search-history-body li:hover {
	background: #f5f7f9;
}

.top-clear-icon {
	position: absolute;
	top: 11px;
	right: 44px;
	width: 14px;
	height: 14px;
	background-image: url('../png/search_common_ico.png');
	background-position: 0 -45px;
	content: '';
}

.top-delete-history-icon {
	float: right;
	width: 7px;
	height: 7px;
	margin-top: 14px;
	background-image: url('../png/search_common_ico.png');
	background-position: 0 -116px;
	cursor: pointer;
}

.top-search-prompt {
	display: none;
	position: absolute;
	top: 32px;
	min-width: 228px;
	max-width: 600px;
	background: #fff;
	border: 1px solid #f5f7f9;
	box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.top-search-prompt li {
	height: 35px;
	padding: 0 15px !important;
	line-height: 35px;
	font-size: 14px;
}

.top-search-prompt li a {
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.top-search-prompt li:hover {
	background: #f5f7f9;
}

.top-search-history-body li a {
	display: inline-block;
	width: 95%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mysteel-topBar .top-ai-word-li {
	cursor: pointer;
}

#mysteel-topBar .top-ai-word-li:hover a {
	color: #1a52a5;
}

.top-search-prompt li a.top-ai-word,
.top-search-history-body li a.top-ai-word {
	width: initial;
	max-width: 515px;
	vertical-align: middle;
}

.top-search-prompt .top-ai-word-icon,
.top-search-history .top-ai-word-icon {
	display: inline-block;
	width: 36px;
	height: 12px;
	margin-left: 3px;
	background: url('../png/ai-word.png') no-repeat;
	background-size: 36px 12px;
	vertical-align: middle;
	cursor: pointer;
}

/*页面滚动公告板块*/
.common-notice-box {
	width: 968px;
	height: 14px;
	line-height: 14px;
	margin: 8px auto;
	padding: 8px 0 8px 10px;
	background: #FFF8ED;
	border: 1px solid #FAE4C1;
	overflow: hidden;
	zoom: 1;
}

.common-notice-box .common-notice-flag {
	width: 50px;
	height: 16px;
	line-height: 16px;
	margin-top: -2px;
	overflow: hidden;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #db2015;
}

.common-notice-box .common-notice-ico {
	width: 14px;
	height: 14px;
	margin-right: 3px;
	display: inline-block;
	background: url(../png/mysteel_topbar_newicof703.png) 0 -249px;
	position: relative;
	z-index: 1;
	top: 3px;
}

.common-notice-box .common-notice-content {
	width: 915px;
	float: right;
	overflow: hidden;
	zoom: 1;
	white-space: nowrap;
}

.common-notice-box .common-notice-item {
	width: 850px;
	float: left;
	overflow: hidden;
	zoom: 1;
}

.common-notice-box .common-notice-list {
	display: inline-block;
	overflow: hidden;
	zoom: 1;
}

.common-notice-box .common-notice-list li {
	max-width: 260px;
	padding-right: 10px;
	margin-right: 10px;
	display: inline-block;
	border-right: 1px solid #cacfdc;
}

.common-notice-box .common-notice-list li a {
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	display: block;
	color: #db2015;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.common-notice-box .common-notice-more {
	width: 50px;
	float: right;
	color: #db2015;
}

.common-notice-box.w-1190 {
	width: 1178px;
	margin: 10px auto 0;
	font-size: 14px;
}

.common-notice-box.w-1190 .common-notice-flag {
	font-size: 14px;
}

.common-notice-box.w-1190 .common-notice-content {
	width: 1125px;
}

.common-notice-box.w-1190 .common-notice-item {
	width: 1060px;
}

.common-notice-box.w-1190 .common-notice-list li {
	max-width: 330px;
}

/*页面右侧观看直播浮标*/
.mysteel-live-btn {
	width: 40px;
	height: 40px;
	font-family: "Microsoft Yahei";
	background: #2f88dc;
	border-radius: 6px;
	position: fixed;
	right: 10px;
	bottom: 210px;
	z-index: 9999;
}

.mysteel-live-btn:hover {
	background: #1A52A5;
}

.mysteel-live-btn .mysteel-live-name {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	height: 40px;
	padding: 3px 0 0 2px;
	width: 40px;
	letter-spacing: 2px;
	cursor: pointer;
}

.mysteel-live-btn .mysteel-live-con {
	width: 200px;
	padding: 5px;
	color: #333;
	text-align: center;
	border: 1px solid #dadada;
	top: -145px;
	background: #fff;
	position: absolute;
	right: 43px;
	z-index: 100000;
	display: none;
}

.mysteel-live-btn .mysteel-live-con img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.mysteel-live-btn:hover .mysteel-live-con {
	display: block;
}

/*热门推荐链接栏目*/
.hotnav-recommend-item {
	padding: 10px;
}

.hotnav-recommend-item a {
	display: inline-block;
	padding: 3px 8px;
	margin: 0 5px 8px 0;
	background: #f5f5f5;
}

.hotnav-recommend-item a:hover {
	box-shadow: 2px 2px 0 #dadada;
}

/* 页面尾部seo相关热搜词 */
.footer-related {
	width: 1190px;
	margin: 0 auto;
	margin-top: 5px;
}

.footer-related .footer-related-title {
	line-height: 28px;
	color: #666;
	border-bottom: 1px solid #ebebeb;
	font-weight: bold;
}

.footer-related ul {
	overflow: hidden;
	zoom: 1;
	padding-top: 5px;
}

.footer-related ul li {
	width: 118px;
	float: left;
}

.footer-related ul li.noBar {
	border: none;
}

.footer-related ul li a {
	display: block;
	width: 90px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #999;
}

.footer-related.w980 {
	width: 980px;
}

.footer-related.w980 ul li {
	width: 98px;
}

.footer-related.w980 ul li a {
	width: 78px;
}

/*文章详细页新增指标说明附件*/
.explain {
	text-indent: 2em;
	margin: 15px 0;
	font-size: 16px;
	color: #000;
}

.explain a {
	color: #3861ab;
	font-size: 16px;
}

.explain a:hover {
	text-decoration: underline;
}


/* 扫码登录公共样式 */

/* 登录弹框样式 */

.login-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: #000;
	background: rgba(0, 0, 0, .7);
	font-family: "Microsoft YaHei";
}

.login-common {
	position: relative;
	top: 50%;
	width: 800px;
	margin: auto;
	margin-top: -210px;
	padding: 50px 0 10px;
	border-radius: 20px;
	background-color: #fff;
	font-size: 0;
}

.login-common-close {
	position: absolute;
	top: -36px;
	right: -36px;
	height: 36px;
	width: 36px;
	cursor: pointer;
}

.login-common-scan {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 330px;
	height: 320px;
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #E8E8E8;
}

.scan-title {
	box-sizing: initial;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	text-align: center;
}

.scan-title b {
	color: #023985;
}

#modal-code {
	position: relative;
	display: inline-block;
	width: 116px;
	height: 116px;
	padding: 7px;
	margin-top: 24px;
	margin-bottom: 12px;
	vertical-align: middle;
	box-sizing: initial;
	text-align: center;
}

#modal-code .modal-code-loading {
	width: 32px;
	height: 32px;
	margin-top: 29px;
}

#modal-code .modal-code-text {
	height: 20px;
	line-height: 20px;
	margin-top: 8px;
	font-size: 14px;
	color: #023985;
}

#modal-code .reload-code {
	display: none;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 130px;
	margin: 0;
	padding: 25px 0;
	color: #023985;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	text-indent: 0;
	text-align: center;
	z-index: 99;
}

#modal-code .reload-code span {
	display: block;
	width: 28px;
	height: 28px;
	margin: 5px auto;
	padding: 0;
	background: url(../png/refresh.png) no-repeat;
	background-size: 28px 28px;
	position: initial;
}

.code-logo {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: url(../png/share_app.png) no-repeat;
	background-size: 24px;
}

.code-logo-bnjz {
	position: absolute;
	width: 35px;
	height: 10px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: url(../png/code-bnjz.png) no-repeat;
	background-size: 35px 10px;
	background-color: #fff;
}

.left-tip {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 116px;
	height: 187px;
	margin: 24px 0 2px 5px;
	padding: 7px;
	vertical-align: middle;
}

.download-code {
	display: none;
	width: 259px;
	height: 233px;
	margin: auto;
	background: #fff;
	box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.download-code-img {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: auto;
	margin-top: 23px;
	background: url(../png/app-code9ff6.png) no-repeat 0 0;
	background-size: 160px;
}

.download-code-text {
	display: block;
	height: 20px;
	line-height: 20px;
	padding-top: 20px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;

}

.scan-download {
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin: auto;
	margin-top: 10px;
	text-align: center;
}

.scan-download-subtitle {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	vertical-align: middle;
}

.scan-download-button {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.scan-download-button-img {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-left: 14px;
	background: url(../png/download-app.png) no-repeat 0 0;
	background-size: 24px;
	vertical-align: middle;
}

.scan-download-button-text {
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #023985;
	vertical-align: middle;
}

.scan-tip {
	display: none;
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #f54745;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

.login-common-form {
	display: inline-block;
	width: 470px;
	vertical-align: middle;
}

.account-tip {
	position: absolute;
	top: 10px;
	right: 20px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border-radius: 5px;
	box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.06);
	font-size: 12px;
	background: #DFEBFF;
	color: #023985;
	text-align: center;
}

.account-tip-triangle {
	position: absolute;
	top: 26px;
	left: 55px;
	width: 16px;
	height: 16px;
	background: url(../png/account-tip-triangle.png) no-repeat;
	background-size: 16px 16px;
}

.account-tip-text {
	display: inline-block;
	vertical-align: middle;
}

.account-tip-close {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../png/account-tip-close.png) no-repeat;
	background-size: 18px;
	vertical-align: middle;
	cursor: pointer;
}

.form-tab {
	width: 400px;
	margin: auto;
}

.form-tab div {
	display: inline-block;
	padding-bottom: 16px;
	font-size: 20px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	cursor: pointer;
}

.form-tab-account,
.form-tab-phone {
	margin-left: 40px;
}

.form-tab div.active {
	color: #023985;
	font-weight: bold;
	border-bottom: 4px solid #023985;
}

.form-content {
	width: 400px;
	margin: auto;
	font-size: 14px;
	overflow: hidden;
}

.form-content-username,
.form-content-password,
.form-content-image,
.form-content-phone,
.form-content-code {
	height: 36px;
	line-height: 36px;
	margin-top: 10px;
	border-bottom: 1px solid #ddd;
}

.form-content-username label,
.form-content-password label,
.form-content-image label,
.form-content-phone label,
.form-content-code label {
	display: inline-block;
	width: 48px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
	vertical-align: middle;
	cursor: inherit;
}

.form-content-username input,
.form-content-password input,
.form-content-image input,
.form-content-phone input,
.form-content-code input {
	float: initial;
	width: 327px;
	height: 30px;
	line-height: 30px;
	margin-left: 14px;
	padding: 0;
	border: none;
	outline: none;
	vertical-align: middle;
	text-align: left;
	color: #333;
	font-family: "Microsoft YaHei";
}

.form-content-image input,
.form-content-code input {
	width: 217px;
	font-family: "Microsoft YaHei";
}

.form-content-username ::-webkit-input-placeholder,
.form-content-password ::-webkit-input-placeholder,
.form-content-image ::-webkit-input-placeholder,
.form-content-phone ::-webkit-input-placeholder,
.form-content-code ::-webkit-input-placeholder {
	color: #BBBBBB;
	font-family: "Microsoft YaHei";
}

.get-code {
	float: right;
	width: 100px;
	height: 20px;
	line-height: 20px;
	margin-top: 12px;
	margin-left: 8px;
	border-left: 1px solid #DDDDDD;
	color: #023985;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
}

.get-code.active {
	opacity: 0.5;
	cursor: not-allowed;
}

.get-image {
	float: right;
	width: 94px;
	height: 32px;
	line-height: 32px;
	margin-top: 3px;
	margin-left: 8px;
	border-radius: 5px;
	color: #023985;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	background-color: #FFFFFF;
}

.username-tip,
.password-tip,
.image-tip,
.phone-tip,
.code-tip,
.limit-tip {
	width: 400px;
	min-height: 24px;
	margin: auto;
	margin-top: 6px;
}

.code-tip {
	margin-bottom: 34px;
}

.username-tip div,
.password-tip div,
.image-tip div,
.phone-tip div,
.code-tip div,
.limit-tip div {
	display: none;
	min-height: 24px;
	padding-left: 22px;
	text-align: left;
	font-size: 14px;
	color: #666666;
}

.username-tip-info,
.password-tip-info,
.image-tip-info,
.phone-tip-info,
.code-tip-info,
.limit-tip-info {
	background: url(../png/warring_icon.png) left 2.5px no-repeat;
}

.username-tip-error,
.password-tip-error,
.image-tip-error,
.phone-tip-error,
.code-tip-error,
.limit-tip-error {
	background: url(../png/fill_icon.png) left 2.5px no-repeat;
}

.username-tip-success,
.password-tip-success,
.image-tip-success,
.phone-tip-success,
.code-tip-success,
.limit-tip-success {
	background: url(../png/success_icon.png) left 2.5px no-repeat;
}

.form-content-forget {
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
}

.remember-password {
	display: inline-block;
	font-size: 15px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
}

.remember-password input,
.remember-password label {
	vertical-align: middle;
	cursor: pointer;
}

.login-common input[type='checkbox'] {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	-webkit-appearance: none;
	vertical-align: middle;
	background-color: #fff;
	border: solid 1px #c3c3c3;
	cursor: pointer;
	vertical-align: middle;
}


.login-common input[type='checkbox']:checked {
	position: relative;
	background-color: #023985;
	border: solid 1px #023985;
	vertical-align: middle;
}

.login-common input[type='checkbox']:checked:after {
	box-sizing: content-box;
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	width: 3px;
	height: 8px;
	border: 2px solid #fff;
	border-left: 0;
	border-top: 0;
	transform: rotate(45deg) scaleY(1);
}

.forget-password {
	font-size: 15px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #023985;
	cursor: pointer;
}

.forget-password {
	float: right;
}

.forget-password:hover {
	color: #0D4BA1;
}

.form-button {
	width: 400px;
	margin: auto;
	margin-top: 15px;
}

.form-button div {
	box-sizing: border-box;
	display: inline-block;
	width: 180px;
	height: 48px;
	line-height: 48px;
	border-radius: 5px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	cursor: pointer;
	text-align: center;
}

.form-button-login {
	background: #023985;
	color: #fff;
}

.form-button-login:hover {
	background: #0D4BA1;
}

.form-button-register {
	margin-left: 40px;
	background: #fff;
	border: 1px solid #023985;
	color: #023985;
}

.form-button-register:hover {
	border: 1px solid #0D4BA1;
	color: #0D4BA1;
}

/* 隐私协议 */

.form-limit {
	height: 24px;
	width: 400px;
	margin: auto;
	margin-top: 15px;
	font-size: 15px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #023985;
	cursor: pointer;
}

.form-limit span {
	color: #999;
}

.form-limit a {
	color: #023985;
}

.form-limit a:hover {
	color: #023985;
	text-decoration: underline;
}

.form-limit input,
.form-limit label {
	vertical-align: middle;
	cursor: pointer;
}

/* 详细页登录样式 */

#login-detail {
	width: 100%;
	height: 100%;
}

#login-detail div {
	text-indent: 0;
	margin: auto;
	overflow: initial;
}

#login-detail p {
	text-indent: 0;
}

#login-detail .login-common {
	width: 570px;
	margin: 20px auto;
	padding: 50px 0 15px;
	box-shadow: 0 0 10px #d8d8d8;
}

#login-detail .login-common-close {
	display: none;
}

#login-detail .login-common-scan {
	width: 220px;
	height: 250px;
}

#login-detail .scan-title {
	height: 14px;
	line-height: 14px;
	font-size: 14px;
}

#login-detail .detail-code {
	position: relative;
	display: inline-block;
	width: 88px;
	height: 88px;
	margin-top: 18px;
	margin-bottom: 15px;
	vertical-align: middle;
	background-color: #ffffff;
	text-align: center;
}

#login-detail .detail-code .detail-code-loading {
	width: 32px;
	height: 32px;
	margin: auto !important;
	margin-top: 15px !important;
	background: url(../gif/loading.gif) no-repeat;
	background-size: 32px 32px;
}

#login-detail .detail-code .detail-code-text {
	height: 20px;
	line-height: 20px;
	margin-top: 8px !important;
	font-size: 14px;
	color: #023985;
}

#login-detail .detail-code span {
	display: none;
	position: absolute;
	display: block;
	width: 88px;
	height: 88px;
	line-height: 88px;
	background: #000;
	background: rgba(0, 0, 0, .5);
	left: 0;
	top: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	cursor: pointer;
	z-index: 99;
}

#login-detail .detail-code .reload-code {
	display: none;
	position: absolute;
	width: 88px;
	height: 88px;
	line-height: 24px;
	margin: 0;
	padding: 3px 0;
	left: 0;
	top: 0;
	color: #023985;
	font-size: 12px;
	font-weight: 400;
	cursor: pointer;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	text-indent: 0;
	text-align: center;
	z-index: 99;
}

#login-detail .detail-code .reload-code span {
	position: initial;
	display: block;
	width: 28px;
	height: 28px;
	margin: 3px auto;
	padding: 0;
	background: url(../png/refresh.png) no-repeat;
	background-size: 28px 28px;
}

#login-detail .code-logo {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto !important;
	padding: 0 !important;
	background: url(../png/share_app.png) no-repeat;
	background-size: 24px;
}

#login-detail .code-logo-bnjz {
	position: absolute;
	width: 35px;
	height: 10px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto !important;
	padding: 0 !important;
	background: url(../png/code-bnjz.png) no-repeat;
	background-size: 35px 10px;
	background-color: #fff;
}

#login-detail .detail-code img {
	max-width: 100% !important;
	margin: auto;
}

#login-detail .left-tip {
	position: relative;
	display: inline-block;
	width: 86px;
	height: 139px;
	margin-top: 18px;
	margin-bottom: 15px;
	margin-left: 7px;
	padding: 0;
	background: url(../png/app-scan-tip.png) no-repeat;
	background-size: 86px 139px;
	vertical-align: middle;
}

#login-detail .download-code {
	width: 166px;
	height: 184px;
	line-height: initial;
	margin-bottom: 12px;
	text-align: center;
}

#login-detail .download-code-img {
	display: inline-block;
	width: 124px;
	height: 124px;
	margin: auto;
	margin-top: 20px;
	background: url(../png/app-code9ff6.png) no-repeat 0 0;
	background-size: 124px;
}

#login-detail .download-code-text {
	display: block;
	height: 20px;
	line-height: 20px;
	padding-top: 10px;
	font-size: 13px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
	text-align: center;
}

#login-detail .scan-download {
	width: 200px;
	height: 15px;
	line-height: 15px;
	margin-top: 10px;
}

#login-detail .scan-download-subtitle {
	height: 12px;
	line-height: 12px;
	font-size: 12px;
}

#login-detail .scan-download-button-img {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: auto;
	margin-right: 4px;
	margin-left: 12px;
	background: url(../png/download-app.png) no-repeat 0 0;
	background-size: 15px;
}

#login-detail .scan-download-button-text {
	font-size: 12px;
}

#login-detail .scan-tip {
	font-size: 12px;
	color: #f54745;
}

#login-detail .login-common-form {
	width: 350px;
	vertical-align: middle;
}


#login-detail .account-tip-triangle {
	left: 90px;
}

#login-detail .form-tab {
	width: 288px;
}

#login-detail .form-tab div {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 16px;
}

#login-detail .form-tab-account,
#login-detail .form-tab-phone {
	margin-left: 24px;
}

#login-detail .form-tab div.active {
	border-bottom: 3px solid #023985;
}

#login-detail .form-content {
	width: 288px;
	font-size: 14px;
}

#login-detail .form-content-username,
#login-detail .form-content-password,
#login-detail .form-content-image,
#login-detail .form-content-phone,
#login-detail .form-content-code {
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	border-bottom: 1px solid #ddd;
}

#login-detail .form-content-username label,
#login-detail .form-content-password label,
#login-detail .form-content-image label,
#login-detail .form-content-phone label,
#login-detail .form-content-code label {
	width: 36px;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
}

#login-detail .form-content-username input,
#login-detail .form-content-password input,
#login-detail .form-content-image input,
#login-detail .form-content-phone input,
#login-detail .form-content-code input {
	float: initial;
	width: 221px;
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
	font-size: 12px;
	color: #333;
	font-family: "Microsoft YaHei";
}

#login-detail .form-content-code input,
#login-detail .form-content-image input {
	width: 131px;
	font-family: "Microsoft YaHei";
}

#login-detail .get-image,
#login-detail .get-code {
	float: right;
	width: 80px;
	height: 20px;
	line-height: 20px;
	margin-top: 4px;
	margin-left: 8px;
	border-radius: 3px;
	font-size: 12px;
}

#login-detail .username-tip,
#login-detail .password-tip,
#login-detail .image-tip,
#login-detail .phone-tip,
#login-detail .code-tip,
#login-detail .limit-tip {
	width: 288px;
	min-height: 20px;
	margin: auto;
	margin-top: 6px;
	font-size: 12px;
}

#login-detail .code-tip {
	margin-bottom: 34px;
}

#login-detail .username-tip div,
#login-detail .password-tip div,
#login-detail .image-tip div,
#login-detail .phone-tip div,
#login-detail .code-tip div,
#login-detail .limit-tip div {
	display: none;
	min-height: 20px;
	padding-left: 18px;
	font-size: 12px;
	text-align: left;
	color: #666666;
}

#login-detail .username-tip-info,
#login-detail .password-tip-info,
#login-detail .image-tip-info,
#login-detail .phone-tip-info,
#login-detail .code-tip-info,
#login-detail .limit-tip-info {
	background: url(../png/warring_icon.png) left 5px no-repeat;
	background-size: 12px;
}


#login-detail .username-tip-error,
#login-detail .password-tip-error,
#login-detail .image-tip-error,
#login-detail .phone-tip-error,
#login-detail .code-tip-error,
#login-detail .limit-tip-error {
	background: url(../png/fill_icon.png) left 5px no-repeat;
	background-size: 12px;
}

#login-detail .username-tip-success,
#login-detail .password-tip-success,
#login-detail .image-tip-success,
#login-detail .phone-tip-success,
#login-detail .code-tip-success,
#login-detail .limit-tip-success {
	background: url(../png/success_icon.png) left 5px no-repeat;
	background-size: 12px;
}

#login-detail .form-content-forget {
	height: 30px;
	line-height: 30px;
}

#login-detail .remember-password,
#login-detail .forget-password,
#login-detail .form-content-limit {
	font-size: 12px;
}

#login-detail .remember-password {
	vertical-align: bottom;
}

#login-detail .remember-password label,
#login-detail .form-content-limit label {
	font-size: 12px;
}

#login-detail .form-button {
	width: 288px;
	margin: auto;
	margin-top: 4px;
}

#login-detail .form-button div {
	width: 120px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	border-radius: 5px;
}


#login-detail .form-button-register {
	margin-left: 43px;
}

.form-content-image,
.image-tip {
	display: none;
}

.over-limit .form-content-image,
.over-limit .image-tip {
	display: block;
}

#login-detail .form-limit {
	width: 288px;
	height: 24px;
	margin-top: 10px;
}

#login-detail .form-limit,
#login-detail .form-limit label {
	font-size: 12px;
}

#login-detail .login-ad {
	max-height: 70px;
	width: 550px;
	margin: 0 auto;
	margin-top: 5px;
	overflow: hidden;
}

#login-detail .login-ad-left,
#login-detail .login-ad-right {
	width: 270px;
}


#login-detail .login-ad-left {
	float: left;
}

#login-detail .login-ad-right {
	float: right;
}

#login-detail .login-ad-left a,
#login-detail .login-ad-right a {
	display: block;
}

.yidun_popup.yidun_popup--light {
	z-index: 9999999 !important;
}

/* 新版头部悬浮样式 */

.webui-popover-content {
	display: none
}

.webui-popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
	min-width: 50px;
	min-height: 32px;
	padding: 1px;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
	margin-top: -10px
}

.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
	margin-left: 10px
}

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
	margin-top: 10px
}

.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
	margin-left: -10px
}

.webui-popover.pop {
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
	-o-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
	transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
	opacity: 0;
	filter: alpha(opacity=0)
}

.webui-popover.pop-out {
	-webkit-transition-property: "opacity,transform";
	-o-transition-property: "opacity,transform";
	transition-property: "opacity,transform";
	-webkit-transition: .15s linear;
	-o-transition: .15s linear;
	transition: .15s linear;
	opacity: 0;
	filter: alpha(opacity=0)
}

.webui-popover.fade,
.webui-popover.fade-out {
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
	opacity: 0;
	filter: alpha(opacity=0)
}

.webui-popover.out {
	opacity: 0;
	filter: alpha(opacity=0)
}

.webui-popover.in {
	-webkit-transform: none;
	-o-transform: none;
	transform: none;
	opacity: 1;
	filter: alpha(opacity=100)
}

.webui-popover .webui-popover-content {
	padding: 9px 14px;
	overflow: auto;
	display: block
}

.webui-popover-inner .close {
	font-family: arial;
	margin: 8px 10px 0 0;
	float: right;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	text-decoration: none
}

.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
	opacity: .5;
	filter: alpha(opacity=50)
}

.webui-popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
	border-radius: 5px 5px 0 0
}

.webui-popover-content {
	padding: 9px 14px;
	overflow: auto;
	display: none
}

.webui-popover-inverse {
	background-color: #333;
	color: #eee
}

.webui-popover-inverse .webui-popover-title {
	background: #333;
	border-bottom: 1px solid #3b3b3b;
	color: #eee
}

.webui-no-padding .webui-popover-content {
	padding: 0
}

.webui-no-padding .list-group-item {
	border-right: none;
	border-left: none
}

.webui-no-padding .list-group-item:first-child {
	border-top: 0
}

.webui-no-padding .list-group-item:last-child {
	border-bottom: 0
}

.webui-popover>.arrow,
.webui-popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.webui-popover>.arrow {
	border-width: 11px
}

.webui-popover>.arrow:after {
	border-width: 10px;
	content: ""
}

.webui-popover.top>.arrow,
.webui-popover.top-right>.arrow,
.webui-popover.top-left>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0
}

.webui-popover.top>.arrow:after,
.webui-popover.top-right>.arrow:after,
.webui-popover.top-left>.arrow:after {
	content: " ";
	bottom: 1px;
	margin-left: -10px;
	border-top-color: #fff;
	border-bottom-width: 0
}

.webui-popover.right>.arrow,
.webui-popover.right-top>.arrow,
.webui-popover.right-bottom>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25)
}

.webui-popover.right>.arrow:after,
.webui-popover.right-top>.arrow:after,
.webui-popover.right-bottom>.arrow:after {
	content: " ";
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff
}

.webui-popover.bottom>.arrow,
.webui-popover.bottom-right>.arrow,
.webui-popover.bottom-left>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
	border-top-width: 0
}

.webui-popover.bottom>.arrow:after,
.webui-popover.bottom-right>.arrow:after,
.webui-popover.bottom-left>.arrow:after {
	content: " ";
	top: 1px;
	margin-left: -10px;
	border-bottom-color: #fff;
	border-top-width: 0
}

.webui-popover.left>.arrow,
.webui-popover.left-top>.arrow,
.webui-popover.left-bottom>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25)
}

.webui-popover.left>.arrow:after,
.webui-popover.left-top>.arrow:after,
.webui-popover.left-bottom>.arrow:after {
	content: " ";
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px
}

.webui-popover-inverse.top>.arrow,
.webui-popover-inverse.top-left>.arrow,
.webui-popover-inverse.top-right>.arrow,
.webui-popover-inverse.top>.arrow:after,
.webui-popover-inverse.top-left>.arrow:after,
.webui-popover-inverse.top-right>.arrow:after {
	border-top-color: #333
}

.webui-popover-inverse.right>.arrow,
.webui-popover-inverse.right-top>.arrow,
.webui-popover-inverse.right-bottom>.arrow,
.webui-popover-inverse.right>.arrow:after,
.webui-popover-inverse.right-top>.arrow:after,
.webui-popover-inverse.right-bottom>.arrow:after {
	border-right-color: #333
}

.webui-popover-inverse.bottom>.arrow,
.webui-popover-inverse.bottom-left>.arrow,
.webui-popover-inverse.bottom-right>.arrow,
.webui-popover-inverse.bottom>.arrow:after,
.webui-popover-inverse.bottom-left>.arrow:after,
.webui-popover-inverse.bottom-right>.arrow:after {
	border-bottom-color: #333
}

.webui-popover-inverse.left>.arrow,
.webui-popover-inverse.left-top>.arrow,
.webui-popover-inverse.left-bottom>.arrow,
.webui-popover-inverse.left>.arrow:after,
.webui-popover-inverse.left-top>.arrow:after,
.webui-popover-inverse.left-bottom>.arrow:after {
	border-left-color: #333
}

.webui-popover i.icon-refresh:before {
	content: ""
}

.webui-popover i.icon-refresh {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 20px;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-left: -15px;
	margin-right: -15px;
	background: url(../loading.html) no-repeat
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		transform: rotate(360deg)
	}
}

.webui-popover-backdrop {
	background-color: rgba(0, 0, 0, .65);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998
}

.webui-popover .dropdown-menu {
	display: block;
	position: relative;
	top: 0;
	border: none;
	box-shadow: none;
	float: none
}

/* 新版头部css覆盖  */

#mysteel-topBar {
	position: relative;
	left: 0;
	right: 0;
	width: 100%;
	height: 36px;
	line-height: 36px;
	margin: 0 auto;
	padding: 0;
	color: #333;
	word-wrap: break-word;
	zoom: 1;
	z-index: 100000;
	border: none;
	background: #F1F1F1;
}


#mysteel-topBar .top-search-history,
#mysteel-topBar .top-search-prompt {
	top: 30px;
	left: 300px;
	font-size: 14px;
}

#mysteel-topBar .top-search-history a:hover,
#mysteel-topBar .top-search-prompt a:hover {
	color: #1a52a5;
}

#mysteel-topBar {
	width: 1190px;
	height: 36px;
	line-height: 36px;
	background: #F1F1F1;
}

#mysteel-topBar .login-bar {
	position: relative;
	display: inline-block;
	width: 205px;
	height: 36px;
	padding: 0 0 0 15px;
	font-size: 12px;
}

#mysteel-topBar .topbar-nav-login {
	position: absolute;
	top: 6px;
	left: 15px;
	width: 46px;
	height: 24px;
	line-height: 24px;
	background: #1A52A5;
	border-radius: 5px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

#mysteel-topBar .topbar-nav-register {
	position: absolute;
	top: 6px;
	left: 76px;
	box-sizing: border-box;
	width: 46px;
	height: 24px;
	line-height: 22px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #BC0008;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #BC0008;
	text-align: center;
	vertical-align: middle;
}

#mysteel-topBar .topbar-nav-register:hover {
	color: #BC0008;
}

#mysteel-topBar .login-bar .userBtn {
	position: relative;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	margin-top: -3px;
	padding-right: 22px;
	border: none;
}

#mysteel-topBar .login-bar .userBtn::before {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	width: 1px;
	height: 26px;
	background: #d1d1d1;
}

#mysteel-topBar .login-bar .userSlectCon .userBtn::before {
	display: none;
}

#mysteel-topBar .login-bar .userBtn a {
	height: 36px;
	line-height: 36px;
	vertical-align: initial;
}

#mysteel-topBar .login-bar .userBtn .arrow {
	position: absolute;
	top: 14px;
	margin: 0;
}

#mysteel-topBar .login-bar .userSlectCon .userBtn .arrow {
	position: absolute;
	margin: 0;
	top: 14px;
}

#mysteel-topBar .login-bar .headnav-infor {
	height: 36px;
	line-height: 36px;
	margin-top: 0;
	vertical-align: middle;
}

#mysteel-topBar .topbar-nav-survey {
	visibility: hidden;
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	margin-top: 9px;
	margin-left: 5px;
	vertical-align: top;
	background: url('../gif/survey.gif');
	background-size: 20px 20px;
}

#mysteel-topBar .topbar-nav-search {
	position: relative;
	display: inline-block;
	width: 226px;
	height: 36px;
	line-height: 36px;
	margin-left: 10px;
	vertical-align: top;
}

#mysteel-topBar .nav-search-container {
	position: relative;
	width: 226px;
	height: 24px;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #E1E1E1;
	border-radius: 12px;
}

#mysteel-topBar .topbar-nav-search input {
	display: block;
	width: 150px;
	height: 25px;
	line-height: 25px;
	padding-left: 11px;
	border-radius: 12px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #999;
	border: none;
	outline: none;
	background: transparent;
}

#mysteel-topBar .topbar-nav-search .nav-search-icon {
	position: absolute;
	top: 5px;
	right: 43px;
	width: 14px;
	height: 14px;
	background: url('../png/css_sprites.png') -233px -202px;
	cursor: pointer;
}

#mysteel-topBar .topbar-nav-search .nav-search-text {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 25px;
	padding: 0 14px 0 5px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
	cursor: pointer;
}

#mysteel-topBar .topbar-nav-search .nav-search-text:hover {
	color: #1A52A5;
}

#mysteel-topBar .topbar-nav-gpt {
	width: 29px;
	height: 29px;
	position: relative;
	display: inline-block;
	margin-top: 3px;
	margin-left: 10px;
	vertical-align: top;
	background: url('../gif/mysteel-gpt7e41.gif');
	background-size: 29px 29px;
}

#mysteel-topBar .topbar-nav-contact {
	width: 114px;
	position: relative;
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #1A52A5;
	vertical-align: top;
}

#mysteel-topBar .topbar-nav-contact .nav-contact-icon {
	display: inline-block;
	width: 20px;
	height: 18px;
	background: url('../png/css_sprites.png') -227px -261px;
	vertical-align: middle;
}

#mysteel-topBar .topbar-nav-contact .nav-contact-text {
	display: inline-block;
	width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

#mysteel-topBar .topbar-nav-container,
#mysteel-topBar .topbar-nav-app,
#mysteel-topBar .topbar-nav-media,
#mysteel-topBar .topbar-nav-data,
#mysteel-topBar .topbar-nav-product,
#mysteel-topBar .topbar-nav-supervise,
#mysteel-topBar .topbar-nav-english {
	position: relative;
	display: inline-block;
	margin-left: 28px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
	vertical-align: top;
}

#mysteel-topBar .topbar-nav-container {
	font-size: 0;
	margin-left: 15px;
}

#mysteel-topBar .topbar-nav-app {
	margin-left: 0;
}

#mysteel-topBar .topbar-nav-product,
#mysteel-topBar .topbar-nav-supervise {
	margin-left: 44px;
}

#mysteel-topBar .topbar-nav-app:hover,
#mysteel-topBar .topbar-nav-media:hover,
#mysteel-topBar .topbar-nav-data:hover,
#mysteel-topBar .topbar-nav-product:hover,
#mysteel-topBar .topbar-nav-supervise:hover,
#mysteel-topBar .topbar-nav-english:hover {
	text-decoration: underline;
	color: #1A52A5;
}


#mysteel-topBar .topbar-arrow-up,
#mysteel-topBar .topbar-arrow-down {
	position: absolute;
	right: -14px;
	top: 16px;
	width: 10px;
	height: 4px;
	background: url('../png/css_sprites.png') -233px -236px;
}

#mysteel-topBar .topbar-arrow-up {
	display: none;
	top: 15px;
	background: url('../png/css_sprites.png') -148px -318px;
}

#mysteel-topBar .topbar-nav-media .topbar-dropdown-menu-text span {
	display: inline-block;
	vertical-align: middle;
}

#mysteel-topBar .topbar-nav-media .media-wechat-icon {
	width: 20px;
	height: 20px;
	background: url('../png/css_sprites.png') -142px -100px;
}

#mysteel-topBar .topbar-nav-media .media-weibo-icon {
	width: 20px;
	height: 20px;
	background: url('../png/css_sprites.png') -182px -100px;
}

.media-popover {
	box-sizing: border-box;
	width: 150px;
	height: 179px;
	padding-top: 12px;
	box-shadow: 4px 6px 4px 0px rgba(162, 162, 162, 0.16);
	border-radius: 5px;
	text-align: center;
	background: #fff;
}

.media-popover img {
	display: block;
	width: 112px;
	height: 112px;
	margin: 0 auto;
}

.media-popover p {
	line-height: 20px;
	margin-top: 4px;
	margin-bottom: 0;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #1A52A5;
}

.webui-popover {
	border: 1px solid #e8e8e8;
}

.webui-popover .webui-popover-content {
	padding: 0;
}

.webui-popover.right>.arrow,
.webui-popover.right-top>.arrow,
.webui-popover.right-bottom>.arrow {
	border-right-color: #e8e8e8;
}

#mysteel-topBar .topbar-dropdown {
	position: relative;
}

#mysteel-topBar .topbar-dropdown-text {
	display: inline-block;
	cursor: pointer;
}

#mysteel-topBar .topbar-dropdown-text span {
	display: inline-block;
}

#mysteel-topBar .topbar-dropdown-menu {
	display: none;
	position: absolute;
	top: 36px;
	left: -20px;
	width: 76px;
	background: #fff;
	background: #fff;
	box-shadow: 4px 6px 4px 0px rgba(162, 162, 162, 0.16);
	z-index: 99;
}

#mysteel-topBar .topbar-dropdown-menu-text {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	font-weight: 400;
	color: #333;
	background: #fff;
	text-align: center;
	cursor: pointer;
}

#mysteel-topBar .topbar-dropdown-menu-text:hover {
	color: #1A52A5;
	background-color: #F0F5FB;
}

#mysteel-topBar .topbar-dropdown:hover .topbar-dropdown-menu,
#mysteel-topBar .topbar-dropdown:hover .topbar-arrow-up {
	display: block;
}

#mysteel-topBar .topbar-dropdown:hover .topbar-arrow-down {
	display: none;
}

#mysteel-topBar .topbar-nav-media .topbar-dropdown-menu {
	width: 80px;
	left: -15px;
}

#mysteel-topBar .topbar-nav-media .topbar-dropdown-menu-text {
	box-sizing: border-box;
	padding: 0 10px;
	text-align: left;
}

#mysteel-topBar .topbar-nav-product .topbar-dropdown-menu {
	left: -14px;
}

#mysteel-topBar .topbar-nav-product .topbar-dropdown-menu .dropdown-ai-icon {
	position: relative;
	top: 2px;
	width: 14px;
	height: 12px;
	display: inline-block;
	background: url('../png/dropdown-gpt-icon.png');
	background-size: 14px 12px;
}

#mysteel-topBar .topbar-nav-product .topbar-dropdown-menu .dropdown-ai-text {
	display: inline-block;
	vertical-align: middle;
}

/* 公共顶部导航 */

.topbar-site {
	box-sizing: border-box;
	width: 1190px;
	height: 36px;
	line-height: 36px;
	margin: auto;
	margin-bottom: 5px;
	padding: 0 15px;
	border-bottom: 1px solid #E1E1E1;
	font-size: 0;
	background-color: #FFF;
	text-align: center;
}

.topbar-site a {
	margin-right: 19px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 600;
	color: #1A52A5;
}

.topbar-site a.no-margin-right {
	margin-right: 0;
}

.topbar-site a:hover {
	text-decoration: underline;
}

.topbar-site-sousousteel {
	box-sizing: content-box;
	position: relative;
	display: inline-block;
	margin-right: 19px;
}

.topbar-site-sousousteel .topbar-sousousteel-text,
.topbar-site-sousousteel .topbar-sousousteel-text a {
	height: 36px;
	line-height: 36px;
	margin: 0;
}

.topbar-site-sousousteel .topbar-sousousteel-menu {
	display: none;
	position: absolute;
	top: 36px;
	left: -20px;
	width: 80px;
	background: #fff;
	background: #fff;
	box-shadow: 4px 6px 4px 0px rgb(162 162 162 / 16%);
	z-index: 99;
}

.topbar-site-sousousteel .topbar-sousousteel-menu-text {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	color: #333;
	background: #fff;
	text-align: center;
	cursor: pointer;
}

.topbar-site-sousousteel .topbar-sousousteel-menu-text:hover {
	color: #1A52A5;
	background-color: #F0F5FB;
	text-decoration: none;
}

.topbar-site-sousousteel:hover .topbar-sousousteel-menu,
.topbar-site-sousousteel:hover .topbar-sousousteel-menu {
	display: block;
}

/* 980宽度 */

#navWid980 #mysteel-topBar {
	width: 980px;
	background: #F1F1F1;
	font-size: 0;
}


#navWid980 #mysteel-topBar .top-search-history,
#navWid980 #mysteel-topBar .top-search-prompt {
	top: 30px;
	left: 294px;
}

#navWid980 #mysteel-topBar .topbar-nav-survey {
	margin-left: 0;
}

#navWid980 #mysteel-topBar .topbar-nav-search {
	width: 196px;
	margin-left: 5px;
}

#navWid980 #mysteel-topBar .nav-search-container {
	width: 196px;
}

#navWid980 #mysteel-topBar .topbar-nav-search input {
	width: 120px;
}

#navWid980 #mysteel-topBar .topbar-nav-gpt {
	margin: 3px 10px 0;
}

#navWid980 #mysteel-topBar .topbar-nav-contact {
	margin-left: 12px;
}

#navWid980 #mysteel-topBar .topbar-nav-container,
#navWid980 #mysteel-topBar .topbar-nav-app {
	margin-left: 0;
}

#navWid980 #mysteel-topBar .topbar-nav-data,
#navWid980 #mysteel-topBar .topbar-nav-media,
#navWid980 #mysteel-topBar .topbar-nav-english {
	margin-left: 7px;
}

#navWid980 #mysteel-topBar .topbar-nav-product,
#navWid980 #mysteel-topBar .topbar-nav-supervise {
	margin-left: 21px;
}

#navWid980 .topbar-site {
	width: 980px;
}

#navWid980 .topbar-site a,
#navWid980 .topbar-site-sousousteel {
	margin-right: 8px;
}

#navWid980 .topbar-site-sousousteel .topbar-sousousteel-text,
#navWid980 .topbar-site-sousousteel .topbar-sousousteel-text a {
	height: 36px;
	line-height: 36px;
	margin: 0;
}

#navWid980 .topbar-site-sousousteel .topbar-sousousteel-menu-text:hover {
	text-decoration: none;
}

#navWid980 .topbar-site a.no-margin-right {
	margin-right: 0;
}

/* 微信扫码登录新增样式 */

.form-tip {
	position: absolute;
	top: 15px;
	right: 80px;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	background: #fff;
	box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.06);
	text-align: center;
}

.form-tip-image {
	width: 26px;
	height: 21px;
	vertical-align: middle;
}

.form-tip-text {
	display: inline-block;
	margin-left: 7px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
	vertical-align: middle;
}

.form-tip-arrow {
	position: absolute;
	top: 8px;
	right: -10px;
	width: 10px;
	height: 17px;
}

.form-switch-icon {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 45px;
	height: 44px;
	cursor: pointer;
}

.form-title {
	padding-top: 10px;
	text-align: center;
}

.form-title-image {
	width: 37px;
	height: 29px;
	margin-top: 5px;
	vertical-align: middle;
}

.form-title-text {
	display: inline-block;
	margin-left: 7px;
	font-size: 20px;
	font-family: "Microsoft YaHei";
	font-weight: bold;
	color: #333;
	vertical-align: middle;
}

.form-wechat {
	position: relative;
	width: 380px;
	margin: 30px auto 0;
	text-align: initial;
}

.form-wechat-code {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 176px;
	height: 176px;
	border: 1px solid #e2e2e2;
	vertical-align: middle;
	z-index: 9;
	text-align: center;
}

.form-wechat-code .form-wechat-code-loading {
	width: 32px;
	height: 32px;
	margin-top: 56px;
}

.form-wechat-code .form-wechat-code-text {
	height: 20px;
	line-height: 20px;
	margin-top: 12px;
	font-size: 14px;
	color: #023985;
}

.form-wechat-code .reload-wechat-code {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 174px;
	height: 174px;
	margin: 0;
	padding-top: 44px;
	color: #023985;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 99;
	text-align: center;
}

.form-wechat-code .reload-wechat-code span {
	display: block;
	width: 28px;
	height: 28px;
	margin: 10px auto;
	padding: 0;
	background: url(../png/refresh.png) no-repeat;
	background-size: 28px 28px;
}

.form-wechat-tip {
	width: 197px;
	vertical-align: middle;
}

.form-intro {
	margin-top: 20px;
	text-align: center;
	font-size: 15px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
}

.form-intro-tip span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(http://a.mysteelcdn.com/common/login/scan_login/pc/images/scan-success.svg) no-repeat;
	background-size: 20px 20px;
	vertical-align: text-bottom;
}

.form-intro-limit {
	margin-top: 11px;
	color: #999;
}

.form-intro-limit a {
	color: #023985;
}

.wechat-scan-tip {
	opacity: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	color: #f54745;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

/* 详细页微信扫码登录样式 */

#login-detail .form-tip {
	position: absolute;
	top: 9px;
	right: 80px;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	background: #fff;
	box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.06);
	text-align: center;
}

#login-detail .form-tip-image {
	display: inline-block;
	width: 26px;
	height: 21px;
	padding: 0;
	background: url(http://a.mysteelcdn.com/common/login/scan_login/pc/images/wechat.svg) no-repeat;
	vertical-align: middle;
}

#login-detail .form-tip-text {
	display: inline-block;
	margin-left: 7px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
	vertical-align: middle;
}

#login-detail .form-tip-arrow {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: -10px;
	width: 10px;
	height: 17px;
	background: url(http://a.mysteelcdn.com/common/login/scan_login/pc/images/arrrow-right.svg) no-repeat;
}

#login-detail .form-switch-icon {
	position: absolute;
	top: 9px;
	right: 20px;
	width: 45px;
	height: 44px;
	cursor: pointer;
}

#login-detail .form-switch-wechat {
	background: url(http://a.mysteelcdn.com/common/login/scan_login/pc/images/switch-wechat.svg) no-repeat;
}

#login-detail .form-switch-password {
	background: url(http://a.mysteelcdn.com/common/login/scan_login/pc/images/switch-password.svg) no-repeat;
}

#login-detail .form-title {
	padding-top: 10px;
	text-align: center;
}

#login-detail .form-title-image {
	display: inline-block;
	width: 37px;
	height: 29px;
	margin-top: 5px;
	background: url(http://a.mysteelcdn.com/common/login/scan_login/pc/images/title-wechat.svg) no-repeat;
	background-size: 80%;
	vertical-align: middle;
}

#login-detail .form-title-text {
	display: inline-block;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: bold;
	color: #333;
	vertical-align: middle;
}

#login-detail .form-wechat {
	position: relative;
	width: 300px;
	margin: 24px auto 0;
	text-align: initial;
}

#login-detail .form-wechat-code {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 135px;
	height: 135px;
	border: 1px solid #e2e2e2;
	vertical-align: middle;
	z-index: 9;
	text-align: center;
}

#login-detail .form-wechat-code .form-wechat-code-loading {
	width: 32px;
	height: 32px;
	margin: auto !important;
	margin-top: 36.5px !important;
	background: url(../gif/loading.gif) no-repeat;
	background-size: 32px 32px;
}

#login-detail .form-wechat-code .form-wechat-code-text {
	height: 20px;
	line-height: 20px;
	margin-top: 12px !important;
	font-size: 14px;
	color: #023985;
}

#login-detail .form-wechat-code .reload-wechat-code {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 132px;
	height: 132px;
	margin: 0;
	padding-top: 24px;
	color: #023985;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 99;
	text-indent: 0;
	text-align: center;
}

#login-detail .form-wechat-code .reload-wechat-code span {
	display: block;
	width: 28px;
	height: 28px;
	margin: 10px auto;
	padding: 0;
	background: url(../png/refresh.png) no-repeat;
	background-size: 28px 28px;
}

#login-detail .form-wechat-tip {
	display: inline-block;
	width: 150px;
	height: 135px;
	margin-left: 6px;
	background: url(../png/wechat-tipb75c.png) no-repeat;
	background-size: 150px 135px;
	vertical-align: middle;
}

#login-detail .form-intro {
	line-height: 14px;
	margin-top: 30px;
	text-align: center;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #333;
}

#login-detail .form-intro-tip span {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(http://a.mysteelcdn.com/common/login/scan_login/pc/images/scan-success.svg) no-repeat;
	background-size: 16px 16px;
	vertical-align: text-bottom;
}

#login-detail .form-intro-limit {
	margin-top: 14px;
	font-size: 12px;
}

#login-detail .wechat-scan-tip {
	opacity: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	color: #f54745;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 32px #fff inset;
	-webkit-text-fill-color: #333;
}



/*主站右侧悬浮窗口*/
#fixed-columns {
	position: fixed;
	right: 0;
	bottom: 100px;
	z-index: 99999;
}

#fixed-columns .fixed-right-box {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	background: #1A52A5;
}

#fixed-columns .fixed-right-gpt {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 40px;
	background: #1A52A5;
	text-align: center;
	padding-top: 11px;
	cursor: pointer;
}

#fixed-columns .fixed-right-gpt:hover {
	background: #FFFFFF;
	border: 1px solid #1A52A5;
}

#fixed-columns .fixed-right-gpt-icon {
	display: block;
	width: 20px;
	height: 18px;
	margin: auto;
	background: url('../png/mysteel-gpt-white.png');
	background-size: 20px 18px;
}

#fixed-columns .fixed-right-gpt:hover .fixed-right-gpt-icon {
	background: url('../png/mysteel-gpt-blue.png');
	background-size: 20px 18px;
}

#fixed-columns .fixed-right-gpt-icon::after {
	position: absolute;
	left: 6px;
	bottom: 0;
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: #2665C2;
}

#fixed-columns .fixed-right-gpt:hover .fixed-right-gpt-icon::after {
	display: none;
}

#fixed-columns .fixed-right-gpt-tip {
	display: none;
	position: absolute;
	bottom: -5px;
	left: -138px;
	width: 133px;
	height: 56px;
	background: url('../png/mysteel-gpt-tip.png');
	background-size: 133px 56px;
}

#fixed-columns .fixed-right-gpt:hover .fixed-right-gpt-tip {
	display: block;
}


@font-face {
	font-family: "fixed-icon";
	src: url('http://a.mysteelcdn.com/common/3.0/css/font_fixed_right_tools.eot?v=20240730');
	/* IE9 */
	src: url('http://a.mysteelcdn.com/common/3.0/css/font_fixed_right_tools.eot?v=20240730#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('http://a.mysteelcdn.com/common/3.0/css/font_fixed_right_tools.woff2?v=20240730') format('woff2'),
		url('http://a.mysteelcdn.com/common/3.0/css/font_fixed_right_tools.woff?v=20240730') format('woff'),
		url('http://a.mysteelcdn.com/common/3.0/css/font_fixed_right_tools.ttf?v=20240730') format('truetype');
}

#fixed-columns .fixed-icon {
	position: relative;
	height: 40px;
	background: #1A52A5;
	text-align: center;
}

#fixed-columns .fixed-icon::before {
	line-height: 40px;
	font-style: normal;
	color: #fff;
	font-family: "fixed-icon" !important;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#fixed-columns .fixed-icon::after {
	position: absolute;
	left: 6px;
	bottom: 0;
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: #2665C2;
}

/* app */
#fixed-columns .fixed-icon-app:before {
	content: "\e604";
}

/* 微信 */
#fixed-columns .fixed-icon-wechat:before {
	content: "\e606";
}

/* 福利 */
#fixed-columns .fixed-icon-welfare:before {
	content: "\e60b";
}

/* 观看直播 */
#fixed-columns .fixed-icon-live:before {
	content: "\e607";
}

/* 新浪微博 */
#fixed-columns .fixed-icon-sina:before {
	content: "\e608";
}

/* 意见反馈 */
#fixed-columns .fixed-icon-feedback:before {
	content: "\e62e";
}

/* 在线客服 */
#fixed-columns .fixed-icon-online-service:before {
	content: "\e60a";
}

/* 返回顶部 */
#fixed-columns .fixed-icon-gotop:before {
	content: "\e605";
}

#fixed-columns .fixed-icon-gotop::after {
	display: none;
}

#fixed-columns .fixed-icon .fixed-icon-code {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 10px auto 0;
}

#fixed-columns .fixed-icon .fixed-icon-text {
	display: none;
	padding-top: 5px;
	width: 40px;
	height: 35px;
	color: #1A52A5;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	box-shadow: 0 0 7px 0 rgba(80, 82, 88, .26);
}

#fixed-columns .fixed-right-app-box {
	display: block;
}

#fixed-columns .fixed-right-box:hover .fixed-icon {
	background: #fff;
	cursor: pointer;
}

#fixed-columns .fixed-right-box:hover .fixed-icon::before,
#fixed-columns .fixed-right-box:hover .fixed-icon::after {
	display: none;
}

#fixed-columns .fixed-right-box:hover .fixed-icon .fixed-icon-code {
	display: none;
}

#fixed-columns .fixed-right-box:hover .fixed-icon .fixed-icon-text {
	display: block;
}

#fixed-columns .fixed-right-box:hover,
#fixed-columns .fixed-right-box:hover .fixed-icon,
#fixed-columns .fixed-right-box:hover .fixed-icon .fixed-icon-text {
	text-decoration: none;
}

#fixed-columns .fixed-con {
	display: none;
	position: absolute;
	top: -85px;
	right: 50px;
	z-index: 100000;
	width: 200px;
	padding: 5px;
	border: 1px solid #1A52A5;
	color: #333;
	text-align: center;
	background: #fff;
	box-sizing: initial;
}

#fixed-columns .fixed-con img {
	width: 195px;
	height: 195px;
	display: block;
	margin: 3px auto 0;
}

#fixed-columns .fixed-con .service-text {
	text-align: center;
	font-size: 12px;
	line-height: 22px;
}

#fixed-columns .fixed-right-box:hover .fixed-con {
	display: block;
}

#fixed-columns .service-con {
	top: 0;
}

#fixed-columns .service-box:hover .service-con {
	display: block;
}

#fixed-columns .go-top-box {
	display: none;
}

#service-btn {
	padding: 0;
	right: 0;
	bottom: 0;
	background-color: none;
	border-radius: 0;
}

#chat-btn,
.ideafeedBackBtn,
.fixBox,
#fixed-tools-box,
.mysteel-live-btn,
.goTop,
.go-top,
#hotLine ul,
.backTop,
.float-r,
.li1,
.li2,
.li3,
.box_os .osqq,
.popTop,
.popBor,
.fix-box,
.box_os {
	display: none !important;
}

#fixed-columns .ideafeed-back-btn,
#fixed-columns #service-btn {
	display: block !important
}

#fixed-columns .ideafeed-back-btn {
	right: 0;
	bottom: 0;
}

/*@import "base";*/
#fixed-columns .webuploader-container {
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

#fixed-columns .webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 45px;
	height: 21px;
	float: left;
	background: #1A52A5;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	border-radius: 3px;
	letter-spacing: 2px;
}

#fixed-columns .webuploader-pick-hover {
	background: #1d7cdc;
}

#fixed-columns .webuploader-pick-disable {
	opacity: 0.6;
	pointer-events: none;
}

/*以上针对上传文件处样式*/
#fixed-columns .idea-feedback-frame .arrow_icon,
#fixed-columns .yjfk_closebtn,
#fixed-columns .closeFrameBtn,
#fixed-columns .error_tip_icon {
	background: url(../png/fixed-column-icon.png) no-repeat 0 0;
}

#fixed-columns .idea-feedback-frame-back {
	display: none;
	background: #000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 100000;
}

#fixed-columns .idea-feedback-frame {
	position: relative;
	top: -257px;
	right: 375px;
	z-index: 100000;
	cursor: auto;
	display: none;
	margin: 0;
	width: 363px;
	height: 330px;
	border: 1px solid #1A52A5;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #333;
	background: #fff;
}

#fixed-columns .idea-feedback-frame .arrow_icon {
	position: absolute;
	top: 15px;
	right: -10px;
	z-index: 2;
	width: 10px;
	height: 11px;
	background-position: -71px 0;
}

#fixed-columns .idea-feedback-frame div {
	padding: 0;
	margin: 0;
}

#fixed-columns .idea-feedback-frame table {
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #333;
	font-family: "Microsoft Yahei";
}

#fixed-columns .idea-feedback-frame table thead tr {
	height: 41px;
	line-height: 41px;
}

#fixed-columns .idea-feedback-frame table thead tr th {
	overflow: hidden;
	zoom: 1;
	text-align: left;
	padding-left: 25px;
	border-bottom: 1px solid #e5e5e5;
	color: #1A52A5;
	font-size: 16px;
}

#fixed-columns .idea-feedback-frame table tbody tr td {
	position: relative;
	padding: 5px 0;
	font-size: 14px;
}

#fixed-columns .idea-feedback-frame table tbody tr td.w-20 {
	width: 20%;
}

#fixed-columns .idea-feedback-frame table tbody tr td.w-80 {
	width: 80%;
}

#fixed-columns .idea-feedback-frame table tbody tr td .mustPoint {
	color: red;
}

#fixed-columns .idea-feedback-frame table tbody tr td .mustPoint::after {
	width: 0;
}

#fixed-columns .idea-feedback-frame table tbody tr td textarea {
	box-sizing: initial;
	margin: 0;
	padding: 6px 4px;
	border: 1px solid #e5e5e5;
	outline: 0;
	width: 261px;
	height: 43px;
	font-size: 14px;
	resize: none;
	font-family: "Microsoft Yahei";
}

#fixed-columns .idea-feedback-frame table tbody tr td input {
	padding: 0 4px;
	border: 1px solid #e5e5e5;
	outline: 0;
	width: 261px;
	height: 23px;
	line-height: 23px;
	box-sizing: initial;
	font-family: "Microsoft Yahei";
}

#fixed-columns .idea-feedback-frame table tbody tr td #fileupload {
	width: 70px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon {
	position: relative;
	left: 0;
	top: 0;
	width: 269px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .btn {
	display: inline-block;
	vertical-align: middle;
	line-height: 28px;
	text-align: center;
	width: 100px;
	height: 28px;
	background: #ddd;
	border: 1px solid #ccc;
	letter-spacing: 4px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .tip {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	text-align: left;
	width: 216px;
	height: 21px;
	line-height: 21px;
	color: #999;
	font-size: 14px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .ieImg {
	float: left;
	display: none;
	width: 45px;
	height: 21px;
	border-radius: 3px;
	background: #1A52A5;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	cursor: not-allowed;
	letter-spacing: 2px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .imgCon {
	zoom: 1;
	overflow: hidden;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .imgCon .uploader-list {
	zoom: 1;
	overflow: hidden;
	float: right;
	width: 214px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .imgCon .uploader-list .thumbnail {
	position: relative;
	left: 0;
	top: 0;
	float: left;
	margin-right: 8px;
	width: 60px;
	height: 21px;
	line-height: 20px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .imgCon .uploader-list .thumbnail .info {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 51px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .imgCon .uploader-list .thumbnail .imgCloseBtn {
	position: absolute;
	right: 0;
	top: 5px;
	display: inline-block;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background: url(../png/feedback_ico.png) no-repeat 0 -19px;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .imgCon .uploader-list .thumbnail .error {
	text-align: center;
	line-height: 20px;
	color: red;
}

#fixed-columns .idea-feedback-frame table tbody tr td .uploadCon .imgCon .webuploader-container input {
	width: auto;
}

#fixed-columns .idea-feedback-frame table tbody tr td .verifyInp {
	width: 191px;
	float: left;
}

#fixed-columns .idea-feedback-frame table tbody tr td .code {
	display: inline-block;
	float: left;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
	height: 23px;
	width: 58px;
	background: #dcdcdc;
	border: 1px solid #dadada;
	font-family: Arial;
	font-style: italic;
	color: blue;
	font-size: 18px;
	letter-spacing: 0px;
	font-weight: bolder;
}

#fixed-columns .idea-feedback-frame table tbody tr td:first-child {
	padding-right: 12px;
	text-align: right;
}

#fixed-columns .idea-feedback-frame table tbody tr td:last-child {
	text-align: left;
}

#fixed-columns .idea-feedback-frame .btnCon {
	padding: 8px 0 20px;
}

#fixed-columns .idea-feedback-frame .btnCon button {
	margin-left: 20%;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	width: 202px;
	height: 32px;
	background: #1A52A5;
	color: #fff;
}

#fixed-columns .idea-feedback-frame .btnCon button:hover {
	background: #1d7cdc;
}

#fixed-columns .ideaFeedbackAlertFrame {
	position: fixed;
	top: 45%;
	left: 0;
	display: none;
	z-index: 100000;
	text-align: center;
	width: 100%;
	font-size: 16px;
	color: #fff;
}

#fixed-columns .ideaFeedbackAlertFrame span {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 20px;
	opacity: 0.8;
	border-radius: 5px;
	max-width: 80%;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

#fixed-columns .feedbackFrame {
	position: fixed;
	top: 40%;
	left: 0;
	z-index: 100000;
	display: none;
	width: 100%;
}

#fixed-columns .feedbackFrame .fd_alertText {
	text-align: center;
	line-height: 26px;
	width: 358px;
	border: 1px solid #1A52A5;
	margin: 0 auto;
	background: #fff;
	font-size: 17px;
	color: #5a5a5a;
}

#fixed-columns .feedbackFrame .fd_alertText h4 {
	margin: 0;
	padding: 0;
	padding-top: 6px;
	height: 50px;
}

#fixed-columns .feedbackFrame .fd_alertText h4 img.closeFrameBtn {
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

#fixed-columns .feedbackFrame .fd_alertText .tipCon {
	margin: 0 auto;
	text-align: center;
}

#fixed-columns .feedbackFrame .fd_alertText .tipCon img {
	display: inline-block;
	vertical-align: middle;
}

#fixed-columns .feedbackFrame .fd_alertText .tipCon span {
	display: inline-block;
	vertical-align: middle;
	max-width: 280px;
}

#fixed-columns .feedbackFrame .fd_alertText .tipCon::after {
	display: block;
	content: "";
	height: 0;
	font-size: 0;
	clear: both;
}

#fixed-columns .feedbackFrame .fd_alertText .sureFrameBtn, #feedbackFrame .fd_alertText .sureFrameBtn {
	cursor: pointer;
	margin: 24px auto;
	line-height: 32px;
	border: none;
	width: 120px;
	height: 32px;
	background: #1A52A5;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}

#fixed-columns .feedbackFrame .fd_alertText .sureFrameBtn:hover, #feedbackFrame .fd_alertText .sureFrameBtn:hover {
	background: #1d7cdc;
}

#fixed-columns .fkType label {
	cursor: pointer;
}

#fixed-columns .idea-feedback-frame table tbody tr td .fkType input {
	flex-grow: 1;
	-ms-flex: 1;
	width: 10px;
	height: 13px;
}

#fixed-columns .fkType>label {
	margin-right: 10px;
}

#fixed-columns .radiospan {
	display: inline-block;
	margin-top: -1px;
	vertical-align: middle;
	line-height: 1;
	background-color: #fff;
	border: 2px solid rgba(0, 0, 0, 0.15);
	border-radius: 100%;
	width: 10px;
	height: 10px;
}

#fixed-columns .radioInput:checked+.radiospan:after {
	content: "";
	display: block;
	margin-left: 2px;
	margin-top: 2px;
	width: 6px;
	height: 6px;
	background-color: #1A52A5;
	border-radius: 100%;
}

#fixed-columns .radioInput:checked+.radiospan {
	border: 2px solid #1A52A5;
}

#fixed-columns .radioInput {
	display: none;
}

#fixed-columns #idea-feedback-frame .fkType input {
	border: none
}

#fixed-columns #xwj-btn {
	display: block;
	position: fixed;
	right: 10px;
	bottom: 255px;
	z-index: 9999;
	overflow: hidden;
	width: 40px;
	height: 40px;
}

#fixed-columns #xwj-btn img {
	display: block;
	width: 100%;
	height: 40px;
}

#fixed-columns #idea-feedback-frame .fkType input {
	border: none
}

#fixed-columns .yjfk_closebtn {
	display: block;
	float: right;
	margin-right: 10px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-position: -71px -65px;
}

#fixed-columns .closeFrameBtn {
	float: right;
	margin-right: 5px;
	cursor: pointer;
	width: 26px;
	height: 26px;
	background-position: -71px -74px;
}

#fixed-columns .error_tip_icon {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	height: 45px;
	background-position: -71px -110px;
}


/* 登录超限弹框样式 */

.login-limit {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	background: #000;
	background: rgba(0, 0, 0, .5);
	z-index: 99999999;
}

.login-limit-container {
	position: relative;
	top: 50%;
	width: 500px;
	height: 400px;
	margin: auto;
	margin-top: -200px;
	border-radius: 5px;
	background-color: #FFFFFF;
	z-index: 1000011;
}

.login-limit-close {
	position: absolute;
	top: -30px;
	right: -30px;
	height: 30px;
	width: 30px;
	cursor: pointer;
}

.login-limit-title {
	width: 500px;
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #DDDDDD;

}

.login-limit-title img {
	height: 21px;
	width: 21px;
	margin-left: 21px;
	vertical-align: middle;
}

.login-limit-title p {
	display: inline-block;
	margin: 0;
	margin-left: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
}

.login-limit-subtitle {
	width: 500px;
	height: 72px;
	line-height: 72px;
	text-align: center;
}

.login-limit-subtitle img {
	width: 19px;
	height: 26px;
	vertical-align: middle;
}

.login-limit-subtitle p {
	display: inline-block;
	margin: 0;
	margin-left: 8px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	vertical-align: middle;
}

.login-limit-form {
	width: 400px;
	margin: auto;
}

.limit-form-phone,
.limit-form-code {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #DDDDDD;
}

.limit-form-phone label,
.limit-form-code label {
	display: inline-block;
	width: 48px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	vertical-align: middle;
	cursor: inherit;
}

.limit-form-phone input,
.limit-form-code input {
	width: 332px;
	height: 30px;
	line-height: 30px;
	margin-left: 14px;
	border: none;
	outline: none;
	vertical-align: middle;
}

.limit-form-code input {
	width: 222px;
}

.limit-form-phone ::-webkit-input-placeholder,
.limit-form-code ::-webkit-input-placeholder {
	color: #BBBBBB;
}

.get-limit-code {
	float: right;
	width: 94px;
	height: 32px;
	line-height: 32px;
	margin-top: 3px;
	margin-left: 8px;
	background: #DFEBFF;
	border: 1px solid #B4CAF5;
	border-radius: 5px;
	color: #023985;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
}

.get-limit-code:hover {
	border: 1px solid #0D4BA1;
	background: #0D4BA1;
	color: #FFFFFF;
}

.get-limit-code.active {
	opacity: 0.5;
	cursor: not-allowed;
	border: 1px solid #0D4BA1;
	background: #0D4BA1;
	color: #FFFFFF;
}

.limit-phone-tip,
.limit-code-tip {
	width: 400px;
	margin: auto;
	height: 30px;
	line-height: 40px;
}

.limit-phone-tip p,
.limit-code-tip p {
	display: none;
	height: 30px;
	line-height: 40px;
	padding-left: 22px;
	text-align: left;
	font-size: 14px;
	color: #666666;
}

.limit-phone-tip-info,
.limit-code-tip-info {
	background: url(../png/warring_icon.png) left 12px no-repeat;
}

.limit-phone-tip-error,
.limit-code-tip-error {
	background: url(../png/fill_icon.png) left 12px no-repeat;
}

.limit-phone-tip-success,
.limit-code-tip-success {
	background: url(../png/success_icon.png) left 12px no-repeat;
}

.login-limit-tip {
	width: 100%;
	margin: auto;
	margin-top: 10px;
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	text-align: center;
}

.login-limit-button {
	width: 400px;
	margin: auto;
	margin-top: 25px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	background: #023985;
	cursor: pointer;
}

.yidun_popup.yidun_popup--light {
	z-index: 9999999999 !important;
}

#rDiv {
	z-index: 999999 !important;
}

/* 主站招租广告针对IE9及以下隐藏 */
.common-rental-ad-wechat {
	display: none\9;

}

/*主站详细页-固定底部广告位*/
.public-footer-fixed-adv {
	position: fixed !important;
	left: 50%;
	right: 0;
	bottom: 0;
	z-index: 9999999;
	width: 1190px;
	height: 50px;
	margin-left: -595px;
}

.public-footer-fixed-adv.w-980 {
	width: 980px;
	margin-left: -490px;
}

.public-footer-fixed-adv>.public-footer-fixed-ad-link {
	display: block;
	width: 100%;
	height: 100%;
}

.public-footer-fixed-adv>.public-footer-fixed-ad-link>img {
	display: block;
	margin: 0 auto;
	border: none;
}

/* 详情广告 */
#market-detail-adv-1,
#market-detail-adv-2 {
	width: 1190px;
}

#market-detail-adv-1,
#market-detail-adv-2,
#market-detail-adv-3,
#market-detail-adv-4 {
	margin: auto;
	overflow: hidden;
}

/* 一行2个 */
.market-detail-adv-two .ADload,
.market-detail-adv-three .ADload,
.market-detail-adv-four .ADload {
	float: left;
}

/* 一行3个 */
.market-detail-adv-three .ADload {
	margin-right: 1px;
}


/* 一行4个 */
.market-detail-adv-four .ADload {
	margin-right: 2px;
}

.market-detail-adv-three .ADload:last-child,
.market-detail-adv-four .ADload:last-child {
	margin-right: 0;
}


/* 登录上方、侧边 */
#market-detail-adv-1 .ADload,
#market-detail-adv-4 .ADload {
	margin-bottom: 7px;
}

/* 快速导航下方 */
#market-detail-adv-2 .ADload {
	margin-top: 7px;
}

/* 钢材行情详细页广告样式覆盖 */

#gc-market-detail #market-detail-adv-9,
#gc-market-detail #market-detail-adv-10 {
	width: 1190px;
}

#gc-market-detail #market-detail-adv-11 {
	display: none;
}

#gc-market-detail #market-detail-adv-5,
#gc-market-detail #market-detail-adv-6,
#gc-market-detail #market-detail-adv-7,
#gc-market-detail #market-detail-adv-8,
#gc-market-detail #market-detail-adv-9,
#gc-market-detail #market-detail-adv-10,
#gc-market-detail #market-detail-adv-11,
#gc-market-detail #market-detail-adv-12 {
	margin: auto;
	overflow: hidden;
}

#gc-market-detail .market-detail-adv-three .ADload,
#gc-market-detail .market-detail-adv-four .ADload {
	margin-right: 0;
}

#gc-market-detail #market-detail-adv-1 .ADload,
#gc-market-detail #market-detail-adv-4 .ADload {
	margin-bottom: 0;
}

#gc-market-detail #market-detail-adv-2 .ADload {
	margin-top: 0;
}

#gc-market-detail #market-detail-adv-2 {
	margin-top: 7px;
}

/* 两侧广告增加下边距 */
#gc-market-detail #market-detail-adv-4,
#gc-market-detail #market-detail-adv-5 {
	margin-bottom: 10px;
}

/* 两侧的每个广告增加下边距 */
#gc-market-detail #market-detail-adv-4 .ADload,
#gc-market-detail #market-detail-adv-5 .ADload,
#gc-market-detail #market-detail-adv-6 .ADload {
	margin-bottom: 2px;
}

/* 给背投增加高度 */

.ad-beitou-list {
	max-height: 30px;
	overflow: hidden;
}

#gc-market-detail #market-detail-adv-10,
#gc-market-detail #market-detail-adv-12 {
	max-height: 30px;
	overflow: hidden;
}

#gc-market-detail #market-detail-adv-11 {
	max-height: 70px;
	overflow: hidden;
}

#gc-market-detail #market-detail-adv-2 {
	max-height: 50px;
	overflow: hidden;
}

/* 会员到期通知 */

.member-expire {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: #000;
	background: rgba(0, 0, 0, .7);
	font-family: "Microsoft YaHei";
}

.member-expire-modal {
	position: relative;
	top: 50%;
	left: 50%;
	width: 360px;
	height: 94px;
	margin-top: -47px;
	margin-left: -180px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
	border-radius: 8px;
}

.expire-modal-icon {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 16px;
	left: 16px;
}

.expire-modal-title {
	position: absolute;
	top: 16px;
	left: 48px;
	height: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
}

.expire-modal-tip {
	position: absolute;
	top: 16px;
	right: 40px;
	height: 24px;
	font-weight: 500;
	font-size: 14px;
	color: #999999;
	line-height: 24px;
}

.expire-modal-close {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 20px;
	right: 16px;
	cursor: pointer;
}

.expire-modal-text {
	position: absolute;
	top: 56px;
	left: 16px;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
}

.expire-modal-text-link {
	color: #0149AA;
	text-decoration: underline;
	cursor: pointer;
}

/* 头部弹框 */

#topbar-notice {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: #000;
	background: rgba(0, 0, 0, .7);
	font-family: "Microsoft YaHei";
}

#topbar-notice-modal {
	position: relative;
	width: 400px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
	text-align: center;
}

/* 会员到期弹框 */

#topbar-notice-modal .member-modal {
	display: none;
	position: relative;
	width: 360px;
	height: 94px;
	margin: auto;
	border-radius: 8px;
	box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
	background-color: #fff;
}

#topbar-notice-modal .member-modal-icon {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 16px;
	left: 16px;
}

#topbar-notice-modal .member-modal-title {
	position: absolute;
	top: 16px;
	left: 48px;
	height: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
}

#topbar-notice-modal .member-modal-tip {
	position: absolute;
	top: 16px;
	right: 40px;
	height: 24px;
	font-weight: 500;
	font-size: 14px;
	color: #999999;
	line-height: 24px;
}

#topbar-notice-modal .member-modal-close {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 20px;
	right: 16px;
	cursor: pointer;
}

#topbar-notice-modal .member-modal-text {
	position: absolute;
	top: 56px;
	left: 16px;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
}

#topbar-notice-modal .member-modal-text-link {
	color: #0149AA;
	text-decoration: underline;
	cursor: pointer;
}

/* 弱口令弹框 */
#topbar-notice-modal .weakpasss-modal {
	display: none;
	box-sizing: border-box;
	position: relative;
	width: 384px;
	margin: auto;
	margin-top: 18px;
	background: #FFFFFF;
	box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
	border-radius: 6px;
	padding-top: 24px;
	text-align: center;
}

#topbar-notice-modal .weakpasss-modal-close {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 16px;
	right: 16px;
	cursor: pointer;
}

#topbar-notice-modal .weakpasss-modal-image {
	width: 154px;
	height: 94px;
	margin: auto;
	background: url(../png/weakpass.png) no-repeat;
	background-size: 154px 94px;
}

#topbar-notice-modal .weakpasss-modal-title {
	margin-top: 5px;
	font-weight: 500;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	text-align: center;
}

#topbar-notice-modal .weakpasss-modal-subtitle {
	margin-top: 12px;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	text-align: center;
}

#topbar-notice-modal .weakpasss-modal-button {
	width: 116px;
	height: 32px;
	line-height: 32px;
	margin: auto;
	margin-top: 12px;
	background: #0149AA;
	border-radius: 3px;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;

}

#topbar-notice-modal .weakpasss-modal-admin {
	height: 46px;
	line-height: 46px;
	border-top: 1px dashed #f0f0f0;
	margin-top: 16px;
	font-size: 12px;
	color: #999999;
	font-weight: 400;
	text-align: center;
}

#qimo_chatpup iframe {
	height: 100%;
}

/* 文章详细页点赞收藏等按钮样式 */
@font-face {
	font-family: "article-tool-icon";
	src: url('http://a.mysteelcdn.com/common/3.0/css/article-tool-icon.woff2?v=20251016') format('woff2'),
		url('http://a.mysteelcdn.com/common/3.0/css/article-tool-icon.woff?v=20251016') format('woff'),
		url('http://a.mysteelcdn.com/common/3.0/css/article-tool-icon.ttf?v=20251016') format('truetype');
}

#tool-part .article-tool-icon,
#slide-tool .article-tool-icon {
	font-family: "article-tool-icon" !important;
	font-size: 20px;
	font-style: normal;
	color: #999;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#tool-part .article-tool-like:before,
#slide-tool .article-tool-like:before {
	content: "\e61c";
}

#tool-part .tool-part-item:hover .article-tool-like:before,
#slide-tool .slide-tool-item:hover .article-tool-like:before,
#tool-part .is-active .article-tool-like:before,
#slide-tool .is-active .article-tool-like:before {
	content: "\e61a";
	color: #1A52A5;
}

#tool-part .article-tool-dislike:before,
#slide-tool .article-tool-dislike:before {
	content: "\e624";
}

#tool-part .tool-part-item:hover .article-tool-dislike:before,
#slide-tool .slide-tool-item:hover .article-tool-dislike:before,
#tool-part .is-active .article-tool-dislike:before,
#slide-tool .is-active .article-tool-dislike:before {
	content: "\e619";
	color: #1A52A5;
}

#tool-part .article-tool-favorite:before,
#slide-tool .article-tool-favorite:before {
	content: "\e620";
}

#tool-part .tool-part-item:hover .article-tool-favorite:before,
#slide-tool .slide-tool-item:hover .article-tool-favorite:before,
#tool-part .is-active .article-tool-favorite:before,
#slide-tool .is-active .article-tool-favorite:before {
	content: "\e61d";
	color: #1A52A5;
}

#slide-tool .article-tool-share:before {
	content: "\e61e";
}

#slide-tool .tool-share-popover {
	display: none;
	box-sizing: border-box;
	position: absolute;
	left: 55px;
	top: -6px;
	width: 110px;
	line-height: 30px;
	padding: 5px 10px;
	text-align: left;
	background: #fff;
	box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
	z-index: 999;
	border-radius: 4px;
}

#slide-tool .tool-share-popover-arrow {
	position: absolute;
	left: -10px;
	top: 20px;
	width: 0;
	height: 0;
	border-right: 12px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

#slide-tool .tool-share-popover-wechat {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

#slide-tool .tool-share-popover-wechat-icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../png/article-wechat.png) no-repeat;
	background-size: 26px;
	vertical-align: middle;
}

#slide-tool .tool-share-popover-wechat-text {
	display: inline-block;
	vertical-align: middle;
}

#slide-tool .tool-share-popover-weibo {
	cursor: pointer;
}

#slide-tool .tool-share-popover-weibo-icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../png/article-weibo.png) no-repeat;
	background-size: 26px;
	vertical-align: middle;
}

#slide-tool .tool-share-popover-weibo-text {
	display: inline-block;
	vertical-align: middle;
}

#slide-tool .slide-tool-item:hover .article-tool-share:before {
	content: "\e623";
	color: #1A52A5;
}

#slide-tool .slide-tool-item:hover .tool-share-popover {
	display: block;
}

#tool-part .article-tool-watch:before,
#slide-tool .article-tool-watch:before {
	content: "\e621";
}

#tool-part .tool-part-item:hover .article-tool-watch:before,
#slide-tool .slide-tool-item:hover .article-tool-watch::before {
	content: "\e61f";
	color: #1A52A5;
}

#tool-part .tool-watch-popover,
#slide-tool .tool-watch-popover {
	display: none;
	position: absolute;
	padding: 10px 10px 8px;
	background: #FFFFFF;
	box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
	z-index: 999;
	text-align: center;
}

#tool-part .tool-watch-popover {
	left: -57px;
	top: 30px;
}

#slide-tool .tool-watch-popover {
	left: 55px;
	top: -7px;
}

#tool-part .tool-watch-popover-arrow {
	position: absolute;
	left: -10px;
	top: 9px;
	width: 0;
	height: 0;
	border-right: 12px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

#slide-tool .tool-watch-popover-arrow {
	position: absolute;
	left: -10px;
	top: 16px;
	width: 0;
	height: 0;
	border-right: 12px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

#tool-part .tool-watch-popover-img,
#slide-tool .tool-watch-popover-img {
	position: relative;
	width: 120px;
	height: 120px;
	margin: auto;
	margin-bottom: 8px;
}

#tool-part .tool-watch-popover-img-logo,
#slide-tool .tool-watch-popover-img-logo {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: url(../png/share_app.png) no-repeat;
	background-size: 28px;
}

#tool-part .tool-watch-popover-text,
#slide-tool .tool-watch-popover-text {
	line-height: 20px;
	font-size: 12px;
	color: #666;
}

#tool-part .tool-part-item:hover .tool-watch-popover,
#slide-tool .slide-tool-item:hover .tool-watch-popover {
	display: block;
}

#tool-part .article-tool-print:before,
#slide-tool .article-tool-print:before {
	content: "\e622";
}

#tool-part .tool-part-item:hover .article-tool-print:before,
#slide-tool .slide-tool-item:hover .article-tool-print:before {
	content: "\e61b";
	color: #1A52A5;
}

#tool-part {
	display: none;
	margin-top: 20px;
	padding: 0 15px;
}

#tool-part .tool-part-item {
	display: inline-block;
	margin-right: 12px;
	cursor: pointer;
}

#tool-part .tool-part-dislike {
	position: relative;
	top: 2px;
}

#tool-part .tool-part-watch,
#tool-part .tool-part-print {
	position: relative;
	display: none;
}

#tool-part .tool-part-share {
	float: right;
}

#tool-part .tool-part-share-label {
	display: inline-block;
	font-size: 14px;
	color: #333333;
	vertical-align: middle;
}

#tool-part .tool-part-share-wechat {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0 12px;
	background: url("../png/article-wechat.png") no-repeat;
	background-size: 26px;
	vertical-align: middle;
	cursor: pointer;
}

#tool-part .tool-part-share-weibo {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("../png/article-weibo.png") no-repeat;
	background-size: 26px;
	vertical-align: middle;
	cursor: pointer;
}

#slide-tool {
	display: none;
	position: fixed;
	width: 60px;
	top: 50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -666px;
	z-index: 99;
}

#slide-tool .slide-tool-item {
	position: relative;
	width: 60px;
	padding: 8px 0;
	text-align: center;
	cursor: pointer;
}

#slide-tool .slide-tool-item::before {
	position: absolute;
	content: "";
	width: 28px;
	height: 1px;
	background-color: #f0f0f0;
	left: 16px;
	bottom: 0;
}

#slide-tool .slide-tool-print::before {
	display: none;
}

#slide-tool .slide-tool-item-text {
	font-size: 12px;
	margin-top: 3px;
	color: #666666;
}

/* 先隐藏点赞数 */
#slide-tool .slide-tool-like .slide-tool-item-text {
	display: none;
}

#slide-tool .slide-tool-item:hover .slide-tool-item-text,
#slide-tool .slide-tool-item.is-active .slide-tool-item-text {
	color: #1A52A5;
}

#tool-part .tool-wechat-popover,
#slide-tool .tool-wechat-popover {
	display: none;
	position: absolute;
	padding: 10px 10px 8px;
	background: #FFFFFF;
	box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
	z-index: 999;
	text-align: center;
}

#tool-part .tool-wechat-popover {
	left: -60px;
	top: 30px;
}

#slide-tool .tool-wechat-popover {
	left: 102px;
	top: -50px;
}

#tool-part .tool-wechat-popover-img,
#slide-tool .tool-wechat-popover-img {
	width: 120px;
	height: 120px;
	margin: auto;
	margin-bottom: 8px;
	background-color: #fff;
}

#tool-part .tool-wechat-popover-text,
#slide-tool .tool-wechat-popover-text {
	line-height: initial;
}

#tool-part .tool-part-share-wechat:hover .tool-wechat-popover,
#slide-tool .tool-share-popover-wechat:hover .tool-wechat-popover {
	display: block;
}

#common-operate-toast {
	display: none;
	position: fixed;
	top: 212px;
	left: 50%;
	margin-left: -125px;
	padding: 8px 10px;
	min-width: 250px;
	z-index: 999999;
	border-radius: 2px;
	color: #fff;
	font-weight: 300;
	user-select: none;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-sizing: border-box;
	transition: all 0.4s ease-out;
	background-color: #323232;
	font-size: 16px;
	text-align: center;
}

/* 注销提示弹框 */
#topbar-notice-modal .cancel-modal {
	display: none;
	position: relative;
	width: 445px;
	height: 192px;
	margin: auto;
	background: #FFFFFF;
	box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
	border-radius: 8px;
}

#topbar-notice-modal .cancel-modal-icon {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 24px;
	height: 24px;
}

#topbar-notice-modal .cancel-modal-tip {
	position: absolute;
	top: 16px;
	left: 48px;
	height: 24px;
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #333333;
}

#topbar-notice-modal .cancel-modal-title {
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	height: 26px;
	font-weight: 500;
	font-size: 16px;
	color: #1A52A5;
	line-height: 26px;
	text-align: center;
}

#topbar-notice-modal .cancel-modal-close {
	position: absolute;
	top: 21px;
	right: 16px;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

#topbar-notice-modal .cancel-modal-text {
	position: absolute;
	top: 98px;
	left: 0;
	width: 100%;
	height: 22px;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
}

#topbar-notice-modal .cancel-modal-btn-know {
	position: absolute;
	top: 144px;
	left: 241px;
	width: 88px;
	height: 32px;
	line-height: 32px;
	background: #FFFFFF;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	text-align: center;
	cursor: pointer;
}

#topbar-notice-modal .cancel-modal-btn-login {
	position: absolute;
	top: 144px;
	left: 341px;
	width: 88px;
	height: 32px;
	line-height: 32px;
	background: #1A52A5;
	border-radius: 3px;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}