/* AB模æ¿ç½‘ 整站模æ¿ä¸‹è½½ */
/* 模æ¿ï¼šWww.AdminBuy.Cn */
/* QQ：9490489 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }
div,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main { margin: 0; padding: 0; }
body { background-color: #f2f2f2; font: 100%/1.5em 'Microsoft Yahei', Arial, tahoma; overflow-x: hidden; width: 100%; transition: width .3s; }
a { text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; color:#333;}
a:hover {color:#F04848;}
input,
textarea { -webkit-appearance: none; border: 0; font-family: 'Microsoft Yahei';}
input:focus { outline: none; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 16px; width: 100%; border-top: solid 1px #e4e4e4; border-left: solid 1px #e4e4e4; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #e4e4e4; box-sizing: border-box; }
img.alignleft { float: left; margin: 0 15px 15px 0; }
img.aligncenter { display: block; margin: 0 auto; }
img.alignright { float: right; margin: 0 0 15px 15px; }
/*gold*/
.inner { width: 1200px; margin: 0 auto; }
#blank { height: 70px; width: 100%; overflow: hidden; }
.thumbnail { position: relative; overflow: hidden; }
.thumbnail a {display: block; padding-bottom: 75%; position:relative;}
.thumbnail img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.browser { width: 100%; background-color: #FCEFD2; border-bottom: 1px solid #F4B329; color: #333; font-weight: bold; text-align: center; padding: 8px 10px; font-size: 14px; }
/*ad*/
.mainMid { padding: 20px 20px 0; }
.listBtm { margin-bottom: 20px; }
.mainMid a,
.listBtm a { display: block; }
.mainMid img,
.listBtm img { display: block; width: 100%; height: auto; }
/*footer*/
#footer { background-color: #000; padding: 77px 0 15px; margin-top: -77px; color:#afafaf;}
#footer .line {width: 100%; clear:both; overflow: hidden; height: 1px; background-color:#232323; margin-bottom: 15px;}
#footer a {color:#afafaf;}
#footer a:hover {color:#aaa;}
/*links*/
#links { padding: 15px 0; overflow: hidden; position: relative; }
#links h2 {float: left; font-weight: normal; font-size: 14px; line-height: 1.75em; color: #555; position: relative;}
#links ul { margin-left: 76px; overflow: hidden; }
#links li { float: left; font-size: 14px; line-height: 1.75em; padding: 0 20px; position: relative; }
#links li:after { content: ''; display: block; width: 1px; height: 10px; background-color: #555; position: absolute; left: 0; top: 50%; margin-top: -5px; }
#links li a { color: #555; display: block; }
#links li a:hover { color: #999; }
/*pagesList*/
#pagesList {margin-bottom: 5px;}
#pagesList ul { text-align: center; font-size: 0; line-height: normal; }
#pagesList li { display: inline-block; font-size: 14px; line-height: 1.75em; padding: 0 2%; position: relative; }
#pagesList li:after { content: ''; display: block; width: 1px; height: 10px; background-color: #afafaf; position: absolute; right: 1px; top: 50%; margin-top: -5px; }
#pagesList li:last-child:after { display: none; }
/*copyright*/
#copyright {font-size:14px; line-height: 1.75em; text-align: center; text-transform: uppercase;}
#copyright a {display: inline-block;}
#copyright img {display: inline-block; vertical-align: middle; width: auto; height: 18px; margin-top: -3px;}
/*sideNav*/
.sideNav { position: fixed; right: 3%; bottom: 20%; z-index: 2; }
.sideNav li { width: 35px; height: 35px; border-radius: 3px; background: #000 no-repeat center center; background-size: 50%; position: relative; margin-bottom: 5px; cursor: pointer; border: 1px solid #222; }
.sideNav .qq { background-image: url(../images/icon_qq.png); }
.sideNav .qq a { display: block; text-indent: -9999em; width: 100%; height: 100%; }
.sideNav .qr { background-image: url(../images/icon_qr.png); }
.sideNav .qrcode { position: absolute; right: 88px; top: 50%; margin-top: -53px; box-shadow: 0px 0px 5px #919191; width: 0; overflow: hidden; opacity: 0; transition: right .3s, opacity .5s; }
.sideNav .qrcode.open { width: auto; overflow: visible; opacity: 1; right: 55px; }
.sideNav .qrcode:after { content: ''; display: block; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); position: absolute; right: -5px; top: 50%; margin-top: -6px; box-shadow: 0px 0px 5px #919191; }
.sideNav .qrcode span { display: block; background-color: #fff; border-radius: 3px; padding: 3px; width: 100px; height: 100px; position: relative; z-index: 1; }
.sideNav .qrcode img { display: block; width: 100%; height: 100%; border-radius: 3px; }
.sideNav .back { background-image: url(../images/icon_arrow.png); }
.ftTop { overflow: hidden; margin-top: 20px; }
.ftBox { overflow: hidden; width: 104.2%; }
.widget { float: left; width: 30%; padding-right: 3%; padding-bottom: 15px; overflow: hidden; }
.widget li { overflow: hidden; margin-bottom: 5px; color: #666; font-size: 14px; }
.widget li a { color: #666; }
.widget li a:hover { color: #999; }
.widget h2 { font-size: 16px; color: #555; font-weight: normal; margin-bottom: 15px; position: relative; padding-left: 10px; }
.widget h2:after { content: ''; display: block; width: 3px; height: 12px; background-color: #555; position: absolute; left: 0; top: 50%; margin-top: -5.5px; }
.widget .thumbnail { width: 80px; height: 60px; float: left; border: 6px solid rgba(255, 255, 255, .2); border-radius: 3px; transition: border .3s; }
.widget .thumbnail img { border-radius: 3px; }
.widget .thumbnail:hover { border-color: rgba(255, 255, 255, .1); }
.widget .info { margin-left: 110px; overflow: hidden; }
.widget h3 { font-size: 14px; font-weight: normal; color: #555; line-height: 1.75em; max-height: 3.5em; overflow: hidden; }
.widget time { display: block; font-size: 12px; color: #515151; }
.widget .custom { margin-bottom: 10px; }
.widget .page_item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.widget .image { max-width: 100%; height: auto; }
.widget form { position: relative; overflow: hidden; padding-right: 60px; }
.widget input[type='text'] { height: 40px; line-height: normal; -webkit-appearance: none; background-color: #333; color: #999; width: 90%; padding: 0 5%; }
.widget input[type='submit'] { background-color: #222; color: #999; height: 40px; width: 60px; display: block; position: absolute; right: 0; top: 0; border-radius: 0 5px 5px 0; }
.divCalendar { color: #666; text-align: center; font-size: 14px; }
.divCalendar a { color: #666; }
.divTags { overflow: hidden; }
.divTags ul { overflow: hidden; }
.divTags li { float: left; padding: 2px 4px 2px 0; }
.divTags a { display: block; font-size: 12px; color: #999; background-color: #222; padding: 2px 10px; border-radius: 3px; transition: all .3s; }
.divTags a:hover { background-color: #313131; color: #aaa; }
/*header*/
#header { width: 100%; background-color: #000; box-shadow: 0px 0px 8px rgba(0, 0, 0, .5); height: 70px; position: fixed; left: 0; top: 0; z-index: 9; }
#header .inner { position: relative; }
/*logo*/
#logo { float: left; padding: 13px 0; }
#logo a {}
#logo a img{ height:44px}
/*nav*/
#nav {margin:0 18px 0 170px;}
#nav ul {font-size:0; text-align: right; line-height: normal;}
#nav li {display: inline-block; font-size: 16px; padding: 13px 2.5%; height: 44px; line-height: 42px; position: relative;}
#nav li ul { position: absolute; left: 0; top: 37px; width: 100%; background-color: #000; background-color: rgba(0, 0, 0, .8); overflow: hidden; z-index: 2; height: 0; opacity: 0; transition: top .3s, opacity .3s; }
#nav li ul.show { height: auto; opacity: 1; padding: 5px 0; top: 70px; }
#nav li li {display: block; text-align: center; padding: 0; font-size:14px; height: auto; line-height: 35px;}
#nav a { color: #fff; display: block; position: relative; z-index: 2; }
#nav .drop { padding-right: 15px; }
#nav .drop:after { content: ''; display: block; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 0; top: 50%; margin-top: -3px; }
#nav em { display: none; }
/*topBtn*/
#topBtn {float:right; padding:26px 0;}
#topBtn span {display: block; float:left;}
/*schBtn*/
#schBtn {width: 18px; height: 18px; background: url(../images/icon_sch.png) no-repeat center center; background-size: contain; cursor: pointer; }
/*search*/
#search { position: absolute; right: 0; top: 50px; background-color: rgba(0, 0, 0, .5); width: 300px; overflow: hidden; height: 0; opacity: 0; transition: top .3s, opacity .3s; }
#search.show { height: auto; opacity: 1; top: 100%; }
#search form { padding: 10px; display: block; }
#search .submit { display: block; width: 50px; height: 35px; background-color: #000; font-size: 14px; cursor: pointer; color: #fff; float:right;}
#search .input {margin-right: 50px; overflow: hidden;}
#search .text { background-color: rgba(0, 0, 0, .6); height: 25px; line-height: 25px; display: block; padding: 5px 5%; width: 90%; font-size: 14px; color: #fff; }
/*banner*/
.banner { background: no-repeat center center; background-size: cover; padding-bottom: 60px; }
.banner .inner { padding-bottom: 340px; position: relative; }
.pgInfo { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }
.pgTitle { color: #fff; font-size: 48px; font-weight: normal; line-height: 1.5em;}
.pgIntro { color: #eee; font-size: 16px; line-height: 1.75em; height: 5.25em; overflow: hidden; margin-top: 3.5%;}
/*container*/
#container { margin-top: -56px; position: relative; z-index: 1; }
#container.nm {margin-top: 0;}
#container .inner { background-color: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, .1); border-radius: 5px;}
.mainTop { overflow: hidden; padding: 12.5px 20px; border-bottom: 1px solid #e4e4e4; }
.mainBtm { overflow: hidden; padding: 20px; }
/*scial*/
.scial { float: right; font-size: 14px; color: #555; }
.scial span { display: block; float: left; line-height: 30px; padding-left: 10px; }
.scial a { display: block; text-indent: -9999em; width: 30px; height: 30px; background: #ddd no-repeat center center; background-size: 60%; border-radius: 50%; }
.scial .wb a { background-image: url(../images/icon_wb.png); }
.scial .wx a { background-image: url(../images/icon_wx.png); }
.wxQrcode { position: fixed; left: 0; top: -100%; width: 100%; height: 100%; background-color: #fff; background-color: rgba(255, 255, 255, .99); z-index: 10; transition: top .3s; overflow: hidden; }
.wxQrcode.open { top: 0; transition: top .3s; }
.wxQrcode .wxBox { margin-top: 150px; position: relative; }
.wxQrcode .wxBox img { display: block; width: 200px; height: auto; margin: 0 auto; }
.wxQrcode .wxBox p { text-align: center; padding: 10px 0; font-size: 18px; }
.wxQrcode .close { position: absolute; right: 20px; top: -20px; cursor: pointer; display: block; width: 25px; height: 25px; }
.wxQrcode .close:before,
.wxQrcode .close:after { content: ''; display: block; width: 4px; height: 30px; transform: rotate(45deg); background-color: #000; border-radius: 2px; position: absolute; top: 0; }
.wxQrcode .close:after { transform: rotate(-45deg); }
/*breadcrumb*/
.breadcrumb { float: left; line-height: 30px; font-size: 14px; color: #888;}
.breadcrumb a { color: #888; }
.breadcrumb i { font-style: normal; font-family: 'Simsun'; padding: 0 10px; }
/*pagenavi*/
#pagenavi { font-size: 0; text-align: center; line-height: normal; border-top: 1px solid #e4e4e4; padding-top: 20px; }
#pagenavi a,
#pagenavi .now-page { display: inline-block; font-size: 14px; margin: 0 5px; color: #888; border: 1px solid #e4e4e4; padding: 0 11px; height: 30px; line-height: 30px; }
#pagenavi a:hover,
#pagenavi .now-page { background-color: #000; color: #fff; border-color: #000; }
/*item*/
#boxList { width: 103%; overflow: hidden;}
#boxList .item { float: left; width: 31%; padding-right: 2%; padding-bottom: 2%; position: relative; }
#boxList .isTop { background-color: #F04848; color: #fff; width: 1em; padding: 5px; position: absolute; left: 10px; top: 0; z-index: 3; font-size: 12px; line-height: 1.35em; border-radius: 0 0 3px 3px; }
#boxList .thumbnail {margin-bottom: 10px;}
#boxList .thumbnail img { transition: all .3s; }
#boxList .thumbnail a:hover img { transform: scale(1.1, 1.1); opacity: .9; }
#boxList .cat {position:absolute; left:5%; bottom:5%; background-color:rgba(240,72,72,.75); color:#fff; font-size:12px; line-height: 2em; padding:0 5px; font-style: normal; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#boxList h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.5em; margin-bottom: 5px; }
#boxList .intro { font-size: 14px; line-height: 1.75em; height: 3.5em; overflow: hidden; color: #666; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow: ellipsis; text-align: justify;}
#boxList .meta {font-size: 12px; line-height: 1.5em; color:#999;}
#boxList .meta span {display: block; background:no-repeat left center; background-size:auto 14px; padding-left:17px;}
#boxList .meta .date {background-image:url(../images/icon_date.png); float:right;}
#boxList .meta .views {background-image:url(../images/icon_hot.png); margin-right: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*blogList*/
#blogList .item { overflow: hidden; margin-bottom: 2.5%; padding-bottom: 2.5%; border-bottom: 1px dashed #e4e4e4; }
#blogList .item:last-child { border-bottom: none; padding-bottom: 0; }
#blogList .thumbnail { float: right; width: 200px;}
#blogList .info { margin:0 220px 0 100px; }
#blogList h2 { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.35em; margin-bottom: 10px; }
#blogList .intro { font-size: 14px; color: #777; line-height: 1.75em; height: 5.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-bottom: 10px; text-align: justify;}
#blogList .more { overflow: hidden; }
#blogList .more a { color: #fff; background-color: #F04848; display: block; float: left; height: 26px; border-radius: 0 13px 13px 0; padding: 0 15px 0 10px; line-height: 26px; font-size: 12px;}
#blogList .meta { font-size: 12px; line-height: 1.5em; float: left; width: 100px; color: #888; }
#blogList .meta a { color: #888; }
#blogList .meta span { display: block; background: no-repeat left 7px; background-size: auto 14px; padding:5px 0 5px 20px;}
#blogList .meta .date { background-image: url(../images/icon_date.png); }
#blogList .meta .cat { background-image: url(../images/icon_cat.png); }
#blogList .meta .views { background-image: url(../images/icon_hot.png); }
/*post*/
.post { overflow: hidden; position: relative; }
/*singlePost*/
#singlePost .entry {margin-bottom: 2%;}
/*postTitle*/
#postTitle { font-size: 32px; line-height: 1.5em; color: #333; margin-bottom: 2.5%; }
/*postmeta*/
#postmeta { color: #888; font-size: 14px; overflow: hidden; margin-bottom: 2.5%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0; }
#postmeta a { color: #888; }
#postmeta span { display: block; float: left; padding:0 20px; background: no-repeat left center; background-size: auto 16px; }
#postmeta .date { background-image: url(../images/icon_date.png); }
#postmeta .views { background-image: url(../images/icon_hot.png); }
#postmeta .cmts { background-image: url(../images/icon_cmt.png); }
#postmeta .cat { float: right; background-image: url(../images/icon_cat.png); padding-right: 0;}
/*entry*/
#postShare {margin-bottom: 2.5%;}
#postShare ul {font-size:0; line-height: normal;}
#postShare li {display: inline-block; font-size: 14px; line-height: 25px; position: relative; margin-right: 10px; }
#postShare a { display: block; overflow: hidden; color: #666; }
#postShare a:hover { opacity: .8; }
#postShare i { font-style: normal; background: no-repeat center center; display: inline-block; margin-right: 10px; background-size: 16px auto; width: 25px; height: 25px; vertical-align: middle;}
#postShare .wx i { background-color: #20a839; background-image: url(../images/share_wx.png); }
#postShare .wb i { background-color: #e6162d; background-image: url(../images/share_wb.png); }
#postShare .qz i { background-color: #f5be3f; background-image: url(../images/share_qz.png); }
#postShare .qq i { background-color: #30a5dd; background-image: url(../images/share_qq.png); }
#postShare .qrcode { position: absolute; left:0; top: 100%; width: 100px; height: auto; background-color: #fff; border: 1px solid #e4e4e4; padding: 5px; display: none; z-index: 3; margin-top: 10px;}
#postShare .qrcode:before { content: ''; display: block; width: 8px; height: 8px; background-color: #fff; border-left: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; transform: rotate(45deg); position: absolute; left: 10px; top: -6px; }
#postShare .qrcode canvas { display: block; width: 100%; height: auto; }
#postShare #qrcode { margin-bottom: 5px; }
#postShare .text { font-size: 12px; color: #555; text-align: center; line-height: 1.5em; }
/*entry*/
.entry { color: #333; font-size: 16px; line-height: 1.875em; overflow: hidden; text-align: justify;}
.entry video,
.entry img { max-width: 100%; height: auto !important; }
.entry p,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { margin-bottom: 2.5%; }
.entry ul,
.entry ol { margin-bottom: 2.5%; padding-left: 1em; margin-left: 2em;}
.entry ul li {list-style: outside disc none; }
.entry ol li {list-style: outside decimal none; }
.entry li p {margin-bottom: 0;}
.entry blockquote { overflow: hidden; margin: 0 2em 2.5%; padding: 2.5% 2.5% 0; font-style: italic; border: 1px solid #e6e6e6; border-radius: 5; background-color: #fefefe; color: #555; }
.entry hr {border:none; overflow: hidden; border-bottom:1px solid #e6e6e6; margin-bottom: 2.5%;}
.entry a {color:#F04848;}
.entry a:hover {text-decoration: underline;}
/*tags*/
#tags {margin-bottom: 2.5%; }
#tags h3 {font-size:12px; float:left; line-height: 24px; color:#555;}
#tags ul {overflow: hidden; margin-left: 50px;}
#tags li {float:left; padding-right: 15px;}
#tags a { display: block; color: #555; background-color: #f9f9f9; padding: 0 10px; height: 24px; line-height: 24px; font-size: 12px; }
#tags a:hover {color:#fff; background-color: #F04848;}
/*statement*/
#statement { margin-bottom: 2.5%; font-size: 14px; color: #F04848; text-align: center; }
#statement span { background: url(../images/icon_cp.png) no-repeat left 3px; padding-left: 18px; background-size: auto 14px; }
/*postnavi*/
#postnavi { margin-bottom: 2.5%; font-size: 14px; line-height: 1.875em; overflow: hidden;}
#postnavi .prev,
#postnavi .next {float:left; width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#postnavi .next {float:right; text-align: right;}
/*boxTitle*/
.boxTitle { font-size: 18px; line-height: 1.5em; color:#333; margin-bottom: 2%;}
.boxTitle i { font-style: normal; font-size: 14px; color: #F04848;margin-left: 10px; font-weight: normal;}
/*related*/
#related {border-top: 1px dashed #e4e4e4; overflow: hidden; padding:2.5% 0;}
#related ul { overflow: hidden; width: 103%; }
#related li { float: left; width: 47%; padding-right: 3%; overflow: hidden; padding-bottom: 2%; }
#related .thumbnail { float: left; width: 100px; border-bottom-left-radius: 5px; }
#related .info {margin-left: 110px; overflow: hidden; text-align: justify;}
#related h4 {font-size: 16px; line-height: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 2px; }
#related p {font-size:14px; color:#666; line-height: 1.75em; max-height: 3.5em; overflow: hidden;}
/*warning*/
.warning {font-size: 14px; color: #666; margin-bottom: 5px;}
/*comment*/
#comment .item {overflow: hidden; padding:5px 0;}
#comment label { display: block; float: left; font-size: 14px; color: #666; line-height: 34px; }
#comment .input { overflow: hidden; border: 1px solid #666; margin-left: 50px; overflow: hidden; position: relative; }
#comment .text {display: block; width: 98%; height: 24px; line-height: 24px; padding: 4px 1%; font-size:14px; border:none;}
#comment textarea.text {height: 120px; resize: vertical; padding:8px 1%;}
#comment .verify img { display: block; position: absolute; right: 1px; top: 50%; transform:translateY(-50%); height: 30px; width: auto; cursor: pointer;}
#comment .submit { float: right; background-color: #F04848; color: #fff; display: block; height: 45px; padding: 0 35px; border-radius: 5px; font-size: 24px; cursor: pointer;}
#cancel-reply { font-size: 12px; color: #999; line-height: 1.75em; display: block; float: left; padding-right: 10px; }
/*commentBox*/
#commentsList { overflow: hidden; clear: both; border-top: 5px solid #333; padding:2.5% 0; }
#commentsList #pagenavi {border-top: none; padding-top: 0;}
#commentsList li { overflow: hidden; margin-bottom: 2.5%; position: relative; }
#commentsList .avatar { float: left; padding:5px 0;}
#commentsList .avatar img { display: block; width: 45px; height: 45px; border-radius: 5px; }
#commentsList .avatar a { display: block; font-size: 12px; line-height: 2em; color: #353535; text-align: center; }
#commentsList .info { margin:0 62px 0 55px; overflow: hidden; }
#commentsList .meta { font-size: 14px; line-height: 1.5em; color: #333; padding-bottom: 5px; margin-left: 7px; overflow: hidden; }
#commentsList .user {font-weight: bold;}
#commentsList .date { font-size: 12px; color: #aaa; margin-left: 10px; }
#commentsList .text { background-color: #fff; border: 1px solid #eee; border-radius: 3px; padding: 10px 15px; position: relative; margin-left: 7px; font-size: 14px; line-height: 1.75em; color: #000; clear: both; }
#commentsList .text:before { content: ''; display: block; width: 7px; height: 7px; background-color: #fff; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; transform: rotate(-45deg); position: absolute; left: -5px; top: 10px; }
#commentsList li li { margin: 2% 0 0 0; }
#commentsList li li .avatar { float: right; }
#commentsList li li .info { margin:0 55px 0 62px;}
#commentsList li li .meta { float: right; margin: 0 7px 0 0; }
#commentsList li li .date { float: left; padding: 0 10px 0 0; }
#commentsList li li .text { margin: 0 7px 0 0; text-align: right; }
#commentsList li li .text:before { left: auto; right: -5px; transform: rotate(135deg); }
#commentsList #comment label {display: none;}
#commentsList #comment .input {margin-left: 0;}
#commentsList #comment .submit { height: 30px; padding: 0 15px; font-size: 14px; border-radius:0;}
#commentsList #comment .text {text-align: left;}
/*404*/
#errorPage { padding: 15% 0; text-align: center;}
#errorPage h2 { font-size: 32px; color:#333; line-height: 1.5em; margin-bottom: 5%; }
#errorPage .entry {text-align: center; color:#555;}
#errorPage .entry p {margin-bottom: 0;}
/*singlePage*/
#singlePage #postTitle {text-align: center;}
/*slides*/
#slides {margin-bottom: 2.5%;}
#slides .item a {display: block; padding-bottom: 35%; background:no-repeat center center; background-size:cover;}
#slides .owl-nav button { display: block; width: 30px; height: 30px; position: absolute; top: 50%; text-indent: -9999em; margin-top: -15px; }
#slides .owl-nav .owl-prev { left: 10px; }
#slides .owl-nav .owl-next { right: 10px; }
#slides .owl-nav span { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center center; }
#slides .owl-nav .owl-prev span { background-image: url(../images/arrow_left.png); }
#slides .owl-nav .owl-next span { background-image: url(../images/arrow_right.png); }
#slides .owl-dots {position:absolute; left:50%; transform: translateX(-50%); white-space: nowrap; bottom:0; margin-bottom: 3.5%; font-size:0; line-height: normal;}
#slides .owl-dot {display: inline-block; margin:0 5px;}
#slides .owl-dot span {display: block; width: 15px; height: 3px; background-color:rgba(255,255,255,.35); transition:width .3s;}
#slides .owl-dot.active span {background-color: #fff; width: 20px;}
/*screen width*/
@media only screen and (max-width:1280px) {
/*gold*/
.inner { width: 93.75%; }
/*banner*/
.banner .inner { padding-bottom: 26.5625%; }
.pgTitle { font-size: 32px; }
/*1280px*/
#logo {padding:15px 0;}
/*1280px*/
#nav {margin-left: 155px;}
#nav li {padding-left:2%; padding-right: 2%;}
}
@media only screen and (max-width:1024px) {
body.open { position: fixed; height: 100%; overflow: hidden; }
/*1024px*/
#nav {margin:70px 0 0; position: fixed; top: 0; left: -100%; width: 220px; height: 100%; transition: left .3s; z-index: 3; background-color: rgba(0, 0, 0, .85); margin-top: 70px; -webkit-overflow-scrolling:touch; overflow-y:auto;}
#nav.open { left: 0; }
#nav ul {margin-bottom: 70px; text-align: left;}
#nav li {display: block; padding: 0; height: auto; line-height: 45px; font-size:14px;}
#nav li ul { position: static; left: auto; top: auto; width: auto; background-color: transparent; opacity: 1; height: auto; display: none; margin:0;}
#nav li ul.show { padding: 0; top: auto; }
#nav li li { text-align: left; }
#nav li li a { padding-left: 2.5em; }
#nav a { padding: 0 1.5em; }
#nav .drop:after { right: 1em; }
#nav em { display: block; position: absolute; right: 0; top: 0; z-index: 3; width: 45px; height: 45px; }
/*1024px*/
#navBtn { width: 20px; height: 16px; float:left; position:relative; margin-left: 15px;}
#navBtn i { position: absolute; left: 0; top: 50%; margin-top: -0.5px; width: 100%; height: 1px; background-color: #fff; transition: all .3s; }
#navBtn i:before,
#navBtn i:after { content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; transition: transform .3s; }
#navBtn i:before { top: -6.5px; }
#navBtn i:after { bottom: -7px; }
#navBtn.open i { transform: rotate(45deg); height: 0; }
#navBtn.open i:before { transform: rotate(180deg); top: 0; }
#navBtn.open i:after { transform: rotate(90deg); bottom: auto; top: 0; }
/*1024px*/
#blogList .thumbnail {width: 160px;}
#blogList .info {margin-right: 180px;}
#blogList h2 {margin-bottom: 8px; font-size: 18px;}
#blogList .intro {height: 3.5em; -webkit-line-clamp:2;}
/*1024px*/
#errorPage h2 {font-size:26px;}
/*1024px*/
#postTitle { font-size: 26px;}
/*1024px*/
#comment .submit {height: 40px; padding: 0 20px; font-size: 16px;}
}
@media only screen and (max-width:768px) {
/*footer*/
#footer { padding-top: 63px; margin-top: -63px; }
.sideNav .qr,
.sideNav .back { display: none; }
.ftBox { width: auto; }
.widget { width: auto; float: none; padding-right: 0; overflow: hidden; }
.widget h2 { margin-bottom: 10px; }
.widget ul { width: 103%; overflow: hidden; }
.widget li { width: 47%; padding-right: 3%; float: left; }
.widget .info { margin-left: 100px; }
/*banner*/
.banner { padding-bottom: 43px; }
.pgTitle { font-size: 22px;}
.pgIntro { height: auto; max-height: 5.25em; font-size: 14px; }
/*scial*/
.scial { padding: 2.5px 0; }
.scial span { line-height: 25px; }
.scial .tl { display: none; }
.scial a { width: 25px; height: 25px; }
/*768px*/
#header { height: 50px; }
#header .inner {position: static;}
/*768px*/
#blank { height: 50px; }
/*768px*/
#logo { padding: 8px 0;}
#logo a { }
#logo a img{ height:34px}
/*768px*/
#search {width: 100%;}
#search form {padding:10px 3.125%;}
/*768px*/
#topBtn {padding:16px 0;}
/*768px*/
#nav {width: 100%; margin-top: 50px;}
#nav ul { margin-bottom: 50px; }
/*768px*/
#container { margin-top:0; }
#container .inner {width: auto; border-radius: 0;}
.mainTop { padding: 5px 3.125%; }
.mainBtm { padding: 3.125% 3.125% 5%; }
/*768px*/
.breadcrumb {font-size:12px;}
.breadcrumb i {padding:0 5px;}
/*768px*/
#slides {margin-bottom: 3.5%;}
#slides .owl-nav button {width: 16px; height: 16px; margin-top: -8px;}
#slides .owl-dot span {width: 10px;}
#slides .owl-dot.active span {width: 15px;}
/*768px*/
#boxList { margin-bottom: 0; }
#boxList .item { width: 47%; padding-right: 3%; padding-bottom: 3%; }
#boxList h2 { font-size: 14px; }
#boxList .intro {font-size:12px; margin-bottom: 5px;}
/*768px*/
#pagenavi { padding-top: 5%; }
#pagenavi a, #pagenavi .now-page { height: 24px; line-height: 24px; padding: 0 8px; margin: 0 3px; font-size:12px; }
/*768px*/
#blogList .item {margin-bottom: 3.125%; padding-bottom: 3.125%;}
#blogList .thumbnail {width: 110px; float:left;}
#blogList .meta {display: none;}
#blogList .info {margin:0 0 0 120px;}
#blogList h2 {margin-bottom: 0; font-size:14px; line-height: 2em; max-height: 4em; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space: normal;}
#blogList .intro {height: auto; -webkit-line-clamp:1; white-space: nowrap; margin-bottom: 0; display: block;}
#blogList .more {display: none;}
/*768px*/
#errorPage {padding:25% 0;}
#errorPage h2 {font-size:20px;}
#errorPage .entry {font-size: 14px;}
/*768px*/
#postTitle { font-size: 20px; margin-bottom: 3.5%;}
/*768px*/
#postmeta {font-size:12px; padding:5px 0; margin-bottom: 5%;}
#postmeta span {padding-right: 10px;}
/*768px*/
#postShare li {font-size:12px;}
#postShare i {width: 20px; height: 20px; margin-right: 5px;}
/*768px*/
#postTitle { font-size: 20px; }
/*768px*/
.entry {font-size: 14px; }
/*768px*/
#tags li {padding-right: 10px;}
/*768px*/
#postnavi .prev,
#postnavi .next {width: auto; float:none; text-align: left;}
/*768px*/
.boxTitle {font-size:16px; margin-bottom: 3.5%;}
/*768px*/
#related {padding-top:3.5%;}
#related ul {width: auto;}
#related li {width: auto; float:none; padding-right: 0; padding-bottom: 3.5%;}
#related .thumbnail {width: 96px;}
#related .info {margin-left: 105px;}
#related h4 {font-size:14px;}
/*768px*/
#comment label { float: none;line-height: 1.75em; margin-bottom: 5px;}
#comment .input {margin-left:0;}
#comment .text {width: 94%; padding: 4px 3%;}
#comment textarea.text {padding:6px 3%;}
#comment .submit {height: 35px; padding: 0 15px; border-radius:0; font-size: 14px;}
/*768px*/
#commentsList {padding:3.5% 0; border-top-width:3px;}
#commentsList li {margin-bottom: 3.5%;}
#commentsList .avatar img {width: 35px; height: 35px; border-radius: 3px;}
#commentsList .info,
#commentsList li li .info {margin:0 0 0 40px;}
#commentsList .text {padding:6px 10px;}
#commentsList li li {margin:3.5% 0 0 5%;}
#commentsList li li .avatar {float:left;}
#commentsList li li .meta {float:none;}
#commentsList li li .date {float:none;}
#commentsList li li .text {margin:0 0 0 7px; text-align: left;}
#commentsList li li .text:before {transform: rotate(-45deg); left: -5px;}
/*768px*/
#pagesList li,
#copyright {font-size:12px;}
/*768px*/
#links h2 {font-size:12px;}
#links ul {margin-left: 58px;}
#links li {font-size:12px; padding:0 10px;}
}
@media only screen and (max-width:480px) {
/*footer*/
.widget ul { width: auto; }
.widget li { width: auto; padding-right: 0; float: none; }
}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 8px 10px;
margin: 0 2px;
border-radius: 3px; line-height:100%
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #333;
border: 1px solid #333;
}
.pagination a.page-num-current {
color: #fff;
background: #333;
border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
#maximg img{ max-width:100% !important; height:auto !important}
#maximg p span{text-wrap: inherit !important;}