body{height: 100%;font-family:Microsoft Yahei,Arial,sans-serif;background:#eee;font-size: 15px;line-height: 1.7;color: #333;height: 100%;position: relative; z-index:3 }
h1, h2, h3, h4, h5, h6, figure{color:#070716;font-weight: 400;}
a{color:#333;text-decoration:none}
a:focus,a:hover{color:#f1404b;transition:none}
p {margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.cursorstyle{cursor:pointer;}
.fix-footer{z-index: 3}
.list-article {padding-bottom:100%;transform:scale(1);text-indent:-3000px;transition:0.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center 50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;cursor:pointer;}
.list-ad {padding-bottom:47%;transform:scale(1);text-indent:-3000px;transition:0.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center 50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;cursor:pointer;}
.list-ad-r {padding-bottom:72%;transform:scale(1);text-indent:-3000px;transition:0.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center 50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;cursor:pointer;}

.index-block{padding-bottom:90%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}

.line-clamp{text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp2{text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-block{padding-bottom:39%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.home-block .icon{display: inline-block;position: absolute;bottom:-10px;right:-10px;z-index: 1;}
.home-block .icon img{width:64px;}
.home-block strong{display: block;font-size:18px;}
.home-block p{display: block;z-index: 2;position:relative;}
.home-block:hover{transform:scale(1.05);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.artilce-block{padding-bottom:56%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.artilce-block .icon{display: inline-block;position: absolute;bottom:-10px;right:-10px;z-index: 1;}
.artilce-block .icon img{width:64px;}
.artilce-block strong{display: block;font-size:18px;}
.artilce-block p{display: block;z-index: 2;position:relative;}
.artilce-block:hover{transform:scale(1.05);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.spc-block{transform:scale(1);padding-bottom:61%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin-bottom:20px;border:1px solid #201E30}
.spc-block .icon{display: inline-block;margin:0 auto}
.spc-block .icon img{width:48px;}
.spc-block strong{display: block;height:24px;overflow:hidden}
.spc-block:hover{transform:scale(1.05);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color:#21202E;border:1px solid #2E2E3F}

.view-block{padding-bottom:80%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.top-title{height:40px;line-height: 50px;padding:0 20px}
.top-title h3{display: inline-block;position:relative;font-weight: 600}

.special-home{position:relative;-webkit-transition:.3s;transition:.3s;top:0;background:#232330;border:1px solid #2B2B3B}
.special-home:hover .excerpt-ico-y .morelayer{display: block;-webkit-transition:.3s;transition:.3s;background:#232330;border:1px solid #2B2B3B;border-top:0}
.special-home .padding-large{ padding:20px 20px 10px 20px}
.special-home .padding-big{ padding:0px 20px 15px 20px}

.excerpt-ico-y{position:relative;}
.excerpt-ico-y .media-img img{width:48px;height:48px;transform:scale(1);transition:.3s;-webkit-transition:.3s;}
.excerpt-ico-y .media-body strong{font-weight:400;margin:5px 0 10px 0;overflow:hidden;display: block;height:20px;line-height:20px;overflow: hidden;-webkit-transition:.3s;transition:.3s}
.excerpt-ico-y .media-body strong a{display: inline-block;}
.excerpt-ico-y .media-body a.button{background: #F4F2F7;border:1px solid #E6DEFF;padding: 3px 10px;border-radius: 20px;background: #F9F7FF;color:#51418c;line-height:18px;}
.excerpt-ico-y .media:hover .media-body a.button{background: #f1404b;color:#fff;border:1px solid #f1404b;}
.excerpt-ico-y .media:hover .media-body strong a{color:#f1404b;}
.excerpt-ico-y .media:hover img{transform:scale(1.1);transition:.3s;-webkit-transition:.3s;}
.excerpt-ico-y .morelayer{display: none;z-index: 9; position:absolute;padding:10px 0;left:-6px;right:-6px;top:80px;-webkit-transition:.3s;transition:.3s;border-radius:0 0 10px 10px}

.excerpt-ico-x{margin-bottom:20px;border:1px solid #201E30;background:#141422;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;transform:scale(1);}
.excerpt-ico-x:hover{border:1px solid #2E2E3F;background:#232330;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;transform:scale(1.03);}
.excerpt-ico-x .media{padding:6px 20px;}
.excerpt-ico-x .media .media-img img{width:32px;height:32px;transform:scale(1);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.excerpt-ico-x .media:hover .media-img img{transform:scale(1.15);
-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.excerpt-ico-x .media.media-x .float-left {margin-right: 12px;}
.excerpt-ico-x .media.media-x .media-body strong {display: block;overflow: hidden;font-weight:400;margin:0;line-height:32px;height:32px}
.excerpt-ico-x .media.media-x:hover .media-body strong a{color:#f1404b}
.excerpt-ico-x .media.media-x:hover .media-body strong span{-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}

.special-wrap{width:800px;margin:0 auto;}
.special-carousel:hover .owl-nav .owl-next,.special-carousel:hover .owl-nav .owl-prev{opacity:.6;background-color:#000;}
.special-carousel .owl-dots {position:relative;margin-top:-30px;bottom:-10px;padding:0;text-align:center;vertical-align:middle;width:100%;}

.spec strong{margin:15px 0;font-size:18px}
.spec table{margin:20px 0}
.spec table th{background:#bbb;color:#fff;}
.spec table tr.ue-table-interlace-color-single{background:#bbb}
.spec .table-bordered td, .spec .table-bordered th{border: solid 1px #bbb;color:#B6B2D1}
.spec p{line-height:30px;margin-bottom:15px;color: #fff;-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
.spec a{text-decoration:underline;color:#fff;}
.spec ul li{padding:0 0 5px 50px;position:relative;font-size:16px}
.spec ul li p{line-height:24px}
.spec ul li:before{content:'';position:absolute;top:9px;left:32px;background:#D1D1E1;width:6px;height:6px;border-radius:50%}

.list-tui{margin:0 auto;max-width:600px;}
.list-tui strong{display: block;height:20px;overflow: hidden}
.list-tui a{display: inline-block;margin:0 10px;}
.list-tui .media img{width:64px;-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.list-tui .media .media-body strong {margin: 5px 0 0 0;display: block;overflow: hidden;font-weight:400}
.list-tui .media:hover img{-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.container{max-width:1000px}
.container-wrap{max-width:700px}
/*.container-layout{max-width:94%;}*/
.bg-main,.border-main .button.active,.nav-main.border-main .nav-head,.nav-pills.border-main .active a,.pagination.border-main .active,.pointer.border-main .active{background-color: #eee;}
.bg-special{background:#242F45}
.bg-gradient{background:#fff;}
.bg-gradient:hover{background:#ddd;}
.bg-left-gradient{background:#2F2F3B;}
.gradient-text-yellow {
  background: linear-gradient(to right,#FF9B26,#FFB762);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-green {
  background: linear-gradient(108deg,#2BD651,#9CE72E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-blue {
  background: linear-gradient(108deg,#8756ff,#29b0ff 70%,#4495ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blank{height:10px;line-height:10px;clear:both;font-size:0;}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0;}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0;}
.blank-big{height:40px;line-height:40px;clear:both;font-size:0;}
.blank-large{height:50px;line-height:50px;clear:both;font-size:0;}

/*左栏 begin*/
.side-m{margin-right:60px}
.side-r{margin-left:-60px}

.main{margin:0 0 0 250px;position:relative;min-height: 100vh;}
.sidebar{width:250px;/*240px;*//*background:#171725;*/background: #000;position:fixed;/*top:10px;left:10px;border-radius:10px;*/overflow-y:auto;height:100%;/*height:calc(100% - 20px);height:-webkit-calc(100% - 20px);height:-moz-calc(100% - 20px);*/}
.sidebar .logo{margin:15px auto 0 auto;position:relative;line-height: 1.2;}
.sidebar .logo img{height:30px;}

.sidebar .sbad{position:absolute;left:30px;bottom:30px;right:30px}
.sidebar .sbad a.button{border-radius:30px;background: linear-gradient( 45deg,#FF7E86 0%, #FFA87E 100%);}

.sidebar .pc-nav{overflow-y:auto;position:absolute;top:64px;left:0;right:0;bottom:60px;padding:0 20px}
.sidebar .pc-nav::-webkit-scrollbar {width: 5px;}
.sidebar .pc-nav:hover::-webkit-scrollbar-thumb {background:#f1404b;/*#232330;*/border-radius:5px;}

/*.sidebar::-webkit-scrollbar {width: 5px;}*/
/*.sidebar:hover::-webkit-scrollbar-thumb {background: #232330;border-radius:0 10px 10px 0;}*/
.sidebar .pc-nav li a{display:block;padding:0 0 0 20px;line-height:32px;margin:8px 0;font-weight: 400;border-radius:10px;font-size:14px;}
.sidebar .pc-nav li a:hover{font-weight: 400;background:#232330;}
.sidebar .pc-nav li a i{font-size: 18px}
.sidebar .pc-nav li ul li a{padding:0 0 0 23px;margin:0 0 0 30px;color:#aaa;font-size:14px;}
.sidebar .pc-nav li ul li a:hover{font-weight: 400}
.sidebar .pc-nav li.cur a,.sidebar .pc-nav li a.cur{background:#232330;}
.sidebar .pc-nav li ul li a.cur,.sidebar .pc-nav li ul li a:hover{color:#fff;background:none}
/*左栏 end*/

.subnav ul{display:none;/*margin:0 15px*/}
.sidebar .bnav{position:absolute;left:20px;bottom:10px;right:20px}
.sidebar .bnav li a{display:block;padding:5px 20px;font-weight: 400;line-height: 24px;border-radius:10px;font-size:14px;font-weight:600;color:#fff;background: -webkit-gradient(linear, left top, right top, from(#725175), to(#5F4C7E));
    background: linear-gradient(60deg, #725175 50%, #E98C90 100%);}
.sidebar .bnav li a i img{width:24px;height:24px;display: inline-block;margin-right:5px}

.title-block-style2 h2{font-size:18px;font-weight:600;border-bottom:1px solid #bbb;line-height:54px;text-indent: 20px}
.title-block-style2 h3{font-size:18px;font-weight:600;}
.title-block-style2 h4{font-size:24px;font-weight:600}
.title-block-style2 h5{font-size:18px;font-weight:600;border-bottom:1px solid #bbb;line-height:55px;text-indent: 20px}
.title-block-style2 strong{font-size:18px;font-weight:400;border-bottom:1px solid #bbb;line-height:55px;text-indent: 20px;display: block;}

.tab-title strong{font-size: 22px;display: block;margin-right:-20px}
.tab-normal .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;margin-bottom: 20px}
.tab-normal .tab .tab-nav li {display:inline-block;width:auto;margin:0 0 10px 0}
.tab-normal .tab .tab-nav li a {color:#000;margin:0 12px 0 0;display:block;border:0;padding:8px 12px;background:rgba(0,0,0,.1);border:1px solid #bbb;border-radius: 8px;}
.tab-normal .tab .tab-nav li.active a {background: #f1404b;color:#fff;cursor:default;position:relative;border:1px solid #f1404b}
.tab-normal .tab .tab-nav li a:hover{background: #f1404b;;color:#fff;border:1px solid #f1404b}
/*.tab-normal .tab .tab-nav li.active{}*/
.tab-normal .tab .tab-nav li.active a:hover {color:#fff}
/*.tab-normal .tab .tab-nav .active a::before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 3px;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
    background: #624EFB;
    border-radius: 3px;
}
*/
.tab-normal .tab .tab-nav li a:focus {outline:none;}
.tab-normal .tab .tab-body{padding:0;border-radius:0;border-top:0px solid #ff0000}

.special-list{position:relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding:15px 0 5px 0;border:1px solid #201E30}
.special-list .name .media img{padding:0 20px;margin:0 auto;max-width:80px;border-radius:10px}
.special-list .name .media .media-body strong {margin: 10px 0;display: block;line-height:24px;overflow: hidden;font-weight:400}
.special-list .name .media .media-body p{height:50px;overflow: hidden;margin-top: 15px;display: block;}
.special-list:hover .name .media .media-body strong{color:#f1404b}
.special-list:hover{transform:scale(1.05);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color:#21202E;border:1px solid #2E2E3F}

.special .padding-large{padding:30px 40px}
.special h1{display: inline-block;font-weight: 600}
.special hr{margin:25px 0 0 0;background: #1A1F36}
.special .special_url{padding:25px 0;border-bottom:1px solid #1A1F36;position:relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.special .special_url:last-child{border-bottom:0}
.special .special_url .name .media img{width:48px;}
.special .special_url .name .media img.bigpic{width:250px}
.special .special_url .name .media .media-body{padding-right:30px}
.special .special_url .name .media .media-body a strong{margin-bottom:10px;display: block;line-height:20px;overflow: hidden;}
.special .special_url .name .media .media-body .tui{position:absolute;right:0px;top:3px;height:20px;line-height:20px;width:20px;border-radius:6px;font-size:13px;background:#f1404b;color:#000;z-index:3;}
.special .special_url:hover .name .media .media-body p{display:inline-block}
.special .special_url:hover .name .media .media-body a strong{color:#f1404b;}
.special .special_url:hover .name .media .media-body p{-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}
.special .special_url .name .media .media-body a.tag{display: inline-block;margin-top:5px;}

.tags{display:block;border:1px solid #201E30;margin-bottom:20px;padding:15px 20px;-webkit-transition: all .3s ease; transition: all .3s ease;}
.tags strong{height:20px;overflow:hidden;display:block;font-weight:400}
.tags p{color:#999}
.tags:hover{border:1px solid #f1404b;-webkit-transition: all .3s ease; transition: all .3s ease;}
.tags:hover strong{color:#f1404b;font-weight:600}

.site_tree{margin:5px 0 20px 0;}
.site_tree h1{position:relative;font-size:22px;display: block;font-weight:600;margin-bottom:5px}
.site_tree h2{position:relative;font-size:22px;display: block;font-weight:600;margin-bottom: 20px}
.site_tree strong{position:relative;font-size:22px;display: block;margin-bottom:10px}
.site_tree p{display: inline-block;}

.site_url{transform:scale(1);padding:20px;margin-bottom:20px;position:relative;top:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border:1px solid #eee}

.site_url .tui{position:absolute;right:20px;top:20px;height:20px;line-height:20px;width:20px;border-radius:6px;font-size:13px;background:linear-gradient(146.22deg, #4E3986 0.93%, #0F0957 85.13%);}
.site_url .spc{position:absolute;right:0px;top:0px;height:22px;line-height:20px;width:48px;border-radius:0 10px 0 10px;font-size:13px;background:#4E3986;}
.site_url:hover{transform:scale(1.03);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border:1px solid #ddd}
.site_url:hover .des{-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.site_url .name .media img{width:48px;height: 48px}
.site_url .name .media.media-x .float-left {margin-right: 15px;}
.site_url .name .media .click{top:20px;right:15px;position:absolute;}
.site_url.topbg .name .media .media-body strong {color:#000;}
.site_url .name .media .media-body strong {font-size:16px;color:#000;margin-top: 12px;display: block;line-height:24px;height:24px;overflow: hidden;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.site_url:hover .name .media .media-body strong {color:#f1404b;}
.site_url .name .media a.collect{height:32px;width:32px;line-height:32px;top:10px;right:10px;position:absolute;transition:0.3s;transition:0.3s;z-index:3;opacity:1}
.site_url .des{height:46px;overflow: hidden;margin-top: 10px;line-height:24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.site_url .name .media .media-body h2{font-size:16px;color:#fff;margin-top:-2px;display: block;line-height:22px;height:22px;overflow: hidden;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-weight:600}

.trueflase span{display:inline;padding:1px 5px}
.trueflase span.bg-1{background:#AF98FF}
.trueflase span.bg-2{background:#FFA665}
.trueflase span.bg-3{background:#55D966}
.trueflase span.bg-4{background:#95E2FF}
.trueflase span.bg-5{background:#FFD898}

.site_top{padding:27px 25px;margin-bottom:20px;position:relative;top:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.site_top:hover{top:-3px;background:#232330;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.site_top .media .ico{width:60px;height: 60px;background: #5D5E67}
.site_top .media .ico img{padding:18px;}
.site_top .media .media-body strong {display: block;font-weight: 400;margin-top:-2px;}
.site_top .media.media-x .float-left{margin-right: 20px}

.site_ad{overflow:hidden;background:#1D222E;position:relative;top:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.site_ad:hover{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;top:-5px}

.book_tree{margin:10px 0 30px 0;}
.book_tree strong{position:relative;color:#1e1e1e;font-size:18px;font-weight:600;display:block;}

.book_url{position:relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.book_url:hover{background: #232330;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.book_url:hover .media a.button{background: #f1404b;color:#fff;opacity: 1}
.book_url:hover .media .media-body strong {color:#fff;}
.book_url .media.media-y img{max-width:100%;padding:20px;}
.book_url .media .media-body{padding:0;}
.book_url .media .media-body .padding{padding:0 20px;}
.book_url .media .media-body strong {height:40px;overflow: hidden;display: block;line-height:20px;overflow: hidden; }
.book_url .media .media-body p{overflow: hidden;height:50px;margin-top: 10px;display: block}
.book_url .media a.button{padding:10px 20px;color:#f1404b;border-radius: 0 0 12px 12px;opacity: 0}

/* .url_block .media:hover a.collect{opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} */
/* 右栏 end*/

/* owl-carousel滚动插件*/
/* 默认圆点 */
.owl-carousel .owl-dots {display:inline-block;width:100%;bottom:5px;position:absolute;padding:0;text-align: center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-dots .owl-dot {display:inline-block;position:relative;vertical-align:middle;}
.owl-carousel .owl-dots .owl-dot span {width:6px;height:6px;margin:0 5px;border-radius:50%;background-color:rgba(255,255,255,.6);display:inline-block;text-align:center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;}
.owl-carousel .owl-dots .owl-dot.active span {background-color:rgba(0,0,0,.6);width:20px;border-radius:10px;}
/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:18px;color:#FFF}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:#000;opacity:0;width:32px;height:32px;line-height:34px;top:50%;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;text-align:center;border-radius:50%;padding:0;}
.owl-carousel .owl-nav .owl-prev {left:10px;right:auto;}
.owl-carousel .owl-nav .owl-next {right:10px;}
/* owl-carousel滚动插件 end */

/*轮换广告*/
.slides .index-box{padding-bottom:47%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.slides .article-box{padding-bottom:31%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.slides:hover .owl-nav .owl-next,.slides:hover .owl-nav .owl-prev{opacity:.6;}
.slides .owl-dots {position:relative;margin-top:-20px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/*轮换广告 end*/

.nav-bread{line-height:20px;height:20px;/*font-size:0;*/margin:15px 0 15px 0}
.nav-bread i{font-size:14px;color:#000;-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.nav-bread a{color:#000;font-size:14px;display:inline-block;-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.nav-bread a:hover{-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
/*.nav-bread a:after{content:">";padding:0 5px;}
.nav-bread a:last-child:after{content:"";background:0 0}*/

/*分页 begin*/
.pagination li {display:inline-block;border-radius:10px;border:0;margin-bottom:5px}
.pagination li i{font-weight:600;} 
.pagination li a,.pagination li span{border-radius:10px;color:#eee;background:#aaa;padding:6px 15px;display:block;margin:0 5px;font-weight: 600}
.pagination li a:hover,.pagination li.active a,.pagination li .current{background:#f1404b;color:#fff;}
/*分页 end*/

/* 文字上下篇 */
.prenext-text .media .text-l{text-align:left}
.prenext-text .media .text-r{text-align:right}
.prenext-text .media i{font-style: normal;}
.prenext-text .media:hover a{color:#f1404b}
/* 文字上下篇 */

.list-post-x .media{margin-bottom: 25px}
.list-post-x .media.border{border:0;border-bottom:1px solid #EBEBEB;padding-bottom:25px}
.list-post-x .media img{transition:all .3s ease-out}
.list-post-x .media .thumb-bd{position:relative;max-width:40%;max-height:150px;overflow:hidden}
.list-post-x .media .thumb-md{position:relative;width:48px;overflow:hidden}
.list-post-x .media .thumb-md img{width:48px;}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:3;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.02)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0;margin-top: -3px;position:relative;}
.list-post-x .media.media-x .media-body strong a{margin:0;font-size:16px;display:inline-block}
.list-post-x .media.media-x .media-body .tui{position:absolute;right:0px;top:5px;height:20px;line-height:20px;width:20px;border-radius:20px;font-size:13px;color:#fff;z-index:3;background: linear-gradient(to right,#7768EF,#DC899B);}
.list-post-x .media:hover a{color:#f1404b}
.list-post-x .media:hover p{-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.list-post-x .media-body p{line-height:24px}
.list-post-x .media:last-child{margin-bottom:0}

/* 有序号列表 begin*/
.list-post-order li{position:relative;padding:0 0 0 30px;margin-bottom:15px;border-bottom:0px solid #f6f6f6;width:100%}
.list-post-order li:last-child{border-bottom:0px solid #f6f6f6}
.list-post-order li a{display:block;}
.list-post-order li a:hover{color:#f1404b;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.list-post-order li span{background: #2F2F3B;color:#fff;width:20px;height:20px;line-height:18px;position:absolute;top:1px;left:0;font-size:12px}
.list-post-order li:nth-of-type(1) span{background:#f1404b;color:#fff;}
.list-post-order li:nth-of-type(2) span{background:#d33742;color:#fff;}
.list-post-order li:nth-of-type(3) span{background:#ac2e36;color:#fff;}
/* 有序号列表 end*/

.excerpt-4 .media{-webkit-transition:.3s;transition:.3s;margin-bottom:30px}
/*.excerpt-4 .media:hover{background: #32333E}*/
.excerpt-4 .media.border{box-shadow:0 0 1px 1px rgba(229,229,229,.3);border:0}
/*.excerpt-4 .media:hover{box-shadow:0 10px 30px rgba(229,229,229,.6)}*/
.excerpt-4 .media-img{position:relative;overflow:hidden}
.excerpt-4 .media-body .padding{padding:10px 0 0 0}
.excerpt-4 .media-body .padding-big{padding:20px}
.excerpt-4 .media-body .padding-large{padding:25px 30px}
.excerpt-4 .media-body hr{margin:25px 0}
.excerpt-4 .media-body h2{margin:10px 0 20px 0;overflow:hidden}
.excerpt-4 .media-body strong{overflow:hidden;font-weight: 400;height: 30px;}
.excerpt-4 .media-body h3{margin:10px 0 15px 0;overflow:hidden}
.excerpt-4 .media-body em{display:block;position:relative;height:16px;line-height:14px;padding-left:15px;}
.excerpt-4 .media-body em:before{position:absolute;border:2px solid #f1404b;border-radius:20px;width:8px;height:8px;background-color:transparent;display:block;content:'';left:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.excerpt-4 .media .post-zoom{transform:scale(1);transition:.3s;padding-bottom:57%;display:block;width:100%;height:0;overflow:hidden;background-position:center 50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.excerpt-4 .media .post-template{transform:scale(1);transition:.3s;padding-bottom:75%;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.excerpt-4 .media a.collect{opacity:0;position:absolute;top:20px;right:20px;width:68px;height:30px;line-height:28px;border:1px solid rgba(255,255,255,.8);z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-4 .media a.play{border:2px solid #fff;opacity:.8;position:absolute;top:50%;left:50%;margin-left:-24px;margin-top:-24px;width:48px;height:48px;line-height:46px;background:rgba(0,0,0,.4);z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-4 .media .playtime{position:absolute;bottom:10px;right:10px;padding:0 8px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-4 .media:hover .post-zoom{transform:scale(1.06);-webkit-transition:.3s;transition:.3s}
.excerpt-4 .media:hover a.collect,.excerpt-4 .media:hover a.play{opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-4 .media:hover strong a{color:#f1404b;}
.excerpt-4 .post-info .userimg img{width:24px;height:24px;}
.excerpt-4 .post-info ul.fl{float:left;}
.excerpt-4 .post-info ul.fr{float:right;}
.excerpt-4 .post-info ul li{display: inline-block;}

/* 图片显示列表 */
.excerpt-mask .media-img {position:relative;overflow:hidden;margin-bottom:20px}
.excerpt-mask .media-img .ph{transition:.3s;padding-bottom:63%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.excerpt-mask .media-img:hover .ph{transform:scale(1.06);-webkit-transition:.3s;transition:.3s}
.excerpt-mask .media-img:after {background:linear-gradient(to bottom,rgba(4,0,51,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.3s;}
/*.excerpt-mask .media-img:hover:after {background:rgba(4,0,51,0.3);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}*/
.excerpt-mask .media-img .post-link {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.excerpt-mask .media-img .tit {bottom:15px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.3s;padding:0 20px;}
.excerpt-mask .media-img:hover .tit {bottom:20px;}
.excerpt-mask .media-img .tit strong{height:24px;overflow:hidden;display:block}
.excerpt-mask .media-img .tit strong a {display:block;font-weight: 400}
.excerpt-mask .media-img span{display: inline-block;padding:0 8px;}
.excerpt-mask .media-img:hover a.play{opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.excerpt-mask .media-img a.play{border:2px solid #fff;opacity:.8;position:absolute;top:50%;left:50%;margin-left:-24px;margin-top:-24px;width:48px;height:48px;line-height:46px;background:rgba(0,0,0,.4);z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

.topic_loop .owl-nav .owl-prev,.topic_loop .owl-nav .owl-next {background:#fff;color:#8b8b8b;opacity:1;margin-top:-10px;box-shadow: 0 0 6px rgba(0,0,0, .1)}
.topic_loop .owl-nav .owl-prev{left:-12px;}
.topic_loop .owl-nav .owl-next{right:-12px}

.site_article .title {padding: 0 0 0 30px;line-height:55px;height:55px;border-bottom: 1px solid #F0F2F7;overflow: hidden;}
.site_article .padding-large{padding:20px 20px 10px 20px}
.site_article .post strong{margin:10px 0;color:#000}
.site_article .post table{margin:20px 0}
.site_article .post table th{background:#bbb;color:#fff;}
.site_article .post table tr.ue-table-interlace-color-single{background:#bbb}
.site_article .post .table-bordered td, .site_article .post .table-bordered th{border: solid 1px #bbb;color:#B6B2D1}
.site_article .post p{line-height:30px;margin-bottom:15px;color: #000;-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;font-size:16px}
.site_article .post p img{width:100%;border-radius:10px;margin:10px 0;}
.site_article .post a{text-decoration:underline;color:#f1404b;}
.site_article .post a:hover{text-decoration:none;color:#f1404b;}
.site_article .post .text-right{text-align:right}
.site_article .post ul li{padding:0 0 5px 50px;position:relative;font-size:16px}
.site_article .post ul li p{line-height:24px}
.site_article .post ul li:before{content:'';position:absolute;top:9px;left:32px;background:#666;width:6px;height:6px;border-radius:50%}
.site_article .post ol{padding:10px 0 0 0}
.site_article .post ol.list-paddingleft-2{position:relative}
.site_article .post ol li{padding:0;position:relative}
.site_article .post ol li p{line-height:24px;font-size:15px;color:#8b8b8b}

.site_info .media .media-body h1 {margin:0 0 10px 0;display: block;font-weight: 600;line-height:24px;font-size:18px}
.site_info .media .media-body h1 .tui{height:20px;line-height:20px;width:20px;border-radius:6px;font-size:13px;background:#f1404b;display:inline-block;}
.site_info .media .media-body h1 span{font-weight: 400;display: inline-block;}
.site_info .media .media-body p{display:block;}
.site_info .media.media-x .float-left{margin-right: 20px}
.site_info .media.media-x img{max-width: 64px}
.site_info .padding-large{padding:20px}

.jumpurl,.collect,.ad-bar{display: block;float:left}
.jumpurl a.button{background:#303F5B;cursor:pointer; padding:8px 25px;line-height: 30px;margin-right:10px;color:#F2F2F2;}
.jumpurl a.button:hover{background:#27334A;}
.jumpurl a.disabled{cursor: no-drop;pointer-events:none;opacity: 0.8; padding:8px 25px;line-height: 30px;margin-right:10px;color:#fff;background:#ccc}
.collect a.button{padding:8px 20px;line-height: 30px;color:#F2F2F2;background:#2F2F3B}
.collect a.button:hover{color:#fff;background: #2E2E3F}
.ad-bar a.button{font-weight:600;line-height:24px;display: block;position:relative;border-radius:30px;padding:5px 12px;font-size:15px;background: linear-gradient(to right, #7668F1,#E78C92);margin:5px 0 8px 15px;border:0;cursor:pointer;color:#fff}
.ad-bar a.button i{vertical-align: middle;height:24px;display:inline-block;margin-right:5px}
.ad-bar a.button i img{height:24px;}
/* -webkit-background-clip: text;-webkit-text-fill-color: transparent;滚动资质 */
.wepic .media {-webkit-transition:.3s;transition:.3s;}
.wepic .media .ph{padding-bottom:215%;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent:-3000px/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.wepic .media-body {text-align:center;padding:10px}
.wepic .media-body h2 a {line-height:24px;font-size:16px;color:# ;}
.wepic .media:hover .media-body h2 a {color:#D3B366;}
.wepic .media:hover .media-body p {color:#666}
.wepic .owl-nav .owl-prev,.wepic .owl-nav .owl-next {background:#f1404b;opacity: 1;}
.wepic:hover .owl-nav .owl-prev,.wepic:hover .owl-nav .owl-next {background:#1BB788;opacity: 1;}
.wepic .owl-nav .owl-prev {left:-10px;}
.wepic .owl-nav .owl-next {right:-10px;}
.wepic .owl-dots {position:relative;top:20px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/* 滚动资质 end*/

.book_info .media .media-body h1 {margin:10px 0 ;display: block;font-weight: 600;font-size:18px;}
.book_info .media .media-body h1 span{font-weight: 400;display: inline-block;}
.book_info .media.media-x .float-left{margin-right: 30px}
.book_info .media.media-x img{max-width: 220px}
.book_info .bookurl,.book_info .collect{display: inline-block;}
.book_info .bookurl a.button{cursor:pointer; padding:5px 20px;line-height: 34px;margin-right:10px;background: #f1404b;color:#fff;}
.book_info .bookurl a.button:hover{color:#fff;background:#1BB787}

.videoframe{position:relative;padding-bottom:56%;width:100%;height:0;overflow:hidden;border-radius:10px;margin-bottom:10px}
.videoframe iframe{position:absolute;width:100%;height:100%;left:0;top:0;}
.ggad{overflow: hidden;}

a.tag{padding:3px 8px;line-height: 18px;display: inline-block;margin-right:5px;margin-bottom:5px}
a.tag i{width:16px;height: 16px;line-height: 16px;margin-right:3px;font-size:12px;display: inline-block;border-radius: 50%}
/*a.tag:hover{background: #4A4A4B;}*/

 /* 弹出层*/
.dialog {width:100%;border:0;margin:0 auto;box-shadow:0 5px 15px rgba(99,107,151,0.1);position:relative;border-radius:16px;overflow:hidden}
.dialog .dialog-head{padding:15px 0 13px 30px ;border-bottom: 1px solid #ebebeb;background-color: #fff;border-radius:10px 10x 0 0;}
.dialog .dialog-head strong{font-size:16px;font-weight: 400;}
.dialog .close{position:absolute;font-size:30px;right:20px;top:10px;color:#8b8b8b;z-index:9}
.dialog .close:hover{color:#D1D1E1}
.dialog .button-close{max-width: 120px;border:1px solid #EBEBEB;cursor:pointer;padding:11px 0;color:#8b8b8b;}
.dialog .button-close:hover{border:1px solid #8b8b8b;color:#8b8b8b;background: #fff}
.dialog.vippay .dialog-head{padding:20px 0 ;border-bottom:0;background-color: #f1404b;border-radius:5px 5px 0 0;}
.dialog.vippay .dialog-head strong{font-size:22px;font-weight: 400}
.dialog.vippay .close{right:15px;top:10px;color:#fff;opacity: .6}
.dialog.vippay .close:hover{opacity:1}
.dialog.log{width:720px;overflow: hidden}
.dialog .dialog-body{padding:0px;line-height:24px;}
.dialog-body h3 {font-size:18px;font-weight:600;color:#1e1e1e;margin-bottom:10px}
.dialog-body .form-group {padding-bottom:15px}
.dialog-body .input{height:44px;line-height:44px;padding:0 15px;border:1px solid #ebebeb;width:100%;display:block;-webkit-appearance:none;box-shadow:0 0px 0px rgba(99,107,151,0.0) inset;transition:all .3s;}
.dialog-body select {padding:0 30px 0 10px;width: 100%; height:44px;line-height:44px;border:solid 1px #ebebeb;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../pic/select-down.png) no-repeat right 50%;}
.dialog-body .textarea{padding:10px 12px;line-height:24px;width:100%;border:1px solid #ebebeb;transition:all .3s;}
.dialog-body .input:hover,.dialog-body .textarea:hover,.dialog-body select:hover{border:1px solid #D1D1E1;transition:all .3s;}
.dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
.dialog-body .label label {font-weight:400;}
.dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ebebeb;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #1e1e1e;}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #1e1e1e;}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #1e1e1e;}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #1e1e1e;} 
.dialog-body .field-icon .icon { height: 46px;line-height: 46px;}
.dialog-body .input-group .addon{background-color: #fff;border: 0;padding:0;}
.dialog-body .input-group .addon img{width:90px;}

/*首页标签折叠*/
.tagbox{position: relative;}
.tagbox .hide{display:none;}
.tagbox .show{display:block;}
.tagbox li{display: block;float:left;margin:3px 0;}
.tagbox li a{padding:3px 5px;line-height:24px;border:1px solid #232330}
.tagbox li a:hover{background:#232330;-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.tagtog{position: absolute;right: 0;top: 0;background:url(../pic/tog_down.png) no-repeat 48px 50%;cursor: pointer;padding:3px 30px 0 12px;}
.tagtog:hover{color:#fff;}
.tagtog.togarrow{background:url(../pic/tog_up.png) no-repeat 48px 50%;}
/*首页标签折叠 end*/

.ctool .ey_zan_row,.ctool .collect,.ctool .downurl{display: inline-block;margin: 0 auto}
.ctool .collect a.button{padding:3px 25px;line-height: 40px;margin:0 auto;}
.ctool .collect a.button:hover{color:#fff;background:#9181FF}
.ctool .ey_zan_row a.button{padding:3px 20px;line-height: 40px;margin:0 5px 5px 5px;background: #1ecd98;color:#fff;}
.ctool .ey_zan_row a.button:hover{color:#fff;background: #977CFF;}

.qqkf li a{display:block;padding:5px 20px;font-weight: 400;line-height: 30px;border-radius:30px;background: -webkit-gradient(linear, left top, right top, from(#FF9B26), to(#FFB762));
    background: linear-gradient(60deg, #FF9B26 50%, #FFB762 100%);}
.qqkf li a i img{height:30px;display: inline-block;border-radius:50%}

.footer-radius{/*border-radius: 10px;*/}
footer{padding:30px 0px;}
footer h3{color:#fff;margin-bottom:20px;font-weight:600}
footer ul li.block{float:left;display: block}
footer ul li.block-1{width:16%}
footer ul li.block-2{width:16%}
footer ul li.block-3{width:16%}
footer ul li.block-4{width:16%;}
footer ul li.block-5{width:16%;}
footer ul li.block-6{width:20%;}
footer ul li ul li a{line-height:32px;}
footer ul li ul li a:hover{-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}

footer .copyright a{color:#D1D1E1}
footer .qrimg{display: block;}

footer .friend span{font-weight:bold}
footer .friend a{display:inline-block;margin-right:10px}
footer .friend a:hover{color:#000;opacity:1}
footer .friend a:last-child{margin-right:0}

.flex{display: flex;}




.row-ctrl {
  margin: 9px 0;
}

.row-ctrl *{
  margin: 0;
  padding: 18px 0;
  width: calc( 100% / 3.5);
  font-size: 18px;
}
.row-ctrl *:not(:first-child):not(:last-child){
  margin: 0 calc( ( 100% / 3.5 ) / 4);
}
/*
.row-ctrl button{
  margin: 0 calc( ( 100% / 3.5 ) / 4);
}*/
.row-ctrl a{
  color: #fff;
}
.row-ctrl select {
  height: auto;
  padding: 14px 0;
}


.row-info{
  border: 1px solid #ddd;
  background-color: #eee;
  margin-bottom: 9px;
}
.row-info span:first-child{
  width: 15%;
  height: auto;
  padding: 5px;
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
  -ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
.row-info input,.row-info textarea
{
  width: 85%;
  font-size: 15px;
  height: auto;
  padding: 5px;
  border: none;
  border-left: 1px solid #ddd;
  cursor: default;
  resize: vertical;
  vertical-align: middle;
  -ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
.row-info input{
  height: 37px;
}

.row-info .widthp3{
  width: 25%;
  vertical-align: middle;
}
.row-info .widthp6{
  width: 60%;
}

.if-play{
  width:100%;height:540px;max-height:100vh;margin:9px 0
}


.box-img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}

.box-img a {
  display: block;
  background-color: #fff;
  margin:20px;
  width: calc(100% - 20px * 2 );
  height: 100%;
  
}


.box-img h4,.box-img span {
  font-size: 15px;
  margin: 0;
  font-weight: 400;
  /*line-height: 1.8;
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
}

.box-img span{
  display: block;
  /*height: 40px;*/
}

.box-img img {
  max-width: 100%;
  /*max-width: 100px;
  max-height: 70px
  */
}

.heightA{
  height: auto;
}

.spanC5 {
  width: calc(100% / 5);
}

.offset12 {
  margin-left: 104%;
  *margin-left: 103.9%
}

.flexwrap {
  display: flex;
  flex-wrap: wrap;
}


.excerpt-4 .media .post-img{transform:scale(1);transition:.3s;display:block;width:100%;height:100%;/*padding-bottom:57%;display:block;width:100%;height:0;*/overflow:hidden;position:relative;}
.excerpt-4 .media:hover .post-img{transform:scale(1.06);-webkit-transition:.3s;transition:.3s}
.excerpt-4 .media .post-img img{max-width: 100%;}
.excerpt-4 .media-body strong{overflow:hidden;font-weight: 400;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}



.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  /*background-color: #eee;
  position: fixed;*/
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #aaa;
  height: 500px;
  width: 100%;
  width: 100%;/*calc(100% - 4px);*/
  /*max-height: 80vh;*/
  background-color: #333;
  /*border-radius: 0.4em;*/
  /*border: 2px solid #555;*/
  position: relative;
  flex-direction: column;
  transition-duration: 0.2s;
  overflow: hidden;
  font-family: monospace;
  font-weight: bold;
  font-size: 20px;
}

.loading p {
  /*padding-top: 120px;
  margin-left: -60px;*/
  opacity: .8
}

.blinking {
  animation: blinker .5s linear infinite
}

@keyframes blinker {
  50% {
      opacity: 0
  }
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
  border-color: #ffd700 transparent transparent transparent
}

.lds-ring div:nth-child(1) {
  animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
  animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
  animation-delay: -.15s
}

@keyframes lds-ring {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}



@media screen and (max-width:1300px) {
.list-ad {padding-bottom:48%;}
.list-ad-r {padding-bottom:74%;}
.index-block{padding-bottom:89%;}
.home-block{padding-bottom:40%;}
.home-block.padding-middle-top{padding-top:10px}
.home-block .icon img{width:48px;}
.spc-block{padding-bottom:60%;}
.spc-block .icon img{width:36px;}
.view-block{padding-bottom:84%;}
.tab-title strong{font-size: 20px;display: block;margin-right:-30px}
.site_tree strong,.site_tree h2,.site_tree h1{font-size:20px;}
.tab-normal .tab .tab-nav li a {margin:0 0 0 5px;padding:6px 10px;background:rgba(0,0,0,.1);border:1px solid #bbb;}
.main{margin:0 0 0 230px;}
.sidebar{width:220px;}
.collect a.button{padding:8px 10px;}
.jumpurl a.button{padding:8px 20px;}
.title-block-style2 h2{line-height:50px}
.side-m{margin-right:50px}
.side-r{margin-left:-50px}
.excerpt-ico-y .media-img img{width:36px;height:36px;}

}

@media screen and (max-width:768px) {
.line-big{margin-left:-6px;margin-right:-6px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;min-height:1px;padding-right:6px;padding-left:6px}
.x5{width:33.3333333333%}
.padding-large{padding:20px;}
.slides .index-box{padding-bottom:35%;}
.padding-big{padding:10px}
.container-wrap,.container-layout{max-width:100%;}
.blank-small{height:10px;line-height:10px;}
.blank-big {height: 20px;line-height: 20px;}
.blank-middle{height:10px;line-height:10px;}
.radius-big{border-radius:10px}
/*background-image:url(../pic/icon-header-dark.png);*/
.sidebar{width:100%;height:60px;position:fixed;z-index:999;left:0;top:0;background-repeat:no-repeat;background-position:center 50%;}
.sidebar .logo{margin:15px 0 15px 10px;float:left}
.sidebar .about{display:none}

.special-home{margin-bottom: 10px}
.home-block{margin-top: 10px;padding-bottom:30%;}
.side-m{margin-right:0px}
.side-r{margin-left:0px}
.list-ad{margin-bottom:10px;}
.adzoom{padding:20px 0;}

.list-tui .media img{width:48px;}
.adtxt{display: block;margin:20px 0;}
.adtxt strong{font-size:24px;}

.main{margin:60px 0 0 0;}
.ggad{margin:0;}
.title-block-style2 h2{text-indent: 20px;line-height:53px;}
.site_tree{margin:10px 0;}
.site_tree strong{font-size:18px;text-align:center}
.site_tree h2{font-size:18px;}
.tab-title{text-align: center}
.tab-title strong{font-size: 18px;margin-bottom:20px}
.tab-normal .tab .tab-nav li{width:33.3333%;display:block;float:left;text-align: center;}

.special-wrap{width:100%;margin:20px 0 0 0}

.special-list {margin:5px 0;}
.special-list .name .media img{max-width:48px;padding:0 5px}

.special .padding-large{padding:20px}
.special hr{margin:15px 0 0 0;}
.special .special_url .name .media .media-body a strong{margin-top:15px;margin-bottom:0;}
.special .special_url{padding:15px 0;}
.special .special_url .name .media .media-body{padding-right:20px}
.special .special_url .name .media img.bigpic{width:120px}

.excerpt-4 .media{margin-bottom: 10px}
.excerpt-4 .media-body .padding-big{padding:10px}

.site_url .tui{right:5px;top:5px;height:18px;line-height:18px;width:18px;}
.site_url{padding:10px;margin-bottom:10px;}
.site_url .des{margin-bottom: 10px;}
.site_url .name .media img{width:36px;height: 36px}
.site_url .name .media.media-x .float-left {margin-right: 10px;}
.site_url .name .media .media-body strong,.site_url .name .media .media-body h2 {margin-top:5px;font-size:16px}

.site_info{margin-top:10px}
.site_info .media .media-body h1 {margin:0 0 10px 0;line-height:24px;font-size:20px}
.jumpurl a.button{line-height: 24px;margin-right:0;margin-bottom:10px;padding:5px 15px;}

.book_url{padding:10px;margin-bottom:10px;}
.book_url .name .media img{width:36px;height: 36px}
.book_url .name .media .media-body strong {margin-top:6px;height:18px}

.site_article .padding-large{padding:10px 15px}
.ad-bar a.botton{font-weight:600;line-height:30px;display: block;position:relative;border-radius:30px;padding:5px 20px;background: -webkit-gradient(linear,left top,right top,from(#5c50d4),to(#C17BFA));background: linear-gradient(90deg,#5c50d4,#C17BFA);margin-left:0px}
.ad-bar a.botton i{vertical-align: middle;height:30px;display:inline-block;margin:0 5px 0 0;}
.prenext-text .text-r{text-align:left;}
.list-post-x .media .thumb-bd{position:relative;max-width:33%;}
.excerpt-mask .media-img{margin-bottom:10px} 
.topic_loop .owl-nav .owl-prev{left:10px;}
.topic_loop .owl-nav .owl-next{right:10px} 

.dialog .dialog-body{padding:10px 20px 20px 20px;}
.dialog.log{width:100%;}
.dialog.log .dialog-body{padding:0;}
footer{padding:20px;}
}