@import url('font/iconfont.css');
html {
-webkit-text-size-adjust: none;
}
*{
	margin: 0;
	padding: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
em, i {
    font-style: normal;
}
ol, ul {
	list-style: none;
}
img {
	border: 0;
	max-width: 100%;
    height: auto;
}
p {
    color: #3e506f;
    margin: 0;
    white-space: normal;
    word-break: break-all;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.75;
	color: #344767;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
body {
	font-family: microsoft yahei,microsoft yahei ui,Arial,sans-serif,simsun,pingfang SC,helvetica neue,hiragino sans gb;
	font-size: 14px;
	position:relative;
	background: #ffffff;
}
@media only screen and (min-width: 900px) {body{background: #fff;}}
@media only screen and (max-width: 900px) {body{background: #fff;padding-top: 0px;}}
a {
	color: #3e506f;
	font-size: 14px;
	text-decoration: none;
	transition: color 0.3s;
	cursor: pointer;
}
a:hover {
	color: #0060ed;
}
::selection{background:#0060ed;color:#fff;}

.font-theme {
    font-family: 'oswaldregular', sans-serif;
}
.container {max-width:1200px;margin:0 auto;}
.linear {
    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;
}
.color0{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color1{color:rgb(202, 109, 220);background-color:rgba(212, 62, 241, 0.1)}
.color2{color:#ff5473;background-color:rgba(255,84,115,.1)}
.color3{color:#6a933e;background-color:rgba(72,135,24,.1)}
.color4{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.color5{color:#8e4aff;background-color:rgba(154,72,245,.1)}
.color6{color:#c58516;background-color:rgba(179,103,8,.1)}
.color7{color:#2997f7;background-color:rgba(41,151,247,.1)}
.color8{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.color9{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color10{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color11{color:#18a52a;background-color:rgba(18,185,40,.1)}
.color12{color:#e434e1;background-color:rgba(213,72,245,.1)}
.color13{color:#888;background-color:rgba(136,136,136,.1)}
.color14{color:#6a933e;background-color:rgba(72,135,24,.1)}
.color15{color:#c58516;background-color:rgba(179,103,8,.1)}
.color16{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color17{color:#ff5473;background-color:rgba(255,84,115,.1)}
.color18{color:#e434e1;background-color:rgba(213,72,245,.1)}
.color19{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color20{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.color21{color:#2997f7;background-color:rgba(41,151,247,.1)}
.color22{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color23{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color24{color:rgb(202, 109, 220);background-color:rgba(212, 62, 241, 0.1)}
.color25{color:#888;background-color:rgba(136,136,136,.1)}
.color26{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color27{color:#2997f7;background-color:rgba(41,151,247,.1)}
.color28{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.color29{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color30{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color31{color:#18a52a;background-color:rgba(18,185,40,.1)}
.color32{color:#e434e1;background-color:rgba(213,72,245,.1)}
.color33{color:#888;background-color:rgba(136,136,136,.1)}
.color34{color:#6a933e;background-color:rgba(72,135,24,.1)}
.color35{color:#c58516;background-color:rgba(179,103,8,.1)}
.color36{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color37{color:#ff5473;background-color:rgba(255,84,115,.1)}
.color38{color:#e434e1;background-color:rgba(213,72,245,.1)}
.color39{color:#2997f7;background-color:rgba(41,151,247,.1)}
.color40{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.color41{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color42{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color43{color:#18a52a;background-color:rgba(18,185,40,.1)}


.topbar-wrapper{display:block;width:100%;background-color: #ff123d;background: linear-gradient(230.47deg, #2b48c1 -.87%, #4328b1 25.89%, #124eff 77.87%, #27cdff 97.94%), #368bbf;z-index: -9;height:40px;line-height:40px;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.topinfo {position: relative;}
.topinfo p{color: #f8f9fa;font-size:13px;text-align: center;letter-spacing: .01rem;}
.topinfo .topnav {background-color: #1d2029;font-size: 12px;color:#fff;padding: .25rem .875rem;border-radius: 4rem;}
.topinfo .topnav:hover {background-color: #292c36;}
.hua-navbar{position: relative;background: #fff;z-index: 999;height: 80px;box-shadow: none;box-shadow: 0px 2px 8px rgba(29, 41, 57, 0.08);}
.hua-navbar.fixed{position: fixed;left: 0;top:0;right: 0;}
.hua-navbar h1{float: left;padding: 20px 0;}
.hua-navbar h1 a{display: block;}
.hua-navbar h1 a img{max-width: 100%;height: auto;display: block;}
.hua-navbar .nav-list{margin-left: 9rem;display: block;list-style: none;float: left;}
.hua-navbar .nav-list > li{list-style: none;float: left;position: relative;}
.nav-list > li.current a{color:#0060ed;}
.nav-list > li em{position: absolute;height:80px;line-height: 80px;right: 6px;color: #161c2d;z-index: -99;}
.nav-list > li em i{font-size:24px;}
.nav-list li:hover a,.nav-list li:hover i.down {color:#0060ed}
.nav-list li .down:before {display:inline-block;transition: all .3s ease-out 0s;}
.nav-list li:hover .down:before {transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.nav-list.active li .down:before {display:inline;}
.nav-list > li > a{height: 80px;line-height: 80px;display: inline-block;padding:0 26px;font-size: 16px;color: #333333;}
.nav-list li small {position:absolute;display:block;right:0px;top:12px;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;}
.nav-list li small.blue {background: linear-gradient(to right,#0056f3 0%,#2b76ff 100%);}
.nav-list li>ul {-webkit-transform: translateY(15px);transform: translateY(15px);}
.nav-list li:hover>ul {-webkit-transform: translateY(0px);transform: translateY(0px)}
.nav-list .sub-nav {position:absolute;text-align: center;width:111px;top:100%;left:16px;padding:.75rem;opacity:0;border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow: 0 2px 8px 0 rgba(0, 29, 35, 0.05);visibility:hidden;-webkit-transform-origin:0 0 0;transform-origin:0 0 0;transition:all .2s ease-out 0s;z-index:9;background-color:#fff;border-radius:1px;}
.nav-list li:hover>ul {opacity:1;visibility:visible}
.nav-list .sub-nav li {display:block;border-bottom:none;border-left:none;transition:all .3s ease 0s;}
.nav-list .sub-nav li a {display:block;font-size:.875rem;transition:all .3s ease-out 0s;color:#2c2e3b;padding:.5rem;}
.nav-list .sub-nav li a:hover {color:#0060ed}
.nav-right{float:right;font-size:15px;margin-top:0px}
.nav-right li{position:relative;float:left}
.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
.nav-right > li > a{padding:25px 10px 23px;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.nav-right > li.u-fang a {position: relative;background-color: #0060ed;background-image: linear-gradient(310deg,#2152ff,#0060ed);padding: .5rem 1.2rem;font-size: 14px;font-weight: 600;line-height: 21px;color: #fff;border-radius: 2rem;margin: 21px 0;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.nav-right > li.u-fang:hover a{  background-color: #000;}
.nav-line{width: 1px;background: #777;height: 10px;display: inline-block;margin: 0 5px;}
.nav-right .nav-button{display:none}
.canvas-close{display:none;}
.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;}


.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: #e1f0ff;background-image: -webkit-linear-gradient(left,#ffffff,#e3edff 25%,#f3e9fe 50%,#e3edff 75%,#ffffff);}
.section-header:before {content:'';height:100%;width:100%;opacity:.9999;left:0;position:absolute;right:0;top:0;bottom:0;background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(247,248,249,0)));background-image:linear-gradient( 0deg,#fff 0,rgba(247,248,249,0) 100%);}
.section-header .page-home-header {width:100%;height:100%;position:relative;}
.vertical-middle,.swiper-caption {position:relative;}
.page-banner {float: left;width: 50%;max-width:100%;padding:5rem 0 9rem 1rem;}
.page-banner .banner-title {font-size: 36px;color:#021225;margin-bottom:1.1rem;}
.page-banner .banner-title span{color:#191a1c;}
.page-banner .banner-description {margin:10px auto;font-size:16px;color:#4b5b76;}
.page-banner .banner-button {margin-top:30px;text-shadow:none;}
.banner-img{float:right;margin-top:25px;width: 33%;max-width:100%;animation:upndown 3s ease-in-out infinite;}
.banner-img img{border-radius: 8px;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;}
.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;}
}
.at_list_con{position: relative;bottom: 38px;}
.at_list_con ul {width:100%;margin:0 auto;position:relative;}
.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:8px;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:15px;font-weight:600;margin-bottom:0;color:#181818;}
.at_list .at-text p {font-size:14px;color:#4b5b76;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:23.4444%;position:relative;display:inline-block;margin-right:1.2rem;margin-bottom:1.2rem;overflow:hidden;}
.index-hotlist .hot-box:nth-child(4n) {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:31.58888%;position:relative;display:inline-block;margin-right:1.2rem;margin-bottom:1.5rem;}
.pro-ztlist .le-box {border-radius:8px !important;transition:all .2s;box-shadow: 0px 6px 40px 0px rgba(34,87,179,0.12);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-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.pro-ztlist .le-box .box-thumb {position: relative;background: #f4f4ff;border-radius: 5px;max-height: 326px;overflow: hidden;}
.pro-ztlist .le-box img {width:100%;height:100%;display:block;border-radius: 8px 8px 0 0;}
.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: 8px 0 0 0;}
.pro-ztlist .le-box .pro-header {text-align:center;padding:18px 20px 15px;background-image: linear-gradient(0deg,#fff,#f4f4ff);border-radius: 0 0 8px 8px;}
.le-box .entry-meta {margin-top:.1rem!important;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;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;text-align:left;}
 .pro-header .metas {margin-top:.5rem;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%;}
 .pro-header .metas>span {margin-right: 10px;}
 .pro-header .metas>span i {margin-right: 3px;}
 .pro-header .metas .meta-views {flex: 1;text-align: right;margin-right: 0;}
.pro-ztlist .le-box .pricer{position:absolute;bottom:125px;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:6px!important;padding:1.8rem!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:8px 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 {display: flex;}
.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;}
.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}
.term-bar {width: 100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color: #3a416f;background: #e1f0ff;
  background-image: -webkit-linear-gradient(left,#ffffff,#e3edff 25%,#f3e9fe 50%,#e3edff 75%,#ffffff);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:before {content:'';height:100%;width:100%;opacity:.9999;left:0;position:absolute;right:0;top:0;bottom:0;background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(247,248,249,0)));background-image:linear-gradient( 0deg,#fff 0,rgba(247,248,249,0) 100%);}
.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 {color:#1d2029;font-weight:600;font-size: 1.8rem;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: 1rem 0px 1rem 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:-2px;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: #ffffff;background: #df3737;padding: 6px 12px;}
.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 .filter:nth-child(1) {display: block}
.archive-filter .filter:nth-child(2) {display: 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:20px 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;background-image: -webkit-linear-gradient(left,#ffffff,#e3edff 25%,#f3e9fe 50%,#e3edff 75%,#ffffff);}
.huatheme_info {padding: 30px 0;}
.huatheme_left {width:43.333%;float:left;}
.huatheme_right {width:53.333%;float:right;}
.theme-item-image {position: relative;}
.theme-item-image img{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:6px;}
.demo-item-image {position: relative;width: 65%;margin: 0 auto;}
.theme-overview {border:1px solid #e5e5ef;border-radius: 10px; position:relative;overflow:hidden;max-width:100%;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:50.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:165px;bottom:-30px;right:-123px;-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%}

.section-da {width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#3a416f;background:#e1f0ff;background-image:-webkit-linear-gradient(left,#ffffff,#e3edff 25%,#f3e9fe 50%,#e3edff 75%,#ffffff);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:4rem 0 0 0;position:relative;text-align:center;overflow:hidden;}
.section-da:before {content:'';height:100%;width:100%;opacity:.9999;left:0;position:absolute;right:0;top:0;bottom:0;background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(247,248,249,0)));background-image:linear-gradient( 0deg,#fff 0,rgba(247,248,249,0) 100%);}
.meninfos{position: relative;}
.meninfos h2{color:#2b76ff;font-size: 1.25rem;font-weight: 600;}
.meninfos h1{color:#20232b;font-size: 28px;line-height: 1.4;margin-top: 20px;font-weight: 600;}
.meninfos .description{color:#80848c;font-size: 15px;margin-top: 15px;line-height: 24px;}
.meninfos .details-price{margin-top: 1.5rem!important;}
.meninfos .text-danger{color:#ff4636;font-size: 1.5rem;margin-right: 1rem!important;}
.meninfos .corner-price {position:relative;font-size:12px;background:linear-gradient(145deg,#f30000 0%,#ff882b 100%);color:#fff;border-radius:7px 7px 7px 0;padding:4px 8px;top:-4px;}
.meninfos .text-muteds {color:#80848c !important;font-size:1.2rem;}
.meninfos .btn-theme {margin-top:20px;}
.meninfos .text-az {color:#80848c;font-size:14px;margin-top:20px;}
.no-margin {margin-right:0 !important;}


.anchor_layer{width: 100%;position: relative;
  height: 58px;}
.anchor_layer .nav_wrap{height: 58px; overflow: hidden; margin: 0 auto 58px; background: #4a6bff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);}
.anchor_layer .nav_wrap.navFix{position: fixed; left: 0; top: 0; width: 100%; min-width: 1220px; border-radius: 0; z-index: 9999;}
.anchor_layer .nav_wrap .wrap_layer{width: 1200px; height: 58px; margin: 0 auto; padding: 0 10px;}
.anchor_layer .nav_wrap .wrap_tab{height: 58px; float: left;}
.anchor_layer .nav_wrap .wrap_tab:hover{background: #ecf2fe;background: rgba(255, 255, 255, 0.1);}
.anchor_layer .nav_wrap a{padding:0 20px;height: 58px;display: block; color: #fff; line-height: 58px; font-weight: 500;text-align: center; font-size: 16px;letter-spacing: .05rem;} 
.anchor_layer .nav_wrap a i {
  position: relative;
    top: -3px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 6px;
  display: inline-block;
  border-radius: 2px;
  background: #ff5c00;
  padding: 0 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.anchor_layer .nav_wrap .active,.details_main .anchor_layer .nav_wrap a:hover{background: #ecf2fe;background: rgba(255, 255, 255, 0.1);} 
.mbtop{width: 1200px; margin: 0rem auto; padding:2rem 0 0 0;}
.top-page .mbtop{padding: 3rem 0 2rem 0;}
.top-section-header{margin-bottom: 20px;}
.top-section-header h2{font-size: 22px;line-height: 36px;color: #282e3e;font-weight: 500;}
.top-section-header .top-section-sub-tit{font-size: 14px;line-height: 22px;color: #5b6786;margin-top: 5px;}
.top-list {position: relative;}
.top-list li {width:23.48888%;position:relative;display:inline-block;margin-right:1.2rem;margin-bottom:1.5rem;}
.top-list .le-box {transition:all .2s;box-shadow: 0px 6px 40px 0px rgba(34,87,179,0.12);border: 1px solid #fff;}
.top-list .le-box:nth-child(4n) {margin-right:0px;}
.top-list li:hover {-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.top-list .le-box .box-thumb {position: relative;background: #f4f4ff;max-height: 326px;overflow: hidden;}
.top-list .le-box img {width:100%;height:100%;display:block;border-radius: 8px 8px 0 0;}
.top-list .le-box .pro-header {text-align:center;padding:18px 20px 15px;background-image: linear-gradient(0deg,#fff,#f4f4ff);}
.le-box .entry-meta {margin-top:.1rem!important;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;}
.top-list .le-box .pro-header  a  {text-align:center;height: 46px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;text-align:left;}
.pro-header .metas {margin-top:.5rem;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%;}


.fw-qrcode {position:relative;background:#fff;border:2px solid #fff;box-shadow:8px 8px 20px rgba(55,99,170,.1);border-radius:4px;padding:20px;margin-top:2rem;}
.fw-qrcode .fw-content {display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:auto;}
.top-vouchervertical-main {display:inline-block;vertical-align:top;position:relative;padding-right:60px;width:calc(100% - 387px);}
.top-vouchervertical-main-tit {font-size:20px;line-height:28px;color:#282e3e;font-weight:500;}
.top-vouchervertical-main-tit span {vertical-align:middle;}
.top-vouchervertical-main-tit-tag {margin-left:12px;display:inline-block;padding:0 4px;border-radius:2px;border:1px solid #ff6f4a;background:#ff6f4a;font-size:12px;line-height:16px;color:#fff;vertical-align:middle;}
.top-vouchervertical-main .top-vouchervertical-list {margin-top:12px;overflow:hidden;}
.top-vouchervertical-main .top-item {color:#5b6786;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;position:relative;padding-left:24px;font-size:14px;line-height:22px;}
.top-icon {position:absolute;top:3px;left:0;width:16px;height:16px;display:inline-block;vertical-align:-3px;background-repeat:no-repeat;background-size:contain;background-image:url(../images/icon-list.svg);}
.top-vouchervertical-aside {width:387px;padding:16px 24px;height:178px;background:#ff6d50;border-radius:8px;vertical-align:top;display:inline-block;}
.top-vouchervertical-aside-center {display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;height:100%;position:relative;z-index:1;}
.top-vouchervertical-aside-con {width:calc(100% - 120px);}
.top-vouchervertical-aside-qrcode-tip {font-size:16px;line-height:24px;font-weight:500;color:hsla(0,0%,100%,.9);margin-bottom:11px;}
.top-vouchervertical-aside-tags {width:100%;white-space:nowrap;overflow:hidden;margin-bottom:8px;}
.top-vouchervertical-aside-tag {width:auto;height:18px;margin-bottom:8px;position:relative;z-index:5;padding:0 4px;box-sizing:border-box;font-size:12px;line-height:18px;line-height:16px;border:1px solid #fffefe;color:#fffefe;margin-right:4px;}
.top-vouchervertical-aside-tag.top-tags-primary {color:#8c201f;line-height:18px;border:0;border-radius:2px;background:linear-gradient(90deg,#fff0e2,#ffddbe);padding:0 3px;}
.top-vouchervertical-aside-tag.top-tags-weak {color:#fffefe;}
.top-vouchervertical-aside-amount {font-size:28px;line-height:36px;color:#fff;font-weight:500;}
.top-vouchervertical-aside-unit {font-size:14px;line-height:22px;color:#fff;}
.top-vouchervertical-aside-desc {font-size:14px;line-height:22px;color:#fff;font-weight:500;}
.top-vouchervertical-aside-qrcode-wrap {-ms-flex:0 0 118px;flex:0 0 118px;width:118px;height:118px;background:#fff;overflow:hidden;border-radius:6px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;}
.top-vouchervertical-aside-qrcode-wrap .top-vouchervertical-aside-qrcode-img {width:110px;height:110px;}
.mbhd {width:1200px;margin:2rem auto;padding:0rem 0 0 0;}

.top-fuwu-list {position: relative;}
.top-fuwu-list ul {width: 100%;display: inline-block;}
.top-fuwu-list ul li {position: relative;display: block;width: 23.388%;text-align:center;margin-right:25px;margin-bottom:50px;float:left;cursor:default;transition: all .5s;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border: 1px solid #fff;}
.top-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)}
.top-fuwu-list ul li div{padding:50px 58px;vertical-align:top;position: relative;width:100%;display: block;}
.top-fuwu-list ul li div img{width:100px;}
.top-fuwu-list ul li:nth-child(4n) {margin-right:0;}
.top-fuwu-list ul li span {width: 100%;font-size:22px;margin:5px 0px;color:#343a40;display: inline-block;font-weight: 600;}
.top-fuwu-list ul li p {margin-top:10px;overflow:hidden;font-size:20px;color:#575e68;font-weight: 600;}
.term-bar .term-title span{color:#2b76ff;}
@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: 25px 0;}
.theme_title h1 {font-size:22px;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: #6e80b5;margin-top:.5rem;}
.meta{margin: 1.1rem 0;display: inline-block;}
.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;}
.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: 20px 0;position: relative;width: 100%;}
.theme-server li {width:50%;text-align:left;font-size: 16px;color:#303138;float:left;margin-bottom:10px;cursor: default;}
.btn-theme{padding:0;}
.btn-theme a{margin-right: 15px;}
.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(../images/syin.png) no-repeat;content:'';}
.mod-inner .newstext:after {position:absolute;right:20px;bottom:20px;display:block;width:16px;height:14px;background:url(../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:19.925%;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 {font-size:16px;padding:2rem 4rem;cursor:default;overflow:hidden;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;}
.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:16px;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);display:none;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 {display:block;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:15em auto;padding:40px 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 h3 {padding-bottom:.5em;font-size:20px;font-weight:bold;}
.cd-popup-container p {padding-bottom:1.5em;font-size:14px;color:#666;}
.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:24px;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:3px;}
.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:3px;}
.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: #e1f0ff;background-image: -webkit-linear-gradient(left,#ffffff,#e3edff 25%,#f3e9fe 50%,#e3edff 75%,#ffffff); width:100%;overflow:hidden;height: 339px;}
.service-head:before {content:'';height:100%;width:100%;opacity:.9999;left:0;position:absolute;right:0;top:0;bottom:0;background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(247,248,249,0)));background-image:linear-gradient( 0deg,#fff 0,rgba(247,248,249,0) 100%);}
.service-head-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('../images/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; width:100%;padding-bottom:50px;overflow:hidden;}
.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:18px;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.2;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;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;padding:2rem;border-radius:4px;clear:both;overflow:hidden;margin-bottom:30px;}
.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:15px;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: 16px;}
.article-body {color:#2f3340;font-size:16px;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;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:24px;background:#4a4a4a;padding:10px 20px;color:#f8f8d4;border:0;white-space: pre-line;}
.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:16px;}
.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:16px;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:14px;}
.aboutme {padding:1.5rem!important;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(13deg, #272d4e, #2135b9);padding:30px 0;display:block;}
.footer-con {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;border-right-width:0;border-left-width:0;}
.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;}
.btn-info-grenn {background:#1abb0d;background-image: linear-gradient(310deg,#1abb0d,#2aae67);color:#ffffff;border-right-width:0;border-left-width:0;}
.btn-info-grenn:hover {background:#1abb0d;background:-webkit-linear-gradient(legacy-direction(to right),#1abb0d 0%,#2aae67 100%);background:-webkit-linear-gradient(left,#1abb0d 0%,#2aae67 100%);background:-o-linear-gradient(left,#1abb0d 0%,#2aae67 100%);background:linear-gradient(to right,#1abb0d 0%,#2aae67 100%);color:#FFF;}
.btn-info-grenn.active,.btn-info-grenn:active,.btn-info-grenn: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);}
.copyright .copy {float:right;display:inline-block;text-align:right;font-size: 14px;color: #6c757d!important;}
.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;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 {box-shadow:0 6px 15px 0 rgba(6,12,19,.14);margin-top:-70px;position:fixed;right:12px;top:50%;z-index:9;background: linear-gradient(0deg,#f9fbff,#eff4fd);;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);border: 2px solid #fff;border-radius:10px;}
.rollbar .actions {position:relative;width:100%;list-style-type:none;margin:0;padding:0;}
.rollbar .actions .contbar {border-top:2px solid #fff;font-weight:500;padding:10px 0;position:relative;text-align:center;width:62px;}
.rollbar .actions .contbar:first-child {border-top:0;}
.rollbar .actions .contbar>a {color:#6c757d;display:block;font-size:12px;line-height:14px;}
.rollbar .actions .contbar>a>i {display:block;font-size:28px;line-height:32px;}
.rollbar .actions .contbar.wx>a>i {color: #1abb0d;}
.rollbar .actions .contbar.qq>a>i {color: #14b6f6;}
.rollbar .gotop {cursor:pointer;}
.rollbar .gotop i {font-size:20px;line-height:29px;font-weight: 700;}
.rtbar_shwx {display:none;width:158px;position:absolute;top:0;right:62px;}
.rtbar_shwx .rtbar_qrimg {border: 2px solid #fff;background: linear-gradient(180deg,#f3f5f8,#fff);border-radius: 6px;box-shadow: 8px 8px 20px rgba(55,99,170,.1);padding:15px 10px;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;}
.rtbar_shwx .rtbar_qrimg img {display: block;margin: 0 auto;width: 110px;}

/*按钮*/
.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;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 {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-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:#666;margin:2px;padding:8px 20px;text-decoration:none;border-radius:4px;height:36px;line-height:36px;transition:all 0.2s ease 0s;}
.pageinfo a:hover {background: linear-gradient(0deg,#f9fbff,#eff4fd);color:#000;}
.pageinfo a:active {border-color:#0060ed;border-style:solid;border-width:1px;color:#000;}
.pageinfo span.thisclass {background: linear-gradient(0deg,#f9fbff,#eff4fd);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border: 2px solid #fff;color:#0060ed;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;}

@media only screen and (max-width:900px) {
.container {max-width: 100%;padding-right: 15px;padding-left: 15px;}
.topnav{display:none;}
.hua-navbar{height: 62px;}
.hua-navbar h1  {padding: 8px 0;}
.hua-navbar .nav-list{padding:50px 15px;position: fixed;right: -280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #fff;z-index: 99999;transition: all .3s ease;opacity: 0;}
.hua-navbar .nav-list.show{right: 0px;opacity: 1;}
.hua-navbar .nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
.hua-navbar .nav-list > li > a{height: 40px;line-height: 40px;}
.nav-list > li.current a{background-color:initial;}
.canvas-close {display:block;position: absolute;right: 5px;top: 10px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
.canvas-close i{font-size:25px;transition: all .3s ease;}
.nav-list.show li em.dot {position: absolute;top: 0;right: 0;width: 50px;height: 40px;text-align: center;cursor: pointer;line-height: 40px;}
.nav-list.show li em.dot i{font-size:26px;}
.nav-list .sub-nav{padding:5px 10px;background: #eaeaea;width: 100%;position: relative;box-shadow: none;text-align: center;display:none;transition:none;opacity: 1;visibility: visible;-webkit-transform: translateY(0px);transform: translateY(0px);}
.nav-list .sub-nav li{background: #f7f7f7;margin: 10px 0px;border-radius: 4px;}
.nav-list li .down:before {transition: all .2s ease-out 0s;}
.nav-list li:hover .down:before {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.nav-list li.on .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav-list li:hover a, .nav-list li:hover i.down {color: #2c2e3b;}
.nav-list .sub-nav li a{padding: 6px 0;display: inline-block;width: 100%;}
.hua-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;opacity:1;backdrop-filter: blur(2px);} 
.nav-right{font-size: 18px;}
.nav-right .nav-button{display:block;padding:15px 0 15px 0px;}
.nav-right .nav-button a{padding:7px 0 !important}
.u-fang{display: none;}

/*index*/
.page-banner{width:100%;padding: 2.5rem 0 0 0;}
.page-banner .banner-title{font-size:26px; text-align: center;margin-bottom:0px;}
.page-banner .banner-description{font-size:14px;text-align: center;}
.banner-img{width:100%;margin-top:1rem;padding: 0 40px;margin-bottom:6rem;display: inline-block;text-align: center;}
.section-header .page-home-header .inner{padding-left:0px;}
.page-banner .banner-button{margin-top:20px;text-align: center;}
.banner-image{width:90%;padding-top: 2rem;}
.ecms-hot{padding-right: 15px;padding-left: 15px;}
.index-hotlist li{width: 48%;}
.index-hotlist .hot-box:nth-child(2n) {margin-right: 0px;}
.index-hotlist .hot-box:nth-child(4n) {margin-right: 1.2rem;}
.le-e-hot .tit-p{padding: 0rem 0;}
.le-e-hot .tit-p .title{font-size:24px;}
.tit-p{padding: 2rem 0;}
.tit-p .title{font-size:24px;}
.tit-p h2{margin-bottom: .5rem;font-size:24px;}
.tit-p p{font-size:14px;}
.pro-ztlist li{width:47.555%;}
.pro-ztlist .le-box:nth-child(3n) {margin-right: 1.2rem;}
.pro-ztlist .le-box:nth-child(2n) {margin-right: 0px;}
.course-list{max-width:100%;width: 100%;margin-right:0;float:none;margin-top:1rem;}
.fuwu-box{padding: 0px 0 0;}
.fuwu-list ul li{margin-right:0px;float:none;margin-bottom: 15px;width:100%;}
.fuwu-list ul li div{padding: 18px 29px;}
.fuwu-list ul li h2{margin: 0px 0 0px;}
.fuwu-list ul li a{width:100%;}
.friendlink .links{display:block;}
/*listarac-pro*/
.archive-filter {margin-bottom:20px;}
.archive-selects .filter {display:none;}
.archive-filter .filters .recent {display:block;}
.archive-filter .filter {padding-top:0;overflow-x: auto;white-space: nowrap;border-bottom: 0px dashed #e8e8e8;}
.huatheme_left{width:100%;}
.huatheme_right{width:100%;margin-top:20px;}
.theme_title h1{font-size:16px;}
.theme_title p{font-size:14px;}
.theme-price{text-align: center;}
.theme-price .huodong{margin-left:0;margin-top:.5rem;}
.btn-theme{text-align: center;}
.theme-server{margin: 10px 0;}
.theme-server li{font-size:14px;}
.theme-item-intro ul li{width:50%;margin-bottom:0px;}
.theme-item-intro ul li p{font-size:1rem !important}
.yuanma-con{padding: 2rem 1.5rem;font-size:14px;}
.yuanma-con p{font-size:14px;}
.inner-tit{    margin: 2rem !important;}
.section-box-content {padding: 40px 15px;}
.features li{padding: .5rem 1rem;}
.down-detail{text-align: center;}
.features .avatar span{display: block!important;line-height: 1.5;}
.mod-inner .newstext p{font-size:15px;}
.downloads{min-height: auto;padding: 10rem 0;}
.downloads strong{font-size:1rem;}
.downloads .btnd{margin: 1rem 0;}
.at_list_con{  margin-top: -15px;}
.at_list li{width:100%;  }
.pageinfo a.page{display:none;}
/*listarac-news*/
.hide_sm{display:none;}
.newsconleft, .newsconright{width:100%;}
.aboutme{padding:1.5rem!important;margin-bottom: 10px;}
.home-search{height:40px;width:280px;}
.search-input-block{line-height: 40px;}
.search-input-icon{width: 86px;right: 8px;height:35px;line-height: 35px;}
.search-input-icon span{font-size:.5rem;}

/*about*/
.about-infos{padding: 1.5rem 0;}
.posts-pushes{width:100%;margin-right: 0px;max-width:100%;padding:1.5rem!important;}
.about-class{max-width: 100%;width: 100%;margin-top:1rem;}

/*fuwu*/
.service-page{margin-bottom:0px;}
.service-page .service-banner{padding: 40px 0 30px;}
.service-page .standard-left{width:100%;}
.service-page .standard-left h2{font-size:18px;}
.service-page .performance-list li{font-size:14px;}
.service-page .conversion-box{width:100%;margin-bottom:20px;}
.service-head{height:222px;}
.service-head .standard-left h1{font-size:1.8rem;}
.service-head .service-banner{ padding: 60px 0 20px}
.service-head .standard-left h2{font-size:.875rem;}
/*top*/
.top-page .term-bar{padding:2rem 0 1rem 0;}
.anchor_layer .nav_wrap .wrap_layer{width: 100%;padding:0;}
.mbhd{width: 100%;}
.mbtop{width: 100%;padding:2rem 10px 0 10px;}
.top-vouchervertical-main{width: 100%;padding-right:0px;margin-bottom:20px;}
.top-vouchervertical-aside{width: 100%;}
.fw-qrcode .fw-content{display: block;}
.fw-qrcode{border-radius: 0;border:0;}
.top-vouchervertical-aside-con{width: auto;}
.top-vouchervertical-aside-tag{margin-right: 0px;}
.top-vouchervertical-aside-qrcode-wrap{flex: 0 0 98px;width: 98px;height: 98px;}
.top-vouchervertical-aside-qrcode-wrap .top-vouchervertical-aside-qrcode-img{width:90px;height: 90px;}
.anchor_layer .nav_wrap{white-space: nowrap;overflow-x: scroll;}
.anchor_layer .nav_wrap.navFix{min-width: 100%;}
.anchor_layer .nav_wrap .wrap_tab{display: inline-block;float: initial;}
.anchor_layer .nav_wrap a{font-size:14px;padding:0 10px;}
.top-list .le-box .pro-header{text-align: left;padding: 18px 8px 15px;}
.le-box .entry-meta{text-align: left;}
.top-list .le-box .pro-header a{height: auto;}
.top-list li{width: 47.666%;margin-right:10px;}
.top-list .le-box:nth-child(4n){margin-right:10px;}
.top-list .le-box:nth-child(2n){margin-right:0px;}
.top-fuwu-list ul li{width: 48.555%;margin-right:10px;}
.mbtop .top-fuwu-list{padding-right: 0px;padding-left: 0px;}
.top-fuwu-list ul li:nth-child(2n){margin-right:0px;}
.top-fuwu-list ul li div{padding: 16px 8px;}
.top-fuwu-list ul li div img{width: 80px;}
.top-fuwu-list ul li span{font-size: 18px;}
/**/
.dhinfo a{width:100%;}
/*foot*/
.footer-title {margin: 0 0 10px;}
.widget{max-width: 100%;width: 100%;margin-bottom: 0rem!important;padding:0 20px 20px;margin-right: 0px;}
.text-md-right{max-width: 100%;width: 100%;text-align: center;padding-top: 10px;}
.copyright::after {right: auto;left: 50%;margin-left: -16px;}
.copyright .bq {width:100%;padding-bottom: 1rem;text-align: center;}
.copyright .copy {width:100%;    text-align: center;}
.foot .copyright{margin-top:2.8rem;}
.foot .copyright::after {right: auto;left: 50%;margin-left: -16px;}
.rollbar{right:3px;top:80%;}
.live-chat-bar{font-size:0px;padding: 0px 5px;}
.live-chat{top:auto;bottom:10%;}
.friendlink{display:none;}
}

@media (max-width: 768px) {
.at_list li {width: 100%;margin: 0 0px 1rem 0;}
.pro-ztlist li {width: 100%;margin-right: 0;}
.pro-ztlist .le-box:nth-child(3n) {margin-right: 0px;}
.pro-ztlist .le-box:nth-child(2n) {margin-right: 0px;}
.index-hotlist li {width: 100%;}
.index-hotlist .hot-box:nth-child(4n) {margin-right: 0px;}


}