/*
WX: BONGPHP
*/
@import url('iconfont.css');
@font-face {
  font-family: 'oswaldregular';
  src: url('../font/Oswald-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
/*header*/
.topbar-wrapper{width:100%;display: block;background-color: #2a2b2b;z-index: -9;height:40px;line-height:40px;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.topinfo {font-size: 14px !important;float:left;}
.topinfo p span{font-weight:600;font-size:14px;}
.topinfo p, .topinfo p a {color: #fff;font-size:12px;letter-spacing: 1px;}
.topinfo p a:hover {color: #cbd3da;}
.topnav{float:right;color:#fff;}
.topnav a{color:#fff !important;font-size:12px;line-height: 1;margin: 0 5px;}
.topnav .login{
	display:inline-block;
}

.hua-header {position:relative;top: 0;width: 100%;    text-align: center;z-index: 998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.hua-header.slideUp {position: fixed;top: 0px;}
.hua-navbar{position: relative;
	/*height: 88px;*/
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);background: #fff;}
.hua-navbar h1{float: left;margin-top: 22px;}
.hua-navbar h1 a{display: block;}
.hua-navbar .nav-list{margin-left: 9rem;display: block;list-style: none;float: left;}
.hua-navbar .nav-list li{list-style: none;position: relative;display: inline-block;}
.nav-list li.current a{color:#0060ed;}
.nav-list li em{position: absolute;height:86px;line-height: 86px;right: 0px;top:0;cursor: pointer;}
.nav-list li em i{font-size:22px;}
.nav-list > li > a{height: 86px;line-height: 86px;display: inline-block;padding:0 15px;font-size: 15px;color:#000;}
.hua-navbar .nav-list li small {position:absolute;display:block;right:0px;top:16px;font-size:.625rem;font-weight:400;line-height:1;color:#ffffff;background:#f53939;background-image:linear-gradient(310deg,#f53939,#fbcf33);border-radius:4px 4px 4px 0;padding:0.2rem 0.3375rem;}
.hua-navbar .nav-list li small.blue {background: linear-gradient(to right,#0056f3 0%,#2b76ff 100%);}
.nav-list .sub-nav{display: none;position:absolute;top:100%;left:0;background-color:#fff;padding:9px 0;text-align: center;box-shadow:0 0 10px rgba(0,0,0,0.1);line-height:32px;min-width: 100px;width: 100%;}
.nav-list .sub-nav a {display: inline-block;width: 100%;color: #52617f;font-size:12px;background-color: #fff;}
.nav-list .sub-nav li{display: inline-block;width: 100%;}
.nav-list li:hover .sub-nav{display: block;}
.nav-list li:hover a,.nav-list li:hover i.down {color:#0060ed}
.nav-list li:hover .sub-nav a {color:#52617f}
.nav-list li .sub-nav a:hover  {color:#0060ed}
.nav-list li .down:before {display:inline-block;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease;}
.nav-list li:hover .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav-right{float:right;font-size:15px;margin-top:0px;}
.nav-right li{position:relative;float:left;margin:20px 5px;}
.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
.nav-right .nav-search{}
.nav-right .nav-search .iconfont{font-size:24px;}
.nav-right .nav-search a{padding:4px 0;z-index:99;}
.search-box{position:fixed;left:0;right:0;top:-0;z-index:9998;padding:36.5px 0;background:#fff;transition:top 0.3s cubic-bezier(.4,0,.2,1);display: none;}
.search-box.show{top:0;display: block;}
.search-box .container{max-width:800px;position: relative;}
.search-close{position:absolute;right:-70px;top:10px;color:#000}
.search-close .iconfont{font-size:24px;padding: 15px;}
.search-input{text-align: center;float:left;font-size: 20px;font-weight: 700;border:none;width:100%;height:50px;padding:4px 12px;border-right:none;font-size:16px;border-radius:2px 0 0 2px;outline:none}
.search-box-form a{margin-left:20px;color:#999}
.search-box-form a:hover{color:#0060ed}
.nav-right .nav-button{display:none}
.u-fang a{position: relative;background-color: #0060ed;background-image:linear-gradient(310deg,#0060ed,#2152ff);padding: .5rem 1.5rem;font-size: 14px;font-weight: 600;color: #fff;border-radius: 1rem;}
.u-fang a:hover{color:#fff;}
.u-fang a i{color:#fff;margin-right:5px;font-size:21px;vertical-align: bottom;}
.menu-btn {display:none;padding:6px 0;float:right;margin-left:15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display:block;height:2px;background-color:#000;content:'';}
.menu-btn:before {width:24px;}
.menu-btn:after {width:18px;margin-left:6px;}
.menu-btn span {width:12px;margin:6px 0 6px 12px;}
/*idnex*/
.section-header {height: 100%!important;width:100%;clear:both;overflow: hidden;position:relative;background:#ebeff0;background-image: url(../image/header-bg.jpg);background-size: cover;background-position: 50%;}
.section-header .page-home-header {width:100%;height:100%;position:relative;    z-index: 9;}
.section-header:before {
  content: '';
  height: 100%;
  width: 100%;
  opacity: .4;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transition: opacity 1s cubic-bezier(0.77,0,0.175,1);
  background-image: linear-gradient(310deg,#141727,#3a416f);
}
.vertical-middle,.swiper-caption {position:relative;}
.page-banner {text-align: center;width: 100%;max-width:100%;padding:6rem 0 10rem 1rem;}
.page-banner .banner-title {font-size: 34px;letter-spacing:1px;color:#ffffff;margin-bottom:1.1rem;}
.page-banner .banner-title span{color:#191a1c;}
.page-banner .banner-description {margin:10px auto;font-size:16px;color:#ffffff;letter-spacing:1px;}
.page-banner .banner-button {margin-top:30px;text-shadow:none;transition: all 3s ease-out 3s;}
.banner-img{float:right;margin-top:7px;width: 30%;max-width:100%;animation:upndown 3s ease-in-out infinite;}
.banner-img img{border-radius: 10px;    border: 7px solid #d5dff8;}
.page-banner .banner-button a {
  margin-right: 10px;
}
.btn-info-white {
  transition: all .5s;
  background: #ffffff;
  color: #0060ed;
  border-right-width: 0;
  border-left-width: 0;
  margin-left: 2%;
}
.hero-particle-effect .particle-1 {
  top: 30%;
  left: 15%;
}
.hero-particle-effect img {
  position: absolute;
}
.hero-particle-effect {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block!important;
}
.animate-zoom-fade {
  -webkit-animation-name: zoom-fade;
  animation-name: zoom-fade;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.hero-particle-effect .particle-2 {
  top: 45%;
  left: 19%;
}
.hero-particle-effect .particle-3 {
  right: 26%;
  top: 20%;
}
.hero-particle-effect .particle-4 {
  left: 25%;
  bottom: 15%;
}
.hero-particle-effect .particle-5 {
  right: 15%;
  bottom: 36%;
}


.position-relative {position:relative !important;}
.shape:not([class*=shape-blur]) {overflow:hidden;}
.shape-bottom {bottom:0;left:0;right:0;}
.shape {pointer-events:none;position:absolute;}
.text-white {color:#fff !important;}
.shape:not([class*=shape-blur])>* {transform:scale(2);}
.shape-fluid-x>* {height:auto;width:100%;}
.shape-bottom>* {transform-origin:top center;}
.shape>* {display:block;}
@keyframes upndown {0% {transform:translateY(5px);}
50% {transform:translateY(15px);}
100% {transform:translateY(5px);}
}
@keyframes smallnbig {0% {width:90px;}
50% {width:100px;}
100% {width:90px;}
}
@keyframes shine {0% {opacity:.2;}
25% {opacity:.1;}
50% {opacity:.2;}
100% {opacity:.2;}
}
.animate-float-bob-y {-webkit-animation-name:float-bob-y;animation-name:float-bob-y;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.animate-zoom-fade {-webkit-animation-name:zoom-fade;animation-name:zoom-fade;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.animate-zoominout {-webkit-animation-name:zoomInOut;animation-name:zoomInOut;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
@keyframes float-bob-y {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes zoom-fade {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes zoomInOut {
0% {
-webkit-transform: rotate(0deg) scale(0.7);
transform: rotate(0deg) scale(0.7);
opacity: 0;
}
50% {
-webkit-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotate(360deg) scale(0.7);
transform: rotate(360deg) scale(0.7);
opacity: 0;
}
}
.at_list_con{position: relative;bottom: 38px;}
.at_list_con ul {width:100%;margin:0 auto;position:relative;display:table;}
.at_list li {flex:0 0 23.333%;width:23.55555%;float:left;display:flex!important;display:block;background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),5px 5px 20px 0 #fff;border-radius:4px;padding:20px 20px;margin:0 8px;}
.at_list .at-icon {font-size:.95rem;border-radius:50%;display:inline-table;text-align:center;}
.at_list .at-icon i {font-size:40px;color:#076bf6;}
.at_list .at-text {overflow:hidden;margin-left:1rem;}
.at_list .at-text h4 {font-size:.875rem;font-weight:600;margin-bottom:0;color:#000;}
.at_list .at-text p {font-size:.775rem;color:#6c757d;margin-bottom:0;}
.preview {display: block;clear: both;position: relative;}
.preview .tit-p{padding-top: 0rem;}
.tit-p{text-align: center;padding: 2rem 0;}
.tit-p h2{font-size:2.1rem;color:#000; font-weight: 500;margin-bottom:.5rem;}
.tit-p .title{font-size:2.1rem;color:#000; font-weight: 500;margin-bottom:.5rem;}
.tit-p p{font-size:1rem;color:#67748e;}
.le-e-hot {padding-top:0px;background: #ffffff;}
.le-e-hot .tit-p {padding:2rem 0;}
.ecms-hot {position:relative;padding:10px 0;max-width: 1200px;margin: 0 auto;}
.ecms-hot-list {overflow:hidden;}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}
.index-btn {display:block;width:36px;height:36px;position:absolute;z-index:3;top:40%;background-color:#fff;box-shadow:2px 2px 4px 0 rgba(0,0,0,.16);border:2px solid #fff;border-radius:50%;background-image:linear-gradient(135deg,#dbe2e9,#fff);}
.index-btn:hover {background-image:linear-gradient(135deg,#d0d2d3,#fff);}
.index-btn>i {font-size:14px;color:#c6cad1;display:inline-block;padding:10px 10px;font-weight:600;}
.index-btn.index-prev {left:-50px;}
.index-btn.index-next {right:-50px;}
.index-hotlist {position: relative;}
.index-hotlist li {width:24%;position:relative;display:inline-block;margin-right:1.2rem;margin-bottom:1.2rem;overflow:hidden;}
.index-hotlist .hot-box:nth-child(3n) {margin-right:0px;}
.index-hotlist .hot-box {border-radius:4px!important;transition:all .2s;background-color: #f4f4ff;border: 2px solid #fff;box-shadow: 4px 4px 10px 0 rgba(55,99,170,.1), -4px -4px 10px 0 #fff;}
.index-hotlist li:hover {-webkit-box-shadow:0 5px 10px 0 rgb(6 14 44/10%);box-shadow:0 5px 10px 0 rgb(6 14 44/10%);}
.index-hotlist .hot-box .hot-footer {background: #f4f4ff;border-radius: 5px;    max-height: 312px;overflow: hidden;}
.index-hotlist .hot-box img {width:100%;height:100%;display:block;}
.hot-box .entry-meta {align-items:center;color:#1f0757;display:flex;flex-wrap:wrap;letter-spacing:.2px;margin-top: 10px;text-align:center;font-size:.875rem;font-weight: 700;}
.hot-box .entry-meta .meta-category {display:flex;flex-wrap:wrap;font-weight: 700;}
.index-hotlist .hot-box .hot-header {text-align:center;padding:0px 20px;background-image: linear-gradient(0deg,#fff,#f4f4ff);}
.index-hotlist .hot-box .hot-header {text-align:center;height: 46px;}
.index-hotlist .hot-box .hot-header a  {color:#293957;margin-top:.2rem!important;font-size:.8rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:20px;text-align:left;}
.index-hotlist .hot-box:hover .pricer>span{opacity:1;-webkit-transition-delay:.4s;transition-delay:.4s}
.pro-ztlist {position: relative;}
.pro-ztlist li {width:32%;position:relative;display:inline-block;margin-right:1.2rem;margin-bottom:1.2rem;overflow:hidden;}
.pro-ztlist .le-box {border-radius:4px!important;border-radius:10px !important;transition:all .2s;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;}
.pro-ztlist .le-box:nth-child(3n) {margin-right:0px;}
.pro-ztlist li:hover {-webkit-box-shadow:0 10px 40px 0 rgb(6 14 44/10%);box-shadow:0 10px 40px 0 rgb(6 14 44/10%);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.pro-ztlist .le-box .pro-footer {background: #f4f4ff;border-radius: 5px;    max-height: 285px;overflow: hidden;}
.pro-ztlist .le-box img {width:100%;height:100%;display:block;}
.pro-ztlist .le-box .pro-footer .overview-dots i{width: 8px;height: 8px;}
.pro-ztlist .le-box .tipss {position:absolute;background:linear-gradient(to right,#fd7a64 10%,#fb2d2d 100%);top:0;left:0px;z-index:10;text-align:center;font-size:12px;color:rgb(255,255,255);padding:6px 14px 6px;border-radius:0;}
.pro-ztlist .le-box .pro-header {text-align:center;padding:18px 20px 15px;background-image: linear-gradient(0deg,#fff,#f4f4ff);}
.le-box .entry-meta {align-items:center;color:#111010;display:flex;flex-wrap:wrap;letter-spacing:.2px;text-align:center;font-size:.875rem;font-weight: 700;background-image: linear-gradient(to right,#f8ab5e 0,#f36961 20%,#a176c8 40%,#759beb 60%,#65beb3 80%,#70db96 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pro-ztlist .le-box .pro-header  a  {text-align:center;height: 46px;margin-top:.7rem!important;font-size:.8rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;text-align:left;}
.entry-boot {margin-top:1rem;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;color:#bdbdbd;letter-spacing:-0.2px;width:100%;}
.entry-boot>span {margin-right:10px;}
.entry-boot>span i {margin-right:3px;}
.entry-boot .meta-shhop-icon {flex:1;text-align:right;margin-right:0;color:#ff4a00;}
.pro-ztlist .le-box .pricer{position:absolute;bottom:72px;right:10px;color:#fff;font-weight:500;text-transform:uppercase;padding:2px 10px;border-radius:50px;font-size:.5rem;z-index:3;overflow:hidden;transform:scale(0);-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.pro-ztlist .le-box:hover .pricer{transform:scale(1,1)}
.pricer:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0078fe;border-radius:50px;transform:translateX(-72%);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.pro-ztlist .le-box:hover .pricer:before{transform:translateX(0);-webkit-transition-delay:.2s;transition-delay:.2s}
.pricer>span{opacity:0;z-index:4;color:#fff;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.pro-ztlist .le-box:hover .pricer>span{opacity:1;-webkit-transition-delay:.4s;transition-delay:.4s}
.preview .btn-more{margin-bottom:2rem;text-align:center}
.course{background-color:#fff;position:relative;}
.course .course-con{position:relative;z-index:2;}
.course-list{position: relative;display: inline-block;margin-right:31px;border-radius:4px!important;padding:2.5rem!important;max-width:31.3%;width: 100%;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;}
.course-list:nth-child(3n){margin-right:0}
.course-list .w-newsitem{width:100%;position:relative}
.course-list .w-newsitem h3{display: flex !important;position:relative;margin-bottom:30px!important;font-size:1.25rem;color: #3e506f;line-height: 1.3;}
.course-list .w-newsitem h3 a{font-size:.8rem;margin-left: auto !important;}
.course-list .w-newsitem h3::after{position:absolute;display:block;content:'';width:32px;bottom:-20px;left:0;border-top:solid 2px #3e506f;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.course-list:hover .w-newsitem h3::after{left:0!important;margin-left:0!important;width:100%!important;border-top:solid 2px #3e506f;}
.course-list ul{position:relative}
.course-list ul li{padding:12px 0;border-top:1px solid #f7f7f7}
.course-list ul li:first-child{border:none}
.course-list ul li a{height:22px;line-height:22px;font-size:14px;overflow:hidden;font-weight:400;display:block;text-overflow:ellipsis;white-space:nowrap}
.fuwu-box {color:#fff;overflow:hidden;position:relative;width:100%;clear:both;}
.fuwu-list {position: relative;}
.fuwu-list ul {}
.fuwu-list ul li {width: 22.777%;text-align:center;margin-right:35px;margin-bottom:50px;float:left;border-radius:5px;cursor:default;transition: all .5s;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;}
.fuwu-list ul li:hover {-webkit-box-shadow:0 10px 40px 0 rgb(6 14 44/10%);box-shadow:0 10px 40px 0 rgb(6 14 44/10%);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.fuwu-list ul li div{padding:50px 58px;vertical-align:top;position: relative;width:100%;display: block;}
.fuwu-list ul li div img{width:100px;}
.fuwu-list ul li:nth-child(4n) {margin-right:0;}
.fuwu-list ul li span {width: 100%;font-size:22px;margin:5px 0px;color:#343a40;display: inline-block;}
.fuwu-list ul li p {overflow:hidden;font-size:14px;font-family: 'oswaldregular', sans-serif;}
.fuwu-boxsm {padding:30px 0;color:#fff;overflow:hidden;position:relative;width:100%;clear:both;background:#ffffff }
/*模板列表内容页*/
.section-bg {width:100%;overflow:hidden;padding:2rem 0;border-top: 1px solid #f4f4ff;}
.term-bar {width: 100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color: #3a416f;background-image: linear-gradient(to right, #4403ff 0%, #0060ed 100%);background-position:center;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5rem 0;position:relative;text-align:center;overflow:hidden;}
.term-bar .term-bg {background-attachment: fixed;position:absolute;left:0;top:0;right:0;height:100%;width:100%;background-repeat:no-repeat;overflow:hidden;}
.term-bar .term-bg:before {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.term-bar.lazyloaded:before {opacity:.5;}
.term-bar .term-title {font-family: 'oswaldregular', sans-serif;color:#000;font-weight:600;font-size: 2.2rem;line-height: normal;margin-bottom:1rem;position:relative;display:flex;justify-content:center;align-items:center;}
.term-bar .term-description {position:relative;color:#141727;font-size:1rem;margin:0;}
.badge {display:inline-block;padding:0.58em 1.2em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:10rem;color:#536de6;background-color:rgba(83,109,230,.18);margin-right:8px;margin-bottom:8px;}
.mbys {color:#fff;position:relative;font-size:14px;padding-top:1.1rem!important;}
.badge-secondary {color:#fff;background-color:#6c757d;}
.badge-success {color:#fff;background-color:#28a745;}
.badge-danger {color:#fff;background-color:#dc3545;}
.badge-warning {color:#212529;background-color:#ffc107;}
.badge-info {color:#fff;background-color:#17a2b8;}
.mobanclass {padding-bottom: 2rem;display: block;clear: both;position: relative;}
.mobanclass .le-crumb{padding: 2rem 0px 0rem 0;display: block;clear: both;position: relative;    padding-left: 12px;}
.archive-filter {display: block;position:relative;font-size:15px;color:#8f8f8f;background:#fff;margin-bottom:30px;padding:10px 0;}
.archive-filter .badge {font-weight:500;font-size:65%;}
.archive-filter .container {overflow:visible}
.archive-filter .filter {display:block;overflow:hidden;border-bottom:1px dashed #e8e8e8;position:relative;margin:0;padding:0;list-style:none;}
.archive-filter .filter::-webkit-scrollbar {width:10px;height:5px;}
.archive-filter .filter::-webkit-scrollbar-thumb {border-radius:10px;background:rgb(222 222 222);}
.archive-filter .filter::-webkit-scrollbar-track {background:#f0f4f5;}
.archive-filter a {color:#6d6d6d;display:inline-block;padding:0;border-radius:4px;position: relative;}
.archive-filter .hot .point-flicker {position:absolute;top:-4px;margin-left:62px;opacity:1;}
.point {width:6px;height:6px;background-color:#ff0909;position:relative;border-radius:50%;}
.point-flicker:before,.point-flicker:after {content:'';width:10px;height:10px;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px;border-radius:50%;animation:warn 1.5s ease-out 0s infinite;}
.point-flicker:before {background-color:#ea8787;}
.point-flicker:after {background-color:#ff0909;}

@keyframes fade {
from {
opacity:1
}
50% {
opacity:.5
}
to {
	opacity:1
}
}
@keyframes warn {
    0% {
      transform: scale(0.5);
      opacity: 1;
    }
 
    30% {
      opacity: 1;
    }
 
    100% {
      transform: scale(1.4);
      opacity: 0;
    }
  }
.archive-filter a:hover {color:#000;}
.archive-filter .current a {color:#FF9800;}
.archive-filter .filter li {position: relative;display:inline-block;list-style:none;font-size:14px;line-height:14px;border-right:1px solid #f0f4f5;padding:0 12px;margin:13px 0;}
.archive-filter .filter li:first-child {margin-left:0;}
.archive-filter .filter li:last-child {border-right:none;}
.archive-filter .filter:last-child {border-bottom:none}
.archive-filter .filter:last-child {border-bottom:none}

.archive-filter .filters .recent {display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;}
.archive-filter .filters .recent a {background:unset;}
.archive-filter .filters .recent .filter li:last-child a {margin-right:0;}
.explains{padding:0 8px;}
.explain {margin: 20px 0 40px;position:relative;box-sizing:border-box;border-radius:4px;padding:35px 20px;transition:all .4s ease-in-out;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;color:#717278;}
.alert-success {background: #fbedf2;color: #f53939;padding: 10px 15px;margin-bottom: 20px;}
.explain p{color:#383e6b;}
.explain p strong{color:#f40;}
/*single*/
.huatheme-content {position:relative;width:100%;overflow:hidden;padding:2rem 0 3rem 0;background-color:#f4f4ff;}
.huatheme_info {padding: 30px 0;}
.huatheme_left {width:50.333%;float:left;}
.huatheme_right {width:44.333%;float:right;}
.theme-item-image {position: relative;}
.theme-overview {border:1px solid #e5e5ef;border-radius: 10px; position:relative;overflow:hidden;max-width:90%;padding-top:30px;-webkit-transition:all .25s cubic-bezier(.37,.31,.2,.85);-o-transition:all .25s cubic-bezier(.37,.31,.2,.85);transition:all .25s cubic-bezier(.37,.31,.2,.85)}
.theme-overview:after {content:'';display:block;padding-top:66.66666%}
.theme-overview img {border-radius:inherit}
.overview-hover {-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 10px 30px 0 rgb(6 14 44/5%);box-shadow:0 10px 30px 0 rgb(6 14 44/5%)}
.overview-hover:hover {-webkit-box-shadow:0 10px 40px 0 rgb(6 14 44/10%);box-shadow:0 10px 40px 0 rgb(6 14 44/10%);-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
.theme-overview:before {content:"";top:0;left:0;width:100%;height:30px;position:absolute;background:var(--bg-light);background:-o-linear-gradient(top,var(--bg-light),#fff);background:-webkit-gradient(linear,left top,left bottom,from(var(--bg-light)),to(#fff));background:linear-gradient(180deg,var(--bg-light),#fff);border-top-left-radius:inherit;border-top-right-radius:inherit;background-color: #141727;
    background-image: linear-gradient(310deg,#141727,#3a416f);}
.theme-overview .overview-poster {overflow: hidden;position:absolute;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100%;background-position:top}
.outDiv{border:1px solid #ddd;width:500px;height:500px;padding:20px;margin:20px auto;background:#7ce;}
.innerDiv{width:500px;height:500px;position:relative;background:#fff;overflow:hidden;}	
.overview-dots {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;top:-10px;left:15px;margin:-10px 0 0}
.overview-dots i.dot1,.overview-dots i.dot2,.overview-dots i.dot3 {width:10px;height:10px;border-radius:10px}
.overview-dots i.dot1 {background-color:#ff5f52}
.overview-dots i.dot2 {background-color:#ffbe05;margin:0 .5rem}
.overview-dots i.dot3 {background-color:#15cc35}
.overview-full {max-width:100%}
.overview-app {border-radius: 30px;position:absolute;width:180px;bottom:-30px;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .25s cubic-bezier(.37,.31,.2,.85);-o-transition:all .25s cubic-bezier(.37,.31,.2,.85);transition:all .25s cubic-bezier(.37,.31,.2,.85)}
.overview-app:hover {-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
.overview-app .app-frame {position:relative;z-index:-999;bottom: -5px;}
.overview-app .overview-poster {overflow: hidden;position:absolute;left: 5%;right: 5%;top: 3%;bottom: 2%;background-repeat:no-repeat;background-size:100%;background-position:top;border-radius: 20px;}
.theme-item-image .theme-overview {max-width:90%}
@media (max-width:767.98px) {
.theme-overview {max-width:95%;height:250px;padding-top:20px;}
.theme-overview.overview-full {max-width:100%}
.theme-overview:before {content:"";top:0;left:0;width:100%;height:20px;position:absolute;border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}
.theme-overview .overview-poster {top:20px}
.overview-dots {top:-7px;left:11px;margin:-7px 0 0}

.pro-footer .overview-dots{top:-4px;left:11px;margin:-7px 0 0}
.overview-dots i.dot1,.overview-dots i.dot2,.overview-dots i.dot3 {width:8px;height:8px;border-radius:10px}
.overview-app {width:90px;bottom:-15px}
.overview-app .overview-poster {left:4px;right:4px;top:9px;bottom:3px;border-radius: 9px;}
}
@media (min-width:768px) and (max-width:991.98px) {
.theme-overview {max-width:95%;padding-top:20px;}
.theme-overview.overview-full {max-width:100%}
.theme-overview:before {content:"";top:0;left:0;width:100%;height:20px;position:absolute;background:#fff;border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}
.overview-dots {top:11px;left:11px;margin:-4px 0 0}
.overview-dots i.dot1,.overview-dots i.dot2,.overview-dots i.dot3 {width:8px;height:8px;border-radius:10px}
.overview-app {width:130px;bottom:-15px}
.overview-app .overview-poster {left:6px;right:6px;top:5px;bottom:5px;}
}
.theme_title {margin: 15px 0;}
.theme_title h1 {font-size:18px;color:#000;font-weight:600;}
.theme_title em {color: #fcfbf7;background: #151414 none repeat scroll 0 0;padding: 0 5px 0 5px;margin-left: 10px;font-weight: normal;font-size: 12px;border-radius: 30px;}
.theme_title p {font-size: 15px;letter-spacing: .1em;color: #858585;margin-top:.5rem;}
.meta{margin: 1.5rem 0;}
.theme-price {width:100%;position:relative;font-size: 14px;}
.theme-price .text-vip {color:#fb2d2d  !important;font-size:1.8em;font-weight:700;}
.theme-price .text-vip small{font-weight: 400;}
.theme-price .text-vip .font-theme {margin-left:5px;font-family:'oswaldregular',sans-serif;}
.metatit{margin-left: 10px;display: inline-block;text-align: left;line-height: 1;}
.original-price {opacity:.7;position:relative;padding:0 3px 0 2px;font-size:14px;color:#555;}
.original-price::before {content:'';position:absolute;width:100%;height:1px;background:#ff343b;top:.6em;left:0;transform:rotate(5deg);}
.theme-price .huodong {background: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);display: inline-block;padding: .5em .5em;line-height: 1.44;border-radius: 4px;color: #ffffff;text-align: center;font-size: 14px;margin-left:1rem;position: relative;bottom: 9px;}
.theme-server{display: inline-block;margin: 30px 0;position: relative;width: 100%;}
.theme-server li {width:50%;text-align:left;color:#303138;float:left;margin-bottom:10px;cursor: default;}
.btn-theme{padding:0;}
.btn-theme a{margin-right: 15px; margin-bottom: 10px;}
.grid-bg {width: 100%;overflow: hidden;background-color: #fff;}
.mod-inner {margin:0 auto;max-width:1200px;position: relative;}
.mod-inner .newstext {position:relative;padding:30px 40px;background:#f4f4ff;border-radius:3px;margin:20px 0;}
.mod-inner .newstext:before {position:absolute;top:20px;left:20px;display:block;width:16px;height:14px;background:url(http://ecms04.lazybirdfly2023.top/skin/lazybirdfly_ecms04/images/syin.png) no-repeat;content:'';}
.mod-inner .newstext:after {position:absolute;right:20px;bottom:20px;display:block;width:16px;height:14px;background:url(http://ecms04.lazybirdfly2023.top/skin/lazybirdfly_ecms04/images/syin.png) -16px 0 no-repeat;content:'';}
.mod-inner .newstext p {margin:0;padding:10px;line-height:1.8;word-wrap:break-word;font-size:16px;color:#52617f;}
.inner-tit{text-align: center !important;margin: 3rem !important;}
.inner-tit span{position: relative;font-size: 1.5rem;    text-align: center !important;color:#3e506f;font-weight:600;}
.inner-tit span::before,.inner-tit span::after {position:absolute;top:50%;width:30px;height:2px;border-top:2px solid;content:'';border-color:#0a5bf2;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.inner-tit span::before {left:-45px;}
.inner-tit span::after {right:-45px;}
.theme-item-intro:hover .inner-tit span::before,.theme-itembox:hover .inner-tit span::before,.function-list:hover .inner-tit span::before{left:-55px}
.theme-item-intro:hover .inner-tit span::after,.theme-itembox:hover .inner-tit span::after,.function-list:hover .inner-tit span::after{right:-55px}
.theme-item-intro{padding: 0 8px;position: relative;margin: 20px 0;}
.theme-item-intro ul{position: relative;display: inline-block;width:100%;}
.theme-item-intro ul li {position:relative;min-width:16.555%;background-color:#fff;padding:1.2rem;float:left;background-image:linear-gradient(0deg,#ffffff 0%,#f3f5f8 100%);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;}
.theme-item-intro ul li span {color:#999;margin-bottom:10px!important;font-size:.8rem !important;}
.theme-item-intro ul li p {font-size:1.2rem !important;}
.theme-itembox {padding: 0 8px;background-color:#fff;border-radius:8px;margin-bottom:20px;line-height:1.5;}
.yuanma-con {padding:2rem 4rem;cursor:default;overflow:hidden;border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;}
.yuanma-con h3 {padding-bottom:12px;font-size: 1.5rem;border-bottom:4px solid #f4f4ff;margin:0px 0 20px;line-height:1.4;font-weight:500;color:#52617f;}
.yuanma-con p {color:#52617f;font-size:15px;line-height:24px;margin:0 0 10px;}
.yuanma-con ol,.yuanma-con ul {color:#52617f;list-style-position:outside;}
.yuanma-con ul li {line-height: 36px;}
.yuanma-con ul li:before {content: "";display: inline-block;margin-right: 15px;width: 8px;height: 8px;background-color: #dddddd;border-radius: 50%;}
.yuanma-con code {padding:3px 5px;font-size:14px;color:#c7254e;background-color:#f9f2f4;border-radius:4px;font-family:"Microsoft Yahei","Microsoft Yahei-Regular","SF Pro SC","SF Pro Text","SF Pro Icons",PingFangSC-Regular,Microsoft Sans Serif,sans-serif;}
mark {background-color: transparent;color: inherit;font-weight: bold;border-bottom: 2px solid #e6e6e6;}
.function-list {margin:0;padding: 0 8px;}
.section-box-content {padding:40px 50px;overflow:hidden;color:#506173;}
.single-item-faq{display:inline-block;width:100%;margin-right:20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.single-item-faq:nth-child(2n) {float:right;margin-right:0px;}
.single-item-faq .faq-toggle{background-color:#ffffff;margin-bottom:16px;padding:0 20px;border-radius: 6px;}
.single-item-faq .toggle-title{font-weight:400;line-height:1.4;padding:15px 0px;cursor: pointer;transition: all .3s ease;}
.single-item-faq .toggle-title a{color:#52617f;font-size:15px;}
.single-item-faq .toggle-title i{float:right;font-size: 18px;}
.single-item-faq .faq-toggle p a{color:#fff;border-bottom:1px solid #fff;margin:0 5px;padding:0 5px}
.single-item-faq .faq-toggle h3+p{border-top:1px solid #7f9bcb;padding:15px 0}
.faq-toggle p {margin:0px 0 0;display:none;color:#52617f;font-size:14px;line-height:1.5;padding-bottom: 20px;}
.action{text-align: center!important;margin:40px 0 0 0;}
.cd-popup {position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,0.9);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:999;}
.cd-popup.is-visible {opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;-moz-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s;}
.cd-popup-container {position:relative;width:90%;max-width:500px;margin:9em auto;padding:30px 20px 25px;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);/* Force Hardware Acceleration in WebKit */  -webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container p {padding-bottom:0.7em;font-size:18px;}
.cd-popup-container .cd-buttons:after {content:"";display:table;clear:both;}
.cd-popup-container .cd-buttons li {float:left;width:50%;}
.cd-popup-container .cd-buttons a {display:block;height:60px;line-height:60px;text-transform:uppercase;color:#FFF;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s;}
.cd-popup-container .cd-buttons li:first-child a {background:#fc7169;border-radius:0 0 0 .25em;}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {background-color:#fc8982;}
.cd-popup-container .cd-buttons li:last-child a {background:#b6bece;border-radius:0 0 .25em 0;}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {background-color:#c5ccd8;}
.cd-popup-container .cd-popup-close {position:absolute;top:8px;right:8px;width:30px;height:30px;}
.cd-popup-container .cd-popup-close::before,.cd-popup-container .cd-popup-close::after {content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5;}
.cd-popup-container .cd-popup-close::before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.rewards-popover-item {display:inline-block;width:200px;margin:0 10px;}
.rewards-popover-item h4 {margin:0 20px 18px;font-size:15px;}
.rewards-popover-item img {width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px;}
/*fuwu*/
.service-head{position: relative;background-color:#f5f7fa; width:100%;overflow:hidden;height: 339px;}
.service-head-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('../image/list-banner1.jpg') no-repeat center/cover;background-position: center;}
.service-head .service-banner{display:flex;justify-content:space-between;padding:115px 0 50px;position:relative}
.service-head .standard-left{width:100%;text-align:center;margin-bottom:0}
.service-head .standard-left h1{position:relative;margin-bottom:10px;font-size:2.2rem;font-weight:600;color:#000;text-transform:uppercase}
.service-head .standard-left h2{font-weight:500;font-size:1rem;margin-bottom:30px;color:#141727}
.service-page{    position: relative;background-color:#f5f7fa; width:100%;padding-top:3rem;padding-bottom:50px;overflow:hidden;border-top: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-font-smoothing: antialiased;background-image: linear-gradient(0deg,#fff,#f3f5f8);}
.service-page .conversion-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.service-page .conversion-box{text-align:left;margin-bottom:0;position:relative}
.service-page .conversion-box{width:31%;background-color:#fff;padding:30px;margin-bottom:50px;border-radius:4px;background-image: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;}
.service-page .conversion-box h3{margin-bottom:20px;font-size:24px;font-weight:500;color:#000}
.service-page .conversion-box p{font-size:15px;margin-bottom:25px;color: #212733;}
.service-page .service-link{list-style-type:disc;padding-left:14px}
.service-page .service-link li{margin-bottom:10px;line-height:1.5;color:#383e6b;padding-bottom:10px}
.service-page .service-link li:last-child{border-bottom:none}
.service-page .service-link li a{display:inline-block;color:#686868;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:underline}
.service-page .price{font-family: 'oswaldregular', sans-serif;font-size: 1.5rem !important;color:#ff4a14;font-weight:600;}
.service-page .web-conversion-bg:hover::after{background:#ff4a14}
.service-page .conversion-box:hover:after{transform:scaleX(1) translateZ(0)}
.service-page .conversion-box:after{content:"";position:absolute;width:100%;height:3px;left:0;bottom:0;background:0 0;transform-origin:0 100%;transform:scaleX(0) translateZ(0);transition:transform 1s cubic-bezier(.23,1,.32,1);border-radius:0 0 4px 4px}
/*教程列表内容页*/
.webnews-main {margin:0 auto;min-height:600px;overflow:hidden;position:relative;}
.newsconleft {float:left;position:relative;width:65.666%;}
.article-item {position:relative;background:#ffffff;}
.article-item ul{margin-top:.5rem;}
.article-item ul li{border-bottom: 1px solid #f4f4ff !important;padding: 1.5rem 0;}
.article-item ul li a{margin-bottom: 1rem!important;position: relative;display: block;line-height:22px;font-size: 20px;font-weight: 500;color: #3e506f;}
.article-item ul li .decs{margin-bottom: 1.2rem!important;}
.article-item ul li .decs p{font-size: 14px !important;color: #62656d;}
.article-item ul li .text-xs{color: #9d9fa9 !important;font-size:12px;}
.article-item ul li span{margin-right:8px;}
.article-item ul li span i{margin-right:2px;font-size:13px;}
.article-item ul li span a{color: #9d9fa9 !important;font-size:12px;display: inline;}
.newsconright {float:right;position:relative;width:29.3333%;}
.newsconright .course-list{max-width:100%;margin-right:0px;margin-bottom:30px;}
.right-list {position:relative;background-color:#fff;padding:2rem;border-radius:4px;clear:both;overflow:hidden;margin-bottom:30px;border: 1px solid #f4f4ff!important;border-width: 2px!important;}
.right-list .w-newsitem{width:100%;position:relative}
.right-list .w-newsitem h3{font-size:1.25rem;position:relative;margin-bottom:30px!important}
.right-list .w-newsitem h3 a{font-size:18px;color:#000}
.right-list .w-newsitem h3::after{position:absolute;display:block;content:'';width:32px;bottom:-20px;left:0;border-top:solid 2px #dde8f5;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.right-list:hover .w-newsitem h3::after{left:0!important;margin-left:0!important;width:100%!important}
.hot-item{position:relative}
.hot-item li{padding:12px 0;border-top:1px solid #f7f7f7}
.hot-item li:first-child{border:none}
.hot-item li a{height:22px;line-height:22px;font-size:14px;color:#333b55;overflow:hidden;font-weight:400;display:block;text-overflow:ellipsis;white-space:nowrap}
.hot-item li a:hover{color:#666}
.tagcloud{margin-top:1.5rem;display:inline-block;}
.tagcloud a {position:relative;font-size:inherit !important;letter-spacing:1px;line-height:1;text-transform:capitalize;display:inline-block;margin:0 .25rem .5rem 0;border:1px solid var(--border-light);padding:.5rem .5375rem;border-radius:5px;}
.tagcloud a:hover {opacity: .8;color:inherit}

.widget_search {position:relative;background-color:#fff;padding:1px;clear:both;overflow:hidden;margin-bottom:30px;}
.form-control {display:block;width:100%;font-weight:400;color:#495057;background-color:#fff;background-clip:padding-box;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size:14px;line-height:1;margin:0;padding:20px 18px;height:calc(1.5em + .75rem + 2px);-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%;border: 1px solid #f4f4ff!important;border-width: 2px!important;}
.home-search {height:45px;margin-bottom:16px;position:relative;width:500px;}
#book-search-input {transition:top .5s ease;margin-bottom:10px;margin-top:-1px;padding:0;display:flex;}
.search-input-block {border-radius:4px;line-height:45px;padding:0 0 0 16px;font-size:16px;width:100%;box-shadow:none;outline:0;border:2px solid #ffffff !important;background-image: linear-gradient(0deg,#fff,#f3f5f8);color:#2c3e50 !important;}
.search-input-icon {position:absolute;display:block;width:100px;height:40px;line-height:40px;text-align:center;opacity:1;right:5px;bottom:0;margin:auto;background-repeat:no-repeat;background-position:center;cursor:pointer;border:2px solid #ffffff;text-shadow:0 0.1em 0 rgb(49 43 43 / 50%);font-size:18px;background:#0055ff;border-radius:5px;color:#fff;box-shadow:0px 6px 12px 0px rgba(0,85,255,0.2);}
.search-input-icon:hover {border:none;}
.right-list-ad {position:relative;background-color:#fff;padding:0px;clear:both;overflow:hidden;margin-bottom:30px;}
.right-list-ad img{border-radius:4px;}
.feature-post {width:100%;padding:0;margin:0;list-style:none;position:relative;margin-bottom: 30px;}
.feature-post li {position:relative;margin-bottom:20px;border-radius:4px;overflow:hidden;background:#fff}
.feature-post li:last-child {margin-bottom:0}
.feature-post li:hover img {-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-out 0s}
.feature-post a {display:block;transition:all .3s ease-out 0s;}
.feature-post img {width:100%;height:auto;vertical-align:top;transition:all .3s ease-out 0s;}
.feature-post span {position:absolute;display:block;left:0;bottom:0;width:100%;height:34px;padding:0 10px;line-height:34px;color:#fff;font-size:12px;background:rgba(0,0,0,.3);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.article-content {background:#fff;margin-bottom:20px;display:block;}
.article-detail {position:relative;margin-bottom:20px;border-bottom:1px solid #f4f4ff;border-width:2px !important;}
.article-detail .detail-title {font-size:1.75rem;font-weight:500;-webkit-line-clamp:inherit;height:auto;line-height:normal;margin:0;margin:1rem 0;}
.article-detail .infos {color:#999;font-size:14px;margin-bottom:25px;}
.article-detail .infos span {color:#999;font-size:14px;margin-right:10px;}
.article-detail .infos span a{color:#333b55;font-size:14px;}
.article-detail .infos .iconfont {display:inline-block;padding-right:2px;font-size: 14px;}
.article-body {color:#2f3340;font-size:14px;margin-bottom:10px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal;}
.article-body .body-img{text-align: center;}
.article-body img{max-width:100%;height: auto !important;margin-bottom: 20px;border-radius: 5px;}
pre,blockquote{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-family: "Microsoft Yahei";}
.article-body pre,.article-body blockquote{margin:20px 0;font-size:12px;line-height:22px;background:#4a4a4a;padding:10px 20px;color:#f8f8d4;border:0;}
.article-body pre code,.article-body blockquote p{padding:0;font-family:"Microsoft YaHei";font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0;}
.article-body p {margin:5px 0;color:#2f3340;font-size:14px;}
.article-body h1,.article-body h2,.article-body h3 {color:#000;font-size:22px;margin-top: 20px;margin-bottom: 0px;}
.article-body h4 {color:#2b548b;font-size:15px;font-weight:600;}
.post-copyright {background-color:#eee;border-radius:2px;color:#aaa;font-size:12px;margin:18px 0;padding:15px 30px;text-align:center;}
.article-sm {color:#9d9fa9;background-color:#fafaff;position:relative;padding:.75rem 1.25rem;margin:1rem 0;border:1px solid #f4f4ff;border-radius:.25rem;font-size:14px;line-height:20px;}
.article-sm a{font-size:12px;}.article-sm strong{font-size:13px;}
.entry-navigation {border-radius: 4px!important;border: 1px solid #f5f5fd!important;border-width: 2px!important;display:block;margin-bottom:20px;position:relative;border-radius:5px;padding:20px;}
.article-nav {overflow:hidden;font-size:14px;color:#bbb;}
.article-nav span {float:left;position:relative;width:50%;border-right:1px solid #f4f4ff;}
.article-nav span:nth-child(2n) {border-right:0px solid #e9ebec;}
.article-nav span.article-nav-next {float:right;text-align:right;}
.article-nav a {color:#999;display:inline-block;font-size:12px;}
.aboutme {padding:3rem;border-radius:4px!important;border:1px solid #f5f5fd!important;border-width:2px!important;margin-bottom:40px;display:inline-block;width:100%;}
.aboutme h5 {margin-bottom:1rem!important;line-height:1.5;font-size:18px;color:#000;}
.aboutme ul{font-size: 14px;    margin-left: 1rem!important;}
.aboutme ul li{font-size: 14px;margin-bottom: .25rem!important;color: #9d9fa9 !important;}
.section-box-title {padding:12px 0px;line-height:34px;font-weight:700;border-radius:25px;}
.section-box-title h3 i {box-sizing:border-box;width:10px;height:10px;border-radius:50%;position:absolute;margin-left:-20px;margin-top:4px;border:2px solid #0060ed;box-shadow:0 0 0px 4px rgba(33,150,243,0.2);}
.section-box-title h3 {color:#243159;font-size:16px;font-weight:600;height:18px;padding-left:25px;line-height:18px;}
.tag-box {padding:10px 0;width:100%;}
.tag-box span {border:none;background-color:#0d0033;color:#fff;display:inline-block;margin-bottom:10px;margin-right:10px;padding:5px 8px;border-radius:4px;font-size:14px;}
.tag-box a {border:none;display:inline-block;margin-bottom:10px;margin-right:10px;padding:5px 10px;border-radius:4px;font-size:14px;}
.xgart-row {overflow:hidden;position:relative;}
.xgart-row li {width:47%;float:left;display:flex;align-items:center;margin-top:15px;padding-right:30px;padding-left:15px;position:relative;}
.xgart-row li:before {content:'';position:absolute;left:0;width:4px;height:4px;border-radius:10px;background-color:#2196F3;}
.xgart-row a {display:inline-block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#777;}
.xgart-row a:hover {color:var(--primary-color);}
/*texiao*/
#gallery-wrapper {position:relative;max-width:100%;width:100%;margin:20px auto;}
img.thumb {max-width:100%;height:auto;}
.white-panel {position:absolute;background:white;border-radius:5px;border:1px solid #dbd1f1;padding:10px;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate(0,0);transform:translate(0,0);box-shadow:0 34px 50px -24px rgba(136,161,206,0.3);}
.white-panel h1 {font-size:1em;}
.white-panel h1 a {color:#1f0757;font-size:.8rem;font-weight:700;}
.white-panel:hover {-webkit-transform:translateY(-5px);transform:translateY(-5px);-ms-transform:translateY(-5px);transition:all 0.3s ease-in-out;}
/*about*/
.about-infos{background-color: #ffffff !important;padding: 3rem 0;overflow: hidden;}
.about-content{max-width: 1000px;margin: 0 auto;}
.posts-pushes{width: 100%;background-color: #ffffff;position: relative;display: inline-block;border-radius:4px!important;}
.posts-pushes  h5{position:relative;margin-bottom:30px!important;color: #1f0757 !important;font-size: 1.2rem;font-weight:600;}
.posts-pushes  h5::after{position:absolute;display:block;content:'';width:116px;bottom:-20px;left:0;border-top:solid 2px #f0f4f7;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.posts-pushes:hover h5::after{left:0!important;margin-left:0!important;width:100%!important}
.details-area {position:relative;z-index:1;padding-top:.5rem;}
.details-area p {color:#8480ae;line-height:1.8;font-size:1rem;margin-bottom:1rem;}
.details-area b {font-family:'oswaldregular',sans-serif;padding:0 .5rem;color:#1f0757;}
.details-area code {font-family:"Microsoft Yahei","冬青黑体简体中文 w3";font-size:.875em;color:#d63384;word-wrap:break-word;}
.alert-success {background:#edfbf6;color:#2fb784;padding:10px 15px;margin-bottom:20px;}
.wenda{width: 100%;background-color: #ffffff;position: relative;display: inline-block;border-radius:4px!important;padding:0 2rem;}
.wenda ul {margin-top:-12px;}
.wenda ul li {padding:12px 0;font-size:16px;border-top:1px solid #f7f7f7;line-height: 26px;}
.wenda ul li h4{font-size: 18px;color: #e6b980;margin-bottom: 10px;}
.wenda ul li strong{color: #1f0757;}
.wenda ul li p{margin-bottom: 10px;font-size: 15px;color: #8480ae;line-height: 1.6;}
.wenda ul li:first-child {border:none;}
.posts-pushes ul {margin-top:-12px;}
.posts-pushes ul li {padding:12px 0;font-size:16px;border-top:1px solid #f7f7f7;line-height: 26px;}
.posts-pushes ul li span {font-size:15px;color:#85858a;display:block;margin-top:5px;}
.posts-pushes ul li b {font-size:16px;}
.posts-pushes ul li p{margin-bottom: 10px;font-size: 16px;color: #2f3340;line-height: 1.8;}
.posts-pushes ul li h4{font-size: 18px;}
.posts-pushes ul li:first-child {border:none;}
.continfo{color: #223C61;margin-top:10px;}
.continfo h3{color: #1f0757;margin-top:10px;}
.continfo p{margin:5px 0;line-height:24px;color: #223C61;}
/*foot*/
.foot {background-color:#141727 ;background-image: linear-gradient(310deg,#141727,#3a416f);padding:30px 0;display:block;}
.footer-con {margin-right:-15px;margin-left:-15px;overflow:hidden;}
.widget {text-align:left;float:left;margin-bottom:0!important;max-width:54%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
.flogo {position:relative;height:45px;margin-right:30px;background-size:contain;background-position:left center;background-repeat:no-repeat;margin-bottom:1.5rem!important;}
.text-sm {font-size:14px !important;line-height:22px;color:rgba(255,255,255,.8);margin-bottom:1rem;}
.text-md-right {text-align:right;float:right;max-width:50%;position:relative;min-height:1px;padding-right:15px;padding-left:15px;padding-top:28px;}
.btn-info-gradiant {background:#0060ed;background-image: linear-gradient(310deg,#0060ed,#2152ff);color:#ffffff !important;border-right-width:0;border-left-width:0;}
.btn-info-gradiantw {background:#fff;background-image: linear-gradient(310deg,#ffffff,#ffffff);color:#0060ed;border-right-width:0;border-left-width:0;    padding: 0.19rem 1.8rem;}

.btn-info-gradiant:hover {background:#4403ff;background:-webkit-linear-gradient(legacy-direction(to right),#4403ff 0%,#188ef4 100%);background:-webkit-gradient(linear,left top,right top,from(#4403ff),to(#188ef4));background:-webkit-linear-gradient(left,#0060ed 0%,#4403ff 100%);background:-o-linear-gradient(left,#0060ed 0%,#4403ff 100%);background:linear-gradient(to right,#0060ed 0%,#4403ff 100%);color:#FFF;}
.btn-info-gradiant.active,.btn-info-gradiant:active,.btn-info-gradiant:focus {-webkit-box-shadow:0px;box-shadow:0px;opacity:1;}
.text-muted {color:rgba(255,255,255,.8) !important;font-size:12px !important;margin-bottom:1rem!important;margin-top:1rem!important;}
.text-em {font-size:14px !important;color:#fff !important;margin-bottom:.25rem!important;}
.foot .copyright {position:relative;font-size:12px;text-align:left;margin-top:1rem;}
.foot .copyright::after {position:absolute;display:block;content:'';width:32px;top:-26px;left:8px;border-top:solid 2px #f0f4f7;}
.copyright .bq {display:inline-block;font-size:12px;text-align:left;color:rgba(255,255,255,1);}
.copyright .span, .copyright a{font-size:12px;color:rgba(255,255,255,1) !important;}
.copyright .copy {float:right;display:inline-block;text-align:right;}
.copyright .copy a {color:rgba(255,255,255,.8);font-size:12px;display:inline-block;margin-left:10px;}
.copyright .copy a:hover {color:#2d3757;}
.widget {padding:20px;color:#333;border-radius:2px;line-height:24px;margin-right:70px;}
.footer-menu {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 0 2rem;}
.footer-menu i {position:absolute;left:0;top:1px;font-size:1.2rem;}
.footer-menu a {position:relative;display:block;color:#ffffff !important;padding:0 .75rem 0 0;margin:.09rem .75rem 0 0;}
.footer-menu a:after {content:'';position:absolute;right:0;top:50%;width:2px;height:10px;background-color:#777a89;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.footer-menu a:last-child:after{display:none}
.friendlink {background-color: #141727 ;background-image: linear-gradient(310deg,#141727,#3a416f);padding-bottom: 1rem;display: block;}
.friendlink .links{padding-top: 1rem!important;}
.friendlink .text-muted {color: rgba(255,255,255,.8) !important;}
.rollbar {position:fixed;right:20px;bottom:30%;z-index:99;display:block;}
.rollbar .actions {position:relative;width:100%;list-style-type:none;margin:0;padding:0;}
.rollbar .actions .contbar {position:relative;margin-bottom:10px;background-image: linear-gradient(135deg,#dbe2e9,#fff);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);border-radius: 30px;}
.rollbar .actions .contbar>a {display:block;cursor:pointer;position:relative;border:0;opacity:1;width:50px;text-align:center;height:50px;}
.rollbar .actions .contbar>a>i {font-size:32px;color:#111010;display:block;padding:0px;}
.rollbar .actions .contbar.tel>a>i{color:#14b6f6;}
.rollbar .actions .contbar.wx>a>i{color:#1abb0d;}
.rollbar .actions .contbar.tel>a>i:hover{color:#14b6f6;}
.rollbar .actions .contbar.wx>a>i:hover{color:#1abb0d;}
.rollbar .rollbar-item {position:absolute;margin-top:10px;border-radius:30px;background-color:#ffffff;color:#555;width:50px;text-align:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);border-radius: 30px;;line-height:50px;height:50px;}
.rollbar .rollbar-item i {line-height:45px;font-weight: 700;}
.rollbar .rollbar-item:hover i{color:#034eff;}
.rtbar_shwx {display:none;width:130px;position:absolute;top:0;right:50px;}
.rtbar_shwx .rtbar_qrimg {background-color:#fff;box-shadow:0 2px 14px 0 rgba(0,0,0,0.08);padding:8px 8px;margin-right:12px;position:relative;text-align:center;}
.rtbar_shwx .rtbar_qrimg span {font-size:12px;color:#758096;}
.rtbar_qrimg::after {content:'';position:absolute;right:-12px;top:26px;width:0;height:0;border:7px solid transparent;border-left:12px solid #fff;border-right:12px;}
/*按钮*/
.btn-all {padding:0.15rem 1.9rem;font-size: 15px;letter-spacing: 2px;line-height:40px;font-weight: 600;border-width:2px;border-radius:4px;display:inline-block;position:relative;}
.btn-all span {display:inline-block;position:relative;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;will-change:transform;}
.btn-all:hover span,.btn-all:focus span {-webkit-transform:translate3d(-.75rem,0,0);transform:translate3d(-.55rem,0,0);}
.btn-all i {position:absolute;width:1.25em;right:0rem;opacity:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.btn-all:hover i,.btn-all:focus i {opacity:1;right:-1.6rem;}
.btn-blue{color:#ffffff;background-color:#0060ed;background-image: linear-gradient(310deg,#0060ed,#2152ff);-webkit-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.btn-blue:hover,.btn-blue.focus {background-color:#fdd76e;color:#fff;}
.btn-yellow {color:#1f0757;background-color:#fdd76e;-webkit-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;margin-left:2px;}
.btn-yellow:hover,.btn-yellow.focus {color:#1f0757;background-color:#fdd76e;}
.btn-wave{position:relative;text-decoration:none;overflow:hidden;border-width:0}
.btn-wave:hover .wave{top:-120px}
.btn-wave .wave{width:200px;height:200px;position:absolute;left:0;top:-80px;transition:0.4s}
.btn-wave .wave::before,a .wave::after{width:200%;height:200%;content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}
.btn-wave .wave::before{border-radius:45%;background-color:rgba(236,236,236,0.2);animation:wave 5s linear infinite}
.btn-wave .wave::after{border-radius:40%;background-color:#a8bbfa80;animation:wave 10s linear infinite}
@keyframes wave{0%{transform:translate(-50%,-75%) rotate(0deg)}
100%{transform:translate(-50%,-75%) rotate(360deg)}
}
/*公用*/
.le-crumb {position:relative;}
.le-crumb .crumb-inner {color:#333b55;font-size:12px;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;line-height:30px;}
.le-crumb .crumb-inner i {color: #0060ed !important;padding:0 5px;}
.le-crumb a,.le-crumb span {font-size:12px;color:#333b55;}
.le-crumb a:hover,.le-crumb span:hover {font-size:12px;color:#0060ed;}
/*pagination*/
.pageinfo {padding:20px 10px;text-align:center;background:#fff;border-radius:6px;}
.pageinfo a {background-color:#fff;border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin:2px;padding:8px 20px;text-decoration:none;border-radius:4px;height:36px;line-height:36px;transition:all 0.2s ease 0s;}
.page-num-current{background-color: #0060ed !important;
    color: white !important;}
.pageinfo a:hover,.pageinfo .active{background-color:#0060ed;border-color:#0060ed;border-style:solid;border-width:1px;color:#fff;}
.pageinfo a:active {border-color:#0060ed;border-style:solid;border-width:1px;color:#000;}
.pageinfo span.thisclass {background-color:#0060ed;border-color:#0060ed;border-style:solid;border-width:1px;color:#fff;font-weight:bold;margin:2px;padding:8px 20px;border-radius:4px;}
.pageinfo span.disabled {border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin-right:2px;padding:8px 20px;border-radius:4px;background-color:#fff;}
.site-boxs{padding:30px;background:#fff none repeat scroll 0 0;border-radius:4px;margin-bottom:30px;}
/*down*/
.downloads{width: 100%;overflow: hidden;padding:14rem 0;background-color: #0811fb;position: relative;text-align: center;min-height: 650px;}
.downloads strong{font-size:2rem;color:#fff;}
.downloads .docs {font-size:18px;font-weight:400;color:#e3e3e3;margin-top:40px;text-align:center;}
.downloads .tiquma {height:40px;color:#fff;}
.downloads .tiquma span {color:#fff;font-weight:bold;font-size:20px;}
.downloads .tiquma input{border:none;cursor: pointer;}
.downloads .tiquma .fuzhitqm {border: 0;width:130px;height:40px;border-radius:8px;text-align:center;line-height:40px;font-size:16px;font-weight:600;background:#fff;color:#1482e6;margin-left:8px;margin-right:10px;cursor:pointer;}
.downloads .tiquma .fuzhitqm:hvover {background:#f7f7ff;}
.downloads .btnd {width:380px;margin:0 auto;margin-top:45px;}
.downloads .btnd a {float:right;display:block;-webkit-border-radius:8px;border-radius:8px;text-align:center;line-height:40px;font-size:16px;font-weight:600;background:#ff6700;color:#fff;}
.downloads .btnd a:hover{background:#fa873a;}


/*按钮*/
.btn-all {text-align: center;font-size: 15px;letter-spacing: 2px;line-height:40px;font-weight: 600;border-width:2px;border-radius:4px;display:inline-block;position:relative;}
.btn-all span {display:inline-block;position:relative;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;will-change:transform;}
.btn-all:hover span,.btn-all:focus span {-webkit-transform:translate3d(-.75rem,0,0);transform:translate3d(-.55rem,0,0);}
.btn-all i {position:absolute;width:1.25em;right:0rem;opacity:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.btn-all:hover i,.btn-all:focus i {opacity:1;right:-1.6rem;}
.btn-allfoot {text-align: center;font-size: 15px;letter-spacing: 2px;line-height:40px;font-weight: 600;border-width:2px;border-radius:4px;display:inline-block;position:relative;padding: 0.15rem 1.9rem;}
.btn-allfoot span {display:inline-block;position:relative;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;will-change:transform;}
.btn-allfoot:hover span,.btn-allfoot:focus span {-webkit-transform:translate3d(-.75rem,0,0);transform:translate3d(-.55rem,0,0);}
.btn-allfoot i {position:absolute;width:1.25em;right:0rem;opacity:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.btn-allfoot:hover i,.btn-allfoot:focus i {opacity:1;right:-1.6rem;}
.btn-blue{color:#ffffff !important;background-color:#0060ed;background-image: linear-gradient(310deg,#0060ed,#2152ff);-webkit-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.btn-blue:hover,.btn-blue.focus {background-color:#fdd76e;color:#fff !important;}
.btn-yellow {color:#1f0757;background-color:#fdd76e;-webkit-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;margin-left:2px;}
.btn-yellow:hover,.btn-yellow.focus {color:#1f0757;background-color:#fdd76e;}
.btn-wave{position:relative;text-decoration:none;overflow:hidden;border-width:0}
.btn-wave:hover .wave{top:-120px}
.btn-wave .wave{width:200px;height:200px;position:absolute;left:0;top:-80px;transition:0.4s}
.btn-wave .wave::before,a .wave::after{width:200%;height:200%;content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}
.btn-wave .wave::before{border-radius:45%;background-color:rgba(236,236,236,0.2);animation:wave 5s linear infinite}
.btn-wave .wave::after{border-radius:40%;background-color:#a8bbfa80;animation:wave 10s linear infinite}
@keyframes wave{0%{transform:translate(-50%,-75%) rotate(0deg)}
100%{transform:translate(-50%,-75%) rotate(360deg)}
}




/*****视频下载******/
.meihua_1 {
	display: block;
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #f16b6f;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 {
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(15,39,65,0.1);
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 .meihua_2_1 {
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	border-width: 1px 1px 1px 1px;
	padding: 20px 20px 10px 20px; 
}
.meihua_2 .meihua_2_1 p {
	margin: 5px auto!important;
}
.meihua_2 .meihua_2_1 .meihua_btn {
float: left;
    
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
	background: url(https://pb.bongcms.com/lazy2021/images/30.png) no-repeat 5px 3px #f16b6f;
    border: 1px solid #f16b6f;
    color: #FFF;
    text-decoration: none;    padding-right: 10px;
}
.meihua_2 .meihua_2_1 .meihua_btn i {
	margin-right: 5px
}
.meihua_2 .meihua_2_1 .meihua_btn:hover {
	background-color: #ea4c89
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.short-btn {
    float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    line-height: 36px;
    padding-left: 40px;
    margin: 0px 10px 10px 0;
    overflow: hidden;
    border-radius: 2px;
    background: url(https://pb.bongcms.com/lazy2021/images/10.png) no-repeat 5px 3px #f16b6f;
    border: 1px solid #f16b6f;
    text-decoration: none;color: #FFF!important;padding-right: 10px;text-decoration: none; 
}
.short-btn:hover {
	background-color: #ea4c89
}


.tagzong{}
.tagzong a{width: auto;}
.tagzong a span{padding: 2px 10px;}

.mod-tags {overflow:hidden;}
.mod-tags>a {float:left;display:block;color:#726161;border-radius:2px;font-size:14px;overflow:hidden;}
.mod-tags>a>span {display:block;width:auto;line-height:25px;margin:4px 3px;padding:3px 8px;text-align:center;background:#f5f6f7;border-radius:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
a.a-tag-1 {color:#f44336;}
a.a-tag-2 {color:#4caf50;}
a.a-tag-3 {color:#0B0B0B;}
a.a-tag-4 {color:#00bcd4;}
a.a-tag-5 {color:#2196f3;}
a.a-tag-6 {color:#e91e63;}
a.a-tag-7 {color:#34495e;}
a.a-tag-8 {color:#003366;}
a.a-tag-9 {color:#B37333;}
a.a-tag-10 {color:#CC0000;}
a.a-tag-1>span:hover {color:#fff;background:#f44336;}
a.a-tag-2>span:hover {color:#fff;background:#4caf50;}
a.a-tag-3>span:hover {color:#fff;background:#0B0B0B;}
a.a-tag-4>span:hover {color:#fff;background:#00bcd4;}
a.a-tag-5>span:hover {color:#fff;background:#2196f3;}
a.a-tag-6>span:hover {color:#fff;background:#e91e63;}
a.a-tag-7>span:hover {color:#fff;background:#34495e;}
a.a-tag-8>span:hover {color:#fff;background:#003366;}
a.a-tag-9>span:hover {color:#fff;background:#B37333;}
a.a-tag-10>span:hover {color:#fff;background:#CC0000;}
/*a:nth-child(10n+1) {color:#f44336;}*/
/*a:nth-child(10n+2) {color:#4caf50;}*/
/*a:nth-child(10n+3) {color:#0B0B0B;}*/
/*a:nth-child(10n+4) {color:#00bcd4;}*/
/*a:nth-child(10n+5) {color:#2196f3;}*/
/*a:nth-child(10n+6) {color:#e91e63;}*/
/*a:nth-child(10n+7) {color:#34495e;}*/
/*a:nth-child(10n+8) {color:#003366;}*/
/*a:nth-child(10n+9) {color:#B37333;}*/
/*a:nth-child(10n+10) {color:#CC0000;}*/
/*a:nth-child(10n+1)>span:hover {color:#fff;background:#f44336;}*/
/*a:nth-child(10n+2)>span:hover {color:#fff;background:#4caf50;}*/
/*a:nth-child(10n+3)>span:hover {color:#fff;background:#0B0B0B;}*/
/*a:nth-child(10n+4)>span:hover {color:#fff;background:#00bcd4;}*/
/*a:nth-child(10n+5)>span:hover {color:#fff;background:#2196f3;}*/
/*a:nth-child(10n+6)>span:hover {color:#fff;background:#e91e63;}*/
/*a:nth-child(10n+7)>span:hover {color:#fff;background:#34495e;}*/
/*a:nth-child(10n+8)>span:hover {color:#fff;background:#003366;}*/
/*a:nth-child(10n+9)>span:hover {color:#fff;background:#B37333;}*/
/*a:nth-child(10n+10)>span:hover {color:#fff;background:#CC0000;}*/