body{overflow-x:hidden;}

.navbar{background:#fff;box-shadow:0 4px 16px 0 rgba(0,60,179,.12);height:80px;border-bottom:1px solid #e0eaff;width:100%;overflow:hidden;}
.navbar-body{position:relative;display:block;box-sizing:border-box;padding:0 40px;width:100%;}
.navbar-left{float:left;padding:8px 0;}
.navbar-left h2{padding:8px 0; font-size:30px;}
.navbar-center{display:inline-block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.navbar-center ul{list-style:none;padding:0 10px;color:#68779c}
.navbar-center ul li{display:inline-block;position:relative;}
.navbar-center ul li a{display:inline-block;line-height:75px;padding:0;margin:0 20px;text-align:center;font-size:18px;cursor:pointer;color:#68779c;background:#fff}
.navbar-center ul li.active a{font-weight:500;color:#296bef;border-bottom:4px solid #296bef}
.navbar-center ul li a:hover{font-weight:500;color:#296bef;}
.navbar-right{float:right;padding-top:20px;}

.nologin{}
.nologin a{display:inline-block;font-size:16px;line-height:40px;border-radius:30px;text-align:center;margin-left:10px; padding:0 20px;}
.nologin a.reg{color:#fff;background:#19BE6B;box-shadow:0 6px 12px 0 rgba(44,114,255,.18);}
.nologin a:hover.reg{background:#FFA601;box-shadow:0 6px 12px 0 rgba(255,166,1,.18);}
.nologin a.login{color:#fff;background:#296BEF;box-shadow:0 6px 12px 0 rgba(44,114,255,.18);}
.nologin a:hover.login{background:#FFA601;box-shadow:0 6px 12px 0 rgba(255,166,1,.18);}

.navbar-bar{float:right;display:none;padding-top:20px;}
.navbar-bar a{color:#666;}
.navbar-bar a i{font-size:28px;}

.txt ul{padding-left:34px;list-style:none;}
.txt ul li{position:relative;line-height:32px;padding-left:10px;}
.txt ul li:before{width:7px;height:7px;background:#ccc;border-radius:50%;content:'';display:block;position:absolute;left:-12px;top:12px;}

.ui-demo{border:1px solid #ebebeb;border-radius:5px;background:rgba(28,9,80,.01);padding:10px;margin:28px auto;position:relative;}
.ui-demo .ui-name{line-height:30px;padding:0 0 10px 5px;color:#808080;}
.ui-demo .ui-body{background:#fff;border:1px solid #f0f0f0;position:relative;padding:10px 15px;}
.ui-demos{border:1px solid #e0eaff;background:#F4F8FF;border-radius:5px;padding:10px;margin:28px auto;}

@media(max-width:1279px)
{
	.navbar{height:60px;}
	.navbar-body{padding:0 20px;}
	.navbar-center{display:block;}
	.navbar-center ul li a{font-size:14px;margin:0 15px;line-height:55px;}
	.navbar-left img{max-height:45px;}
	.navbar-right{padding-top:10px;}
}
@media(max-width:1023px)
{
	.navbar-center,.navbar-right{display:none}
	.navbar-bar{display:block;padding-top:10px;}
}

.container{display:flex;}
.container-left{min-width:308px;padding:30px 20px;border-right:5px solid #e0eaff;height:calc(100vh - 80px);z-index:10;overflow-y:auto;}
.ui-collapse-menu-title{border:0;}
.ui-collapse-menu-title a{color:#333;}
.ui-collapse-menu-title.active{background:#fff;}
.ui-collapse-menu-title.active a{color:#3C89FF;font-weight:600;}
.ui-collapse-menu-body ul li{border:0;padding:0 0 0 18px;margin:0px 0;}
.ui-collapse-menu-body ul li a{padding-left:30px;color:#666;border-left:3px solid #e6e6e6;display:block; font-size:14px;}
.ui-collapse-menu-body ul li a:hover{color:#3C89FF;background:#F4F8FF;display:block;border-left:3px solid #3C89FF;line-height:50px;}

.ui-collapse-menu-body ul li.active a{color:#3C89FF;background:#F4F8FF;display:block;border-left:3px solid #3C89FF;line-height:50px;}
.container-right{width:calc(100vw - 312px);padding:40px;height:calc(100vh - 80px);overflow-y:auto;}
.container-right h1{margin-bottom:30px;font-size:32px;}
.container-right h2{margin:25px 0 20px 0;font-size:24px;}
.container-right h3{margin:25px 0 20px 0;font-size:20px;}
.container-right p{color:#373c43;line-height:30px;padding:12px 0;margin:0;}
.container-right a.link{color:#198cff;margin:0 4px;}
.container-right a.link:hover{/*color:#f30;*/text-decoration:underline;}
.container-right pre{background:#F4F8FF;border:1px solid #e0eaff;padding:10px 20px;border-radius:4px;line-height:2;margin:0;color:#666;position:relative;}
.container-right pre .ui-copy{position:absolute;right:0;top:0;background:#fff;padding:5px 20px;border-radius:0 0 0 20px;}
.container-right blockquote{background:#FFF5F5;padding:15px 20px;border-left:3px solid #DC3545;}
.container-right blockquote .title{font-size:20px;font-weight:bold;margin-bottom:15px;color:#DC3545;}
.container-right img{max-width:100%;}
.ui-grid-item{padding:30px;background:#fff;}
.ui-grid-item div{text-align:center;border:1px solid #f3f3f3;border-radius:5px;padding:80px 0;box-shadow:0 0px 30px 0 rgba(28,9,80,.07);color:rgba(28,9,80,.5);font-size:24px;}
.ui-grid-item div:hover{color:#296bef;box-shadow:0 10px 30px 0 rgba(28,9,80,.07);}
.ui-grid-item div p{color:#999;font-size:16px;font-family:verdana;}

.highlight{margin:0;padding:0;border:0;background:none;}
.highlight table{width:100%;}
.highlight div{min-height:24px;}
.highlight .code-wrap{border:0px solid #f3f3f3;overflow-x:auto;color:#333;vertical-align:bottom;}
.highlight .line-nums {width:20px;text-align:right;vertical-align:top;padding:5px 15px 0 0;color:#bbb;user-select:none;display:none;}
.highlight .line-nums span{display:block;padding:0 8px;cursor:default;}
.highlight .line-code {vertical-align:top;}
.highlight .line-code div{white-space:pre;}
.lang-js .comment{color:#39b54a;}
.lang-js .string{color:#808080;}
.lang-js .number{color:#d14;}
.lang-js .keywords{color:#00f;font-weight:700;}
.lang-js .regex{color:#8000ff;}
.lang-js .global{color:#0086b3;}
.lang-js .brackets{color:#000080;}
.lang-html .comment{color:#998;font-style:italic;}
.lang-html .doctype{color:#008080;}
.lang-html .tag{color:#881280;}
.lang-html .attribute{color:#39b54a;}
.lang-html .data{color:#d14;}
.lang-html .string{color:#888;}
.lang-css .comment{color:#39b54a;}
.lang-css .properties{color:#008080;}
.lang-css .selectors{color:#800000;}
.lang-css .units{color:#f00;}
.lang-css .urls{color:#f0f;}
.lang-css .colors{color:#808000;}
.lang-css .important{color:#00f;}
.ui-demos>.ui-tabs-white>.ui-tabs-nav .active{border-radius:4px 4px 0 0;box-shadow:0 -5px 20px 0 rgba(0,0,0,0.05)}
.ui-demos>.ui-tabs-white>.ui-tabs-content{box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.05);}
@media(max-width:1023px)
{
	.container-left{display:none}
	.container-right{width:100%;padding:15px 20px;}
	.ui-grid-item{padding:10px;}
	.ui-grid-item div{padding:30px 0 20px 0;font-size:18px;}
	.ui-grid-3 .ui-grid-item{flex:0 0 100%;max-width:100%;}
	#offside-right{overflow-y:auto;}
	.ui-tabs .ui-tabs-nav{overflow-y:hidden;width:100%;display:flex;}
	.ui-tabs .ui-tabs-nav li{padding:8px;text-align:center;white-space:nowrap;}
	.ui-tabs .ui-tabs-nav li a{padding:4px 6px;font-size:14px;}
}
@media(max-width:639px)
{
	.navbar-left h2{padding:6px 0; font-size:22px;}
	.ui-btn{margin-bottom:10px;}
	.ui-demos>.ui-tabs-white>.ui-tabs-content{overflow:auto;}
}
.breadcrumb{ text-align:right; padding:0 0 20px 0; font-size:13px; color:#999;}
/*--兼容图片灯箱插件（ID: fancybox）--*/
.art-content .md-image { width: 100%!important }
/*--文章详情页--*/

.art-content{ max-width:1000px; margin:0 auto;}

.art-main { padding: 2em;background:#fff;box-shadow:0 0 .8px rgba(38,45,61,0),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.07); }
.art-main img { max-width: 100%!important; height: auto!important; }
.art-main .art-title { font-size: 22px; text-align:center; }
.art-main .head-info { color: #999; padding-top: 5px }
.art-main .head-info i.iconfont { padding-right: 2px }
.art-main .head-info .author, .art-main .head-info .comment, .art-main .head-info .edit, .art-main .head-info .time, .art-main .head-info .view { padding-right: 1em }
.art-main .art-content { padding-top: 10px; position: relative; font-size: 16px; width: 100%; word-break: break-all }
.art-content h1, .art-content h2, .art-content h3, .art-content h4, .art-content h5, .art-content h6 { margin: 10px 0 }
.art-content h1 { font-size: 1.8em;  }
.art-content h2 { font-size: 1.6em }
.art-content h3 { font-size: 1.4em }
.art-content h4 { font-size: 1.2em }
.art-content h5 { font-size: 1em }
.art-content h6 { font-size: 0.8em }
.art-content blockquote { color: #666; font-weight: 400; border-left: 4px solid #0084ff; padding: .5em 1em; background-color: #f9f9f9 }
.art-content img { height: auto }
.art-content table { border-collapse: collapse; empty-cells: show; border-spacing: 0 }
.art-content table tr.firstRow { font-weight: bold; background-color: #f8f8f8; text-align: left }
.art-content table th, .art-content table td { padding: .3em .5em; margin: 0; vertical-align: top; border: 1px solid #ddd }

.art-content blockquote p, .art-content ul p { margin-bottom: 0 }
.art-content li { margin-left: 1.2em }
.art-content hr { border: none; margin-top: 1.5rem; margin-bottom: 1.5rem; border-top: 1px solid #eee; height: 1px; background: 0 0 }
.art-content audio, .art-content img, .art-content video { }
.art-content b, .art-content strong { font-weight: 700; }
.art-content .padding { padding-right: .5em }

.art-content a { color:#2469F6;}
.art-content a:hover { color:#f60;}

.art-content .art-copyright, .art-content .tag-wrap { font-size: 14px }
.art-content .tags { border: 1px solid #ddd; padding: .1em .5em; text-align: center; color: #333 }
.art-content .tags:hover { background-color: #0084ff; color: #fff; border: 1px solid #0084ff }
.art-copyright { background: #f8f8f8; padding: 1em 1.5em }
.art-copyright .copyright, .art-copyright .from { font-weight: 700; padding-top: 10px }
.prev-next { position: relative }
.prev-next strong { font-weight: 400 }
.prev-next .post-next, .prev-next .post-prev { color: #999; font-size: 14px; padding-top:0; }
.prev-next .post-next {  }
.prev-next .next, .prev-next .prev { display: block; font-size: 14px }
.quick-prev-next .next, .quick-prev-next .prev { position: fixed; z-index: 1; top: 45%; height: 50px; line-height: 50px; width: 50px; font-size: 50px; color: #888 }
.quick-prev-next .next:hover, .quick-prev-next .prev:hover { color: #333 }
.quick-prev-next .prev { left: 0 }
.quick-prev-next .next { right: 0 }

/*--相关文章--*/
.related-art { position: relative; z-index: 2 }
.related-item { width: 31%; margin-right: 3.4% }
.related-item .span { height: 160px; display: block; overflow: hidden; margin-bottom: 5px }
.related-item a { display: block }
.related-item .img { height: 160px; width: 100% }
.related-item .titile { height: 3.2em; overflow: hidden }
.related-item:nth-child(3n+0) { margin-right: 0 }


.plug_list{display:flex;flex-wrap:wrap;margin:0 -14px;}
.plug_list_item{width:100%;margin:0 0 28px 0;position:relative;padding:0 14px;}
.plug_list_item1{width:100%;margin:0 0 28px 0;position:relative;padding:0 14px;}

.plug_list_item1::after{content: ""; background-color: #fff; right:14px; width:20px; height: 28px; top: -28px; position: absolute;}
.plug_list .plug_list_item1:first-child::after{ display:none;}
.bk2 .plug_list_item1::after, .bk4 .plug_list_item1::after{ left:14px; }
.num{ padding:5px 10px;  color:#bbb; font-size:12px; position:absolute; right:14px; top:0px;}


.plug_list_item_body{background:#fff;padding:15px 20px;box-shadow:0 0 .8px rgba(38,45,61,0),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.07);}
.plug_list_item_body:hover{ box-shadow: 0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14); border-color: #ddd; }
.plug_list_item .ui-ring{right:10px;}
.plug_list_wrap{display:flex;flex-wrap:wrap;padding:10px 10px 10px 0;}
.plug_list_icon{width:66px;height:66px;margin-right:20px;}
.plug_list_icon img{width:100%;height:100%;border-radius:5px;border:1px solid #eaeaea;padding:3px;}
.plug_list_body{flex:1;overflow:hidden;}
.plug_list_body .name{font-size:16px;padding-top:5px;}
.plug_list_body .intro{font-size:14px;line-height:24px;margin-top:8px;color:#999;}
.plug_list_foot{border-top:1px solid #f3f3f3;margin-top:10px;padding-top:15px;}
.plug_list_foot a{ display:inline-block; margin-left:10px;}


.pagess { clear: both; margin: 50px 0 20px; overflow: hidden; margin-left: 0px; text-align: center; font-size: 14px }
.pagess a { border: 1px solid #ccc; padding: 0px 9px; margin: 0 3px; height: 30px; line-height: 30px; display: inline-block; background: #fff; color: #999 }
.pagess a:hover { background: #ccc; color: #fff; border: 1px solid #ccc }
.pagess a.page-num-current { color: #000; background-color: #eee; }
.digsup { display: flex; justify-content: center; margin: 30px 0 10px 0; }
.digsup a { display: block; cursor: pointer; margin: 0 15px; width: 70px; height: 70px; margin-bottom: 10px; line-height: 60px; text-align: center; border-radius: 50%; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); position: relative; }
.digsup a i { font-size: 30px; color: #999; }
.digsup a em { display: block; font-family: verdana; color: #f60; position: absolute; bottom: -15px; left: 0; right: 0; }
.digsup a:hover { box-shadow: 0px 0px 30px rgba(0,132,255,0.3) }
.digsup a:hover i { color: #f60; }
.hide_box { z-index: 999; background: #000; opacity: .6; -moz-opacity: .6; left: 0; top: 0; height: 100%; width: 100%; position: fixed; display: none }
.shang_box { width: 360px; background-color: #fff; border-radius: 6px; position: fixed; z-index: 1000; left: 50%; top: 50%; margin-left: -200px; margin-top: -200px; display: none }
.shang_box img { border: none; border-width: 0; border-radius: 6px 6px 0 0; width: auto; height: auto; margin: 0; box-shadow: none; max-width: 100%; }
.shang_box .shang_close img { border-radius: 0; }
.dashang { display: block; width: 100px; margin: 5px auto; height: 25px; line-height: 25px; padding: 10px; background-color: #e74851; color: #fff; text-align: center; text-decoration: none; border-radius: 6px; font-weight: 700; font-size: 16px; transition: all .3s }
.dashang:hover { opacity: .8; padding: 15px; font-size: 18px }
.shang_close { display: inline-block; top: -50px; position: absolute; left: 50%; margin-left: -18px; color: #FFF; }
.shang_close i { font-size: 36px; }
.shang_logo { display: block; text-align: center; margin: 20px auto }
.shang_payimg { margin: 0 auto 0 auto; border-radius: 3px; border-radius: 10px }
.pay_explain { text-align: center; margin: 10px auto; font-size: 12px; color: #545454 }
.radiobox { width: 16px; height: 16px; background: url(http://1.cn/theme/vip56/css/radio2.svg); display: block; float: left; margin-top: 5px; margin-right: 14px }
.checked .radiobox { background: url(http://1.cn/theme/vip56/css/radio1.svg) }
.shang_payselect { text-align: center; margin: 0 auto; cursor: pointer; width: 330px }
.shang_payselect img { display: inline !important }
.shang_payselect .pay_item { display: inline-block; float: left; padding: 20px 0; margin: 0 10px; }
.shang_payselect .wechat { margin-right: 0; }
.shang_info { clear: both }
.shang_info a, .shang_info p { color: #c3c3c3; text-align: center; font-size: 12px !important }
.bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more { background-image: none !important; }
.bdsharebuttonbox .fa { cursor: pointer; font-size: 22px; color: #f60; display: inline-block; width: 40px; line-height: 35px; height: 40px; border-radius: 50%; border: 1px solid #eaeaea; margin-left: 10px; text-align: center; }
.bdsharebuttonbox .fa:hover { color: #f00 }
.ui-show-share { text-align: center; padding: 10px 0 20px 0; }
.ui-show-share a { display: inline-block; width: 40px; line-height: 35px; height: 40px; border-radius: 50%; border: 1px solid #eaeaea; margin-left: 10px; text-align: center; }
.ui-show-share a i { font-size: 22px; }
.ui-show-share a:nth-child(1) { color: #1890FF; }
.ui-show-share a:hover:nth-child(1) { border-color: #1890FF; }
.ui-show-share a:nth-child(2) { color: #ED4014; }
.ui-show-share a:hover:nth-child(2) { border-color: #ED4014; }
.ui-show-share a:nth-child(3) { color: #19BE6B; }
.ui-show-share a:hover:nth-child(3) { border-color: #19BE6B; }

.form-subject { background: #f6f6f6; border-left: 3px solid #f09b5d; padding: 15px; margin-bottom: -1px; position: relative; }
.form-subject.green { border-left: 3px solid #19BE6B; }
.form-subject .ui-btn { position: absolute; right: 5px; top: 5px; cursor: pointer; font-size: 14px; }
.ui-input-group a.after { font-size: 15px; }
textarea.ui-form-ip { min-height: auto; }

.search-box { width: 100%; height: 100%; background: #f9f9f9; position: fixed; z-index: 100; top: 0; left: 0; display: none; font-size: 16px; -webkit-animation: fade-zoom-in .3s forwards; -o-animation: fade-zoom-in .3s forwards; animation: fade-zoom-in .3s forwards; }
.search-close { width: 1000px; height: 60px; margin: 0 auto; padding: 100px 0 0 0; }
.search-close i { float: right; font-size: 40px; color: #666; cursor: pointer; }
.search-close i:hover { animation: mymovex 0.5s 1; -webkit-animation: mymovex 0.5s 1; }
dl.se { overflow: hidden; }
dl.se dt { width: 500px; float: left; }
dl.se dt input { width: 100%; height: 56px; padding: 0 10px; border: 1px solid #dedede; border-radius: 5px 0 0 5px; }
dl.se dd button { width: 100%; border: 0; background: #4285f4; color: #fff; height: 56px; border-radius: 0 5px 5px 0; }
dl.se dd { width: 100px; float: right; }
.search-con { width: 600px; margin: 0 auto; padding-top: 20px; }
.search-tips { line-height: 50px; padding-top: 30px; }
.search-as { line-height: 34px; }
.search-as a { padding: 0 20px; border: 1px solid #dedede; display: inline-block; margin-right: 10px; margin-bottom: 10px; white-space: nowrap; border-radius: 5px; color: #666; }
.search-as a:hover { color: #f60; border: 1px solid #f60; }
.pcd_ad { display: block; }
.mbd_ad { display: none }
.copyright{ padding:50px 5px 15px 5px; text-align:center; font-size:13px; color:#999; line-height:1.8; }
.copyright a{color:#999;}

.rotate-box { width: 100px; height: 100px; margin: 0 auto; position: fixed; z-index: 999; -webkit-perspective: 1000px; perspective: 1000px; right: 2%; bottom: 2%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pmcms { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-15deg) rotateY(-20deg) translateZ(-100px); transform: rotateX(-15deg) rotateY(-20deg) translateZ(-100px); -webkit-transform-origin: center center -100px; transform-origin: center center -100px; -webkit-animation: around 5s cubic-bezier(0.94, -0.6, 0.45, 1.31) infinite; animation: around 5s cubic-bezier(0.94, -0.6, 0.45, 1.31) infinite; }

.pmcms div { width: 120px; height: 120px; display: block; margin: 0; position: absolute; }

.pmcms div a { color: white; font-size: 8em; text-decoration: none; text-align: center; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pmcms .mc1 { -webkit-transform: rotateY(0deg) translateZ(60px); transform: rotateY(0deg) translateZ(60px); background-color: rgba(255, 69, 0, 0.7); border: 2px solid rgba(255, 69, 0, 0.7); }

.pmcms .mc2 { -webkit-transform: rotateX(180deg) translateZ(60px); transform: rotateX(180deg) translateZ(60px); background-color: rgba(124, 252, 0, 0.7); border: 2px solid rgba(124, 252, 0, 0.7); }

.pmcms .mc3 { -webkit-transform: rotateY(-90deg) translateZ(60px); transform: rotateY(-90deg) translateZ(60px); background-color: rgba(255, 215, 0, 0.7); border: 2px solid rgba(255, 215, 0, 0.7); }

.pmcms .mc4 { -webkit-transform: rotateY(90deg) translateZ(60px); transform: rotateY(90deg) translateZ(60px); background-color: rgba(0, 191, 255, 0.7); border: 2px solid rgba(0, 191, 255, 0.7); }

.pmcms .mc5 { -webkit-transform: rotateX(90deg) translateZ(60px); transform: rotateX(90deg) translateZ(60px); background-color: rgba(255, 0, 157, 0.7); border: 2px solid rgba(255, 0, 157, 0.7); }

.pmcms .mc6 { -webkit-transform: rotateX(-90deg) translateZ(60px); transform: rotateX(-90deg) translateZ(60px); background-color: rgba(184, 111, 220, 0.7); border: 2px solid rgba(184, 111, 220, 0.7); }

 @-webkit-keyframes around { 100% {

 -webkit-transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);

 transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);

}

}

@keyframes around { 100% {

 -webkit-transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);

 transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);

}

}