@charset "utf-8";
body { color: #666; font: 14px/1.5 -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', SimSun, sans-serif; background: #F5F5F7 }
img {/*border-radius: 3px;*/ }
.dj-sm { color: #9f9f9f; margin-top: 50px }
.sm-one { text-align: center; margin-bottom: 4px }
.sm-one:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden }
.sm-one span { display: block; float: left; color: #ccc }
.sm-o-left { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); width: 42%; height: 0; border-top: 1px solid #ccc }
.sm-o-center { margin-top: -13px; top: -13px; width: 16%; text-align: center; text-indent: 0 }
.sm-o-right { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); width: 42%; height: 0; border-top: 1px solid #ccc }
.sm-con { margin-top: 6px; margin-bottom: 30px; font-size: 14px; line-height: 22px; text-align: center; padding: 0 }
.sm-con a { color: #9f9f9f; text-decoration: underline !important }
.dj-tt { color: red !important; border: 1px solid red !important }
body, dd, dl, dt, li, ol, td, th, ul { margin: 0; padding: 0 }
body { overflow: auto !important; padding: 0 !important }
.modal { overflow: hidden !important }
a { color: #666; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s }
a:hover { color: #319bd0; text-decoration: none }
a:link, a:visited { text-decoration: none }
body.nav-fixed { position: relative }
ul li { list-style: none }
.modal-dialog { margin: 200px auto }
.bootstrap-select .dropdown-toggle:focus { outline: 0 !important }
a:focus { outline: 0 !important }
.fr { float: right }
.fl { float: left }
.input-login, .input-reg { margin-bottom: 15px }
.ajax_imgcode { position: absolute; bottom: 5px; right: 45px; z-index: 9 }
.ajax_reg_imgcode { position: absolute; bottom: 5px; right: 5px; z-index: 9 }
.faw { width: 15px }
.col-sm-6.admina, .col-sm-6.commenta, .col-sm-6.loga, .col-sm-6.weiyua { margin-bottom: 10px }
.row>.lga>a { margin: auto 15px }
.modal-header .close { text-shadow: 0 1px 0 #ddd; transition: all .5s linear; margin-right: -8px }
.modal-header .close:hover { transform: rotate(-360deg) }
.text-muted { color: #777; font-size: 85% }
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 }
.navbar-brand { padding: 12px 15px; height: auto; box-sizing: content-box; color: #fff !important; font-size: 24px; line-height: 1; letter-spacing: 1px; }
.navbar-brand b { color: #319bd0; /*font-weight: normal;*/ }
.navbar-brand span { font-size: 14px; }
.navbar-default { background: #fff }
.navbar-form .input-group>.form-control { float: right; background: url(/skin/images/search.png) no-repeat 15px 7px; padding-left: 35px; width: 20% }
.nav>li>.dropdown a:hover ul { display: block }
.navbar-default .navbar-nav>li>a { font-size: 15px; display: block; padding: 14px 10px; color: #222831 }
.navbar-default .navbar-nav>li { margin-left: 10px; }
.navbar-default .navbar-nav>li>a i { margin-right: 6px; font-size: 18px; display: none; }
.nav>li.s-li { display: none }
.nav>li.s-li form { padding: 10px; display: flex; opacity: .9 }
.nav>li.s-li form input { width: 80%; font-size: 12px; border-color: #eee; box-shadow: inset 0 0 2px rgba(0, 0, 0, .075) }
.nav>li.s-li form .btn { width: 20%; background: #319bd0; color: #fff }
.navbar-nav>li:last-child { background: 0 }
.navbar-nav .fa-angle-down { -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s }
.navbar-nav li:hover .fa-angle-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.dropdown>a:focus { color: #319bd0; background-color: transparent }
.navbar-default .navbar-nav>.dropdown>a:hover, .navbar-default .navbar-nav>li>a:hover { color: #319bd0; background-color: transparent }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #319bd0; background-color: transparent }
.modal-header { color: #454545; padding: 10px 20px; height: 42px }
.carousel-control>.slide-left, .carousel-control>.slide-right { margin: 70% auto }
.logout_body { border-bottom: 1px solid #eee; margin-bottom: 5px }
.sidebar-user { margin: 18px; text-align: center }
.sideli { margin-bottom: 15px }
.carousel-indicators { bottom: 0 }
.panel-default { border-color: #eaeaea }
.modal-footer { padding-top: 0; border-top: 0 }
.badge { background-color: #999 }
.btn-info { background-color: #319bd0; border-color: #319bd0 }
.btn-info:hover { background-color: #319bd0; border-color: #319bd0 }
#PB { margin-top: 84px }
.sign-title { font-size: 18px; margin: 3px 10px; color: #3dbaf9; border-bottom: 2px solid #3dbaf9; width: 72px; padding-bottom: 8px }
.ajax_btn-reg { margin-top: 15px }
.ajax_qq { display: inline-block; float: left }
.ajax_btn { display: inline-block; float: right }
.ajax_login_icon { font-family: "YaHei", Georgia, Serif; background-color: #fff; color: #f97f7d !important; border: 2px solid #f78c8a; border-radius: 50px !important; font-size: 20px; padding: 6px 8px }
.ajax_login_icon:hover { font-family: "YaHei", Georgia, Serif; background-color: #fff; color: #f97f7d !important; border: 2px solid #f78c8a; border-radius: 50px !important; font-size: 20px; padding: 6px 8px; opacity: .8 }
.ajax_login_code { font-family: "YaHei", Georgia, Serif; background-color: #fff; color: #3dbaf9 !important; border: 2px solid #3dbaf9; border-radius: 50px !important; font-size: 20px; padding: 6px 10px }
.ajax_login_code:hover { font-family: "YaHei", Georgia, Serif; background-color: #fff; color: #3dbaf9 !important; border: 2px solid #3dbaf9; border-radius: 50px !important; font-size: 20px; padding: 6px 10px; opacity: .8 }
.form-group.input-login>span { margin-right: 10px }
.ajax_reg_btn { background-color: #3dbaf9; border: 1px solid #3dbaf9; color: #fff }
.ajax_reg_btn:hover { opacity: .8; color: #fff }
.ajax_login_btn { background-color: #3dbaf9; border-color: #3dbaf9; color: #fff; border: 1px solid #FFF; border-radius: 3px !important; width: 120px }
.ajax_login_btn:hover { opacity: .8; color: #fff }
.container-fluid p { color: #454545 }
.btn.ajax_reg_btn.btn-block { color: #fff }
.col-sm-7.ajax_login_list1 { border-right: 1px solid #eee }
.ajax_login_btn[disabled] { background-color: #9ad5f3 }
.ajax_btn>span>input { border: 1px solid #FFF; border-radius: 3px; padding: 4px 15px; color: #fff; display: inline-block }
.ajax_btn>span>input:hover { opacity: .8 }
.nav-tabs>li>a { border-radius: 2px 4px 0 0; color: #fff; line-height: .82857143 }
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover { text-decoration: none; background-color: transparent; color: #5a4e4c; border: 1px solid transparent; text-shadow: .07em .07em 0 rgba(0, 0, 0, .1) }
.dlbt { color: #ffa600; margin-left: 5px }
.content-wrap { float: left; width: 72% }
.content-wrap.nosidebar { width: 100%; float: none }
.content { position: relative; margin-bottom: 15px; min-height: 280px }
.sidebar { position: relative; float: right; margin-left: 0; width: 26.6% }
.sidebar .row { margin: 0 }
.sidebar.fixed .row { position: fixed; z-index: 295; width: 319.19px; }
.sidebars { position: relative; float: left; margin-left: -340px; width: 326px }
.excerpt-minic { overflow: hidden; margin-bottom: 15px; height: 40px; line-height: 40px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) }
.gglb { padding-left: 5px }
.bulletin ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.posts-gallery-content h2 a:hover { color: #319bd0 }
.sub-cate { padding: 0 1px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) }
.sub-cate .tit { display: inline-block; margin-bottom: 15px; vertical-align: middle }
.sub-cate a {/*margin-bottom: 15px; */padding: 0 10px; display: inline-block; vertical-align: middle; }
.sub-cate a.on { color: #fff }
.sub-cate a:active { box-shadow: none }
.product-cate { background: #fff; margin-bottom: 15px; padding: 10px 15px; border-radius: 3px; }

/*.product-cate .tit,
.product-cate a{margin-bottom: 0; padding: 0; margin-right: 15px;}*/
.product-cate .item~.item { border-top: 1px solid #eee; margin-top: 10px; padding-top: 15px }
.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.product-cate .flex a { width: 15%; text-align: left; }
@media (max-width:768px) {
	.product-cate .flex a { width: auto; }
	.product-cate .flex a.mhide { display: none; }
}
.content-list { position: relative; overflow: hidden; display: block; margin-bottom: 15px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-bottom: 1px solid #efefef !important; /*box-shadow: none !important*/ }
.content-box { overflow: hidden; padding: 10px }
.posts-default .content-box { padding: 0 }
.posts-default-img { position: relative; overflow: hidden; max-height: 300px; height: auto; width: 100% }
.posts-default-img a { position: relative; display: block }
.posts-default-img img { width: 100% }
.posts-default-img .overlay { opacity: 0 }
.posts-default-img a:hover .overlay { opacity: .2 }
.posts-default-box { padding: 32px 27px }
.posts-default-title { position: relative; margin: 0 0 10px }
.posts-default-title h2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.2; font-size: 20px; margin: 0; padding: 0 }
.posts-default-title h2 a:hover { color: #319bd0 }
.posts-default-content { position: relative; line-height: normal }
.posts-default-content .posts-text { line-height: 1.6; margin-bottom: 15px; color: #748594 }
.posts-default-info { position: relative; display: inline-block }
.posts-default-info ul li { font-size: 12px; letter-spacing: -.2px; float: left; padding: 0; margin: 0 10px 0 0; color: #748594; position: relative; line-height: 1.5 }
.posts-default-info ul li a { color: #748594 }
.posts-default-info ul li a:hover { color: #319bd0 }
.posts-default-info ul li.post-author { padding-left: 22px }
.posts-default-info ul li .avatar { position: absolute; top: -1px; left: 0; width: 20px }
.posts-default-info ul li .avatar img { border: 1px solid #e5e5e5; border-radius: 50%; padding: 1px; width: 20px; height: 20px }
.posts-gallery-img { position: relative; float: left; width: 200px; height: 134px; overflow: hidden; display: none }
.haspic .posts-gallery-img { display: block }
.posts-gallery-img img { width: 100%; height: 100%; border: 1px solid #e5e8ed; object-fit: cover; }
.posts-gallery-img .simg { height: 100% }
.posts-gallery-img .simg-8 img { display: block }
.posts-gallery-img .simg .t1 { position: absolute; left: 5px; top: 5px; z-index: 2; color: #fff; padding: 0 6px; font-size: 12px; background: rgba(255, 68, 0, .8) }
.posts-gallery-content { margin-left: 220px; padding-top: 0 }
.video-list-two .posts-gallery-content { margin-left: 0 }
.posts-gallery-content h2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0 10px 0; line-height: 1.2; font-size: 16px; padding-top: 4px; font-weight: 600 }
.posts-gallery-content h2 a { color: #454545; font-weight: bold }
.posts-gallery-content .posts-gallery-text { line-height: 1.6; margin-bottom: 15px; color: #777; min-height: 66px }
.post-style-tips { position: absolute; bottom: 32px; right: 28px }
.post-style-tips a { padding: 6px 10px; line-height: 1; color: #FFF; background: #378df7; display: inline-block; font-size: 13px }
.post-style-tips span a:hover { background: #273746 }
.post-images-item { margin-bottom: 10px }
.post-images-item ul { overflow: hidden }
.post-images-item ul li { float: left; width: 33.3333% }
.post-images-item ul li .overlay { opacity: 0 }
.post-images-item ul li:first-child .image-item { margin-right: 6px; height: 135px; position: relative; overflow: hidden }
.post-images-item ul li:nth-child(2) .image-item { margin-left: 3px; margin-right: 3px; height: 135px; position: relative; overflow: hidden }
.post-images-item ul li:last-child .image-item { margin-left: 6px; height: 135px; position: relative; overflow: hidden }
.post-images-item ul li a img { width: 100%; height: 166px }
.post-entry-categories { margin-top: -2px; float: right; display: block; }
.post-entry-categories a { padding: 4px 5px; background-color: #319bd0; color: #fff; line-height: 1.4; font-weight: 400; margin: 0 2px 2px 0; display: inline-block; font-size: 12px; }
.post-entry-categories a:nth-child(6n+0) { background-color: #4a4a4a }
.post-entry-categories a:nth-child(6n+1) { background-color: #ff5e5c }
.post-entry-categories a:nth-child(6n+2) { background-color: #ffbb50 }
.post-entry-categories a:nth-child(6n+3) { background-color: #1ac756 }
.post-entry-categories a:nth-child(6n+4) { background-color: #319bd0 }
.post-entry-categories a:hover { background-color: #1b1b1b; color: #FFF }
.index_cms_6 { padding-left: 5px; padding-right: 5px }
.index_cms { margin-left: -5px; margin-right: -5px }
.xg { -webkit-backface-visibility: hidden; -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); z-index: 1 }
i.article-mark { width: 56px; height: 56px; background: url(/skin/images/ico-mark.png); position: absolute; left: 10px; top: 10px; z-index: 14; margin: -3px 0 0 -3px }
i.article-marks { width: 56px; height: 56px; background: url(/skin/images/ico-mark.png); position: absolute; left: 10px; top: 45px; z-index: 14; margin: -3px 0 0 -3px }
i.article-mark.new-mark, i.article-marks.new-mark { background-position: -16px -16px }
i.article-mark.hot-mark, i.article-marks.hot-mark { background-position: -112px -16px }
i.article-mark.top-mark, i.article-marks.top-mark { background-position: -192px -16px }
span.mark-red { position: absolute; color: #f73b3b; font-weight: 400; right: -40px; top: -15px; background: #f73b3b; width: 90px; text-align: center; color: #fff; padding: 24px 0 2px; font-size: 12px; transform: rotate(45deg) }
.textgg i { color: #fff; background: #319bd0; height: 25px; margin-top: 7.5px; line-height: 25px; text-align: center; border-radius: 50%; width: 25px; margin-right: 10px; margin-left: 5px; float: left }
.excerpt { padding: 8px; overflow: hidden; background: #fff; margin-bottom: 15px; position: relative; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.content-list:hover, .excerpt:hover, .panel-default:hover { box-shadow: 0 3px 6px 0 rgba(3, 27, 78, .10) }
.btn, .dropdown-menu, .form-control, .input-group-addon, .modal-content, .panel { border-radius: 0 }
.panel-default>.panel-heading { padding: 15px 15px 10px; background: rgba(255, 255, 255, 0.81); border-top-left-radius: 0; border-top-right-radius: 0; border-color: transparent }
.more { font-size: 15px }
.panel_cms { padding: 5px 15px 0; min-height: 197px }
.panel_cms ul { padding: 0 4px; margin-bottom: 0 }
.panel_cms li a { display: inline-block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; color: #454545 }
.panel_cms li a:hover { color: #319bd0 }
.panel_cms time { float: right; margin: 0; padding: 0; color: #999; line-height: 24px; font-size: 12px; margin-left: 20px }
.panel_cms ul li { line-height: 1.8em }
.panel-default { margin-bottom: 10px }
.pagination { margin: 0; text-align: center; font-size: 12px; display: inline-block; border-radius: 0; vertical-align: middle; height: 27px }
.pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; padding: 0 }
.pagination ul>a { display: inline }
.pagination ul>a.page-num-current { background: #319bd0 !important; color: #fff }
.pagination ul>a:hover { background: #eee }
.pagination ul>span.tj { color: #999; background-color: transparent; cursor: default; margin: 0 2px; float: left; padding: 2px 14px; border: 0; font-size: 12px }
.pagination ul>a, .pagination ul>span { margin: 0 2px; float: left; padding: 1px 14px; line-height: 22px; border: 1px solid #e5e8ed; color: #444; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.excerpt-page { padding: 10px 0; font-size: 0; text-align: center }
.navbar-right { margin-left: 5% !important; display: flex; justify-content: space-between; align-items: center; flex: 1; padding-right: 15px; }
.navbar-right:before, .navbar-right:after { display: none; }
.navbar-nav .dropdown:hover .dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.navbar-right .dropdown-menu { display: inline-block; visibility: hidden; opacity: 0; transition: all .4s; transition: all .4s ease; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; min-width: 0; background-color: #fff; right: auto; left: 50%; margin-left: -65px; width: 130px; text-align: center; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px) }
.navbar-nav .dropdown-menu:after { border-bottom: 6px solid #fff; margin-top: 1px }
.navbar-nav .dropdown-menu:before { border-bottom: 6px solid #ccc }
.navbar-nav .dropdown-menu:after, .navbar-nav .dropdown-menu:before { content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent }
.widget_ui_statistics ul { overflow: hidden; padding: 15px; color: #888; line-height: 26px }
.widget_ui_statistics li { float: left; width: 50% }
.shareBox { text-align: center; margin: 40px 0 10px; position: relative }
.shareBox p { padding-bottom: 0; margin: 0 }
.shareBox .sharebtn { width: 92px; height: 36px; line-height: 36px; border-radius: 18px; box-shadow: none; background: #fff; display: inline-block; text-align: center; margin: 0 2px; color: #f74840; font-size: 14px; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer }
.shareBox .sharebtn.zan { cursor: not-allowed }
.shareBox .like .icon-heart-filled { display: none; margin-top: -3px }
.shareBox .like.current { background-color: #f74840; color: #fff }
.shareBox .like i { vertical-align: middle; display: inline-block; margin-top: -3px; display: inline-block }
.shareBox .like.current .icon-heart-filled { display: inline-block; -webkit-animation: waver .3s linear 1; -moz-animation: waver .3s linear 1; -o-animation: waver .3s linear 1; animation: waver .3s linear 1 }
.shareBox .like.current .icon-heart { display: none }
.panel-abouts .wxgz { display: inline-block; text-align: center; margin: 0 10px; padding: 5px; border: 1px solid #836fff }
.panel-reward { position: relative; padding: 10px 0 0; display: none; margin: 15px 0; border: 1px dashed #ccc }
.panel-reward ul li { display: inline-block; margin: 0 10px 5px; padding: 5px }
.panel-reward ul .txpay { margin-left: 6px; border-color: #c99eea }
.panel-reward ul .weixinpay { margin-left: 6px; border-color: #8ae0ac; text-align: center; }
.context ul .weixinpay:before { display: none; }
.panel-abouts .wxgz img, .panel-reward ul li img { width: 150px; height: auto; margin-bottom: 0; border: 0; padding: 0; background-color: transparent !important }
.panel-abouts .wxgz img:hover, .panel-reward ul li img:hover { border: 0; padding: 0 }
.panel-abouts .wxgz b, .panel-reward ul li b { display: block; font-weight: 400; margin-top: 10px; font-size: 14px; line-height: 1.75; color: #999 }
@keyframes waver {
	0 { transform: scale(1, 1) }
	50% { transform: scale(1.5, 1.5) }
	100% { transform: scale(1, 1) }
}
@-moz-keyframes waver {
	0 { -moz-transform: scale(1, 1) }
	50% { -moz-transform: scale(1.5, 1.5) }
	100% { -moz-transform: scale(1, 1) }
}
@-webkit-keyframes waver {
	0 { -webkit-transform: scale(1, 1) }
	50% { -webkit-transform: scale(1.5, 1.5) }
	100% { -webkit-transform: scale(1, 1) }
}
@-o-keyframes waver {
	0 { -o-transform: scale(1, 1) }
	50% { -o-transform: scale(1.5, 1.5) }
	100% { -o-transform: scale(1, 1) }
}
@-webkit-keyframes rotate {
	from { -webkit-transform: rotate(0) }
	to { -webkit-transform: rotate(360deg) }
}
@-moz-keyframes rotate {
	from { -moz-transform: rotate(0) }
	to { -moz-transform: rotate(360deg) }
}
@-ms-keyframes rotate {
	from { -ms-transform: rotate(0) }
	to { -ms-transform: rotate(360deg) }
}
@-o-keyframes rotate {
	from { -o-transform: rotate(0) }
	to { -o-transform: rotate(360deg) }
}
@keyframes rotate {
	from { transform: rotate(0) }
	to { transform: rotate(360deg) }
}
.shareBox .share-btn { color: #3496e6; border-color: #3496e6 }
.shareBox .sharebtn:hover { background-color: #f74840; color: #fff }
.shareBox .publicity-btn { background-color: #378df7; color: #FFF; border-color: #378df7 }
.shareBox .publicity-btn:hover { background-color: #2c6fc1; border-color: #2c6fc1 }
.shareBox .share-btn:hover { background-color: #3496e6; color: #fff }
.shareBox .pay-author { background-color: #ec414d; color: #fff }
.shareBox .pay-author:hover { opacity: .9 }
.bdsharebuttonbox { display: none; padding: 20px 0 0; position: relative }
.panel-abouts, .panel-reward { position: relative; padding: 20px 0; display: none }
#ajaxloading, #ajaxloading1, #error, #error1 { position: relative; color: red; left: 8px; top: 8px }
#mySlide { width: 100%; margin-bottom: 10px }
.carousel-inner>.item>img { margin: 0 auto; width: 100% }
.carousel-control { margin: 0 auto }
#header { height: auto; border: navajowhite; box-shadow: 0px 5px 40px 0px rgba(17, 58, 93, 0.1) !important; }
#header .container { display: flex; align-items: center; flex-wrap: wrap; /*justify-content: space-between;*/ }
#header .container:before, #header .container:after { display: none; }
.logo img { margin-top: 0; /*height: 100%*/ }
a.highslide { border: 0 !important }
.panel .panel-header { line-height: 38px; background: #fff; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #eee solid; }
.breadcrumb { display: inline-block; margin: 0; background: #fff; padding: 0; color: #999 }
#post-box .post-title { margin-top: 15px; color: #151515; width: 100%; line-height: 1.5; font-size: 24px; font-weight: 500; padding: 0 20px; text-align: left; margin-bottom: 12px }
#post-box .post-meta-box .breadcrumb i { display: none }
#post-box .post-meta-box { padding: 2px 20px; color: #999 }
#post-box .post-meta-box a { color: #999 }
#post-box .post-meta-box>.meta-top { float: right; color: #777 }
#post-box .post-meta-box a:hover { color: #319bd0 }
#post-box .post-meta-box>.meta-top>span.comments-top:before { padding: 0 5px; color: #ccc; content: "/\00a0" }
.post-info, .post-info-m { text-align: left; color: #888; font-size: 12px; line-height: 1; padding: 0 20px }
.post-info-m { display: none }
.post-info span, .post-info-m span { margin-right: 10px }
.post-info span a, .post-info-m span a { color: #888 }
.post-info span a:hover { color: #319bd0 }
#mobile-tab-menu { display: none; margin-top: 5px; padding: 0 10px }
#mobile-tab-menu>li.current { background: #bcbcbc; color: #FFF }
#mobile-tab-menu>li:first-child { border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px }
#mobile-tab-menu>li:last-child { border-right-width: 1px; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px }
#mobile-tab-menu>li { float: left; width: 50%; text-align: center; border: 1px solid #bcbcbc; border-right-width: 0; cursor: pointer; height: 30px; line-height: 30px; color: #666 }
.log_h3 { font-size: 18px; margin: 0; padding: 20px 20px; color: #333; border-bottom: 1px solid #eee }
.tips { color: #666 }
section.context { padding: 0 20px 20px; word-wrap: break-word; min-height: 100px; font-size: 15px; line-height: 27px }
.article-content { line-height: 1.75 }
.article-content iframe { width: 100% !important; height: 593px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) }
.article-content a { color: #337ab7 }

/*.article-content a:after{content: ''; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAA/UlEQVQYV12QwWrCQBCG9yLFi2d76EVQDx576sHgbhTMA3jTPksh2STVUlBPfQkfqO8gqOzGmEKn808xiAvLkJlv//zzK2P9bvJBZKz7HecV6iF627dC675N6olvxT1SkxVD2dkESfGk41N/nJWdaEMPz1/UMImPp2sR+VGgAam7Y5JiJooMoyqTFhSmZQ/Dl09qovJv59GWlRiGMmwIGMTHbq2UugUgwPiGDXgWUL+XfTS1da88IMDXh/CMBVWYX2ho/aPOL4MpQ4BvbciCnIYsM1q6tjQZVncHiyI6iUfbcwhYlNkGPGNBgTg6MEoCX0lWBBvwXF/u/c/87g96DLwN1VorFQAAAABJRU5ErkJggg==); display: inline-block; height: 10px; margin: 0 3px 0 5px; width: 10px;}*/
.article-content video { width: 100%; height: auto; border: 1px solid #eee; vertical-align: middle; }
.article-content a:hover { text-decoration: underline }
section.context ol { padding-left: 20px }
section.context table {/*margin-top: 20px;*/ margin-bottom: 10px }
section.context table td, section.context table th { padding: 5px 10px; border: 1px solid #DDD; text-align: center; font-weight: normal; }
section.context table th { padding: 10px 10px }
section.context.context-album { padding: 15px 0 }
.context img { max-width: 728px }
.related-posts { padding: 0; margin: 0 }
.related-posts>li { margin-bottom: 10px }
.related-posts>li .related-posts-panel { margin-bottom: 0; border: 1px solid transparent; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) }
.panel.no-padding { padding: 0 }
.panel.transparent { background: 0 }
.related-posts>li .thumbnail-link { display: block; position: relative; overflow: hidden }
.related-posts>li .thumbnailimg { width: 100%; height: 138px; display: block }
.related-posts>li .related-posts-panel:hover { box-shadow: 0 0 2px #319bd0; -moz-box-shadow: 0 0 2px #319bd0 }
.related-posts>li .related-posts-panel:hover .excerpt { top: 0 }
.related-posts>li .excerpt { position: absolute; width: 100%; top: -100%; left: 0; background: rgba(0, 0, 0, .66); height: 100%; color: #FFF; padding: 8px; transition: top .2s; -webkit-transition: top .2s; -moz-transition: top .2s; -o-transition: top .2s }
.related-posts>li .bottom-box { padding: 5px; text-align: center; background: #FFF }
.related-posts>li .post-title { line-height: 13px; padding: 5px; margin: 0; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis }
.related-posts>li .post-title a { color: #666 }
.related-posts>li .post-meta>li { display: inline-block; color: #666; margin-right: 30px }
.related-posts>li .post-meta>li:last-child { margin-right: 0 }
.related-posts>li .post-meta>li a { color: #666 }
.post-title { text-align: center }
.post-meta { padding: 0 }
.date-abb a { font-size: 12px }
.context pre { margin: 0 0 15px; border-radius: 2px; padding: 10px 20px; line-height: 20px }
.context h1 { font-size: 22px; line-height: 32px; margin: 0 -15px 10px; padding: 0 15px; background: #fafafa }
.context h2 {/*font-weight: bold;*/ /*font-size: 20px;*/ margin-bottom: 20px; margin-top: 20px; color: #454545; line-height: 1.1; display: inline-block; background: -webkit-gradient(linear, left bottom, left top, color-stop(26%, rgba(49, 155, 208, .7)), color-stop(26%, transparent)); background: -o-linear-gradient(bottom, rgba(49, 155, 208, .7) 26%, transparent 26% 100%); background: linear-gradient(to top, rgba(49, 155, 208, .7) 26%, transparent 26% 100%); font-weight: bold; font-size: 20px; }

/*.context h3{font-size: 18px;}*/

/*.context h2::before{content: '#'; margin-right: 10px; color: #319bd0;}*/
.context ul { padding: 0; /*padding-bottom: 20px;*/ list-style-type: none !important; }
.context ul li { position: relative; padding-left: 20px; text-align: left; }
.context ul li:before { position: absolute; left: -2px; padding-right: 8px; color: #319BD0; content: "●"; line-height: 26px; }

/*.context p{margin-bottom: 15px}*/
.article-content>h2:first-child, .article-content>h3:first-child { margin-top: 0 }
.context h4 { font-size: 16px; line-height: 26px; margin: 0 -15px 10px; padding: 0 15px; background: #fafafa }
.context h5 { font-size: 14px; line-height: 24px; margin: 0 -15px 10px; padding: 0 15px; background: #fafafa }
.context h6 { line-height: 22px; margin: 0 -15px 10px; padding: 0 15px; background: #fafafa }
.context img { max-width: 100%; height: auto; border: 1px solid #eee; margin-bottom: 15px; padding: 2px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition-property: border-color, box-shadow; -webkit-transition-property: border-color, box-shadow; -moz-transition-property: border-color, box-shadow; -o-transition-property: border-color, box-shadow }
.context s, .jiaru s { color: #999; font-weight: normal; }
.navbar-form .input-group>.search-texts { float: right; width: 100% }
.action-share { position: relative; margin: 30px 0; color: #666; text-align: center }
.bdsharebuttonbox.bdshare-button-style0-24 a { position: relative; float: none; display: inline-block; margin: 0 2px }
.bdsharebuttonbox.bdshare-button-style0-24 span { position: relative; vertical-align: top }
.bdsharebuttonbox.bdshare-button-style0-24 .bds_count { margin: 0; color: #666 }
.bdsharebuttonbox.bdshare-button-style0-24 a.bds_more { color: #666; font-size: 14px }
.action-like.zan { color: #319bd0 }
.u-share-container { text-align: center; font-size: 0 }
.u-share-container li { display: inline-block; width: 50px; height: 50px; box-sizing: border-box; border: 2px solid #e8e9e7; border-radius: 50%; margin: 0 10px; opacity: .5; transition: opacity .36s linear; cursor: pointer; position: relative }
.u-share-container li:before { content: ''; width: 30px; height: 30px; background: url(/skin/images/share.png) no-repeat; background-size: 30px 150px; display: block; margin: 8px; transition: transform .3s linear }
.u-share-container li:hover { opacity: 1 }
.u-share-container li:first-child { margin-left: 0 }
.u-share-container li:last-child { margin-right: 0 }
.u-share-container li.s-weibo { border-color: #ff7171 }
.u-share-container li.s-weixin { border-color: #5ac64f }
.u-share-container li.s-qzone { border-color: #fbb611 }
.u-share-container li.s-note { border-color: #7ba2e8 }
.u-share-container li.s-weibo:before { background-position: 0 -60px }
.u-share-container li.s-weixin:before { background-position: 0 0 }
.u-share-container li.s-qzone:before { background-position: 0 -30px }
.u-share-container li.s-note:before { background-position: 0 -90px }
.layer-share-weixin { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 19900206; text-align: center }
.layer-share-weixin .inner, .layer-share-weixin:after { display: inline-block; vertical-align: middle }
.layer-share-weixin:after { content: ''; height: 100% }
.layer-share-weixin .inner { width: 260px; padding: 15px; background-color: #fff; overflow: hidden; text-align: left; color: #787977; line-height: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .2) }
.layer-share-weixin .inner h6 { font-size: 14px; font-weight: 400; position: relative; color: #484947 }
.layer-share-weixin .inner h6 .close { font-weight: 700; position: absolute; right: 0; padding: 2px 5px; background-color: #e8e9e7; line-height: 16px; transition: all .3s }
.layer-share-weixin .inner h6 .close:hover { background-color: #6bc30d; color: #fff }
.layer-share-weixin .inner img { display: block; width: 174px; height: 174px; margin: 15px auto }
.unit-blur #PB { -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false)\9 }
.grid-weibo-show header { height: 90px; background: url(/skin/images/weibo.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden }
.widget_ui_blogger .panel { padding: 0 }
.fly_weibo { padding: 0 }
#weiboShow { background-color: rgba(255, 255, 255, 0.81); min-height: 110px; padding: 0 }
.grid-weibo-show { background-color: rgba(255, 255, 255, 0.81) }
.grid-weibo-show .contentt { padding: 20px 20px 5px; }
.grid-weibo-show .avatar { box-shadow: none; width: 80px; height: 80px; padding: 5px; background-color: rgba(255, 255, 255, .3); border-radius: 100%; margin: -5px auto 0 auto; position: relative; z-index: 2; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }
.grid-weibo-show .avatar img { width: 70px; height: 70px; border-radius: 100% }
.grid-weibo-show h4 { line-height: 26px; margin: 10px 0 8px; font-size: 16px; text-align: center; line-height: 1 }
.grid-weibo-show h4 span { position: absolute; display: inline-block; margin-left: 8px; background: #13b755; color: #fff; border-radius: 3px; font-size: 12px; padding: 3px 5px; font-weight: normal; margin-top: -2px; }
.grid-weibo-show .seta { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.grid-weibo-show .f-tdn { padding: 8px; text-align: center }
.grid-weibo-show .u-btn-submit { display: block; margin: 10px auto; width: 70%; border: 1px solid #319bd0; background: #319bd0; color: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.grid-weibo-show footer { border-top: 1px solid #e5e5e5; margin-top: 15px; padding-top: 5px; }
.grid-weibo-show footer li { display: inline-block; width: 23%; padding: 5px 0; text-align: center; font-size: 14px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box }
.grid-weibo-show footer li span, .grid-weibo-show footer li strong { margin: 0 auto }
.grid-weibo-show li strong { font-family: Georgia; font-weight: 400; font-size: 15px; margin-top: -2px !important }
.widget_ui_blogger { padding-left: 0; padding-right: 0 }
.widget_calendar { overflow: hidden; padding: 15px }
#calendar_wrap { margin: 0 0 10px }
.widget_calendar table { width: 100%; text-align: center }
.widget_calendar table caption { margin-bottom: 5px; font-size: 18px; text-align: center }
.widget_calendar table thead th { background-color: #fbfbfb; text-align: center }
.widget_calendar table tbody td, .widget_calendar table tfoot td, .widget_calendar table thead th { padding: 5px 3px; border: 1px solid #eee }
.widget_calendar #calendar #today { background: url(/skin/images/calendar.gif) no-repeat center center; color: #454545 }
.widget { position: relative; clear: both; overflow: hidden; margin-bottom: 20px; background: #fff; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) }
.widget .panel-header h3, .widget .widget-title h3 { position: relative; margin: 0; margin-top: 10px; padding: 10px 15px 10px 25px; color: #333; font-size: 18px;margin-bottom: 6px; }
.widget .intro-title h3 { padding: 13px 15px 2px 0; }
.xg_list .widget h3 { position: relative; margin: 0; padding: 13px 15px 2px; color: #333; font-size: 16px padding:12px 20px 12px }
span.icon { float: left; padding: 12px 8px 0 15px; min-width: 15px; display: none }
.widget_ui_tags .items { overflow: hidden; padding: 5px 15px 12px 15px; display: flex; flex-wrap: wrap }
.widget_ui_tags .items a { flex-grow: 1; overflow: hidden; margin-right: 7px; height: 28px; font-size: 13px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; background: #f1f1f1; padding: 0 10px; line-height: 28px; margin-bottom: 7px; border-radius: 2px; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.widget_ui_tags .items a:hover { color: #fff; background: #319bd0 }
.widget_ui_tags .items-4 a { width: 33.3333% }
.widget_ui_gg .items, .widget_ui_share .items { overflow: hidden; padding: 12px 15px 12px 15px; display: flex; flex-wrap: wrap }
.widget_ui_share .items-intro { line-height: 1.75; }
.widget_ui_gg .items { padding: 0; }
.widget_ui_gg .items a, .widget_ui_share .items a { float: left; overflow: hidden; width: 25%; height: 28px; font-size: 14px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px }
.widget_ui_sort ul.row.sort-ul { list-style: none; padding: 0; margin: 10px }
.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li { margin: 0; padding: 0 }
.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a { background-color: #fbfbfb; border: 1px solid #eaeaea; color: #666; float: left; font-size: 14px; height: 37px; line-height: 33px; text-align: center; width: 100% }
.widget_archive ul.row.gd-sort { overflow: hidden; padding: 5px 0 5px 25px }
.widget_archive ul.row.gd-sort li.gd-sort-li { float: left; overflow: hidden; margin: 0 1% 1% 0; width: 46%; height: 29px; background-color: #f6f6f6; color: #999; line-height: 29px; text-align: center }
.sidebar-posts-list { padding: 0 0 15px }
.sidebar-posts-list>li { padding: 4px 8px 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.xg_list .sidebar-posts-list>li { padding: 4px 20px 4px; text-overflow: unset; white-space: normal; overflow: visible; }
.xg_list .sidebar-posts-list>li p { color: #999; }
.sidebar-posts-list>li .thumbnail-link { display: block; float: left }
.sidebar-posts-list>li.thumbnail .right-box { padding-left: 60px }
.sidebar-posts-list>li .side-title { font-size: 14px; margin-left: 75px; margin-top: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 9px; font-weight: normal }
.xg_list .sidebar-posts-list>li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 70%; }
.link-li>a:hover, .sidebar-posts-list>li .side-title-r>a:hover, .sidebar-posts-list>li .side-title>a:hover, .sidebar-posts-list>li>a:hover { color: #319bd0 }
.sidebar-posts-list li span:before { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; margin-right: 6px; margin-left: 6px; border-radius: 3px; -webkit-border-radius: 3px }
.sidebar-posts-list li:nth-of-type(1) span:before { content: '1'; background: #e71555; color: #fff }
.sidebar-posts-list li:nth-of-type(2) span:before { content: '2'; background: #16d083; color: #fff }
.sidebar-posts-list li:nth-of-type(3) span:before { content: '3'; background: #ff6700; color: #fff }
.sidebar-posts-list li:nth-of-type(4) span:before { content: '4'; background: #857479; color: #fff }
.sidebar-posts-list li:nth-of-type(5) span:before { content: '5'; background: #857479; color: #fff }
.sidebar-posts-list li:nth-of-type(6) span:before { content: '6'; background: #857479; color: #fff }
.sidebar-posts-list li:nth-of-type(7) span:before { content: '7'; background: #857479; color: #fff }
.sidebar-posts-list li:nth-of-type(8) span:before { content: '8'; background: #857479; color: #fff }
.sidebar-posts-list li:nth-of-type(9) span:before { content: '9'; background: #857479; color: #fff }
.sidebar-posts-list li:nth-of-type(10) span:before { content: '10'; background: #857479; color: #fff }
.sidebar-posts-list li:nth-of-type(11) span:before { content: '11'; background: #857479; color: #fff }
.sidebar-posts-list li:nth-of-type(12) span:before { content: '12'; background: #857479; color: #fff }
.sidebar-posts-list>li .side-meta { white-space: nowrap; overflow: hidden; margin-left: 75px }
.sidebar-posts-list>li .side-meta>li { display: inline; margin-right: 14px; color: #a2a2a2; cursor: pointer; font-size: 12px }
.sidebar-posts-list>li .side-meta>li:last-child { margin-right: 0 }
.sidebar-posts-list>li .side-meta>li a { color: #a2a2a2 }
.thumbnailside { display: block; margin-left: 5px; margin-right: 10px; line-height: 1.42857143; background-color: #fff; border: 1px solid #e5e8ed; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out }
.sidebar-posts-list>li .side-title-r { font-size: 15px; padding: 0 10px }
.sidebar-posts-list>li .side-meta-r { white-space: nowrap; overflow: hidden }
.sidebar-posts-list>li .side-meta-r>li { display: inline; margin-right: 14px; color: #a2a2a2; cursor: pointer }
.sidebar-posts-list>li .side-meta-r>li:last-child { margin-right: 0 }
.sidebar-posts-list>li .side-meta-r>li a { color: #a2a2a2 }
.sidebar-randlog-list { overflow: hidden; padding: 10px; list-style: none }
.sidebar-randlog-list>li { border-bottom: solid 1px #f0f0f0; border-right: 1px solid #f0f0f0; position: relative; width: 50%; float: left; padding: 5px }
.sidebar-randlog-list>li a { position: relative; display: block; width: 100%; overflow: hidden; color: #fff }
img.thumbs { height: 102px; background-color: #fafafa }
span.text { position: absolute; top: 0; width: 100%; height: 100%; font-size: 14px; line-height: 1.5; padding: 10px; z-index: 2; display: none; background: #000; background: rgba(0, 0, 0, .5); filter: alpha(opacity=50) }
.loading, .loading1 { display: none }
.loading { height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: rgba(250, 250, 250, .1) }
.loading1 { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001 }
.loading .block:nth-child(1) { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite }
.loading .block:nth-child(2) { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite }
.loading .block:nth-child(3) { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1); transition: all .7s .3s cubic-bezier(.645, .045, .355, 1) }
.loading .block:nth-child(4) { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1); transition: all .7s .3s cubic-bezier(.645, .045, .355, 1) }
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) }
	100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes spin {
	0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) }
	100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
}
.sidebar-randlog-list>li>a:hover span.text { display: block }
.thumbnails { margin: 0; padding: 0; border: 0; background-color: #fafafa }
.avatar .author-ident { display: inline-block; background-image: url(/skin/images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -50px; position: absolute; bottom: 5px; right: 5px }
.avatar .author-idents { display: inline-block; background-image: url(/skin/images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -50px; position: absolute; bottom: 5px; right: 5px }
.avatar .author-identw { display: inline-block; background-image: url(/skin/images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -75px; position: absolute; bottom: 5px; right: 5px }
.author-social { text-align: center; padding: 0 }
.author-social .author-blog { background-color: #ff7259 }
.author-social .author-weibo { background-color: #319bd0 }
.author-social span { display: inline-block; margin: 0 5px; border-radius: 2px }
.author-social span a { padding: 5px 12px; font-size: 14px; color: #fff; display: inline-block }
.author-social span a i { margin-right: 5px }
.author-social span a:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) }
.focusmo { overflow: hidden; margin-bottom: 15px; border-radius: 10px }
.focusmo ul { list-style: none; margin: 0; padding-left: 50% }
.focusmo li.large { width: 100%; float: left; margin-left: -100% }
.focusmo li { width: 50%; float: left }
.focusmo li.large a { height: 256px; margin-left: 0 }
.focusmo img { width: 100%; height: 100% }
.focusmo li.large { width: 100%; float: left; margin-left: -100% }
.focusmo .large h4 { font-size: 16px; line-height: 34px }
.focusmo h4 { position: absolute; bottom: 0; left: 0; right: 0; padding: 4px 10px 0; height: 41px; overflow: hidden; background-color: #656565; background-color: rgba(0, 0, 0, .7); color: #fff; margin: 0; line-height: 17px }
.focusmo a { margin-left: 10px; display: block; overflow: hidden; height: 128px; position: relative }
.focusmo a:hover h4 { background-color: #319bd0; opacity: .8 }
.link-li { color: #666; padding: 3px 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.list-unstyled.souul { margin: 1px }
.form-control.search.soutext { background: url(/skin/images/search.png) no-repeat 5px 8px; padding-left: 25px; opacity: .8; color: #666 }
.btn.btn-default.soubtn { color: #888 }
.widget-zdy { color: #666 }
.panel-comments { background: #FFF; margin-bottom: 15px; padding: 1px 20px 5px; position: relative }
.panel-comments .panel-header { line-height: 38px; background: #FFF; background: #fafafa; margin: -10px -20px 10px }
.panel-comments .panel-header .right { float: right; color: #999; display: inline-block; padding-right: 20px; margin-top: -38px }
.widget_recent_comments li { border: 1px solid #FFF; border-bottom-color: #e6e6eb }
.widget_recent_comments li>a { padding: 9px; display: block; margin-bottom: -8px }
.widget_recent_comments li img.avatar { float: left; width: 36px; height: 36px; margin-top: 1px; box-shadow: 0 1px 3px rgba(34, 25, 25, .6); border: 1px #fff solid; border-radius: 34px }
.widget_recent_comments .show-avatars li .right-box { padding-left: 48px }
.widget_recent_comments li .comment-text { color: #999; position: relative; display: inline-block; padding: 6px 1px 6px 10px; width: 100%; border: solid #dfdfdf 1px; word-wrap: break-word; background: #fcfcfc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 18px }
.widget_recent_comments li .comment-text:before { content: ""; position: absolute; background: url(/skin/images/bg_msg2.gif) -12px -10px no-repeat; width: 7px; height: 11px; position: absolute; top: 12px; left: -7px; display: block }
.widget_recent_comments li .comment-text img { width: 18px; height: 18px; margin-top: -3px }
.widget_recent_comments li .comment-text small { color: #00a9ee }
.widget_recent_comments .show-avatars li .right-box>blockquote { padding: 0; margin: 0; border: 0 }
i.comment-reply-link { visibility: hidden; opacity: 0; font-style: inherit; color: #639dcb; transition: all .5s; transition: all .2s ease; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; float: right }
li.widget.widget_links ul { margin: 10px }
.author a { color: #ff9088; font-size: 12px }
.author { color: #319bd0; font-size: 12px }
.author a:hover { color: #319bd0 }
.authors a { font-size: 12px }
#reply-title { font-size: 14px }
#cancel-reply { float: right }
#cancel-reply a { color: #ff9088; font-size: 12px }
.comments-list-nav span { list-style: none; background: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, .2); line-height: 24px; width: 24px; color: #fff; background: #319bd0; text-align: center; display: block; display: inline-block }
.page-navi .current, .page-navi .pages, .page-navi a { list-style: none; background: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, .2); line-height: 24px; width: 24px; color: #319bd0; text-align: center; text-decoration: none; display: inline-block }
.page-navi .current, .page-navi a:hover { background: #319bd0; border-color: #319bd0; color: #FFF }
.page-navi>:first-child { margin-left: 0 }
.page-navi>:last-child { margin-right: 0 }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #319bd0; border-color: #319bd0 }
#cancel-reply a:hover, i.comment-reply-link:hover { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6 }
.pagination>li>a, .pagination>li>span { color: #319bd0 }
.comments-list #respond { padding: 0 5px }
.comments-list>li { position: relative; margin: 0 0 10px 0; padding: 1px 10px 10px 10px; border-bottom: 1px #ddd solid; list-style: none }
.comments-list li>.comment-box:after { content: ''; display: block; height: 0; clear: both }
.comments-list li>.comment-box .avatar { float: left; margin-top: 2px; display: block; width: 58px; height: 58px; padding: 3px; border: 1px solid #eee; border-radius: 50px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s }
.comments-list li>.comment-box .avatar:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
.comments-list.show-avatars li>.comment-box>.right-box { padding-left: 68px }
.comments-list li .right-box>.comment-meta { display: block; line-height: 20px; margin-top: 5px }
.comments-list li .right-box>.comment-meta .author { font-weight: 700; font-size: 14px }
.comment .comment-box>.time, .comments-list li .right-box>.time { font-size: 12px; color: #999 }
.comments-list li .right-box>.comment-meta .edit-link a, .comments-list li .right-box>.comment-meta .reply a { color: #319bd0 }
.comments-list.show-avatars li>.comment-box>.right-box:hover .comment-reply-link { visibility: visible; opacity: 1 }
.comments-list li .right-box>p, .comments-list li .right-box>.des { color: #666; line-height: 20px; margin: 2px 0 }
.comments-list li .right-box>.waiting { color: #319bd0 }
.comments-list li>.children { margin-left: 15px; margin-top: 10px }
.comments-list li>.children>li { margin-bottom: -10px; border-top: 1px dashed #ddd; padding-top: 5px; padding-left: 5px; list-style: none; padding-bottom: 10px }
.comments-list-nav { text-align: center }
.sign1 { margin-left: 8px }
#respond .comment-reply-title { font-size: 16px; color: #333; margin-bottom: 15px }
#respond .comment-reply-title span { display: none }
#respond .comment-reply-title:after { content: ''; display: block; height: 0; clear: both }
#respond .comment-reply-title>a { text-decoration: underline; padding: 0 2px }
#respond .comment-reply-title small { float: right }
#respond .comment-reply-title small a { color: #999 }
#respond .comment-reply-title small a:hover { color: #888 }
#commentform:after { content: ''; display: block; height: 0; clear: both }
#commentform .logged-in-as a { text-decoration: underline; padding: 0 2px }
#commentform p:hover label { color: #888 }
#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-qq, #commentform .comment-form-url { padding: 0 0 0 10px; margin: 5px 0 }
#commentform .comment-form-comment { clear: both; margin-bottom: 10px }
#commentform .form-submit { float: right }
#commentform .cai, #commentform .daka, #commentform .zan { margin-left: 5px }
#commentform .daka .dakas { top: 2px }
#commentform .cai, #commentform .comment-form-smiley, #commentform .daka, #commentform .zan { display: block; float: left; line-height: 26px; font-size: 16px; background: #929292; color: #FFF; width: 26px; border-radius: 100%; -moz-border-radius: 100%; text-align: center; position: relative; margin-top: 5px }
#commentform .comment-form-smiley .button { line-height: 26px; color: #FFF }
#commentform .comment-form-smiley .smiley-box { position: absolute; left: 0; bottom: 30px; width: 281px; background: #fafafa; border: solid #e6e6eb; border-width: 1px 0 0 1px; overflow: hidden }
#commentform .comment-form-smiley .smiley-box>a { display: block; width: 40px; float: left; height: 40px; line-height: 40px; border: solid #e6e6eb; border-width: 0 1px 1px 0 }
#commentform .comment-form-smiley .smiley-box>a:hover { background: #f0f0f5 }
#commentform .comment-form-smiley .smiley-box:before { content: ''; position: absolute; width: 100%; height: 1px; background: #e6e6eb; bottom: 0; left: 0 }
#commentform .comment-form-smiley .smiley-box:after { content: ''; position: absolute; width: 1px; height: 100%; background: #e6e6eb; top: 0; right: 0; clear: both }
#commentform p label { display: block; color: #999 }
#commentform .flex-box-2 .form-control { width: 49.5%; float: left }
#commentform #comment_content { height: 126px; resize: vertical; display: block; width: 100% }
#commentform #comment_content:focus { background: #fafafa }
.comment-box .right-box blockquote { padding: 1px 5px; margin: 0; font-size: 14px; color: #ff9088; border-left: 3px solid #0C0 }
.comments-list.show-avatars li>.comment-box>.right-box>p>img { margin: 2px; margin-top: -3px }
.comments-list.show-avatars li>.comment-box>.right-box>p { margin-bottom: 0; overflow: hidden }
span.useragent { position: absolute; margin-left: 5px; color: #999; font-size: 12px }
span.dot { color: #999 }
span.useragent img { vertical-align: -2px; width: 14px; height: 14px }
span.ajaximgcode { top: 3px; position: relative; margin-right: 5px; padding: 6px; font-size: 14px; color: #ff9088; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
span.ajaximgcode>.input { font-size: 14px; color: #ff9088; border: 0; width: 21% }
span.ajaximgcode>img { margin-top: -3px }
.admin { position: relative; top: -2px }
.vip1, .vip2, .vip3, .vip4, .vip5, .vip6, .vip7, .vip8 { position: relative; display: inline-block; width: 35px; height: 16px; border: 1px solid #c7c7c7; background: #dfdfdf; vertical-align: middle; text-align: center }
.level { position: absolute; top: -4px; left: 6px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); font-style: normal; font-size: 10px }
.comment-body-children .level { top: -4px }
.vip .pro { width: 1.5%; background: #000 }
.vip1 .pro { width: 12.5%; background: #48a8c0 }
.vip2 .pro { width: 25%; background: #1b6dff }
.vip3 .pro { width: 37.5%; background: #d664c9 }
.vip4 .pro { width: 50%; background: #bb915c }
.vip5 .pro { width: 62.5%; background: #5cbb6b }
.vip6 .pro { width: 75%; background: #5c86bb }
.vip7 .pro { width: 87.5%; background: #bb5c5c }
.vip8 .pro { width: 100%; background: #493f3f }
.vip1 .pro, .vip2 .pro, .vip3 .pro, .vip4 .pro, .vip5 .pro, .vip6 .pro, .vip7 .pro, .vip8 .pro { position: absolute; display: block; height: 14px; background-image: linear-gradient(to top left, transparent, transparent 25%, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, .15) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .15) 75%, rgba(255, 255, 255, .15)); background-size: 16px 16px }
.vip1:hover .pro, .vip2:hover .pro, .vip3:hover .pro, .vip4:hover .pro, .vip5:hover .pro, .vip6:hover .pro, .vip7:hover .pro, .vip8:hover .pro { animation: progress .6s linear infinite; -webkit-animation: progress .6s linear infinite }
.panel-sort { box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); border-radius: 3px; }
.container-tw { background-color: #fff; padding: 10px 20px; border: 1px solid #eaeaea }
.title-tw { margin: 10px -20px 10px -21px; background: #fafafa; padding-left: 10px; height: 30px; line-height: 30px; border-left: 3px solid #319bd0; color: #333; font-weight: 700; font-size: 18px }
.tw-lie { margin-top: -20px; margin-bottom: 15px; padding: 10px 0 1px; border-bottom: 1px dashed #ddd; color: #aaa; font-style: normal; font-size: 13px }
.tw, .tw li .atitle { position: relative }
.tw li { display: block; padding: 12px 0 }
.tw li:hover .atitle:after { background: #319bd0 }
.tw li .atitle { display: inline-block; padding: 0 15px }
.tw:before { position: absolute; left: 86px; width: 4px; height: 100%; background: #eee; content: "" }
.tw .time1 { float: left; display: block; margin: 8px 0 0 -15px; width: 82px; height: 40px; text-align: right; font-size: 12px }
.tw-content em { position: absolute; top: 12px; left: -8px; border-color: transparent #eee transparent transparent; border-style: solid; border-width: 8px 8px 8px 0; -webkit-transition-duration: .3s }
.tw li:hover .tw-content:after { background: #319bd0 }
.tw li:hover .time1 { border-color: #319bd0; color: #319bd0; -webkit-animation: fgxs infinite 5s linear; animation: fgxs infinite 5s linear }
.tw li:hover .tw-content { color: #319bd0 }
.tw-content { position: relative; margin-left: 105px; padding: 20px 20px 20px 30px; background-color: #eee; color: #333; font-size: 14px }
.tw .plus { position: absolute; left: 75px; width: 29px; background: url(/skin/images/timeline.png) 0 -35px; height: 10px; top: 0 }
.tw .plus2, .tw li em1 { position: absolute; left: 83px }
.tw .plus2 { width: 10px; bottom: 0; background: url(/skin/images/timeline.png) -29px -26px; height: 10px }
.tw li em1 { display: block; margin-top: 8px; width: 12px; height: 18px; background: url(/skin/images/timeline.png) -36px 0 }
.status-wall-meta { display: none; text-align: right }
.status-wall-meta span { padding: 2px 5px; border-radius: 3px; background-color: #fff; color: #777; font-size: 12px }
.page-tw { text-align: center }
.page-tw a { color: #319bd0 }
.page-tw span { color: #fff }
.page-tw a { background-color: #fff; border: 1px solid #eee; padding: 3px 8px }
.page-tw span { background-color: #319bd0; border: 1px solid #eee; padding: 3px 8px }
.page-tw a:focus, .page-tw a:hover { background-color: #319bd0; border: 1px solid #eee; color: #fff }
#album { overflow: hidden }
#album .new { display: none }
#album .new:hover { box-shadow: none }
#album li { float: left; padding: 9px }
#album li p.cover { overflow: hidden; padding: 5px; width: 170px; height: 110px; border: 1px solid #FFF; background-color: #fff; background-color: #fff; box-shadow: 0 0 2px #000 }
#album li p:hover { box-shadow: 0 0 10px #0c0 }
#album li p.cover a { display: block; width: 160px; height: 98px; background-position: 50% 50%; background-repeat: no-repeat }
#album li p.title { display: block; margin: 10px auto; padding: 5px; width: 170px; height: auto; border: 1px solid #FFF; border-radius: 3px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; box-shadow: 0 0 2px #000; text-align: center }
#album li p.title:hover { box-shadow: 0 0 10px #0c0 }
#album li p.title a { color: #333; text-align: center; font-size: 12px }
#photolist { position: relative }
#photolist .cell { position: absolute; visibility: hidden; width: 190px; border: solid #ddd 1px; background: #fff; box-shadow: 1px 1px 1px #ddd; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -ms-transition: .5s }
#photolist .cell:hover { box-shadow: 0 0 10px #0c0 }
#photolist .cell a { color: #000 }
#photolist img { margin-bottom: -2px; width: 175px; border: 0; border-radius: 10px }
#album li p.cover a, #album li p.title a, .context>.box>.pic>a { border: 0 }
.context>.box>.pic>a>img { border: 0; padding: 0 }
section.context>.fbtn { width: 139px }
.couer_tu ul { float: left; background: 0 }
.couer_tu ul li { float: left; background-color: #f9f9f9; padding: 5px; margin: 0 0 30px 30px; border: 1px solid #eaeaea; position: relative; overflow: hidden }
.couer_tu ul li:nth-child(6n) { margin-right: 0 }
.couer_tu li .img { float: left; width: 155px; height: 115px; position: relative; overflow: hidden; margin: 0 }
.couer_tu li .img img { min-height: 100%; width: 100%; transition: all .3s ease-in-out 0s }
.couer_tu li .img img:hover { transition: all .3s ease-in-out 0s; transform: scale(1.1) }
.couer_tu li .img .bg { width: 208px; height: 25px; position: absolute; bottom: 0; left: 0; background: none repeat scroll 0 0 #8aa653; opacity: .7; z-couer: 1 }
.couer_tu li .img .views { height: 25px; line-height: 25px; padding: 0 5px; bottom: 0; left: 0; position: absolute; z-couer: 2; color: #fff; font-family: "宋体" }
.couer_tu li .views a { color: #fff }
.couer_tu li .tit { text-align: center; clear: both; font-size: 14px; line-height: 30px; height: 30px; width: 148px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.photo_tu ul li { float: left; background: none repeat scroll 0 0 #f9f9f9; width: 160px; margin: 0 0 30px 30px; border: 1px solid #eaeaea; position: relative; overflow: hidden }
.photo_tu ul li:nth-child(6n) { margin-right: 0 }
.photo_tu li .img { width: 158px; height: 115px; position: relative; overflow: hidden; margin: 0 }
.photo_tu li .img img { min-height: 100%; width: 175px; height: 115px; transition: all .3s ease-in-out 0s; margin: 0 }
.photo_tu li .img img:hover { transition: all .3s ease-in-out 0s; transform: scale(1.1) }
.photo_tu li .img .bg { width: 208px; height: 25px; position: absolute; bottom: 0; left: 0; background: none repeat scroll 0 0 #8aa653; opacity: .7; z-photo: 1 }
.photo_tu li .img .views { height: 25px; line-height: 25px; padding: 0 5px; bottom: 0; left: 0; position: absolute; z-photo: 2; color: #fff; font-family: "宋体" }
.photo_tu li .views a { color: #fff }
.photo_tu li .tit { background-color: #f9f9f9; text-align: center; clear: both; font-size: 14px; width: 158px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.photo_tu ul { float: left; background: 0 }
.page a, .page span { display: inline !important }
.pagenav .current, .pagenav .page-numbers, .pagenav a, .pagenav em, .pagenav span { font-size: 14px; padding: 3px 14px 3px 13px !important }
.single { overflow: hidden !important }
.logtop h3 { font-weight: 700; margin: 10px 0; background-color: #f6f6f6; border-left: 5px solid #319bd0 }
.logtop h4 { font-weight: 700; margin: 10px 0; padding: 5px 15px; background-color: #f6f6f6; border-left: 5px solid #9461e6; width: 100px }
.logtop h4.dz { border-left: 5px solid #5ddb4f }
.mv4 h4 { font-weight: 700; margin: 10px 0; padding: 10px; background-color: #f6f6f6; border-left: 10px solid #61b3e6 }
.logtop a { text-decoration: none }
.logtop p { font-size: 14px !important; line-height: 1em !important; color: rgba(0, 0, 0, .8); margin-bottom: 18px !important; letter-spacing: 1px }
.logtop { position: relative }
.logtop dt { float: left }
.logtop dt img { width: 180px; height: 240px; margin-right: 20px }
.logtop dd { display: inline-block; height: 255px; min-width: 200px }
.logtop dd p { font-size: 14px !important; color: rgba(0, 0, 0, .4) !important; line-height: 1.5em !important }
.logtop dl p { font-size: 14px !important; color: rgba(0, 0, 0, .4) !important; line-height: 1.4em !important }
.logtop dd p a:hover, .logtop dl p a:hover { text-decoration: none }
.logtop dd p .fcolor { border-bottom: 0; color: #fff; padding: 1px 5px 2px 1px; margin-right: 3px }
.logtop dd p .fcolor:nth-child(6n+1) { background-color: #e88b88 }
.logtop dd p .fcolor:nth-child(6n+2) { background-color: #71de71 }
.logtop dd p .fcolor:nth-child(6n+3) { background-color: #71d2ef }
.logtop dd p .fcolor:nth-child(6n+4) { background-color: #f3c585 }
.logtop dd p .fcolor:nth-child(6n+5) { background-color: #9bcbf5 }
.logtop dl p .spbut { border: 1px solid #319bd0; line-height: 28px; color: #319bd0; width: 90px; height: 35px; line-height: 35px; box-shadow: none; background: #fff; display: inline-block; text-align: center; margin: 2px auto; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.logtop dl p .spbut:hover { border: 1px solid #319bd0; color: #fff; background-color: #319bd0 }
.context .fanhui a { border: 1px solid #242424; line-height: 28px; color: #242424; width: 60px; height: 30px; line-height: 30px; box-shadow: none; background: #fff; display: inline-block; text-align: center; margin: 2px auto; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.context .fanhui a:hover { border: 1px solid #242424; color: #fff; background-color: #242424 }
.blogroll { clear: both; overflow: hidden }
.linkli { margin-top: 5px }
.linkli a { display: block; overflow: hidden; text-align: center; height: 38px; border: 1px solid #eaeaea !important; line-height: 38px }
.linkli img { margin-top: 5px; width: 20px; height: 20px; border: 0 }
.linkli a:hover { border-color: #45b6f7; color: #45b6f7 }
.archives ul { margin-left: 30px; overflow: hidden }
.archives-title { border-bottom: 1px #eee solid; position: relative; padding-bottom: 4px; margin-bottom: 10px }
.archives li a { color: #606060; padding: 8px 0; border-bottom: 0; display: block }
.archives li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.archives li.goodwork a { color: #ec4048 }
.archives li a:hover .atitle:after { background: #54e25f }
.archives li a span { display: inline-block; width: 90px; text-indent: 20px }
.archives li a .atitle { display: inline-block; padding: 0 28px; position: relative; white-space: nowrap; width: calc(100% - 180px) }
.archives li a .atitle:after { position: absolute; left: 4px; background: #ccc; height: 8px; width: 8px; border-radius: 6px; top: 8px; content: "" }
.archives li a .atitle:before { position: absolute; left: 2px; background: #fff; height: 12px; width: 12px; border-radius: 6px; top: 6px; content: ""; box-shadow: inset 0 0 2px #3fd435 }
.archives { position: relative; padding: 10px 0 }
.archives:before { height: 100%; width: 4px; background: #eee; position: absolute; left: 126px; content: ""; top: 0 }
.archives h4 { position: relative; margin: 10px 0; cursor: pointer; font-size: 18px; width: 200px; border: 0; background: transparent; color: #333 }
.archives h4:hover:after { background: #54e25f }
.archives h4:before { position: absolute; left: 119px; background: #fff; height: 18px; width: 18px; border-radius: 9px; top: 3px; content: ""; box-shadow: inset 0 0 4px #3fd435 }
.archives h4:after { position: absolute; left: 122px; background: #ccc; height: 12px; width: 12px; border-radius: 6px; top: 6px; content: "" }
.toggler { margin-left: 20px; font-size: 14px; color: #ec4048 }
.avatar .overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, .4); overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; opacity: 0; box-shadow: 0 0 5px 1px #ddd }
.avatar:hover .overlay { opacity: 1 }
.avatar .overlay a.expand { position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; text-align: center; color: rgba(255, 255, 255, .9); line-height: 60px; font-size: 19px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.avatar:hover .overlay a.expand { width: 60px; height: 60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px }
img.thumb:hover { transition: All .7s ease; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3) }
img.thumb { -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear }
.excerpt-list { margin-left: 0; margin-right: 0; background: #fff; margin-bottom: 15px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) }
.col-list { overflow: hidden; height: 100px; padding-left: 0; padding-right: 0 }
.indexebox { text-align: center; padding: 10px; border-right: 1px dashed #eee; transition: .2s; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.indexebox:active .btn-sm, .indexebox:hover .btn-sm { margin-top: -5px }
.indexebox:active, .indexebox:hover { -webkit-transform: translateY(-33px); -ms-transform: translateY(-33px); -o-transform: translateY(-33px); transform: translateY(-33px) }
.indexebox-6 { border-right: 0 }
.indexebox h4 { font-size: 14px; color: #444; margin: 11px 0 }
.indexebox p { height: 18px; line-height: 18px; overflow: hidden; color: #bbb; font-size: 12px }
.indexebox a.btn-sm { margin-top: 5px; color: #fff; border-radius: 2px }
.post-copyright { position: relative; font-size: 14px; color: #666; background: #fff; padding: 10px 20px; word-wrap: break-word; border-style: solid; line-height: 28px }
.post-copyright p { margin: 0 }
.post-copyright p a { color: #337ab7 }
.sidetags a:nth-child(6n+1) { color: #e14938 }
.sidetags a:nth-child(6n+2) { color: #337ab7 }
.sidetags a:nth-child(6n+3) { color: #00a753 }
.sidetags a:nth-child(6n+4) { color: #ff8c00 }
.sidetags a:nth-child(6n+5) { color: #836fff }
.post-copyright>.sidetags>a { border-bottom: 0 }
.sidetags a { position: relative; margin-right: 6px }
.qrcode { position: absolute; right: 10px; top: 12px }
.qrcodeimg { width: 70px }
.simg { display: block; position: relative; margin: 0 auto }
.simg:before { content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -200px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg) }
.simg:hover:before { left: 150%; transition: left 1s ease 0s }
ul.readers-list { overflow: hidden; margin: 0 auto; padding: 0 }
ul.readers-list li { display: inline-block; width: 20% }
ul.readers-list a, ul.readers-list a:hover strong { background-color: #f2f2f2; background-image: -webkit-linear-gradient(#fdfdfd, #f2f2f2); background-image: -moz-linear-gradient(#fdfdfd, #f2f2f2); background-image: linear-gradient(#fdfdfd, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f2f2f2', GradientType='0') }
ul.readers-list a { position: relative; display: block; overflow: hidden; margin: 0 4px; padding: 4px 4px 4px 44px; height: 40px; border: 1px solid #e5e8ed; color: #999; line-height: 32px }
ul.readers-list em, ul.readers-list img, ul.readers-list strong { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -ms-transition: all .2s ease-out }
ul.readers-list img { float: left; margin: 0 8px 0 -38px; width: 30px; height: 30px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(34, 25, 25, .5) }
ul.readers-list img:hover { border-color: #319bd0; -webkit-animation: myhk infinite 5s linear; animation: myhk infinite 5s linear }
ul.readers-list em { position: absolute; overflow: hidden; margin-right: 10px; width: 50%; height: 36px; color: #333; text-overflow: ellipsis; white-space: nowrap; font-style: normal }
ul.readers-list strong { position: absolute; right: 8px; width: 20%; color: #999; text-align: right }
ul.readers-list a:hover { border-color: #ddd; background-color: #fff; background-image: none; text-decoration: none }
ul.readers-list a:hover img { margin-left: -1px }
ul.readers-list a:hover em { color: #319bd0 }
ul.readers-list a:hover strong { top: 0; right: 80%; height: 44px; border-right: 1px solid #eaeaea; color: #319bd0; text-align: center; line-height: 44px }
.shot, .snew, .stop { font-style: inherit; font-size: 14px; font-weight: bolder; color: rgba(255, 82, 82, .91) }
.container.footer_ { margin-bottom: 10px }
#PB>.container>.links_ { margin-top: 10px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.links_bt { line-height: 50px; height: 50px; background-color: #fff }
.links_bt_l { float: left }
.links_bt_l a { position: relative; display: inline-block; height: 18px; padding-left: 25px; color: #3e4142; font-size: 16px }
.links_bt_r { float: right; margin-right: 20px }
.links_bt_r a { height: 18px; color: #999; font-size: 14px }
.links_bt_r a:hover { color: #319bd0 }
.links_lb { position: relative; clear: both; float: left; background-color: #fff; width: 100%; padding: 10px 0 0 }
.links_lb ul li { line-height: 30px; float: left; padding-right: 10px; padding-left: 10px }
.links_lb ul li img { position: relative; top: -2px; margin-right: 5px; border-radius: 50%; overflow: hidden; width: 16px; }
.links_lb ul li a:hover { color: #319bd0 }
.tags_lb ul { display: flex; flex-wrap: wrap; padding: 0 7px; }
.tags_lb ul li { line-height: 26px; /* float: left; */ padding-right: 6px; padding-left: 6px; border: 1px solid #ededed; margin: 3px 3px; }
.rollbar { position: fixed; right: 2px; bottom: 120px; z-index: 999; display: none }
.rollbar ul { margin: 0; padding: 0; list-style: none; width: 50px }
.rollbar li { position: relative; margin-top: 10px; text-align: center; opacity: .4; filter: alpha(opacity=40) }
.rollbar a { position: relative; z-index: 2; display: block; height: 50px; border-radius: 50%; background-color: rgba(102, 102, 102, 0.81); color: #fff }
.rollbar a:hover { color: #fff }
.rollbar .fa { line-height: 50px; font-size: 30px }
.rollbar .fa-comments { font-size: 24px }
.rollbar li:hover, .rollbar li:hover h6 { opacity: .9; filter: alpha(opacity=90) }
.rollbar li:hover h6 { right: 100% }
.rollbar h6 { position: absolute; z-index: 1; top: 50%; right: -15%; margin: -13px 10px 0 0; line-height: 26px; background-color: #666; color: #fff; width: 53px; text-align: center; opacity: 0; filter: alpha(opacity=0) }
.rollbar h6 i { position: absolute; right: -4px; top: 50%; margin-top: -4px; display: inline-block; width: 0; height: 0; vertical-align: middle; border-left: 4px solid #666; border-top: 4px solid transparent; border-bottom: 4px solid transparent }
.footer { margin-top: 20px; background: #222831; padding-top: 25px; position: relative; font-size: 12px; color: #9ca0ad }
.footer .footer-tag-list { margin-bottom: 15px }
.footer .footer-tag-list ul { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(238, 238, 238, .2) }
.footer .footer-tag-list ul li~li { margin-top: 15px }
.foot-links a { position: relative; top: -2px; font-size: 0 !important; vertical-align: middle }
.footer .footer-tag-list a { font-size: 12px; margin-left: 7px; color: #9ca0ad }
#cnzz_stat_icon_1278752612 a~a { margin-left: 0 }
.footer .footer-tag-list ul li i { margin-left: 7px; margin-right: 5px; font-style: normal }
.footer .footer-tag-list .nam a { margin-right: 0; margin-left: 0 }
.footer .copy-right a { color: rgba(255, 255, 255, .9); height: 40px }
.footer a:hover { color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.1) }
.footer .copy-right span { display: block }
.copyright a { margin-left: 0 !important; }
.nav-single { margin-bottom: 15px; border-radius: 3px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) }
.nav-single a { display: block }
.meta-nav { background: #fff; float: left; width: 50%; text-align: center; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden }
.nav-single .meta-nav:first-child { border-right: 1px solid #eaeaea }
.meta-nav a { display: block; padding: 10px 20px; text-align: center; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.meta-nav a:hover { color: #fff; background: #319bd0 }
.clear { clear: both; display: block }
.comment_admin { display: inline-block; padding: 0 5px 0 5px; background-image: url(/skin/images/ux.png); background-repeat: no-repeat; line-height: 20px; background-position: 0 -20px }
.comment_visitor { display: inline-block; padding: 0 5px 0 21px; background-image: url(/skin/images/ux.png); background-repeat: no-repeat; line-height: 20px; background-position: 0 -40px }
.xiongzhanghao { background-color: #fff; position: relative; z-index: 0; overflow: hidden; -webkit-tap-highlight-color: transparent; text-align: center }
.xiongzhanghao_touxiang img { width: 67px; height: 67px; border: 1px solid transparent; border-radius: 50%; margin-top: 26px }
.xiongzhanghao_biaoti { fon-size: 18px; color: #333; margin-top: 10px; line-height: 18px; font-weight: 600 }
.xiongzhanghao_miaoshu { width: 90%; margin: auto; margin-top: 10px; font-size: 13px; color: #666; line-height: 17px; font-weight: 300 }
.xiongzhanghao_ck { margin: 13px 0 25px }
.xiongzhanghao_chakan { width: 120px; padding: 8px 0;  font-size: 13px; line-height: 13px; vertical-align: middle; display: inline-block; color: #fff; background: #319bd0; border-radius: 3px; -webkit-tap-highlight-color: transparent }
.yuanchuang { color: #319bd0; border: 1px solid #319bd0; padding: 0 3px; display: inline-block; float: left; margin: 4px 5px 0 0; height: 20px; line-height: 18px; display: none }
.beian { display: inline-block !important }
.beian img { display: inline-block !important }
.beian span { display: inline-block !important }
.wenda_right { text-align: right }
.wenda_right a { border: 0 !important }
.wenda_toux { margin-left: 90% !important; float: right }
.wenda_wz { width: 100px; margin-left: 65px; display: inline-block; font-style: normal; font-size: 13px; font-weight: 700 }
.wenda_wz0 { width: 150px; margin-left: 65px; display: inline-block; font-style: normal; font-size: 12px }
.wenda_wz1 { width: 70px; display: inline-block; font-style: normal; font-size: 13px; background: #3897f0; border-radius: 100px; color: #fff; text-align: center; height: 24px; line-height: 24px }
.wenda_wz2 { width: 70px; display: inline-block; font-style: normal; font-size: 13px; background: #ffab2e; border-radius: 100px; color: #fff; text-align: center; height: 24px; line-height: 24px }
.wenda_tx0 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/thum-96671534220775.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx1 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/1.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx2 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/2.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx3 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/3.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx4 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/4.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx5 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/5.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx6 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/6.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx7 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/7.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx8 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/8.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx9 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/9.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx10 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/10.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx11 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/11.jpg); background-size: 100%; margin-left: 5px }
.wenda_tx12 { width: 60px; height: 60px; border-radius: 50%; background: url(/skin/images/12.jpg); background-size: 100%; margin-left: 5px }
@-webkit-keyframes rotation {
	from { -webkit-transform: rotate(0deg) }
	to { -webkit-transform: rotate(360deg) }
}
.Rotation { -webkit-transform: rotate(360deg); animation: rotation 8s linear infinite; -moz-animation: rotation 8s linear infinite; -webkit-animation: rotation 8s linear infinite; -o-animation: rotation 8s linear infinite }
.kefu { width: 102px; height: 181px; background: url(/skin/images/robot.gif); position: fixed; bottom: 40%; left: 10px }
@media screen and (max-width:768px) {
	.container.footer_ { display: none }
}
.t-one { background-color: #fff; padding: 15px 15px 10px; position: relative; margin-bottom: 15px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) }
.t-one .sj, .t-one .rm { display: inline-block; vertical-align: top; width: calc(50% - 4px) }
.t-one .sj { padding-right: 10px }
.t-one .rm { padding-left: 10px }
.t-one h3 { padding: 0 0 15px 10px; font-size: 16px; margin-top: 0; margin-bottom: 0; position: relative; color: #333 }
.t-one h3:after, .widget .panel-header h3:after, .widget .widget-title h3:after, .links_bt_l a:after { content: " "; position: absolute; height: 16px; width: 3px; background: #319bd0; left: 0; border-radius: 9px; top: 1px }
.widget .panel-header h3:after, .widget .widget-title h3:after, .links_bt_l a:after { top: 50%; left: 15px; height: 16px; margin-top: -9px; }
.links_bt_l a:after { top: 16px; }
.widget .intro-title h3:after { display: none; }
.t-one ul .dj-li, .t-one .dj-item .dj_li { display: block; padding: 6.5px 0; height: auto; }
.dj-scroll>.swiper-scrollbar { width: 2px !important; }
.dj-scroll .swiper-container { flex-wrap: wrap; }
.hot-swp { right: 0; left: auto; width: 50px; bottom: 12px; color: #999; font-size: 12px; }
.t-one ul .dj-li:hover, .t-one .dj-item .dj_li:hover { color: #319bd0 }
.t-one ul .dj-li strong, .t-one .dj-item .dj_li strong { float: right; font-weight: normal; line-height: 22px; padding-left: 15px }
.t-one .dj-item .dj_li strong img { margin: -6px 3px 0 0 }
.t-one ul .dj-li a, .t-one .dj-item .dj_li a { display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 22px; color: #454545 }
.t-one ul .dj-li a:hover, .t-one .dj-item .dj_li a:hover { color: #319bd0 }
.t-one ul .dj-li a span, .t-one .dj-item .dj_li a span { width: 22px; height: 22px; background-color: #f2f2f2; display: inline-block; text-align: center; margin-right: 4px; border-radius: 50%; line-height: 22px; color: #666 }

/*.t-one ul .dj-li:nth-child(3) a span:before,
.t-one .dj-item .dj_li:nth-child(3) a span:before{content: "3"; background-color: #00a9e3; color: #fff}
.t-one ul .dj-li:nth-child(4) a span:before,
.t-one .dj-item .dj_li:nth-child(4) a span:before{content: "4"}
.t-one ul .dj-li:nth-child(5) a span:before,
.t-one .dj-item .dj_li:nth-child(5) a span:before{content: "5"}
.t-one ul .dj-li:nth-child(6) a span:before,
.t-one .dj-item .dj_li:nth-child(6) a span:before{content: "6"}
.t-one .dj-item .dj_li:nth-child(7) a span:before{content: "7"}
.t-one .dj-item .dj_li:nth-child(8) a span:before{content: "8"}
.t-one .dj-item .dj_li:nth-child(9) a span:before{content: "9"}
.t-one .dj-item .dj_li:nth-child(10) a span:before{content: "10"}
.t-one .dj-item .dj_li:nth-child(11) a span:before{content: "11"}
.t-one .dj-item .dj_li:nth-child(12) a span:before{content: "12"}
.t-one .dj-item .dj_li:nth-child(13) a span:before{content: "13"}
.t-one .dj-item .dj_li:nth-child(14) a span:before{content: "14"}
.t-one .dj-item .dj_li:nth-child(15) a span:before{content: "15"}
.t-one .dj-item .dj_li:nth-child(16) a span:before{content: "16"}
.t-one .dj-item .dj_li:nth-child(17) a span:before{content: "17"}
.t-one .dj-item .dj_li:nth-child(18) a span:before{content: "18"}
.t-one .dj-item .dj_li:nth-child(19) a span:before{content: "19"}
.t-one .dj-item .dj_li:nth-child(20) a span:before{content: "20"}
.t-one .sj ul .dj_li:nth-child(1) a span:before{content: "推"; background-color: #ff5a3c; color: #fff}
.t-one .sj ul .dj_li:nth-child(2) a span:before{content: "荐"; background-color: #13b755; color: #fff}
.t-one .dj_li:nth-child(1) span.rmbr:before{content: "最"; background-color: #ff5a3c; color: #fff}
.t-one .dj_li:nth-child(2) span.rmbr:before{content: "新"; background-color: #13b755; color: #fff}*/
.t-one .dj-item .dj_li.gg_li a span { background-color: #13b755; color: #fff; font-weight: normal; font-size: 10px; }
.t-one .dj-item .dj_li.gg_li a { color: #f00; font-weight: bold; }
.t-one .dj-item .dj_li.gg_li:nth-child(2) a { color: #5c3ef3 }
.myad { display: block; color: #c2c2c2; text-indent: 0; text-align: center !important; vertical-align: middle; border: 1px solid #dcdcdc; width: 40px !important; line-height: 21px !important; height: 22px !important; border-radius: 3px; font-size: 12px !important; padding-left: 0 !important; }
.dj-scroll { height: 410px; overflow: hidden; padding-right: 10px; }
@media screen and (max-width:768px) {
	.t-one { border: 1px solid #e5e8ed }
	.t-one .sj, .t-one .rm { width: 100% }
	.t-one .sj { padding-right: 0; margin-bottom: 20px }
	.t-one .rm { padding-left: 0 }
}
.excerpt .item { position: relative }
.excerpt .item~.item { margin-top: 5px }
.excerpt .item img { padding: 0; border: 0 }
.ggbs { position: absolute; right: 0; bottom: 0; background: rgba(127, 127, 127, .4); padding: 1px 5px 1px 10px; line-height: 20px; color: #222831; font-size: 12px; border-top-left-radius: 16px; line-height: 20px !important; color: #222831; font-size: 12px !important; border-top-left-radius: 16px; width: auto !important; color: rgba(255, 255, 255, .3); height: auto !important; }
.side-message { overflow: hidden; padding: 15px; color: #888; line-height: 26px }
.side-message .media~.media { margin-top: 10px }
.side-message .media .cont { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.comment-name { color: #319bd0 }
.comment-time { font-size: 12px; color: #999 }
.side-message .media { -webkit-transition: .4s; -o-transition: .4s; transition: .4s }
.side-message .media:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px) }
.cate-tit { padding: 15px }
.cate-tit h1 { margin: 0; line-height: 1; font-size: 20px; margin-bottom: 0; color: #333 }
.cate-tit .des { margin-top: 15px; color: #777; font-size: 14px }
.gg6 { margin-bottom: 20px; border: 0; padding: 0; margin-top: 0; padding: 0 20px; box-shadow: none !important; }
.gg6:hover { box-shadow: none; }
.navbar-search { position: absolute; top: 100%; left: 0; right: 0; max-width: 100%; width: 100%; opacity: 1; z-index: 101; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform-origin: 0 0; transition: all .4s ease-in-out 0s; background-color: rgba(34, 40, 49, 0.7) }
.navbar-search .searchform { width: 100%; padding: 24px 100px; display: block; border-radius: 3px }
.navbar-search .searchform input { background-color: transparent; color: #fff; border: 0; border-radius: 0; padding: 0 }
.navbar-search .searchform input::-webkit-input-placeholder { color: #f2f2f5; opacity: 1 }
.navbar-search .searchform input::-moz-placeholder { color: #f2f2f5; opacity: 1 }
.navbar-search .searchform input:-ms-input-placeholder { color: #f2f2f5; opacity: 1 }
.navbar-search .searchform input::-ms-input-placeholder { color: #f2f2f5; opacity: 1 }
.navbar-search .searchform input::placeholder { color: #f2f2f5; opacity: 1 }
.navbar-search .searchform input:focus { background-color: transparent; border-color: transparent; color: #fff; box-shadow: none; -webkit-box-shadow: none; outline: 0 }
.navbar-search .searchform .input-group-append>.btn { background-color: transparent; color: #fff; padding: 0; border: 0; box-shadow: none; outline: 0; cursor: pointer }
.navbar-search .searchform .input-group>.form-control:focus+.input-group-append .btn { border-color: transparent; color: #24bcb5 }
.navbar-search .input-group { width: 100% }
.navbar-search .input-group-append { position: absolute; right: 0; margin-top: 4px; z-index: 11 }
.navbar-search .input-group:focus { color: #fff }
.panel { margin-bottom: 10px }
.flex-box-2 { display: flex; flex-wrap: wrap; justify-content: space-between }
.required { margin: 0 2px; color: red }
#email-notes { color: #999 }
.form-submit .btn { color: #fff; background-color: #319bd0; border-color: #319bd0; margin-top: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 2px }
.form-submit .btn:focus { color: #fff; background-color: #319bd0; border-color: #319bd0 }
.form-submit .btn:hover { opacity: .9 }
#scroll { width: 40px; float: right; position: fixed; right: 20px; bottom: 6%; z-index: 9999; /*display: none;*/ }
#scroll li a { background: #fff; box-shadow: 0 1px 3px rgba(26, 26, 26, .1); color: #666; width: 36px; font-size: 20px; height: 36px; line-height: 34px; text-align: center; vertical-align: middle; margin-top: 5px; display: block; cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s }
#scroll li .scroll-c i, #scroll li .qr i, #scroll li .scroll-c { font-size: 16px }
#scroll li a:hover { background: #319bd0; color: #fff }
.qr-img { position: fixed; background: #fff; bottom: 50px; right: 50px; max-width: 300px; padding: 10px 10px 2px 10px; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.95); z-index: 9999; display: none }
#output img { position: absolute; top: 72px; right: 72px; width: 25px; height: 25px }
.qr .fa-qrcode { font-size: 20px !important; line-height: 32px !important }
#output td { border: 0 }
#output td { padding: 0 }
.content-box { padding: 15px }
@media(max-width:1200px) {
	.content-wrap { width: 100% }
	.sidebar { width: 100%; }
	#scroll { display: none; }
}
@media(max-width:1024px) {
	body { position: absolute; left: 0; right: 0; overflow-x: hidden; backface-visibility: hidden; transition: all .3s ease-in-out; transition-delay: 0s }
	body.out { left: -200px; right: 200px; overflow: hidden }
	body.off-canvas-nav-left.out { left: 200px; right: -200px }
	.container-fluid>.navbar-collapse, .container>.navbar-collapse { margin-left: 0; margin-right: 0 }
	nav.navbar-fixed-top { transition: all .3s ease-in-out; transition-delay: 0s }
	nav.navbar-fixed-top.out { transform: translate3d(-200px, 0, 0) }
	body.off-canvas-nav-left nav.navbar-fixed-top.out { transform: translate3d(200px, 0, 0); transition-delay: .3s }
	nav .navbar-nav { margin: 0 -15px 7.5px -15px; border-top: 1px solid #eee; }
	nav .navbar-toggle { padding: 12px 0; transition: all .5s ease-in-out }
	body.out nav .navbar-toggle { background-color: #ddd }
	body.off-canvas-nav-left nav .navbar-toggle { float: left; margin-left: 15px; margin-right: 0 }
	.navbar-default .navbar-toggle { background: transparent !important }
	nav .navbar-toggle .icon-bar { transition: all .5s ease-in-out }
	body.out nav .navbar-toggle .icon-bar:nth-of-type(2) { transform: translate3d(0, 6px, 0) rotate(45deg) }
	body.out nav .navbar-toggle .icon-bar:nth-of-type(3) { opacity: 0 }
	body.out nav .navbar-toggle .icon-bar:nth-of-type(4) { transform: translate3d(0, -6px, 0) rotate(-45deg) }
	nav .navbar-collapse { display: block !important; position: fixed; top: 0; right: -200px; bottom: 0; z-index: 10000; width: 200px; height: 100vh !important; margin: 0; background-color: inherit; border: 0; box-shadow: none; border-left: 1px solid #e7e7e7; transition: all .3s ease-in-out }
	body.out nav .navbar-collapse { box-shadow: -10px 0 50px 0 rgba(0, 0, 0, .75); transform: translate3d(-200px, 0, 0) }
	nav.navbar-fixed-top .navbar-collapse { right: -200px !important; max-height: none; top: 45px !important; background: #fff; background: rgba(34, 40, 49, 0.79); padding-top: 10px; border-left: 0 }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.dropdown>a:focus { color: #319bd0 }
	.navbar-default .navbar-nav>li>a { color: #222831; border-bottom: 1px solid #eee; }
	.navbar-default .navbar-nav>li>a { padding: 10px }
	nav.navbar-fixed-top .navbar-collapse.in { right: 0 !important }
	.nav>li.s-li { display: block }
	body.out nav.navbar-fixed-top .navbar-collapse { box-shadow: -10px 0 50px 0 rgba(0, 0, 0, .75); transform: none }
	body.off-canvas-nav-left nav .navbar-collapse { left: -200px; right: auto; border: 0; border-right: 1px solid #e7e7e7 }
	body.off-canvas-nav-left.out nav .navbar-collapse { box-shadow: 10px 0 50px 0 rgba(0, 0, 0, .75); transform: translate3d(200px, 0, 0) }
	body.off-canvas-nav-left.out nav.navbar-fixed-top .navbar-collapse { box-shadow: 10px 0 50px 0 rgba(0, 0, 0, .75); transform: none }
	.dropdown-menu>li>a:hover, nav .navbar-collapse .dropdown-menu>li>a:focus { background-color: #eee !important }
	nav .navbar-collapse .dropdown>.dropdown-menu, nav .navbar-collapse .dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu { display: block !important; position: static; float: none; max-height: 0; margin: 0; padding: 0; border: 0; box-shadow: none; overflow: hidden; transition: all .5s ease-in-out }
	nav .navbar-collapse .dropdown .dropdown-menu li a, nav .navbar-collapse .dropdown .dropdown-menu li.dropdown-header { padding: 5px 15px 5px 25px; color: #777 }
	nav .navbar-collapse .dropdown.open .dropdown-menu, nav .navbar-collapse .dropdown.open .dropdown-menu>.dropdown-submenu.open>.dropdown-menu { max-height: 100vh }
	nav .dropdown-toggle>.caret { transform: rotate(0) !important }
	nav .open>.dropdown-toggle>.caret { transform: rotate(180deg) !important }
	nav .navbar-form { margin-top: 0; margin-bottom: 0; border: 0; box-shadow: none }
	.navbar-header { width: 100% }
	.content { margin-right: 0 }
	.sidebars { display: none }
	.nav-hide { display: none }
	.dropdown-menu, .navbar-nav .dropdown-menu:after, .navbar-nav .dropdown-menu:before { display: none }
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 380px }
	.navbar-default .navbar-toggle { border: 0 }
	.navbar-toggle { margin-top: 15px }
	.navbar-right, .widget_soft { display: none; }
}
@media screen and (max-width:800px) {
	.sidebar.fixed .row { position: static; z-index: 295; width: 100%; }
	.navbar-toggle { margin-top: 8px }
	.footer .foot-search { float: none !important; width: 70%; margin: 0 auto 15px; }
	.content-list { border: 0 }
	.posts-gallery-content .posts-gallery-text { display: none }
	.excerpt-minic { display: none }
	.mobile-hide, .widget_ui_gg { display: none }
	.span10, .span11, .span12, .span4, .span5, .span6, .span7, .span8, .span9 { width: 100% }
	.span2, .span3 { width: 50% }
	.span1 { width: 25% }
	.panel-sort { box-shadow: none }
	.panel.transparent { background: #FFF }
	#mobile-header { display: block }
	#mobile-tab-menu { display: block !important }
	.box-md { margin: 50px 0 }
	.posts-list>li .panel { border-bottom: 1px solid #e6e6eb; height: 85px }
	.posts-list>li .panel:before { content: ''; position: absolute; right: 0; top: 0; height: 84px; width: 10px; background: #FFF; z-index: 30 }
	.posts-list>li:last-child .panel { border-bottom: 0 }
	.posts-list>li .panel-header { height: 10px }
	.posts-list>li .post-title a { position: absolute; text-indent: 10px; width: 100%; height: 85px; top: 0; left: 0; z-index: 50; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 10px }
	.posts-list>li .post-title a:hover { color: #333 }
	.posts-list>li .post-title a:active { opacity: .3; background: #000 }
	.posts-list>li.thumbnail .post-title a { text-indent: 80px }
	.posts-list>li .thumbnail-link, .posts-list>li .thumbnail-link .thumbnail { width: 65px; height: 65px }
	.posts-list>li .thumbnail-link+.right-box { left: 80px }
	.posts-list>li .right-box { position: absolute; top: 33px; left: 10px }
	.posts-list>li .excerpt { line-height: 22px; color: #999; white-space: nowrap }
	.posts-list>li .post-meta { line-height: 22px }
	.posts-list>li .post-meta>li { border: 0; border-radius: none; -moz-border-radius: none; padding: 0; line-height: 22px }
	.posts-list>li .post-meta>li.author { display: none }
	.posts-list>li .post-meta>li, .posts-list>li .post-meta>li a { color: #999 }
	.posts-list.full-text>li .panel { height: auto; padding-bottom: 0 }
	.posts-list.full-text>li .panel:before { display: none }
	.posts-list.full-text>li .panel-header { height: auto }
	.posts-list.full-text>li .post-title { white-space: inherit; overflow: visible; padding: 10px }
	.posts-list.full-text>li .post-title a, .posts-list.full-text>li.thumbnail .post-title a { position: relative; display: block; width: 100%; height: auto; left: 0; text-indent: 0; white-space: inherit; overflow: visible; line-height: 22px; padding-right: 0 }
	.posts-list.full-text>li .context { display: none }
	.posts-list-page-navi { display: none }
	.posts-list-mobile-page-navi { display: block }
	.archive-header, .content-theme .qbztm, .focusmo, .qrcode { display: none }
	#mobile-menu { display: block }
	#post-box .post-meta-box>.meta-top, .bg-fixed, span.useragent { display: none }
	.navbar-nav>li:before { content: '' }
	.indexebox-3, .indexebox-6 { border-right: 0 !important }
	.indexebox-4, .indexebox-5, .indexebox-6 { border-top: 1px dashed #ddd }
	.fly-nav-right { display: none }
	.content-img>.img-row { margin-left: 0; margin-right: 0 }
	.content-img>.img-row>.log-img { padding-left: 0; padding-right: 0 }
	.rollbar ul { width: 50px !important }
	.rollbar a { height: 50px !important }
	.rollbar .fa { font-size: 27px !important }
	.conment-btn, .post-entry-categories { display: none }
	.navbar-nav>li { background: 0 }
	.bulletin ul li { width: 750px }
	.modal-dialog { margin: 10px !important }
	section.context>h2:first-child, section.context>h3:first-child { padding-top: 5px }
	.pagination ul>span.tj { display: none }
	.context h2 { font-size: 16px; padding: 2px 0 }
	.container { padding: 0 15px }
	.box1_left { display: none !important;}
	.box1_right { display: none !important;}
	.nrtuijian { display: none !important;}
	ul.pic-box-list li p span.viewd{ display: none !important;}
	ul.pic-box-list li h3{ max-width: 500px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
	
	.cate-tit {/*padding: 0;*/ border: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px }
	.content-wrap { width: 100% }
	.cate-tit h1 { font-size: 20px }
	.panel_cms { min-height: 20px }
	.content-list { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
	.theme-list .col-md-3 { margin-bottom: 15px; }
	#header { padding: 0; border-bottom: 0; min-height: 0 !important; margin-bottom: 0; }
	.widget, .content-list:hover { box-shadow: none }
	.navbar-toggle { margin-right: 0 }
	.navbar-header .logo { padding: 10px 0; font-size: 20px; margin-left: 0 !important; display: inline-block; }
	#PB { margin-top: 70px }
	.panel-sort { border: 0 }
	.logo img { margin-top: 0; max-height: none; height: auto; vertical-align: middle; width: 100px; display: inline-block }
	.posts-gallery-img { width: 33.3333%; height: auto !important; float: left }
	.posts-gallery-img img { width: 100%; }
	.post-images-item ul li a img { height: auto !important }
	.post-images-item ul li .image-item { height: auto !important }
	.posts-gallery-content { margin-left: 0; overflow: hidden; padding-left: 10px; padding-top: 4px }
	.posts-default-title h2, .posts-gallery-content h2 { font-size: 15px; line-height: 1.3; font-weight: 600; white-space: pre-wrap; text-overflow: unset; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
	.posts-gallery-content h2 { max-height: none; position: relative; margin: 0 0 15px 0; padding-top: 0; overflow: hidden }
	.posts-gallery-content .posts-gallery-text { margin-bottom: 5px }
	.posts-gallery-content .posts-gallery-text { line-height: 1.6; margin-bottom: 15px; color: #566573 }
	.posts-default-info ul li { margin: 0 8px 0 0; font-size: 10px }
	.posts-default-info ul li:first-child, .post-author, .ico-like, .navigation .dots, .navigation a, .pic-posts-box a .title .post-views, .posts-cjtz, .posttime-a, .sidebars { display: none }
	.post-entry-categories { margin: 0 }
	.post-entry-categories a { padding: 3px 5px 2px; font-size: 10px; line-height: 1; margin: 0 5px 8px 0; font-size: 10px }
	.posts-default-title h2, .posts-gallery-content h2 { font-size: 15px; line-height: 1.3; font-weight: 600 }
	.posts-default-title h2 { margin: 0 0 5px 0; border-bottom-width: 0; padding: 0 }
	.posts-default-content .posts-text { display: none; line-height: 0 }
	i.article-mark, i.article-marks { display: none }
	.bulletin ul li { width: 700px }
	.footer { margin-top: 15px; padding-top: 15px; font-size: 12px; /*text-align: center*/ }
	.footer .fr { float: none; display: inline; }
	.form-control { border: 1px solid #ddd; box-shadow: none }
	.footer .footer-tag-list a { font-size: 12px; margin-right: 3px }
	.footer .footer-tag-list a img { height: 12px }
	section.context table td, section.context table th { padding: 5px; font-size: 12px }
	section.context table td:nth-child(4), section.context table th:nth-child(4) { display: none }
	.excerpt {/*border: 0; margin-bottom: 20px;*/ }
	.ggbs { font-size: 10px; line-height: 1.5 }
	.excerpt-page { padding: 10px; }
	.pagination ul>a, .pagination ul>span { padding-right: 1px 10px }
	#scroll, .excerpt-list, .bulletin .time {/*display: none*/ }
	.top-ad-img .x a { width: 100% !important; }
	.top-ad-img span img { height: auto !important; }
	span.mark-red { color: #f73b3b; font-weight: 400; left: 1px; width: 20px; top: 1px; background: #f73b3b; width: 40px; text-align: center; color: #fff; padding: 3px 5px 3px; font-size: 10px; line-height: 1; transform: rotate(0); opacity: .7; z-index: 99 }
	#post-box .post-meta-box { font-size: 12px }
	#post-box .post-title { line-height: 1.4; font-size: 20px; font-weight: bold }
	.post-info { display: none }
	.post-info-m { display: block; text-align: left }
	section.context { word-break: normal; line-height: 1.75 }
	section.context p { margin-bottom: 15px }
	.post-copyright { font-size: 12px; padding: 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
	.nav-single { display: none }
	.nav-single .meta-nav:first-child { border-right: 0; border-bottom: 1px solid #eee }
	.meta-nav { width: 100% }
	.meta-nav a { display: block; padding: 5px 15px }
	.dj-sm { display: none }
	.breadcrumb, .breadcrumb a { color: #999 }
	.posts-gallery-img .simg .t1 { display: none }
}
@media screen and (max-width:640px) {
	.media-right { display: none }
}
@media screen and (max-width:600px) {
	.related-posts>li { width: 100% !important }
	#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-qq, #respond .comment-form-url { width: 100% !important }
	.paydown .down-title { width: 14% }
	.paydown .down-detail { width: 85% }
	.bulletin ul li { width: 530px }
}
@media screen and (max-width:480px) {
	#commentform .cai, #commentform .zan { display: none !important }
	.pagination ul>li { display: none }
	.pagination ul>li.next-page, .pagination ul>li.prev-page { display: inline-block }
	.shareBox .J_showAllShareBtn { display: none }
	.context>ul.readers-list li { width: 25% }
	.context>ul.readers-list strong { display: none }
	.bulletin ul li { width: 420px }
}
@media screen and (max-width:360px) {
	span.ajaximgcode>.input { max-width: 30px }
	section.context>ul.readers-list li { width: 33% }
	.bulletin ul li { width: 290px }
}
@media(max-width:1000px) {
	.content-wrap { width: 100% }
}
.theme-list { margin-left: -10px; margin-right: -10px; padding-bottom: 5px; display: flex; flex-wrap: wrap; }
.video-list { margin-left: -15px; margin-right: -15px }
.theme-list .col-md-3 { padding: 0 10px }
.product-list .col-md-3 { width: 20% }
.theme-list-index { margin-bottom: -15px; }
.theme-list-index>div { margin-bottom: 15px; }
.theme-list .latest-template-wrap { margin-bottom: 20px; position: relative; overflow: hidden; background: #fff; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); -webkit-box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); transition: .4s; -webkit-transition: .4s; text-align: center; border-radius: 3px; }
.theme-list .latest-template-wrap .tip { position: absolute; left: 0; top: 0; width: 40px; z-index: 99; }
.theme-list .latest-template-wrap .tip img { max-width: 100%; }
.theme-list .latest-template-wrap:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) }
.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn:hover { opacity: 1 }
.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn:hover a { transform: scale3d(1, 1, 1) }
.theme-list .latest-template-wrap .demo-overlay { position: relative; padding: 10px; overflow: hidden; height: 240px; line-height: 220px; font-size: 0 }
.theme-list .latest-template-wrap .demo-overlay img { display: inline-block; width: 100%; height: 100%; max-height: 100%; object-fit: cover; border: 1px solid #f3f3f3; }
.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; text-align: center; background: rgba(0, 0, 0, .7); opacity: 0; transition: opacity .4s }
.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div { display: table; height: 100%; width: 100% }
.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div>div { display: table-cell; vertical-align: middle }
.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div>div a { display: inline-block; line-height: 1; padding: 15px 20px; font-size: 14px; margin: 5px; transform: scale3d(0, 0, 0); transition: all .4s; border-radius: 25px }
.theme-list .latest-template-wrap .latest-template-intro { padding: 0 10px }
.theme-list .latest-template-wrap .latest-template-intro .template-intro-title { border-bottom: 1px solid #eee; text-align: center }
.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 { margin-top: 0; margin-bottom: 5px }
.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a { font-size: 14px; color: #333; display: inline-block; display: inline-block; line-height: 1.5; vertical-align: top; overflow: hidden; text-align: left; height: 44px; width: 100% }
.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a.two {/*white-space: normal; padding-bottom: 8px;*/ }
.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a:hover { color: #319bd0 }
.theme-list .latest-template-wrap .latest-template-intro .template-intro-title p { font-size: 14px; color: #999; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22px }
.theme-list .latest-template-wrap .latest-template-intro .download-count { padding: 6px 0; font-size: 12px }
.video-list .latest-template-wrap .demo-overlay { padding: 0; height: auto; line-height: 1 }
.video-list .latest-template-wrap .latest-template-intro .template-intro-title h3 { margin-top: 15px }
.video-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a { font-size: 16px }
.pull-left { float: left !important; color: red; color: #999 }
.pull-right { float: right !important; color: #999 }
.sales-price { color: #ef353d }
.sidebar-search { padding: 5px 15px 13px; color: #666 }
.sidebar-search a { color: #999; margin-right: 3px }
.sidebar-search a:hover { color: #319bd0 }
.hot-search { margin-top: 8px }
.sidebar-search .form-inline ~ .form-inline { margin-top: 8px; }
.sidebar-search .input-group { width: 70%; float: left; box-sizing: border-box; }
.sidebar-search .input-group .form-control { height: 32px; box-sizing: border-box; }
.sidebar-search .input-sub { width: 30%; line-height: 32px; height: 32px; background: #319bd0; border: 0; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.sidebar-search .input-sub:hover { opacity: .9 }
@media(max-width:768px) {
	.footer .footer-tag-list ul li~li { margin-top: 10px }
	.footer .footer-tag-list ul { line-height: 1.75 }
}
.t-one, .excerpt-minic, .excerpt-list, .content-list, .excerpt, .panel, .footer_, .widget { border: 0; overflow: hidden; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); border-radius: 3px }
#scroll li a { box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) }
.posts-gallery-img img, .thumbnailside, .nav-single, .sidebar-randlog-list>li a { overflow: hidden }
.sidebar-randlog-list>li a { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset }
.sidebar-search .input-group .form-control { width: 100% }
.context img { padding: 0 }
.dropdown-menu { box-shadow: 0 6px 12px rgba(0, 0, 0, .1) }
.dropdown-menu>li>a { color: #666; padding: 5px 20px }
@media(max-width:800px) {
	.index_cms { display: none }
}
.gg1 { background-color: #FF5722; text-align: center; padding: 5px 0; margin-top: 20px; font-size: 14px }
.gg1 a { color: #fff }
.jiaru { color: #666 }
.last-footer-a button { border-radius: 2px; line-height: 28px; background: #319bd0 !important; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.last-footer-a button:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) }
.pb-nav-right { display: flex; /*font-size: 15px;*/ color: #222831; }
.pb-nav-right .pb-search { font-size: 18px; cursor: pointer; }
.pb-nav-right .btn-group { margin-left: 20px; }
.btn { border-radius: 2px }
.page-banner h1 { text-align: center; font-size: 30px; margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 20px }
.member-content { padding-bottom: 20px }
.login-tip { padding: 20px; background: #f5f5f5 repeating-linear-gradient(-45deg, #fff, #fff 1.125rem, transparent 1.125rem, transparent 2.25rem); font-size: 15px; color: #666 }
.media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start }
.media-body { -ms-flex: 1; flex: 1; width: auto }
.mr-3, .mx-3 { margin-right: 10px !important }
.mt-0, .my-0 { margin-top: 0 !important }
.media-body h6 strong { line-height: 1.2 }
.font-weight-normal { font-weight: 400 !important }
.text-secondary {/*color: #6c757d !important*/ }
.media-body p .replybtn { cursor: pointer }
.my-4 .pagination { width: 100%; display: flex; align-items: center; justify-content: center }
.page-num, .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #17a2b8; background-color: #fff; border: 1px solid #dee2e6 }
.btn-secondary { background: #666; color: #fff }
.article-content .msg { border: 1px solid #ddd; border-radius: 2px; color: #999; padding: .7em; line-height: 1.3em; margin-bottom: 20px; font-size: 14px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); /*display: flex; flex-wrap: wrap; justify-content: space-between;*/ }
.kefu-baidu { width: 102px; height: 181px; background: url(/skin/images/robot.gif) no-repeat; position: fixed; right: 3%; top: calc((100vh - 181px)/2); transition: all .3s; /*display: none;*/ }
@media(max-width:768px) {
	.kefu-baidu { display: none }
}
.widget_btnbox { padding: 20px 15px 15px; }
.widget_btnbox .btn { display: block; width: 100%; height: 48px; line-height: 48px; font-size: 18px; border: 1px solid #ddd; color: #606060; text-align: center; padding: 0; margin-bottom: 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.widget_btnbox .btn:hover { opacity: .9; }
.widget_btnbox .btn:first-child { background: #ef353d; color: #fff; border-color: #ef353d; }
.widget_btnbox p { margin: 0; font-size: 12px; color: #999; line-height: 1.75; margin-top: 15px; }

/*@media (max-width: 1600px){.sidebar.fixed .row{width: 303px;}}*/
.widget.fixed { position: fixed; top: 90px; width: 319.19px; }

/*滚动公告*/
#gogo { display: inline-block; vertical-align: top; height: 40px; overflow: hidden; margin: 0; padding: 0; margin-top: 2px; }
#gogo li { height: 36px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#gogo li:first-child { margin-top: 0; transition: margin-top .8s; }

/*首页调整2020-10-21*/
.theme-list-index .latest-template-wrap { margin-bottom: 0; }
.theme-list-index .latest-template-wrap .demo-overlay { height: 170px; line-height: 1; }
.theme-list-index .latest-template-wrap .latest-template-intro .template-intro-title h3 { margin-top: 0; margin-bottom: 0; }
.theme-list-index .latest-template-wrap .latest-template-intro .template-intro-title h3 a { font-size: 14px; }

/*模板*/
.two-box:nth-child(even) { float: right; }
.two-box-tit { border-radius: 2px 2px 0 0; border-bottom: 1px solid rgba(221, 221, 221, .8); height: 45px; line-height: 45px; padding-left: 15px; font-weight: 400; font-size: 16px; overflow: hidden; }
.two-box-tit h3:after { position: absolute; width: 60px; height: 3px; content: ""; background: #3690cf; left: 0; bottom: -1px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.two-box-tit h3 { font-weight: inherit; position: relative; display: inline-block; }
.two-list-img { padding: 0 15px 15px; display: block; overflow: hidden; }
.pic-box { border-radius: 3px; }
ul.pic-box-list { overflow: hidden; margin: 0 7px 0 7px; }
ul.pic-box-list li { width: 25%; float: left; overflow: hidden; margin-bottom: 15px; position: relative; border-radius: 3px; }
ul.pic-box-list li .abox { position: relative; overflow: hidden; display: block; margin: 0 7px 5px 7px; border: #f1f1f1 1px solid;}
i.thumb { display: block; width: 100%; height: 0; padding-top: 66.7%; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: transparent; position: relative; overflow: hidden; transition: all .2s; }
ul.pic-box-list li h3 { padding: 10px 10px 5px; height: 51px; color: #454545; line-height: 1.2; font-weight: normal; font-size: 14px; background-size: 20px; }
ul.pic-box-list li p { font-size: 12px; color: #999; overflow: hidden; margin: 5px 0; padding: 0 10px; }
ul.pic-box-list li p b.datetime { float: left; font-weight: normal; margin-left: 0;color: #ef353d }
ul.pic-box-list li p span.viewd { float: right; }
ul.pic-box-list li p span.price { color: #ef353d; }

/*imglist*/
.side-content ul.imglist.pic-box-list { margin-top: 20px; }
.home-index ul.imglist.pic-box-list { margin-top: 0; margin-left: -7px; margin-right: -7px; }
ul.imglist.pic-box-list { margin: 10px 0 0 0; overflow: visible; display: table; clear: both; }
ul.imglist.pic-box-list li { width: 33.333%; overflow: visible; }
ul.imglist.pic-box-list li a { border: #f1f1f1 0px solid; }
li.sell-list:hover, ul.imglist.pic-box-list li a:hover { transform: translate(0, -5px); color: #54b5db; }
ul.imglist.pic-box-list li h3 { padding: 5px 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; min-height: 64px; }
ul.imglist.pic-box-list p { padding: 0 2px 10px 2px; border-bottom: 1px solid #ddd; }
.pic-thumb { display: flex; width: 100%; height: 185px; position: relative; overflow: hidden; transition: all .2s; }
.pic-thumb img { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
ul.imglist li .pic-thumb img, ul.pic-box-list .pic-thumb img { width: 100%; min-height: 100%; align-self: center; }
/*.pic-thumb:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }*/
.top-ad-img { width: 100%; overflow: hidden; margin-bottom: 15px; }
.top-ad-img span { display: block }
.top-ad-img span img { width: 100%; height: 70px }
.top-ad-img .d { width: 100%; margin-bottom: 10px }
.top-ad-img .x { margin-bottom: -10px; overflow: hidden; }
.top-ad-img .x a { display: block; float: left; width: 49.5%; margin-bottom: 10px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); border-radius: 3px; overflow: hidden; }
.top-ad-img .x a:nth-child(2n) { float: right }
.top-ad-img a { position: relative }
.top-ad-img a:before { position: absolute; content: " "; width: 26px; height: 1pc; background: url(/skin/images/watermark.png); right: 0; font-size: 9pt; text-align: center; bottom: 0; color: #fff; display: none; }
a.figure-thumb { float: left; width: 190px; height: 141px; margin: 0 15px 0 0; overflow: hidden; transition-duration: .5s; display: flex; }
a.figure-thumb i.thumb { padding-top: 75%; align-self: center; }
a.figure-thumb img { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
a.figure-thumb:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
ul.two-box-list { float: left; width: 100%; }
span.two-list-date { float: right; color: #999; margin-left: 8px; }
li.two-list-title { line-height: 28px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; position: relative; padding-left: 10px; }
li.two-list-title:before { position: absolute; content: ''; height: 0; width: 0; display: block; border: 4px transparent solid; border-right-width: 0; border-left-color: #ddd; top: 10px; left: 0; }
.widget-title { position: relative; }
.widget-title .more { position: absolute; right: 15px; top: 8px; color: #999; font-size: 14px;  }
.two-list { margin-bottom: 0; border-radius: 3px; background: transparent; box-shadow: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
.two-list>div { background: #fff; padding: 0; margin-bottom: 20px; border-radius: 3px; width: 32.5%; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); }
@media (max-width:768px) {
	ul.pic-box-list li { width: 50%; }
	.pic-thumb { height: 100px; }
	.two-list>div { width: 100%; }
	a.figure-thumb { width: 100%; height: auto; display: none; }
	ul.two-box-list { width: 100%; min-height: none; }
	a.figure-thumb img { width: 100%; }
	.posts-gallery-img .simg { height: 80px; border-radius: 3px; }
}

/*会员*/
.member-content { padding: 0 15px 10px; }

/*付费阅读*/
.paywall a, .paywall-box a { text-decoration: none !important; box-shadow: unset !important; outline: none; }
.paywall { font-size: 14px; padding: 20px; border: 1px dashed #ffc107; background: #fffdf8; margin-bottom: 15px; margin-top: 10px; }
.paywall a, .paywall-box a { text-decoration: none !important; box-shadow: unset !important; outline: none; }
.paywall a:hover { box-shadow: unset !important; }
.paywall input { margin: 0px; padding: 0px; font-size: 14px; border-style: solid; border: 1px solid #bbb; }
.paywall input[name="mobile"], .paywall input[name="code"] { height: 28px; line-height: 28px; width: 120px; padding: 0 0 0 6px; margin-bottom: 15px; }
.paywall .btn { display: inline-block; border: 1px solid #ddd; color: #ddd; padding: 5px 10px; border-radius: 3px; text-align: center; }
.paywall .btn-btn { border-color: #66aa66; background: #37d13b !important; color: #fff; }
.paywall a.btn-link { background-color: #fa2; border-color: #f80; color: #fff; }
.paywall .btn-link:hover { color: #fff; }
#paywall-link-box div:not(:first-child) { display: inline-block; margin: 10px 5px 5px; }
#paywall-code-box .btn-btn { margin: 0 0 9px 0; font-weight: normal; line-height: 19px; }
#paywall-code-box .tips { margin-bottom: 15px; }
.paywall-js-show { display: none; }
.paywall-center { text-align: center; margin-top: 30px; }
.paywall-highlight { color: #f10; }
.paywall-box .paywall-highlight { margin: 20px 0; }
.paywall-mb { margin-bottom: 20px; }
.paywall-tips { color: #999; }
.paywall-reset { border: 0px; background: #fff; }
.paywall-box .paywall-mask { bottom: 120px; display: block; height: 120px; position: relative; width: 100%; /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #fff 80%);*/ background-repeat: repeat-x; /*margin-bottom: -120px;*/ margin-bottom: -100px; }
.paywall-box .paywall-lock { border-top: 1px dashed #ddd; position: relative; }
.paywall-box .icon-lock-m { background: #fff url(/skin/images/61e28d3f1874c30f.png) center 0 no-repeat; display: block; height: 24px; left: 50%; margin-left: -25px; position: absolute; top: -12px; width: 50px; }
.paywall-message-error { margin: 5px 0 15px; background: #fef5f1; padding: 1px 12px; color: #8c2e0b; border-left: 4px solid #fff; border-left-color: #dc3232; }
.paywall-message-error p { margin: 0.5em 0; padding: 2px; }
#paywall-membership-link-container a { position: relative; }
#paywall-membership-link-container a span { background: red; border-radius: 3px 8px 8px 0; color: #fff; font-size: 12px; padding: 0px 0.5em; position: absolute; right: -35px; top: -8px; }

/*问答*/
.ask-resault { padding-top: 15px; border-top: 1px solid #eee; }
.ask-resault .comment img { width: 100%; }

/*弹窗*/
.wintips { position: fixed; bottom: 0; left: 0; width: 360px; padding: 30px 20px 20px 30px; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.12); border-right: none; border-bottom: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); z-index: 99; display: none; }
.wintips-close { position: absolute; top: -15px; right: -13px; font-size: 24px; color: #888; cursor: pointer; }
.wintips-close .fa { background-color: #fff; border-radius: 50%; }
.wintips-close:hover { color: #666; }
.wintips h2 { font-size: 22px; font-weight: normal; margin: 0 0 20px; }
.wintips p { font-size: 14px; color: #666; margin: 0 0 20px; }
.wintips-thumb { position: absolute; top: -50px; right: 10px; animation: float 3s infinite; -webkit-transition: top 1s ease, opacity 1s ease; transition: top 1s ease, opacity 1s ease; display: none; }
.btn-info.btn-wintips { color: #fff }
@-webkit-keyframes float {
	0% { -webkit-transform: translatey(10px) }
	50% { -webkit-transform: translatey(-10px) }
	100% { -webkit-transform: translatey(10px) }
}
@keyframes float {
	0% { transform: translatey(10px) }
	50% { transform: translatey(-10px) }
	100% { transform: translatey(10px) }
}
@media (max-width:400px) {
	.wintips { width: 100%; }
	.wintips-close { font-size: 36px; left: 47%; top: -27px; }
}

/*kefu*/
.main-im { position: fixed; right: 10px; top: 300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(/skin/images/339bedd5c738aa27.png) no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin-top: 11px; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(/skin/images/468dc3787745f82e.png) no-repeat center center; float: left; }
.main-im .im_main .weixing-show { width: 112px; height: 142px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -82px; display: none; text-align: center; padding-top: 10px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 111px; top: 100px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 100px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 0; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(/skin/images/02b245a8f353d0d0.png) no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(/skin/images/dbc9298325995e1d.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(/skin/images/ed2ecf4fa4dab61a.png) no-repeat left top; }
.bor-ul li { height: 42px; line-height: 42px; text-align: center; border-bottom: 1px solid #f0f0f0; padding-left: 17px; }
.bor-ul li.ico-bg { background: url(/skin/images/7651914b5dd0145c.png) no-repeat; background-position: 14px -210px; }

/*.bor-ul li.ico-tp{background: url(/skin/images/topiao.png) no-repeat; background-position: 16px -214px;}
*/

/*ask*/
.ask-post-content h2 { margin: 0 0 6px; padding-top: 0; }
.ask-post-content h2 a { font-weight: normal; }
.ask-post-content ul li a, .posts-default-info ul li { color: #999; }
@media (max-width:750px) {
	.main-im, .wintips, .pb-nav-right { display: none !important; }
	.footer .footer-tag-list { margin-top: 10px; }
	.theme-list .latest-template-wrap { margin-bottom: 0; }
}
.video-wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.video-wrap .cont { width: 80%; }
.video-wrap .cont p { margin: 0; }
.video-wrap .list { width: 20%; background: #eee; padding: 15px; overflow-y: scroll; position: absolute; right: 0; height: 100%; }
.video-wrap .list .tit { margin-bottom: 15px; color: #333; }
.video-wrap .list li { line-height: 1.5; font-size: 14px; padding-left: 0; }
.video-wrap .list li:before { display: none; }
.video-wrap .list li ~ li { margin-top: 5px; }
.video-wrap .list li a { color: #666; padding: 6px 10px; background: #ddd; display: block; }
.video-wrap .list li.on a { background: #319bd0; color: #fff; }
.video-wrap .list li a:hover { text-decoration: none; }
.video-wrap .list::-webkit-scrollbar { width: 4px; height: 4px; }
.video-wrap .list::-webkit-scrollbar-thumb { border-radius: 0; background-image: -webkit-linear-gradient(315deg, #1DE9B6 0%, #08c4db 72%, #057494 100%); background-image: linear-gradient(135deg, #1DE9B6 0%, #08c4db 72%, #057494 100%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-radius: 3px; }
@media (max-width:765px) {
	.video-wrap .cont { width: 100%; }
	.video-wrap .list { width: 100%; padding: 15px; overflow-y: scroll; position: static; height: auto; }
	.widget.fixed { position: static; width: 100%; }
}
.dj-scroll .swiper-wrapper {/*flex-wrap: wrap;*/ }

/*软件工具*/
.widget_soft ul { padding: 20px 15px 0; overflow: hidden; }
.widget_soft ul li { position: relative; border-bottom: 1px #efefef dashed; margin-bottom: 11px; padding-bottom: 11px; }
.widget_soft ul li:last-child { margin-bottom: 8px; }
.widget_soft .softimg { display: block; width: 55px; float: left; }
.widget_soft ul li img { width: 48px; }
.widget_soft h2 { margin: 0; font-size: 16px; }
.widget_soft h2 span { display: block; float: right; margin-top: 12px; }
.widget_soft h2 span a { display: inline-block; vertical-align: middle; padding: 4px 10px; margin-top: -2px; border-radius: 2px; font-size: 12px; color: #fff; background-color: #319bd0; }
.widget_soft p { font-size: 13px; color: #333;  margin: 6px 0 0; line-height: 1.8; }
.index-slider { border-radius: 3px; overflow: hidden; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); }
.navbar-default .navbar-nav>li>a .hot { display: block; width: 28px; height: 19px; position: absolute; left: 50%; top: -6px; margin-left: -13px; background: url(/skin/images/ceo-hot.png) no-repeat; -webkit-animation: upDown 6s ease-in-out infinite; animation: upDown 6s ease-in-out infinite; }

/*绝对定位下：上下微悬浮*/
@keyframes upDown {
	0% { transform: translateY(5px); }
	25% { transform: translateY(0px); }
	50% { transform: translateY(5px); }
	75% { transform: translateY(0px); }
	100% { transform: translateY(5px); }
}
.zhuyi { background: #eee; padding: 10px 20px 10px; border-radius: 3px; margin-top: 30px; }
.fafafa { background: #f5f5f5; margin: 0 0 20px 0; border-radius: 3px; border-left: 3px solid #ff7700; padding-left: 10px; overflow: hidden; }
.entry p { margin: 5px 0 10px; color: #444; font-size: 14px; line-height: 180%; word-break: break-all; }
.entry strong { color: #666; font-weight: 700; }
.fafafa p { line-height: 25px; font-size: 0.9em; margin: 0; }
.entry a { text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #666; }
.fafafa a { color: #999; border-bottom: 1px solid #999; }

/*首页*/
h1,h2,h3 {margin-top: 0;margin-bottom: 0;}
.box1 {margin-bottom: 20px;}
.box1_left { width: 602px; float: left; overflow: hidden }
.box1_right { width: 320px; float: right; overflow: hidden }
.box1_right .box { }
.box1_right .box dl, .box1_right dd { padding: 0px; margin: 0px; }
.box1_right .box dt { height: 36px; line-height: 36px; text-indent: 18px; font-size: 13px; color: #ff6600 }
.box1_right .box dd { border-bottom: 1px dotted #ccc; font-size: 13px; }
.box1_right .box ul li { padding: 0px !important; height: 36px; line-height: 36px; text-align: center; float: left; width: 33.33%; border-top: 1px dotted #ccc; border-right: 1px dotted #ccc; box-sizing: border-box; }
.user_rz { width: 100%; height: 130px; margin-top: 8px; background: #fff; }
.user_rz h3 { font-size: 14px; padding-left: 10px; border-bottom: 1px solid #e5e5e5; line-height: 35px; color: #6b6b6b }
.sqrz { width: 110px; margin-right: 10px; float: right; overflow: hidden; height: 30px; line-height: 34px; }
.sqrz a { float: right; font-size: 12px; }
.sqrz em { float: left; margin-top: 10px; width: 16px; height: 14px; overflow: hidden; display: block; background: url(/skin/images/kuvai_icon.png) no-repeat -68px -35px; margin-right: 6px; }
.userlist {margin: 10px 10px 0 10px;}
.userlist a {margin: 0 7px 0px 0;overflow: hidden;width: 58px;height: 78px;float: left;display: block;line-height: 16px;text-align: center;}
.userlist a:last-child{margin-right: 0;}
.userlist a p {margin-bottom: 0;font-size: 12px;margin-top: 4px;}
.userlist img {width: 58px;height: 58px;border: 1px solid #f1f1f1;}
.nrtuijian { width: 266px; float: left; height: 408px; margin-left: 12px; background: #fff; }
.nrtuijian h3 { font-size: 14px; padding-left: 10px; border-bottom: 1px solid #e5e5e5; line-height: 45px; color: #454545 }
.pic6txt { margin: 8px }
.pic6txt li { height: 68px; margin: 0px; margin-bottom: 2px; *margin-bottom: -2px; list-style: none }
.pic6txt li .info { width: 142px; float: right; overflow: hidden }
.pic6txt li .name { overflow: hidden; height: 35px; display: block;line-height: 1.2;}
.pic6txt li .pic { float: left; display: inline; border: 1px solid #e3e3e3; }
.pic6txt li img { width: 89px; height: 60px; display: block }
.pic6txt li .nprice { font-size: 12px; color: #a7712a;margin-bottom: 0;}
#index_tool { width: 100%; padding: 0 0px 0px 12px; position: relative; overflow: hidden }
#index_tool ul { overflow: hidden }
#index_tool ul li { float: left; padding: 7px 0 0 10px; padding-left: 15px; }
#index_tool h2 { font-weight: normal; display: block; height: 26px; line-height: 26px; word-spacing: 5px; letter-spacing: 1px }
#index_tool h3 { font-size: 14px; font-weight: normal; padding: 20px 10px 10px 10px; }
#index_tool .title { font-size: 14px; border-bottom: 1px solid #e5e5e5; padding: 10px 15px; color: #454545;box-sizing: content-box;background: #fff}
#index_book { height: 110px; background-color: #a0cf67; margin: 0 7px 15px 12px; }
#index_book a { background: url(/skin/images/img_book.png) no-repeat; display: block; width: 100%; height: 100%; }
#index_book a:hover { background-position: 0 -110px; }
.index_fav {
	height:30px;
	background-color:#fff;
	margin:0 0px 0 12px;
	padding:10px 15px;
	background:#fff;
	box-sizing: content-box;
}
.index_fav a{
	width: 100px;
    float: left;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.index_rz {
	background:#449f04;
	margin-right:8px
}
.index_jiaqun {
	background:#eb4b00;
	
}
.index_vip {
	background:#076fbd;
	margin-right:8px;
	margin-top:8px
}
.index_tui {
	background:#74049f;
	margin-top:8px
}
.index_rz:hover {
	background:#62b806;
}
.index_jiaqun:hover {
	background:#fb740b;
}
.index_vip:hover {
	background:#0b90cf;
}
.index_tui:hover {
	background:#9406b8;

}
.index_fav a:hover{	color:#fff}
.mn_city {
	overflow: hidden;
	margin-bottom: 10px;
	background: #fff
}
.mn_city dl {
	clear: both
}
.mn_city dd {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.mn_city dt {
	position: relative;
	padding: 10px;
	font-size: 14px;
	font-weight: bold
}
.mn_city dt cite {
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 12px;
	font-weight: normal
}
.mn_city dd {
	border-bottom: 1px solid #edf2f8;
	line-height: 38px
}
.mn_city dd a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 38px;
	padding: 0 15px;
}
/*轮播*/
.focusBox { position: relative; width: 100%; height: 270px; overflow: hidden; }
.focusBox .pic { position: relative; z-index: 0; }
.focusBox .pic img { width: 100%; height: 270px; display: block; }
.focusBox .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; }
.focusBox .hd li { background: url(/skin/images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; _background: url(/skin/images/dot8.png) no-repeat 0 -16px; }
.focusBox .hd .on { background-position: 0 0; }
.banner-btn a { display: block; line-height: 40px; position: absolute; top: 120px; width: 25px; height: 45px; background-color: #000; opacity: 0.4; filter: alpha(opacity=40) color:rgb(255, 255, 255); overflow: hidden; z-index: 4; }
.prev { left: 0px; }
.next { right: 0px; }
.focusBox i { background: url(/skin/images/kuvai_icon.png) no-repeat; width: 25px; height: 45px; cursor: pointer; display: block; }
.focusBox .next i { background-position: -130px -36px; }
.focusBox .prev i { background-position: -131px 3px; }

.mb-cate {
	background: #fff;
	padding: 0 20px;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
	border-radius: 3px;
}
.mb-cate .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
}
.mb-cate .item ~ .item {
	border-top: 1px solid #eee;
}
.mb-cate .item .tit {
	width: 80px;
	color: #333;
	font-size: 14px;
}
.mb-cate .item .mb-sx {
	flex: 1;
}
.mb-cate .item .mb-sx .btn {
    display: inline-block;
    padding: 2px 10px;
    margin: 2px 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.mb-cate .item .mb-sx .btn:hover,
.btn.on {
	background: #319bd0;
	color: #fff;
}
.mb-cate .item .mb-sx .btn .badge {
	border-radius: 0;
	padding: 2px 5px;
}
.mb-cate .item .mb-sx .btn:hover .badge,
.mb-cate .item .mb-sx .btn.on .badge,
.mb-cate .item .mb-sx .btn .btn-info {
	background: #fff;
	color: #319bd0
}
.mb-cate .item .mb-hy .btn {
	width: 78px;
	text-align: center;
}

.mblist {
	padding: 20px 0;
	background: #fff;
}
.mblist .pagination {
	text-align: center;
	width: 100%;
}