html {
	line-height:1.15;
	-webkit-text-size-adjust:100%
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre {
	font-family:monospace;
	font-size:1em
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}
code,kbd,samp {
	font-family:monospace;
	font-size:1em
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-0.25em
}
sup {
	top:-0.5em
}
img {
	border-style:none;
	object-fit:cover;
	max-width: 100%;
}
button,input,optgroup,select,textarea {
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button,input {
	overflow:visible
}
button,select {
	text-transform:none
}
button,[type="button"],[type="reset"],[type="submit"] {
	-webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
	border-style:none;
	padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
	outline:1px dotted ButtonText
}
fieldset {
	padding:0.35em 0.75em 0.625em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type="checkbox"],[type="radio"] {
	box-sizing:border-box;
	padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
	height:auto
}
[type="search"] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
details {
	display:block
}
summary {
	display:list-item
}
template {
	display:none
}
[hidden] {
	display:none
}
* {
	margin:0;
	padding:0;
	vertical-align:baseline
}
body {
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,SimSun,sans-serif;
	*font-family:Microsoft YaHei,SimSun,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:100%;
	word-break:break-all
}
header,footer,nav,section,article,aside,main,details {
	display:block
}
header{position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;}
a {
	text-decoration:none;
	background-color:transparent;
	outline:none
}
a:hover {
	text-decoration:none;
	border:0;
	color:#d52136
}
a:focus {
	-moz-outline-style:none
}
abbr,acronym,fieldset {
	border-style:none
}
ol,ul {
	list-style:none
}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0
}
button,button:focus {
	outline:none
}
input[type="text"],textarea {
	-webkit-appearance:none;
	outline:none
}
input:focus,textarea:focus {
	outline:none
}
input:-webkit-autofill {
	-webkit-box-shadow:0 0 0px 1000px #fff inset
}
::-webkit-input-placeholder {
	color:#999
}
:-moz-placeholder {
	color:#999
}
::-moz-placeholder {
	color:#999
}
:-ms-input-placeholder {
	color:#999
}
input::-ms-clear {
	display:none
}
input::-ms-reveal {
	display:none
}
.clearfix,.header-inner,.author {
	*zoom:1
}
.clearfix:after,.header-inner:after,.author:after {
	content:"";
	display:block;
	line-height:0;
	font-size:0;
	clear:both
}
.fl {
	float:left
}
.fr {
	float:right
}
ul.clearfix > li,ol.clearfix > li {
	float:left
}
ul.clearfix > li.fr,ol.clearfix > li.fr {
	float:right
}
.tl {
	text-align:left!important
}
.tc {
	text-align:center!important
}
.tr {
	text-align:right!important
}
.dn {
	display:none!important
}
.db {
	display:block
}
.hidden {
	visibility:hidden
}
.visible {
	visibility:visible
}
.ellipsis {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.lineclamp {
	word-break:break-word;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
.mt0 {
	margin-top:0!important
}
.ml0 {
	margin-left:0!important
}
.mb0 {
	margin-bottom:0!important
}
.mr0 {
	margin-right:0!important
}
.pt0 {
	padding-top:0!important
}
.pl0 {
	padding-left:0!important
}
.pb0 {
	padding-bottom:0!important
}
.pr0 {
	padding-right:0!important
}
.ml5 {
	margin-left:5px
}
.ml10 {
	margin-left:10px
}
.ml15 {
	margin-left:15px
}
.ml20 {
	margin-left:20px
}
.ml30 {
	margin-left:30px
}
.mr5 {
	margin-right:5px
}
.mr10 {
	margin-right:10px
}
.mr15 {
	margin-right:15px
}
.mr20 {
	margin-right:20px
}
.mr30 {
	margin-right:30px
}
.mt5 {
	margin-top:5px
}
.mt10 {
	margin-top:10px
}
.mt15 {
	margin-top:15px
}
.mt20 {
	margin-top:20px
}
.mt30 {
	margin-top:30px
}
.mt40 {
	margin-top:40px
}
.mr5 {
	margin-right:5px
}
.mr10 {
	margin-right:10px
}
.w1280 {
	width:1280px;
	padding-top:90px;
	margin-left:auto;
	margin-right:auto;
	position:relative
}
.w1200 {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative
}
.bg-white {
	
	background:#fff!important

}

.mt0{margin-top: 0px !important;}

.bg-gray {
	background:#f8f8f8!important
}
.color-primary {
	color:#d22020!important
}
.header .unlogin .text:hover,.header .logout:hover,.aside-head .more:hover,.aside-head .change:hover,.aside-head .link:hover,.item-content .title:not(.notlink):hover,.item-lesson .name:not(.notlink):hover,.author .name:not(.notlink):hover {
	color:#d22020
}
.stock_mk {
	color:#2367ee!important;
	cursor:pointer
}
.stock_mk:hover {
	text-decoration:underline
}
.rise,.news-stock .rise b {
	color:#d50000
}
.fall,.news-stock .fall b {
	color:#008561
}
.no1 {
	color:#fe2d46
}
.no2 {
	color:#ff630e
}
.no3 {
	color:#ffa600
}
.ft14 {
	font-size:14px
}
.ft16 {
	font-size:16px
}
.num-text,.font-num,.item-content .vip-box .price .num,.item-lesson .price,.stock-table .hot .num,.news-stock b,.pop-album .num-box {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal
}
.tag-top:before {
	content:"置顶"
}
.tag-master:before {
	content:"达人"
}
.tag-trail:before {
	content:"试学"
}
.tag-elite:before {
	content:"精华"
}
.tag-fee:before {
	content:"付费"
}
.tag-paid:before {
	content:"已解锁"
}
.tag-official:before {
	content:"官方"
}
.tag-helper:before {
	content:"助教"
}
.tag-admin:before {
	content:"管理"
}
.tag-vip:before {
	content:"VIP"
}
.tag-ad:before {
	content:"广告"
}
.tag-top,.tag-master,.tag-trail,.tag-elite,.tag-fee,.tag-paid,.tag-official,.tag-admin,.tag-vip,.tag-helper,.tag-ad {
	position:relative;
	top:-1px;
	display:inline-block;
	vertical-align:middle;
	height:20px;
	line-height:20px;
	padding:0 6px;
	border-radius:2px;
	font-weight:normal;
	font-style:normal;
	font-size:12px
}
.tag-top,.tag-master,.tag-trail {
	border:1px solid #d22020;
	color:#d22020
}
.tag-elite,.tag-fee {
	border:1px solid #d22020;
	background:#d22020;
	color:#fff
}
.tag-paid {
	border:1px solid #fbf0e7;
	background:#fbf0e7;
	color:#e58948
}
.tag-top,.tag-paid {
	margin-right:8px
}
.tag-ad {
	border:1px solid #fff;
	color:#fff
}
.tag-elite + .tag-top {
	margin-left:5px
}
.tag-vip {
	border:1px solid #e58948;
	color:#e58948
}
.tag-admin {
	border:1px solid #03cbfd;
	color:#03cbfd
}
.tag-official {
	border:1px solid #ff9f27;
	color:#ff9f27
}
.tag-helper {
	border:1px solid #be9eff;
	color:#be9eff
}
.tag-fans {
	position:relative;
	top:-1px;
	display:inline-block;
	vertical-align:middle;
	padding-left:26px;
	padding-right:7px;
	height:20px;
	line-height:20px;
	margin-left:12px;
	border-radius:10px;
	font-size:12px;
	color:#fff
}
.tag-fans i {
	position:absolute;
	left:-2px;
	top:-3px;
	z-index:2;
	display:block;
	width:24px;
	height:26px;
	line-height:26px;
	font-style:normal;
	text-align:center;
	letter-spacing:-1px;
	text-indent:-2px
}
.tag-fans.fans1,.tag-fans.fans2,.tag-fans.fans3,.tag-fans.fans4,.tag-fans.fans5 {
	background:#95b1fe;
	background:linear-gradient(90deg,#b2c6fe 0%,#95b1fe 100%)
}
.tag-fans.fans1 i,.tag-fans.fans2 i,.tag-fans.fans3 i,.tag-fans.fans4 i,.tag-fans.fans5 i {
	background-position:-132px -44px
}
.tag-fans.fans6,.tag-fans.fans7,.tag-fans.fans8,.tag-fans.fans9,.tag-fans.fans10 {
	background:#ff9356;
	background:linear-gradient(90deg,#ffab7b 0%,#ff9356 100%)
}
.tag-fans.fans6 i,.tag-fans.fans7 i,.tag-fans.fans8 i,.tag-fans.fans9 i,.tag-fans.fans10 i {
	background-position:-159px -44px
}
.tag-fans.fans11,.tag-fans.fans12,.tag-fans.fans13,.tag-fans.fans14,.tag-fans.fans15 {
	background:#ac83ff;
	background:linear-gradient(90deg,#be9eff 0%,#ac83ff 100%)
}
.tag-fans.fans11 i,.tag-fans.fans12 i,.tag-fans.fans13 i,.tag-fans.fans14 i,.tag-fans.fans15 i {
	background-position:-186px -44px
}
.tag-fans.fans16,.tag-fans.fans17,.tag-fans.fans18,.tag-fans.fans19,.tag-fans.fans20 {
	background:#ffb017;
	background:linear-gradient(90deg,#fcca59 0%,#ffb017 100%)
}
.tag-fans.fans16 i,.tag-fans.fans17 i,.tag-fans.fans18 i,.tag-fans.fans19 i,.tag-fans.fans20 i {
	background-position:-213px -44px
}
.load-more,.loading {
	padding:5px 0;
	line-height:20px;
	text-align:center;
	font-size:15px;
	color:#999;
	border-top:#F5F5F5 1px solid
}
.load-more .loading {
	padding:0
}
.loading:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	margin-right:5px;
	background:url(../image/loading.gif) no-repeat
}
.load-more .add-more a,.load-more a.notlink:hover {
	color:#999
}
.load-more .add-more a:hover {
	color:#d22020
}
.empty-box {
	padding:50px 20px
}
.empty-box img {
	display:block;
	width:170px;
	margin:0 auto 20px
}
.empty-box,.empty-box p,.empty-box .text {
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#999
}
.page-search .empty-box img {
	width:140px
}
.notfound {
	padding:3% 0;
	text-align:center;
	font-size:16px
}
.notfound .tips {
	margin:60px 0 30px 0
}
.notfound .btn {
	display:block;
	margin:0 auto;
	width:200px;
	height:46px;
	line-height:46px;
	color:#fff;
	background:#d22020;
	border-radius:5px
}
.notfound .btn:hover {
	opacity:0.8
}
.mCSB_scrollTools {
	width:4px
}
.mCSB_inside > .mCSB_container {
	margin-right:0;
	min-height:100%
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color:#ccc
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color:#fff
}
.pv-progress-current-bg,.pv-skin-blue .pv-controls .pv-btn-radius:hover button > span,.pv-skin-blue .pv-volume-current {
	background-color:#d22020!important
}
.pv-controls button:hover,.pv-cover > span:hover,.pv-skin-blue .pv-quality-select > div:hover,.pv-video-player .pv-quality-select > div.pv-active,.pv-skin-blue .pv-rate-select > div:hover,.pv-skin-blue .pv-rate-select > div.pv-active,.pv-skin-blue .pv-setting-select .pv-setting-choose > span:hover,.pv-skin-blue .pv-setting-select .pv-setting-choose > span.pv-active {
	color:#d22020!important
}
.emoji {
	position:relative;
	top:-1px;
	vertical-align:middle;
	width:1.2em;
	height:1.2em
}
.cover img {
	display:block;
	width:100%;
	height:100%
}
.avatar img {
	display:block;
	width:100%;
	height:100%;
	border-radius:50%
}
.icon-success {
	width:60px;
	height:60px;
	margin:0 auto 24px;
	
	background-position:-1px -91px
}
.notlink {
	cursor:default
}
.fee-app {
	cursor:pointer
}
.btn-text {
	cursor:pointer
}
.btn-text:hover {
	color:#d22020!important
}
.btn-fresh {
	display:block;
	width:250px;
	padding:12px 0;
	margin:20px auto 0;
	background:#eee;
	border:0 none;
	border-radius:20px;
	text-align:center;
	font-size:14px;
	color:#d22020;
	cursor:pointer
}
.btn-fresh:hover {
	text-decoration:underline
}
.btn-primary {
	background-color:#d22020;
	color:#fff;
	text-align:center
}
.btn-primary:hover {
	background-color:#e84a4a
}
.toast {
	position:fixed;
	left:50%;
	top:50%;
	z-index:1000;
	transform:translate(-50%,-50%);
	height:48px;
	padding:0 43px;
	border-radius:48px;
	line-height:48px;
	color:#fff;
	font-size:15px;
	text-align:center;
	white-space:nowrap;
	background-color:rgba(0,0,0,0.5)
}
.header,.main,.footer,.copyright {
	min-width:1280px
}
.header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:9;
	background-color:#fff;
	box-shadow:0 1px 1px #eee
}
.zxmain {
	
	padding-bottom:60px;
	background-color:#f2f2f2;
	min-height:500px;
	min-height:calc(100vh - 440px)
}
.footer {
	background-color:#23262b;
	line-height:20px;
	font-size:14px;
	color:#868c95
}
.copyright {
	padding:16px 0;
	line-height:22px;
	background-color:#181c1f;
	font-size:14px;
	color:#57636e
}
.header-inner {
	width:1280px;
	margin:0 auto
}
.header .logo {
	position:relative;
	float:left;
	padding:14px 0
}
.header .logo img {
	display:block;
	width:143px;
	height:41px
}
.header .logo .slogan {
	position:absolute;
	bottom:12px;
	left:48px;
	padding:0 4px;
	background:#fff;
	letter-spacing:4px;
	white-space:nowrap;
	font-family:sans-serif;
	font-size:12px;
	color:#666
}
.header .nav {
	float:left;
	padding-left:30px
}
.header .nav a {
	display:block;
	padding:24px 18px;
	line-height:22px;
	font-size:16px;
	color:#222
}
.header .nav .active a,.header .nav a:hover {
	font-weight:bold;
	color:#d22020
}
.header-right {
	float:right;
	padding-top:17px
}
.header .search {
	position:relative;
	float:left
}
.header .search .input {
	width:160px;
	line-height:22px;
	padding:6px 40px 6px 15px;
	background:#f6f6f6;
	border-radius:20px;
	border:1px solid #f6f6f6;
	font-size:14px;
	color:#333;
	transition:width ease-in-out 0.2s
}
.header .search .input:focus {
	width:230px;
	background:#fff;
	border-color:#d22020
}
.header .search .icon-search {
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:40px;
	height:36px;
	border:0 none;
	padding:0;
	background:none;
	overflow:hidden;
	cursor:pointer
}
.header .search .icon-search:before {
	content:"";
	display:block;
	width:16px;
	height:16px;
	margin-left:10px;
	margin-top:2px;
	
	background-position:-37px -27px
}
.header .search .suggest,.header .user .dropdown {
	position:absolute;
	top:52px;
	z-index:9;
	width:260px;
	padding-top:4px;
	background:#fff;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.16);
	border-radius:4px
}
.header .search .suggest {
	right:0
}
.header .suggest-head {
	position:relative;
	margin:0 15px;
	padding:10px 0;
	border-bottom:1px solid #eee;
	line-height:20px;
	font-size:14px;
	color:#999
}
.header .suggest-head .btn-clear {
	position:absolute;
	right:0;
	top:0;
	padding:10px 0;
	line-height:20px;
	font-size:14px;
	color:#999
}
.header .suggest-head .btn-clear .icon-crush {
	position:relative;
	top:2px;
	display:inline-block;
	width:14px;
	height:15px;
	vertical-align:top;
	margin-right:4px;
	
	background-position:-56px -27px
}
.header .suggest-body {
	padding-top:6px;
	padding-bottom:10px;
	max-height:280px;
	overflow:auto
}
.header .suggest-body li {
	position:relative
}
.header .suggest-body .keyword {
	display:block;
	padding-right:30px;
	padding-left:16px;
	width:210px;
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.header .suggest-body .btn-del {
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:30px;
	height:32px;
	overflow:hidden
}
.header .suggest-body .btn-del:before {
	content:"";
	display:none;
	width:11px;
	height:11px;
	margin:11px auto;
	
	background-position:-128px -30px
}
.header .suggest-body li:hover {
	background:#f8f8f8
}
.header .suggest-body li:hover .btn-del:before {
	display:block
}
.header .btn-mp {
	float:left;
	display:block;
	width:94px;
	height:32px;
	line-height:32px;
	margin-left:14px;
	margin-right:16px;
	background-color:transparent;
	border:1px solid #d22020;
	border-radius:18px;
	text-align:center;
	font-size:15px;
	color:#d22020
}
.header .btn-mp .icon-edit {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	top:-1px;
	width:14px;
	height:14px;
	margin-left:5px;
	
	background-position:-18px -28px
}
.header .btn-mp:hover {
	background-color:#d22020;
	color:#fff
}
.header .btn-mp:hover .icon-edit {
	background-position:-1px -28px
}
.header .unlogin,.header .user {
	float:left
}
.header .unlogin button {
	background:none;
	border:0 none;
	outline:none;
	cursor:pointer
}
.header .unlogin .text {
	position:relative;
	float:left;
	line-height:34px;
	margin-left:12px;
	padding-left:12px;
	font-size:16px;
	color:#333
}
.header .unlogin .text:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	display:block;
	width:0;
	height:14px;
	margin-top:-7px;
	border-left:1px solid #c9c9c9
}
.header .unlogin .text:first-child {
	margin-left:0
}
.header .unlogin .text:first-child:before {
	display:none
}
.header .user {
	position:relative;
	padding-bottom:16px
}
.header .avatar {
	display:block;
	width:36px;
	height:36px
}
.header .avatar img {
	display:block;
	width:100%;
	height:100%;
	border-radius:50%
}
.header .user .dropdown {
	display:none;
	left:auto;
	right:0;
	width:118px;
	padding:6px 0
}
.header .user:hover .dropdown {
	display:block
}
.header .logout {
	display:block;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#333
}
.footer .menu {
	border-bottom:1px solid #16181d
}
.footer .safe {
	padding-top:28px;
	border-top:1px solid #2c3037
}
.footer a {
	color:#868c95
}
.footer a:hover {
	text-decoration:underline;
	color:#cfcfcf
}
.footer .info,.footer .link-nav,.footer .qrcode {
	padding-top:35px;
	padding-bottom:20px;
	height:140px
}
.footer .info {
	width:244px;
	border-right:1px solid #16181d
}
.footer .link-nav {
	width:110px;
	padding-left:56px;
	border-left:1px solid #2c3037;
	border-right:1px solid #16181d
}
.footer .link-nav.max {
	width:404px
}
.footer .qrcode {
	padding-left:48px;
	border-left:1px solid #2c3037;
	text-align:center
}
.footer .info .logo {
	display:block
}
.footer .info p {
	margin-top:18px;
	color:#cfcfcf
}
.footer .link-nav li {
	margin-bottom:15px
}
.footer .qrcode img {
	width:103px;
	height:103px;
	vertical-align:middle
}
.footer .safe ul {
	margin-left:140px
}
.footer .safe li {
	margin:0 15px 28px
}
.footer .safe a {
	display:block;
	width:198px;
	height:46px;
	border:1px solid #2d2f32;
	background:url(../image/sprite_footer.png) no-repeat;
	font-size:0
}
.footer .safe a.li1 {
	background-position:-229px 0
}
.footer .safe a.li2 {
	background-position:-229px -96px
}
.footer .safe a.li3 {
	background-position:-229px -192px
}
.footer .safe a.li4 {
	background-position:-229px -288px
}
.footer .safe a:hover {
	border-color:#40444a
}
.footer .safe a.li1:hover {
	background-position:-229px -48px
}
.footer .safe a.li2:hover {
	background-position:-229px -144px
}
.footer .safe a.li3:hover {
	background-position:-229px -239px
}
.footer .safe a.li4:hover {
	background-position:-229px -336px
}
.copyright a {
	margin-left:30px;
	color:#57636e
}
.copyright .ico-gongan {
	position:relative;
	float:left;
	display:inline-block;
	width:20px;
	height:22px;
	margin-right:5px;
	background:url(../image/sprite_footer.png) no-repeat -191px -193px
}
.copyright a:hover {
	text-decoration:underline;
	color:#cfcfcf
}
.copyright a:hover .ico-gongan {
	background-position:-191px -169px
}
.copyright .label {
	line-height:40px
}
.copyright .wechat i,.copyright .weibo,.copyright .mail {
	display:block;
	width:40px;
	height:40px;
	margin-left:15px;
	background:url(../image/sprite_footer.png) no-repeat;
	font-size:0
}
.copyright .wechat i {
	background-position:-60px -169px
}
.copyright .weibo {
	background-position:-102px -169px
}
.copyright .mail {
	background-position:-144px -169px
}
.copyright .wechat {
	position:relative;
	margin-left:0
}
.copyright .wechat span {
	position:absolute;
	top:100%;
	display:none;
	margin-left:15px;
	white-space:nowrap;
	font-size:12px;
	color:#cfcfcf
}
.copyright .wechat:hover span,.copyright .wechat.open span {
	display:block
}
.copyright .wechat:hover i {
	background-position:-60px -211px
}
.copyright .weibo:hover {
	background-position:-102px -211px
}
.copyright .mail:hover {
	background-position:-144px -211px
}
.content {
	float:left;
	margin-top:20px;
	width:940px
}
.aside {
	float:right;
	width:320px
}
.home-left {
	width:640px
}
.home-center {
	width:284px
}
.tabs-component li {
	position:relative;
	float:left;
	cursor:pointer
}
.tabs-component li:hover {
	color:#d22020
}
.tabs-component.line .tabs-header {
	border-bottom:1px solid #eee
}
.tabs-big li {
	padding:20px 0;
	margin-right:58px;
	line-height:20px;
	color:#666
}
.tabs-big li a {
	color:#666
}
.tabs-big li.active {
	font-size:18px;
	font-weight:500;
	font-weight:bold;
	color:#222
}
.tabs-big li.active a {
	color:#222
}
.tabs-big li.active::after {
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-10px;
	width:20px;
	height:4px;
	border-radius:8px;
	background-color:#d22020
}
.tabs-small li {
	font-size:14px;
	line-height:1.5;
	margin-right:36px;
	color:#333
}
.tabs-small li a {
	color:#333
}
.tabs-small li.active a,.tabs-small li.active {
	color:#d22020
}
.aside-head {
	position:relative;
	padding-left:20px;
	height:59px;
	line-height:59px;
	border-bottom:1px solid #eee;
	font-weight:bold;
	font-size:18px;
	color:#222
}
.aside-head .more,.aside-head .change,.aside-head .link {
	position:absolute;
	right:22px;
	top:18px;
	line-height:24px;
	font-size:14px;
	color:#333
}
.aside-head .more {
	padding-right:12px
}
.aside-head .change {
	padding-left:20px
}
.aside-head .icon-more,.aside-head .icon-change {
	content:"";
	position:absolute;
	top:5px;
	display:block;
	height:13px;
	
}
.aside-head .icon-more {
	right:0;
	width:11px;
	background-position:-32px -64px
}
.aside-head .icon-change {
	left:0;
	width:13px;
	background-position:-32px -48px
}
.aside-head .more:hover .icon-more {
	background-position:-46px -64px
}
.aside-head .change:hover .icon-change {
	background-position:-48px -48px
}
.aside-head .text-hour {
	position:relative;
	top:-1px;
	display:inline-block;
	vertical-align:middle;
	width:34px;
	height:15px;
	margin-right:2px;
	
	background-position:-261px -66px
}
.aside-tab {
	padding:15px 2px;
	border-bottom:1px solid #eee;
	white-space:nowrap
}
.aside-tab a {
	float:left;
	padding:0 9px;
	font-size:14px;
	color:#333
}
.aside-tab a.active {
	font-weight:bold;
	font-size:16px;
	color:#222
}
.aside-tab .split {
	float:left;
	font-size:14px;
	color:#c5c5c5
}
.author .avatar {
	float:left;
	display:block;
	width:30px;
	height:30px
}
.author .name {
	float:left;
	margin-left:12px;
	line-height:30px;
	font-size:14px;
	color:#333
}
.author .time {
	margin-left:20px;
	line-height:30px;
	font-size:14px;
	color:#999
}
.author .icon-v {
	display:inline-block;
	vertical-align:middle;
	width:16px;
	height:18px;
	margin-left:4px;
	
	background-position:-85px -85px
}
.item-content .cover {
	position:relative;
	float:left;
	display:block;
	width:180px;
	height:142px;
	margin-left:-200px;
	overflow:hidden
}
.item-content .cover:not(.notlink):hover {
	opacity:0.9
}
.item-content .title {
	display:block;
	line-height:30px;
	font-weight:bold;
	font-size:18px;
	color:#222
}
.item-content .title.voice:hover,.item-content .title.voice {
	font-weight:normal;
	color:#333
}
.item-content .title .js-app {
	margin-left:20px;
	color:#d22020;
	text-decoration:underline
}
.item-content .abstract {
	display:block;
	margin-top:10px;
	line-height:28px;
	font-size:16px;
	color:#333
}
.item-content .abstract.lineclamp {
	display:-webkit-box;
	-webkit-line-clamp:2;
	max-height:56px
}
.item-content a.abstract:not(.notlink):hover {
	color:#666
}
.item-content .images {
	padding-top:15px
}
.item-content .images li {
	position:relative;
	margin-right:5px
}
.item-content .images li .num {
	position:absolute;
	right:5px;
	top:5px;
	z-index:2;
	height:24px;
	line-height:24px;
	padding:0 12px;
	background:rgba(0,0,0,0.6);
	border-radius:14px;
	font-size:14px;
	color:#fff
}
.item-content .quote {
	position:relative;
	margin-top:15px;
	display:block;
	padding:17px 15px 17px 98px;
	height:70px;
	line-height:20px;
	background:#f8f8f8
}
.item-content .quote .img {
	position:absolute;
	left:15px;
	top:17px
}
.item-content .quote .img img {
	display:block;
	width:70px;
	height:70px
}
.item-content .quote .name {
	display:block;
	font-weight:bold;
	font-size:14px;
	color:#333
}
.item-content .quote .info {
	display:block;
	margin-top:10px;
	font-size:14px;
	color:#666
}
.item-content .quote .info.lineclamp {
	display:-webkit-box;
	-webkit-line-clamp:2;
	max-height:40px
}
.item-content .quote .tag-paid {
	margin-right:4px
}
.item-content .source {
	padding-top:16px
}
.item-content .source span {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	height:30px;
	line-height:30px;
	padding-left:34px;
	padding-right:10px;
	background:#f8f8fa;
	border-radius:28px;
	font-size:14px;
	color:#333
}
.item-content .icon-group,.item-content .icon-study {
	position:absolute;
	left:6px;
	top:5px;
	display:block;
	width:20px;
	height:20px;
	
}
.item-content .icon-group {
	background-position:-95px -112px
}
.item-content .icon-study {
	background-position:-118px -112px
}
.item-content .file {
	position:relative;
	display:block;
	margin-top:20px;
	padding:14px 14px 14px 64px;
	height:40px;
	line-height:20px;
	background:#f8f8f8
}
.item-content .file .name {
	display:block;
	font-size:14px;
	color:#666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.item-content .file .size {
	display:block;
	margin-top:2px;
	font-size:12px;
	color:#999
}
.item-content .file .icon-ext {
	position:absolute;
	left:20px;
	top:14px;
	display:block;
	width:32px;
	height:40px;
	
	background-position:-216px -1px
}
.item-content .file .icon-ext.doc {
	background-position:-216px -1px
}
.item-content .file .icon-ext.excel {
	background-position:-251px -1px
}
.item-content .file .icon-ext.ppt {
	background-position:-181px -1px
}
.item-content .file .icon-ext.pdf {
	background-position:-146px -1px
}
.item-content .file .icon-ext.txt {
	background-position:-286px -1px
}
.item-content .vip-box {
	position:relative;
	margin-top:18px;
	padding:14px 140px 14px 16px;
	line-height:24px;
	background:#faf7f2;
	border:1px solid #efe7dd
}
.item-content .vip-box.gray {
	background:#f8f8f8;
	border-color:#f8f8f8
}
.item-content .vip-box .h6 {
	font-weight:bold;
	font-size:18px;
	color:#333
}
.item-content .vip-box .p {
	margin-top:5px;
	font-size:14px;
	color:#999
}
.item-content .vip-box .sale {
	position:absolute;
	right:16px;
	top:50%;
	transform:translateY(-50%);
	text-align:center
}
.item-content .vip-box .btn-get {
	display:block;
	width:108px;
	height:32px;
	margin:0 auto;
	background:#e8b59a;
	background:linear-gradient(90deg,#f4dac1 0%,#e8b59a 100%);
	border-radius:5px;
	border:0 none;
	font-size:14px;
	color:#ac4523;
	cursor:pointer
}
.item-content .vip-box .btn-get.red {
	background:#e84a4a;
	color:#fff
}
.item-content .vip-box .btn-get:hover {
	opacity:0.85
}
.item-content .vip-box .btn-get.red:hover {
	background:#d22020;
	opacity:1
}
.item-content .vip-box .price {
	font-size:15px;
	color:#e58948
}
.item-content .vip-box .price .num {
	font-weight:bold;
	font-size:18px
}
.item-content .vip-box.gray .price {
	color:#333
}
.item-content.article .clearfix {
	padding-left:200px
}
.item-content.article .clearfix .title,.item-content.video .clearfix .title {
	line-height:22px
}
.item-content.article .clearfix .abstract.lineclamp,.item-content.video .clearfix .abstract.lineclamp {
	height:56px;
	margin-bottom:23px
}
.item-content.article .tag-fee {
	margin-right:8px
}
.item-content.viewpoint .title {
	margin-top:18px
}
.item-content.viewpoint .abstract.lineclamp {
	-webkit-line-clamp:3;
	max-height:84px
}
.item-content.video .clearfix {
	position:relative;
	padding-left:200px
}
.item-content.video .clearfix .cover {
	width:180px;
	height:112px;
	margin-left:-200px
}
.item-content.video .icon-play {
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	display:block;
	width:54px;
	height:54px;
	margin-left:-27px;
	margin-top:-27px;
	
	background-position:-150px -73px
}
.item-content.video .author {
	position:absolute;
	bottom:0
}
.item-content.file-box .file {
	padding:20px 20px 20px 72px
}
.item-content.file-box .file .icon-ext {
	top:20px;
	left:30px
}
.item-content.file-box .file .name {
	font-size:16px
}
.item-content.file-box .file .size {
	font-size:14px
}
.item-content.news .box {
	margin-top:15px;
	padding:12px 15px;
	background:#f8f8f8
}
.item-content .news-time {
	line-height:20px;
	font-size:14px;
	color:#333
}
.item-content .icon-news {
	display:inline-block;
	vertical-align:middle;
	width:38px;
	height:20px;
	
	background-position:-242px -44px
}
.item-content .news-time .line {
	margin:0 10px;
	color:#999
}
.item-content.news .title.red:not(.notlink):hover,.item-content .title.red,.item-content .news-cont.red {
	color:#d22020
}
.item-content.news .title:not(.notlink):hover {
	color:#222
}
.item-content .news-cont {
	margin-top:4px;
	line-height:28px;
	font-size:16px;
	color:#333
}
.item-content .news-cont .opr {
	position:relative;
	display:inline-block;
	padding-right:15px;
	color:#2367ee;
	cursor:pointer
}
.item-content .news-cont .opr i {
	position:absolute;
	right:0;
	top:50%;
	display:block;
	width:11px;
	height:7px;
	margin-left:4px;
	margin-top:-4px;
	
	background-position:-32px -80px
}
.item-content .news-cont .opr.pack i {
	background-position:-46px -80px
}
.news-stock {
	margin-top:15px
}
.news-stock a {
	display:inline-block;
	vertical-align:middle;
	height:32px;
	padding:0 10px;
	margin-right:15px;
	line-height:32px;
	background:#f8f8f8;
	border-radius:20px;
	font-size:14px;
	color:#333
}
.news-stock i {
	position:relative;
	top:-1px;
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	margin-right:5px;
	
}
.news-stock b {
	margin-left:10px;
	font-weight:bold
}
.news-stock .rise i {
	background-position:-298px -64px
}
.news-stock .fall i {
	background-position:-320px -64px
}
.item-master {
	position:relative;
	display:block;
	padding-left:64px
}
.item-master .avatar {
	float:left;
	position:relative;
	display:block;
	width:50px;
	height:50px;
	margin-left:-64px
}
.item-master .icon-v {
	position:absolute;
	bottom:0;
	right:-3px;
	z-index:2;
	display:block;
	width:18px;
	height:20px;
	
	background-position:-64px -83px
}
.item-master .name {
	display:block;
	line-height:20px;
	font-weight:bold;
	font-size:16px;
	color:#333
}
.item-master .name a {
	color:#333
}
.item-master .name a:not(.notlink):hover,.item-master a.name:not(.notlink):hover {
	color:#d22020!important
}
.item-master .profile {
	display:block;
	margin-top:8px;
	line-height:1.4;
	font-size:14px;
	color:#999
}
.item-master .profile a {
	color:#999
}
.item-master .popular {
	display:block;
	margin-top:6px;
	line-height:20px;
	font-size:14px;
	color:#333
}
.item-master .focus,.item-master .focused {
	position:absolute;
	right:0;
	z-index:2;
	display:block;
	padding:6px 10px;
	background:#fff;
	border:1px solid #d22020;
	border-radius:15px;
	text-align:center;
	font-size:14px;
	color:#d22020;
	cursor:pointer
}
.item-master .focus:hover {
	color:#fff;
	background-color:#d22020
}
.item-master .focused,.item-master .focused:hover {
	background:#f8f8f8;
	border-color:#f8f8f8;
	color:#999;
	cursor:default
}
.item-lesson {
	position:relative;
	display:block;
	padding-left:130px;
	margin-top:30px
}
.item-lesson .cover {
	float:left;
	margin-left:-130px;
	display:block;
	width:110px;
	height:110px
}
.item-lesson .cover img,.item-study .cover img {
	border-radius:4px
}
.item-lesson .name,.item-study .name {
	display:block;
	font-weight:bold;
	font-size:16px;
	color:#222
}
.item-lesson .info,.item-study .info {
	display:block;
	margin-top:6px;
	line-height:1.4;
	font-size:14px;
	color:#999;
	overflow:hidden
}
.item-lesson .info.lineclamp,.item-study .info.lineclamp {
	display:-webkit-box;
	-webkit-line-clamp:2;
	height:40px
}
.item-lesson .price {
	position:absolute;
	display:block;
	line-height:20px;
	font-size:14px;
	color:#d22020
}
.item-lesson .price .num {
	font-style:normal;
	font-size:18px
}
.item-lesson .price .old {
	margin-left:5px;
	text-decoration:line-through;
	font-style:normal;
	font-size:14px;
	color:#999
}
.item-lesson .author {
	position:absolute;
	bottom:0;
	line-height:26px;
	font-size:14px;
	color:#333
}
.item-lesson .author .avatar {
	float:left;
	width:26px;
	height:26px;
	border-radius:50%;
	margin-right:10px
}
.item-lesson .author .icon-v {
	position:relative;
	top:-1px
}
.item-study {
	position:relative;
	display:block;
	padding-left:120px;
	margin-top:30px
}
.item-study .cover {
	float:left;
	margin-left:-120px;
	display:block;
	width:100px;
	height:100px
}
.item-study .name {
	line-height:30px;
	font-size:18px
}
.item-study .name .tag-fee {
	margin-left:10px
}
.item-study .author {
	display:block;
	margin-top:5px;
	font-size:14px;
	color:#333
}
.item-study .author:after {
	display:none
}
.item-study .info {
	margin-top:10px
}
.list-flow .item-study {
	padding-top:30px;
	border-top:1px solid #eee
}
.list-flow .item-study.first {
	margin-top:0;
	border-top:0 none
}
.pagination {
	position:relative;
	text-align:center;
	padding:30px 0
}
.pagination ul {
	display:inline-block
}
.pagination li {
	display:inline;
	line-height:34px;
	font-size:14px;
	color:#333
}
.pagination li a {
	display:inline-block;
	vertical-align:middle;
	min-width:12px;
	height:34px;
	padding:0px 12px;
	margin:0 4px;
	background:#fff;
	border:1px solid #e5e5e5;
	border-radius:5px;
	color:#333
}
.pagination li a.active,.pagination li.active a,.pagination li a:hover,.pagination .sure:hover {
	border-color:#d22020;
	background:#d22020;
	color:#fff
}
.pagination li.active a {
	cursor:default
}
.pagination input,.pagination .sure {
	vertical-align:middle;
	width:36px;
	height:34px;
	margin:0 4px;
	border:1px solid #e5e5e5;
	border-radius:5px;
	text-align:center;
	font-size:14px;
	color:#333
}
.pagination .jump {
	margin-left:16px
}
.pagination .sure {
	width:68px;
	height:36px;
	background:#fff;
	cursor:pointer
}
.stock-table {
	width:100%;
	margin-top:20px
}
.stock-table th {
	height:20px;
	vertical-align:middle;
	text-align:right;
	font-weight:normal;
	font-size:14px;
	color:#999
}
.stock-table th.stock-name {
	text-align:left
}
.stock-table .sort {
	position:relative;
	color:#999
}
.stock-table .sort i {
	position:relative;
	top:-1px;
	display:inline-block;
	vertical-align:middle;
	width:7px;
	height:11px;
	margin-left:5px;
	
	background-position:-65px -48px
}
.stock-table .sort.asc i {
	background-position:-85px -48px
}
.stock-table .sort.desc i {
	background-position:-75px -48px
}
.stock-table td {
	padding:12px 0;
	vertical-align:middle;
	border-top:1px dashed #e2e2e2;
	text-align:right;
	font-size:14px;
	color:#333
}
.stock-table .first td {
	border-top:0 none
}
.stock-table td.stock-name {
	text-align:left;
	line-height:20px;
	color:#999
}
.stock-table .name {
	display:block;
	font-weight:normal;
	font-size:14px;
	color:#333
}
.stock-table a:not(.notlink):hover .name {
	color:#d22020
}
.stock-table .code {
	display:block;
	margin-bottom:-3px;
	font-size:12px;
	color:#999
}
.stock-table .hot {
	position:relative;
	padding-left:20px
}
.stock-table .hot .num {
	position:absolute;
	left:0;
	top:0;
	font-style:normal;
	letter-spacing:-2px
}
.rich-text {
	line-height:1.8;
	text-align:justify;
	word-break:break-word;
	font-size:16px;
	color:#333
}
.rich-text img {
	max-width:100%
}
.rich-text a {
	text-decoration:underline;
	color:#2367ee
}
.rich-text p {
	margin-bottom:20px
}
.rich-text blockquote {
	margin:0 0 20px 0;
	padding:5px 20px;
	background:#f5f5f7;
	border-left:3px solid #7a8291;
	font-size:16px;
	color:#333
}
.rich-text blockquote p,.rich-text blockquote img {
	margin-bottom:0
}
.aside-master .item-master {
	padding-right:80px;
	padding-top:12px;
	padding-bottom:12px;
	margin-top:6px
}
.aside-master .item-master .focus,.aside-master .item-master .focused {
	top:50%;
	margin-top:-15px
}
.aside-master .aside-cont {
	padding-top:6px;
	padding-bottom:15px
}
.player-right .item-master,.aside-master.bg-white .item-master {
	padding-left:80px;
	padding-right:95px
}
.player-right .item-master .focus,.player-right .item-master .focused,.aside-master.bg-white .item-master .focus,.aside-master.bg-white .item-master .focused {
	right:15px
}
.list-master {
	margin-left:-10px;
	margin-right:-10px
}
.list-master li {
	width:373px;
	height:100px;
	padding:22px 20px;
	background:#fff;
	border-radius:8px;
	margin:20px 10px 0
}
.list-master li:hover {
	box-shadow:0 3px 6px 1px rgba(102,102,102,0.16)
}
.list-master .item-master {
	padding-left:100px
}
.list-master .item-master .avatar {
	margin-left:-100px;
	width:84px;
	height:84px
}
.list-master .item-master .icon-v {
	bottom:6px;
	right:2px
}
.list-master .item-master .name {
	padding-top:3px;
	font-weight:bold;
	font-size:18px
}
.list-master .item-master .profile {
	display:-webkit-box;
	-webkit-line-clamp:2;
	height:45px;
	line-height:1.6;
	margin-top:15px
}
.list-master .item-master .popular + .profile {
	margin-top:6px
}
.list-master .item-master .focus,.list-master .item-master .focused {
	top:0;
	cursor:pointer
}
.aside-news .item-news {
	display:block;
	padding:14px 0;
	margin:0 20px;
	border-top:1px dashed #e2e2e2;
	line-height:1.6;
	font-size:14px
}
.aside-news .item-news.first {
	border-top:none
}
.aside-news .time {
	display:block;
	color:#999
}
.aside-news .text {
	display:block;
	margin-top:10px;
	color:#000
}
.aside-news a:not(.notlink):hover .text {
	color:#d22020
}
.aside-lesson .aside-cont {
	padding-top:25px
}
.aside-guess .time {
	margin-right:20px;
	font-weight:normal;
	font-size:12px;
	color:#333
}
.aside-guess .time .count {
	color:#999
}
.aside-guess .time .font-num {
	margin:0 5px;
	font-weight:normal;
	color:#dd3333
}
.aside-guess .guess-title {
	padding:16px 20px 0;
	line-height:24px;
	text-align:center;
	font-size:14px;
	color:#333
}
.aside-guess .guess-date {
	margin-top:5px;
	line-height:1.14;
	text-align:center;
	font-size:12px;
	color:#999
}
.aside-guess .guess-bar {
	height:46px;
	padding:0 20px;
	margin-top:16px
}
.aside-guess .guess-bar img {
	display:block;
	height:46px;
	width:100%
}
.aside-guess .guess-bar .agree,.aside-guess .guess-bar .oppose {
	position:relative;
	height:46px;
	min-width:58px;
	max-width:222px
}
.aside-guess .guess-bar .agree {
	background:#ffeaea url(../image/bar_agree.png) no-repeat right center;
	border-radius:23px 0 0 23px
}
.aside-guess .guess-bar .oppose {
	background:#eff0fc url(../image/bar_oppose.png) no-repeat left center;
	border-radius:0 23px 23px 0
}
.aside-guess .guess-bar .btn {
	position:absolute;
	top:50%;
	z-index:3;
	margin-top:-26px;
	width:52px;
	height:52px;
	
	border:0 none;
	cursor:pointer
}
.aside-guess .guess-bar .agree .btn {
	left:-1px;
	background-position:-74px -295px
}
.aside-guess .guess-bar .oppose .btn {
	right:-1px;
	background-position:-129px -295px
}
.aside-guess .guess-bar.agreed .agree {
	background:#f53636 url(../image/bar_agreed.png) no-repeat right center
}
.aside-guess .guess-bar.opposed .oppose {
	background:#2367ee url(../image/bar_opposed.png) no-repeat left center
}
.aside-guess .guess-bar.end .agree .btn,.aside-guess .guess-bar .agree .btn:disabled {
	background-position:-184px -295px;
	cursor:default
}
.aside-guess .guess-bar.end .oppose .btn,.aside-guess .guess-bar .oppose .btn:disabled {
	background-position:-239px -295px;
	cursor:default
}
.aside-guess .guess-result {
	padding:15px 28px 20px;
	line-height:20px;
	font-size:14px
}
.aside-guess .guess-result .agree {
	color:#dd3333
}
.aside-guess .guess-result .oppose {
	color:#2367ee
}
.aside-chart .aside-cont {
	padding:15px
}
.aside-chart .chart-box {
	height:240px;
	overflow:hidden
}
.aside-stock .aside-cont {
	padding:0 20px 15px
}
.aside-chart .empty-box img {
	width:100px
}
.zdbar {
	margin-top:5px;
	height:10px;
	background:#008561
}
.zdbar .rise {
	height:100%;
	background:#d50000
}
.zdbar .ping {
	height:100%;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	background:#babbbd;
	margin-left:-5px;
	transform:skew(145deg)
}
.zdbar-text {
	margin-top:5px;
	line-height:20px;
	font-size:12px
}
.chart-tooltip .xaxis {
	font-size:12px;
	color:#999
}
.chart-legend,.chart-tooltip .yaxis {
	white-space:nowrap;
	line-height:22px;
	font-size:12px;
	color:#333
}
.chart-legend .dot,.chart-tooltip .dot {
	position:relative;
	top:-2px;
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:6px;
	border-radius:50%
}
.chart-legend .num,.chart-tooltip .num {
	margin-left:5px;
	font-weight:normal
}
.chart-tooltip .dot {
	margin-right:5px
}
.chart-legend li {
	cursor:pointer
}
.chart-legend .disabled,.chart-legend .disabled .num {
	color:#ccc!important
}
.chart-legend .disabled .dot {
	background:#ccc!important
}
.right-toolbar {
	position:fixed;
	right:20px;
	bottom:12%;
	z-index:9;
	background:#fff;
	border:1px solid #ebebeb;
	border-top:0 none;
	box-sizing:border-box;
	border-radius:4px
}
.right-toolbar li {
	position:relative;
	text-align:center;
	border-top:1px solid #ebebeb
}
.right-toolbar li.com-outlook a {
	border-radius:4px 4px 0 0
}
.right-toolbar li.top a {
	border-radius:0 0 4px 4px
}
.right-toolbar a {
	display:block;
	width:62px;
	height:62px;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	color:#999
}
.right-toolbar .icon {
	display:block;
	width:23px;
	height:23px;
	margin:10px auto 6px;
	
}
.right-toolbar .com-outlook .icon {
	background-position:-260px -87px
}
.right-toolbar .com-outlook a:hover .icon {
	background-position:-285px -87px
}
.right-toolbar .info-outlook .icon {
	background-position:-260px -112px
}
.right-toolbar .info-outlook a:hover .icon {
	background-position:-285px -112px
}
.right-toolbar .feedback .icon {
	background-position:-260px -137px
}
.right-toolbar .feedback a:hover .icon {
	background-position:-285px -137px
}
.right-toolbar .down .icon {
	background-position:-260px -162px
}
.right-toolbar .down a:hover .icon {
	background-position:-285px -162px
}
.right-toolbar .top .icon {
	background-position:-260px -187px
}
.right-toolbar .top a:hover .icon {
	background-position:-285px -187px
}
.right-toolbar a:hover {
	background-color:#d22020;
	color:#fff
}
.right-toolbar li.top {
	display:none
}
.right-toolbar .child-box {
	visibility:hidden;
	position:absolute;
	bottom:0;
	right:60px;
	padding-right:12px;
	-moz-transform:translateX(-20px);
	-o-transform:translateX(-20px);
	-ms-transform:translateX(-20px);
	-webkit-transform:translateX(-20px);
	transform:translateX(-20px)
}
.right-toolbar li:hover .child-box {
	transform:translateX(0);
	visibility:visible;
	-moz-transform:all 0.3s ease;
	-o-transform:all 0.3s ease;
	-ms-transform:all 0.3s ease;
	-webkit-transform:all 0.3s ease;
	transition:all 0.3s ease
}
.right-toolbar .down-box {
	background:#fff;
	box-shadow:0px 3px 6px 1px rgba(0,0,0,0.16);
	border-radius:4px;
	padding:12px 16px;
	font-size:14px;
	color:#333
}
.right-toolbar .down-box img {
	width:116px;
	height:116px;
	margin:0 auto 4px
}
.left-toolbar {
	position:fixed;
	top:185px;
	left:50%;
	margin-left:-640px;
	z-index:9
}
.left-toolbar li {
	width:52px;
	height:52px;
	margin-bottom:25px
}
.left-toolbar li a {
	display:block;
	width:100%;
	height:100%;
	
}
.left-toolbar li.share-weixin a {
	background-position:-150px -130px
}
.left-toolbar li.share-weibo a {
	background-position:-150px -185px
}
.left-toolbar li.share-haoyou a {
	background-position:-150px -240px
}
.left-toolbar li.share-weixin a:hover {
	background-position:-205px -130px
}
.left-toolbar li.share-weibo a:hover {
	background-position:-205px -185px
}
.left-toolbar li.share-haoyou a:hover {
	background-position:-205px -240px
}
.left-toolbar .weixinbox {
	display:none;
	position:absolute;
	bottom:0;
	left:67px;
	z-index:100;
	width:199px;
	height:244px;
	padding:20px 20px;
	background:#ffffff;
	box-shadow:0px 3px 6px 1px rgba(0,0,0,0.16);
	border-radius:4px;
	color:#999;
	line-height:1.5;
	text-align:center;
	box-sizing:border-box;
	font-size:14px
}
.left-toolbar .weixinbox .code-box {
	margin-bottom:5px
}
.mask,.pop-alert {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	display:none;
	z-index:100
}
.mask .btn-close,.pop-alert .pop-close {
	position:absolute;
	right:20px;
	top:21px;
	z-index:99;
	width:20px;
	height:20px;
	cursor:pointer;
	
	background-position:-49px -1px
}
.mask .btn-close:hover,.pop-alert .pop-close:hover {
	background-position:-72px -1px
}
.mask .pop-content,.pop-alert .pop-box {
	position:absolute;
	left:50%;
	top:50%;
	background-color:#ffffff;
	box-shadow:0px 0px 35px 1px rgba(0,0,0,0.05);
	border-radius:8px;
	z-index:10;
	box-sizing:border-box
}
.mask .pop-header {
	height:58px;
	line-height:58px;
	padding:0 20px;
	font-weight:bold;
	font-size:20px;
	color:#333333;
	box-sizing:border-box;
	border-bottom:1px solid #eeeeee
}
.mask .pop-state {
	width:412px;
	height:240px;
	margin-left:-206px;
	margin-top:-120px;
	padding:65px;
	text-align:center;
	font-size:16px;
	color:#222
}
.pop-alert {
	display:block
}
.pop-alert .pop-box {
	padding:36px 26px 40px;
	width:410px;
	margin-left:-205px;
	margin-top:-130px
}
.pop-alert .btn-sure {
	display:block;
	width:100%;
	height:56px;
	margin-top:30px;
	background:#d22020;
	border:0 none;
	border-radius:5px;
	text-align:center;
	font-size:18px;
	color:#fff;
	cursor:pointer
}
.pop-alert .btn-sure:hover {
	background:#e84a4a
}
.pop-alert .pop-title {
	line-height:24px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#222
}
.pop-alert .pop-cont {
	margin-top:25px;
	line-height:1.6;
	text-align:center;
	font-size:16px;
	color:#333
}
.feedback-content {
	width:520px;
	height:384px;
	margin-left:-260px;
	margin-top:-192px
}
.feedback-box textarea {
	width:100%;
	height:200px;
	resize:none;
	border:none;
	background:#f5f5f5;
	color:#333;
	font-size:14px;
	line-height:1.5;
	padding:12px 15px;
	box-sizing:border-box
}
.feedback-box .pop-body {
	padding:0 20px;
	box-sizing:border-box
}
.feedback-box .btn-sub {
	width:109px;
	height:42px;
	background:#d22020;
	border-radius:5px;
	border:none;
	color:#fff;
	font-size:18px;
	cursor:pointer
}
.feedback-box .btn-sub:hover {
	opacity:0.8
}
.feedback-box .text-box {
	position:relative;
	margin:22px 0 24px 0
}
.feedback-box .text-box .char-count {
	position:absolute;
	right:15px;
	bottom:12px;
	font-size:14px;
	color:#999
}
.download-content {
	width:520px;
	margin-left:-260px;
	margin-top:-170px;
	padding-bottom:25px
}
.download-content .pop-body {
	padding:0 35px
}
.download-content .tips {
	margin-top:25px;
	font-size:16px
}
.download-content .main-box {
	margin-top:20px
}
.download-content .tips span {
	color:#d22020
}
.download-content .code-box {
	width:160px
}
.login-box .code-box .loading {
	padding:74px 0
}
.download-content .code-img {
	width:160px;
	height:160px
}
.download-content .scan-tips {
	margin-top:5px;
	color:#666;
	text-align:center
}
.download-content .icon-scan {
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:2px;
	vertical-align:-2px;
	
	background-position:-92px -28px
}
.download-content .text-box {
	margin-left:30px
}
.download-content .text-box .text-title {
	margin-top:15px;
	font-weight:bold
}
.download-content .text-box li {
	margin-top:18px;
	padding-left:15px;
	line-height:20px;
	position:relative
}
.download-content .text-box li::before {
	content:"";
	position:absolute;
	left:0;
	top:7px;
	width:5px;
	height:5px;
	background:#d22020;
	border-radius:50%
}
.pop-form .item-input {
	width:100%;
	height:48px;
	margin-top:18px;
	border-radius:5px 5px 5px 5px;
	border:1px solid #cccccc;
	overflow:hidden;
	position:relative
}
.pop-form input {
	width:100%;
	height:100%;
	border:none;
	font-size:16px;
	color:#333;
	cursor:pointer;
	padding:0 20px 0 10px;
	box-sizing:border-box
}
.pop-form .icon-clear {
	display:none;
	width:16px;
	height:16px;
	position:absolute;
	right:16px;
	top:16px;
	
	background-position:-109px -29px;
	cursor:pointer;
	opacity:0.8
}
.pop-form .item-input-text input {
	width:180px
}
.pop-form .item-input-text .btn-code {
	position:absolute;
	right:16px;
	top:0;
	background:none;
	border:none;
	font-size:16px;
	color:#de4243;
	opacity:0.5;
	line-height:48px
}
.pop-form .item-input-text .icon-clear {
	right:116px
}
.pop-form .icon-clear:hover {
	opacity:1
}
.pop-form .forget-password {
	color:#333;
	margin:14px 0 -12px 0
}
.pop-form .icon-eye {
	position:absolute;
	right:16px;
	top:15px;
	width:26px;
	height:17px;
	
	background-position:-1px -47px;
	cursor:pointer
}
.pop-form .icon-eye.close {
	
	background-position:-1px -69px
}
.pop-form .item-input-text .btn-password {
	position:absolute;
	right:11px;
	top:7px;
	width:90px;
	height:33px;
	color:#999999;
	background:#f8f8f8;
	border-radius:17px;
	border:none;
	cursor:pointer
}
.pop-form .item-input-text .btn-code.active {
	opacity:1;
	cursor:pointer
}
.view-pictures.list {
	margin-top:-21px
}
.view-pictures.list li {
	width:242px;
	height:195px;
	margin:21px 21px 0 0
}
.view-pictures li {
	position:relative
}
.view-pictures li img {
	width:100%;
	height:100%;
	object-fit:cover
}
.view-pictures li a {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:block;
	width:100%;
	height:100%
}
.pop-album {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:99
}
.pop-album .album-mask {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	opacity:0.9
}
.pop-album .pop-close {
	position:absolute;
	top:28px;
	right:28px;
	z-index:2;
	display:block;
	width:45px;
	height:45px;
	
	background-position:-48px -156px;
	font-size:0
}
.pop-album .pop-close:hover {
	background-position:-1px -156px
}
.pop-album .img-big {
	position:absolute;
	top:70px;
	right:80px;
	bottom:150px;
	left:80px;
	z-index:3;
	overflow:hidden
}
.pop-album .img-big img {
	display:block;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%)
}
.pop-album .next,.pop-album .prev {
	position:absolute;
	top:50%;
	z-index:5;
	display:block;
	width:80px;
	height:154px;
	margin-top:-112px;
	overflow:hidden
}
.pop-album .prev {
	left:0
}
.pop-album .next {
	right:0
}
.pop-album .next i,.pop-album .prev i {
	display:block;
	width:34px;
	height:62px;
	margin:44px auto;
	
}
.pop-album .prev i {
	background-position:-37px -204px
}
.pop-album .next i {
	background-position:-37px -268px
}
.pop-album .prev:hover i {
	background-position:-1px -204px
}
.pop-album .next:hover i {
	background-position:-1px -268px
}
.pop-album .img-list {
	position:absolute;
	bottom:27px;
	left:0;
	z-index:2;
	width:100%
}
.pop-album .img-list ul {
	margin:0 auto
}
.pop-album .img-list li {
	position:relative;
	float:left;
	width:120px;
	height:96px;
	margin:0 10px;
	background-color:#eee;
	overflow:hidden
}
.pop-album .img-list li.active a {
	border:3px solid #d52136
}
.pop-album .img-list a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3
}
.pop-album .img-list li.active img,.pop-album .img-list li:hover img {
	opacity:1
}
.pop-album .img-list img {
	display:block;
	width:100%;
	height:100%;
	opacity:0.4
}
.pop-album .num-box {
	width:93px;
	height:53px;
	background:rgba(0,0,0,0.4);
	border-radius:34px;
	color:#7e7e7e;
	position:absolute;
	bottom:5%;
	left:50%;
	margin-left:-46px;
	text-align:center;
	line-height:54px;
	z-index:100;
	font-size:30px;
	font-weight:normal;
	letter-spacing:-2px
}
.pop-album .current-num {
	font-size:30px;
	color:#ffffff
}
.pop-album .total-num {
	font-size:20px;
	color:#ffffff
}
.player-left .tcp-skin .vjs-play-progress,.player-left .tcp-skin .vjs-volume-panel .vjs-volume-level {
	background:#D22020
}
.player-left .video-js .vjs-slider {
	background:#fafafa;
	background:rgba(255,255,255,0.6)
}
.player-left .video-js .vjs-load-progress div {
	background:#eee;
	background:rgba(255,255,255,0.8)
}
.player-left .video-js .vjs-play-progress:before {
	font-size:10px
}
.player-left .tcp-skin .vjs-progress-control:hover .vjs-play-progress:before {
	font-size:16px
}
.player-left .tcp-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	background:#222;
	background:rgba(0,0,0,0.5)
}
.player-left .vjs-playback-rate .vjs-menu {
	width:70px
}
.player-left .vjs-menu .vjs-menu-content {
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,SimSun,sans-serif
}
.player-left .vjs-menu li {
	padding:0;
	height:32px;
	line-height:32px;
	font-size:12px
}
.player-left .vjs-menu li.vjs-selected,.player-left .vjs-menu li.vjs-selected:focus,.player-left .vjs-menu li.vjs-selected:hover {
	background:none;
	color:#D22020
}
.player-left .vjs-menu li.vjs-menu-item:focus,.player-left .vjs-menu li.vjs-menu-item:hover {
	background:#383838;
	background:rgba(56,56,56,0.7)
}
.player-left .tcp-skin .vjs-big-play-button .vjs-button-icon {
	display:none
}
.player-left .tcp-skin .vjs-big-play-button,.player-left .tcp-skin .vjs-big-play-button:focus,.player-left .tcp-skin:hover .vjs-big-play-button,.player-left .tcp-skin:hover .vjs-big-play-button:focus {
	width:90px;
	height:90px;
	margin-top:-45px;
	margin-left:-45px;
	background:url(../image/play.png) no-repeat
}



.header-right .search {
    position: relative;
    float: left;
}


.header-right .search .input {
    width: 160px;
    line-height: 22px;
    padding: 6px 40px 6px 15px;
    background: #f6f6f6;
    border-radius: 20px;
    border: 1px solid #f6f6f6;
    font-size: 14px;
    color: #333;
    transition: width ease-in-out 0.2s;}
	
.header-right .unlogin, .header .user {
    float: left;
}


.header-right .unlogin .text {
    position: relative;
    float: left;
    line-height: 34px;
    margin-left: 12px;
    padding-left: 12px;
    font-size: 16px;
    color: #333;
}

.header-right .unlogin button {
    background: none;
    border: 0 none;
    outline: none;
    cursor: pointer;
}



/*快讯*/

@media (max-width: 400px) {
.fast-news-left {
	background-color:#fff
}
    }

@media (min-width: 768px){
.fast-news-left {
	width:940px;
	margin-top:20px;
	background-color:#fff
}
 }

.fast-news-left .time-box {
	padding:0 20px;
	height:60px;
	line-height:60px;
	color:#333;
	font-size:14px;
	border-bottom:1px solid #eeeeee;
	width:320px;
}
.fast-news-left .time-box .left {
	font-weight:bold;
	font-size:16px;
	color:#222222
}
.fast-news-left .time-box .left span {
	margin-left:2px
}
.fast-news-left .time-box .icon-checked,.fast-news-left .time-box .icon-calendar {
	display:inline-block;
	vertical-align:-2px;
	 -324px -44px
}
.fast-news-left .time-box .icon-calendar {
	width:15px;
	height:16px;
	background-position:-324px -44px
}
.fast-news-left .time-box .icon-checked {
	width:18px;
	height:18px;
	background-position:-303px -44px;
	vertical-align:-3px;
	margin-right:2px;
	cursor:pointer
}
.fast-news-left .time-box .icon-checked.unchecked {
	background-position:-283px -44px
}
.fast-news-left .time-box .time {
	margin-left:14px
}
.fast-news-left .item-news {
	padding: 1rem 1.806rem 1rem 2.7606rem;
	position:relative
}
.fast-news-left .item-news .news-stock a {
	margin-bottom:5px
}
.fast-news-left .item-news::after {
	content:"";
	position:absolute;
	bottom:0;
	left:0.2rem;
	right:20px;
	height:1px;
	border-top:1px dashed #d9d9d9
}
.fast-news-left .item-news .time {
	position:absolute;
	left:0.2rem;
	top:20px;
	font-size:14px;
	color:#333333
}
.fast-news-left .item-news .title {
	font-size:16px;
	color:#222222;
	font-weight:500;
	line-height:1.5;
	margin-bottom:7px;
	font-weight:bold;
	width:320px;
}
.fast-news-left .news-cont {
	font-size:15px;
	line-height:1.7;
	width:310px;
}


.list-flow {
	padding:0 20px
}
.list-flow .item-content {
	padding-top:30px;
	padding-bottom:30px;
	border-bottom:1px solid #EEEEEE
}
.list-flow .item-content.first {
	padding-top:0
}


.page-news .tabs-header {
	padding:0 20px
}


.item-content .cover {
    position: relative;
    float: left;
    display: block;
    width: 180px;
    height: 142px;
    margin-left: -200px;
    overflow: hidden;
}
 
.tabs-component ul a{padding: 20px 0;
    margin-right: 34px;
    line-height: 20px;
    color: #666;}
	
.tabs-component ul a .active{font-size: 18px;
    font-weight: 500;
    font-weight: bold;
    color: #222;}
	
.ztmain .logo{position: relative;
    float: left;
    padding: 20px 0;}