::selection{color: #fff;background: #6d32fe;}
::-moz-selection{color: #fff;background: #6d32fe;}
.spinner1 {
  width: 40px;
  height: 40px;
  position: relative;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
}


.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

body{background: #F4F7F6; font-family:"syht";}
ul,li { padding: 0; margin: 0; list-style-type: none;}
ul li {list-style: disc; list-style-type:none;}
a {text-decoration: none; color: #666666; font-family:"syht";}
a:hover,
a:focus {outline: none;	text-decoration: none;}
pre{background:#F4F7F6; border-radius:0.3125rem; padding:0.9rem;}

.jj_wza h1.seoh1{ font-size: 1rem; color: #333333; font-weight:400; display:inline-block;}
.yd-jl-titlea h1.seoh1{ font-size: 1rem; color: #333333; font-weight:400; display:inline-block;}
.wang_bottom_l h2.seoh2{ font-size: 0.875rem!important; color: #666666; font-weight: 400; display:inline-block;}
.cv_r_t1 h1.seoh1{ font-size: 1.25rem!important; font-weight: 500; color:#666666; display:inline-block;}
.wang_bottom_re .seoh1{ font-size: 0.875rem; color: #666666; display:inline-block;}

@font-face {
  font-family: 'syht';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_5rv1q5pfdgd.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_5rv1q5pfdgd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_5rv1q5pfdgd.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_5rv1q5pfdgd.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_5rv1q5pfdgd.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

.wang_ntav{ height: 50px; border-bottom: 1px solid #e6e6e6; }
.wang_logo{width: 0; height: 49px;  transition: all 0.36s ease; opacity:0; filter:alpha(opacity=0);}
.nav-d{ position: fixed; top:0; width: 100%; background: #f4f7f6; -moz-box-shadow:1px 1px 3px #666; -webkit-box-shadow:1px 1px 3px #666; box-shadow:1px 1px 3px #666; z-index: 3;}
.nav-d .wang_logo{ transition: all 0.36s ease; width: 110px;  opacity:1; filter:alpha(opacity=100);}
/* .wang_logo img{ margin-top:0.3125rem;} */

.color-a{ background-color: #6d32fe!important;}
.color-b{ background-color: #ff7811!important;}
.color-c{ background-color: #9451ff!important;}

.bg-navzdy .navbar-nav .nav-link { display: block; padding: 0 1rem; color:#333; font-size: 0.875rem;}
.bg-navzdy .navbar-nav .hover{ display: block; padding: 0 1rem; color: #6d32fe;; font-size: 0.875rem;}
.bg-navzdy .navbar-nav .nav-link:hover{ color:#ff7811; transition: all 0.36s ease;}

.bg-navzdy{ background-color: #F4F7F6!important;}
.navbar-toggler{ padding: .15rem .45rem;}


.nav_right{ float: right; height: 50px; line-height: 50px;}
.nav_right span{ font-size: 0.875rem; color:#999;}
.nav_right a{ font-size:0.875rem; color: #fff; background: #9451ff; padding: 0.3125rem 0.625rem; border-radius: 0.3125rem; margin: 0 0.625rem;}

@media screen and (max-width:940px){
    .nav_right{ display: none;}
}


.wang_navlist{ float: left;}
.wang_navlist li{ float: left; margin-left:1rem;}



/* 首页产品样式 */
.w_orks_whole{ background-color: #fcfcfc;  font-size: 0.875rem;}
.w_orks_img{overflow: hidden;}
.w_orks_img a{ transition: all .3s ease;}
.w_orks_img a:hover img{transform: scale(1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); -o-transform: scale(1.06, 1.06); transition: all .3s ease;}
.w_orks_img img{ display: block; max-width:100%; width: 100%; transition: all .3s ease;}
.w_orks_title{ color:#2f2f2f; font-size: 1rem; padding:20px 10px 10px; position: relative;}
.w_orks_title:after {clear:both; content:'.'; display:block; width: 0; height: 0; visibility:hidden;}
.w_orks_title:before {content: ''; position: absolute; top: 50px; left: 10px; width: calc(100% - 20px); height: 1px; padding: 0 20px; background: #f4f7f6;}
.w_orks_titlea a{ display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.w_orks_titlea a:hover{ color: #6D32FE;}
.w_orks_titleb{ float: right;}
.w_orks_titleb img{ margin-top: -2px; width: 14px; height: 14px; margin-left: 5px; margin-right: 1px;}
.w_orks_titleb span{ color:#999999;}
.w_orks_tig{ padding:5px 10px; color:#666666; height:50px; line-height: 40px; }
.w_orks_tiga{ float:left; color:#999999; font-size: 0.875rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 50%;}
.w_orks_time{float:right;}
.w_orks_time a{ color:#FFFFFF; font-size: 12px; border-radius: 4px; padding: 3px 8px;}
.w_orks_time .tag_wk{ background-color: #00b7ee;}
.w_orks_time .tag_h5{ background-color: #f8b551;}
.w_orks_time .tag_web{ background-color: #eb6877;}

.wang_wk_jg{ padding: 0 1.125rem 2.1875rem 1.125rem}



/* 个人简介 */

.wang_jj_bg{ background-color: #FCFCFC;}
.wang_jj_img{ float: right; position: absolute; right: 0; padding-right:5%;}
.wang_jj_img img{ height:37.8125rem;}
.wang_jj_text{ float: left; max-width: 50rem;}
.jj_wz{ padding-top: 115px; padding-left: 65px;}
.jj_wza{ font-size: 1rem; color:#333333; display: block;}
.jj_wzb{ font-size: 14px; color:#666666; position: relative; line-height: 2;}
.jj_wzb:before {content: ''; position: absolute; top:40px; left:0px; width: calc(100% - 20px); height: 1px; padding: 0 20px; background: #666;}
.jj_wz p{ font-size: 0.875rem; color:#333; margin-top: 40px; line-height:2.2;}

@media screen and (min-width:992px) and (max-width:1300px){
    .wang_jj_text{ float: left; max-width: 30rem;}
}


/* 友情链接 */
.wang_yq{ padding:0 5%;}
.wang_link{ background: #fcfcfc; line-height: 45px; font-size: 0.75rem; padding: 0 15px; }
.wang_link span{color:#333;}
.wang_link a{ margin-left: 20px; color:#666666;}
.wang_link a.wang_link_mero{ color: #6d32fe;}
.wang_link a.wang_link_mero:hover{ color: #ff7811;}
.wang_link a:hover{ color:#6D32FE;}


/* 底部 */
.icon-beian{ color:#FF0000;}






/* 简历 */
.cv_right{ background-color: #FCFCFC; color:#666666; font-size: 0.875rem; padding: 3.4375rem;}
.cv_r_t1{ line-height:2;}
.cv_r_t1 h6{ padding-bottom: 20px; border-bottom:1px dotted rgba(211, 211, 211, 0.4); color:#999999; font-size: 0.875rem;}
.cv_r_t2{ line-height: 2; padding-top: 20px;}

.cv_r_t3 .cv_jg{ text-indent: 0; margin-left: 0;}
.cv_r_t3 .cv_r_t31{ color:#666666; font-size: 1rem; font-weight: bold;}
.cv_r_t3 .cv_r_t32{ color:#999999;}
.cv_r_t3 .cv_r_t33{ color:#999999;}
.cv_r_t4{line-height:2;}
.cv_r_t4 span{ color:#666666; font-weight: bold;}
.cv_jg{ border-bottom:1px dotted rgba(211, 211, 211, 0.4); padding-bottom: 10px; margin-bottom: 20px; padding-top: 30px; font-size: 1.125rem;}

.wang_zy_jn{ font-size:1.25rem;}
.jn_jg{ padding: 0.625rem 0;}
.wang_jn_icon{} 
.wang_jn_color{}

/* 日志 */
.log_wk{  border:1px solid #ebebeb; position: relative;}
.log_a{}
.log_a:hover .log_img img{ transform: scale(1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); -o-transform: scale(1.06, 1.06); transition: all .3s ease;}
.log_a:hover .log_xx{ background-color:rgba(232,237,230,.2); transition: all .3s ease;}
.log_a:hover .log_title{ color:#6d32fe; transition: all .3s ease;}

.log_a:active .log_img img{ transform: scale(1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); -o-transform: scale(1.06, 1.06); transition: all .3s ease;}
.log_a:active .log_xx{ background-color:rgba(232,237,230,.2); transition: all .3s ease;}
.log_a:active .log_title{ color:#6d32fe; transition: all .3s ease;}

.log_xx::before{ content:""; border-bottom:1px solid #6d32fe; position:absolute; bottom: 0; width: 0;transition: all 0.45s ease; z-index: 1; margin-left: -1.25rem;}
.log_a:hover .log_xx::before{width: 100%;}

.log_img{ overflow: hidden; transition: all .3s ease;}
.log_img img{ display: block; max-width: 100%; transition: all .3s ease;}
.log_xx{ background-color: #fcfcfc; padding:0.625rem 1.25rem 1.25rem 1.25rem;}
.log_time{ font-size: 1.5rem; color:#999999; font-weight: 100;}
.log_title{ font-size:1rem; color:#333333; line-height: 2; padding-bottom: 0.3125rem;}
.log_abs{ font-size: 0.75rem; color: #666666; line-height: 1.8;}

.log_jg{ padding-top: 3.125rem;}
.log_list_jg{ padding-top:15px; padding-bottom: 15px; }

/* 
 -------------------------------分享
 */
.jou_zt{}
.jou_a{}


.jou_img img{display: block; max-width: 100%; border-radius: 50%;}
.jou_xx{ width:calc(78% - 1.5625rem) ; float: right; padding-top: 1.25rem; transition: all .32s ease; position: relative;}
.jou_xx_p1{ font-size: 1rem; color:#666666;}

.jou_xx_p1 .p1_t{ width:calc(100% - 5.7rem); overflow:hidden; text-overflow:ellipsis; white-space: nowrap; display: block; float: left;}
.jou_xx_p1 .p1_sj{font-size:0.875rem; color:#999999; width: 5.625rem; text-align: right; float: left;}
.jou_xx_p2{ font-size: 0.875rem; color:#888888; height: 2.8rem; 
 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

/* 详情页面 */
.xiangqing img{ max-width: 100%!important; height: auto;}
.work_show p img{ max-width: 100%!important; height: auto;}

/* 分页 */
.paging{ padding: 1.25rem 0 2.5rem;}




.page {
	user-select: none;
}

.page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}


.page ul li a {
	font-size: 1rem;
	display: block;
	padding:0.3125rem 1.2rem;
	line-height: 1.75rem;
	color: #444;
	background: #FCFCFC;
	transition: all .4s ease;
	
}

.page ul li a:not([href]) {
	color: #999;
	cursor: not-allowed;
}

.page ul li.active {
	border-color: #6d32fe;
	background: #6d32fe;
}

.page ul li.active a {
	color: #fff;
	background: #6d32fe;
}

.page ul li.active a:hover {
	background: #6d32fe;
}

.page ul li:hover a {
	background: #fddb65;
	transition: all .3s ease;
}

/* 日志显示页面 */


/* 日志显示页面 右侧 */
.be_zt{ padding-top: 3rem; top: 1.875rem;}
.be_tj{ border-bottom: 1px solid #E6E6E6; padding-bottom: 1.25rem;}
.be_tj a{ font-size: 0.875rem; color:#666666; margin:0 0.3rem;}
.be_tj a:hover{ color:#6D32FE;}
.be_tj h3{ font-size: 1.125rem; font-weight:400;}
.be_tag{ padding-top: 1.625rem;}
.be_tag a{ border:1px solid #E6E6E6; padding: 0.3125rem 0.625rem; font-size: 0.875rem;  line-height: 2.8125rem;  white-space:nowrap; }

.be_tag a:hover{ border:1px solid #6D32FE; color:#6D32FE;}

.be_list{}
.be_list1{ margin-bottom:0.5rem; transition: all .36s ease;}
.be_list3{ color: #666666; font-size: 1rem; float: left; width: calc(100% - 4rem); display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.be_list4{ color:#999999; font-size:0.875rem; float: right; width:3.125rem; text-align: right;}
.be_list2{ color:#999999; font-size: 0.75rem; line-height: 1.8; transition: all .36s ease; 
 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.be_li_a{ border-bottom: 1px solid #E6E6E6; padding:1.25rem 0 0.5rem 0; display: block; position: relative;}
.be_li_a:before { content: "";
	transition: all .36s ease;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	width: 30%;
	border: 1px solid #6d32fe;
	opacity: 0}
.be_li_a:hover:before{ width: 100%; opacity: 1;}
.be_li_a:hover .be_list1{ margin-left: 0.625rem; transition: all .36s ease;  }
.be_li_a:hover .be_list2{ margin-left: 0.625rem; transition: all .36s ease-out; }
/* 上一篇 下一篇 */
.show-sx{ display: block; transition: all .3s ease; padding: 1rem 1rem;}
.show-sx span{ font-size: 0.75rem; display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show-sx:hover{ display: block; background-color: #6d32fe; transition: all .3s ease; color:#FFFFFF;}
.show-sx:hover .show-sx-s{ color:#FFFFFF; transition: all .3s ease;}
.show-sx-s{ color:#6d32fe; transition: all .3s ease;}


.show-tag{ padding:1.25rem 0 1.875rem 0; }
.show-tag a{ font-size:0.75rem; border-radius:0.25rem; padding:0.3125rem 0.625rem; color:#66666; background-color: #EBEBEB; margin-left: 0.825rem; transition: all .3s ease;}
.show-tag a:hover{ color:#FFFFFF; background-color: #6d32fe; transition: all .3s ease;}
.show-tag-b{ padding: 0;}



.be_tj{ font-size:0.875rem; color: #666666;}
.be_tj .icon-zhixiang{ font-size: 0.75rem; color: #999999;}