@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: #eef1f9/*#f7f8fc*/; -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: #3c3c3c;text-decoration: none;}
a:hover {color:#0088FF;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; }
.textC{text-align:center}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.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:12px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^=designPage-] {width: 1280px; margin: 0 auto; min-height:200px;}

/******** design布局 ********/
/*wrapper*/
#wrapper {position: relative;margin:0px auto;max-width:768px;min-height:500px;padding-top: 52px;overflow:hidden; }
#mainWrap {position: relative;min-height:500px;}
.container{width:auto; margin:0 auto;padding:0px 10px;clear: both;}
.mod-wap-section {position: relative;margin-bottom:15px;overflow: hidden}
.mod-wap-section .section-wrap {padding: 15px;min-height: 80px;background: #fff;display: flex;flex-direction: column;gap: 15px;}
.mod-wap-section .section-content {margin:0px 0px;}
/*union*/
.uilay-wap-union {overflow: hidden;}
.mod-union-show {overflow: hidden;}
/*===wap-header===*/
.mod-wap-header {height: 52px; background: #fff;position: fixed;top:0;z-index:9999;width: 100%;max-width: 768px;border-bottom: 1px #eee solid;overflow: hidden; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);}
.mod-wap-header .container {padding: 10px;display: flex;justify-content: space-between;align-items: center;}
.mod-wap-header .mod-header-left {display: flex;align-items: center;}
.mod-wap-header .mod-header-left .mod-wap-logo {margin-right:10px;padding-right: 10px;font-size: 24px;color: #fff;display: inline-block;height: 30px;font-size: 24px;color: #00c8ff;border-right: 1px #eee solid;}
.mod-wap-header .mod-header-left .mod-wap-logo img{height: 100%;}
.mod-wap-header .mod-header-left .mod-wap-class {position: relative; padding-left 15px;font-size: 22px;font-weight: 500;}
/*.mod-wap-header .mod-header-left .mod-wap-class:before {content: ''; left: 0;top:14px;width: 6px;height: 6px; position: absolute; border-radius: 6px; background-color: #eee;}*/
.mod-wap-header .mod-header-side {margin:0px 0px;cursor: pointer;height: 30px;line-height: 30px;display: flex;gap: 10px;}}
.mod-wap-header .mod-header-side a{display: inline-block;}
.mod-wap-header .mod-header-side a:hover {color: #FF6000;}
.mod-wap-header .mod-header-side .search-btn{margin-right: 0px;}
.mod-wap-header .mod-header-side .search-btn .icon-search:before{font-size: 26px;}
.mod-wap-header .mod-header-side .menu-btn{cursor: pointer}
.mod-wap-header .mod-header-side .menu-btn .icon-menu:before{font-size: 26px;}
/*==wap-nav==*/
.mod-wap-nav {padding:10px 5px;height: px;background:#fff;overflow:hidden;position:relative;border-bottom:1px #eee solid}
.mod-wap-nav .list-wap-navul {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.mod-wap-nav .list-wap-navul li {width: 16.666%;flex: 1 1 calc(20% - 6px);line-height: 30px;font-size: 18px;text-align: center;}
/*==mod-footer==*/
.mod-wap-footer .mod-footer-nav {background: #449ffa;text-align:center;overflow: hidden}
.mod-wap-footer .mod-footer-nav .mod-footer-menu {margin:0 auto;overflow: hidden;padding:0px;display: flex;align-items: center;justify-content: space-evenly;}
.mod-wap-footer .mod-footer-nav .mod-footer-menu li {float:left;height: 50px;line-height:50px;text-align:center;white-space:nowrap;}
.mod-wap-footer .mod-footer-nav .mod-footer-menu li a {display:block;text-decoration:none;line-height: 50px;text-align: center;font-size:18px;color: #FFFFFF;}
.mod-wap-footer .mod-footer-nav .mod-footer-menu li a.thisclass{border-bottom: 1px solid #0000ff; color: #fff;}
.mod-wap-footer .mod-footer-copy {width:auto;padding: 15px 0;text-align:center;}
.mod-wap-footer .mod-footer-copy p {font-size:14px;color:#fff;line-height:1.5;}
.mod-wap-footer .mod-footer-copy p a{color:#fff;}
.mod-wap-footer .mod-footer-bottom{font-size: 14px;text-align: center;margin: 20px 0;line-height: 1.75;}
.mod-wap-footer .mod-footer-bottom .footer-back{font-size: 16px;}
.mod-wap-footer .mod-footer-bottom .footer-copy{}
/*分页*/
.list_page {margin: 0 auto;}
.pageLink {/* line-height: 30px; */clear: both;font-size: 14px;display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;}
.pageLink a,.list_page a {/* margin: 0px 5px; */padding: 5px 9px;border: 1px #eee solid;background: #fff;text-align: center;display: inline;border-radius: 6px;overflow: hidden;}
.pageLink a:hover,.list_page a:hover {border: 1px #00a0e2 solid;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 9px 5px;border: 1px solid #00a0e2;/* background: #00a0e2; */color: #449ffa;text-align: center;display: inline;border-radius: 6px;overflow: hidden;}
/*分页2*/
.showpage .epages {text-align: center;}
.epages {margin: 0 auto;text-align: center;font-size: 14px;display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;}
.epages * {vertical-align: middle;}
.epages a {display: inline-block;/* margin: 0px 5px; */padding: 5px 9px;border: 1px #eee solid;background: #fff;text-align: center;text-decoration: none;border-radius: 6px;overflow: hidden;}
.epages a:hover {border: 1px #00a0e2 solid;background: #00a0e2;text-decoration: none;color: #FFF}
.epages input {margin-bottom: 0px;border: 1px solid #0096A5;height: 15px;padding-bottom: 1px;padding-left: 1px;margin-right: 1px;color: #0096A5}
.epages b {/* margin: 5px 5px; */padding: 5px 9px;border: 1px solid #00a0e2;background: #00a0e2;color: #FFF;text-align: center;text-decoration: none;border-radius: 8px;}
/*mod-titleA*/
.mod-titleA {position:relative; margin: 0 0px; padding-bottom:15px; height: 22px; line-height: 22px; border-bottom: 1px #eee solid;overflow: hidden;display: flex;justify-content: space-between;justify-content: space-between;}
.mod-titleA .name {position:relative; padding-left: 0px;display: block; font-size: 20px; font-weight: 500;}
/*.mod-titleA .title-name::before{content:"";position:absolute;top:50%;left:0;margin-top:-9px;height:20px;width:5px;border-radius:2px;background-color:#00a4ff;}*/
.mod-titleA .name .icon-star {margin-right: 5px;font-size: 22px;color: #ff9900;font-weight:bold;}
.mod-titleA .name .icon-star:before {}
.mod-titleA .more {position absolute;top: 0px;right: 0;font-size: 15px;color: #666;}
.mod-titleA .more:hover {color:#ff6600}
.mod-titleA .more i {font-size: 16px;}
/*titleC*/
.mod-titleC {position: relative;margin: 0px 20px 0px;line-height: 35px; padding: 0;overflow: hidden;/* border-bottom: 1px #eee solid; */}
.mod-titleC h3 {color: #fff;display: block;padding: 0px 10px;font-size: 16px;background-color: #00a4ff;border-radius: 0px 0px 4px 4px;float: left;}
.mod-titleC .more {float:right;font-size: 15px;color: #666;}
.mod-titleC .more:hover {color:#ff6600}
.mod-titleC .more i {font-size: 16px;}
/*mFull-title*/
.mfull-title{margin-bottom: 0px;line-height: 24px;font-size: 24px;font-weight:500;text-align: center;background: url(./../images/bg-fullw-title.png) center 10px no-repeat;}
.mfull-title font {color: #00b0ff;}
.mfull-title span{height: 24px;overflow: hidden;}
/*tags-title*/
.mid-title {font-size: inherit;font-size: 16px;font-weight: normal;color: #8a8a8a;text-align: center;position: relative;margin-bottom:0px;}
.mid-title::before {content: '';display: block;width: 100%;height: 0;border-bottom: 1px solid #f0f0f0;position: absolute;left: 0;right: 0;top: 50%;}
.mid-title span {display: inline-block;padding: 0 30px;background-color: #fff;position: relative;}
/*mod-wap-crumbs*/
.mod-wap-crumbs{overflow:hidden;padding:0 10px;font-size:14px; height: 35px; line-height: 35px; font-size: 14px;}
.mod-wap-crumbs a{color:#666}
.mod-wap-crumbs i{font-size:14px;padding:0 3px;color:#b5b5b5}

/*mod-wap-focus*/
.mod-wap-focus {margin-bottom: 15px;overflow:hidden;background: #ffffff;}
/*mod-wap-swipe*/
.mod-wap-focus .mod-wap-swipe {width:100%;position: relative;max-height 300px;overflow: hidden; -webkit-transform: translateZ(0);background: #ffffff;}
.mod-wap-focus .mod-wap-swipe {width:100%;position: relative;overflow: hidden; visibility: hidden; height: 300px;}
.mod-wap-focus .mod-wap-swipe .swipe-wrap { overflow: hidden; position: relative;}
.mod-wap-focus .mod-wap-swipe .swipe-wrap > div { float:left; width:100%;max-height: 300px; position: relative; }
.mod-wap-focus .mod-wap-swipe div a{display:block;line-height:0px;}
.mod-wap-focus .mod-wap-swipe div img { width:100%;min-height: 100%; margin-top:0px;}
.mod-wap-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)); }
.mod-wap-focus .mod-wap-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;}
.mod-wap-focus .mod-wap-swipe .swipe-point{position:absolute; bottom: 0; right: 0; font-style italic;}
.mod-wap-focus .mod-wap-swipe .swipe-point #position{text-align:center; list-style:none; margin:0; padding:0; color: #fff; background #9ac7ed; width: 50px; height: 35px;}
.mod-wap-focus .mod-wap-swipe .swipe-point #position li{ width:50px; float: left; height: 35px; display: none;}
.mod-wap-focus .mod-wap-swipe .swipe-point #position li.on{ background #2a70be; display: block;}
/*toutiao*/
.mod-wap-focus .mod-wap-toutiao {overflow: hidden;}
.mod-wap-focus .mod-wap-toutiao .list-wap-ttul {position: relative;padding: 20px 20px;overflow: hidden;}
.mod-wap-focus .mod-wap-toutiao .list-wap-ttul li {position: relative;overflow: hidden;}
.mod-wap-focus .mod-wap-toutiao .list-wap-ttul li + li {margin-top: 20px;}
.mod-wap-focus .mod-wap-toutiao .list-wap-ttul li .title {position: relative;padding-left: 38px;margin-bottom: 10px;height: 20px;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mod-wap-focus .mod-wap-toutiao .list-wap-ttul li .title:before {content: "置顶";display: block;position: absolute;left: 0;top: 0;padding: 0px 3px 0px;width20px;height: 18px;line-height: 16px;font-size: 12px;border: 1px solid #ff2253;text-align: center;color: #ff2253;border-radius: 3px;font-weight: normal;}
.mod-wap-focus .mod-wap-toutiao .list-wap-ttul li .title a {height: 20px;line-height: 18px;font-size: 18px;font-weight: 500;overflow: hidden;}
.mod-wap-focus .mod-wap-toutiao .list-wap-ttul li .text {line-height: 18px;font-size: 13px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*===========选项卡=========*/
#lib-tab1,#lib-tab2{margin:0px;padding:0px;}
#lib-tab1 {margin: 0px 0px;}
.mlib-tabBox .tab-college{overflow:hidden;margin-bottom: 20px;}
.mlib-tabBox .tab-college ul{margin:0px 0px;padding:0px;width: 100%;font-size: 16px;text-align: center;display: flex;justify-content: center;align-items: center; gap: 15px;}
.mlib-tabBox .tab-college li{float:left;display:block;cursor:pointer;width: -webkit-calc(33.333% - 10px);height:32px;line-height:32px;text-align: center;vertical-align: middle;background-color:#E4F2FD;border-radius: 4px;}
.mlib-tabBox .tab-college li.active{background: #449ffa;color: #fff;}
.mlib-tabBox .tabCont{display: flex;flex-direction: column;gap: 20px;}
.mlib-tabBox .tabCont .list-wap-more{margin-top:0px;}
/*lib-tab2*/
.mlib-tabBox .tab-gallery{ margin-bottom: 20px;}
.mlib-tabBox .tab-gallery ul{ margin: 0px 0px; position: relative;width100%; border-bottom: 1px solid #e5e5e5;display: flex;flex-direction: row; justify-content: space-evenly;}
.mlib-tabBox .tab-gallery ul li {width: 33%; flex:1; padding: 0px;cursor: pointer; font-size:22px; text-align:center;}
.mlib-tabBox .tab-gallery ul li span{ position: relative; display: inline-block;padding-bottom: 10px;line-height: 27px;box-sizing: border-box;}
.mlib-tabBox .tab-gallery ul li.active {color:#449ffa;font-weight:600;}
.mlib-tabBox .tab-gallery ul li span::after {content: ''; position: absolute; left: 50%; bottom: -1px;transform: translateX(-50%);width: 100%; height: 3px;background-color: #e5e5e5;transition: all 0.8s;}
.mlib-tabBox .tab-gallery ul li.active span::after {background:#449ffa;}

/*========= mlist =========*/
/*list-wap-more*/
.list-wap-more {text-align: center;border-top: 0px solid #eee;font-size:16px;padding:0 0;}
.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>a:hover:after {color: #ff6600;}
/*list-wap-category*/
.list-wap-category {margin: 0px 0;display: flex;flex-wrap: wrap;justify-content: flex-start;overflow:hidden;gap:12px;}
.list-wap-category li {float:left;width: -webkit-calc(33.333% - 8px);box-sizing:border-box;}
.list-wap-category li a{display:block;margin:0px;line-height:35px;text-align:center;font-size:16px;border-radius:6px;border:1px solid #148cff}
.list-wap-category li.active a{background-color: #148cff;color: #ffffff;}

/**mlist-news-infoul*/
.mlist-news-infoul {padding: 0px 0px;position: relative;overflow: hidden;display: flex;flex-direction: column;gap: 15px;}
.mlist-news-infoul li {padding-bottom: 15px;border-bottom: 1px solid #eee;position: relative;overflow: hidden;}
.mlist-news-infoul li + li {border-top: 0px solid #eee;}
.mlist-news-infoul li .item-wrap {position: relative;width:100%;min-height: 50px;margin: 0px 0px;display: flex;justify-content: space-between;flex-direction: row-reverse; gap: 15px;}
.mlist-news-infoul li .item-wrap .item-pic {float: right;width: 33%;min-width:121px;height: 101px;border-radius: 4px;overflow: hidden;}
.mlist-news-infoul li .item-wrap .item-pic img {width: 100%;height: auto;min-height: 100%;}
.mlist-news-infoul li .item-wrap .item-main {width: -webkit-calc(67% - 15px);position: relative;min-height: 50px;overflow: hidden;display: flex;flex-direction: column; justify-content: space-between;gap:10px;}
.mlist-news-infoul li .item-wrap .item-main .item-title {font-size: 22px; line-height:1.5; 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;}
.mlist-news-infoul li .item-wrap .item-main .item-txt {line-height: 1.5;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.mlist-news-infoul li .item-wrap .item-main .item-meta {/*width: -webkit-calc(75% - 15px);position: absolute;*/bottom: 0;color: #888;font-size: 14px;}
.mlist-news-infoul li .item-wrap .item-main .item-meta span {margin-right: 6px;position: relative;}
.mlist-news-infoul li .item-wrap .item-main .item-meta span.icon-point {padding-left: 10px;}
.mlist-news-infoul li .item-wrap .item-main .item-meta span.icon-point:before {content: '';left: 0; top: 5px;width: 4px; height: 4px;position: absolute; border-radius: 4px;background-color: #ccc; }
.mlist-news-infoul li .item-wrap .item-main .item-meta span.icon-date { }
.mlist-news-infoul li .item-wrap .item-main .item-meta span.view {float:right;}
.mlist-news-infoul li .item-wrap .item-main .item-meta span.icon-view:before {margin-right:3px; font-size: 16px;}
/*mlist-card-infoul */
.mlist-card-infoul {display: flex; flex-wrap: wrap; justify-content: center;gap: 16px;}
.mlist-card-infoul .item {width:50%; width: -webkit-calc(50% - 8px);}
.mlist-card-infoul .item .item-wrap{ padding: 0px; display: flex;flex-direction: column; gap: 0px;border-radius: 5px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);overflow: hidden;}
.mlist-card-infoul .item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.mlist-card-infoul .item .item-pic {display: block;width: 100%;height: 200px;overflow: hidden;}
.mlist-card-infoul .item .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.mlist-card-infoul .item .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.mlist-card-infoul .item .item-main{margin:15px 15px;display: flex;flex-direction: column;gap: 10px;}
.mlist-card-infoul .item .item-title{line-height: 1.35;font-size: 20px;font-weight:500;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.mlist-card-infoul .item .item-desc{font-size: 14px; color: #999;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.mlist-card-infoul .item .item-meta{display: flex;justify-content: space-between;align-items: center;}
.mlist-card-infoul .item .item-meta span{font-size: 14px;color:#999;}
/*list-wap-hotul*/
.mlist-wap-rankul{line-height: 22px;display: flex;flex-direction: column;gap: 10px;}
.mlist-wap-rankul li{position:relative;padding-left:30px; line-height:22px;overflow: hidden;}
.mlist-wap-rankul li label{position:absolute;left:0;top:3px;width:22px;height:20px;line-height:20px;background:#e6f1fb;cursor:pointer;text-align:center;color:#06c;font-size:14px;border-radius:2px}
.mlist-wap-rankul li .title {text-align:justify;cursor:pointer;font-size:16px;display:inline-block;line-height:22px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mlist-wap-rankul li .title span{height:20px;line-height:20px;display:inline-block;margin-left:5px;color:#fb5050;font-size:12px;background:#ffeeee;border-radius:2px;padding:0 6px}
/*list-tags-recul*/
.mlist-tags-recul {display: flex;justify-content: space-between;flex-wrap: wrap;gap:15px;}
.mlist-tags-recul .item {display: block;flex: 0 0 calc(16.666% - 16.666px);overflow: hidden;/*box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);*/}
.mlist-tags-recul .item .item-wrap{display: block;padding: 15px;border: 1px #eee solid;background-color: #fff;border-radius: 4px;overflow: hidden;-webkit-transition: all .2s;-o-transition: all .2s;-moz-transition: all .2s;transition: all .2s;}
.mlist-tags-recul .item i {display: inline-block;vertical-align: top;margin-right: 7px;width: 20px;height: 20px;line-height: 20px;background: #eee;text-align: center;border-radius: 100%;overflow: hidden;}
.mlist-tags-recul .item .item-title {line-height: 20px;margin-bottom: 6px;font-size: 16px;color: #3c3c3c;white-space: nowrap;overflow: hidden;-o-text-overflow: clip;text-overflow: clip;}
.mlist-tags-recul .item .item-title .title {font-size: 16px;color: #3c3c3c;}
.mlist-tags-recul .item:hover .item-title .title {color: #0088ff;}
.mlist-tags-recul .item .item-desc {font-size: 13px;color: #999;line-height: 18px;height:auto;text-align: center;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.mlist-tags-recul .item .item-desc em {margin:0 2px;color: #ff6000;}
.mlist-tags-recul .item:nth-child(2n) i {background: #F6E2FF;}
.mlist-tags-recul .item:nth-child(3n) i {background: #FFEDE1;}
.mlist-tags-recul .item:nth-child(5n) i {background: #DEFCFE;}
/*.mlist-tags-recul .item:nth-child(4n) i {background: #FFE8E8;}
.mlist-tags-recul .item:nth-child(6n) i {background: #FEF5D7;}
.mlist-tags-recul .item:nth-child(7n) i {background: #D7FFE2;}
.mlist-tags-recul .item:nth-child(8n) i {background: #E0E7FF;}
.mlist-tags-recul .item:nth-child(9n) i {background: #DEFCFE;}*/



.mlist-col-4 .item {flex: 0 0 calc(25% - 12px);}
.mod-wap-column {position: relative;overflow: hidden}
/*====== mod-wap-article ======*/
.mod-wap-article{position: relative;}
.mod-wap-article .article-body {margin-bottom: 0px;padding:20px 20px;background: #fff;}
.mod-wap-article .article-body .article-header {position: relative;padding:0px 0px 10px;border-bottom: 1px solid #eee;text-align center;}
.mod-wap-article .article-body .article-header .article-title {margin-bottom: 0px;line-height: 26px;font-size: 20px;font-weight:700;clear: both;}
.mod-wap-article .article-body .article-header .article-meta {margin-top:10px;border-bottom:0px solid #eee;display: block;}
.mod-wap-article .article-body .article-header .article-meta span {color: #999;font-size:12px;margin-right: 6px;}
.mod-wap-article .article-body .article-header .article-meta span a {color: #00a2ff; background-color: transparent; -webkit-text-decoration-skip: objects;}
.mod-wap-article .article-body .article-header .article-meta span a:hover {color: #f80;}
.mod-wap-article .article-body .article-header .article-meta .icon-date{margin-right:3px;}
.mod-wap-article .article-body .article-header .article-meta .icon-article{color: #f80;}
.mod-wap-article .article-body .article-header .article-meta .icon-article:before{margin-right:3px; color: #f80;}
.mod-wap-article .article-body .article-summary {margin: 10px 20px;padding: 10px 15px;background-color: #f6f7fb;color: #999;line-height: 1.8em;font-size: 14px;}
.mod-wap-article .article-body .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;}
.mod-wap-article .article-body .article-content {display: block; margin: 0px 0;padding: 0px 0px;font-size: 16px;line-height: 1.75;overflow: hidden;}
.mod-wap-article .article-body .article-content p {display:block; margin: 15px 0; clear:both;/*text-align: justify;*/overflow:visible;word-break:break-all}
.mod-wap-article .article-body .article-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.mod-wap-article .article-body .article-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.mod-wap-article .article-body .article-content img {max-width: 96%;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.mod-wap-article .article-body .article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.mod-wap-article .article-body .article-content .keylink:hover{color:#ff0000;} 
.mod-wap-article .article-body .article-content h2,
.mod-wap-article .article-body .article-content h3,
.mod-wap-article .article-body .article-content h4,
.mod-wap-article .article-body .article-content strong {font-weight:bold;} 
.mod-wap-article .article-body .article-content pre ,
.mod-wap-article .article-body .article-content blockquote{margin-top: 15px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.mod-wap-article .article-body .article-content pre ,
.mod-wap-article .article-body .article-content blockquote p {margin: 0px 0;} 
.mod-wap-article .article-body .article-content pre {white-space: pre-wrap;}
.mod-wap-article .article-body .article-content table{ max-width:96%; min-width:60%;margin:10px auto 20px; border:1px solid #ddd;border-collapse:collapse;font-size: 15px;}
.mod-wap-article .article-body .article-content table tr:nth-child(2n+1){ background-color: #f8f8f8;}
.mod-wap-article .article-body .article-content table th,table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #ddd;}
.mod-wap-article .article-body .article-content table thead th{font-weight:700;}
.mod-wap-article .article-body .article-content table tbody th{font-weight:500;}
.mod-wap-article .article-body .article-content table tbody p {text-align:center;}
.mod-wap-article .article-body .article-content ul,
.mod-wap-article .article-body .article-content ol{margin-left:25px;-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;}
.mod-wap-article .article-body .article-content ul li,
.mod-wap-article .article-body .article-content ol li {margin: 0px;line-height 200%;}
.mod-wap-article .article-body .article-content ul li { padding:5px 0px; list-style: disc;}
.mod-wap-article .article-body .article-content ul li + li {border-top: 1px #eee dashed;}
.mod-wap-article .article-body .article-content ul li p {margin: 0 !important;}
.mod-wap-article .article-body .article-content pre{margin:16px 0 14px;padding:14px 15px 12px;border-radius:3px;border:none}
.mod-wap-article .article-body .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}
.mod-wap-article .article-body .article-content pre code{padding:0;margin:0;overflow:visible}
.mod-wap-article .article-body .article-content pre,
.mod-wap-article .article-body .article-content pre code{font-size:14px;line-height:1.6;background:#f6f6f6;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.mod-wap-article .article-body .article-content pre::-webkit-scrollbar{width:6px!important;height:6px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.mod-wap-article .article-body .article-content pre::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(153,153,153,.75)}
/*article-tags*/
.mod-wap-article .article-body .article-tags {margin-top:20px;line-height: 24px; font-size: 14px;}
.mod-wap-article .article-body .article-tags .content {margin:0 0px;padding:20px 0px;border-top: 0px solid #eee;}
.mod-wap-article .article-body .article-tags .tagslist {margin:0px 0px;height: auto;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap:15px;}
.mod-wap-article .article-body .article-tags .tagslist a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;padding: 0 12px 0 6px;line-height: 28px;height: 28px;font-size: 14px;color: #555;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;}
.mod-wap-article .article-body .article-tags .tagslist a i {border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 18px;height: 18px;line-height: 18px;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;}
.mod-wap-article .article-body .article-tags .tagslist a:before {float: left;content: "#";border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 18px;height: 18px;line-height: 18px;text-align: center;background: #fff;color: #555;font-size: 13px;margin: 5px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.mod-wap-article .article-body .article-tags .tagslist a:hover {background: #0092ff;color: #FFF;}
/*=== shengming ===*/ 
#shengming{text-align: left;font-size:12px;color: #bbb/*#a69485*/;line-height: 1.5;position: relative;z-index: 99;margin: 15px 0px;padding: 10px 10px;border: 1px solid #eee/*#efdcc5*/;background-color: #f7f7fa/*#fffbf5*/;border-radius: 3px;/*box-shadow: 0 11px 20px -15px rgb(255 222 177);*/}
#shengming .fromlink{font-size:12px;color:#ccc;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
/*article-prevnext*/
.mod-wap-article .article-prevnext {margin: 0px 0px; clear: both; border-top: 0px #eee solid; border-bottom: 0px #eee solid;overflow: hidden; }
.mod-wap-article .article-prevnext .content {padding: 0px 0px; background: #ffffff;overflow: hidden;display: flex;justify-content: space-between;flex-direction: column;gap: 6px;}
.mod-wap-article .article-prevnext .twofifth {/*width: -webkit-calc(50% - 15px);*/height: 24px;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mod-wap-article .article-prevnext .twofifth.next { float: right; }
.mod-wap-article .article-prevnext .twofifth.prev { float: left;  }
.mod-wap-article .article-prevnext .twofifth a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*===design-wap-download===*/ 
.mod-wap-download {margin-bottom: 0px; overflow: hidden;}
.mod-wap-download .section-wrap {padding: 0px 0px;gap: 0px;}
.mod-wap-download .list-wap-more {margin-top: 15px;}
.mod-wap-download .content{padding: 20px 20px;border-radius: 4px;overflow: hidden;display: flex;justify-content: space-between;flex-direction: column;}
.mod-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;*/}
.mod-wap-download .download-header .download-title{width:100%;font-weight:400;font-size: 22px;margin-top: 20px;}
.mod-wap-download .download-header .download-thumb{width: 100%; min-height 260px; overflow: hidden;border-radius: 6px;}
.mod-wap-download .download-header .download-thumb img{width:100%; height:100%;}
.mod-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;}
.mod-wap-download .download-header .download-detail .download-parameter {display: flex;padding: 10px 20px;height: 60px;justify-content: space-around;flex-wrap: wrap;}
.mod-wap-download .download-header .download-detail .download-parameter .item {width: 50%; margin: 5px 0;font-size: 14px;text-align: left;}
.mod-wap-download .download-header .detail-tips {width: 400px;margin: 0 auto;font-size: 24px;color: #2993ff;display: flex;justify-content: space-between;margin-top: 20px;}
.mod-wap-download .download-header .detail-tips .sprite { background: url(https://resource.bear20.com/bear_download/Wap/images/icons.png); background-size: 700px;}
.mod-wap-download .download-header .detail-tips .tip1 .sprite{width: 24px;height: 28px;display: inline-block;background-position: -504px -168px;vertical-align: middle;margin-top: -5px;margin-right: 8px;}
.mod-wap-download .download-header .detail-tips .tip2 .sprite{width: 24px;height: 28px;display: inline-block;background-position: -539px -168px;vertical-align: middle;margin-top: -5px;margin-right: 8px;}
.mod-wap-download .download-header .detail-tips .tip3 .sprite{width: 24px;height: 28px;display: inline-block;background-position: -575px -168px;vertical-align: middle;margin-top: -5px;margin-right: 8px;}
.mod-wap-download .download-content {display: block; margin: 15px 0;padding: 0px 0px;font-size: 16px;line-height: 30px;background-color: #fff;overflow: hidden;border-radius: 4px;}
.mod-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}
.mod-wap-download .download-content .content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.mod-wap-download .download-content .content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.mod-wap-download .download-content .content img {max-width:100%;height:auto; margin:0px auto; vertical-align: middle; border:0}
.mod-wap-download .download-content .content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.mod-wap-download .download-content .content .keylink:hover{color:#ff0000;} 
.mod-wap-download .download-content .content strong {font-weight:bold;} 
.mod-wap-download .download-links {display: block;background: #fff;border-radius: 4px;overflow: hidden;}
.mod-wap-download .download-links .links {margin-top: 20px; background-position: right bottom !important;display: flex; flex-direction: row;}
.mod-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;}
.mod-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;}
.mod-wap-download .download-links .chennuo{position:relative;margin-bottom: 0px;line-height: 1.5;font-size: 14px;z-index:1500;color:#666;}

/*tags*/
.related-tags {margin-top:0px;line-height: 24px; font-size: 14px;}
.related-tags .tagslist {margin:0px 0px;padding:20px 0px;height: auto;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap:15px;}
.related-tags .tagslist a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;padding: 0 12px 0 6px;line-height: 28px;height: 28px;font-size: 14px;color: #555;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;}
.related-tags .tagslist a i {border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 18px;height: 18px;line-height: 18px;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;}
.related-tags .tagslist a:before {float: left;content: "#";border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 18px;height: 18px;line-height: 18px;text-align: center;background: #fff;color: #555;font-size: 13px;margin: 5px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.related-tags .tagslist a:hover {background: #0092ff;color: #FFF;}

@media (max-width: 640px) {
body{font-size: 14px;}
/*layout*/
#wrapper {padding-top: 52px;}
.mod-wap-section .section-wrap {padding:15px 10px;}
.mod-wap-header .mod-header-left .mod-wap-class {font-size:18px;}
.mod-wap-nav .list-wap-navul li{font-size: 16px;}
.mod-wap-article .article-body { padding: 15px 10px;}
.mod-wap-article .article-body .article-tags .tagslist{ gap: 10px;}
.mfull-title {line-height: 20px;font-size: 20px;}

.mod-wap-focus .mod-wap-swipe {height: 210px;}
.mod-wap-focus .mod-wap-swipe .swipe-wrap > div {max-height: 210px;}

.mlist-news-infoul .item .item-wrap .item-pic {height: 80px;}
.mlist-news-infoul .item .item-wrap .item-main .item-title {line-height: 1.35;font-size: 16px;}
.mlist-card-infoul {gap: 10px;}
.mlist-card-infoul .item {width: -webkit-calc(50% - 5px);}
.mlist-card-infoul .item .item-pic {height: 116px;}
.mlist-card-infoul .item .item-main {margin: 10px 6px;}
.mlist-card-infoul .item .item-title{line-height: 1.35;font-size: 15px;}
.mlist-card-infoul .item .item-meta span {font-size: 13px;}
.mlist-tags-recul .item .item-wrap { padding: 10px;}

.mlist-col-2{ gap: 10px;}
.mlist-col-2 .item { flex: 0 0 calc(50% - 5px);}

.mod-wap-footer .mod-footer-nav .mod-footer-menu li a {line-height: 50px;text-align: center;font-size: 16px;}

}