@font-face {font-family: "id99";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('../fonts/iconfont.eot?') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.ics {font-family:"id99" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.i-id-home:before {content:"\e601";}
.i-id-vip:before {content:"\e600";}
.i-id-demo:before {content:"\e616";}
.i-id-mima:before {content:"\e701";}
.i-id-score:before {content:"\e64a";}
.i-id-pay:before {content:"\e70d";}
.i-id-set:before {content:"\e666";}
.i-id-logs:before {content:"\e619";}
.i-id-sign:before {content:"\e614";}
.i-id-qrcode:before {content:"\e607";}
.i-id-order:before {content:"\e61a";}
.i-id-collect:before {content:"\e612";}
.i-id-download:before {content:"\e64c";}
.i-id-sina:before {content:"\e6a4";}
.i-id-look:before {content:"\e6d1";}
.i-id-qq:before {content:"\e60f";}
.i-id-comment:before {content:"\e63c";}
.i-id-time:before {content:"\e627";}
.i-id-down:before {content:"\e6bf";}
.i-id-more:before {content:"\e60c";}

body{padding-top:60px;}
::-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;}
.uk-modal{z-index:9999999999;background:rgba(0,0,0,.2);}
.id-container{width:1360px;margin-left:auto;margin-right:auto;}
.header{position:fixed;top:0;width:100%;height:60px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.06);z-index:1039;}
.header .uk-logo{width:220px;height:60px;margin-bottom:0;padding-left:0;margin-right:15px;}
/*.header .uk-logo a{display:block;width:100%;height:100%;background:url(../images/logo.png) no-repeat;}*/
.header .uk-navbar-nav>li>a,.header .uk-navbar-item,.header .uk-navbar-toggle{min-height:60px;line-height:1;font-size:16px;font-weight:bold;}
.header .uk-navbar-nav .hots{display: block;position:absolute;top:10px;font-size:12px;background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);color: #ffffff;border-radius: 1rem;padding: 0.15rem 0.275rem;line-height: 1;font-weight:normal;text-align:right;opacity: 0.8;margin-left:70px;}
.header .uk-icon-image{background-size:cover;}
.header .uk-navbar-right span{cursor:pointer;}
.header .uk-search-navbar .uk-search-input{font-size:1.2rem;line-height:40px;padding:0;font-weight:normal;}
.header .user-info:before{content:'';display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;position:absolute;top:-10px;right:8px;}
.header .user-info .user-avatar img{width:48px;margin-right:10px;border-radius:3px;margin-bottom:0;}
.header .user-info .user-avatar h4{font-size:15px;margin:0;}
.header .user-info .user-avatar p{font-size:14px;margin:0;margin-top:5px;color:#f60;}
.header .user-info .user-avatar p i{font-size:13px;}
.header .user-info{padding:15px;min-width:280px;}
.header .user-info hr{margin-bottom:10px;}
.header .user-info-nav a{width:33.33333%;text-decoration:none;font-size:12px;text-align:center;float:left;color:#999;}
.header .user-info-nav i{display:block;font-size:30px;}
.header .user-info-nav a:hover{color:#1e87f0;}

#aDown .downlist{height:100px;padding:10px;min-width:280px;width:280px;}
#aDown .downlist a{line-height:20px;width:33.33333%;text-decoration:none;font-size:18px;text-align:center;float:left;color:#1e87f0;}
#aDown .downlist a span{display:block;font-size:30px;}
#aDown .downlist i{display:block;text-align:center;font-size:14px;line-height:14px;padding:5px 0;color:#f42424}
#aDown .downlist a:hover{color:#333;}

.searchBar,.list-banner,.user-banner,.login{height:240px;width:100%;background:url(../images/banner.jpg) no-repeat center;position:relative;overflow:hidden;}
.searchBar .uk-tab{position:absolute;bottom:0;width:100%;z-index:1000;}
.searchBar .uk-tab>*>a{font-size:15px;padding:10px 5px;margin:0 2px;}
.searchBar .uk-tab::before{border-color:#f9f9f9;}
.banner-background-01{width:997px;height:85px;background:url(../images/background01.png) repeat-x;position:absolute;bottom:0;width:400%;left:-236px;z-index:999;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:10px;width:400%;left:0;z-index:998;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}}

.searchBox{position:absolute;top:62px;width:650px;left:50%;margin-left:-329px;border:4px solid rgba(255,255,255,.2);border-radius:7px;}
.searchBox .uk-search-default{width:650px;}
.searchBox .uk-form-custom{width:550px;}
.searchBox .uk-search-input{border-radius:3px 0 0 3px;background:rgba(255,255,255,.9);border-right:0;border-color:rgba(255,255,255,.1);}
.searchBox .uk-search-input:focus{background-color:rgba(255,255,255,.9)}
.searchBox .uk-button{width:100px;margin-left:-5px;border-radius:0 3px 3px 0;border-left:0;position:absolute;right:0;}

#modal-login .uk-modal-body,#modal-reg .uk-modal-body{padding:0 30px 0 0;height:400px;border-radius:10px;background:url(../images/login.jpg) repeat-y -45px #fff;}
.login-box{padding-left:50px;height:340px;border-radius:10px 0 0 10px;}
.login-box .login-content,.login .login-content{text-align:center;}
.login-left .login-content{width:170px;margin:5px auto;padding:20px 0 0 10px}
.login-left{padding:0px;margin:0px auto;}
.login-box .login-content h4,.login-left .login-content h4{font-size:18px;line-height:18px;font-family:bold;color:#fff;margin-top:10px;}
.login-box .login-content form{padding:0px;}
.login-box .login-content .uk-divider-icon,.login .login-content .uk-divider-icon{margin:2px 0;}
.login-box .login-content ul,.login-left .login-content ul{padding:30px 0 0 0;}
.login-box .login-content ul li,.login-left .login-content ul li{width:100%;display:inline-block;font-size:13px;}
.login-box .login-content ul li,.login-left .login-content ul li{width:100%;display:inline-block;font-size:13px;}
.login-box .login-content ul li a,.login-left .login-content ul li i{width:60px;height:60px;border:1px solid #70caf8;border-radius:12px;display:block;margin:0 auto;}
.login-left .login-content ul li a{color:#fff;}
.login-left .login-content ul li a:hover{color:#3ef;}
.login-left .login-content ul li a p{text-align:center;color:#fff;line-height:22px;}
.login-box .login-content ul li:hover i,.login-left .login-content ul li:hover i{border-color:#1e87f0;background-color:#ccc;}
.login-box .login-content ul li i.login-qq,.login-left .login-content ul li i.login-qq{background:url(../images/qq.png) no-repeat center #0f7ae5;}

.hot-container{margin-top:15px;}
.card{background:#fff;border-radius:3px;padding:8px 8px 4px;box-sizing:border-box;}
.card img{width:244px;height:150px;}
.card 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;font-size:10px;padding:1px 2px;}
.card .card-info h2{font-size:16px;height:40px;line-height:40px;border-bottom:1px dotted #f1f1f1;margin-bottom:3px;}
.card:hover{box-shadow:0 1px 8px rgba(0,0,0,.05);}
.card .card-info p{font-size:12px;margin:5px 0;color:#999;}
.card .card-info p.info{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:44px;line-height:22px;text-overflow:-o-ellipsis-lastline;margin-bottom:10px;font-size:13px;}
.card .card-info p i{font-size:12px;}
.card .card-info p span{float:right;}
.card>div>div{background:rgba(0,0,0,.2);}
.card>div>div,.card>div>div a,.card>div>div img{width:100%;height:100%;display:block;border-radius:2px;}

.card1{padding:8px 8px 4px;box-sizing:border-box;margin-top:8px;}
.card1 img{width:244px;height:300px;}
.card1 .card-info h2{font-size:16px;height:40px;line-height:40px;margin-bottom:3px;}
.card1:hover{box-shadow:0 1px 8px rgba(0,0,0,.05);}
.card1 .card-info p{font-size:12px;margin:5px 0;color:#999;}
.card1 .card-info p.info{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:44px;line-height:22px;text-overflow:-o-ellipsis-lastline;margin-bottom:10px;font-size:13px;}
.card1 .card-info p i{font-size:12px;}
.card1 .card-info p span{float:right;}
.card1>div>div{background:rgba(0,0,0,.2);}
.card1>div>div,.card>div>div a,.card>div>div img{width:100%;height:100%;display:block;}

.id-sucai{background:#fff;border-radius:4px;box-shadow:0 1px 8px rgba(0,0,0,.05);}
.id-title{height:50px;line-height:30px;padding:10px 0;font-size:16px;font-weight:bold;width:100%;box-sizing:border-box;border-bottom:1px solid #efefef;}
.id-title cite{height:28px;width:28px;background:url(../images/title.png) no-repeat center;background-size:100%;margin-right:8px;display:block;float:left;margin-top:1px;-webkit-animation:toy 3s .1s infinite;animation: toy 3s .1s infinite;margin-left:10px;}
.id-title span{float:right;font-size:13px;font-weight:normal;font-family:'Helvetica Neue',Helvetica,'PingFang SC',Tahoma,Arial,sans-serif;}
.id-title span a{padding:0 8px;border-right:1px solid #aaa;}
.id-title span a:last-child{border:0;}
.id-title span a i.uk-icon{position:relative;top:-2px;width:15px;height:15px;}
.id-sucai .uk-inline-clip{border-top:0;border-right:0;pading:30px;}
.id-sucai .uk-transition-slide-bottom{padding:2px 10px;}
.id-sucai .uk-transition-slide-bottom h2{font-size:15px;height:40px;line-height:40px;padding-left:10px;}

.yy{background:#fff;border-radius:4px;box-shadow:0 1px 8px rgba(0,0,0,.05);}
.wb{background:#fff;}
.uk-badge{line-height:26px;height:14px;font-size:9px;vertical-align: top;}
.id-soft{padding-top:3px;}
.id-soft .uk-width-2-3{padding-left:0;}
.id-soft .id-title{padding-left:0;}
.id-soft .uk-description-list{margin-top:15px;padding-bottom:15px;height:102px;margin-bottom:0;}
.id-soft .article-img a,.article-list .article-img a,.list-right .article-img a{display:block;width:55px;height:55px;overflow:hidden;border-radius:2px 0 0 2px;}
.id-soft dl dt h2,.list-right dl dt h2{font-size:16px;height:30px;line-height:30px;margin-bottom:5px;}
.id-soft dl dd p{margin-bottom:0px;margin-top:0;height:20px;line-height:20px;}
.id-soft dl dd p,.id-soft dl dd p i,.list-right dl dd p{font-size:12px;color:#999;}
.id-soft dl dd p span{margin-left:20px;}
.id-soft dl dd p a{color:#999;}
.id-soft .uk-width-1-1 .article-img a,.list-right .article-img a{width:55px;height:55px;}
.id-soft .uk-width-1-1 .article-img img,.list-right .article-img img{width:55px;}
.id-soft .uk-description-list.uk-width-1-1{height:55px;padding-bottom:0;margin-top:5px;}
.id-soft .uk-width-expand{width:100%;background:#fff;padding:0 5px;border-radius:0 2px 2px 0;box-shadow:0 1px 8px rgba(0,0,0,.05);}
 
.id-article{width:100%;background:#fff;padding:10px 0 30px;}
.id-article .uk-width-2-3{padding-left:0;}
.id-article .id-title{padding-left:0;}
.id-article .uk-description-list{margin-top:15px;padding-bottom:15px;height:102px;margin-bottom:0;}
.id-article .article-img a,.article-list .article-img a,.list-right .article-img a{display:block;width:140px;height:86px;overflow:hidden;border-radius:2px;}
.id-article .article-img img{width:140px;border-radius:2px;}
.id-article dl dt h2,.list-right dl dt h2{font-size:16px;height:30px;line-height:30px;margin-bottom:13px;}
.id-article dl dd p{margin-bottom:12px;margin-top:0;}
.id-article dl dd p,.id-article dl dd p i,.list-right dl dd p{font-size:12px;color:#999;}
.id-article dl dd p span{margin-left:20px;}
.id-article dl dd p a{color:#999;}
.id-article .uk-width-1-3 .article-img a,.list-right .article-img a{width:100px;height:62px;}
.id-article .uk-width-1-3 .article-img img,.list-right .article-img img{width:100px;}
.id-article .uk-description-list.uk-width-1-1{height:70px;padding-bottom:0;}
.id-article .uk-width-2-3 .id-title cite{margin-left:-5px;background:url(../images/course.png) no-repeat center;background-size:100%;}
.id-article .uk-width-1-3 .id-title cite{margin-left:-5px;background:url(../images/video.png) no-repeat center;background-size:100%;}
.id-article.id-like .id-title cite{background:url(../images/like.png) no-repeat center;background-size:100%;}

.list-banner{height:120px;}
.id-breadcrumb{height:50px;line-height:50px;margin-top:10px;}
.id-breadcrumb i{width:13px;height:13px;color:#fff;margin-right:6px;position:relative;top:-2px;}
.id-breadcrumb i,.id-breadcrumb .uk-breadcrumb{display:inline-block;font-size:13px;}
.id-breadcrumb .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{margin:0 5px;}
.id-breadcrumb a{color:#ccc;text-decoration:none;}
.id-breadcrumb a:hover{color:#fff;}
.show-breadcrumb .id-breadcrumb{margin-top:0;}
.show-breadcrumb .id-breadcrumb a,.show-breadcrumb .id-breadcrumb i{color:#666;}
.show-breadcrumb .id-breadcrumb a:hover{color:#1e87f0;}

.article-show{padding:25px;border-radius:2px;box-shadow:0 1px 8px rgba(0,0,0,.03);}
.article-show .uk-article-title{font-size:30px;line-height:1.5;}
.article-show .uk-article-meta{background:#f9f9f9;padding:15px 20px;border-radius:2px;}
.article-show .uk-article-meta,.article-show .uk-article-meta i{font-size:13px;}
.article-show .uk-article-meta a{padding:3px 15px;border-radius:30px;display:inline-block;border:1px solid #1e87f0;color:#1e87f0;float:right;position:relative;top:-3px;}
.article-show .uk-article-meta a:hover{color:#fff;background:#1e87f0;}
.article-show .uk-article-meta span{margin-right:20px;}
.article-show .uk-article-meta span.uk-label{font-size:12px;position:relative;top:-1px;}
.article-show .uk-article .uk-text-light{line-height:2;margin-top:30px;font-size:14px;}
.article-show .uk-article .uk-text-light h3{font-size:18px;height:40px;line-height:40px;margin:5px 0;position:relative;}
.article-show .uk-article .uk-text-light h3:before{width:10px;height:20px;top:50%;left:-26px;margin-top:-10px;background:#1e87f0;content:"";display:block;position:absolute;}
.article-show .uk-article .uk-text-light p{margin:0;}
.article-show .uk-article .uk-text-light img{max-width:100%;margin:15px 0;cursor:crosshair;}
.article-show .uk-article .uk-text-light blockquote{border:1px dashed #e5e5e5;font-size:14px;padding:15px 20px;line-height:2;color:#777;}
.article-show .uk-child-width-auto{margin-top:30px;}

.show-next{padding:0 10px;box-shadow:0 1px 8px rgba(0,0,0,.03);border-radius:2px;}
.show-next h2,.show-next h4{font-size:16px;}
.show-next p,.show-next h2,.show-next h4{margin:5px 0;}
.show-next p{font-size:14px;color:#999;}

.id-subnav{background:#fff;padding:10px 30px;margin-top:-50px;position:relative;z-index:9;font-size:13px;box-shadow:0 1px 8px rgba(0,0,0,.03);}
.id-class span{float:left;line-height:31px;}
.id-class ul{margin:10px 0;}
.id-subnav .uk-subnav>*>:first-child{font-size:13px;}

.id-page{text-align:center;margin-bottom:15px;font-size:13px;}
.id-page ul{padding-left:0;}
.id-page ul li{list-style:none;display:inline-block;font-size:14px;}
.id-page span,.id-page a{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;}
.id-page span{cursor:not-allowed;color:#999;}
.id-page .current,.id-page a:hover,.id-page ul li.active span{color:#fff;background:#1e87f0;font-weight:bold;font-size:13px}
.id-page ul li span,.id-page ul li a{background:#eee;color:#666;}

.article-list>.uk-background-default{padding:0 0 15px 15px;border-radius:2px;box-shadow:0 1px 8px rgba(0,0,0,.03);}
.article-list img{width:180px;}
.article-list .article-img a{width:180px;height:111px;}
.article-list .uk-description-list{padding:15px 0;margin-top:0;border-bottom:1px dotted #f1f1f1;}
.article-list .uk-description-list:last-child{padding-bottom:0;border:0;}
.article-list dl dt h2{font-size:18px;margin-bottom:10px;}
.article-list dl dd p{margin-bottom:5px;}
.article-list dl dd p.info{margin:0;line-height:2;}
.article-list dl dd p,.article-list dl dd i{font-size:12px;color:#999;}
.article-list dl dd p span{margin-left:30px;}
.article-list dl dd p a{color:#999;}
.article-list .id-page{text-align:center;margin-bottom:15px;font-size:13px;}
.article-list .id-page>*:first-child{margin-left:0;}

.comment{padding:0 0 20px;margin:15px 0 20px;background:#fff;border-radius:2px;box-shadow:0 1px 8px rgba(0,0,0,.03);}
.show-title{height:44px;line-height:44px;border-bottom:1px solid #f3f3f3;padding:0 10px;}
.show-title span{display:inline-block;height:44px;font-size:16px;padding:0 15px;position:relative;}
.show-title span:before{width:5px;height:20px;top:50%;left:0;margin-top:-10px;background:#1e87f0;content:"";display:block;position:absolute;}
.show-title a{float:right;font-size:12px;color:#999;}
.show-title a:hover{color:#ff406d;}
.show-title a i{vertical-align:middle;font-size:12px;position:relative;top:-1px;}
.comment-form{width:100%;height:auto;padding:15px 0;border-bottom:1px solid #f9f9f9;}
.comment-form:after,#comment-show:after,#comment-show ul:after,.user-pay 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;}
.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;}
.cont-box{width:100%;height:80px;float:left;}
.cont-box .comment-text{width:100%;height:100%;padding:5px 10px;border-radius:1px;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;box-shadow:inset 0 0 5px rgba(0,0,0,.03)}
.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:#ff406d;}
.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:2px;cursor:pointer;}
#comment-show{margin:20px 15px 0;}
#comment-show ul,.user-pay 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);}
#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 .reply-content:before{border-bottom-color:#fffcf7;top:-9px;}
#comment-show .reply-list .head-face img{width:30px;height:30px;}
#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;}

.list-right>.uk-background-default{border-radius:2px;box-shadow:0 1px 8px rgba(0,0,0,.03);}
.list-right .id-title{position:relative;padding-left:20px;border-bottom:1px solid #fafafa;box-shadow:0 1px 4px rgba(0,0,0,.02);}
.list-right .id-title span{font-size:12px;}
.list-right .id-title:before{content:'';display:block;width:10px;height:20px;position:absolute;left:0;top:15px;background:#1e87f0;}
.list-right .uk-card-body{padding:15px 15px 5px;}
.list-right .uk-card-body .uk-button-default,.article-show .uk-child-width-auto .uk-button-default{height:36px;padding:0 10px;display:inline-block;line-height:36px;margin:0 10px 10px 0;font-size:13px;border-radius: 5px;background: #f9f9f9;}
.list-right .uk-card-body .uk-button-default:hover,.article-show .uk-child-width-auto .uk-button-default:hover,.uk-card.tags .uk-button:hover{border-color:#1e87f0;color:#1e87f0;background: #fefefe;}
.list-right .uk-description-list{margin-top:10px;}
.list-right .uk-description-list:first-child{margin-top:0;}

.article-show{position:relative;padding-bottom:100px;}
.article-show .uk-position-bottom{background:#ff7541;border-radius:0 0 2px 2px;}
.article-show .uk-position-bottom ul li,.article-show .uk-position-bottom ul li i{height:80px;line-height:80px;font-size:18px;}
.article-show .uk-position-bottom ul li a{text-decoration:none;width:100%;height:100%;display:block;color:#fff;}
.article-show .uk-position-bottom ul li.down{background:#0072ff;}
.article-show .uk-position-bottom ul li .ukdropdown{padding:1px;}
.article-show .uk-position-bottom ul li ul {background:#efefef;padding:1px;}
.article-show .uk-position-bottom ul li ul li{list-style:none;padding:1px;margin:0px;line-height45px;}
.article-show .uk-position-bottom ul li ul li a{font-size:12px;color:#999;height:45px;line-height:45px;}
.article-show .uk-position-bottom ul li a:hover{background:rgba(255,255,255,.1)}
#modal-download p.uk-text-right a{margin-right:10px;}

.prettyprint{background:#3c3c3c;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:1px solid #f5f5f5;border-radius:4px;padding:0 0 0 50px;margin:15px 0;font-size:13px;line-height:1.7;overflow:hidden;}.pln{color:#ccc}ol.linenums{margin-top:0;margin-bottom:0;color:#999;padding:15px 0;background:#2d2d2d;}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}}

.user-banner{height:210px;color:#fff;}
.user-banner .id-container{position:relative;}
.user-banner .id-container h1{color:#fff;position:absolute;top:75px;font-size:36px;}
.user-banner .id-container .uk-button{height:40px;line-height:38px;color:#fff;border-color:#fff;border-radius:2px;}
.user-banner .id-container .uk-button:hover{background:#fff;color:#000;}
.user-banner img{border:5px solid #fff;width:90px;}
.user-banner h3{color:#fff;padding-top:10px;margin-bottom:10px;}
.user-banner h3 span{margin-left:20px;padding:3px 10px;font-size:14px;color:#fff;border-color:#fff;position:relative;top:-3px;}
.user-banner h3 span:hover{color:#fff;border-color:#fff;}
.user-banner p{margin-top:0;}
.user-banner p span{margin-right:30px;}
.user-body{margin-top:-50px;z-index:9;position:relative;min-height:600px;border-radius:2px;box-shadow:0 1px 8px rgba(0,0,0,.03);margin-left:0;}
.user-body .uk-width-1-6{box-shadow:1px 0 8px rgba(0,0,0,.05);}
.user-body .uk-nav-default li{height:50px;line-height:50px;border-bottom:1px dotted #eee;}
.user-body .uk-nav-default li a{font-size:15px;padding:0;}
.user-body .uk-nav-default li i{margin-right:10px;}
.user-body .uk-width-5-6{padding:20px 30px;}
.user-body .uk-width-5-6 h1{font-size:18px;}
.user-body .uk-placeholder{font-size:14px;padding:15px 30px;color:#999;}
.user-body .uk-placeholder p{margin:10px 0;}
.user-body .uk-placeholder h4{font-size:16px;}
.user-body .uk-table td{font-size:.875rem;}
.user-body .uk-table td .uk-label{text-decoration:none;color:#fff;cursor:pointer;}
.user-pay{margin:30px 0;}
.user-pay ul li{margin-right:30px;border:2px solid #eee;height:50px;width:110px;line-height:50px;text-align:center;float:left;font-size:16px;color:#999;cursor:pointer;list-style:none;}
.user-pay ul li.on{border-color:#fab221;color:#000;background:url(../images/on.png) no-repeat right bottom;background-size:24px 24px;}
.user-pay ul li cite{font-style:normal;}
.user-pay .pay-input{display:none;height:50px;line-height:50px;font-size:16px;margin:30px 0 0;}
.user-pay .pay-input input{border:2px solid #eee;width:100px;border-radius:3px;height:46px;line-height:46px;padding:0 0 0 10px;}
.user-pay .money{font-size:16px;margin-top:30px;}
.user-pay .money cite{color:#ff5b5b;font-size:20px;font-style:normal;}
.user-pay .money span{margin-left:50px;}
.user-pay .money span ins{color:#ff5b5b;text-decoration:none;font-size:24px;background:none;}
.user-pay .pay-btn{margin:20px 0;padding:20px 0 40px;border-top:1px solid #eee;font-size:13px;color:#777;}
.user-pay .pay-btn button{height:50px;width:150px;font-size:16px;margin-right:20px;}
.user-vip{margin:0 70px 0 0;}
.user-vip .uk-card{border:5px solid #f9f9f9;}
.user-vip .uk-card h3{margin-bottom:0;}
.user-vip .uk-card h4{margin-top:25px;font-size:16px;}
.user-vip .uk-card h4 span{font-size:30px;color:#f60;font-weight:bold;}
.user-vip .uk-card h4 del{color:#999;margin-left:5px;}
.vip-info{font-size:14px;line-height:1.5;}

.signin.today{color:#f60;font-weight:bold;cursor:pointer;}
.old{color:#ccc;}
.current.old{background:url(../images/sign.png) no-repeat center;background-size:auto 60%;}
.current.today{background:url(../images/sign-on.png) no-repeat center;background-size:auto 60%;color:#1e87f0;}

.demo-header{height:53px;line-height:53px;box-shadow:0 1px 8px rgba(0,0,0,.03);background:#1e87f0;}
.demo-main {width:100%;padding-top:0;margin:0;}
.demo-main *{box-sizing:initial;}
.demo-main ul{margin:0;padding:0;}
.demo-main ul li {display:inline;float:left;position:relative}
.demo-title,.top2 {margin-left:30px;margin-right:30px;color:#fff;font-weight:700;}
.demo-main {width:100%;padding-top:0}
.demo-main *{box-sizing:initial;}
.demo-main ul li {display:inline;float:left;position:relative}
.demo-title,.top2 {margin-left:30px;margin-right:30px;color:#fff;font-weight:700;}
@media screen and (max-width:1082px) {#sj{display:none}#sj2{display:none}}
.top2{position:relative;margin-top:0;font-size:12px;font-weight:400;background-image:url(../images/2vmd.png);background-repeat:no-repeat;background-position:3px center;padding-top:17px;padding-bottom:16px;padding-left:45px;line-height:20px;padding-right:15px;background-position:15px;background-color:#2b2b2b}
.top2 a{color:#ff406d;}
.vm{position:absolute;top:53px;left:0;background-color:#fff;height:170px;width:150px;display:none;padding:30px;box-shadow:0 1px 8px rgba(0,0,0,.08);}
.top2:hover .vm{display:block;z-index:99;}
.demo-title a{color:#fff;}
.demo-title a:hover {text-decoration:underline;color:#fff;}
.demo-main ul li ul {font-family:'droid serif',serif;display:none;margin-left:17px;position:absolute;width:313px;background:#10100f;border:1px solid #323024;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding-bottom:3px;line-height:18px}
.demo-main ul li ul li {margin:0 0 1px 4px;padding:5px;width:271px}
.demo-main ul li ul li a {display:block;width:210px;font-size:13px;color:#c4beab;float:left;line-height:22px;white-space:nowrap;overflow:hidden}
.demo-main ul li ul li .tag {display:block;width:50px;height:22px;font-size:10px;color:#c4beab;margin:0 8px 0 0;line-height:22px;white-space:nowrap;background:url(../images/sel-sp-act.png) no-repeat;text-align:center;float:left}
.demo-main ul li ul li a span.link {display:block;width:209px;height:22px;overflow:hidden;float:left}
li.device-resolution {text-transform:uppercase;font-size:12px;color:#ada58b;font-family:cambria;line-height:54px}
li.purchase {float:right!important;margin-top:11px}
li.purchase a {padding:0;background:url(../images/trolley2.png) no-repeat 0 0;width:133px;height:36px;display:block;transition:all .3s ease-out 0s}
li.purchase a:hover {background-position:0 -36px}
li.remove_frame {margin-left:17px;float:right!important;margin-right:30px}
li.remove_frame a {background:url(../images/cross2.png) no-repeat 0 0;width:20px;height:21px;display:block;margin-top:18px;transition:all .3s ease-out 0s}
li.remove_frame a:hover {background-position:0 -21px}
#iframe{margin-top:0}
.icon-monitor,.icon-tablet,.icon-mobile-1,.icon-mobile-2,.icon-mobile-3 {margin-right:7px;margin-top:20px;width:17px;height:16px}
.icon-monitor {margin-left:10px;background-image:url(../images/mon-spr.png);background-position:0 0;background-repeat:no-repeat}
.icon-tablet {background:url(../images/mon-spr.png) no-repeat -24px 0}
.icon-mobile-1 {background:url(../images/mon-spr.png) no-repeat -49px 0}
.icon-monitor:hover,.icon-monitor.active {background-position:0 -16px}
.icon-tablet:hover,.icon-tablet.active {background-position:-24px -16px}
.icon-mobile-1:hover,.icon-mobile-1.active {background-position:-49px -16px}
.icon-mobile-2 {background:url(../images/mon-spr.png) no-repeat -71px 0}
.icon-mobile-3 {background:url(../images/mon-spr.png) no-repeat -94px 0}
.icon-mobile-2:hover,.icon-mobile-2.active {background-position:-71px -16px}
.icon-mobile-3:hover,.icon-mobile-3.active {background-position:-94px -16px}
#iframe-wrap {height:100%;overflow:visible;position:relative;z-index:50}
.tablet-width {height:960px!important;margin:0 auto;padding:96px 100px 115px 49px;width:785px;margin-top:40px;background:url(../images/bgipad.png) no-repeat 0 0;transition:all .5s ease 0s;box-sizing:initial;}
.tablet-width iframe {height:960px!important}
.mobile-width {height:703px!important;margin:0 auto;padding:41px 115px 100px 75px;width:1041px;margin-top:40px;background:url(../images/bgipadw.png) no-repeat;transition:all .5s ease 0s;box-sizing:initial;}
.mobile-width iframe {height:704px!important}
.mobile-width-2 {height:735px!important;margin:0 auto;padding:102px 25px 159px 23px;width:414px;margin-top:40px;background:url(../images/bgiphone2.png) no-repeat;transition:all .5s ease 0s;box-sizing:initial;}
.mobile-width-2 iframe {height:735px!important}
.mobile-width-3 {height:273px!important;margin:0 auto;padding:43px 115px 69px 82px;width:605px;margin-top:40px;background:url(../images/bgiphonew.png) no-repeat;transition:all .5s ease 0s;box-sizing:initial;}
.mobile-width-3 iframe {height:317px!important}
#by{overflow-y:hidden;padding-top:0;}

.footer{font-size:12px;font-family:'Microsoft JHengHei','Georgia';padding:25px 0;line-height:2;}
.footer .id-container>div:first-child{padding-left:0;}
.footer h3{color:#ccc;font-size:16px;margin-bottom:8px;}
.footer h3 span{margin-left:8px;font-size:14px;}
.footer p{margin:6px 0;}
.footer p.about a{margin-right:15px;}

.uk-card.tags .uk-button{margin-bottom:10px;margin-right:10px;}

.totop{background:rgba(0,0,0,.2);width:36px;height:36px;border-radius:50%;text-align:center;line-height:32px;color:#fff;position:fixed;left:50%;margin-left:700px;bottom:150px;display:none;}
.totop:active,.totop:focus,.totop:hover{color:#fff;}
.totop:hover{background:rgba(0,0,0,.4);}

.ads{width:100%;display:block;margin-top:0px;}
.ads img{width:100%;max-height:90px;border-radius:3px;}

@-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)}}



@media (max-width: 1440px){
    .id-container{width:1270px;}
    .totop{margin-left:600px;}
    .card img{width:206px;height:127px;}
}
@media (max-width: 1290px){
    .id-container{width:1170px;}
    .totop{margin-left:600px;}
    .card img{width:206px;height:127px;}
}