.layui-layer-dialog .layui-layer-padding { padding: 20px 20px 20px 55px !important; margin-left: 15px !important }
.layui-layer-dialog .layui-layer-content .layui-layer-ico { top: 18px !important }
.layui-layer-msg { background: rgba(255, 255, 255, .88) !important; border-radius: 6px !important; border: none !important; box-shadow: 1px 1px 5px rgba(0, 0, 0, .4) !important }
.article-content .entry-media { flex-shrink: 0; margin-bottom: 0; margin-right: 20px; width: 50% }
.main-column { background: #fff; height: 100% }
.show_info { background-color: #fff; border: 1px solid #eee; width: 100%; text-align: left }
.show_pic { float: left; width: 45%; height: 400px; padding: 0 15px 0 15px; margin: 15px 0 15px 0; border-right-width: 1px; border-right-style: solid; border-right-color: #eee; min-width: 450px; overflow: hidden }
.show_pic img { width: 100%; height: auto }
.list_tool { margin-top: 5px; float: left }
.list_tool h2 { font-size: 12px; font-weight: 400; background-size: 18px; padding-left: 20px; background-position: left center; color: #f60; float: right; margin-right: 10px; margin-top: 8px }
.list_tool h3 { font-size: 12px; font-weight: 400; padding-left: 20px; background-position: left center; color: #bbb; float: right; margin-right: 10px; margin-top: 8px }
.show-title h1 { font-size: 1.4em; line-height: 1.4em; font-weight: 500; letter-spacing: .5px; padding-bottom: 10px; border-bottom: 1px dashed #eee; margin-bottom: 10px }
.show-title h1, .show-title h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.show-title h2 a { color: #666; background-color: #f5f5f5; display: block; padding: 5px 10px 5px 10px; float: left; margin-bottom: 5px; font-size: 12px; margin-right: 5px; border-radius: 3px }
.layui-badge { position: relative; padding: 1px 4px 1px 4px; margin-right: 5px; font-size: 8px; text-align: center; background-color: #ff5722; color: #fff; border-radius: 2px }
.layui-badge-tag { padding-right: 6px; margin-right: 5px; font-size: 20px; text-align: center; color: #ff5722; float: left }
.show_ie { margin-top: 6px; border-top: 1px dashed #eee; float: left; width: 100%; font-size: 14px; color: #999; padding-top: 6px; line-height: 23px; overflow: hidden }
.show_ie .show-gun li { list-style-type: none }
.xerhu-show-btn { float: right; padding: 0 2rem; color: #fff }
.btn_demo { background-color: #ffc107; margin-right: 10px }
.btn_buy { background-color: #ff5c00 }
.btn_down { background-color: #1678ff }
.btn_demo:hover, .btn_down:hover, .show_btn:hover { color: #fff }
.show_btn { margin-top: 5px; display: block; width: 100%; float: left }
.show_btn .price { float: left; margin: 10px 0 0 10px; color: #fd721e; font-size: 24px; font-weight: 600; text-transform: capitalize }
.show_btn .price i { font-size: 20px }
.show_xerhu { width: 100%; max-height: 90px; margin: 10px; margin-left: 5px; float: left }
.show_xerhu img { width: 100% }
.btn-favorite { background-color: #ffd600; color: #000 }
.shares strong { line-height: 32px; display: inline-block; font-weight: 400; color: #999 }
.shares a { position: relative; width: 28px; height: 28px; line-height: 28px; display: inline-block; margin-right: 8px; opacity: .8; cursor: pointer; border-radius: 50px; text-align: center }
.shares a:hover { opacity: 1 }
.shares a:hover .share-popover { visibility: visible; opacity: 1; margin-bottom: 0 }
.shares a:before { height: 32px; width: 10px }
.shares a:hover:before { -webkit-transition: right .5s; -moz-transition: right .5s; transition: right .5s; right: -70% }
.shares a[class^=share] i { color: #fff; font-size: 15px; font-weight: 400 }
.shares a.share-tsina { background-color: #ff6b60 }
.shares a.share-weixin { background-color: #07c160 }
.shares a.share-qzone { background-color: #fbc440 }
.shares a.share-sqq { background-color: #00a9ee }
.shares a.share-renren { background-color: #95b4ec }
.shares a.share-tqq { background-color: #5fb2d7 }
.shares a.share-douban { background-color: #67ce9b }
.shares a.share-huaban { background-color: #dc5e5e }
.shares a.share-twitter { background-color: #41b8fc }
.shares a.share-facebook { background-color: #4867aa }
.shares a.share-linkedin { background-color: #0a66c2 }
.shares .share-popover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; visibility: hidden; opacity: 0; position: absolute; bottom: 100%; left: 0; width: 110px; height: 116px; margin-bottom: 20px; padding-bottom: 6px; background-color: transparent }
.shares .share-popover .share-popover-inner { display: block; background-color: #fff; border: 1px solid #999; padding: 4px; border-radius: 2px; position: relative; bottom: 6px; height: 110px }
.shares .share-popover .share-popover-inner::after, .shares .share-popover .share-popover-inner::before { content: ''; position: absolute; bottom: -5px; left: 9px; border-left: 5px solid transparent; border-right: 5px solid transparent }
.shares .share-popover .share-popover-inner::before { border-top: 5px solid #555 }
.shares .share-popover .share-popover-inner::after { border-top: 5px solid #fff; margin-bottom: 1px }
.shares .share-popover .share-popover-inner img { margin: 0; }
.course { margin-top: 10px; padding: 10px 15px 1px 15px }
.course dl { border: none }
.course dl dt { float: left; width: 100px; margin-top: 3px }
.course dl dd { float: left }
.layui-fixbar li:first-child { background: linear-gradient(-125deg, #0295f9 0, #2f49fd 100%) }
.alert-danger { background-color: #fbe1e3; border-color: #fbe1e3; color: #e73d4a }
.alert { padding: 15px; border: 1px solid transparent; border-radius: 4px }
.article-copyright { clear: both; overflow: hidden; margin-bottom: 20px; background: #f6fdfc; padding: 10px 20px; border: 1px dashed #e6e6e6; border-radius: 4px; font-size: 14px; line-height: 25px; margin-top: 20px; color: #666; }
.article-copyright b { color: #333; }
.article-copyright p { font-weight: bolder; margin-bottom: 10px }
.article-copyright a { color: #666 }

/*.article-copyright a.zixun{color: #1678ff}*/
.boosvip-abs { float: left; padding: 4px 12px; margin-right: 10px; text-align: center; background-color: #eee; color: #fd721f; font-size: 14px }
.show-copyright { float: left; margin-top: 10px; width: 100%; font-size: 12px; color: #ff8400; padding: 2px 4px; line-height: 23px; border-radius: 5px; overflow: hidden; border: 1px solid #ff8400 }
.show-copyright a { color: #ff8400; margin-right: 5px }
.widget-download .down-info { display: block; height: 100%; margin: 0 auto; text-align: center }
.widget-download .down-info .ac_qqhao { display: block; margin-top: .8rem; margin-bottom: 0; text-align: center }
.widget-download .down-info a { display: block; margin-bottom: .8rem; width: 100% }
.widget-download .down-info .price { font-weight: 600; margin-bottom: 38px; font-size: 36px; padding: 20px 0; text-align: center; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .1); box-shadow: 0 4px 30px rgba(0, 0, 0, .1) }
.widget-download .down-info .vipinfo { color: #fff; padding: 4px 10px; background: #373332; font-size: .875rem; width: 176px; border-radius: 30px; margin: 10px auto 20px auto; position: relative }
.widget-download .down-info span { font-size: .875rem; text-align: center; margin: 0 auto; float: left }
.widget-download .down-info span img { height: 28px; margin-top: -5px; margin-left: 5px }
.vipinfo img { position: absolute; width: 40px; top: -10px; left: -2px }
.vipinfo a { margin-bottom: 0 !important; color: #fcee21 }
.vipinfo a:hover { color: #fff }
span.post-price.free { background: rgba(174, 255, 223, .3); color: #1678ff; padding: 2px 6px; border-radius: 2px; font-weight: 700 }
.uimg img { width: 90px; height: 90px; border-radius: 100%; background: #ddd; margin: 0 auto }
.comt-ctrl a.pl_login { color: #fff }
.comments-wrap { padding: 20px; border-radius: 4px; background-color: #fff }
a.pl_login { font-size: 14px; font-weight: 100; color: #fff; background: #1678ff; padding: 2px 6px; border-radius: 4px }
a.pl_login:hover { font-size: 14px; font-weight: 100; color: #fff; background: #1678ff; padding: 2px 6px; border-radius: 4px }
.comments-title { margin: 0; margin-bottom: 15px; font-weight: 700; font-size: 15px; line-height: 1 }
.comments-title small { display: inline-block; margin-left: 10px; color: #999; font-weight: 400; font-size: 12px }
.comments-respond { position: relative; margin-bottom: 15px }
.comt { position: relative; padding-left: 52px }
.comt-title { float: left; margin-left: -52px; width: 42px; color: #999; text-align: center; font-size: 12px }
.comt-title .avatar { margin-bottom: 5px; width: 42px; height: 42px; border-radius: 50% }
.comt-title p { overflow: hidden; color: #222; font-weight: 700; font-size: 14px; margin: 0; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap }
.comt-box { position: relative; padding: 5px 10px 0; border-radius: 2px; background-color: #f6fdfc }
.comt-nobox { position: relative; padding: 30px 50px 30px; border-radius: 2px; background-color: #f6fdfc; text-align: center }
.comt-area { overflow-x: hidden; overflow-y: auto; width: 100%; height: 72px; outline: 0; border: none; background-color: #f6fdfc; color: #666; font-size: .875rem; line-height: 22px; resize: none }
.comt-submit { position: absolute; right: 0; bottom: 0; padding: 0; width: 100px; height: 36px; outline: 0; border: none; border-top: none; border-radius: 0 0 2px 0; background: #def4f2; color: #1678ff; font-size: .875rem; line-height: 36px; font-weight: 700; cursor: pointer }
.comt-count { float: right; margin-bottom: 5px; color: #999 }
.comt-tips { margin-right: 110px; color: #fff; text-align: center; font-size: 1rem; line-height: 116px }
.comt-tips .comt-tip { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: 2; border-radius: 2px; background: #7ad071 }
.comt-error { background: #ff5e52 }
.comt-comterinfo { padding: 15px 0; text-align: center }
.comt-comterinfo ul { display: inline-block; margin: 0; padding: 0; color: #999; list-style: none; text-align: left }
.comt-comterinfo li { float: left; margin-bottom: 10px }
.comt-comterinfo input { position: relative; margin-right: 10px; padding: 4px 8px; width: 220px; height: 36px; outline: 0; border: 1px solid #f6fdfc; border-radius: 2px; box-shadow: none }
@media (max-width:544px) {
	.comt-submit { font-size: 12px }
	.comt-comterinfo { text-align: left }
	.comt-comterinfo li { overflow: hidden; height: 36px }
	.comt-comterinfo input { width: 100% }
}
.postcomments { margin-bottom: 45px }
.commentlist { margin: 0; padding: 0; list-style: none }

/* .comment{position:relative;overflow:hidden;padding:15px 0 8px 52px;border-bottom:1px solid #eee} */
.comment .comments-respond { margin-top: 30px }
.comment .comt-avatar { position: relative; float: left; margin-left: -52px; width: 42px; height: 42px; background-color: #fff }
.comment .comt-avatar .avatar { display: block; width: 42px; height: 42px; border-radius: 50% }
.comment .comt-main { position: relative; margin-right: 50px; color: #666; word-wrap: break-word; font-size: .875rem }
.comment .comt-main p { margin-top: 15px; margin-bottom: 0 }
.comment .comt-meta span { margin-right: 5px; float: left }
.comment .comt-meta img { float: left; margin: 0 .2rem; vertical-align: middle }
.comment .url { color: #999 }
.comment .url:hover { color: #666; text-decoration: underline }
.comment .comt-meta { margin-top: 7px; color: #bbb; font-size: .5rem }
.comment .comment-reply-link { display: none; margin-left: 30px; color: #bbb; font-size: 12px }
.comment .comment-reply-link:hover { color: #666 }
.comment .comt-f { position: absolute; top: 15px; right: 0; color: #bbb; font-size: 16px }
.comment .comt-approved { display: inline-block; margin-right: 10px; padding: 2px 3px 1px; border-radius: 2px; background-color: #666; color: #fff; font-size: 12px; line-height: 1 }
.comment .children { padding: 0; list-style: none }
.comment .children .comment { margin: 15px 0 0; padding-bottom: 0; border-top: 1px solid #eee; border-bottom: none }
.comment pre { margin: 3px 0 5px; padding: 7px 10px; border-radius: 1px }
.comment .depth-1 { border-bottom: #eee 1px solid }
.comment .wp-smiley { margin-bottom: 2px }
.comment:hover { opacity: .8 }
.comment:hover .comt-f { color: #666 }
.comment:hover .comment-reply-link { display: inline-block }
#cancel-comment-reply-link { display: none; margin-top: 7px; color: #999; text-align: center; font-size: 12px }
#cancel-comment-reply-link:hover { color: #666 }
.comment #cancel-comment-reply-link { display: block }
.home2 { margin: 0 auto; background-color: #7dc0ff; color: #fff; text-align: center; padding: 20px 0; background-position: center center; background-size: cover; background-repeat: repeat; background-attachment: fixed }
.home2 h3 { margin-bottom: 0; padding: 1.8rem; color: #fff; text-align: center }
.home2 img { margin-right: 16px; width: 40px }
.home2 p { margin-bottom: 1.8rem; text-align: center; font-size: 30px }
.home2 a { margin-bottom: 1.8rem }
.btn-wiht { border-color: #fff; background-color: rgba(0, 0, 0, .28); color: #fff }
@media (max-width:767px) {
	.search-form { display: none }
}
.navbar .zzhuti-button, .off-canvas .canvas-close { top: 0; align-items: center; align-items: center; border-radius: 50%; cursor: pointer; display: flex; font-size: 16px; height: 30px; justify-content: center; width: 30px }
.owl .owl-dot.active { background: 1678ff; box-shadow: 0 8px 10px rgba(1, 205, 184, .3) }
.related-posts .entry-media { width: 277px; box-shadow: 0 8px 10px #e6e6e6 }
.widget-userinfo .author-qiandao .btn { box-shadow: 0 8px 10px rgba(1, 205, 184, .3) }
.owl .owl-dot { background: 1678ff; box-shadow: 0 8px 10px rgba(1, 205, 184, .3) }
.button, .navigation .nav-next a, .navigation .nav-previous a, button[type=submit], input[type=submit] { width: 200px }
.btn--secondary { background: linear-gradient(-125deg, #0295f9 0, #2f49fd 100%); -webkit-box-shadow: 0 8px 10px rgba(32, 160, 255, .3); box-shadow: 0 8px 10px rgba(32, 160, 255, .3) }
.burger:after, .burger:before { width: 0 }
.zzhuti_qd_1:hover { background: #fff; box-shadow: 0 8px 10px rgba(32, 160, 255, .3); color: #0295f9 }
.zzhuti_qd_1 { background: linear-gradient(-125deg, #0295f9 0, #2f49fd 100%); box-shadow: 0 8px 10px rgba(32, 160, 255, .3); color: #fff }
.navbar .user-pbtn img { height: 40px; width: 40px }
.navbar .hhnavwarp:hover .Huserxiala { display: block }
.navbar .menu-item>a { font-weight: 400 }
.header-gap { height: 56px }
.sub-menu:before { content: ''; width: 20px; height: 20px; border-radius: 1px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -5px; left: 40px; z-index: 0 }
.sub-menu .child:before { width: 0; height: 0 }
.Huserxiala .Hinfo .Hright { float: left }
.Huserxiala .Hinfo .Hright a { display: inline-block; font-weight: 700; color: #08121c; line-height: 35px; max-width: 100px; margin-right: 10px; }
.Huserxiala .Hinfo .Hright p { font-size: 12px; font-weight: 700; color: #93999f; line-height: 18px; }
.Huserxiala .Hinfo .Hright .Hxiaofei { float: left; margin-right: 5px }
.Huserxiala .Hinfo .Hright p img { float: right; height: 28px; }
.Huserxiala .Hinfolist { width: 100%; height: auto; position: relative; top: 20px }
.Huserxiala .Hinfolist ul li .Hhoutai { color: #666; background: 0 0; font-size: 14px; padding-top: 0 }
.Huserxiala .Hinfolist ul li .Hhoutai .showguanliyuanrenzheng { font-size: 14px }
.Huserxiala .Hinfolist ul li .Hhoutai:hover { background: 0 0; color: #333 }
.Huserxiala .Hinfolist ul li { width: 50%; float: left; list-style: none; width: 128px; padding: 0 10px 10px 0 }
.Huserxiala .Hinfolist ul li a:hover { border-radius: 2px; color: #fff; background: #1678ff }
.Huserxiala .Hinfolist ul li a { border-radius: 2px; background: rgba(242, 244, 247, .85); color: #343d46; display: block; padding: 8px 10px }
.Huserxiala .Hinfolist ul li .Hexit { background: 0 0; font-size: 14px; color: #b2afae; padding-top: 10px }
.Huserxiala .Hinfolist ul li .Hexit:hover { background: 0 0; -webkit-box-shadow: none; color: #0295f9 }
.navbar .main-menu li a .shownew2 { color: #ea4335; display: inline-block; position: relative; top: -9px; left: 3px }
.Huserxiala { width: 307px; height: 264px; right: 0; background: #fff; border-radius: 6px; position: absolute; top: 50px; box-shadow: 0 8px 16px 0 rgba(7, 17, 27, .2); display: none }
.Huserxiala a { font-size: 14px; font-weight: 500 }
.label img { display: inline; margin-top: -8px }
.Huserxiala .Hinfo { padding: 25px 20px 25px 20px; width: 100%; height: auto }
.Huserxiala .Hinfo .Hleft { width: 78px; float: left }
.Huserxiala .Hinfo .Hleft img { border-radius: 50%; width: 68px; height: 68px }
.navbar .user-pbtn { height: 72px }
.navbar .login-btn { margin: 0 20px; color: #4d555d; background-color: #ffffff00; font-size: 14px; }
.HhCooltitle { margin-top: 20px }
.navbar .actions>div+div { font-weight: 700 }
.showcaidan:before { content: "\eaf1" }
.show { font-family: show !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#download { width: 100%; z-index: 20001; padding: 25px; display: none; -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%); box-shadow: 0 0 30px rgb(0 0 0 / 10%); border-radius: .375rem }
.d_con { text-align: center }
.d_con h1 { font-size: 16px; line-height: 32px; margin-bottom: 15px }
.d_user { line-height: 38px; overflow: hidden; margin-bottom: 25px }
.d_user .tx { width: 38px; position: relative; display: inline-block; vertical-align: middle }
.d_user .name { color: #36c; margin: 0 10px; font-weight: 400; width: 120px !important; overflow: hidden; display: inline }
.d_user em { color: #f60; font-weight: 800; font-style: normal; font-size: 18px }
.d_user img { margin-top: -5px; width: 35px; height: 35px; border-radius: 50%; display: inline }
.d_user .d_green { color: #5ec255; font-size: 20px; text-decoration: underline; margin: 0 0 0 15px }
.btnbox a.mal { height: 48px; line-height: 48px; display: inline-block; border-radius: 6px; color: #fff; margin: 0 5px; font-size: 18px; vertical-align: middle }
.btnbox .b-btn { width: 175px }
.btnbox .y-btn { width: 200px }
.btnbox span { margin: 0 13px 0 7px }
.btnbox span em { color: #36c; font-style: normal }
.btnbox a.go { color: #5ec255; font-size: 20px; text-decoration: underline }
.tip { height: 24px; line-height: 24px; margin: 15px 0 0 0 }
.tip b { color: #f60; margin: 0 5px }
.tip a { margin: 0 20px; color: #1678ff; font-weight: 800 }
.wrong { line-height: 24px; height: 24px; color: #f60; margin: 8px 0 0 0 }
.vip-down { width: 740px; margin: 20px auto }
@media (max-width:767px) {
	.article-list .entry-media { width: 80px; height: 60px }
	.article-list .entry-title { font-size: 16px }
}
.article-list .entry-footer { margin-top: 8px }
.article-list .entry-footer .entry-meta .meta-category { display: flex; flex-wrap: wrap }
.article-list .entry-footer .entry-meta .meta-category a { align-items: center; display: flex }
.article-list .entry-footer .entry-meta .meta-category a+a { margin-left: 8px }
.article-list .entry-footer .entry-meta .meta-category .dot { background-color: var(--accent-color); border-radius: 50%; height: 6px; margin-right: 5px; width: 6px; background-color: #fd721f }
.article-list .entry-footer .entry-meta .meta-category a:nth-child(2) .dot { background-color: #1678ff }
.article-list .entry-footer .entry-meta .meta-category a:nth-child(3) .dot { background-color: #2196f3 }
.article-list .entry-footer .entry-title { font-size: 15px; font-weight: 600; letter-spacing: -.2px; margin-bottom: 0 }
.article-list .entry-footer .meta-category a { background: 0 0 }
.widget .content-list a { display: block; width: 100% }
.widget .content-list li a { display: block; background-color: #f5f5f5; text-align: center; line-height: 38px; border-radius: 2px; }
.widget .content-list li a.on, .widget .content-list li a:hover { border-radius: 2px; color: #fff; background: #1678ff; }
.widget .content-list li { display: inline-block; overflow: hidden; padding: 5px; width: 49% }
.cao-widget-posts .uposts { padding: 0; margin-bottom: 0 }
.cao-widget-posts .uposts .hentry { margin-bottom: 12px }
.widget-area .widget .widget-title { margin-bottom: 20px }
.article-list { display: flex; position: relative; padding: 15px; background: #fff; border: 1px solid #fff; border-bottom: 1px solid #f0f0f0; transition: All .3s ease-in-out; -webkit-transition: All .3s ease-in-out; -moz-transition: All .3s ease-in-out; -o-transition: All .3s ease-in-out }
.article-list:hover { border: 1px solid #1678ff; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); box-shadow: 0 10px 20px rgba(0, 0, 0, .1); position: relative; z-index: 2 }
.pag-list { text-align: center; position: relative; padding: 30px 10px 10px 10px; background: #fff }
.article-list .entry-media { flex-shrink: 0; margin-bottom: 0; margin-right: 20px; width: 120px; height: 90px }
.article-list .entry-media img { margin: 0 auto; border-radius: 4px; width: 100%; height: 100%; overflow: hidden }
.article-list .entry-header .entry-title { font-size: 18px }
.article-list .entry-excerpt { font-size: 13px; line-height: 1.6; margin-top: 5px; color: #bdbdbd; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; margin-bottom: 5px }
@media (max-width:767px) {
	.article-list .entry-media { width: 80px; height: 60px }
	.article-list .entry-title { font-size: 16px }
}
.shares a.add-favorite { font-size: 14px }
.shares a.add-favorite:hover { border-color: #1a1a1a }
.entry-navigation { margin-top: 20px }
.taozy .post-list .entry-media { flex-shrink: 0; margin-bottom: 0; margin-right: 20px; width: 140px }
.taozy .entry-excerpt { font-size: 12px; margin-top: 5px; color: #aaa; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; margin-bottom: 5px; line-height: 1.5 }
.taozy .entry-footer { word-break: break-word }
.taozy .entry-footer .entry-meta { align-items: center; color: #aaa; display: flex; flex-wrap: wrap; font-size: 11px; letter-spacing: .2px; margin-bottom: 5px; text-transform: uppercase; text-align: center }
.taozy .entry-footer .meta-author a { line-height: 1; align-items: center; display: flex }
.taozy .entry-footer .entry-meta .avatar { border-radius: 50%; height: 15px; margin-right: 8px; width: 15px }
.order-setps { position: relative; margin: 30px 0 }
.order-setps:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #fff }
.order-setps .item { height: 30px }
.order-setps .item li { position: relative; float: left; width: 25%; padding-top: 20px; text-align: center }
.order-setps .item li:before { content: ""; position: absolute; z-index: 1; top: -5px; left: 50%; margin-left: -6px; width: 12px; height: 12px; border: 2px solid #eee; border-radius: 50%; background-color: #fff }
.order-setps .item li.active { color: #1678ff }
.order-setps .item li.active:before { border: 2px solid #1678ff }
.order-setps .item li.active:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #1678ff }
.order-setps .item li.last:after { width: 50% }
.wel { position: relative; float: right; margin: 4px 15px 0; font-size: .875rem }
.wel .wel-item { position: relative; float: left }
.wel .wel-item>a { display: block; padding: 0 12.5px; cursor: pointer; border-left-color: rgba(0, 0, 0, .2) }
span.vip_txt { padding: 5px 9pt; border-radius: 18px; background: linear-gradient(-90deg, #a65ef7 0, #4c53ff 100%), #fff; }
.wel-item:first-child>a { color: #fff }
.wel-item:first-child>a:hover { color: #fff }
.wel-item:first-child>a:hover .vip_txt { box-shadow: 0 2px 4px hsla(0, 0%, 52%, .15) }
span.ico_fly:before { left: -3px; background: url(../images/vip.png) no-repeat -60px 0; -webkit-transform-origin: right bottom; transform-origin: right bottom; animation: super_ngiftl 2s linear both infinite; -webkit-animation: super_ngiftl 2s linear both infinite }
span.ico_fly:after, span.ico_fly:before { position: absolute; width: 13px; height: 24px; top: -5px; content: "" }
span.ico_fly:after { right: -2px; background: url(../images/vip.png) no-repeat -75pt 0; -webkit-transform-origin: left bottom; transform-origin: left bottom; animation: super_ngiftr 2s linear both infinite; -webkit-animation: super_ngiftr 2s linear both infinite }
.vip_txt .ic_nmask { position: absolute; overflow: hidden; width: 100%; height: 100%; background: 0 0; -webkit-mask: url(../images/vip.png) no-repeat -118px 0 }
.ic_nmask:before { position: absolute; top: -7px; left: -50px; width: 150%; height: 4px; background: #fff; content: ""; opacity: .7; animation: super_mask 3s linear both infinite; -webkit-animation: super_mask 3s linear both infinite }
@keyframes super_ngiftl {
	0%, to { transform: rotate(0) }
	50% { transform: rotate(-15deg) }
}
@keyframes super_ngiftr {
	0%, to { transform: rotate(0) }
	50% { transform: rotate(15deg) }
}
@keyframes super_giftl {
	0%, to { transform: rotateY(0) }
	50% { transform: rotateY(-50deg) }
}
@keyframes super_giftr {
	0%, to { transform: rotateY(0) }
	50% { transform: rotateY(50deg) }
}
@keyframes super_mask {
	0% { transform: translate(0, 0) rotate(-30deg) }
	50%, to { transform: translate(56px, 22px) rotate(-30deg) }
}
.category-box .tagcloud { display: flex; flex-wrap: wrap }
.link-tt a.tag-cloud-link { align-items: center; border-radius: 3px; color: #fff; display: flex; font-size: 13px !important; font-weight: 500; line-height: 1; margin: 0 6px 10px 6px; padding: 8px 8px; text-transform: uppercase }
.link-tt .tag-cloud-link.num-1 { background-color: #f44336 }
.link-tt .tag-cloud-link.num-2 { background-color: #4caf50 }
.link-tt .tag-cloud-link.num-3 { background-color: #ffc107 }
.link-tt .tag-cloud-link.num-4 { background-color: #00bcd4 }
.link-tt .tag-cloud-link.num-5 { background-color: #2196f3 }
.link-tt .tag-cloud-link.num-6 { background-color: #e91e63 }
.link-tt .tag-cloud-link.num-7 { background-color: #34495e }
.link-tt .tag-cloud-link.num-8 { background-color: #f4e3ab }
.focusbox { position: relative; padding: 60pt 0 60px; background-image: url(../images/bg_banner_svip_bd6d90c.png); background-color: #f6f6f6; background-position: center center; color: #eee; text-align: center; transition: all .3s ease-in-out }
h3.nbvip-title { font-size: 50px; color: #f9c117; font-weight: 700; margin-bottom: 36px; line-height: 60px }
.focusbox .focusbox-title { margin: 0; color: #fff; font-weight: 400; font-size: 1.45rem }
.pagination { margin-bottom: 1.8rem; text-align: center; font-size: .875rem }
.focusbox .container { text-align: center; height: 10pc }
.excerpts { min-height: 0; margin-right: -1%; margin-left: -1%; margin-bottom: 15px; min-height: 540px }
.excerpt-c5 { width: 18% }
.excerpt { position: relative; display: inline-block; margin-right: .6%; margin-bottom: 2.5%; padding: 10px; border-radius: 6px; background-color: #fff; background-clip: padding-box; vertical-align: top; opacity: 1; transition: box-shadow .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-box-shadow .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1); transform: translate(0, 0); margin-left: 1% }
.excerpt .tool-img { margin-bottom: 6px; height: 106px; border-radius: 4px; position: relative; overflow: hidden; box-shadow: 0 0 4px rgba(0, 0, 0, .1); transition: all .4s }
.excerpts-wrapper { margin-top: 24px }
.container { position: relative; margin: 0 auto; max-width: 80pc }
.user-usermeta-vip { position: relative; width: 100%; min-height: 35pc }
.vip-row { margin-bottom: 20px }
.block-wrapper { position: relative; display: flex; padding: 20px 0; height: 100%; justify-content: center }
.block-wrapper .block-item { display: inline-block; box-sizing: border-box; padding: 0 20px; width: 20%; text-align: center; margin-top: 20px }
.block-wrapper .block-item .icon { display: -ms-flexbox; display: flex; margin: 20px auto; width: 5pc; height: 5pc; -ms-flex-align: center; align-items: center }
.block-wrapper .block-item .content0-title { margin: -9pt 0 20px; line-height: 2pc; font-size: 30px; font-weight: 700 }
p { margin-top: 0; margin-bottom: 1rem }
.home-vipbox { padding: 1px 0 38px; border-radius: 8px; background: #fff; transition: all .3s ease-in-out }
.block-item:nth-child(1)>.home-vipbox { outline: 1px solid #ebebeb; outline-offset: -8px }
.block-item:nth-child(1) h3 { color: #43a047; text-shadow: 0 5px 6px #77cf77 }
.block-item:nth-child(1) .vip-bt { background-image: -webkit-linear-gradient(left, #77cf77, #43a047) }
.block-item:nth-child(2) h3 { color: #2f9af5; text-shadow: 0 5px 6px rgba(24, 144, 255, .4) }
.block-item:nth-child(2) .vip-bt { background-image: -webkit-linear-gradient(left, #22c2ff, #2f9af5) }
.block-item:nth-child(3)>.home-vipbox { outline: 1px solid rgba(245, 210, 47, .24); outline-offset: -8px }
.block-item:nth-child(3) h3 { color: #f5a02f; text-shadow: 0 5px 6px #ffe1b9 }
.block-item:nth-child(3) .vip-bt { background-image: -webkit-linear-gradient(left, #ffc522, #f5812f) }
.block-item:nth-child(4)>.home-vipbox { outline: 1px solid rgba(245, 47, 47, .2); outline-offset: -8px }
.block-item:nth-child(4) h3 { -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 5px 6px #ffb9b9 }
.block-item:nth-child(4) .vip-bt, .block-item:nth-child(4) h3 { background-image: -webkit-linear-gradient(left, #0a00b2, red, #ffea00) }
.block-item a p { transition: all .3s ease-in-out }
.excerpt:hover .tool-img img { transform: scale(1.22) rotate(13deg) }
.excerpt .tool-img img { display: block; width: auto; height: 106px; margin: 0 auto; transform: translateZ(0); transition: all .4s ease; backface-visibility: hidden }
.block-item:nth-child(n) a:hover p { transform: translateY(-3px); background-color: #f52f3e; background-repeat: repeat-y; background-image: linear-gradient(left, #f52f3e, #ff4c22) }
.home-vipbox:hover { transform: translateY(-3px); box-shadow: 0 10px 20px hsla(0, 0%, 84%, .4) }
.excerpt>h2>a { font-size: 18px; font-weight: 200 }
p.vip-bt { color: #fff; margin: 0 auto; width: 120pt; padding: 6px 0; border-radius: 6px }
p.home-price i { position: absolute; font-size: 1pc; left: 40px; top: 10px }
p.home-price { position: relative; font-size: 30px; font-weight: 700; width: 200px; margin: 20px auto }
.vip-row .vip-item { display: block; margin: 0 auto; text-align: center }
.vip-row .vip-item .sc { margin-right: auto; margin-left: auto; padding-top: 50px }
.vip-row .vip-item .sc-hd strong { display: block; color: #001529; font-weight: 700; font-size: 1.3rem; line-height: 34px }
.vip-row .vip-item .sc-hd span { display: block; color: #999; text-transform: uppercase; font-size: .75rem; line-height: 1 }
.vip-row .vip-item .sc-bd { background: #fff; border-radius: 4px; padding: 30px; border-radius: 8px }
.vip-row .vip-item .sc-bd .faq-list { text-align: left }
.vip-row .vip-item .faq-list .item { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ebebeb; cursor: pointer }
.vip-row .vip-item .faq-list .item .hd { position: relative; background-color: #fff; color: #001529; font-size: 1rem }
.vip-row .vip-item .faq-list .item .bd { display: none; padding-top: 1rem }
.vip-row .vip-item .faq-list .item.active .bd { display: block }
.vip-row .vip-item .faq-list .item .hd:after { position: absolute; top: 10px; right: 20px; width: 10px; height: 10px; border-top: 2px solid #cacaca; border-right: 2px solid #cacaca; content: ''; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; transform: rotate(45deg) }
.vip-row .vip-item .faq-list .item.active .hd:after { transform: rotate(135deg) }
.price b { color: #9a9a9a; border-top: 1px solid #9a9a9a; line-height: 0; height: 0; font-size: 12px; display: inline-block; font-weight: 400; margin-left: 10px }
.vvip { position: absolute; z-index: 10; border-radius: 5px 0 0 0 }
.free { background-position: 40px 0 }
.vip { background-position: 0 0 }
.vvip { display: inline-block; background-image: url(../images/vip-free.png); background-size: auto 40px; vertical-align: middle; height: 40px; width: 40px }
.btn-lag { padding: 5px 50px; font-size: 16px; border-radius: 6px }
.btn-center { padding: 2px 40px; font-size: 14px; border-radius: 5px }
.change-color { background-color: #268df7; background-image: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0); color: #fff !important }
.change-color-sc { background-color: #ff5000; background-image: linear-gradient(135deg, #f59f54 10%, #ff6922 100%); box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0); color: #fff !important }
.change-color-lv { background-color: #1678ff; background-image: linear-gradient(135deg, #3ada7d 10%, #1678ff 100%); box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0); color: #fff !important }
.change-color-huang { background-color: #f59f54; background-image: linear-gradient(135deg, #ffc107 10%, #f59f54 100%); box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0); color: #fff !important }

/*相关阅读*/
.xgart-row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -10px; }
.xgart-row li { width: 47%; display: flex; align-items: center; margin-bottom: 10px; }
.xgart-row li a { display: inline-block; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #777; }
.xgart-row li a:hover { color: #1678ff; }
.xgart-row li span { color: #909399; font-size: 13px; margin-left: 20px; }
@media (max-width:640px) {
	.xgart-row li { width: 100%; }
}

/*左侧滚动*/
#ceo-danmu { position: fixed; z-index: 999; max-width: 300px; left: 10px; bottom: 0; }
#ceo-danmu li { display: flex; opacity: 0; border-radius: 20px; color: #fff; padding: 3px 10px 3px 3px; clear: both; font-size: 13px; height: 26px; float: right; line-height: 26px; box-sizing: content-box; }
#ceo-danmu li a.img { width: 26px; height: 26px }
#ceo-danmu li a:hover { color: var(--primary-color) !important }
#ceo-danmu li a:first-child { margin-right: 4px; width: 26px }
#ceo-danmu li a:last-child, #ceo-danmu li a:last-child font { color: #fff }
#ceo-danmu li a:last-child n { text-decoration: underline; margin: 0 5px }
#ceo-danmu li img { width: 26px; height: 26px; border-radius: 100%; vertical-align: inherit }
#ceo-danmu li a.altitle { max-width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
@media screen and (max-width:900px) {
	#ceo-danmu { display: none }
}