html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
dl,
dt,
dd,
ul,
ol,
li,
button,
input,
textarea,
th,
td {
 margin:0;
 padding:0
}
a,
img {
 border:none;
 outline:none
}
ul,
li,
ol,
p {
 margin:0;
 padding:0
}
h1,
h2,
h3,
h4,
h5,
h6 {
 margin:0;
 font-weight:normal
}
ul,
li,
ol {
 list-style:none
}
a {
 text-decoration:none;
 background-color:transparent
}
body { padding-top:60px!important
}
a:hover,
a:active {
 outline-width:0;
 text-decoration:none
}
em,
i {
 font-style:normal
}
table {
 border-collapse:collapse;
 border-spacing:0
}
hr {
 border:0;
 height:1px
}
img {
 border-style:none
}
img:not([src]) {
 visibility:hidden
}
svg:not(:root) {
 overflow:hidden
}
input,
textarea,
button,
a {
 -webkit-tap-highlight-color:transparent
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
 display:block;
 margin:0;
 padding:0
}
audio,
canvas,
progress,
video {
 display:inline-block;
 margin:0;
 padding:0
}
progress {
 vertical-align:baseline
}
mark {
 background-color:#ff0;
 color:#000
}
sub,
sup {
 position:relative;
 font-size:75%;
 line-height:0;
 vertical-align:baseline
}
sub {
 bottom:-0.25em
}
sup {
 top:-0.5em
}
button,
input,
select,
textarea {
 outline:0
}
button,
input {
 overflow:visible
}
button,
select {
 text-transform:none
}
textarea {
 overflow:auto
}
pre {
 white-space:pre-wrap;
 word-wrap:break-word;
 font-family:initial
}
button,
html [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
}
[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-cancel-button,
[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-input-placeholder {
 color:inherit;
 opacity:0.54
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
[type="template/html"] {
 display:none !important
}
.svg-logo {

 height:44px
}
header.theme-dark {
 height:60px
}
header.theme-dark .xpc-header {
/* box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);*/
 background-color:#fdd000;
}
header.theme-dark .xpc-header a {
 color:#000
}
header.theme-dark .xpc-header .btn-mycourse {
 color:#fff !important;
 background-color:#e74b3b
}
header.theme-dark .xpc-header .btn-mycourse:hover {
 background-color:#d52b1a
}
header.theme-dark .xpc-header .navbar-main,
header.theme-dark .xpc-header .navbar-tool {
 color:#000
}
header.theme-dark .xpc-header .navbar-tool .nav-item>a:hover {
 color:#fff
}
header.theme-dark .xpc-header .nav-dropdown-list {
 background:#fff
}
header.theme-dark .xpc-header .nav-dropdown-list .nav-dropdown-item:hover>a {
 background:#fdd000
}
header.theme-dark .xpc-header .nav-dropdown-list .nav-dropdown-item.selected:hover {
 background:none
}
header.theme-dark .xpc-header .nav-dropdown-list .nav-dropdown-item .nav-sublist-title {
 color:#999
}
header.theme-dark .xpc-header .nav-dropdown-list .nav-dropdown-item .nav-sublist-title:hover {
 color:#fff
}
header.theme-dark .xpc-header .nav-dropdown-list .nav-dropdown-item .nav-sublist .nav-sublist-item a {
 color:#999
}
header.theme-dark .xpc-header .nav-dropdown-list .nav-dropdown-item .nav-sublist .nav-sublist-item a:hover {
 color:#fff
}
header.theme-dark .xpc-header .nav-mycourse .upload-list-wrap .mycourse-list {
 box-shadow:0 0 8px 0 rgba(0,0,0,0.1);
 background-color:#fff
}
header.theme-dark .xpc-header .nav-mycourse .upload-list-wrap .mycourse-list li:before {
 color:#333
}
header.theme-dark .xpc-header .nav-mycourse .upload-list-wrap .mycourse-list li:hover:before {
 color:#999
}
header.theme-dark .xpc-header .nav-mycourse .upload-list-wrap .mycourse-list li:hover a {
 color:#999
}
header.theme-dark .xpc-header .nav-mycourse .upload-list-wrap .mycourse-list li a {
 color:#333
}
header.theme-dark .xpc-avatar img {
 border:1px solid rgba(255,255,255,0.2)
}
header .xpc-header {
 position:relative;
 z-index:1000;
 width:100%;
 width:100%;
 min-width:1220px;
 box-shadow:0 0 8px 0 rgba(0,0,0,0.1);
 z-index:10001
}
header .xpc-header.hide {
 -webkit-transform:translateY(-60px);
 -moz-transform:translateY(-60px);
 -ms-transform:translateY(-60px);
 transform:translateY(-60px)
}
header .xpc-header.fixed {
 position:fixed
}
header .xpc-header.nav-affixed {
 position:fixed;
 -webkit-transform:translateY(-60px);
 transform:translateY(-60px)
}
header .xpc-header.nav-minimized {
 visibility:hidden
}
header .xpc-header.nav-maximized {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
header .xpc-header.nav-transitioning {
 -webkit-transition:-webkit-transform 0.4s ease;
 -moz-transition:-moz-transform 0.4s ease;
 -ms-transition:-ms-trasform 0.4s ease;
 transition:transform 0.4s ease
}
header .xpc-header nav.xpc-box {
 height:60px;
 padding:0 40px
}
header .xpc-header nav.xpc-box .xpc-logo {
 display:block;
 float:left;
 height:60px
}
header .xpc-header nav.xpc-box .svg-logo {
 position:relative;
 top:25%;

 vertical-align:top;
 display:inline-block
}
header .xpc-header .navbar-main {
 position:absolute;
 left:355px
}
header .xpc-header .navbar-tool {
 float:right;
 position:relative
}
header .xpc-header .navbar-tool .renewal {
 position:absolute;
 background:#fff;
 z-index:1;
 bottom:-47px;
 right:118px;
 padding:16px;
 border-radius:2px;
 font-size:14px;
 box-shadow:2px 3px 5px 1px #ccc
}
header .xpc-header .navbar-tool .renewal.shorter {
 width:237px
}
header .xpc-header .navbar-tool .renewal.longer {
 width:254px
}
header .xpc-header .navbar-tool .renewal .triangle {
 width:0;
 height:0;
 border-style:solid;
 border-width:0 4px 6px 4px;
 border-color:transparent transparent #fff transparent;
 top:-6px;
 position:absolute;
 right:23px
}
header .xpc-header .navbar-tool .renewal .btn-red {
 padding:5px 11px;
 background-color:#e74b3b;
 color:#fff;
 font-size:12px;
 border-radius:2px;
 margin-left:20px
}
header .xpc-header .navbar-tool .renewal .icon-close {
 font-size:20px;
 color:#595959;
 display:inline-block;
 vertical-align:-5px;
 margin-left:10px;
 cursor:pointer
}
header .xpc-header .navbar-tool .nav-item>.xpc-btn {
 margin:0 20px;
 transition:all 0.3s ease
}
header .xpc-header .navbar-tool .nav-item>.nav-icon {
 padding:0 10px;
 transition:all 0.3s ease;
 font-size:20px
}
header .xpc-header .navbar-tool .nav-item:last-child>* {
 padding-right:0;
 margin:0 0 0 0px !important
}
header .xpc-header .navbar-tool .xpc-btn {
 display:inline-block
}
header .xpc-header .navbar-tool .btn-mycourse {
 width:82px;
 line-height:28px;
 height:28px;
 text-align:center;
 font-size:14px;
 transition:0.3s ease;
 border-radius:2px;
 position:relative;
 top:50%;
 transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 vertical-align:top;
 display:inline-block
}
header .xpc-header .nav-icon .xpc-avatar {
 width:35px;
 height:35px;
 transition:0.3s ease;
 position:relative;
 top:50%;
 transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 vertical-align:top;
 display:inline-block
}
header .xpc-header .nav-icon .xpc-avatar:hover {
 opacity:0.5
}
header .xpc-header .nav-icon .xpc-avatar img {
 width:35px;
 height:35px;
 border-radius:50%;
 display:block
}
header .xpc-header .nav-icon .xpc-avatar .author-v {
 width:8px;
 height:8px
}
header .xpc-header .xpc-navbar {
 height:60px;
 display:block
}
header .xpc-header .xpc-navbar.navbar-main .selected>a {
 color:#fdd000;
 background-color:#0f0f0f;

 height:60px
}
header .xpc-header .xpc-navbar.navbar-main .nav-item:hover>a {
 color:#fff; background-color:#000; height:60px
}
header .xpc-header .xpc-navbar .nav-dropdown-item {
 font-weight:300
}
header .xpc-header .xpc-navbar .nav-dropdown-divider {
 height:1px;
 background-color:#f0f0f0;
 margin:6px 0
}
header .xpc-header .xpc-navbar .nav-item {
 display:block;
 height:60px;
 line-height:60px;
 float:left;
 cursor:pointer;
 position:relative;
 font-size:16px
}
header .xpc-header .xpc-navbar .nav-item#xpc-vip span {
 width:32px;
 display:inline-block
}
header .xpc-header .xpc-navbar .nav-item .vipicon {
 display:inline-block;
 width:15.4px;
 height:12px;
 background-image:url(../../img/165d5614ec517cc.png);
 background-repeat:no-repeat;
 background-size:contain
}
header .xpc-header .xpc-navbar .nav-item .nav-label {
 display:block;
 padding:0 20px;
 transition:0.3s ease
}
header .xpc-header .xpc-navbar .nav-item.nav-vip {
 width:85px;
 margin-right:20px
}
header .xpc-header .xpc-navbar .nav-item.nav-vip .vipicon {
 display:inline-block;
 width:85px;
 height:22px;
 background-image:url(../../img/095d75efa922061.png);
 background-repeat:no-repeat;
 background-size:cover;
 vertical-align:-5px;
 transition:0.3s
}
header .xpc-header .xpc-navbar .nav-item.nav-vip .vipicon:hover {

 background-repeat:no-repeat;
 background-size:cover;
 transition:0.3s
}
header .xpc-header .nav-dropdown .nav-label i.icon-Arrow-1 {
 display:inline-block;
 transform:scale(0.75);
 -ms-transform:scale(0.75);
 font-size:12px;
 transition:0.3s ease;
 color:#999;
 padding-left:4px
}
header .xpc-header .nav-dropdown.selected .nav-label i.icon-Arrow-1 {
 color:#fff
}
header .xpc-header .nav-dropdown:hover .nav-dropdown-list {
 visibility:visible;
 opacity:1;
 transform:translateY(-5px);
 -ms-transform:translateY(-5px)
}
header .xpc-header .nav-dropdown:hover .nav-label i.icon-Arrow-1 {
 color:#fff
}
header .xpc-header .nav-dropdown .nav-dropdown-list {
 display:block;
 position:absolute;
 min-width:150px;
 z-index:10;
 box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);
 border:1px solid rgba(255,255,255,0.1);
 border-radius:4px;
 overflow-y:auto;
 padding:6px 0;
 opacity:0;
 visibility:hidden;
 transform:translateY(5px);
 transition:all 0.3s ease
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .nav-sublist-title {
 position:relative;
 height:42px;
 font-size:14px;
 font-weight:500;
 background-color:transparent
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .nav-sublist-title i {
 position:static
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .nav-sublist-title i.icon-arrow-right::before {
 display:inline-block;
 font-size:12px;
 cursor:pointer;
 -webkit-transform:scale(0.9);
 -moz-transform:scale(0.9);
 -ms-transform:scale(0.9);
 transform:scale(0.9);
 font-weight:300
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .nav-sublist {
 padding-bottom:8px;
 overflow:hidden;
 min-width:192px
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .nav-sublist .nav-sublist-item {
 position:relative;
 width:96px;
 display:block;
 float:left;
 font-size:12px;
 line-height:2.4;
 cursor:default
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .nav-sublist .nav-sublist-item.nav-sublist-item-banner {
 width:192px
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .nav-sublist .nav-sublist-item.nav-sublist-item-banner:nth-of-type(1):after {
 content:"HOT";
 border-radius:2px;
 color:#fff;
 position:absolute;
 width:32px;
 height:18px;
 line-height:18px;
 font-weight:500;
 text-align:center;
 top:-1px;
 background:#e74b3b;
 font-size:12px;
 transform:scale(0.7)
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .nav-sublist .nav-sublist-item a {
 display:inline-block;
 font-weight:300;
 margin:0 0 0 20px;
 padding:0;
 height:auto
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item {
 cursor:pointer;
 font-size:14px;
 display:block;
 min-height:44px;
 line-height:44px;
 text-align:left
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item a {
 padding:0 16px;
 display:block
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item a .dyj-logo {
 width:73px;
 vertical-align:-7px;
 margin-left:12px
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item.vip-zone {
 min-height:0
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item.vip-zone .viphint {
 font-size:12px;
 font-weight:300;
 line-height:1.17;
 color:#999;
 padding:0 16px 18px;
 display:block;
 cursor:default;
 text-align:left;
 white-space:nowrap;
 border-bottom:1px solid #333
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item.vip-zone .viphint a {
 color:#e74b3b;
 padding:0;
 float:right;
 cursor:pointer
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item.vip-zone .viphint a:hover {
 font-weight:500
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .vipicon {
 display:inline-block;
 width:15.4px;
 height:12px;
 background-image:url(../../img/165d5614ec517cc.png);
 background-repeat:no-repeat;
 background-size:contain;
 padding:0;
 vertical-align:-1px
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .vipicon.vip2 {
 width:30px;
 height:12px;
 background-image:url(../../img/165d5614ec517ee.png)
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .vipicon.vip2overdue {
 width:11.4px;
 height:10.8px;
 background-image:url(../../img/165d5614ec517dd.png)
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item .vipicon.overdue {
 background-image:url(../../img/165d5614ec517dc.png)
}
header .xpc-header .nav-dropdown .nav-dropdown-list .nav-dropdown-item.selected a {
 cursor:default
}
header .xpc-header .nav-dropdown .nav-dropdown-list.xpc-qrcode {
 min-width:160px;
 opacity:1;
 line-height:20px
}
header .xpc-header .nav-dropdown .nav-dropdown-list.xpc-qrcode img {
 width:120px;
 height:120px;
 margin:14px 20px 5px
}
header .xpc-header .nav-dropdown .nav-dropdown-list.xpc-qrcode p {
 color:#333;
 font-size:12px;
 text-align:center;
 margin:5px auto 14px
}
header .xpc-header .nav-dropdown .nav-dropdown-list-wide {
 width:200px
}
header .xpc-header .nav-dropdown .nav-dropdown-list-wide .nav-dropdown-item .nav-sublist .nav-sublist-item {
 width:99px
}
footer.xpc-footer-container {
 height:170px
}
.xpc-footer {
 background:#222222;
 color:#999;
 position:absolute;
 bottom:0;
 width:100%;
 min-width:1220px;
 /*border-top:1px solid #F3F4F5*/
}
.xpc-footer a {
 color:#999
}
.xpc-footer a:hover {
 color:#fdd000
}
.xpc-footer summary {
 letter-spacing:4px;
 text-align:justify; padding-left:48px
}
.xpc-footer summary,
.xpc-footer li {
 line-height:1.5
}
.xpc-footer .xpc-box {
 width:1140px;
 padding:0 40px;
 margin:0 auto
}
.xpc-footer .footer-sitemap {
 border-bottom:1px solid #222222;
 padding-top:30px;
 padding-bottom:30px
}
.xpc-footer .xpc-fl {
 float:left;
 width:500px
}
.xpc-footer .xpc-fl h1 {
 display:block;
 font-size:14px;
 color:#333;
 height:38px;
 padding-bottom:12px;
 margin-top:1px
}
.xpc-footer .xpc-fl .xpc-logo,
.xpc-footer .xpc-fl .slogon {
 position:relative;

 vertical-align:top;
 display:inline-block;
 padding-right:20px;
 font-weight:300
}
.xpc-footer .xpc-fr {
 float:right
}
.xpc-footer .xpc-fr .column-item {
 float:left;
 width:80px
}
.xpc-footer .xpc-fr ul {
 display:block
}
.xpc-footer .xpc-fr ul li {
 line-height:32px; text-align:right
}
.xpc-footer .footer-bottom {
 height:50px;
 line-height:50px;
 background-color:#000;
}
.xpc-footer .footer-bottom .copyright {
 padding-right:27px
}
.xpc-footer .footer-bottom .other-tool {
 float:right;
 display:block;
 height:50px
}
.xpc-footer .footer-bottom .other-tool .other-channel {
 position:relative;
 font-size:18px;
 color:#333;
 margin-left:36px
}
.xpc-footer .footer-bottom .other-tool .other-channel em {
 font-size:12px;
 vertical-align:top
}
.xpc-footer .footer-bottom .other-tool .other-channel:hover {
 color:#999
}
.xpc-footer .footer-bottom .other-tool .other-channel a {
 color:#333
}
.xpc-footer .footer-bottom .other-tool .other-channel:hover a {
 color:#999
}
.xpc-footer .footer-bottom .other-tool .other-channel .qr-box {
 color:black;
 position:absolute;
 width:120px;
 height:140px;
 background:#fff;
 bottom:54px;
 left:-28px;
 text-align:center;
 box-shadow:0 0 8px rgba(0,0,0,0.1);
 z-index:10020;
 cursor:default
}
.xpc-footer .footer-bottom .other-tool .other-channel .qr-box::after {
 content:'';
 display:block;
 position:absolute;
 border:8px solid rgba(255,255,255,0);
 border-top:8px solid #fff;
 top:140px;
 left:55px
}
.xpc-footer .footer-bottom .other-tool .other-channel.hover-qrcode-wrap {
 display:inline-block
}
.xpc-footer .footer-bottom .other-tool .other-channel.hover-qrcode-wrap .qr-box {
 padding:5px;
 box-sizing:border-box;
 display:none
}
.xpc-footer .footer-bottom .other-tool .other-channel.hover-qrcode-wrap .qr-box img {
 width:100%
}
.xpc-footer .footer-bottom .other-tool .other-channel.hover-qrcode-wrap .qr-box .qr-title {
 position:absolute;
 left:0;
 right:0;
 bottom:5px;
 height:17px;
 line-height:17px;
 letter-spacing:2px
}
.xpc-footer .footer-bottom .other-tool .other-channel.hover-qrcode-wrap.weixin .qr-box {
 padding:0;
 left:-54px
}
.xpc-footer .footer-bottom .other-tool .other-channel.hover-qrcode-wrap:hover .qr-box {
 display:block
}
.xpc-footer .footer-bottom .other-tool .other-channel .qr-title {
 font-size:10px;
 opacity:.7;
 line-height:2;
 margin-top:7px
}
.xpc-footer .footer-bottom .other-tool .other-channel .qr-img {
 text-align:center
}
.xpc-footer .footer-bottom .other-tool .other-channel .qr-img img {
 width:70px;
 height:70px;
 display:block;
 margin:0 auto 9px
}
.xpc-footer .xpc-logo svg,
.xpc-footer .svg-logo svg {
 width:180px;
 height:40px
}
header .xpc-header .xpc-navbar .search-btn{display: inline-block; cursor: pointer;display: inline-block; vertical-align: middle; height: 60px; line-height: 60px; text-align: center; padding:0 10px 0 20px; font-size:18px; margin-right: 20px;}