@charset "utf-8";
/* CSS Document */
html { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;font: 12px/1.5 Microsoft Yahei,PingFang SC,Helvetica,Arial,Hiragino Sans GB,STHeiTi,sans-serif; -webkit-font-smoothing: antialiased;}
a, html { color: #111e36;}
div {display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, button, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, textarea, time, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%;font: inherit; vertical-align: baseline;}
body{margin:0; padding:0; color:#31424e; background: #f3f3f3;-webkit-text-size-adjust:none; }
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:none; vertical-align:top;-webkit-transition:opacity .2s; transition:opacity .2s; -ms-transition:none}
i,em{font-style:normal}
input,select,option,textarea{font-size:13px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none}
a {color:#2D313E;text-decoration: none;}
a:hover {color: #ff6600/* #31424e #ff6600*/;text-decoration: none;}
a:hover em,a:hover b,a:hover i,a:hover span{cursor:pointer}
a:hover img{opacity:0.9}
.clearfix{*zoom:1}
.clearfix:after{visibility:hidden; content:""}
.clear,.clearfix:after{clear:both; overflow:hidden;display:block}
.line-dotted {border-top: 1px #ccc dotted;height: 0;line-height: 0; font-size: 0;overflow: auto; margin: 5px 0; padding: 0;width: 100%;}
.bg-white{background-color:#fff; position: relative; }
.bg-gray{background-color:#f5f5f5; position: relative; }
.fn-left {float:left !important;}
.fn-right {float:right !important;} 
.textC{text-align:center}
.block-wrap{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex;display:flex;margin:0 auto;max-width: 1200px;} 
.block-center {display: flex;justify-content: space-between;align-items: center;}
.orbui-radius{border: 0px solid #eee;border-radius: 5px;overflow:hidden;box-shadow: 0 1px 3px rgb(27 95 160 / 10%);}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ellipsis-two{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-three{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.sticky-icon{position: absolute;left: -25px;top: 36px;display: block;width: 90px;height: 30px;line-height: 30px;background: #F60;color: #fff;font-size: 16px;font-weight: 500;text-align: center;transform: rotate(318deg);transform-origin:0% 0%;padding: 0;margin-left: 0px;z-index: 1;}
[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:14px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^="ccfoo-home-"] {width: 1200px;margin: 15px auto;}
#ets-wrapper {width: 100%;min-height:800px;position: relative;background-color: #f3f3f3; overflow:hidden; }
.contentWrap {position: relative; width: 100%; min-height:800px; display: block;overflow:hidden;}
.container {width:1280px; margin:0 auto;clear: both;}
.section {position: relative; width: 100%; margin: 20px auto; overflow:hidden;}
.section .section-wrap {border-radius: 4px;overflow:hidden;}
.wrap {background: #ffffff;overflow:hidden;}
#content-wrap{position: relative;padding-bottom: 0px;width: 100%; min-height:800px; display: block;overflow:hidden; background: url(./images/bottom_bg.png) no-repeat center bottom; background-size: 100% 201px;}
.ets-wrap-fixed {display: flex;justify-content: space-between;}
.mgt10{ margin-top:10px!important;} .mgb10{margin-bottom:10px!important;} .pdb10{padding-bottom:10px;}
.mgt15{ margin-top:15px!important;} .mgb15{margin-bottom:15px!important;} .pdb15{padding-bottom:15px;}
.mgt20{ margin-top:20px!important;} .mgb20{margin-bottom:20px!important;} .pdb20{padding-bottom:20px;}
.mgt30{ margin-top:30px!important;} .mgb30{margin-bottom:30px!important;}
.mgtb10{margin: 10px 0!important;} .mgtb15{margin: 15px auto!important;} .mgtb20{margin: 20px 0!important;}
.mgl10{margin-left:10px} .mgr10{margin-right:10px}
.pdt30{padding-top:30px !important;} .pdb30{padding-bottom:30px !important;}
.pdt20{padding-top:20px !important;} .pdb20{padding-bottom:20px !important;}
.pd20{padding:20px !important;} .pd15{padding:15px !important;} .pd10{padding:10px !important;}
.pd15{padding:15px !important;} .pd18{padding:18px !important;}
.ft12{font-size: 12px !important;}
.ft14{font-size: 14px !important;}
.ft18{font-size: 18px !important;}
.ft20{font-size: 20px !important;}
.ft22{font-size: 22px !important;}
.img-hover  { -webkit-transition: 1s; transition: 1s; }
.img-hover:hover  { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
/*layout-wap-union*/
.mod-wap-union {overflow: hidden;}
.mod-union-show {overflow: hidden;}
.union-wrap {width:100%;text-align: center;overflow:hidden;}
.union-adv960{margin:0 auto;width:960px;min-height:90px;border-radius: 5px;background: #ffffff;overflow:hidden;}
.union-adv300{width:300px;min-height:90px;border-radius: 5px;overflow:hidden;}
.union-adv728{margin:0 auto;width:728px;height:90px;border-radius: 5px;obackground: #ffffff;overflow:hidden;}
.union-show {overflow: hidden;}
.union-show .content {padding-top:0px !important;padding-bottom:0px !important;overflow: hidden;}
/*design-wap-wrapper*/
#design-wap-wrapper {max-width:768px;margin:0 auto; padding-top: 60px;}
.mod-wap-wrap {display: flex;justify-content: space-between;flex-direction: row;flex-wrap: nowrap;}
.mod-wap-section {position: relative;margin-bottom:15px;overflow: hidden;border-radius: 0px;}
.mod-wap-section .mod-wap-wrap {display: flex;flex-direction: column;min-height: 80px;background: #ffffff;}
.mod-wap-section .mod-wap-content {padding:10px 15px;}
/*==design-wap-header==*/
.design-wap-header {height: 60px; background: #ffffff;position: fixed;top:0;z-index:9999;width: 100%;max-width: 768px;border-bottom: 0px #eee solid;overflow: hidden; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);}
.design-wap-header .mod-header-wrap {display: flex;justify-content: space-between;flex-direction: row;flex-wrap: nowrap;}
.design-wap-header .mod-header-left {display: flex;align-items: center;}
.design-wap-header .mod-header-left .design-wap-logo {margin:15px 15px 15px 20px;font-size: 24px;color: #fff;display: inline-block;height: 30px;font-size: 24px;color: #00c8ff;}
.design-wap-header .mod-header-left .design-wap-logo img{height: 100%;}
.design-wap-header .mod-header-left .design-wap-class {position: relative; padding-left: 15px;font-size: 22px;font-weight: 500;color: #fff;}
.design-wap-header .mod-header-left .design-wap-class:before {content: ''; left: 0;top:14px;width: 6px;height: 6px; position: absolute; border-radius: 6px; background-color: #ffffff;}
.design-wap-header .mod-header-right {margin:15px 20px;cursor: pointer;height: 30px;line-height: 30px;}
.design-wap-header .mod-header-right a{display: inline-block;color: #00c8ff;}
.design-wap-header .mod-header-right a:hover {color: #FF6000;}
.design-wap-header .mod-header-right .search-btn{margin-right: 10px;}
.design-wap-header .mod-header-right .search-btn .icon-search:before{font-size: 26px;}
.design-wap-header .mod-header-right .menu-btn{cursor: pointer}
.design-wap-header .mod-header-right .menu-btn .icon-menu:before{font-size: 26px;}
/*==design-wap-nav==*/
.design-wap-nav {overflow:hidden;position:relative;border-bottom:1px #eee solid}
.design-wap-nav .mod-nav-wrap {padding:10px 0px;background:#f9f9f9;}
.design-wap-nav .list-wap-navul {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.design-wap-nav .list-wap-navul li {width: 20%;line-height: 30px;font-size: 18px;text-align: center;}
/*==design-wap-footer==*/
.design-wap-footer .mod-footer-nav {background: #00c8ff;text-align:center;overflow: hidden}
.design-wap-footer .mod-footer-nav .list-wap-navul {margin:0 auto;overflow: hidden;padding:0px 15px; display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
.design-wap-footer .mod-footer-nav .list-wap-navul li {float:left;width:16.666%;text-align:center;white-space:nowrap;}
.design-wap-footer .mod-footer-nav .list-wap-navul li a {display:block;text-decoration:none;height: 50px;line-height:50px;text-align: center;font-size:18px;color: #FFFFFF;}
.design-wap-footer .mod-footer-nav .list-wap-navul li a.thisclass{border-bottom: 1px solid #0000ff; color: #fff;}
.design-wap-footer .mod-footer-copy {width:auto;padding: 10px;text-align:center;}
.design-wap-footer .mod-footer-copy p {font-size:14px;color:#fff;line-height:1.5;}
.design-wap-footer .mod-footer-copy p a{color:#fff;}
/*分页*/
.list_page {margin: 15px auto;}
.pageLink {line-height: 36px;clear: both;font-size: 14px;}
.pageLink a,.list_page a {margin: 0px 5px;padding: 7px 12px 7px;border: 1px solid #eee;background: #f5f5f5;text-align: center;display: inline;border-radius: 6px;overflow: hidden;}
.pageLink a:hover,.list_page a:hover {border: 1px solid #00a0e2;background: #00a0e2;color: #FFF;text-align: center;font-weight: normal;text-decoration: none;border-radius: 6px;overflow: hidden;}
.pageLink b {margin: 0px 5px;padding: 5px 12px 5px;border: 1px solid #00a0e2;background: #00a0e2;color: #FFF;text-align: center;display: inline;border-radius: 6px;overflow: hidden;}
/*分页2*/
.showpage .epages {text-align: center;}
.epages {margin: 15px auto 0px;text-align: center;font-size: 16px;}
.epages * {vertical-align: middle;}
.epages a {display: inline-block;margin: 5px 5px;padding: 7px 12px 7px;border: 0px solid #eee;background: #f5f5f5;text-align: center;text-decoration: none;border-radius: 6px;overflow: hidden;}
.epages a:hover {border: #00a0e2 0px solid;background: #00a0e2;text-decoration: none;color: #FFF}
.epages input {margin-bottom: 0px;border: 0px solid #0096A5;height: 15px;padding-bottom: 1px;padding-left: 1px;margin-right: 1px;color: #0096A5}
.epages b {margin: 5px 5px;padding: 7px 12px 7px;border: 0px solid #00a0e2;background: #00a0e2;color: #FFF;text-align: center;text-decoration: none;border-radius: 8px;}
/*design-wap-crumbs*/
.design-wap-crumbs{overflow:hidden;padding:0 15px;font-size:14px; height: 35px; line-height: 35px; font-size: 14px;}
.design-wap-crumbs,.design-wap-crumbs a{color:#666}
.design-wap-crumbs i{font-size:14px;padding:0 3px;color:#b5b5b5}
/*mod-wap-titleA*/
.mod-wap-titleA {position:relative; margin: 0 20px; padding: 15px 0px 10px; height: 24px; line-height: 22px; border-bottom: 1px #eee solid;overflow: hidden;display: flex;justify-content: space-between;justify-content: space-between;}
.mod-wap-titleA .mod-title-name {position:relative; padding-left: 15px;display: block; font-size: 22px; font-weight: 500;}
.mod-wap-titleA .mod-title-name::before{content:"";position:absolute;top:50%;left:0;margin-top:-9px;height:20px;width:5px;border-radius:2px;background-color:#00a4ff;}
.mod-wap-titleA .mod-title-name .icon-star {margin-right: 5px;font-size: 22px;color: #ff9900;font-weight:bold;}
.mod-wap-titleA .mod-title-name .icon-star:before {}
.mod-wap-titleA .mod-title-more {position absolute;top: 0px;right: 0;font-size: 15px;color: #666;}
.mod-wap-titleA .mod-title-more:hover {color:#ff6600}
.mod-wap-titleA .mod-title-more i {font-size: 16px;}
/*titleB*/
.mod-wap-titleB {position: relative;padding-bottom: 10px;height: 24px; line-height: 24px;border-bottom: 1px solid #eee;clear: both;}
.mod-wap-titleB .mod-title-name {position: relative;float: left;padding-bottom:9px;border-bottom: 1px solid #008ee1;margin-bottom: -1px;font-size: 18px;line-height: 24px;/* color: #008ee1; */font-weight:500;}
.mod-wap-titleB .mod-title-name a {/* font-size: 24px; color: #008ee1;*/}
.mod-wap-titleB .mod-title-more {float: right;line-height: 44px;color: #959595;}
.mod-wap-titleB .mod-title-more i{ font-family: serif; font-size: 16px; color: #959595;}
.mod-wap-titleB .mod-title-links {float: right;color: #959595;margin-top: 15px;/* margin-right:50px; line-height: 44px;  position: absolute; right: 70px;bottom: 15px; */}
.mod-wap-titleB .mod-title-links .title a{font-size: 12px;color: #406599!important;font-family:'Microsoft Yahei'!important;}
/*titleC*/
.mod-wap-titleC {position: relative;margin: 0px 20px 0px;height: 30px;line-height: 30px; padding: 0;overflow: hidden;/* border-bottom: 1px #eee solid; */}
.mod-wap-titleC h3 {display: block;padding: 0px 10px;font-size: 18px;color: #fff;background-color: #00a4ff;border-radius: 0px 0px 4px 4px;float: left;}
.mod-wap-titleC .mod-title-more {float: right;height: 30px;line-height: 35px;color: #959595;}
/*tab-container*/
/*选项卡1*/
#lib-tab1,#lib-tab2{margin:0px;padding:0px;margin-bottom:0px;}
#lib-tab1 {margin: 10px 20px 15px;overflow:hidden}
.mod-wap-tabBox .lib-tabMenu{overflow:hidden}
.mod-wap-tabBox .lib-tabMenu ul{margin:0px 20px 10px;padding:0px;width: -webkit-calc(100% - 20px);display: flex;justify-content: space-between; font-size:20px; text-align:center;}
.mod-wap-tabBox .lib-tabMenu li{float:left;display:block;cursor:pointer;width: -webkit-calc(33.333% - 20px);height:40px;line-height:40px;text-align: center;vertical-align: middle;background-color:#E4F2FD;border-radius: 4px;}
.mod-wap-tabBox .lib-tabMenu li.active{background: #449ffa;color: #fff;}
.mod-wap-tabBox .lib-tabCont{overflow:hidden}
.mod-wap-tabBox .lib-tabCont .lib-tabCont-item {overflow:hidden}
/*lib-tab2*/
.mod-wap-tabBox .lib-tabClass{ margin-bottom: 0px;overflow:hidden}
.mod-wap-tabBox .lib-tabClass ul{ margin: 0px 0px; position: relative;width100%; border-bottom: 2px solid #e5e5e5;display: flex;flex-direction: row; justify-content: space-evenly;}
.mod-wap-tabBox .lib-tabClass ul li {width: 33%; flex:1; padding: 0px;cursor: pointer; font-size:20px; text-align:center;}
.mod-wap-tabBox .lib-tabClass ul li span{display: inline-block;line-height: 40px; position: relative; box-sizing: border-box;}
.mod-wap-tabBox .lib-tabClass ul li.active {color:#449ffa;}
.mod-wap-tabBox .lib-tabClass ul li span::after {content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);width: 100%; height: 2px;background-color: #e5e5e5;transition: all 0.8s;}
.mod-wap-tabBox .lib-tabClass ul li.active span::after {background:#449ffa;}
.mod-wap-tabBox .lib-tabCont {overflow:hidden}
.mod-wap-tabBox .lib-tabCont>div {overflow:hidden}

/*list-wap-infoul*/
.list-wap-infoul {padding: 0px 0px;position: relative;overflow: hidden;}
.list-wap-infoul li {padding: 20px 0px;border-bottom: 1px solid #eee;position: relative;overflow: hidden;}
.list-wap-infoul li + li {border-top: 0px solid #eee;}
.list-wap-infoul li .item-wrap {position: relative;width:100%;min-height: 100px;margin: 0px 0px;display: inline-block;}
.list-wap-infoul li .item-wrap .item-pic {float: right;margin-left: 20px;width: 23%;max-width: 180px;height: 100px;border-radius: 4px;overflow: hidden;}
.list-wap-infoul li .item-wrap .item-pic img {width: 100%;height: auto;min-height: 100%;}
.list-wap-infoul li .item-wrap .item-main {/*float: left;nwidth: -webkit-calc(75% - 15px);*/overflow: hidden;}
.list-wap-infoul li .item-wrap .item-main .item-title {font-size: 20px; line-height: 24px; margin-bottom: 10px; font-weight: 500;-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.list-wap-infoul li .item-wrap .item-main .item-txt {font-size: 13px;color: #999;}
.list-wap-infoul li .item-wrap .item-main .item-meta {/*width: -webkit-calc(75% - 15px);*/position: absolute;bottom: 0;color: #888;font-size: 14px;}
.list-wap-infoul li .item-wrap .item-main .item-meta span {margin-right: 8px;position: relative;}
.list-wap-infoul li .item-wrap .item-main .item-meta span.icon-point {padding-left: 13px;}
.list-wap-infoul li .item-wrap .item-main .item-meta span.icon-point:before {content: '';left: 0; top: 5px;width: 5px; height: 5px;position: absolute; border-radius: 4px;background-color: #ccc; }
.list-wap-infoul li .item-wrap .item-main .item-meta span.icon-date { }
.list-wap-infoul li .item-wrap .item-main .item-meta span.view {float:right;}
.list-wap-infoul li .item-wrap .item-main .item-meta span.icon-view:before {margin-right:3px; font-size: 16px;}
/*list-wap-picul*/
.list-wap-picul { margin: 0 -8px; display: flex; flex-wrap: wrap;overflow: hidden;}
.list-wap-picul li {width: 50%;float: left; overflow: hidden;}
.list-wap-picul li .item-wrap { position: relative;margin: 8px 8px;display: flex; flex-direction: column;background: #fff; border-radius: 4px;overflow: hidden;}
.list-wap-picul li .item-wrap .item-thumb {position:relative; display: inline-block; width: 100%; min-height: 110px;max-height: 210px;border-radius: 4px;overflow: hidden;}
.list-wap-picul li .item-wrap .item-thumb img {width: 100%;min-height: 100%;}
.list-wap-picul li .item-wrap .item-main {margin-top: 10px;}
.list-wap-picul li .item-wrap .item-main .item-title {line-height 22px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.list-wap-picul li .item-wrap .item-main .item-meta {margin-top: 15px;height: 24px;line-height: 24px;font-size: 14px;overflow: hidden;display: flex;justify-content: space-between;}
.list-wap-picul li .item-wrap .item-main .item-meta span {color: #999;}
.list-wap-picul li .item-wrap .item-main .item-meta span a {color: #999;}
.list-wap-picul li .item-wrap .item-main .item-meta span a:hover {color: #FF6000;}
.list-wap-picul li .item-wrap .item-main .item-meta span.time {float:right;margin-right:0px;}
.list-wap-picul li .item-wrap .item-main .item-meta span.view {float:right;}
.list-wap-picul li .item-wrap .item-main .item-meta span.icon-view:before {margin-right:3px; font-size: 16px;}
.list-wap-picul li .item-wrap .item-main .item-meta .author a img{width:24px;height:24px;margin-right:5px;/*vertical-align:middle;*/border-radius:50px;padding:0px;border:0px solid #e0e0e0; -webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out;}
.list-wap-picul li .item-wrap .item-main .item-meta .author a:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
/*list-wap-more*/
.list-wap-more {text-align: center;border-top: 1px solid #eee;font-size:18px;padding-top: 15px;}
.list-wap-more>a {}
.list-wap-more>a:after {content: "";display: inline-block;width: 6px;height: 12px;margin-left: 5px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5l5 5.04-5 4.96' stroke='%23111E36' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%}
.list-wap-more .icon-angle-double-right {}
.list-wap-more .icon-angle-double-right:before {font-size:20px;}
/*list-wap-rankul*/
.list-wap-rankul {padding: 0px 0;overflow: hidden;}
.list-wap-rankul li {height: auto;padding: 10px 0;}
.list-wap-rankul li + li {/*margin-top: 10px;padding-top: 10px;*/border-top: 1px #eee dashed;}
.list-wap-rankul li a {text-decoration: none;cursor: pointer;height: 24px;line-height: 24px;display: block;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-wap-rankul li a.line1 {padding-top: 12px;}
.list-wap-rankul li a i {text-decoration: none;cursor: pointer;line-height: 24px;display: table-cell;height: 36px;font-style: normal;}
.list-wap-rankul li em {display: inline-block;text-align: center;width: 22px;height: 22px;line-height: 22px;float: left;margin: 1px 10px 0px 0;font-size: 14px;color: #fff;border-radius: 2px;background:#afb2b7;}
.list-wap-rankul li:nth-child(1) em {background-color: #0088ff; }
.list-wap-rankul li:nth-child(2) em {background-color: #0099ff; }
.list-wap-rankul li:nth-child(3) em {background-color: #55bbff; }
/*list-wap-topicul*/
.list-wap-topicul {display: inline-block; margin:0px;}
.list-wap-topicul li {width: 50%;float: left;overflow: hidden;}
.list-wap-topicul li .item-wrap {margin: 10px; overflow: hidden; position: relative; display: block; background: #fff; border-radius: 4px; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);}
.list-wap-topicul li .item-wrap .item-thumb {position:relative; width: 100%;height: 180px;overflow: hidden;}
.list-wap-topicul li .item-wrap .item-thumb:after {position: absolute; content: '';display: block;left: 0;right: 0;bottom: 0;height: 15px;background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #fff 100%);background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%, #fff 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffffff', GradientType=0);z-index: 10;}
.list-wap-topicul li .item-wrap .item-thumb img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-wap-topicul li .item-wrap .item-term {position: absolute;top: 10px;left: 0;padding: 2px 5px;background: #ff6000;font-size: 14px;color: #fff;border-radius: 0px 5px 5px 0;}
.list-wap-topicul li .item-wrap .item-term .term-i{}
.list-wap-topicul li .item-wrap .item-info {padding: 0px 20px 15px;}
.list-wap-topicul li .item-wrap .item-info .item-title{font-size: 18px;font-weight: bold;text-align: center;color: #323232;}
.list-wap-topicul li .item-wrap .item-info .item-title:hover{color: #ff6000;}
.list-wap-topicul li .item-wrap .item-info .item-desc{height: 40px;margin: 15px 0;line-height: 20px;font-size: 12px;overflow: hidden;color: #999;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.list-wap-topicul li .item-wrap .item-info .item-meta {text-align: center;overflow: hidden;}
.list-wap-topicul li .item-wrap .item-info .item-meta .btn-orange-border{display: block;font-size: 14px;color: #777;line-height:34px;overflow: hidden; background: #fafafa;border: 1px solid transparent;border-radius: 6px;}
.list-wap-topicul li .item-wrap .item-info .item-meta .btn-orange-border:hover{color: #ffffff; background: #ff6000;}
.list-wap-topicul li:hover .item-wrap .item-thumb img{transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-wap-topicul li:hover .item-wrap .item-info .item-title{color: #ff6000;} 
/*list-wap-category*/
.list-wap-category {margin: 0px 0;display: flex;flex-wrap: wrap;justify-content: space-between;overflow:hidden;}
.list-wap-category li {float:left;width:33.3333%;width: -webkit-calc(33.3333% - 10px);box-sizing:border-box;}
.list-wap-category li a{display:block;margin:8px 0px;width: -webkit-calc(100% - 2px);line-height:32px;text-align:center;font-size:16px;border-radius:10px;border:1px solid #148cff}
.list-wap-category li.active a{background-color: #148cff;color: #ffffff;}
/*==.design-wap-layout==*/
.design-wap-layout,.design-wap-focus,.design-wap-update,.design-wap-ziyuan,.design-wap-picture {overflow: hidden;}
/*article-tags*/
.design-wap-layout .article-tags {overflow: hidden; }
.design-wap-layout .article-tags .tagslist {margin:20px 30px;height: auto;text-align: center;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.design-wap-layout .article-tags .tagslist a {max-width: 190px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;padding: 0 10px 0 5px;line-height: 30px;height: 30px;margin-right: 6px;font-size: 14px;color: #555;text-decoration: none !important;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;margin-bottom: 10px;}
.design-wap-layout .article-tags .tagslist a i {border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #fff;color: #555;font-size: 16px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.design-wap-layout .article-tags .tagslist a:before {float: left;content: "#";border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #fff;color: #555;font-size: 16px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.design-wap-layout .article-tags .tagslist a:hover {background: #0092ff;color: #FFF;}



/*design-wap-swipe*/
.design-wap-focus .design-swipe {width:100%;height 300px;position: relative;overflow: hidden; -webkit-transform: translateZ(0);background: #ffffff;}
.design-wap-focus .design-swipe {width:100%; height: 300px;position: relative;overflow: hidden; visibility: hidden; }
.design-wap-focus .design-swipe .swipe-wrap { overflow: hidden; position: relative;}
.design-wap-focus .design-swipe .swipe-wrap > div { float:left; width:100%;height: 300px; position: relative; }
.design-wap-focus .design-swipe div a{display:block;line-height:0px;}
.design-wap-focus .design-swipe div img { width:100%;min-height: 100%; margin-top:-30px;}
.design-wap-focus .design-swipe .carousel_abs { padding-right: 5.5%;position: absolute; display: block; height: 50px; line-height: 50px; bottom: 0; left: 0; right: 0; font-size: 16px; color: #fff; text-align: center; -webkit-transform: translateZ(0); z-index: 1; text-shadow: 1px 1px 1px #000;
background-color: rgba(0,0,0,0);background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9)); }
.design-wap-focus .design-swipe .carousel_abs em {padding:0 30px 0px 10px;display: block; overflow: hidden; text-shadow: 1px 1px 1px rgba(0,0,0,.65); text-overflow:ellipsis; white-space: nowrap;}
.design-wap-focus .design-swipe .swipe-point{position:absolute; bottom: 0; right: 0; font-style italic;}
.design-wap-focus .design-swipe .swipe-point #position{text-align:center; list-style:none; margin:0; padding:0; color: #fff; background #9ac7ed; width: 50px; height: 35px;}
.design-wap-focus .design-swipe .swipe-point #position li{ width:50px; float: left; height: 35px; display: none;}
.design-wap-focus .design-swipe .swipe-point #position li.on{ background #2a70be; display: block;}
/*toutiao*/
.design-wap-focus .design-toutiao {background: #ffffff;overflow: hidden;}
.design-wap-focus .design-toutiao .list-wap-textul {position: relative;padding: 15px 10px;overflow: hidden;}
.design-wap-focus .design-toutiao .list-wap-textul li {}
.design-wap-focus .design-toutiao .list-wap-textul li + li {margin-top: 20px;}
.design-wap-focus .design-toutiao .list-wap-textul li .title {margin-bottom: 10px;height: 20px;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.design-wap-focus .design-toutiao .list-wap-textul li .title span {float: left;margin-right: 8px;color: #ff2253;font-size: 12px;border: 1px solid #ff2253;text-align: center;border-radius: 3px;padding: 0px 3px 0px;line-height: 18px;background: #fff;}
.design-wap-focus .design-toutiao .list-wap-textul li .title a {font-size: 18px;font-weight: bold;}
.design-wap-focus .design-toutiao .list-wap-textul li .text {line-height: 18px;font-size: 14px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*==layout-wap-article==*/
.design-wap-article {overflow:hidden;}
.design-wap-article {position: relative;margin-bottom: 15px;padding: 0px;background: #fff; border-radius: 4px;overflow: hidden; }
.design-wap-article .content {padding: 20px;}
.design-wap-article .article-header {position: relative;padding:20px 20px 10px;border-bottom: 1px solid #eee;text-align center;}
.design-wap-article .article-header .article-title {margin-bottom: 0px;line-height: 26px;font-size: 20px;font-weight:700;clear: both;}
.design-wap-article .article-header .article-meta {margin-top:10px;border-bottom:0px solid #eee;display: block;}
.design-wap-article .article-header .article-meta span {color: #999;font-size:14px;margin-right: 10px;}
.design-wap-article .article-header .article-meta span a {color: #00a2ff; background-color: transparent; -webkit-text-decoration-skip: objects;}
.design-wap-article .article-header .article-meta span a:hover {color: #f80;}
.design-wap-article .article-header .article-meta .icon-date{margin-right:3px;}
.design-wap-article .article-header .article-meta .icon-article{color: #f80;}
.design-wap-article .article-header .article-meta .icon-article:before{margin-right:3px; color: #f80;}
.design-wap-article .article-summary {margin: 10px 20px;padding: 10px 15px;background-color: #f6f7fb;color: #999;line-height: 1.8em;font-size: 14px;}
.design-wap-article .article-summary p{/* height: 40px; */line-height: 24px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.design-wap-article .article-content {display: block; margin: 0px 0;padding: 10px 30px;font-size: 16px;line-height: 30px;overflow: hidden;}
.design-wap-article .article-content p {display:block; padding: 8px 0; clear:both;/*text-align: justify;*/overflow:visible;word-break:break-all}
.design-wap-article .article-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.design-wap-article .article-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.design-wap-article .article-content img {max-width: 90%;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.design-wap-article .article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.design-wap-article .article-content .keylink:hover{color:#ff0000;} 
.design-wap-article .article-content strong {font-weight:bold;} 
.design-wap-article .article-content pre ,
.design-wap-article .article-content blockquote{margin-top: 15px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.design-wap-article .article-content pre ,
.design-wap-article .article-content blockquote p {margin: 0px 0;} 
.design-wap-article .article-content pre {white-space: pre-wrap;}
.design-wap-article .article-content table{ max-width:90%; min-width:60%;margin:10px auto 20px; border:1px solid #ddd;border-collapse:collapse;font-size: 15px;}
.design-wap-article .article-content table tr:nth-child(2n+1){ background-color: #f8f8f8;}
.design-wap-article .article-content table th,table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #ddd;}
.design-wap-article .article-content table thead th{font-weight:700;}
.design-wap-article .article-content table tbody th{font-weight:500;}
.design-wap-article .article-content table tbody p {text-align:center;}
.design-wap-article .article-content ul,
.design-wap-article .article-content ol{margin:15px 20px 15px 30px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.design-wap-article .article-content ul li,
.design-wap-article .article-content ol li {margin: 0 15px;line-height: 200%;}
.design-wap-article .article-content ul li { padding:5px 0px; list-style: disc;}
.design-wap-article .article-content ul li + li {border-top: 1px #eee dashed;}
.design-wap-article .article-content ul li p {margin: 0;}
.design-wap-article .article-content pre{margin:16px 0 14px;padding:14px 15px 12px;border-radius:3px;border:none}
.design-wap-article .article-content code{margin:0 3px;padding:3px 4px;border-radius:3px;background-color:#f6f6f6;font-size:14px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.design-wap-article .article-content pre code{padding:0;margin:0;overflow:visible}
.design-wap-article .article-content pre,
.design-wap-article .article-content pre code{font-size:14px;line-height:1.6;background:#f6f6f6;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.design-wap-article .article-content pre::-webkit-scrollbar{width:6px!important;height:6px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.design-wap-article .article-content pre::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(153,153,153,.75)}
/*article-relation*/
.design-wap-article .article-related {padding:0px 0px;overflow:hidden}
.design-wap-article .article-related .mod-content {padding:20px 30px;}
.design-wap-article .article-related .list-wap-titul {overflow:hidden;padding: 15px 0 10px;background: #fbfbfb; display: flex;flex-wrap: nowrap;justify-content: space-between; flex-direction: column;}
.design-wap-article .article-related .list-wap-titul li {float:left;/*width: -webkit-calc(50% - 30px);*/margin:0 15px;height:35px;line-height:35px;font-size:16px;overflow:hidden}
.design-wap-article .article-related .list-wap-titul li a {display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} 
.design-wap-article .article-related .list-wap-titul li:before {float: left;content: ""; background: #ccc; width: 5px; height: 5px; overflow: hidden; display: inline-block; margin: 16px 8px 0 0; border-radius: 5px;}
/*===design-wap-download===*/ 
.design-wap-download {margin-bottom: 15px; overflow: hidden;}
.design-wap-download .content{padding: 20px 20px;border-radius: 4px;overflow: hidden;display: flex;justify-content: space-between;flex-direction: column;}
.design-wap-download .download-header {display: block;margin-bottom: 15px; padding:0px;overflow: hidden;text-align: center;background: #fff;overflow: hidden;border-radius: 4px;/*display: flex;flex-direction: column;align-items: center;*/}
.design-wap-download .download-header .download-title{margin-top: 20px;width:100%;line-height: 1.5;font-weight:700;font-size: 20px;}
.design-wap-download .download-header .download-thumb{width: 100%; min-height 260px; overflow: hidden;border-radius: 6px;}
.design-wap-download .download-header .download-thumb img{width:100%; height:100%;}
.design-wap-download .download-header .download-detail {width: 100%;margin-top: 20px;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap; background: #f6f7fb;overflow: hidden;}
.design-wap-download .download-header .download-detail .download-parameter {display: flex;padding: 10px 20px;height: 60px;justify-content: space-around;flex-wrap: wrap;}
.design-wap-download .download-header .download-detail .download-parameter .item {width: 50%; margin: 5px 0;font-size: 14px;text-align: left;}
.design-wap-download .download-header .detail-tips {width: 80%;margin: 0 auto;font-size: 18px;color: #2993ff;display: flex;justify-content: space-between;margin-top: 20px;}
.design-wap-download .download-header .detail-tips .sprite { background: url(https://resource.bear20.com/bear_download/Wap/images/icons.png); background-size: 700px;}
.design-wap-download .download-header .detail-tips .tip1 .sprite{width: 18px;height: 22px;display: inline-block;background-position: -504px -168px;vertical-align: middle;margin-top: -5px;margin-right: 8px;}
.design-wap-download .download-header .detail-tips .tip2 .sprite{width: 18px;height: 22px;display: inline-block;background-position: -539px -168px;vertical-align: middle;margin-top: -5px;margin-right: 8px;}
.design-wap-download .download-header .detail-tips .tip3 .sprite{width: 18px;height: 22px;display: inline-block;background-position: -575px -168px;vertical-align: middle;margin-top: -5px;margin-right: 8px;}
.design-wap-download .download-content {display: block; margin: 20px 0;padding: 0px 0px;font-size: 16px;line-height: 30px;background-color: #fff;overflow: hidden;border-radius: 4px;}
.design-wap-download .download-content .content p {display:block; padding: 8px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.design-wap-download .download-content .content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.design-wap-download .download-content .content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.design-wap-download .download-content .content img {max-width: 90%;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.design-wap-download .download-content .content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.design-wap-download .download-content .content .keylink:hover{color:#ff0000;} 
.design-wap-download .download-content .content strong {font-weight:bold;} 
.design-wap-download .download-links {display: block;background: #fff;border-radius: 4px;overflow: hidden;}
.design-wap-download .download-links .links {margin-top: 20px; background-position: right bottom !important;display: flex; flex-direction: row;}
.design-wap-download .download-links .links a{display: block;float: left;margin-right: 20px; padding:0px 10px;height: 30px; line-height: 30px; text-align: center; color: #fff;font-size: 15px;background: #f70;border-radius: 4px;}
.design-wap-download .download-links .links a em {display: block;float: left;margin-right: 10px;width: 26px;height: 30px;line-height: 30px;border-right: 1px solid #ff9865;background: url(../images/arrow-icon.png) no-repeat 0px -75px;}
.design-wap-download .download-links .chennuo{position:relative;margin-bottom: 0px;line-height: 1.5;font-size: 14px;z-index:1500;color:#666;}


@media(max-width: 768px){
    
#design-wap-wrapper{padding-top: 43px;}
.mod-wap-section {margin-bottom:10px;}
.design-wap-article {margin-bottom:10px;}
.pageLink {padding: 0 15px;}
.mod-wap-titleA {margin: 0 15px;}
.mod-wap-titleA .mod-title-name { font-size: 18px;font-weight: 700;}
.mod-wap-titleA .mod-title-name::before {height: 18px;}

.mod-wap-titleC {margin: 0px 15px 0px;line-height: 30px;font-size: 16px;}

.list-wap-infoul li {padding: 15px 0px;font-size: 16px;}
.list-wap-infoul li .item-wrap{min-height: 75px;height: 75px !important;}
.list-wap-infoul li .item-wrap .item-pic{margin-left: 10px; width: 32%;height: 75px;}
.list-wap-infoul li .item-wrap .item-main .item-title {font-size: 16px;}
.list-wap-more {font-size: 16px; padding-top: 10px;}

.list-wap-picul li .item-wrap .item-thumb {min-height: 60px;max-height: 100px;}
.list-wap-picul li .item-wrap .item-main .item-title {line-height: 22px;font-size: 16px;}
.list-wap-picul li .item-wrap .item-main .item-meta {margin-top: 8px;}

.list-wap-rankul li {height: 22px;line-height: 22px;}
.list-wap-rankul li a {height: 22px;line-height: 22px;font-size: 16px;}
.list-wap-rankul li em {margin: 2px 10px 0px 0;width: 18px;height: 18px;line-height: 18px;}

.list-wap-category li {width: -webkit-calc(33.3333% - 10px);}
.list-wap-category li a{margin:5px 0px;width: -webkit-calc(100% - 2px);}

#lib-tab1 {margin: 10px 15px 15px;overflow:hidden}
.mod-wap-tabBox .lib-tabClass ul li {font-size: 16px;font-weight: bold;}
.mod-wap-tabBox .lib-tabMenu ul {margin:0px 10px 10px;font-size: 16px;}
.mod-wap-tabBox .lib-tabMenu li {width: -webkit-calc(33.333% - 10px);height: 30px;line-height: 30px;}

.design-wap-header{height: 43px;}
.design-wap-header .mod-header-left .design-wap-logo {margin: 10px 15px;height: 22px;line-height: 24px;font-size: 16px;}
.design-wap-header .mod-header-right{margin: 10px 15px;height: 24px;line-height: 24px;}
.design-wap-header .mod-header-right .search-btn {margin-right: 5px;}
.design-wap-header .mod-header-right .search-btn .icon-search:before,
.design-wap-header .mod-header-right .menu-btn .icon-menu:before {font-size: 24px;}

.design-wap-header .header-wrap .logo-wrap a.logo img{height: 100%;}
.design-wap-header .header-wrap .menu-wrap {right: 10px;height: 22px;line-height: 22px;}
.design-wap-header .header-wrap .menu-wrap .search-btn .icon-search:before {font-size: 22px;}
.design-wap-header .header-wrap .menu-wrap .menu-btn .icon-menu:before {font-size: 22px;}

.design-wap-nav .list-wap-navul li {padding: 0px 0px;font-size: 16px;}

.design-wap-focus .design-swipe {max-height: 180px !important;;overflow:hidden}
.design-wap-focus .design-swipe .swipe-wrap > div {height: 180px;}
.design-wap-focus .design-swipe .module-head h3{font-size:18px;}
.design-wap-focus .design-swipe .headline .title a {font-size: 18px;font-weight: bold;}
.design-wap-focus .design-swipe .headline .title span {font-size: 12px;line-height: 18px;background: #fff;}

.design-wap-focus .design-toutiao .list-wap-textul li + li {margin-top: 10px;}
.design-wap-focus .design-toutiao .list-wap-textul li .title a {font-size: 16px;}
.design-wap-focus .design-toutiao .list-wap-textul li .title span {margin-top: 1px;margin-right: 5px;padding: 0px 2px 0px;line-height: 16px;}

.design-wap-article .article-header {padding: 15px 15px 15px;}
.design-wap-article .article-content {padding: 10px 15px;font-size: 16px;line-height: 30px;}
.design-wap-download .download-content {margin: 15px 0;}
.design-wap-layout .article-tags .tagslist {margin: 20px 15px;}

.design-wap-footer .mod-footer-copy{font-size: 14px;}
}