body{font-family:Microsoft Yahei,Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#FAFAFF;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:#4250FF}
::-moz-selection{color:#fff;background:#4250FF}
::selection{color:#fff;background:#4250FF}
a{color:#333;text-decoration:none;transition:all .1s}
a:focus,a:hover{transition:none;transition:all .1s;color:#4250FF}
a.text-gray:hover{color:#4250FF}
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}

.more a.button{padding:10px 30px;border:2px solid #4250FF;color:#4250FF}
.more a.button:hover{background:#4250FF;color:#fff}

.ggcode{overflow:hidden;}
.container{max-width:1200px}
.container-layout{max-width:96%}
.container-wrap{max-width:1000px;margin:0 auto;display:block;padding:0 10px}
.container-wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}

.list-paddingleft-2{padding:0}
.fix-footer{z-index:3}
.text-b{font-weight: 600}
.gradient-text-yellow {
	background: linear-gradient(135deg, #8566FF, #4250FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-blue {
	background: linear-gradient(135deg, #fff 30%, #F7F5FF 100%);
}
.bg-main{background:#3D3D3D}
.bg-gray{background:#FAFAFF}
hr{background: #F5F0FC;margin:0}
.gradient-text{
    background: linear-gradient(108deg, #8566FF, #FDC163, #8566FF);
    -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}
.radius-top-big{border-radius:10px 10px 0 0;background: linear-gradient(to top, white 35%, transparent 100%);}
.border-site{border:1px solid #F5F0FC}

/* scrollDiv */
.scrollBox{height: 30px;}
.scrollDiv {height: 30px;line-height: 30px;background:url(../images/new.png) no-repeat;overflow: hidden;}
.scrollDiv li {height: 30px;padding-left:30px;}
.scrollDiv li a:hover{color:#4250FF}
.top-title{position:relative;z-index:3}
.top-title .subtitle{font-size:18px;font-weight:600;height:28px;line-height:24px}
.top-title .subtitle img{height:24px}
.top-title h1{font-size:48px;display:inline-block;font-weight:600;margin:10px 0}
.top-title strong{font-size:20px;display:block;margin-bottom:20px;font-weight:400}
.top-title a.button{padding:8px 20px;line-height:30px;display: inline-block;margin:0 5px;background: linear-gradient(135deg, #8164FC, #562cf7 22%, #dd34ee 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, #562cf7 22%, #dd34ee 89%, #f5e17d);}
.top-title img{display:inline-block;height:30px}

a.recommend-ico{display: block;cursor:pointer;float:left;width:12.5%}
a.recommend-ico i img{transform:scale(1);display:block;height:40px;width:40px;margin:0 auto 5px auto;transition:.3s;-webkit-transition:.3s;}
a.recommend-ico:hover i img{transform:scale(1.1);transition:.3s;-webkit-transition:.3s;}

a.spc{padding:5px 15px;line-height: 32px;display: inline-block;margin-right:10px;margin-top:10px;background:#FFF;border:1px solid #F5F0FC;box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .06);color:#666;cursor:pointer; }
a.spc:hover{background: #8076E6;color:#fff;}
a.spc i img{display:inline-block;height:32px}


/* owl-carousel滚动插件*/
/* 默认圆点 */
.owl-carousel .owl-dots {display:inline-block;width:100%;bottom:-30px;position:absolute;padding:0;text-align: center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-dots .owl-dot {display:inline-block;position:relative;vertical-align:middle;}
.owl-carousel .owl-dots .owl-dot span {width:6px;height:6px;margin:0 5px;border-radius:50%;background-color:#666;display:inline-block;text-align:center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;}
.owl-carousel .owl-dots .owl-dot.active span {background-color:#4250FF;width:20px;border-radius:10px;}

/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:18px;color:#666}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:#FFF;opacity:0;top:50%;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;text-align:center;border-radius:50%;padding:0;}
.owl-carousel .owl-nav .owl-prev {left:10px;right:auto;}
.owl-carousel .owl-nav .owl-next {right:10px;}
/* owl-carousel滚动插件 end */

/*轮换广告*/
.slides .article-box{padding-bottom:30%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent:-3000px}
.slides:hover .owl-nav .owl-next,.slides:hover .owl-nav .owl-prev{opacity:1;box-shadow: 0 5px 15px 0 rgba(203,197,214,.03);}
.slides .owl-dots {position:relative;margin-top:-20px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/*轮换广告 end*/

.list-title{line-height: 26px;height: 26px;}
.list-title hr{background:#F5F0FC;margin:12px 0 18px 0}
.list-title h2{color:#333;font-size: 20px;display:inline-block;position:relative;font-weight: 600;height:26px;}
.card-title,.like-title{line-height: 28px;}
.like-title h2{color:#333;font-size: 24px;display:inline-block;position:relative;font-weight: 600;height:28px;}
.card-title h1{font-size: 32px;display:inline-block;position:relative;font-weight: 600;height:28px;}
.card-title h2{color:#333;font-size: 24px;display:inline-block;position:relative;font-weight: 400;height:28px;}
.card-title h3{color:#333;font-size: 16px;display:inline-block;position:relative;font-weight: 600;height:28px;}
.card-title span a{color:#999}
.card-title p{display: block;margin:10px 0;}

.tab-title h2{color:#333;font-size:20px;line-height:28px;display: inline-block;position:relative;font-weight:600}
.tab-title h3{color:#333;font-size:18px;line-height:28px;display: inline-block;position:relative;font-weight:600}
.tab-title .more{line-height:28px;}

.tab-title .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;margin-left:-30px;}
.tab-title .tab .tab-nav li {display:inline-block;}
.tab-title .tab .tab-nav li a {border:0;position:relative;color:#333;margin:0;height:30px;line-height:30px;display:block;padding:0 12px;margin:0 5px}
.tab-title .tab .tab-nav li a:hover{color:#4250FF;background:#fff}
.tab-title .tab .tab-nav li.active a{background:#4250FF;color:#fff;}
.tab-title .tab .tab-nav li.active a:hover {color:#FFF;}
.tab-title .tab .tab-nav li a:focus {outline:none;}
.tab-title .tab .tab-body{padding:0;border-radius:0;border:0px;}

.nav-x-border.margin-left{margin-left:-50px;}
.nav-x-border a{padding:0px 12px;margin:0;color: #333; display: inline-block;-webkit-transition: all .3s ease; transition: all .3s ease;height:30px;line-height:30px;margin-right:10px;border:1px solid #F5F0FC;box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .06);background: #fff}
.nav-x-border a.active,.nav-x-border a.active:hover{position:relative;color:#fff;background: #4250FF;}
.nav-x-border a:hover{color:#fff;background:#4250FF;border:1px solid #4250FF}
.nav-x-border a.active:hover{color:#fff;}

/* 列表样式 */
.top-ico-x .media{padding:12px 5px;}
.top-ico-x .media .media-img img{width:40px;height:40px;transform:scale(1);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.top-ico-x .media:hover .media-img img{transform:scale(1.1);
-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.top-ico-x .media.media-x .float-left {margin-right: 10px;}
.top-ico-x .media.media-x .media-body strong{margin-top:-2px;margin-bottom:3px}
.top-ico-x .media.media-x .media-body strong a{display: block;overflow: hidden;color:#333}
.top-ico-x .media.media-x:hover .media-body strong a{color:#4250FF}

/* 右侧推荐站点 */
.excerpt-ico-x .media .media-img img{width:24px;height: 24px;transform:scale(1);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.excerpt-ico-x .media:hover .media-img img{transform:scale(1.05);
-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.excerpt-ico-x .media.bghover:hover{background:rgba(255,255,255,.6)}
.excerpt-ico-x .media.media-x .float-left {margin-right: 10px;}
.excerpt-ico-x .media.media-x .media-body strong {display: block;overflow: hidden;font-weight:400;margin:0;line-height:24px;height:24px}
.excerpt-ico-x .media.media-x:hover .media-body strong a{color:#4250FF}
/* 右侧推荐站点 */

/* 求职 */
.jobnav {padding:10px 5px 5px;background-image: url(../images/1-240611111559431.webp);background-repeat: no-repeat;}
.jobnav h2{color:#333;font-size:24px;line-height:28px;display: inline-block;position:relative;font-weight:600}
.jobnav .more{line-height:28px;}

.jobnav .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;}

.jobnav .tab .tab-nav li {display:inline-block;}
.jobnav .tab .tab-nav li a {position:relative;color:#333;margin:0;line-height:20px;display:block;padding:15px 10px;margin:0;border:0;cursor:pointer;}
/* .jobnav .tab .tab-nav li a:after{position:absolute;top:15px;right:-1px;content:"|";color:#999;font-size:12px}
.jobnav .tab .tab-nav li:first-child a:after,.jobnav .tab .tab-nav li:last-child a:after{content:"";} 
.jobnav .tab .tab-nav li:first-child a{border-radius:8px 0 0 0}
.jobnav .tab .tab-nav li:last-child a{border-radius:0 8px 0 0}*/
.jobnav .tab .tab-nav li i{margin-right:5px;width:20px;}
.jobnav .tab .tab-nav li img{width:20px;height:20px;display: inline-block; vertical-align: top;padding:1px}
/* .jobnav .tab .tab-nav li a:hover{color:#4250FF;background:#fff;margin-left:-2px;padding-left:17px}
.jobnav .tab .tab-nav li a:hover:after,.jobnav .tab .tab-nav li.active a:after{content:"";} */
.jobnav .tab .tab-nav li.active a{color:#333;background-image:url(../images/tab-ative.png);background-position:center top;background-repeat: no-repeat;background-size:100% 100%;}
.jobnav .tab .tab-nav li.active a:hover {color:#333;}
.jobnav .tab .tab-nav li a:focus {outline:none;}
.jobnav .tab .tab-body{padding:0;border-radius:0;border:0px;}

.nav-carousel{padding:0 30px}
.nav-carousel .owl-nav .owl-prev,.nav-carousel .owl-nav .owl-next{opacity: 0;width:24px;height:24px;line-height:38px;}
.nav-carousel:hover .owl-nav .owl-prev,.nav-carousel:hover .owl-nav .owl-next{background:#FFF;opacity: 1;color:#fff}
.nav-carousel .owl-nav .owl-prev{left:3px;}
.nav-carousel .owl-nav .owl-next{right:3px;}

.joblist {list-style:none;box-shadow: 0 8px 20px 0 rgba(0,0,0,.01);}
.joblist li{position:relative;display:block;line-height:24px;padding:12px 0;top:0;-webkit-transition:.3s;transition:.3s;}
.joblist li:hover{background:#FAFAFF;margin:0 -12px;padding:12px;top:-3px;-webkit-transition:.3s;transition:.3s;}

.joblist li i,.joblist li em{font-style: normal;}
.joblist li a em{width:25%;display: inline-block;color:#4250FF;-webkit-transition:.3s;transition:.3s;font-weight:600}
/* .joblist li:hover a em,.joblist li:hover a span{color:#4250FF;} */
.joblist li a span{display:inline-block;height:24px;}
.joblist li a span img{width:24px;height:24px;transform:scale(1);-webkit-transition:.3s;transition:.3s;}
.joblist li:hover a span img{transform:scale(1.3);-webkit-transition:.3s;transition:.3s;background}
.joblist li .attr {line-height:24px;float:right;overflow:hidden;}
.joblist li .attr i{padding:3px}
.joblist li .attr i.free {background:#dce6fe;color:#5283f8}
.joblist li .attr i.trial{background:#F2D5F5;color:#E170F1}
.joblist li .attr i.fee {background:#F7D9D3;color:#ff984b}


/* 博客 */
.excerpt-grid .media{position:relative;-webkit-transition:.3s;transition:.3s;margin-bottom:15px;top:0}
.excerpt-grid .media:hover{-webkit-transition:.3s;transition:.3s;box-shadow: 0 8px 20px 0 rgba(0,0,0,.03);top:-3px}
.excerpt-grid .media-img{position:relative;overflow:hidden}
.excerpt-grid .media-body.padding{padding:10px}
.excerpt-grid .media-body.padding-big{padding:15px}
.excerpt-grid .media-body hr{margin:20px 0}
.excerpt-grid .describe{height:42px;overflow: hidden;margin:5px 0}
.excerpt-grid .media-body h2{margin:10px 0 20px 0;overflow:hidden}
.excerpt-grid .media-body strong{overflow:hidden;display: inline-block;}
.excerpt-grid .media-body strong.h{height: 42px;}
.excerpt-grid .media-body strong a{cursor:pointer;}
.excerpt-grid .media-body h3{margin:10px 0 15px 0;overflow:hidden}
.excerpt-grid .media-body em{display:block;position:relative;height:16px;line-height:14px;padding-left:15px;}
.excerpt-grid .media-body em:before{position:absolute;border:2px solid #4250FF;border-radius:20px;width:8px;height:8px;background-color:transparent;display:block;content:'';left:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.excerpt-grid .media .post-zoom{cursor:pointer;transform:scale(1);transition:.3s;-webkit-transition:.3s;padding-bottom:57%;display:block;width:100%;height:0;overflow:hidden;background-position:center 50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}

.excerpt-grid .media .resume{cursor:pointer;transform:scale(1);transition:.3s;-webkit-transition:.3s;padding-bottom:144%;display:block;width:100%;height:0;overflow:hidden;background-position:center 50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.excerpt-grid .media:hover .post-zoom{transform:scale(1.02);-webkit-transition:.3s;transition:.3s}
.excerpt-grid .media:hover strong a{color:#4250FF;}
.excerpt-grid .post-meta{overflow: hidden;color:#999}
.excerpt-grid .post-meta{height:24px}
.excerpt-grid .post-meta span{display: inline-block;line-height:24px;}
.excerpt-grid .post-meta span .userimg{width:24px;height:24px}
.excerpt-grid .bd{box-shadow: 0 10px 15px 0 rgba(209, 164, 255, .1);}
/* 博客 */

/* 左图右文列表 begin */
.excerpt-blog{position:relative;transition: all .3s ease-out;margin-bottom:30px}
.excerpt-blog .thumb{float:left;position:relative;height:auto;margin-right:20px;}
.excerpt-blog .thumb img{cursor:pointer; -webkit-transition:.3s;transition:.3s;transform:scale(1);}
.excerpt-blog .thumb-middle{width:30%;}
.excerpt-blog strong{margin-bottom:10px;overflow:hidden;}
.excerpt-blog strong a{font-size:18px;color: #333;cursor:pointer; }
.excerpt-blog .post-meta{position:absolute;left:30%;margin-left:20px;bottom:5px;right:20px;line-height:24px;}
.excerpt-blog .post-meta span{display: inline-block;line-height:24px;}
.excerpt-blog .post-meta span .userimg{width:24px;height:24px}

.excerpt-blog:hover .thumb img{-webkit-transition:.3s;transition:.3s;transform:scale(1.03);}
.excerpt-blog:hover strong a{color: #4250FF;}
/* 左图右文列表 end */

.excerpt-app{border:1px solid #F5F0FC;padding:15px;overflow:hidden; margin-bottom:15px;position:relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;top:0}
.excerpt-app:hover{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .06);background:#fff;border:1px solid #E5E5E5; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;top:-3px}
.excerpt-app .media{position:relative;}
.excerpt-app .media img{width:48px;height:48px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.excerpt-app .media.media-x .float-left {margin-right: 10px;}
.excerpt-app .media .media-body a strong {display: inline-block;overflow: hidden;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin:0 0 3px 0;height:20px;overflow:hidden;}
.excerpt-app .recommend{display: inline-block;text-align:center;height:30px;width:50px;line-height:42px;background: linear-gradient(to right, #8164FC, #4250FF);position:absolute;top:-10px;right:-20px;transform:rotate(45deg);white-space: nowrap;overflow: hidden;}
.excerpt-app .describe{height:16px;overflow: hidden;margin:0;border}

.excerpt-app .collections-ico img{border:3px solid #FFF;border-radius: 50%;width:48px;height:48px;transform:scale(1);-webkit-transition:.3s;transition:.3s;background:#fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.excerpt-app .collections-ico img:hover{transform:scale(1.1);-webkit-transition:.3s;transition:.3s;box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);}


.site-l{margin-right:60px}
.site-r{margin-left:-40px;}
.excerpt-site .media{position:relative;-webkit-transition:.3s;transition:.3s;margin-bottom:15px;box-shadow: 0 5px 20px 0 rgba(0,64,128,.015);border:1px solid #F5F0FC;}
.excerpt-site .media .padding{padding:15px}
/*.excerpt-site .media.cover-border{border:2px solid #a9b0ff;padding:-2px;}*/
.excerpt-site .media:hover{-webkit-transition:.3s;transition:.3s;box-shadow: 0 8px 25px 0 rgba(0,64,128,.1);border:1px solid #4250FF;}
.excerpt-site .media-img{background:#fff;position:relative;overflow:hidden;cursor: pointer}
.excerpt-site .media-body .title{height:40px;overflow: hidden;margin:15px 0 5px 0}
.excerpt-site .media-body .title strong{overflow:hidden;display:inline-block;-webkit-transition:.3s;transition:.3s;height:20px;line-height:20px;overflow: hidden;margin:-1px 0 1px 0}
.excerpt-site .media:hover .title strong a{color:#4250FF;}
.excerpt-site .media-body .title .ico{display:inline-block;position:relative;width:40px;height:40px}
.excerpt-site .media-body .subtitle{height:16px;line-height:16px;overflow: hidden;}
.excerpt-site .media .post-site{padding-bottom:55%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}

.attribute {line-height:28px;height:28px;overflow:hidden}
.attribute span.bd{border:1px solid #F5F0FC;padding:3px;box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .05);}
.attribute span{line-height:16px;}
.attribute span a{padding:2px 6px;display: inline-block;line-height:16px;border:1px solid #F5F0FC;box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .05);}
.attribute span a:hover{border:1px solid #4250FF;background: #4250FF;color:#fff}
.attribute i{padding:3px}
.attribute i img{width:16px;height:16px}
.attribute i.free {background:#dce6fe;color:#5283f8}
.attribute i.trial{background:#F2D5F5;color:#E170F1}
.attribute i.fee {background:#F7D9D3;color:#ff984b}

.article-m-l{margin-right:-10px}
.article-m-r{margin-left:10px}
.article-l{margin-right:30px}
.article-r{margin-left:-10px}

.article.padding-large{padding:30px}
.article .post-meta{height:32px}
.article .post-meta span{display: inline-block;line-height:32px;}
.article .post-meta span .userimg{width:32px;height:32px}
.article .post-title h1{font-size:24px;font-weight:600;display: inline-block;}
.article .post-title a.button{float:right;z-index:9}
.article .post-title strong{font-size:20px;display: block;margin-bottom: 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 -10px;color:#333;font-family:"SmileySans";display:block}
.article .post-content h2:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    background-image: url(../images/star.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.article .post-description{position:relative;color:#333;display:block;padding-left:35px;margin-bottom:20px}
.article .post-description:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 15px;
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    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;color:#333}
.article .post-content table{width: 100%;margin:10px 0;border-collapse: collapse;border-radius:6px;overflow: hidden;}
.article .post-content th, td {border: 1px solid #E2E4EF;padding: 12px 15px;text-align: left;vertical-align: middle}
.article .post-content table th{background:#F7F7FC;color:#272B3D;line-height:24px}
.article .post-content table td{background:#fff;color:#272B3D;}
.article .post-content table tr.ue-table-interlace-color-single{background:#E2E4EF}
.article .post-content .table-bordered td, .article .post-content .table-bordered th{border: solid 1px #E2E4EF;color: #272B3D;font-size:15px}
.article .post-content p{line-height:32px;color: #666;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{border-radius:10px;margin:10px 0;border:1px solid #EFEBF5;max-width:100%}
.article .post-content a{color:#4250FF;}
.article .post-content a:hover{text-decoration:underline;color:#4250FF;}
.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 45px;}
.article .post-content ol{padding:0 0 0 46px;}
.article .post-content ul li,.article .post-content ol li{margin:5px 0;font-size:14px;color:#ccc}
.article .post-content ul li p,.article .post-content ol li p{line-height:30px;padding-left:10px}

.study-ico {list-style:none;}
.study-ico li{position:relative;-webkit-transition:.3s;transition:.3s;top:0}
.study-ico li:hover{top:-3px;-webkit-transition:.3s;transition:.3s;}
.study-ico li a{display:block;line-height:32px;height:32px;overflow:hidden;margin:18px 0;-webkit-transition:.3s;transition:.3s;}

.study-ico li a i{display: block;width:12px;height:20px;line-height:20px;margin:6px 0;float:left;font-style: normal;color:#999;font-weight:700;}
.study-ico li a span{display: block;width:32px;height:32px;float:left;}
.study-ico li a span img{width:32px;height:32px;}
.study-ico li a:hover{color:#4250FF;-webkit-transition:.3s;transition:.3s;}
.study-ico li:nth-of-type(1) a i{color:#8164FC;}
.study-ico li:nth-of-type(2) a i{color:#FF66B6;}
.study-ico li:nth-of-type(3) a i{color:#FFC466;}

.site-icon{margin:0 0 0 2px}
.site-icon img{width:64px;height:64px;}

.site-info{margin:0 50px 0 -10px;}
.site-info h1 {margin:-5px 0 5px;display: inline-block;font-weight: 600;font-size:32px;color:#333;}
.site-link{}

.tag{height:28px}
.tag a{padding:3px 10px;line-height: 20px;display: inline-block;margin:0 3px 0 0;border: 1px solid #4250FF;background: #fff;color:#4250FF;}
.tag a:hover{background: #4250FF;color:#fff;border:1px solid #4250FF}

.tags{display:block;background:#fff;border:1px solid #fff;margin-bottom:10px;padding:15px 20px;-webkit-transition: all .3s ease; transition: all .3s ease;}
.tags strong{height:20px;overflow:hidden;display:block;font-weight:400}
.tags p{color:#999}
.tags:hover{border:1px solid #4250FF;-webkit-transition: all .3s ease; transition: all .3s ease;}
.tags:hover strong{color:#4250FF;font-weight:600}

.jumpurl,.qr-button,.link-adv,.collect{display: inline-block;}
.jumpurl a.button{cursor:pointer; padding:10px 30px;line-height: 32px;}
.jumpurl a.disabled {cursor: no-drop;pointer-events:none;opacity: 0.8; padding:10px 30px;line-height: 32px;margin:0 5px;background:#ccc}

.collect a.button{position:relative;padding:9px 15px;color:#666;line-height: 24px;margin:0 5px}
.collect a.button.border{border:1px solid #ddd}
.collect a.button.border:hover{background:#fff;border:1px solid #4250FF;color:#4250FF}

.qr-button a.button{position:relative;padding:9px 15px;color:#666;line-height: 24px;margin:0 5px}
.qr-button a.button.border{border:1px solid #ddd}
.qr-button a.button.border:hover{background:#fff;border:1px solid #4250FF;color:#4250FF}
.qr-button a.button .qrcodepic{display:none;padding:10px;}
.qr-button a.button:hover .qrcodepic{position:absolute;display:block;top:-130px;left:-40px;width:120px;height:120px;box-shadow:0 8px 20px 5px rgba(0,0,0,.06);z-index:9}
.qr-button a.button .qrcodepic:after{position:absolute;bottom:-8px;left:50%;margin-left:-8px;display:inline-block;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:''}

.arcclick{line-height:42px;margin-left:20px}

.sitemockups{
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  border: 1px solid #EFEBF5;
  box-shadow: 0px 15px 25px rgba(6, 6, 6, 0.1);
}

/* 滚动 */

.sites .owl-nav .owl-prev,.wephoto .owl-nav .owl-prev,.sites .owl-nav .owl-next,.wephoto .owl-nav .owl-next {background:#fff;opacity: 0;width:32px;height:32px;line-height:34px}

.sites:hover .owl-nav .owl-prev,.wephoto:hover .owl-nav .owl-prev,.sites:hover .owl-nav .owl-next,.wephoto:hover .owl-nav .owl-next {background:#FFF;box-shadow:0 5px 15px rgba(0,0,0,0.1);opacity: 1;color:#4250FF}

.sites .owl-nav .owl-prev,.wephoto .owl-nav .owl-prev {left:-16px;}
.sites .owl-nav .owl-next,.wephoto .owl-nav .owl-next {right:-16px;}

/* 滚动 end*/


/* 上下篇 */
.prenext-text .media{line-height: 20px}
.prenext-text .media .text-l{text-align:left}
.prenext-text .media .text-r{text-align:right}
.prenext-text .media a{cursor:pointer; }
.prenext-text .media i{font-style: normal;display: inline-block;margin-top:2px;color:#999}
.prenext-text .media:hover a{color:#4250FF}
/* 上下篇 */

/*面包*/
.nav-bread{line-height:40px;height:40px;font-size:0;}
.nav-bread i{font-size:14px;color:#666;}
.nav-bread a{color:#666;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#333}
.nav-bread a:after{content:"";padding:0 15px;background:url(../images/nav-bread.png) no-repeat center 50%}
.nav-bread a:last-child:after{content:"";background:0 0}
.nav-bread span{font-size:14px;color:#666;}

/*分页 begin*/
.pagination li {display:inline-block;border-radius:8px;}
.pagination strong{font-weight: 400}
.pagination li i{font-weight:600;}
.pagination li a,.pagination li span{border-radius:8px;color:#999;background:#F2F0F5;padding:8px 13px;display:block;margin:0 5px;}
.pagination li a:hover,.pagination li.active a,.pagination li .current{background:#4250FF;color:#fff;}
/*分页 end*/

/*右侧栏推荐*/
.list-post-x .media{margin-bottom:20px}
.list-post-x .media.border{border:0;border-bottom:1px solid #DDD;padding-bottom:25px}
.list-post-x .media img{transition:all .3s ease-out;cursor:pointer;}
.list-post-x .media .thumb-bd{position:relative;max-width:34%;}
.list-post-x .media .thumb-md{position:relative;max-width:120px;max-height: 90px;}
.list-post-x .media .thumb-sd{position:relative;width:36px;}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.03)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0;margin-top:-3px}
.list-post-x .media.media-x .media-body strong{overflow:hidden;height:42px}
.list-post-x .media.media-x .media-body strong a{font-weight:400}
.list-post-x .media a{cursor:pointer;}
.list-post-x .media:hover a{color:#4250FF}
.list-post-x .media:last-child{margin-bottom:0}
/*右侧栏推荐*/

.message .form-group {padding-bottom:20px}
.message .input{-webkit-appearance:none;border: 1px solid #ddd;padding:0 20px;height:50px;line-height:50px;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;}
.message .textarea {-webkit-appearance:none;border: 1px solid #ddd;padding:15px 20px;line-height:24px;width:100%;}
.message .label {padding-bottom:10px;display:block;line-height:24px;}
.message .label label {font-weight:400;}
.message .field {font-size:16px}
.message select {border:0;border-bottom:2px solid #009A44;height:50px;line-height:50px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:url(../images/sellect-arrow.png) no-repeat right center;padding-right:30px;padding:0;}
.message .form-tips .message .input-help ul {border:solid 0px #ddd;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.message .button{cursor:pointer; padding:10px 50px;line-height: 30px;color:#fff;}
/*.message .button:hover{background: linear-gradient(96.91deg, #9181FF 0.02%, #9181FF 57.9%, #9181FF 108.98%);}*/
.message .input::-webkit-input-placeholder, .message .textarea::-webkit-input-placeholder {color: #666;}
.message .input:-moz-placeholder, .message .textarea:-moz-placeholder {color: #666;}
.message .input::-moz-placeholder, .message .textarea::-moz-placeholder {color: #666;}
.message .input:-ms-input-placeholder, .message .textarea:-ms-input-placeholder {color: #666;}

 /* 弹出层*/
.dialog {width:100%;border:0;margin:0 auto;box-shadow:0 5px 15px rgba(99,107,151,0.1);position:relative;border-radius:10px;overflow:hidden}
.dialog .dialog-head{padding:15px 0 13px 20px ;border-bottom: 1px solid #ebebeb;background-color: #FFF;border-radius: 8px 8px 0 0;}
.dialog .dialog-head strong{color:#999;font-size:14px;font-weight: 400;}
.dialog .close{position:absolute;font-size:32px;right:15px;top:10px;color:#999;z-index:9}
.dialog .close:hover{color:#666}
.dialog .button-close{max-width: 120px;border:1px solid #EBEBEB;cursor:pointer;padding:11px 0;color:#999;}
.dialog .button-close:hover{border:1px solid #999;color:#999;background: #fff}
.dialog.vippay .dialog-head{padding:20px 0 ;border-bottom:0;background-color: #4250FF;border-radius:5px 5px 0 0;}
.dialog.vippay .dialog-head strong{font-size:22px;font-weight: 400}
.dialog.vippay .close{right:15px;top:10px;color:#FFF;opacity: .6}
.dialog.vippay .close:hover{opacity:1}
.dialog.log{width:720px;overflow: hidden}
.dialog .dialog-body{padding:0px;line-height:24px;}
.dialog-body h3 {font-size:18px;font-weight:600;color:#3A3A3F;margin-bottom:10px}
.dialog-body .form-group {padding-bottom:15px}
.dialog-body .input{height:44px;line-height:44px;padding:0 15px;border:1px solid #ebebeb;width:100%;display:block;-webkit-appearance:none;box-shadow:0 0px 0px rgba(99,107,151,0.0) inset;transition:all .3s;}
.dialog-body select {padding:0 30px 0 10px;width: 100%; height:44px;line-height:44px;border:solid 1px #ebebeb;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-down.png) no-repeat right 50%;}
.dialog-body .textarea{padding:10px 12px;line-height:24px;width:100%;border:1px solid #ebebeb;transition:all .3s;}
.dialog-body .input:hover,.dialog-body .textarea:hover,.dialog-body select:hover{border:1px solid #ddd;transition:all .3s;}
.dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
.dialog-body .label label {font-weight:400;}
.dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ebebeb;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #333;}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #333;}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #333;}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #333;}
.dialog-body .field-icon .icon { height: 46px;line-height: 46px;}
.dialog-body .input-group .addon{background-color: #fff;border: 0;padding:0;}
.dialog-body .input-group .addon img{width:90px;}
 /* 弹出层 end*/

 /* 注册登录切换 */
.register{ overflow:hidden;}
.register-l{position:relative;float:left;width:340px;}
.register-l .adimg{position:absolute;left:0;top:0;width:100%;height:100%;}
.register-l .adimg img{border-radius: 8px 0 0 8px}
.register-l .adtxt{position:absolute;left:40px;top:40px;}
.register-l .adtxt h4{font-size:24px;font-weight: 600;display: inline-block;}
.register-l .adtxt ul{margin-top:10px;margin-left:15px}
.register-l .adtxt ul li{color:#fff;font-size:15px;line-height:28px}
.register-r{position:relative;float:right;width:380px;height:425px}
.register-r .padding-large{padding:40px;}
.register-r .title li{margin-bottom:30px;color:#666;display:inline-block;position:relative;font-size:22px;width:auto;font-weight: 600}
.register-r .line{margin:0px;padding:0;position: relative; text-align: center;}
.register-r .line span{display: inline-block; padding: 0 20px; position: relative; z-index: 200;}
.register-r .line hr{background:#E4EBF5;-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #E2E2E2 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; margin-top:12px; position: absolute; top:0; width: 100%;}

.register-r .bnt-login{text-align:center;margin:10px 0;}
.register-r .bnt-login a{display:inline-block;color:#fff;font-size:24px;width:46px;height:46px;text-align:center;margin:0 15px;border-radius:50%}
.register-r .bnt-login a:hover{opacity:0.8}
.register-r .bnt-login a.weixin{background:#6ccd10;line-height:46px;}
.register-r .bnt-login a.qq{background:#5ea8ff;line-height:46px;}

.register-r .bd-login{padding:30px 0;text-align:center;}
.register-r .bd-login .bd-bnt{display:inline-block;width:90px;margin:0 20px;}
.register-r .bd-login .bd-bnt a{display:block;font-size:48px;height:90px;line-height:86px;border-radius:50%;margin-bottom: 10px}
.register-r .bd-login .bd-bnt a.weixin{color:#6ccd10;border:2px solid #6ccd10;}
.register-r .bd-login .bd-bnt a:hover.weixin{color:#fff;background:#6ccd10;}
.register-r .bd-login .bd-bnt a.qq{color:#5ea8ff;border:2px solid #5ea8ff}
.register-r .bd-login .bd-bnt a:hover.qq{color:#fff;background:#5ea8ff;}

.register-r .link-login{position:absolute;right:0;bottom:0;line-height: 40px;width:100%;}
.register-r .link-login a{cursor:pointer}
.register-r .link-login a.cur{color:#949496}
.register-r .link-login span.cur a{color:#949496}
.register-r .link-login span.cur a:hover{color:#666;}
/* 注册登录切换 end*/

.headbar{height:70px;z-index:9;width:100%}
.headbar.bw{border-bottom:1px solid #F1EDF7;background:#fff;}
.headbar .logo{height:30px;margin:20px 0px;display:block;outline:none;}
.headbar .logo img{height:30px;}

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

.headbar .nav li ul{top:70px;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 ---------------------------------------- */

.headbar .tool-bar {height: 36px;line-height:36px;margin:17px 0;display:inline-block;}
.headbar .tool-bar a.vippay{display: block;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);box-shadow: 0 5px 21px 0 rgba(208, 38, 254, .25);}
.headbar .tool-bar a.vippay:hover{background: -webkit-gradient(linear,left top,right top,from(#8A59D8),to(#D53FFE));background: linear-gradient(90deg,#8A59D8,#D53FFE)}
.headbar .tool-bar a.vippay i{vertical-align: middle;width:24px;height:24px;display:inline-block;background: url(../images/vip.svg) no-repeat left / 80%;}
.headbar .tool-bar a.vippay span{border-radius: 12px 12px 12px 0; display: block;width:36px;position:absolute;right:-12px;top:-10px;line-height: 20px;padding:0 5px;}
/*VIP充值*/

.log-bar{display:inline-block;margin-left:20px;margin-top:18px;float:right;z-index:9;position:relative;}
.log-bar .drop .menubox{display:none;padding-top:30px;}
.log-bar .drop:hover .menubox{position:absolute;display:block;top:17px;right:0;width:210px;z-index: 3;animation:fadein .3s;}
.log-bar .drop .menubox .userinfo{position:relative;background:#FFF;padding:20px;border-radius:10px;box-shadow: 0 5px 15px 0 rgba(0,0,0,.06);}
.log-bar .drop .menubox .userinfo:after{position:absolute;top:-8px;right:10px;display:inline-block;border-left:8px solid transparent;border-bottom:8px solid #fff;border-right:8px solid transparent;content:''}
.log-bar .drop .menubox .userinfo .userlevel .user-img{width:48px;height: 48px;display: block}
.log-bar .drop .menubox .userinfo .userlevel .button{padding:8px 15px;font-weight: 400;background: linear-gradient(108deg, #4250FF, #FDC163 70%, #AE60E2);color:#fff}
.log-bar .drop .menubox .userinfo .userlevel .vip_1{vertical-align: middle;width:16px;height:16px;display:inline-block;background: url(../images/vip_1.png) no-repeat center / 100%;margin-right: 2px;margin-top:-3px;}
.log-bar .drop .menubox .userinfo .userlevel .vip_2{vertical-align: middle;width:16px;height:16px;display:inline-block;background: url(../images/vip_2.png) no-repeat center / 100%;margin-right: 2px;margin-top:-3px;}
.log-bar .drop .menubox .userinfo .userlevel .vip_3{vertical-align: middle;width:16px;height:16px;display:inline-block;background: url(../images/vip_3.png) no-repeat center / 100%;margin-right: 2px;margin-top:-3px;}
.log-bar .drop .menubox .userinfo .userlevel .media .media-body p{font-weight: 400}
.log-bar .drop .menubox .userinfo ul li{line-height:30px;height:30px;display:block;width:50%;float:left;}
.log-bar .drop .menubox .userinfo ul li a{color:#666;font-weight: 400;}
.log-bar .drop .menubox .userinfo ul li:nth-child(2n){padding-left:10px;}
.log-bar .drop .menubox .userinfo ul li a:hover{color:#4250FF;}
.log-bar .drop .menubox .userinfo a.logout{display: inline-block;border:1px solid #DDD;font-weight: 400;padding:8px 40px;color:#8B8B92;}
.log-bar .drop .menubox .userinfo a.logout:hover{background: #fff;border:1px solid #4250FF;color:#4250FF;}

.log-bar .drop .user-img{position:relative;}
.log-bar .drop .user-img img{width:36px;height:36px;}
.log-bar a.user-ico{height:36px;width:36px;display:block;color:#fff;background:#333;transition:all .3s;}
.log-bar a.user-ico:hover{background:#666;transition:all .3s;}
.log-bar a.user-ico i{font-size:18px;line-height:34px;transition:all .3s;}
.log-bar a.user-ico:hover i{color:#fff;transition:all .3s;}

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

/* 弹出搜索 begin */
.headbar .tool-bar .searchbar{display: block;margin:0 20px;}
.headbar .tool-bar .searchbar a.search-ico i{font-size:18px;color:#666;line-height:34px;}
.searchbar-m {display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:9999;text-align:center}
.searchbar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#fff;opacity:0.9;}
.searchbar-m a {color:#333;display:block;position:absolute;right:40px;top:20px;font-size:36px;z-index:9999;}
.searchbar-m a:hover{color:#8076E6}
.searchbar-m .form-group {width:40%;margin-top:-27px;position:absolute;left:50%;top:50%;transform:translate(-50%,-200%);box-shadow: 0px 5px 15px 0px rgba(0,64,128,.08);border-radius: 30px;padding:0;}
.searchbar-m .input{width:90%;height:54px;line-height:54px;background:#fff;border:2px solid #8076E6;border-right:0;color:#999;float:left;padding:0;text-indent:20px;border-radius:30px 0 0 30px}
.searchbar-m .button {width:10%;padding:0;height:54px;border:2px solid #8076E6;font-size:20px;border-left:0;display:block;float:left;background:#fff;border-radius: 0 30px 30px 0}
.searchbar-m .button i{color:#8076E6;line-height:54px;}
/* 弹出搜索 end */

.joinus .media.media-x img{width:96px}
.joinus .media.media-x .media-body {padding:5px;}

/* 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:1300px) {
.container{max-width:92%}
.container-wrap{max-width:94%}

.article-m-l{margin-right:0}
.article-m-r{margin-left:0}
.slides .article-box{padding-bottom:33%;}

.top-title{padding:0 20px}
.top-title h1{font-size:36px;}
.site-info{margin:25px 50px 0 0px;}
.site-link{margin:40px 0 0 -20px;}
.jumpurl a.button,.jumpurl a.disabled,.collect a.button,.qr-button a.button{padding:8px 15px;}
.excerpt-blog .post-meta{bottom:2px;}
}
@media screen and (max-width:768px){
.container-layout,.container-wrap,.container{max-width:98%}
.x5{width:100%}

.article-l{width:100%}
.article-r{width:100%;margin-left:0;margin-top:10px;margin-right:0}
.side-l{margin-right:0px;width:100%}
.side-r{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;}

.top-title h1{font-size:32px;}
a.recommend-ico{width:33.33333333%}
a.recommend-ico i img{margin-top:10px}

.list-post-x .media .thumb-bd{position:relative;max-width:33%;}
.list-post-x .media.media-x .media-body strong a{font-size:16px;}

.dialog .dialog-body{padding:10px 20px 20px 20px;}
.dialog.log{width:100%;}
.dialog.log .dialog-body{padding:0;}

.register-r{float:none;width:100%;height:auto;}
.register-r .bnt-login{margin: 20px 0 40px 0;}
.register-r .padding-large{padding:30px;}
.register-r .bd-login{padding: 20px 0}
.register-r .bd-login .bd-bnt{width:80px;margin:0 20px;}
.register-r .bd-login .bd-bnt a{font-size:40px;height:80px;line-height:76px;margin-bottom:5px}
.register-r .link-login{position:relative;line-height: 50px;width:100%;}

.log-bar{margin-top:12px;}
.log-bar .drop:hover .menubox{right:0;}
.log-bar .drop .menubox .userinfo .userlevel .button{padding:5px 10px;line-height:20px;font-size:12px}
.log-bar .drop .menubox .userinfo a.logout{padding:5px 20px;line-height:20px;font-size:12px}

.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:#4250FF}

.searchbar-m a{right:20px;top:10px;font-size:24px;}
.searchbar-m .input{width:80%;}
.searchbar-m .button {width:20%;}
.searchbar-m .form-group {width:80%;}

/* 默认箭头 */
.owl-carousel .owl-dots {bottom:5px;}
.owl-carousel .owl-nav i{font-size:18px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {width:24px;height:24px;line-height:28px;}
.owl-carousel .owl-nav .owl-prev {left:5px;}
.owl-carousel .owl-nav .owl-next {right:5px;}
/* owl-carousel滚动插件 end */
.nav-x-border.margin-left{margin-left:0px;}
.nav-x-border a{width:30%;float:left;padding:0;margin-top:10px;text-align: center}

/* .tab-title{margin-right:0;margin:10px 0;} */
.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:24px}
.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;}

.excerpt-grid .media{margin-bottom: 10px}
.excerpt-grid .media-body .padding-big{padding:10px}

.tab-title .tab-head {text-align:left;margin-left:0;}
.tab-title .tab .tab-nav li {display:block;float:left;width:25%}
.tab-title .tab .tab-nav li a{margin:10px 5px 0 0;padding:0 10px}
.tab-title h2{font-size:18px;}
.excerpt-app{padding:12px;}

/*文字上下篇begin */
.prenext-text .text-r{text-align:left;}
/*文字上下篇end */

/* 左图右文 begin */
.excerpt-blog{margin-bottom:25px}
.excerpt-blog:hover{box-shadow:none}
.excerpt-blog .focus{min-height:auto}
.excerpt-blog .thumb{min-height:auto;margin-left:20px;margin-right:0px;float:right;}
.excerpt-blog strong{margin-bottom: 0;}
.excerpt-blog strong a{font-size:14px;}
.excerpt-blog .post-meta{left:0;margin-left:0;margin-right:10px;right:36%}
/* 左图右文 end */

.more a.button{padding:8px 30px}
.message .button{margin:0 0 20px 0;}
.qr-button a.button{margin-left:10px;}
.qr-button a.button{padding:8px 15px;margin-left:0px;margin-right:5px}
.jumpurl a.button,.jumpurl a.disabled,.collect a.button{padding:8px 15px;}
.collect a.button{padding:8px 15px;margin-left:5px;}
.site-icon{margin:20px 0 0 10px}
.site-info{margin:25px 0 0 0;}
.site-info h1 {font-size:20px;}
.site-link{margin:5px 0 10px 0px;}

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

}