body{font-family:Microsoft Yahei,Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#FBFAFC;background-image:url(../images/bg-main.png);background-repeat:no-repeat;background-position:center 0px;height:100%;position:relative}
input[type=text],textarea{-webkit-appearance:none}
figure,h1,h2,h3,h4,h5,h6{font-weight:400}
::-webkit-selection{color:#fff;background:#00ba70}
::-moz-selection{color:#fff;background:#00ba70}
::selection{color:#fff;background:#00ba70}
a{color:#333;text-decoration:none;transition:all .1s}
a:focus,a:hover{transition:none;transition:all .1s;color:#00ba70}
a.text-gray:hover{color:#00ba70}
p{margin:0}
dd,dl,li,ul{margin:0;padding:0;}
hr{background:#DDD;margin:0}
.cursorstyle{cursor:pointer;}
@keyframes fadein{from{opacity:0}to{opacity:1}}
/* 本地字体 */
@font-face{font-family: "SmileySans";src: url("../font/SmileySans-Oblique.ttf") format('opentype');font-style: normal}
.SmileySans {font-family:"SmileySans";font-weight:400}

.container{max-width:1200px}
.container-layout{max-width:94%}

.list-paddingleft-2{padding:0}
.fix-footer{z-index:3}

.gradient-text-yellow {
	background: linear-gradient(135deg, #10ff74, #00ba70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-main{background:#3D3D3D}
.bg-gray{background:#FBFAFC}
hr{background: #F5F0FC;margin:0}
.gradient-text{
    background: linear-gradient(108deg, #10ff74, #00ba70, #10ff74);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:40px;line-height:40px;clear:both;font-size:0}
.blank-large{height:50px;line-height:50px;clear:both;font-size:0}

/*左栏分类*/
.leftbar{margin-right:30px}
.rightbar{margin-left:-10px}

.top-title .subtitle{font-size:18px;font-weight:600;height:28px;line-height:24px}
.top-title h1{display:inline-block;font-weight:600;font-size:46px;}

.top-title p{font-size:22px;display:block;line-height:32px;}
.top-title h2{display: inline-block;margin:0 auto;background:linear-gradient(-90deg,#0098ba,#00ba70)}
.top-title a.button{padding:8px 30px;margin-right:10px;line-height:30px;display: inline-block;background: linear-gradient(45deg, #10ff74, #00ba70 22%, #0098ba 89%, #f5e17d);color:#fff;box-shadow:0 8px 20px 0 rgba(0,0,0,.1)}
.top-title a.button:hover{background: linear-gradient(-135deg, #8164FC, #00ba70 22%, #0098ba 89%, #f5e17d)}
/* .top-title a.brower {padding:8px 20px;line-height: 30px;display: inline-block;} */

.tab-detail .tab-head {border-bottom:0 solid #E5ECF2;border-radius:0;font-size:0;-webkit-text-size-adjust:none;padding:6px 30px;}
.tab-detail .tab .tab-nav li {display:inline-block;width:auto;margin:0 30px 0 0;padding:0;}
/* .tab-detail .tab .tab-nav li:last-child {margin-right:0px} */
.tab-detail .tab .tab-nav li a {color:#393939;padding:10px 0;border:0;line-height:30px;font-weight:400;border-radius:0;font-size:24px;text-align:center;outline:none}
.tab-detail .tab .tab-nav li a:hover{color:#1f1f1f;}
.tab-detail .tab .tab-nav .active a{position:relative;border-radius:0px;color:#1F1F1F;z-index: 1}
.tab-detail .tab .tab-nav .active :before{position:absolute;width:100%;height:6px;left:0;bottom:10px;background:linear-gradient(-90deg,#0098ba,#00ba70);display:block;content:'';z-index: -1;border-radius:6px;}
.tab-detail .tab .tab-nav li a,.tab-detail .tab .tab-nav .active a:focus {outline:none;}
.tab-detail .tab .tab-body {border-radius:0;border-top:solid 0px #ddd;padding:0}

/* 常见问题折叠style2 box-shadow: 0 1px 1px rgba(99,107,151,.25);*/
.collapse {width:100%;margin-bottom:15px;}
.collapse .head {height:auto;padding:0;cursor:pointer;font-weight:600}
.collapse .head i {margin:5px 0 0 0;}
.collapse .arrow {float:right;width:16px;height:16px;overflow:hidden;background:url(../images/ico_jia.png) no-repeat;display:inline-block;border:0px}
.collapse .icon-jia {background-position:0 0;}
.collapse .icon-jian {background:url(../images/ico_jian.png) no-repeat;}
.collapse .cbody {display:block;}
.collapse .cbody ul li{padding:0 0 5px 18px;position:relative;font-size:15px}
.collapse .cbody ul li p{line-height:22px;margin-bottom: 5px}
.collapse .cbody ul li:before{content:'';position:absolute;top:9px;left:1px;background:#878787;width:6px;height:6px;border-radius:50%}
.collapse .cbody a{color:#1F1F1F;text-decoration: underline;}
.collapse .cbody a:hover{text-decoration:none}

.thememockups{
  background-color: #949494;
  overflow: hidden;
  position: relative;
  box-shadow: 0 40px 70px -20px #878787;
  margin-left:30px
}


.card-title,.like-title{line-height: 36px;}
.card-title h2{color:#333;font-size: 24px;display:inline-block;position:relative;font-weight: 400;height:30px;}

.article.padding-large{padding:30px}
.article .courseid a.button{background:#5478F1;cursor:pointer; padding:0 20px;line-height: 30px;color:#fff;}
.article .courseid a.button:hover{background:#6C8BF3;}
.article .post-content h2{position:relative;font-size:24px;font-weight:600;margin:15px 0 15px -15px;color:#333;font-family:"SmileySans";display:block}
.article .post-content h2:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/star.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.article .post-content h3{font-size:18px;font-weight:600;margin:10px 0 10px -2px;color:#333;display:block}
.article .post-content hr{margin:10px 0;height:1px}
.article .post-content strong{margin:15px 0 15px 2px;font-size:16px}
.article .post-content table{margin:10px 0;border-collapse: collapse;border-radius:6px;overflow: hidden;}
.article .post-content table th{background:#F3F0F7;color:#333;line-height:24px}
.article .post-content table td{background:#fff;vertical-align: middle}
.article .post-content table tr.ue-table-interlace-color-single{background:#EEE9F5}
.article .post-content .table-bordered td, .article .post-content .table-bordered th{border: solid 1px #EEE9F5;color: #333;font-size:15px}
.article .post-content p{line-height:32px;color: #333;font-size:16px}
.article .post-content p span{border-radius:6px;line-height:20px;height:20px;padding:0 5px;margin:0 2px;font-size:14px;color:#666;}
.article .post-content img{max-width:100%;border-radius:10px;margin:10px 0;border:1px solid #EFEBF5}
.article .post-content a{color:#00ba70;}
.article .post-content a:hover{text-decoration:underline;color:#00ba70;}
.article .post-content a.button{line-height: 36px;height: 36px;position: relative;border-radius: 20px;padding: 0 15px;background: -webkit-gradient(linear,left top,right top,from(#6e30ce),to(#d026fe));background: linear-gradient(90deg,#6e30ce,#d026fe);border:0;font-weight:600}
.article .post-content ul{padding:0 0 0 35px;}
.article .post-content ol{padding:0 0 0 36px;}
.article .post-content ul li,.article .post-content ol li{margin:5px 0;font-size:14px;color:#999}
.article .post-content ul li p,.article .post-content ol li p{line-height:30px;}

.headbar{height:64px;z-index:6;width:100%;}
.headbar.bw{background:#fff;box-shadow: 0 5px 10px rgba(0,0,0,.03)}
.headbar .logo{height:30px;margin:17px 10px;display:block;outline:none;}
.headbar .logo img{height:30px;}

/* PC导航 */
.headbar .nav li{display: inline-block;}
.headbar .nav-inline li a{padding:0 20px}
.headbar .nav li a{color:#666;border-radius: 0;font-weight: normal;line-height:64px;}
.headbar .nav li a.active{color:#00ba70}
.headbar .nav li a:hover{background-color:rgba(0,0,0,0);color:#00ba70}
.headbar .nav li a i{vertical-align: middle;font-size:14px}

.headbar .nav li ul{top:64px;background:#FFF;border-radius:10px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;box-shadow: 0 0 30px rgba(0,0,0,.1);border: 1px solid var(--line_regular);padding:10px;z-index:9}
.headbar .nav li ul:after{position: absolute;top: -8px;left:30px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content: ''; }
.headbar .nav li ul li a{font-size:15px;line-height:24px;margin:10px 0px;display: block;background:#fff;color:#333;font-weight:normal;text-align:left;}
/* headbar ---------------------------------------- */


/* 搜索 */
.headsearch{margin:11px 0;display: block;}
.headsearch .form-group{border-radius:30px;padding:0;margin:0;}
.headsearch .input{height:40px;background:#FFF; color:#999;padding:0 0 0 20px;border-radius: 30px 0 0 30px;border:1px solid #E6E1ED;border-right:0}
.headsearch .input-group .addbtn {padding:0px;}
.headsearch .button {height:40px;width:50px;background:#FFF;border:1px solid #E6E1ED;border-left:0;border-radius:0 30px 30px 0;padding:0;font-size:16px;}
.headsearch .button i{color:#999}
/* 搜索 */

/* footer */
.bnav a{color:#999;display:inline-block;}
.bnav a:hover{color:#666;}
.bnav span{color:#ccc;padding:0 5px}
.blogo img{max-height:24px}
.wlogo img{max-height:120px}

.friend a{display:inline-block;margin-right:10px}
.friend a:Hover{color:#8b8b8b}
.friend a:last-child{margin-right:0}
.copyright{color:#999}
.copyright a{color:#999;margin-left:10px;}
/* footer */

@media screen and (max-width:768px){
.container-layout,.container{max-width:98%}
.x5{width:100%}

.leftbar{margin-right:0px;width:100%}
.rightbar{margin-left:0px;width:100%}

.blank-small{height:10px;line-height:10px}
.blank-middle{height:20px;line-height:15px}
.blank-big{height:20px;line-height:20px}
.blank-large{height:30px;line-height:30px}
.button-big{padding:12px 20px}
.button-large{padding:14px 25px;}
.text-large{font-size:18px}
.padding-large{padding:15px;}
.padding-large-left{padding-left: 15px;}
.padding-large-right{padding-right: 15px;}
.radius-rounded {padding-left: 1.2em;padding-right: 1.2em;}

.headbar{height:60px;}
.headbar .tool-bar {height:60px;line-height:60px;margin:0;}
.headbar .tool-bar .searchbar{margin:0;}
.headbar .logo{height:24px;margin:18px 0;}
.headbar .logo img{height:24px;}

.nav-navicon {display:none}
.headbar .nav{position:absolute;box-shadow:0 10px 25px -10px rgba(0,0,0,.09);z-index:11;left:-30px;min-width:140px;top:60px;text-align:left;background: #fff;border-radius: 10px;padding:10px 0}
.headbar .nav:after{position: absolute;top:-8px;left:12px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #FFF;border-left:8px solid transparent;content: ''; }
.headbar .nav li ul{top:60px;border-radius:0;box-shadow: 0 0 0 rgba(0,0,0,0);padding:0 0 0 10px}
.headbar .nav li{display: block;margin-left:0}
.headbar .nav-inline li a{padding:0 0 0 20px;line-height:40px;}

.headbar .button{font-size:22px;padding:0 15px;line-height:60px;border:0;position: relative;z-index:6;color:#999;margin-left:-30px}
.headbar .button:hover, .headbar .button:focus, .headbar .button.bg-white:hover, .headbar .button.bg-white:focus{background-color:rgba(0,0,0,0);color:#00ba70}

.article.padding-large{padding:20px}
.article .post-title h1{font-size:20px;line-height:28px}
.article .post-title span{float:none;margin-top:0}

.article .post-content h2,.like-title h2{font-size:20px}
.article .post-content h3{font-size:16px}
.article .post-content h2{margin:15px 0 15px -40px;}
.article .post-content h3{margin:15px 0 15px -32px;}
.article .post-content p{line-height:30px;font-size:16px}
.article .post-content p strong{margin:5px 0;font-size: 18px}
.article .post-content ul{padding:0 0 0 20px;}
.article .post-content ol{padding:0 0 0 21px;}

/*页脚*/
.blogo{text-align:center;margin:0 auto 10px auto}
.copyright{font-size:16px;text-align:center}

}