html {line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;--accent-color:#1a1a1a;}
*,*:before,*:after {box-sizing:inherit;margin:0;padding:0;outline:0}
body {background-color:#f8f8f8;color:#555;font-family:'Microsoft YaHei',SimSun,'LiHei Pro Medium',STSong,Verdana,Tahoma,Arial;font-size:14px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:60px;}
a {color:#34495e;text-decoration:none;-webkit-transition:background,border,color 0.3s ease;-moz-transition:background,border,color  0.3s ease;-o-transition:background,border,color  0.3s ease;transition:background,border,color  0.3s ease;}
a:hover{color:#f00;}
h1,h2,h3,h4,h5,h6 {color:#555;font-weight:700;line-height:1.2;margin:0 0 15px;}
p {margin:0 0 15px;}
img {display:block;height:auto;max-width:100%;vertical-align:middle;}
table {border-collapse:collapse;font-size:13px;margin:0 0 15px;word-break:normal;}
th,td {border:1px solid #f4f4f4;padding:8px 12px;}
ul,ol,li{list-style:none;padding:0;margin:0}
iframe,embed {border:0;display:block;overflow:hidden;width:100%;}
figure {margin:0;}
article,aside,footer,header,nav,section {display:block;}
h1 {font-size:2em;margin:0.67em 0;}
figcaption,figure,main {display:block;}
figure {margin:1em 40px;}
hr {box-sizing:content-box;height:0;overflow:visible;}
pre {font-family:monospace,monospace;font-size:1em;}
a {background-color:transparent;-webkit-text-decoration-skip:objects;}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong {font-weight:inherit;}
b,strong {font-weight:bolder;}
code,kbd,samp {font-family:monospace,monospace;font-size:1em;}
dfn {font-style:italic;}
mark {background-color:#ff0;color:#000;}
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;}
audio,video {display:inline-block;}
audio:not([controls]) {display:none;height:0;}
img {border-style:none;}
svg:not(:root) {overflow:hidden;}
button,input,optgroup,select,textarea {font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button,input {overflow:visible;}
button,select {text-transform:none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance:button;cursor:pointer;}
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 {display:inline-block;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-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit;}
details,menu {display:block;}
summary {display:list-item;}
canvas {display:inline-block;}
template {display:none;}
[hidden] {display:none;}
::-webkit-scrollbar {width:8px;height:8px;background-color:#f9f9f9;}
::-webkit-scrollbar-track {background-color:#f1f1f1;}
::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.2);background-color:#eee;border-radius:2px;}

@font-face {
  font-family: "zzTuKu-Icon"; /* Project id 2155795 */
  src: url('iconfont.woff2?t=1631080555381') format('woff2'),
       url('iconfont.woff?t=1631080555381') format('woff'),
       url('iconfont.ttf?t=1631080555381') format('truetype');
}
.iz {font-family:"zzTuKu-Icon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.i-z-zbi:before{content:"\e61d";}
.i-z-upload:before{content:"\e613";}
.i-z-logout:before{content:"\e62b";}
.i-z-close:before{content:"\e608";}
.i-z-up:before{content:"\e65b";}
.i-z-see:before{content:"\e642";}
.i-z-qrcode:before{content:"\e607";}
.i-z-money:before{content:"\e60e";}
.i-z-mima:before{content:"\e618";}
.i-z-vip-user:before{content:"\e605";}
.i-z-vip:before{content:"\e60d";}
.i-z-about:before{content:"\e75c";}
.i-z-demo:before{content:"\e692";}
.i-z-user:before{content:"\e6c4";}
.i-z-pay:before{content:"\e606";}
.i-z-order:before{content:"\e604";}
.i-z-collect:before{content:"\e68e";}
.i-z-set:before{content:"\e602";}
.i-z-logs:before{content:"\e662";}
.i-z-sign:before{content:"\e630";}
.i-z-down-log:before{content:"\e603";}
.i-z-contact:before{content:"\e658";}
.i-z-copy:before{content:"\e63f";}
.i-z-score:before{content:"\e600";}
.i-z-login:before{content:"\e63b";}
.i-z-download:before{content:"\e65f";}
.i-z-like:before{content:"\e659";}
.i-z-look:before{content:"\e6d1";}
.i-z-time:before{content:"\e627";}
.i-z-down:before{content:"\e6bf";}
.i-z-more:before{content:"\e60c";}
.i-z-home:before{content:"\e601";}

.container{margin:0 auto;width:1380px;}
.header{height:60px;position:fixed;z-index:99;background-color:#ffb800;width:100%;top:0;}
.header .container{position:relative;display:flex;align-items:center;height:100%;}
.header .menu{margin-left:60px;}
.header .menu ul:after{content:'';display:block;clear:both;}
.header .menu ul li{float:left;line-height:60px;height:100%;position:relative;}
.header .menu ul li>a{padding:0 15px;display:block;height:60px;color:#222;}
.header .menu ul li.action>a{font-weight:bold;}
.header .menu ul li>a:hover,.header .menu ul li.hover,.header .menu ul li.hover>a{background-color:#222;color:#fff;}
.header .menu ul li i{font-size:30px;position:relative;top:-1px;}
.header .menu ul li .sub{display:none;position:absolute;top:60px;left:0;padding:15px 20px 15px;min-width:420px;z-index:98;line-height:1;border-radius:0 0 5px 5px;box-shadow:0 2px 10px rgba(0,0,0,.1);box-sizing:border-box;}
.header .menu ul li:hover .sub{display:block;background:#fff;color:#333}
.header .menu ul li .sub a{display:inline-block;padding:3px 0;margin:8px 20px 8px 0;}
.header .header-search{width:40%;position:absolute;top:10px;left:30%;}
.header .header-search input{border:0;height:40px;width:100%;background:none;font-size:16px;line-height:40px;outline:0;}
.header .header-search input::-webkit-input-placeholder{color:#333;font-size:16px;}
.header .header-search input::-moz-placeholder{color:#333;font-size:16px;}
.header .header-search input:-moz-placeholder{color:#333;font-size:16px;}
.header .header-search input:-ms-input-placeholder{color:#333;font-size:16px;}
.header .search-icon,.header .header-search .search-close{position:absolute;right:80px;font-weight:bold;}
.header .header-search .search-close{right:-60px;top:0;text-align:center;}
.header .search-icon i,.header .header-search .search-close i{height:60px;width:60px;display:block;font-size:18px;line-height:60px;cursor:pointer;}
.header .header-search .search-close i{height:40px;line-height:40px;font-size:16px;}
.header .account,.search-account{display:flex;flex:0 0 36px;justify-content:flex-end;position:relative;height:60px;width:60px;margin-left:auto;}
.header .account:hover .account-info,.search-account:hover .account-info{display:block;}
.header .account>a>span,.search-account>a>span{background:url(../images/avatar.png) no-repeat;background-size:100%;width:36px;height:36px;display:block;margin:12px 0;border-radius:50%;}

.account-info{display:none;position:absolute;top:60px;right:0;box-sizing:border-box;padding:15px;background:#fff;width:300px;height:170px;z-index:100;border-radius:0 0 5px 5px;box-shadow:0 5px 10px rgba(0,0,0,.1);}
.account-info:before{content:'';display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;right:11px;}
.account-info .account-avatar{height:70px;border-bottom:1px solid #f1f1f1;}
.account-info .account-avatar span{position:relative;width:56px;height:56px;display:block;border-radius:4px;overflow:hidden;float:left;margin-right:15px;}
.account-info .account-avatar span img{width:100%;height:100%;}
.account-info .account-avatar h4{font-size:16px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.account-info .account-avatar p{font-size:13px;color:#f60;}
.account-info .account-avatar p i{font-size:13px;}
.account-info .account-nav{text-align:center;padding:10px 5px;box-sizing:border-box;}
.account-info .account-nav a{float:left;width:25%;box-sizing:border-box;border-right:1px solid #f9f9f9;font-size:12px;color:#666;}
.account-info .account-nav a:last-child{border:0;}
.account-info .account-nav a:hover{color:#f00;}
.account-info .account-nav i{font-size:24px;display:block;height:40px;line-height:40px;}

.slide-bear{height:260px;background:#fbfbfb url(../images/bg-container.png) repeat-x;width:100%;position:relative;font-size:32px;padding-bottom:36px;box-sizing:content-box}
.slide-bear .slide-search{position:absolute;top:85px;width:650px;left:50%;margin-left:-329px;border:4px solid rgba(255,255,255,.2);border-radius:3px;z-index:60;font-size:16px;box-sizing:content-box}
.slide-bear .slide-search input,.slide-bear .slide-search button{height:40px;line-height:40px;border:0;float:left;outline:0}
.slide-bear .slide-search input{border-radius:2px 0 0 2px;box-sizing:border-box;padding-left:36px;width:540px;padding-right:110px;}
.slide-bear .slide-search>form>i{font-size:17px;position:absolute;left:0;height:40px;width:40px;text-align:center;line-height:40px;color:#bbb;display:block;z-index:9;}
.slide-bear .slide-search button{border-radius:0 2px 2px 0;width:110px;text-align:center;background:#f60;color:#fff;cursor:pointer;}
.slide-bear .slide-search button:hover{background:#ff7e28;}
.slide-search .select-box {position:absolute;width:93px;height:40px;right:110px;padding-left:15px;background:#f5f5f5;}
.slide-search .select-box .select-txt{display:inline-block;width:78px;height:40px;padding-right:15px;overflow:hidden;line-height:40px;font-size:14px;cursor:pointer;}
.slide-search .select-box .select-icon{position:absolute;top:50%;right:10px;transform:translate(0,-50%);width:10px;height:10px;}
.slide-search .select-box .select-icon:after{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #bbb;content:'';display:block;position:absolute;top:3px;right:4px;}
.slide-search .select-box .option{display:none;position:absolute;top:40px;left:0;width:108px;background-color:#fff;border:1px solid #f1f1f1;border-top:0;box-sizing:border-box;z-index:9;}
.slide-search .select-box .option li{padding-left:15px;font-size:14px;line-height:36px;cursor:pointer;}
.slide-search .select-box .option li:hover{background:#ffb800;color:#333;}

.slide-bear .slide-tab{text-align:center;position:absolute;bottom:0;width:100%;z-index:4;background:#fafbfb;}
.slide-bear .slide-tab li{display:inline-block;font-size:14px;height:40px;line-height:40px;padding:0 4px;border-bottom:1px solid transparent;cursor:pointer;margin:0 6px;}
.slide-bear .slide-tab li.action{color:#ffb800;font-weight:500;border-color:#ffb800;}

.main-section{display:flex;flex-wrap:wrap;margin:15px -10px 0;}
.main-section[hidden]{display:none;}
p.empty{padding:30px 45px;width:100%;text-align:center;}
p.empty a{color:#f90;margin:0 2px;}
p.empty a:hover,.moban-item .item-standard .item-title h2 a:hover{color:#f00}
.article-card{flex:0 0 20%;width:20%;padding:0 10px;margin-bottom:15px;}
.standard{background:#fff;border-radius:3px;box-sizing:border-box;padding:7px;}
.standard:hover{box-shadow:0 1px 8px rgba(0,0,0,.05);}
.standard .standard-media{height:165px;position:relative;overflow:hidden;border-radius:2px;}
.ppt .standard .standard-media{height:300px;position:relative;}
.h5 .standard .standard-media{height:400px;position:relative;}
.standard .standard-media a{width:100%;display:block;height:100%;}
.standard .standard-media a:before{content:"\e642";font-family:zzTuKu-Icon;position:absolute;z-index:1;width:170px;height:100%;background:rgba(0,0,0,.2);top:50%;left:50%;height:170px;border-radius:50%;text-align:center;line-height:170px;font-size:22px;color:#fff;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.standard .standard-media:hover a:before{top:50%;left:50%;width:52px;height:52px;opacity:1;line-height:52px;}
.standard .standard-media img,.moban-item .item-standard .item-media img{min-height:100%;border-radius:2px;min-width:100%;}
.standard .standard-media small{position:absolute;right:6px;bottom:5px;border-radius:10px;background:#ffb800;width:24px;height:14px;line-height:14px;text-align:center;display:block;z-index:10;}
.standard .standard-media small:after{content:'\8350';display:block;font-size:12px;color:#fff;}
.standard .standard-wrapper{margin-top:5px;}
.standard .standard-meta,.article-wrapper .article-item .article-info .article-meta{height:30px;line-height:30px;font-size:12px;}
.standard .standard-meta a,.article-wrapper .article-item .article-info .article-meta a{padding-left:15px;margin-right:5px;position:relative;}
.standard .standard-meta a:after,.article-wrapper .article-item .article-info .article-meta a:after{content:'';height:6px;width:6px;border-radius:5px;background:#fd721f;display:block;position:absolute;left:0;top:6px;}
.standard .standard-meta a:nth-child(2):after,.article-wrapper .article-item .article-info .article-meta a:nth-child(2):after{background:#4caf50;}
.standard .standard-wrapper h2.standard-title{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;height:32px;line-height:32px;margin-bottom:2px;}
.standard .standard-wrapper .standard-excerpt{font-size:12px;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:8px;color:#999;}
.standard .standard-wrapper .standard-footer{padding:11px 0 7px;border-top:1px solid #f1f1f1;margin-top:6px;}
.standard .standard-wrapper .standard-footer,.standard .standard-wrapper .standard-footer i{font-size:12px;color:#bbb;}
.standard .standard-wrapper .standard-footer span{float:right;}
.standard .standard-wrapper .standard-footer time{margin-left:3px;}

.zds-section{background:#ccc;border-radius:2px;overflow:hidden;}
.zds-section.ads-index{background:none}
.zds-section.ads-index a{margin-top:15px}
.zds-section img{width:100%;height:60px;}
.zds-section a{display:block;margin-bottom:1px;}
.zds-section.ads-index a{margin-bottom:0}
.zds-section a:not(.vipa){position:relative;}
.zds-section a:not(.vipa):before{content:'\5e7f\544a-Ads';position:absolute;right:0;bottom:0;font-size:12px;display:block;z-index:3;color:#fff;background:rgba(0,0,0,.4);height:16px;line-height:16px;padding:0 3px;border-radius:4px 0 0 0;}

.source-section,.ppt-section,.moban-section{margin-top:15px;background:#fff;border-radius:3px;overflow:hidden;}
.section-title{height:50px;line-height:20px;padding:15px 0 15px 44px;font-size:18px;font-weight:500;margin-bottom:0;position:relative;}
.section-title:after{height:28px;width:28px;background:url(../images/title.png) no-repeat center;background-size:100%;margin-right:8px;display:block;-webkit-animation:toy 3s .1s infinite;animation: toy 3s .1s infinite;content:'';position:absolute;left:8px;top:11px;}
.article-section .section-title,.like-section .section-title{padding-left:34px;margin-bottom:15px;}
.like-section .section-title{margin-bottom:5px;}
.article-esc .section-title:after{background-image:url(../images/course.png);left:-2px;}
.article-soft .section-title:after{background-image:url(../images/soft.png);left:-2px;}
.like-section .section-title:after{background-image:url(../images/like.png);left:-2px;}
.main-single .section-title:after{background-image:url(../images/about.png);left:12px;}
.ppt-section .section-title:after{background-image:url(../images/ppt.png);left:10px;}
.section-title.space-title:after{background-image:url(../images/new.png);left:10px;}
.moban-section .moban-card .section-title:after{background-image:url(../images/moban.png);left:10px;}
.sucai-section .section-title:after{background-image:url(../images/sucai.png);left:10px;}
.section-title span{float:right;font-size:12px;font-weight:normal;}
.section-title span a{padding:0 8px;border-right:1px solid #ccc;height:14px;line-height:14px;}
.section-title span a:last-child,.ppt-article .source-standard:last-child,.account-box .account-num ul li:last-child{border:0;}
.section-title span i{position:relative;top:1px;}

.source-article{display:flex;flex-wrap:wrap;}
.source-article .source-standard{flex:0 0 16.66666%;width:16.66666%;border-right:1px solid transparent;border-top:1px solid transparent;height:154px;overflow:hidden;}
.source-article .source-standard .source-media,.source-article .source-standard .source-media img{height:100%;width:100%;}
.source-article .source-standard:nth-child(6n){border-right:0;}
.source-article .source-standard .source-title{-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;height:40px;line-height:40px;background:rgba(255,255,255,.6);width:100%;padding:0 8px;box-sizing:border-box;font-size:14px;-ms-transform:translate(0,0);-o-transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0);}
.source-article .source-standard:hover .source-title{-ms-transform:translate(0,-100%);-o-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-webkit-transform:translate(0,-100%);transform:translate(0,-100%);}
.source-article .source-standard .source-title h2,.moban-item .item-standard .item-title h2,.code-item .item-standard .item-title h2{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;font-size:15px;line-height:40px;}
.source-article .source-standard .source-title h2 a,.moban-item .item-standard .item-title h2 a{color:#333;}

.tags-section{background:#fff;margin-top:15px;height:200px!important;border-radius:3px;position:relative;margin-bottom:2px;}
.tags-section a{color:#fff;text-decoration:none;display:inline-block;width:100%;height:100%;font-size:13px;position:absolute;text-align:center;word-wrap:break-word;overflow:hidden;border:1px solid #fff;height:1px;width:1px;box-sizing:content-box}
.tags-section a:hover{opacity:.7}

.ppt-article{display:flex;border:1px solid #f1f1f1;box-sizing:border-box;}
.ppt-article .source-standard{width:20%;border-right:1px solid #f1f1f1;padding:12px 12px 0 12px;box-sizing:border-box;}
.ppt-article .source-standard .source-title h2{font-size:17px;font-weight:normal;height:40px;line-height:40px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ppt-article .source-standard:hover{box-shadow:inset 0 0 10px rgba(0,0,0,.08)}

.moban-section{display:flex;background:none;}
.moban-section .moban-card,.moban-section .code-card{box-sizing:border-box;background:#fff;border-radius:3px;}
.moban-section .moban-card{width:68%;}
.moban-section .code-card{width:30%;margin-left:auto;background:url(../images/code.png) no-repeat #fff;background-size:100% auto;}
.moban-section .code-card .create{color:#e00}
.moban-section .code-card .create i{font-size:13px;}
.moban-item,.code-item{padding:0 12px;margin:0 -10px;}
.moban-item .item-standard{width:25%;float:left;padding:0 10px;margin-top:8px;}
.moban-item .item-standard .item-media{width:100%;position:relative;height:337px;overflow:hidden;}
.moban-item .item-standard .item-media img{height:auto;}
.moban-item .item-standard .item-title h2,.code-item .item-standard .item-title h2{font-size:16px;}
.moban-section .code-card .section-title,.moban-section .code-card .section-title span a{color:#fff}
.code-card .code-item{margin:0;padding-top:5%;}
.code-item .item-standard{padding-bottom:10px;margin-bottom:1px;border-bottom:1px dotted #f1f1f1;}
.code-item .item-standard:last-child{border:0}
.code-item .item-standard .item-media{float:left;width:50px;}
.code-item .item-standard .item-media img{width:70%;position:relative;top:10px;}
.code-item .item-standard .article-excerpt{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999}
.code-card .create-item .upload-button{width:60%;margin:10px auto;text-align:center;display:block;height:42px;line-height:42px;font-size:16px;color:#333;background-size:300% 100%;border-radius:50px;-moz-transition:background .4s ease-in-out;-o-transition:background .4s ease-in-out;-webkit-transition:background .4s ease-in-out;transition:background .4s ease-in-out;background-image:linear-gradient(to right, #f7ea57, #cbff5c, #f7ea57, #cbff5c);}

.article-section,.like-section{padding:5px 0 10px;background:#fff;margin-top:25px;}
.article-section .container{display:flex;}
.article-section .article-esc{width:70%;}
.article-section .article-esc .section-title{padding-right:20px;}
.article-section .article-soft{width:30%;}
.article-esc .article-wrapper,.like-section .article-wrapper{display:flex;flex-wrap:wrap;}
.article-esc .article-wrapper .article-item,.like-section .article-wrapper .article-item{flex:0 0 50%;width:50%;padding-right:20px;margin-bottom:35px;}
.like-section .article-wrapper .article-item{margin-bottom:20px;}
.article-wrapper .article-item,.article-wrapper .code-item,.show-like .code-item{display:flex;}
.article-wrapper .article-item .article-media{flex-shrink:0;width:30%;height:92px;border-radius:2px;overflow:hidden;margin-right:3%;}
.like-section .article-wrapper .article-item .article-media{width:136px;}
.article-wrapper .article-item .article-media img{width:100%;min-height:100%;-moz-transition:transform .3s ease-out;-ms-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out;}
.article-wrapper .article-item .article-media img:hover{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.article-wrapper .article-item .article-info{width:64%;}
.like-section .article-wrapper .article-item .article-info{width:75%;}
.article-wrapper .article-item .article-info .article-title h2,.code-item .code-info .code-title h2{font-size:16px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;}
.article-wrapper .article-item .article-info .article-look,.code-item .code-info .code-meta{font-size:12px;color:#999aaa;margin-top:2px;}
.article-wrapper .article-item .article-info .article-meta span,.article-wrapper .article-item .article-info .article-look span,.code-item .code-info .code-meta span{color:#777;margin-left:20px;}
.article-wrapper .article-item .article-info .article-meta span i,.article-wrapper .article-item .article-info .article-look i,.code-item .code-info .code-meta i{font-size:12px;margin-right:5px;}
.article-wrapper .article-item .article-info .article-excerpt,.code-item .code-info .code-excerpt{font-size:12px;line-height:1.5;color:#999aaa;margin-top:3px;}
.article-soft .article-wrapper .article-item{margin-bottom:22px;}
.article-soft .article-wrapper .article-item .article-media{width:25%;height:70px;}
.article-soft .article-wrapper .article-info{width:70%}
.code-item .code-info{-webkit-box-flex:1;flex:1;min-width:0;}
.article-wrapper .code-item .code-icon,.show-like .code-item .code-icon{width:50px;}
.article-wrapper .code-item{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #f1f1f1;}
.code-item .code-icon img{width:34px;}
.code-item .code-info .code-title h2{margin-bottom:10px;}
.show-like .code-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #f3f3f3;height:60px;}
.show-like .code-item:last-child{margin-bottom:0;padding-bottom:0;border:0;height:45px;}
.show-like .code-item .code-info .code-title h2{margin-bottom:5px;}
.show-like .code-item .code-info .code-title h2 time{float:right;font-size:12px;color:#999}
.code-item .code-info .code-excerpt{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.code-item .code-info .code-meta{margin-top:10px;}
.course-aside{width:100%;}
.course-aside>div.aside-box{height:182px;padding:16px 41px;background:url(../images/upload-bg.png) no-repeat #fff;background-size:contain;text-align:center;}
.course-aside>div.aside-box .title{font-size:20px;font-weight:500;color:#3a4156;}
.course-aside>div.aside-box .sub-title{font-size:16px;color:#848da3;margin:10px 0 15px}
.course-aside>div.aside-box .upload-button,.article-box .show-down .download,.article-box .show-down .vip,.space-more a{height:42px;line-height:42px;display:inline-block;width:100%;font-size:16px;color:#fff;background-size:300% 100%;border-radius:50px;-moz-transition:background .4s ease-in-out;-o-transition:background .4s ease-in-out;-webkit-transition:background .4s ease-in-out;transition:background .4s ease-in-out;background-image:linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);box-shadow:0 1px 10px 0 rgba(45, 54, 65, 0.25);}
.course-aside>div.aside-box .upload-button:hover,.article-box .show-down .download:hover,.article-box .show-down .vip:hover,.code-card .create-item .upload-button:hover,.space-more a:hover{background-position:100% 0;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.code-card .create-item p{margin-top:15px;color:#fff;text-align:center;}
.course-aside>div.aside-box>p{margin:20px 0 0;font-size:13px;}
.course-aside .course-union{margin-bottom:20px}
.course-aside .union-section{height:300px}
.article-box{display:flex;padding-bottom:25px;border-bottom:1px solid #f1f1f1;margin-bottom:25px;}
.article-box .article-header{flex:1;margin-right:20px;-webkit-box-flex:1;}
.article-box .article-media{margin-left:auto;padding:1px;border-radius:3px;border:1px solid #f5f5f5;height:130px;width:193px;box-sizing:border-box;}
.article-box .article-media img{width:100%;height:100%;display:block;}
.article-box .show-header .show-title{font-size:24px;margin-bottom:5px;}
.article-box .show-item{margin-bottom:25px;}
.article-box .show-item,.article-box .show-item i{padding:0;background:none;font-size:13px;}
.article-box .show-down{display:flex;}
.article-box .show-down .down-button>a{text-align:center;display:inline-block;margin-right:10px;font-size:14px;height:36px;line-height:36px;padding:0 20px;width:auto;box-shadow:0 0 0;vertical-align:top;}
.article-box .show-down .download{padding:0 40px;background-image:linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);}
.article-box .show-down .vip i{font-size:26px;vertical-align:middle;overflow:hidden;height:36px;position:relative;top:-1px;}
.article-box .show-down .down-icon{margin-left:auto;line-height:50px;font-size:14px;height:36px;overflow:hidden;}
.article-box .show-down .down-icon i{font-size:14px;}
.article-box .show-down .down-icon a{margin-left:15px;cursor:pointer;}
.article-box .show-down .down-icon a:hover{color:#000;}
.article-box .show-down .downcode{box-sizing:border-box;border:1px solid #f1f1f1;border-radius:40px;line-height:33px;color:#999}
.article-box .show-down .downcode:hover{color:#333;border-color:#e2e2e2}
.code-show .show-content{padding-bottom:0;height:88px;overflow:hidden;margin-bottom:30px;position:relative;}
.code-show .show-content .open{position:absolute;right:10px;bottom:-6px;font-size:12px;cursor:pointer;padding-right:18px;}
.code-show .show-content .open i{position:absolute;right:0;top:18px;}
.code-show .show-content .open i:before,.code-show .show-content .open i:after{content:'';display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;right:0}
.code-show .show-content .open i:before{border-top:6px solid #999;bottom:0}
.code-show .show-content .open i:after{border-top:6px solid #fff;bottom:1px}
.code-show .show-content .open.on i:before{border-bottom:6px solid #999;bottom:1px;border-top:0}
.code-show .show-content .open.on i:after{border-bottom:6px solid #fff;bottom:0;border-top:0}
.code-show .show-tags,.show-article .show-tags{padding-top:15px;border-top:1px solid #f1f1f1;}
.code-show .show-tags a,.show-article .show-tags a{display:inline-block;height:26px;padding:0 15px;border-radius:20px;border:1px solid #e9e9e9;margin-right:10px;color:#666;line-height:24px;font-size:12px;}
.code-show .show-tags a:hover,.show-article .show-tags a:hover{color:#f90;border-color:#f90;}

.course-section .account-box{display:block;}
.account-box{padding:20px;}
.account-box .account-all{display:flex;margin-bottom:20px;}
.account-box .account-all .account-avatar{width:60px;height:60px;margin-right:20px;}
.account-box .account-all .account-avatar img{width:100%;height:100%;border-radius:90px;}
.account-box .account-all .account-nickname p{line-height:30px;font-size:18px;margin-bottom:5px;}
.account-box .account-all .account-nickname span{line-height:17px;height:17px;padding:0 4px;border-radius:2px;background:#eee;color:#333;font-size:12px;display:inline-block;}
.account-box .account-num ul li{display:inline-block;text-align:center;width:50%;font-size:12px;color:#999;border-right:1px solid #f1f1f1;box-sizing:border-box;}
.account-box .account-num ul li span{display:block;font-size:20px;font-weight:bold;line-height:30px;color:#555}

.footer{width:100%;background:#393d49;box-sizing:border-box;padding:5px 0;color:#c2c2c2;font-size:12px;font-family:'Century Gothic','Microsoft JHengHei','Georgia';}
.footer a{color:#c2c2c2;margin:0 1px;border-bottom:1px dotted transparent;}
.footer a:hover{color:#f60;border-color:#f60;}
.footer .footer-nav,.footer .copyright{flex-wrap:wrap;display:flex;margin:15px 0;}
.footer .footer-nav span,.footer .copyright span{display:flex;flex-grow:1;justify-content:flex-end;}
.footer .footer-nav nav a{margin-right:15px;}
.footer hr{margin:10px 0;border:0;border-bottom:1px solid #484a4e;}
.footer .link-section{font-size:13px;padding-top:20px;}
.footer .link-section a{display:inline-block;margin:0 15px 10px 0;line-height:1.5;}

.rollbar,.wechat{position:fixed;bottom:180px;left:50%;margin-left:710px;width:48px;height:48px;border-radius:40px;background:rgba(0,0,0,.1);display:none;color:#fff;cursor:pointer;}
.rollbar i,.wechat i{width:48px;height:48px;line-height:48px;text-align:center;font-size:30px;display:block;}
.wechat{display:block;bottom:235px;z-index:50;background:#07c160}
.wechat span{display:none;position:absolute;width:150px;height:150px;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.1);background:#fff;box-sizing:border-box;padding:5px;right:60px;top:0;margin-top:-50px}
.wechat span:before{content:'';border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;right:-10px;top:50%;margin-top:-10px}
.rollbar:hover{background:rgba(0,0,0,.3);}
.wechat:hover span{display:block;}

.breadcrumbs{height:50px;line-height:50px;color:#999;font-size:16px;padding-bottom:50px;background:url(../images/banner.png) no-repeat center;background-size:cover;box-sizing:content-box;width:100%;}
.breadcrumbs.show-body{padding-bottom:0;background:none;}
.breadcrumbs.single{height:200px;background:url(../images/user-banner.png) no-repeat center bottom;background-size:cover;color:#fff;position:relative;overflow:hidden;padding-bottom:0;}
.breadcrumbs.ranking{height:200px;background:url(../images/ranking-banner.png) no-repeat center bottom;background-size:cover;color:#fff;position:relative;overflow:hidden;padding-bottom:0;}
.breadcrumbs.vip{background:url(../images/vip-banner.png) no-repeat center bottom;background-size:cover;}
.breadcrumbs a{margin:0 6px;font-size:12px;color:#999;}
.breadcrumbs a:hover{color:#ffb800;}
.breadcrumbs i{position:relative;top:1px;}
.filter-content,.tags-content{margin-top:-50px;background:#fff;border-radius:3px;padding:15px 25px 0;margin-bottom:15px;}
.tags-content{padding-bottom:20px;}
.filter-content ul li:after{content:'';clear:both;display:block;}
.filter-content ul li h1{font-weight:normal;font-size:14px;}
.filter-content ul li span{height:40px;float:left;display:inline-block;margin-right:5px;line-height:24px}
.filter-content ul li a,.tags-content a{padding:0 8px;display:inline-block;height:24px;line-height:24px;margin-right:5px;}
.filter-content ul li a{margin-bottom:15px;}
.filter-content ul li a.action,.filter-content ul li a:hover,.filter-content ul li a.action:hover{color:#fff;background:#666;border-radius:2px;}
.filter-content ul li a:hover,.tags-content a:hover{background:#f1f1f1;color:#333;}

.tags-content h2{font-size:16px;height:50px;line-height:50px;border-bottom:1px solid #f1f1f1;margin-bottom:15px;}
.tags-content a{margin:0 15px 10px 0;}

.numeric-pagination{text-align:center;margin-bottom:20px;}
.numeric-pagination>span,.numeric-pagination a,.numeric-pagination ul.pagination li a,.numeric-pagination ul.pagination li span{padding:0 20px;height:46px;border-radius:2px;display:inline-block;margin:0 5px;background:#fff;line-height:46px;vertical-align:middle;text-decoration:none;color:#666;}
.numeric-pagination>span,.numeric-pagination ul.pagination li.disabled{cursor:not-allowed;color:#999;}
.user-box .numeric-pagination ul li span,.user-box .numeric-pagination ul.pagination li a{margin:0;background:#f1f1f1;height:34px;line-height:34px;border-radius:30px;width:34px;padding:0;text-align:center;}
.numeric-pagination .current,.numeric-pagination a:hover,.numeric-pagination ul.pagination li.active span,.numeric-pagination ul.pagination li a:hover{color:#fff;background:#ffb800;}
.user-box .numeric-pagination{text-align:left;}
.numeric-pagination ul.pagination li{display:inline-block;margin:0 3px;}
.user-box .numeric-pagination ul li:first-child{margin-left:0;}

.course-section{display:flex;position:relative;margin-top:15px;}
.main-course{width:73%;}
.main-course .article-wrapper,.show-section{padding:20px;border-radius:3px;background:#fff;margin-bottom:15px;}
.main-course .article-wrapper .article-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #f1f1f1;}
.main-course .article-wrapper .article-item .article-media{height:100px;width:148px;margin-right:15px;}
.main-course .article-wrapper .article-item .article-info{width:88%;}
.main-course .article-wrapper .article-item .article-info .article-meta,.main-course .article-wrapper .article-item .article-info  .article-meta i{font-size:12px;color:#999;}
.main-course .article-wrapper .article-item .article-info .article-excerpt{line-height:2;}
.main-course .numeric-pagination{text-align:left;margin-bottom:0;}
.main-course .numeric-pagination *:first-child{margin-left:0;}
.course-aside{width:25%;margin-left:2%;position:relative;}
.course-aside>div{background:#fff;border-radius:3px;margin-bottom:15px;width:100%;position:relative;}
.course-aside>div:last-child{margin-bottom:0}
.course-aside .course-search{padding-bottom:25px;}
.course-aside .course-search .section-title,.comment .section-title,.main-single .section-title{margin-bottom:25px;box-shadow:0 2px 8px rgb(0 0 0 / 4%);}
.course-aside .course-search>form{border:2px solid #ffb800;height:44px;box-sizing:border-box;border-radius:40px;position:relative;margin:0 20px;}
.course-aside .course-search input{border:0;height:40px;padding-left:15px;box-sizing:border-box;background:none;width:100%;padding-right:89px;}
.course-aside .course-search button{border-radius:0 40px 40px 0;width:90px;color:#fff;background:#ffb800;border:0;height:40px;float:right;position:absolute;right:-1px;top:0;font-size:16px;}
.course-aside .course-search button:hover{background:#f8b301;}
.course-aside .tags-section{height:300px!important;margin-top:0;}
.course-aside .article-wrapper{margin:5px 10px;padding-bottom:1px;}
.course-aside .article-wrapper .article-item{margin-bottom:20px;}
.course-aside .article-wrapper .article-item .article-media{height:75px;width:112px;}
.course-aside .article-wrapper .article-item .article-info{width:62%}
.course-aside .article-wrapper .article-item .article-info .article-excerpt{margin-top:8px;}

.show-header .show-title{font-size:26px;font-weight:600;padding-bottom:10px;margin-top:0;}
.show-header .show-title span{color:#f00;float:left;position:relative;margin-right:10px;position:relative;top:2px;}
.show-header .show-title span:before{content:'\4eb2\6d4b';display:block;font-size:12px;width:16px;height:30px;background:#f00;color:#fff;border-radius:5px;font-weight:normal;text-align:center;line-height:12px;box-sizing:border-box;padding:2px 0;}
.show-header .show-title span:after{width:0;height:0;border-top:6px solid transparent;border-left:6px solid red;border-bottom:6px solid transparent;content:'';display:block;position:absolute;right:-5px;top:9px;}
.show-item{background:#f9f9f9;padding:15px 20px;border-radius:2px;font-size:12px;color:#999;margin:15px 0 30px;}
.show-item span{margin-right:25px;}
.show-item span.show-test{padding:1px 10px;border-radius:2px;background:#1e87f0;color:#fff;}
.show-item span.anchor{float:right;margin-right:0;}
.show-item span.anchor a{padding:2px 12px;border-radius:50px;color:#1e87f0;border:1px solid #1e87f0;}
.show-item span.anchor a:hover{background:#1e87f0;color:#fff;}
.show-item span time{margin-left:5px;}
.show-item i{font-size:12px;}
.show-item span.score{color:#f60;}
.show-content{line-height:2em;padding-bottom:50px;color:#555;}
.show-content p{margin:0;}
.show-content p>code{border-radius:2px;padding:2px 3px;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;background:#fbe9e8;color:#dd514c;margin:0 3px;display:inline-block;line-height:1;font-size:13px;}
blockquote.show-info a{color:#1e87f0;}
.show-content a:hover,blockquote.show-info a:hover{text-decoration:underline;color:#f60;}
.show-content h3{font-size:16px;font-weight:600;height:40px;line-height:40px;position:relative;margin:10px 0;}
.show-content h3:before{content:'';display:block;background:#ffb800;width:7px;height:20px;position:absolute;left:-20px;top:10px;border-radius:0 3px 3px 0;}
.show-content img{max-width:100%;margin:20px 0;text-align:center;display:inline-block;}
.show-content table{width:100%}
.show-share{text-align:center;margin-bottom:40px;}
.show-share a{margin:4px 6px;}
.show-options{background:#ffce4e;border-radius:10px;overflow:hidden;margin:30px 0 40px;text-align:center;}
.show-options ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.show-options ul li{border-left:1px solid rgba(255,255,255,.2);flex-grow:1;}
.show-options ul li,.show-options ul li i{height:60px;line-height:60px;font-size:16px;}
.show-options ul li a{text-decoration:none;width:100%;height:100%;display:block;color:#333;}
.show-options ul li.down{background:#0072ff;}
.show-options ul li.down a{color:#fff;}
.show-options ul li a:hover{background:rgba(255,255,255,.1)}
.show-article blockquote,.main-single .show-content blockquote{border:1px dashed #e5e5e5;font-size:14px;padding:15px 20px;line-height:2;color:#777;font-style:italic;margin:20px 0;}
blockquote.show-info{font-size:12px;font-style:normal;line-height:2;color:#777;border:1px dashed #ffe8d5;border-radius:5px;padding:15px 20px;background:#fffdfc;}
blockquote.show-info p{margin-bottom:0;}
blockquote.show-info span{color:#f00}
blockquote.show-info hr,.tags-content hr{border:0;margin:10px 0;border-top:1px solid #fff3e9;}
.tags-content hr{margin:20px 0 30px}
.prettyprint{background:#3c3c3c;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:1px solid #f5f5f5;border-radius:3px;padding:0 0 0 50px;margin:15px 0;font-size:13px;line-height:1.7;white-space:pre-wrap;box-sizing:border-box;width:100%;word-wrap:break-word;}.pln{color:#ccc}ol.linenums{margin-top:0;margin-bottom:0;color:#999;padding:15px 10px 15px 0;background:#2d2d2d;border-radius:0 5px 5px 0;}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#2d2d2d;list-style-type:decimal}@media screen{.str{color:#9c9}.kwd{color:#c9c}.com{color:#999}.typ{color:#69c}.lit{color:#f99157}.pun{color:#ccc}.opn{color:#ccc}.clo{color:#ccc}.tag{color:#f2777a}.atn{color:#f99157}.atv{color:#6cc}.dec{color:#f99157}.var{color:#f2777a}.fun{color:#69c}}

.show-navigation,.show-like{background-color:#ffffff;display:block;margin-top:20px;position:relative;border-radius:3px;padding:20px;}
.article-nav {overflow:hidden;font-size:14px;color:#bbb;}
.article-nav span{float:left;position:relative;width:50%;display:inline-block;height:100%;}
.article-nav span.article-nav-next {float:right;text-align:right;}
.article-nav span.article-nav-next::before{content:'';position:absolute;left:0;top:0;height:100%;display:block;width:1px;background-color:#eee;}
.article-nav a,.article-nav p{color:#999;margin:10px 10px 0 0;display:inline-block;line-height:1.4}
.article-nav span.article-nav-next a{margin-left:10px;margin-right:0;}
.article-nav span.article-nav-next p{margin-right:0}
.article-nav a:hover {color:#45B6F7;}

.show-union{margin:15px 0 0;background:#fff;border-radius:3px;}
.space-container .show-union,.search .show-union{margin-bottom:20px}

.tool-container{margin-bottom:30px}
.tool-container .show-union{margin-top:0}
.tool-box{background:#fff;margin-top:20px}
.tool-box>h2{font-size:16px;line-height:40px;text-align:center;height:40px;padding-top:12px}
.tool-box>p{text-align:center;font-size:14px;line-height:2;}
.tool-box>hr{width:40%;margin:0 auto 10px}
.tool-list{margin:15px 0}
.tool-list ul{display:flex;flex-wrap:wrap;border-bottom:1px solid #f5f5f5;border-top:1px solid #f5f5f5}
.tool-list li{display:flex;padding:20px;width:33.4%;box-sizing:border-box;position:relative;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;margin:0 -1px -1px 0;flex-wrap:wrap}
.tool-list ul .image{width:70px;height:70px;overflow:hidden;flex-shrink:0;border:1px solid #f8f8f8}
.tool-list ul .info{margin:0 0 0 20px;position:relative;width:74%}
.tool-list ul .info h3.title{line-height:20px;margin-bottom:6px;display:block;overflow:hidden}
.tool-list ul .info h3.title a{font-size:14px;padding-right:10px;float:left;color:#32325d}
.tool-list ul .info .description{line-height:23px;color:#999999;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.anniu{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity .2s;margin:15px 0}
.code-alert-error,.tool-main .tool-css-demo span:hover{background-color:#f56c6c;color:#fff}
.tool-main .code-alert-success{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}
.tool-main .anniu-ts span{padding:0 5px;color:red;margin-right:20px}
.tool-main .tool-css-demo span{height:40px;line-height:40px;color:#747474;margin:10px .5% 0;transition-duration:.5s;display:inline-block;border-radius:2px;border:1px solid #eee;width:15.65%;text-align:center;font-size:13px;cursor:pointer}
.tool-main .info .tool-title{margin-left:50px;color:#888;font-size:12px}
.tool-main .info .tool-title h1{font-size:16px;font-weight:bold;color:#32325d;padding-bottom:3px;margin:0}
.tool-main .info{margin:10px 0 20px}
.tool-main .info img{width:40px;float:left}
.tool-main{padding:15px;background:#fff}
.tool-main .text-center-all{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:12px;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}
.tool-main .text-center-all:focus{outline:none;border-color:#409eff}
.tool-main .bu-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;background-color:rgb(255,255,255);border:1px solid #dcdfe6;border-top-color:rgb(220,223,230);border-right-color:rgb(220,223,230);border-bottom-color:rgb(220,223,230);border-left-color:rgb(220,223,230);color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;margin-left:0px;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:9px 15px;border-radius:4px}
.tool-main .bu-button-primary{color:#fff;background-color:#409eff;border-color:#409eff}
.tool-main .bu-button-primary.is-plain{color:#409eff;background:#ecf5ff;border-color:#b3d8ff}
.tool-main .bu-button-danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}
.tool-main .bu-button-danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}
.tool-main .bu-button-danger:focus,.tool-main .bu-button-danger:hover{background:#f78989;border-color:#f78989;color:#fff}
.tool-main .bu-button-info{color:#fff;background-color:#909399;border-color:#909399}
.tool-main .bu-button-info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}
.tool-main.bu-button-info:focus,.tool-main .bu-button-info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}
.tool-main .bu-button-warning{color:#fff;background-color:#ff9900;border-color:#ff9900}
.tool-main .bu-button-warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}
.tool-main .bu-button-success{color:#fff;background-color:#67c23a;border-color:#67c23a}
.tool-main .bu-button-success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}
.tool-main .bu-button-success:focus,.tool-main .bu-button-success:hover{background:#85ce61;border-color:#85ce61;color:#fff}
.tool-main .bu-button-warning:focus,.tool-main .bu-button-warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}
.tool-main .bu-button-primary:focus,.tool-main .bu-button-primary:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}
.tool-main .bat{margin:15px 0}
.tool-main .bat button{margin-right:5px}
.tool-main .codelines div{border-right:1px solid #e2e2e2 !important;padding:0 5px;line-height:1.5;color:#ccc;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important}
.tool-main .jsontext .text-center-all{padding-left:45px;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;background-color:#fbfbfb}
.tool-main .jsontext .linedwrap{position:relative}
.tool-main .jsontext .linedwrap .lines{left:10px;text-align:right;top:5px;overflow:hidden;position:absolute}
.tool-main .bu-input{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:none;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}
.tool-main .bu-input:focus{outline:none;border-color:#409eff}
.tool-main .data-text .span-content{margin:10px 0;display:block;font-size:12px}
.tool-main #drop_area{margin-bottom:20px;text-align:center;position:relative;}
.tool-main #drop_area p{width:100%;position:absolute;top:75px;color:#e2e2e2;}
.tool-main #drop_area p span{color:#57c0ec;margin:0 3px}
.tool-main #drop_area .img-responsive{height:100px;width:auto;display:inline-block}

@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-195px;left:-52px;width:135px;height:175px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}

.comment{padding:0 0 20px;margin:15px 0 0;background:#fff;border-radius:3px;}
.comment .section-title{font-size:16px;}
.comment-form{width:100%;height:auto;padding:15px 0;border-bottom:1px solid #f9f9f9;}
.comment-form:after,#comment-show:after,#comment-show ul:after{clear:both;display:block;content:'';}
.comment-form .head-face{width:10%;height:120px;float:left;text-align:center;}
.comment-form .head-face img{width:50px; height:50px;border-radius:8px;display:inline-block;}
.comment-form .head-face p{font-size:12px;margin-top:10px;}
.comment-form .comment-content{width:90%;height:120px;float:right;padding-right:15px;box-sizing:border-box;}
.comment-form .comment-content textarea{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.comment-form .comment-content textarea:focus{border-color:#5cadff;box-shadow:0 0 0 2px rgba(51,153,255,.2);}
.cont-box{width:100%;height:80px;float:left;}
.cont-box .comment-text,.cont-box>p{width:100%;height:100%;padding:5px 10px;border-radius:2px;color:#999;font-size:12px;resize:none;border:none;outline:none;float:left;box-sizing:border-box;border:1px solid #eee;line-height:1.8;}
.cont-box>p{line-height:70px;text-align:center;background:#fafafa;}
.tools-box{width:100%;height:30px;margin-top:5px;float:left;}
.tools-box p{width:85%;height:30px;float:left;line-height:30px;font-size:12px;color:#ff152b;}
.tools-box .submit-btn{width:15%;height:30px;float:right;margin-top:1px;}
.tools-box .submit-btn button{width:100%;height:100%;font-size:14px;border-radius:6px;cursor:pointer;border:0;background:#ff152b;color:#fff;}
.tools-box .submit-btn button:disabled{background:#ccc;cursor:not-allowed;}
#comment-show{margin:20px 15px 0;}
#comment-show ul{padding-left:0;font-size:14px;}
#comment-show li{width:100%;padding:10px 5px 0;float:left;box-sizing:border-box;border-bottom:1px dashed #f1f1f1;margin-bottom:5px;list-style:none;}
#comment-show .head-face{width:9%;  float: left; text-align: center;}
#comment-show .head-face img{width:36px;height:36px;border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.1);display:inline-block;}
#comment-show .reply-cont{width:91%;float:right;box-sizing:border-box;padding-right:15px;}
#comment-show .reply-cont .username{color:#99cc66;margin-bottom:5px;}
#comment-show .reply-cont .username span{color:#bbb;font-size:12px;}
#comment-show .reply-cont .comment-body{color:#999;line-height:1.8;}
#comment-show .reply-cont .comment-footer{font-size:12px;color:#c0c0c0;margin-top:10px;padding-bottom:15px;}
#comment-show .reply-cont .comment-footer span.reply{color:#4589dc;margin-left:20px;cursor:pointer;}
#comment-show .reply-list{padding:8px 10px 0;border:1px solid #ffeac5;background:#fffcf7;margin-bottom:15px;border-radius:5px;position:relative;}
#comment-show .reply-list:before,#comment-show .reply-list .reply-content:before{width:0;height:0;border-left:10px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #ffe3b1;position:absolute;top:-10px;left:4.5%;content:"";display:block;}
#comment-show .reply-list:after{content:'';display:block;clear:both;}
#comment-show .reply-list .reply-content:before{border-bottom-color:#fffcf7;top:-9px;}
#comment-show .reply-list .head-face img{width:30px;height:30px;display:inline-block;}
#comment-show .reply-list .reply-cont .comment-footer{padding-bottom:8px;}
#comment-show .reply-content-list{border-bottom:1px dashed #efefef;padding-bottom:5px;margin-bottom:10px;}
#comment-show .reply-content-list:last-child{padding-bottom:0;margin-bottom:0;border:0;}

.msg{min-height:360px;padding:60px 0 100px 0;margin:20px 0;position:relative;text-align:center;background:#fff;}
.other .msgt{font-size:12px;color:#999;}
.other .icon{width:100%;height:170px;background:url(../images/message.gif) no-repeat center;}
.other h3{font-size:16px;margin-bottom:15px;}
.other p{font-size:12px;color:#999;}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0;border-radius:0 0 5px 5px;}
.marquee{width:8000%;height:60px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1;margin:0;padding:0;}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{position:absolute;height:60px;background:#fff;bottom:0;width:100%;}

.search-body{padding-top:70px;background:#fff;}
.search-body .container{padding-left:170px;}
.search-header{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);width:100%;top:0;position:fixed;height:70px;z-index:99;}
.search-header .container{display:flex;padding-left:0;}
.search-header .logo{margin-top:5px;}
.search-header .search-account>a>span{margin-top:17px;}
.search-header .search-form{border:2px solid #ffb800;height:40px;line-height:40px;margin:15px 0 15px 20px;border-radius:8px;width:620px;position:relative;}
.search-header .search-form form{display:flex;}
.search-header .search-form input{border:0;height:36px;background:none;padding-left:10px;width:516px;}
.search-header .search-form button{width:100px;background:#ffb800;color:#222;border:0;display:inline-block;height:36px;font-size:16px;}
.search-header .search-form span{position:absolute;right:100px;width:90px;line-height:22px;top:7px;display:block;padding-left:10px;border-left:1px solid #eee;height:22px;cursor:pointer;}
.search-header .search-form span:after,.search-header .search-form span:before{content:'';display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;position:absolute;right:8px;top:10px;}
.search-header .search-form span:after{border-top:4px solid #fff;top:9px;}
.search-header .search-form ul{display:none;position:absolute;top:36px;right:99px;z-index:3;background:#fff;text-align:center;border:1px solid #ffb800;border-top:0;border-radius:0 0 5px 5px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.search-header .search-form ul li{height:36px;border-top:1px solid #eee;width:89px;line-height:36px;cursor:pointer;}
.search-header .search-form ul li:hover{background:#f1f1f1;}
.search{display:flex;}
.search .numeric-pagination ul{text-align:left;}
.search .numeric-pagination ul li{margin:0 2px;}
.search .numeric-pagination ul li:first-child{margin-left:0;}
.search .numeric-pagination ul li a,.search .numeric-pagination ul li span{padding:11px 14px;height:auto;line-height:1;background:#f1f1f1;margin:0;}
.search-main{width:60%;}
.search-section{margin:20px 0 40px;}
.search-section>p.count{border-radius:3px;padding:10px 0 10px 10px;background:#f1f1f1;color:#666;}
.search-item{margin-bottom:18px;}
.search-item .search-title h2{font-size:18px;height:34px;line-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;margin-bottom:0;}
.search-item .search-title h2 a{text-decoration:underline;}
.search-item .search-info{display:flex;}
.search-info .search-media{width:172px;height:90px;position:relative;}
.search-info .search-media img{width:100%;height:100%;border-radius:8px;}
.search-info .search-meta{width:100%;padding-left:15px;}
.search-info .search-meta .search-cate a{padding-left:15px;margin-right:5px;position:relative;font-size:12px;}
.search-info .search-meta .search-cate a:after{content:'';height:6px;width:6px;border-radius:5px;background:#fd721f;display:block;position:absolute;left:0;top:6px;}
.search-info .search-meta .search-cate a:nth-child(2):after{background:#4caf50;}
.search-info .search-meta .search-desc{font-size:12px;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:5px;color:#666;}
.search-item .search-title h2 span,.search-info .search-meta .search-desc span{color:#f00;}
.search-info .search-meta .search-footer,.search-info .search-meta .search-footer i{font-size:12px;margin-top:8px;}
.search-info .search-meta .search-footer i{margin-top:0;margin-right:5px;}
.search-hot{width:33%;position:relative;margin-left:7%;}
.search-hot .course-tags{margin-top:75px;}
.search .empty{margin-top:50px;border-radius:5px;border:1px dashed #ffd1ca;padding:15px 20px 15px 0;background:#fff3f1;color:#ff2323;}
.search .empty i{width:20px;height:20px;float:left;background:url(../images/empty.png) no-repeat left center;background-size:20px;position:relative;top:-2px;margin:0 10px;}
.search-like{padding-top:60px;margin-top: -5px}
.search-like ul li{line-height:28px;height:28px;font-size:13px}
.search-like ul li i{font-style:normal;color:#9195a3;width:28px;text-align:center;display:inline-block;}
.search-like ul li i.red{color:#f00}
.search-like-title{line-height:44px;height:44px;background:url(../images/hot.png) no-repeat 10px center;background-size:auto 16px;}
.search-like-title i{padding-left:44px;font-size:18px;}

.single-section,.vip-section,.create-box,.ranking-section{margin-top:-50px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.03);border-radius:5px;margin-bottom:15px;position:relative;z-index:2;}
.single-section .single-nav{border-right:1px solid #f9f9f9;position:absolute;left:0;top:0;height:100%;width:200px;padding-top:15px;background:#fefefe;box-sizing:border-box;border-radius:6px 0 0 6px}
.single-section .single-nav>ul li{height:50px;line-height:50px;position:relative;}
.single-section .single-nav>ul li a{width:100%;height:100%;display:block;padding-left:50px;box-sizing:border-box;}
.single-section .single-nav>ul li.on a{color:#f00;}
.single-section .single-nav>ul li.on:after{content:'';display:block;background:#f60;width:7px;height:7px;position:absolute;left:140px;top:22px;border-radius:10px;}
.single-section .single-nav>ul li i{font-size:15px;margin-right:5px;}
.single-section .single-nav>ul li.logout{border-top:1px solid transparent;border-bottom:1px solid transparent;line-height:48px;margin-top:10px;}
.single-section .single-nav>ul li.logout:hover{border-top:1px solid #ffebd7;border-bottom:1px solid #ffebd7;background:#fff6ed;}
.user-avatar{float:left;margin:30px 20px 0 0;}
.user-avatar img{width:90px;height:90px;border-radius:50%;border:3px solid #fff;}
.user-info{padding:45px 0;line-height:30px;}
.user-info h4{font-size:18px;color:#fff;}
.user-info h4 i{background:url(../images/vip.png) no-repeat;width:18px;height:15px;margin-left:20px;display:inline-block;background-size:17px auto;position:relative;top:1px;border:0;}
.user-info h4 i.v1{background-position:0 -32px;}
.user-info h4 i.v2{background-position:0 -16px;}
.user-info h4 i.v3{background-position:0 0;}
.user-info h4 span{margin-left:15px;position:relative;top:-1px;padding:0 6px;border-radius:2px;background:#f90;color:#fff;font-size:12px;}
.user-info p{margin-top:5px;font-size:13px;}
.user-info p i{font-size:13px;position:relative;top:0;}
.user-info p span{margin-right:20px;}
.main-single{margin-left:200px;padding-bottom:30px;min-height:500px;}
.main-single .show-box,.main-single .user-box{margin-top:20px;padding:0 25px;}
.main-single .user-box h4{font-size:18px;margin-top:20px;font-weight:500;}
.main-single .user-box h4 time{font-size:12px;margin-left:30px;color:#999;}
.main-single .user-box h4 i{font-size:22px;position:relative;top:2px;color:#4fd16d;}
.main-single .user-box h4 time i{font-size:12px;margin-right:3px;position:relative;top:0;}
.main-single .user-box .notice{background:#fff7f7;border-radius:5px;border:1px dashed #ffafaf;padding:10px 25px;line-height:2;color:#ff6c6c;margin-top:30px;}
.main-single .user-box .single-zds{margin-top:60px;}
.main-single .user-box .single-zds img{width:100%;border-radius:3px;}
.main-single .user-box table{width:100%;line-height:2;}
.main-single .user-box thead{text-align:left;background:#fafafa;}
.main-single .user-box tbody tr:hover{background:#fcfcfc;}
.main-single .user-box tbody td .btn{font-size:12px;padding:2px 6px;border-radius:3px;color:#fff;background:#f64949;cursor:pointer;}
.main-single .user-box tbody td .btn:hover{background:#ff8181;color:#fff;}
.main-single .user-box .sign-date,.main-single .user-box .sign-info,.main-single .user-box .set-form,.main-single .user-box .login-content{width:47%;display:inline-block;vertical-align:top;}
.main-single .user-box .sign-info{padding-left:40px;}
.main-single .user-box .sign-date *{text-align:center;}
.main-single .user-box tbody td span{display:inline-block;padding:2px 3px;border-radius:2px;background:#eee;color:#999;font-size:12px;line-height:1;}
.main-single .user-box tbody td span.status-danger{background:#ff5959;color:#fff}
.main-single .user-box tbody td span.status-success{background:#5eb95e;color:#fff}
.main-single .user-box .menu{margin-top:50px;}
.main-single .user-box .menu ul li{width:60px;height:60px;border-radius:10px;border:1px dotted #bbb;text-align:center;font-size:12px;margin-right:20px;display:inline-block;}
.main-single .user-box .menu ul li i{width:100%;height:36px;line-height:36px;font-size:26px;display:block;}
.main-single .user-box .menu ul li:hover{border-color:#f00;}
.sign-date table td,.sign-date table th{height:60px;line-height:60px;text-align:center;padding:0;}
.main-single .user-box .sign-date table tr:hover{background:none;}
.sign-date table td.old{color:#ddd;background:#fdfdfd;}
.sign-date table td.current{color:#ffaf04;background:#fff9eb;font-size:15px;}
.sign-date table td.signin{font-weight:bold;color:#eb0000;background:#fff0e8;cursor:pointer;}
.sign-info h3{font-size:16px;height:20px;line-height:20px;margin-bottom:20px;position:relative;padding-left:12px;}
.sign-info h3:after{content:'';display:block;background:#ffb800;width:4px;height:18px;position:absolute;left:0;top:1px;border-radius:2px;}
.sign-info p{line-height:2;color:#777;margin-bottom:10px;font-size:13px;}
.set-form ul{margin-top:40px;}
.set-form ul li{height:60px;box-sizing:border-box;padding:10px 0 10px 30px;}
.set-form ul li>label{width:80px;text-align:right;}
.set-form ul li>label,.set-form ul li>input{display:inline-block;margin-right:5px;line-height:36px;}
.set-form ul li>input{margin-left:10px;border:1px solid #ddd;border-radius:2px;padding:0 10px;min-width:260px;}
.set-form ul li>input:focus{border-color:#5cadff;box-shadow:0 0 0 2px rgba(51,153,255,.2);}
.set-form ul li>button{margin-left:95px;border:0;background:#34c455;color:#fff;height:36px;padding:0 40px;border-radius:2px;}
.set-form ul li>button:hover{background:#4cb865;}
.set-form ul li>button:disabled{background:#ccc;cursor:not-allowed;}
.main-single .user-box .set-form{border-right:1px solid #f1f1f1;width:43%;margin-right:7%;min-height:400px;}
.main-single .user-box .login-content{text-align:center;padding-right:60px;box-sizing:border-box;}
.vip-section{padding-bottom:40px;}
.breadcrumbs.vip{text-align:center;}
.breadcrumbs.vip h3{font-size:38px;color:#ffc323;padding-top:30px;font-weight:bold;margin-bottom:15px;}
.breadcrumbs.vip p{color:#f1f1f1;font-weight:100;font-size:14px;margin:0;}
.vip-swing{background:url(../images/swing.jpg) no-repeat center;background-size:cover;height:50px;border-radius:5px 5px 0 0;overflow:hidden;padding:30px 0;box-sizing:content-box;}
.vip-swing ul li{width:20%;text-align:center;font-size:16px;color:#fff;list-style:none;float:left;line-height:50px;border-left:1px solid rgba(255,255,255,.15);box-sizing:border-box;}
.vip-swing ul li:first-child{border:0;}
.vip-swing ul li span{font-size:32px;vertical-align:top;margin:0 8px;}
.vip-swing ul li cite{position:relative;top:-10px;font-size:18px;font-style:normal;}
.pay-content {box-sizing:border-box;padding:50px 40px;}
.pay-content .box-title,.pay-content .box-list {width:50%;float:left;box-sizing:border-box;padding:0 3%;}
.pay-content .box-title:nth-child(2) {border:0;padding-left:6%;}
.pay-content .box-title>h3 {font-size:18px;font-weight:normal;height:34px;line-height:34px;margin:0;}
.pay-content .box-title>h3 i {font-size:28px;color:#ff5757;margin:0 10px;position:relative;top:-1px;vertical-align:middle;}
.pay-content .box-title>p {font-size:12px;color:#999;margin:10px 0 0;}
.pay-content .box-title>p span {color:#ff5757;margin-left:5px;}
.pay-content .box-list {width:100%;padding-left:3%;border:0;}
.pay-content .box-list>ul{margin-top:40px;}
.pay-content .box-list>ul:after,.pay-content:after{clear:both;content:'';display:block;}
.pay-content .box-list>ul li,.pay-content .box-list>ul cite {width:22%;box-sizing:border-box;float:left;padding-right:35px;display:block;}
.pay-content .box-list>ul cite {width:12%;height:172px;padding:0;margin-top:-90px;position:relative;}
.pay-content .box-list>ul cite:after {height:100%;content:'';display:block;background:#f1f1f1;width:1px;position:absolute;left:46%;top:0;}
.pay-content .box-list>ul li>div {border:1px solid #eee;border-radius:4px;padding:20px 0;text-align:center;height:40px;line-height:40px;color:#ff5757;font-size:16px;cursor:pointer;box-sizing:content-box;position:relative;}
.pay-content .box-list>ul li.on>div {background:url(../images/on.png) no-repeat right bottom #fffcfc;border-color:#ff5757;}
.pay-content .box-list>ul li>div em{position:absolute;left:0;top:0;font-size:12px;height:18px;line-height:18px;padding:0 6px;color:#fff;background:#ff5757;border-radius:3px 0 6px 0;font-style:normal;}
.pay-content .box-list>ul li span {font-style:normal;font-size:24px;color:#ff5757;font-weight:100;margin-right:5px;font-family:'Century Gothic','Microsoft JHengHei','Georgia';}
.pay-content .box-list>ul li i {font-size:17px;color:#ff5757;margin-right:5px;}
.pay-info {width:50%;height:52px;box-sizing:border-box;padding:8px 10px;border:1px solid #ff9f9f;border-radius:5px;margin:20px auto;}
.pay-info .info-input {width:50%;float:left;height:34px;padding-left:90px;position:relative;box-sizing:border-box;}
.pay-info .info-input label {width:90px;text-align:center;position:absolute;left:0;line-height:34px;}
.pay-info .info-input input {border:0;height:34px;line-height:34px;font-size:16px;padding-left:15px;background:#f8f8f8;border-radius:2px;width:100%;box-sizing:border-box;}
.pay-info .info-input input:focus,.pay-btn:focus {outline:0}
.pay-info .info-input input[disabled] {background:#fff1f1;color:#ff5757;}
.pay-btn {height:60px;width:240px;background:url(../images/alipay.png) no-repeat 40px center #ff5757;margin:60px auto 10px;border:0;display:block;border-radius:5px;box-sizing:border-box;padding-left:110px;font-size:18px;color:#fff;background-size:auto 30px;cursor:pointer;line-height:60px;text-align:center;}
.pay-btn:hover {background-color:#fa4343;box-shadow:0 8px 15px rgba(255,87,87,.3);color:#fff;}
.pay-btn.pay-login {background-image:none;background-position:0;padding:0;display:block}
.pay-desc{line-height:2;color:#aaa;text-align:center;margin-top:50px;border-top:1px solid #f1f1f1;margin:40px auto 0;width:90%;padding-top:20px;font-size:13px;}
.pay-desc p{margin:0;}

.ranking-title{text-align:center;padding:20px 0;border-bottom:1px solid #f1f1f1;margin-bottom:20px;line-height:50px;font-size:20px;}
.ranking-list{display:flex;margin:0 10px;padding-bottom:30px;margin-bottom:30px}
.ranking-list>div{width:22%;margin:0 1.5%;box-sizing:border-box;border-radius:7px;}
.ranking-list>div h3{background:url(../images/ranking.png) no-repeat;height:80px;overflow:hidden;border-radius:8px 8px 0 0;width:100%;background-size:100% 320px;text-align:center;line-height:80px;color:#fff;font-size:22px;margin:0;font-weight:normal;}
.ranking-list>div.ranking-create h3{background-position:0 0;}
.ranking-list>div.ranking-score h3{background-position:0 -80px;}
.ranking-list>div.ranking-collect h3{background-position:0 -160px;}
.ranking-list>div.ranking-down h3{background-position:0 -240px;}
.ranking-list>div.ranking-create{background:#f6efff;}
.ranking-list>div.ranking-score{background:#ebf7ff;}
.ranking-list>div.ranking-collect{background:#fff9dc;}
.ranking-list>div.ranking-down{background:#f6e9ff;}
.ranking-list .ranking-head ul,.ranking-list .ranking-article ul{display:flex;}
.ranking-list .ranking-head ul li,.ranking-list .ranking-article ul li{width:30%;text-align:center;line-height:50px;height:50px;border-bottom:1px dotted #fff;}
.ranking-list .ranking-head ul li:first-child,.ranking-list .ranking-article ul li:first-child{width:70%;text-align:left;}
.ranking-list .ranking-head ul li:first-child{text-indent:15px;}
.ranking-list .ranking-article ul li img{width:36px;height:36px;border-radius:30px;float:left;margin:7px 10px 0 10px;box-sizing:border-box;border:2px solid #fff}
.ranking-list .ranking-article ul:last-child li{border:0}

.demo-h{width:100%;background-color:#ffb800;position:absolute;z-index:999;border-bottom:3px solid #000;height:60px;}
.demo-h .logo{position:absolute;left:20px;}
.demo-h .logo img{max-height:100%;}
.demo-h .demo-nav{text-align:center;height:57px;}
.demo-h .demo-nav span{display:inline-block; vertical-align:middle; cursor:pointer;width:50px;height:57px;line-height:57px;background-image:url(../images/rulersIcos.png);background-repeat:no-repeat;border:0;}
.demo-h .demo-nav span.pc{background-position:center 17px;}
.demo-h .demo-nav span.pad{background-position:center -20px;}
.demo-h .demo-nav span.x_pad{background-position:center -59px;}
.demo-h .demo-nav span.mob{background-position:center -104px;}
.demo-h .demo-nav span.x_mob{background-position:center -150px;}
.demo-h .demo-nav .pc.on{background-position:center -196px;}
.demo-h .demo-nav .pad.on{background-position:center -233px;}
.demo-h .demo-nav .x_pad.on{background-position:center -272px;}
.demo-h .demo-nav .mob.on{background-position:center -317px;}
.demo-h .demo-nav .x_mob.on{background-position:center -363px;}
.demo-h .demo-nav span:hover{background-color:#ffcb44;}
.demo-h .demo-nav span.on{background-color:#000;}
.demo-h .demo-nav a{display:inline-block; vertical-align:middle;color:#000;width:50px;font-size:20px;height:30px;line-height:30px;}
.demo-box{position:absolute;top:60px;bottom:0;width:100%;}
.demo-box .con{width:100%;height:100%;background:url(../images/iframeBg.gif) repeat;}
.demo-box .con .iframe{margin:0 auto; height:inherit;box-shadow:0 0 10px rgba(0,0,0,.2);overflow:hidden;}
.demo-box .con .iframe iframe{width:100%;height:100%;border:0;background-color: #fff;}
.demo-qrcode i{position:relative;font-size:23px;}
.demo-qrcode:hover i:after{content:""; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:2px;bottom:-16px;z-index:4;}
.demo-down{position:absolute;right:20px;top:13px;color:#000;line-height:30px;font-size:16px;}
.demo-down a{color:#000;line-height:30px;font-size:16px;}
.demo-down input[type="text"]{width:200px;border:1px solid #dedede;height:30px;line-height:30px;padding:0 8px;border-top-left-radius:15px;border-bottom-left-radius:15px;}
.demo-down input[type="button"]{margin:0;border:0;height:32px;line-height:32px;background-color:#0084e9;color:#fff;cursor:pointer;padding:0 15px 0 8px;border-top-right-radius:15px;border-bottom-right-radius:15px;}
.demo-qrcode{ position:relative;}
.demo-qrcode canvas,.demo-qrcode svg{ position:absolute; z-index:3; left:0; top:40px; width:0px; height:0px; opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); visibility:hidden;-webkit-transition:all .2s; transition:all .2s; border:10px solid #fff;}
.demo-qrcode:hover canvas,.demo-qrcode:hover svg{ visibility:visible;max-width:100px;width:100px;height:100px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.modal-shade{width:100%;height:100%;background:rgba(52,73,94,.6);position:fixed;top:0;z-index:110;}
.modal-shade>cite{position:absolute;top:0;width:100%;height:100%;z-index:109;}
.modal-shade .modal-box{width:660px;height:400px;position:absolute;top:50%;left:50%;margin:-300px 0 0 -330px;background:url(../images/login-modal.png) no-repeat left #fff;border-radius:20px;box-shadow:0 5px 25px rgba(0,0,0,.1);padding-left:260px;z-index:111;}
.downModal .modal-box{background:#fff;height:260px;padding:30px;text-align:center;border-radius:10px;}
.modal-shade .modal-box .login-content{padding:26px;text-align:center;}
.modal-shade .modal-box i.close{position:absolute;right:20px;top:20px;font-size:14px;color:#999;cursor:pointer;transition:transform 0.4s ease-in-out;-webkit-transition:transform 0.4s ease-in-out;-moz-transition:transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;font-size:20px;}
.modal-shade .modal-box i.close:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform: rotate(180deg);-ms-transform:rotate(180deg);}
.modal-shade .modal-box .login-content h3,.user-box .login-content h3,.login .login-content h3{height:60px;line-height:60px;font-size:16px;margin-bottom:20px;}
.modal-shade .modal-box hr,.user-box .login-content hr,.login .login-content hr,.tool-box>hr{position:relative;height:20px;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);background-repeat:no-repeat;background-position:50% 50%;border:0;}
.modal-shade .modal-box hr:before,.modal-shade .modal-box hr:after,.user-box .login-content hr:after,.user-box .login-content hr:before,.login .login-content hr:after,.login .login-content hr:before,.tool-box>hr:before,.tool-box>hr:after{content:"";position:absolute;top:50%;max-width:calc(50% - (50px / 2));border-bottom:1px solid #e5e5e5;}
.modal-shade .modal-box hr:after,.user-box .login-content hr:after,.login .login-content hr:after,.tool-box>hr:after{width:100%;left:calc(50% + (50px / 2));}
.modal-shade .modal-box hr:before,.user-box .login-content hr:before,.login .login-content hr:before,.tool-box>hr:before{width:100%;right:calc(50% + (50px / 2));}
.modal-shade .modal-box .login-content .login-icon a,.user-box .login-content .login-icon a,.login .login-content .login-icon a{width:96px;height:96px;display:inline-block;margin:60px 37px 0;}
.modal-shade .modal-box .login-content .login-icon i,.user-box .login-content .login-icon i,.login .login-content .login-icon i{width:72px;height:72px;display:block;margin:0 auto 10px;border-radius:60px;border:1px solid #f1f1f1;background:url(../images/login.png) no-repeat 0 0;-webkit-transition:background,border,color 0.3s ease;-moz-transition:background,border,color 0.3s ease;-o-transition:background,border,color 0.3s ease;transition:background,border,color 0.3s ease;}
.modal-shade .modal-box .login-content .login-icon i.weibo,.user-box .login-content .login-icon i.weibo,.login .login-content .login-icon i.weibo{background-position:0 -72px;}
.modal-shade .modal-box .login-content .login-icon a:hover i,.user-box .login-content .login-icon a:hover i,.login .login-content .login-icon a:hover i{border-color:#ffd8c1;}
.login .login-content{width:40%;margin:0 auto 50px;}
.downModal .down-msg{font-size:17px;line-height:2;padding:5px 0 20px;}
.downModal .down-msg span{color:#f60;}
.downModal .down-btn{margin-top:30px;}
.downModal .down-btn button,.downModal .down-btn a{height:44px;line-height:42px;text-align:center;width:245px;margin:0 10px;border-radius:5px;border:1px solid #f1f1f1;display:inline-block;font-size:15px;}
.downModal .down-btn button{background:#f5f5f5;color:#999;cursor:pointer;}
.downModal .down-btn a{background:#4fd16d;color:#fff;border-color:#35ba53;}
.downModal .down-btn a.vip{background:#fd4c61;border-color:#e52239;}
.downModal .down-btn a:hover{box-shadow:0 12px 20px rgba(79,209,109,.3);}
.downModal .down-btn a.vip:hover{box-shadow:0 12px 20px rgba(255,59,82,.3);}

.breadcrumbs.create h1{text-align:center;color:#fff;line-height:80px;}
.create-box{margin-top:-80px;padding:30px;}
.create-box .create-bell{padding:10px 15px;border:1px dashed #f9ad9b;background:#ffebe1;color:#fb6262;border-radius:5px;width:64.5%;box-sizing:border-box;height:44px;margin:0 auto;}
.create-box .create-bell i{margin-right:5px;}
.create-form{margin:50px 0 30px;}
.create-form .am-u-sm-10>input[type=number],.create-form .am-u-sm-10>input[type=text]{font-size:14px;border-radius:3px;height:32px;border-color:#ddd;line-height:1;}
.create-form .am-u-sm-10>input[type=number]:focus,.create-form .am-u-sm-10>input[type=text]:focus,.create-form .am-u-sm-10>.am-selected-btn:focus{-webkit-box-shadow:0 0 0 2px rgba(101,98,251,.2);box-shadow:0 0 0 2px rgba(101,98,251,.2);border-color:#968eff;}
.create-form .am-selected{margin-right:10px;}
.create-form .am-selected-btn{height:32px;line-height:30px;border-radius:3px;padding:0 1.5rem 0 .75rem;font-size:13px;}
.create-form .am-selected-btn:focus{outline:0;}
.create-form .am-form-horizontal .am-form-label{padding-top:5px;}
.create-form .am-selected-list .am-selected-text{font-size:14px;}

.create-form .am-form .am-form-help{font-size:12px;color:#bdbdbd;margin-top:10px;}
.create-form .btn-submit{font-size:16px;height:46px;padding:0 50px;}
.create-form .btn-submit:focus{outline:0;}

.account-container{height:180px;width:100%;overflow:hidden;height:130px;position:relative;margin:-5px auto 0;}
.account-container .layer{width:100%;height:100%;display:block;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;}
.space-header{height:240px;width:100%;background:url(../images/banner.jpg) no-repeat center;position:relative;overflow:hidden;padding-bottom:50px}
.space-header h1{position:relative;z-index:10;text-align:center;font-size:16px;height:46px;line-height:46px;}
.banner-hidden:after{content:'';display:block;position:absolute;bottom:0;height:30px;width:100%;background:#fff;}
.banner-background-01{width:997px;height:85px;background:url(../images/background01.png) repeat-x;position:absolute;bottom:30px;width:400%;left:-236px;z-index:9;animation:wave1 25s linear .4s infinite normal;-moz-animation:wave1 25s linear .4s infinite normal;-webkit-animation:wave1 25s linear .4s infinite normal;-o-animation:wave1 25s linear .4s infinite normal;}
.banner-background-02 {width:1009px;height:100px;background:url(../images/background02.png) repeat-x;position:absolute;bottom:40px;width:400%;left:0;z-index:8;animation:wave2 60s linear .4s infinite normal;-moz-animation:wave2 60s linear .4s infinite normal;-webkit-animation:wave2 60s linear .4s infinite normal;-o-animation:wave2 60s linear .4s infinite normal}
@-webkit-keyframes wave1{from{left:-236px}to{left:-1233px}}
@-moz-keyframes wave1{from{left:-236px}to{left:-1233px}}
@-o-keyframes wave1{from{left:-236px}to{left:-1233px}}
@keyframes wave1{from{left:-236px}to{left:-1233px}}
@-webkit-keyframes wave2{from{left:0}to{left:-1009px}}
@-moz-keyframes wave2{from{left:0}to{left:-1009px}}
@-o-keyframes wave2{from{left:0}to{left:-1009px}}
@keyframes wave2{from{left:0}to{left:-1009px}}
.space-avatar{width:140px;height:140px;margin:40px auto 0;border:5px solid #fff;border-radius:50%;position:relative;z-index:10;}
.space-avatar img{border-radius:50%;width:100%;height:100%;}
.space-container .main{padding-bottom:20px}
.space-title{text-align:left;display:block;border-radius:2px;border-bottom:1px solid #f5f5f5;margin-bottom:20px}
.space-more{margin:20px 0;text-align:center;}
.space-more a{width:200px;height:46px;line-height:46px;display:inline-block;font-size:16px;}
.account-section{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.03);}
.account-box{margin:0 10px 20px;display:flex;flex-wrap:wrap}
.course-aside .account-box{margin:0 0 15px}
.account-box .account-item{width:14.46%;margin:0 1.1% 20px;padding:30px 0 20px;background:#f7f5ec;text-align:center;overflow:hidden;position:relative;box-sizing:border-box;border-radius:5px}
.account-box .account-item .account-avatar{display:inline-block;width:130px;height:130px;margin-bottom:20px;z-index:1;position:relative;}
.account-box .account-item .account-avatar:before{content:"";width:100%;height:0;border-radius:50%;background:#ee4266;position:absolute;bottom:135%;right:0;left:0;opacity:0.2;transform:scale(3);transition:all 0.3s linear 0s;}
.account-box .account-item:hover .account-avatar:before{height:100%;}
.account-box .account-item .account-avatar:after{content:"";width:100%;height:100%;border-radius:50%;background:#ee4266;position:absolute;top:0;left:0;z-index:-1;}
.account-box .account-item .account-avatar img{width:100%;height:100%;border-radius:50%;transform:scale(1);transition:all 0.9s ease 0s}
.account-box .account-item:hover .account-avatar img{box-shadow:0 0 0 14px #f7f5ec;transform:scale(0.7)}
.account-box .account-item .account-nickname{margin-bottom:10px}
.account-box .account-item h3{font-size:16px;color:#4e5052;letter-spacing:1px;text-transform:capitalize;margin-bottom:5px;padding:0 10px;box-sizing:border-box;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;}

.slide-wrap,.stage {width:100%;height:100%;}
.stage {overflow:hidden;position:relative;z-index:0;}
.stage .space {width:3840px;height:100%;position:absolute;top:0;left:0;z-index:0;background:url(../images/bg-space.png) repeat-x;}
.stage .mountains {width:100%;height:17.78125em;overflow:hidden;position:absolute;left:0;bottom:0;z-index:1;opacity:0;-webkit-transition:opacity 0.2s linear 0s;-moz-transition:opacity 0.2s linear 0s;transition:opacity 0.2s linear 0s;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;}
.stage .mountain {width:224em;position:absolute;left:0;bottom:0;}
.stage .mountain-1 {height:10.5em;z-index:3;background:url(../images/bg-mountain-1.png) repeat-x;background-size:auto 50%;background-position:0 bottom;}
.stage .mountain-2 {height:12em;z-index:2;background:url(../images/bg-mountain-2.png) repeat-x;background-size:auto 50%;background-position:0 bottom;}
.stage .mountain-3 {height:17.78125em;z-index:1;background:url(../images/bg-mountain-3.png) repeat-x;background-size:auto 50%;background-position:0 bottom;}
.stage .bear-wrapper {width:6.25em;height:3.125em;position:absolute;margin-left:-3.125em;left:50%;bottom:40px;z-index:999;}
.bear-words {display:none;width:6.25em;height:2.8125em;position:absolute;bottom:5.3125em;left:50%;margin-left:-2.1875em;z-index:5;}
.bear-words span {display:block;width:9.375em;height:1.875em;line-height:1.875em;margin-left:0.9375em;font-size:0.4375em;color:#fff;}
.bear-words .bear-words-background {width:100%;height:100%;position:absolute;left:0;top:0;border:0;}
.stage .bear {width:3.12em;height:1.625em;position:absolute;margin-left:-1.5625em;left:-4%;bottom:25px;z-index:999;background:url(../images/bear.png) 0 0 no-repeat;background-size:25em 100%;opacity:0;}
.scenes-ready .stage .space {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 450s linear 0.8s infinite normal none;-moz-animation:moving 450s linear 0.8s infinite normal none;animation:moving 450s linear 0.8s infinite normal none;}
.scenes-ready .stage .mountains {opacity:1;-webkit-animation:mountains-in 0.8s ease-out 0s 1 normal forwards;-moz-animation:mountains-in 0.8s ease-out 0s 1 normal forwards;animation:mountains-in 0.8s ease-out 0s 1 normal forwards;}
.scenes-ready .stage .mountain-1 {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 100s linear 0.8s infinite normal none;-moz-animation:moving 100s linear 0.8s infinite normal none;animation:moving 100s linear 0.8s infinite normal none;}
.scenes-ready .stage .mountain-2 {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 160s linear 0.8s infinite normal none;-moz-animation:moving 160s linear 0.8s infinite normal none;animation:moving 160s linear 0.8s infinite normal none;}
.scenes-ready .stage .mountain-3 {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 360s linear 0.8s infinite normal none;-moz-animation:moving 360s linear 0.8s infinite normal none;animation:moving 360s linear 0.8s infinite normal none;}
.scenes-ready .stage .bear {opacity:1;-webkit-transition:opacity 0.4s linear 0.6s;-moz-transition:opacity 0.4s linear 0.6s;transition:opacity 0.4s linear 0.6s;}
.preserve3d .scenes-ready .stage .bear {-webkit-animation:bear-run-in 3.6s step-end 0.6s 1 normal forwards,bear-run 0.8s steps(8) 4.2s infinite normal forwards;-moz-animation:bear-run-in 3.6s step-end 0.6s 1 normal forwards,bear-run 0.8s steps(8) 4.2s infinite normal forwards;animation:bear-run-in 3.6s step-end 0.6s 1 normal forwards,bear-run 0.8s steps(8) 4.2s infinite normal forwards;}
.no-preserve3d .scenes-ready .stage .bear,.no-csstransforms3d .scenes-ready .stage .bear {left:50%;-webkit-animation:bear-run 0.8s steps(8) 0.6s infinite normal forwards;-moz-animation:bear-run 0.8s steps(8) 0.6s infinite normal forwards;animation:bear-run 0.8s steps(8) 0.6s infinite normal forwards;}
.preserve3d .scenes-ready .stage .bear.reset,.no-preserve3d .scenes-ready .stage .bear.reset,.no-csstransforms3d .scenes-ready .stage .bear.reset {left:50%;opacity:1;-webkit-animation:none 0s linear 0s infinite normal none;-moz-animation:none 0s linear 0s infinite normal none;animation:none 0s linear 0s infinite normal none;}
.preserve3d .scenes-ready .stage .bear.running,.no-preserve3d .scenes-ready .stage .bear.running,.no-csstransforms3d .scenes-ready .stage .bear.running {left:50%;-webkit-animation:bear-run 0.8s steps(8) 0s infinite normal none;-moz-animation:bear-run 0.8s steps(8) 0s infinite normal none;animation:bear-run 0.8s steps(8) 0s infinite normal none;}
@-webkit-keyframes toy{0%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(.9);transform: scale(.9)}to{-webkit-transform: scale(.7);transform:scale(.7)}}
@keyframes toy{0%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1);transform:scale(.9)}to{-webkit-transform:scale(.7);transform:scale(.7)}}
@-webkit-keyframes mountains-in {0% {-webkit-transform:scale(1.5);}100% {-webkit-transform:scale(1);}}
@-moz-keyframes mountains-in {0% {-moz-transform:scale(1.5);}100% {-moz-transform:scale(1);}}
@keyframes mountains-in {0% {transform:scale(1.5);}100% {transform:scale(1);}}
@-webkit-keyframes moving {0% {-webkit-transform:translate3d(0,0,0);}100% {-webkit-transform:translate3d(-50%,0,0);}}
@-moz-keyframes moving {0% {-moz-transform:translate3d(0,0,0);}100% {-moz-transform:translate3d(-50%,0,0);}}
@-webkit-keyframes bear-run {0% {background-position:0 0;}100% {background-position:-25em 0;}}
@-moz-keyframes bear-run {0% {background-position:0 0;}100% {background-position:-25em 0;}}
@keyframes bear-run {0% {background-position:0 0;}100% {background-position:-25em 0;}}
@-webkit-keyframes bear-run-in {0% {background-position:0em 0;left:-4%;}
@keyframes moving {0% {transform:translate3d(0,0,0);}100% {transform:translate3d(-50%,0,0);}}
1.38888889% {background-position:-3.125em 0;left:-2.25%;}
2.77777778% {background-position:-6.25em 0;left:-0.5%;}
4.16666667% {background-position:-9.375em 0;left:1.25%;}
5.55555556% {background-position:-12.5em 0;left:3%;}
6.94444444% {background-position:-15.625em 0;left:4.75%;}
8.33333333% {background-position:-18.75em 0;left:6.5%;}
9.72222222% {background-position:-21.875em 0;left:8.25%;}
11.11111111% {background-position:-25em 0;left:10%;}
11.11111111% {background-position:0em 0;left:10%;}
12.77777778% {background-position:-3.125em 0;left:11.5%;}
14.44444444% {background-position:-6.25em 0;left:13%;}
16.11111111% {background-position:-9.375em 0;left:14.5%;}
17.77777778% {background-position:-12.5em 0;left:16%;}
19.44444444% {background-position:-15.625em 0;left:17.5%;}
21.11111111% {background-position:-18.75em 0;left:19%;}
22.77777778% {background-position:-21.875em 0;left:20.5%;}
24.44444444% {background-position:-25em 0;left:22%;}
24.44444444% {background-position:0em 0;left:22%;}
26.38888889% {background-position:-3.125em 0;left:23.25%;}
28.33333333% {background-position:-6.25em 0;left:24.5%;}
30.27777778% {background-position:-9.375em 0;left:25.75%;}
32.22222222% {background-position:-12.5em 0;left:27%;}
34.16666667% {background-position:-15.625em 0;left:28.25%;}
36.11111111% {background-position:-18.75em 0;left:29.5%;}
38.05555556% {background-position:-21.875em 0;left:30.75%;}
40% {background-position:-25em 0;left:32%;}
40% {background-position:0em 0;left:32%;}
42.22222222% {background-position:-3.125em 0;left:33%;}
44.44444444% {background-position:-6.25em 0;left:34%;}
46.66666667% {background-position:-9.375em 0;left:35%;}
48.88888889% {background-position:-12.5em 0;left:36%;}
51.11111111% {background-position:-15.625em 0;left:37%;}
53.33333333% {background-position:-18.75em 0;left:38%;}
55.55555556% {background-position:-21.875em 0;left:39%;}
57.77777778% {background-position:-25em 0;left:40%;}
57.77777778% {background-position:0em 0;left:40%;}
60.27777778% {background-position:-3.125em 0;left:40.75%;}
62.77777778% {background-position:-6.25em 0;left:41.5%;}
65.27777778% {background-position:-9.375em 0;left:42.25%;}
67.77777778% {background-position:-12.5em 0;left:43%;}
70.27777778% {background-position:-15.625em 0;left:43.75%;}
72.77777778% {background-position:-18.75em 0;left:44.5%;}
75.27777778% {background-position:-21.875em 0;left:45.25%;}
77.77777778% {background-position:-25em 0;left:46%;}
77.77777778% {background-position:0em 0;left:46%;}
80.55555556% {background-position:-3.125em 0;left:46.5%;}
83.33333333% {background-position:-6.25em 0;left:47%;}
86.11111111% {background-position:-9.375em 0;left:47.5%;}
88.88888889% {background-position:-12.5em 0;left:48%;}
91.66666667% {background-position:-15.625em 0;left:48.5%;}
94.44444444% {background-position:-18.75em 0;left:49%;}
97.22222222% {background-position:-21.875em 0;left:49.5%;}
100% {background-position:-25em 0;left:50%;}
}
@-moz-keyframes bear-run-in {0% {background-position:0em 0;left:-4%;}
1.38888889% {background-position:-3.125em 0;left:-2.25%;}
2.77777778% {background-position:-6.25em 0;left:-0.5%;}
4.16666667% {background-position:-9.375em 0;left:1.25%;}
5.55555556% {background-position:-12.5em 0;left:3%;}
6.94444444% {background-position:-15.625em 0;left:4.75%;}
8.33333333% {background-position:-18.75em 0;left:6.5%;}
9.72222222% {background-position:-21.875em 0;left:8.25%;}
11.11111111% {background-position:-25em 0;left:10%;}
11.11111111% {background-position:0em 0;left:10%;}
12.77777778% {background-position:-3.125em 0;left:11.5%;}
14.44444444% {background-position:-6.25em 0;left:13%;}
16.11111111% {background-position:-9.375em 0;left:14.5%;}
17.77777778% {background-position:-12.5em 0;left:16%;}
19.44444444% {background-position:-15.625em 0;left:17.5%;}
21.11111111% {background-position:-18.75em 0;left:19%;}
22.77777778% {background-position:-21.875em 0;left:20.5%;}
24.44444444% {background-position:-25em 0;left:22%;}
24.44444444% {background-position:0em 0;left:22%;}
26.38888889% {background-position:-3.125em 0;left:23.25%;}
28.33333333% {background-position:-6.25em 0;left:24.5%;}
30.27777778% {background-position:-9.375em 0;left:25.75%;}
32.22222222% {background-position:-12.5em 0;left:27%;}
34.16666667% {background-position:-15.625em 0;left:28.25%;}
36.11111111% {background-position:-18.75em 0;left:29.5%;}
38.05555556% {background-position:-21.875em 0;left:30.75%;}
40% {background-position:-25em 0;left:32%;}
40% {background-position:0em 0;left:32%;}
42.22222222% {background-position:-3.125em 0;left:33%;}
44.44444444% {background-position:-6.25em 0;left:34%;}
46.66666667% {background-position:-9.375em 0;left:35%;}
48.88888889% {background-position:-12.5em 0;left:36%;}
51.11111111% {background-position:-15.625em 0;left:37%;}
53.33333333% {background-position:-18.75em 0;left:38%;}
55.55555556% {background-position:-21.875em 0;left:39%;}
57.77777778% {background-position:-25em 0;left:40%;}
57.77777778% {background-position:0em 0;left:40%;}
60.27777778% {background-position:-3.125em 0;left:40.75%;}
62.77777778% {background-position:-6.25em 0;left:41.5%;}
65.27777778% {background-position:-9.375em 0;left:42.25%;}
67.77777778% {background-position:-12.5em 0;left:43%;}
70.27777778% {background-position:-15.625em 0;left:43.75%;}
72.77777778% {background-position:-18.75em 0;left:44.5%;}
75.27777778% {background-position:-21.875em 0;left:45.25%;}
77.77777778% {background-position:-25em 0;left:46%;}
77.77777778% {background-position:0em 0;left:46%;}
80.55555556% {background-position:-3.125em 0;left:46.5%;}
83.33333333% {background-position:-6.25em 0;left:47%;}
86.11111111% {background-position:-9.375em 0;left:47.5%;}
88.88888889% {background-position:-12.5em 0;left:48%;}
91.66666667% {background-position:-15.625em 0;left:48.5%;}
94.44444444% {background-position:-18.75em 0;left:49%;}
97.22222222% {background-position:-21.875em 0;left:49.5%;}
100% {background-position:-25em 0;left:50%;}
}
@keyframes bear-run-in {0% {background-position:0em 0;left:-4%;}
1.38888889% {background-position:-3.125em 0;left:-2.25%;}
2.77777778% {background-position:-6.25em 0;left:-0.5%;}
4.16666667% {background-position:-9.375em 0;left:1.25%;}
5.55555556% {background-position:-12.5em 0;left:3%;}
6.94444444% {background-position:-15.625em 0;left:4.75%;}
8.33333333% {background-position:-18.75em 0;left:6.5%;}
9.72222222% {background-position:-21.875em 0;left:8.25%;}
11.11111111% {background-position:-25em 0;left:10%;}
11.11111111% {background-position:0em 0;left:10%;}
12.77777778% {background-position:-3.125em 0;left:11.5%;}
14.44444444% {background-position:-6.25em 0;left:13%;}
16.11111111% {background-position:-9.375em 0;left:14.5%;}
17.77777778% {background-position:-12.5em 0;left:16%;}
19.44444444% {background-position:-15.625em 0;left:17.5%;}
21.11111111% {background-position:-18.75em 0;left:19%;}
22.77777778% {background-position:-21.875em 0;left:20.5%;}
24.44444444% {background-position:-25em 0;left:22%;}
24.44444444% {background-position:0em 0;left:22%;}
26.38888889% {background-position:-3.125em 0;left:23.25%;}
28.33333333% {background-position:-6.25em 0;left:24.5%;}
30.27777778% {background-position:-9.375em 0;left:25.75%;}
32.22222222% {background-position:-12.5em 0;left:27%;}
34.16666667% {background-position:-15.625em 0;left:28.25%;}
36.11111111% {background-position:-18.75em 0;left:29.5%;}
38.05555556% {background-position:-21.875em 0;left:30.75%;}
40% {background-position:-25em 0;left:32%;}
40% {background-position:0em 0;left:32%;}
42.22222222% {background-position:-3.125em 0;left:33%;}
44.44444444% {background-position:-6.25em 0;left:34%;}
46.66666667% {background-position:-9.375em 0;left:35%;}
48.88888889% {background-position:-12.5em 0;left:36%;}
51.11111111% {background-position:-15.625em 0;left:37%;}
53.33333333% {background-position:-18.75em 0;left:38%;}
55.55555556% {background-position:-21.875em 0;left:39%;}
57.77777778% {background-position:-25em 0;left:40%;}
57.77777778% {background-position:0em 0;left:40%;}
60.27777778% {background-position:-3.125em 0;left:40.75%;}
62.77777778% {background-position:-6.25em 0;left:41.5%;}
65.27777778% {background-position:-9.375em 0;left:42.25%;}
67.77777778% {background-position:-12.5em 0;left:43%;}
70.27777778% {background-position:-15.625em 0;left:43.75%;}
72.77777778% {background-position:-18.75em 0;left:44.5%;}
75.27777778% {background-position:-21.875em 0;left:45.25%;}
77.77777778% {background-position:-25em 0;left:46%;}
77.77777778% {background-position:0em 0;left:46%;}
80.55555556% {background-position:-3.125em 0;left:46.5%;}
83.33333333% {background-position:-6.25em 0;left:47%;}
86.11111111% {background-position:-9.375em 0;left:47.5%;}
88.88888889% {background-position:-12.5em 0;left:48%;}
91.66666667% {background-position:-15.625em 0;left:48.5%;}
94.44444444% {background-position:-18.75em 0;left:49%;}
97.22222222% {background-position:-21.875em 0;left:49.5%;}
100% {background-position:-25em 0;left:50%;}
}

@media (max-width:1450px) {
    .container {width:1180px;}
    .header .menu ul li .sub{min-width:360px;}
    .article-card .standard .standard-media{height:138px;}
    .ppt .standard .standard-media{height:230px;}
    .source-article .source-standard{height:132px;}
    .article-wrapper .article-item .article-media{height:80px;}
    .article-wrapper .article-item .article-info .article-excerpt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .article-soft .article-wrapper .article-item{margin-bottom:22px;}
    .article-soft .article-wrapper .article-item .article-media{width:25%;height:60px;}
    .article-soft .article-wrapper .article-item .article-look{display:none;}
    .like-section .article-wrapper .article-item .article-media{width:120px;}
    .main-course .article-wrapper .article-item .article-info .article-excerpt{overflow:auto;white-space:normal;}
    .course-aside .article-wrapper .article-item .article-media{height:54px;width:80px;margin-right:15px;}
    .rollbar{margin-left:610px;}
    .numeric-pagination>span, .numeric-pagination a, .numeric-pagination ul.pagination li a, .numeric-pagination ul.pagination li span{padding:0 15px;height:44px;line-height:44px;}
    .moban-section .code-card{background-size:100% 145px;}
    .moban-item .item-standard .item-media{height:305px;}
    .h5 .standard .standard-media{height:352px;}
    .code-card .code-item{padding-top:7px}
    .code-item .item-standard{margin-bottom:0;padding-bottom:5px;border:0}
}