html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*html {background-image:url(about:blank);background-attachment:fixed;}
/* for ie6 fixed Flashing*/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 {margin:0;padding:0;border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}
/* Reset HTML5 tags */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
/* HTML5 media files to be consistent with the img */audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
button,input,select,textarea,a {outline:none;}
input,select,textarea {-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0;}
/* for ios */input,button {*overflow:visible;}
/* ie7 following browser button double margins plus padding */input {_overflow:hidden;}
/* ie6 input box automatically extended */select {-moz-box-sizing:content-box;}
/* for firefox */textarea {resize:none;}
/* Disable the drag of the input field in firefox,chrome,safari */textarea {_overflow-y:auto;}
/* ie6 input field is no scroll bar */a,a:hover,a:visited,a:link,ins {/*for safari*/    outline:0;text-decoration:none;}
p a {color:#3b6ad1;}
/* Default does not show the underline */ins,a {text-decoration:none;}
/* Merge table margins */table {border-collapse:collapse;border-spacing:0;}
/* IE bug fixed:th do not inherit text-align*/th {text-align:inherit;}
/* Remove the default text-align:center */caption,th {text-align:left;}
/* Remove the default borders and underline */fieldset,img {border:0;text-decoration:none;}
/*This is to prevent a gap from showing below images in some browsers*/img {vertical-align:bottom;-ms-interpolation-mode:bicubic;}
/*bicubic resizing for non-native sized IMG*//* Removal of the default font definition,The title can be custom */h1,h2,h3,h4,h5,h6 {font-size:100%;/*font-weight:500;*/}
q:before,q:after {content:'';}
/* ie6 7 8(q) bug Is within the performance. */iframe {display:block;}
/* Remove the borders for firefox */abbr,acronym {border:0;font-variant:normal;}
/* Consistent style of del */del {text-decoration:line-through;}
/* Unified superscript and subscript */sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
/*from jd*/
* {font-family:Helvetica,Droidsansfallback,Droid Sans,Retina,arial,PingFangTC,"Microsoft JhengHei",Arial,sans-serif,"PingFangTC","Microsoft JhengHei",Arial,sans-serif;outline:none;lighting-color:transparent;-webkit-tap-highlight-color:transparent;}
body {font-size:0.9rem;font-family:Arial;background-position:top;background-repeat:repeat-x;background-size:auto 650px;background-attachment:fixed;}
html {background-image:linear-gradient(to bottom,rgba(0,0,0,0.08) 0px,rgba(0,0,0,0.02) 620px) ;background-image:-webkit-linear-gradient(-90deg,rgba(0,0,0,0.08) 0px,rgba(0,0,0,0.02) 620px);background-repeat:no-repeat;width:100%;height:100%;overflow:hidden;overflow-y:auto;background-attachment:fixed;}
html::-webkit-scrollbar {width:10px;background-color:rgba(0,0,0,0.05);}
html::-webkit-scrollbar-thumb {width:10px;background-color:#ccc;}
ul,ol,li {list-style:none;}
.fleft {float:left;}
.fright {float:right;}
.autoleft {float:left;}
.autoright {float:right;}
.clear {width:auto;height:0px;line-height:0px;font-size:0px;overflow:hidden;clear:both;display:block;}
.h5px {height:5px!important;}
.h10px {height:10px!important;}
.h15px {height:15px!important;}
.h20px {height:20px!important;}
h30px {height:20px!important;}
.mb5px {margin-bottom:5px;}
.mb10px {margin-bottom:10px;}
.mb15px {margin-bottom:15px;}
.mb20px {margin-bottom:20px;}
.suibox {box-sizing:border-box;}
.clear {clear:both;width:auto;height:0px;line-height:0px;font-size:0px;overflow:hidden;display:block;visibility:hidden;}
.mcenter {margin-left:auto;margin-right:auto;}
.br5px {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;overflow:hidden;background-clip:padding-box;/*miui bug*/}
.br10px {border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;overflow:hidden;background-clip:padding-box;/*miui bug*/}
.br15px {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;overflow:hidden;background-clip:padding-box;/*miui bug*/}
.br20px {border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;overflow:hidden;background-clip:padding-box;/*miui bug*/}
.autowall {width:100%;}
.fixedwall {margin-left:auto;margin-right:auto;box-sizing:border-box;max-width:1000px;display:block;}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important
}

a {color:#000;}
a:hover {color:#2ca0d0;}
header {padding:20px 0;position:relative;z-index:1;}
header .fixedwall {position:relative;max-width:1040px;}
header>.fixedwall {padding-left:220px;}
header .logo {width:200px;height:60px;margin:0px 30px 0 0;float:left;position:absolute;top:50%;margin-top:-30px;left:0px;}
header .logo img {display:block;width:100%;height:100%;}

footer {color:#aaa;line-height:150%;font-size:0.8rem;padding:20px 0;text-align:center;}
.pagetitle {font-size:1.4rem;padding:10px 15px;background-color:rgba(0,0,0,0.05);font-weight:bold;color:#333;}
.snav {padding:10px 0px;font-size:0px;}
.snav li {display:inline-block;margin:0 5px 5px 0;}
.snav li a {display:block;border:1px solid #ddd;background:#fff;padding:5px 10px;font-size:0.9rem;}
.pleft {float:left;width:100%;padding-left:356px;margin-left:-356px;position:relative;box-sizing:border-box;}
.pright {float:right;width:336px;}
.mainbody {padding:20px 0;background-color:#fff;max-width:1040px;margin:0 auto;}
.mainbody .fixedwall {overflow:hidden;}
/*fixedpop*/.fixedpop {position:fixed;_position:absolute;}
.fixed {position:fixed;_position:absolute;top:0px;left:0px;z-index:200;padding-top:0px;}
/*List*/.list5v .litem {width:20%;float:left;}
.list4v .litem {width:25%;float:left;}
.list3v .litem {width:33.3333%;float:left;}
.list2v .litem {width:50%;float:left;}
.list-pictitle.list2v > ul {display:block;font-size:0px;vertical-align:baseline;margin:0 -10px;}
.list-pictitle.list2v > ul > li {display:inline-block;width:50%;float:none;font-size:0.9rem;padding:0 10px 20px 10px;box-sizing:border-box;vertical-align:top;}
/*pic title list*/.list-pictitle {box-sizing:border-box;overflow:hidden;}
.list-pictitle li {padding:0 0 20px 0;}
.list-pictitle .pic {width:200px;float:left;height:auto;overflow:hidden;position:relative;}
.list-pictitle .pic img {display:block;width:100%;height:auto;}
.list-pictitle h3.title {display:block;box-sizing:border-box;font-size:1rem;margin-left:215px;line-height:150%;font-weight:normal;word-break:break-all;}
.list-pictitle a:hover h3.title {text-decoration:underline;}
.list-pictitle p.txt {font-size:12px;color:#bbb;margin:0;padding:0;line-height:22px;display:block;}
.list-pictitle .info {margin-left:215px;margin-top:10px;font-size:0.8rem;color:#999;text-align:left;}
.list-pictitle .info span {margin-right:15px;white-space:nowrap;}
.list-pictitle .info span:last-child {margin-right:0px;}
.list-pictitle .info span i {margin-right:5px;}
.list-pictitle.rightlist li,.list-pictitle.artblist li,.list-pictitle.notxt li {padding-bottom:30px;}
.list-pictitle.rightlist .pic,.list-pictitle.artblist .pic,.list-pictitle.notxt .pic {width:100%;float:none;height:auto;}
.list-pictitle.rightlist li {padding:0 0px 20px 0px;}
.list-pictitle.rightlist .pic img,.list-pictitle.artblist .pic img,.list-pictitle.notxt .pic img {position:relative;left:auto;margin:0px;width:100%;height:auto;}
.list-pictitle.rightlist li .pic {margin:0 -2px;display:block;width:auto;position:relative;height:auto;overflow:hidden;}
.list-pictitle.rightlist li .pic img {float:left;width:50%;box-sizing:border-box;display:block;height:auto;padding:0 1px 0 0;}
.list-pictitle.rightlist li.img1s .pic {margin:0px;}
.list-pictitle.rightlist li.imgms .pic img:last-child {display:none;}
.list-pictitle.rightlist h3.title,.list-pictitle.artblist h3.title,.list-pictitle.notxt h3.title {margin-left:0px;margin-top:5px;}
.list-pictitle.rightlist .info,.list-pictitle.artblist .info,.list-pictitle.notxt .info {margin-left:0px;margin-top:5px;}
.pright .list-pictitle.rightlist li h3.title {padding:0px 0px;}
.list-pictitle.rightlist li.img1s .pic {width:100%;height:auto;}
.list-pictitle.rightlist li.img1s .pic img {width:100%;}
.list-pictitle.notxt > ul {display:block;font-size:0px;vertical-align:baseline;margin:0 -10px;}
.list-pictitle.notxt > ul > li {display:inline-block;width:50%;float:none;font-size:0.9rem;padding:0 10px 20px 10px;box-sizing:border-box;vertical-align:top;}
.list-pictitle.notxt.channel >ul >li {width:33.33%;}
.list-pictitle.notxt2 > ul > li .pic {width:200px;height:100px;}
.list-pictitle.notxt2 > ul > li .pic img {position:relative;left:0px;margin:0px;}
.list-pictitle.mimg {border-top:1px solid #eee;}
.list-pictitle.mimg li .pic {float:none;width:auto;display:block;height:auto;position:relative;position:relative;margin:0px -2px;}
.list-pictitle.mimg li .pic img {display:block;float:left;width:33.33%;position:relative;top:auto;left:auto;margin:0px;border:0px solid #fff;box-sizing:border-box;padding:0 1px 0 0;}
.list-pictitle.mimg li {padding-bottom:20px;padding-top:20px;border-bottom:1px solid #eee;}
.list-pictitle.mimg li .info {margin-left:0px;}
.list-pictitle.mimg li.img1s {position:relative;min-height:125px;display:table;width:100%;box-sizing:border-box;}
.list-pictitle.mimg li.img1s h3.title {width:auto;overflow:hidden;margin:0;padding:10px 20px 0 0;font-size:20px;line-height:32px;}
.list-pictitle.mimg li.img1s p.txt {font-size:14px;line-height:32px;}
.list-pictitle.mimg li.img1s .info {float:right;display:block;width:100%;margin-left:-35%;padding-left:35%;box-sizing:border-box;margin-top:5px;}
.list-pictitle.mimg li.img1s .pic {width:33.33%;height:auto;overflow:hidden;display:block;margin:0px;position:relative;float:right;}
.list-pictitle.mimg li.img1s .pic img {width:100%;float:none;height:auto;position:relative;}

.tablebox.com {padding:15px;}
.tablebox div.title {border-bottom:0px solid #eee;padding:0px 0;}
.tablebox.com div.title {padding:0 0 15px 0;}
.tablebox div.title .l {float:left;background:#fff;font-size:1.2rem;font-weight:bold;}
.tablebox .tablebody {padding:0px 0;}
.pright .tablebox .tablebody {padding-bottom:0px;}
.homepage .pleft .tablebox:first-child {margin-bottom:20px;}
.addthisbox {padding-top:10px;}
.content {clear:both;margin:15px;font-size:1.1rem;line-height:180%;border-top:0px solid #eee;}
.content h1 {margin-bottom:1rem;font-size:1.4rem;text-decoration:none;padding:0!important;}
.content h2 {margin-bottom:1rem;font-size:1.3rem;background:url(/Content/images/artbg.gif) right no-repeat;padding-right:38px;line-height:30px;overflow:hidden;}
.content h3 {margin-bottom:1rem;font-size:1.2rem;}
.content p {margin:1.5rem 0;font-size:1.1rem;clear:both;line-height:160%;}
.content a {word-break:break-all;}
.content span.sh2 {margin-bottom:1rem;font-size:1.3rem;background:url(/Content/images/artbg.jpg) right no-repeat;height:30px;background-size:100% 100%;padding:2px 5px 1px 0px;position:relative;font-weight:bold;clear:both;}
.content span.sh2 span {display:block;float:right;height:30px;width:35px;background:url(/Content/images/artbg2.jpg) center;background-size:100% 100%;margin-left:5px;position:absolute;top:0px;right:-35px;font-size:0px;text-indent:-999px;overflow:hidden;}
.content span.sh3 {margin-bottom:1rem;font-size:1.2rem;font-weight:bold;display:block;clear:both;}
p span.sh2 {margin-bottom:1rem;font-size:1.3rem;background:url(/Content/images/artbg.jpg) right no-repeat;height:30px;background-size:100% 100%;padding:2px 5px 1px 0px;position:relative;font-weight:bold;clear:both;}
p span.sh2 span {display:block;float:right;height:30px;width:35px;background:url(/Content/images/artbg2.jpg) center;background-size:100% 100%;margin-left:5px;position:absolute;top:0px;right:-35px;font-size:0px;text-indent:-999px;overflow:hidden;}
p span.sh3 {margin-bottom:1rem;font-size:1.2rem;font-weight:bold;display:block;clear:both;}
.content iframe {max-width:100%!important;border:1px solid #eee;box-sizing:border-box;}
.content img {max-width:100%!important;display:block;margin:10px auto;}
.arttitle {font-size:1.5rem;padding:10px 0 20px 0;clear:both;margin:0 0 0 0;line-height:130%;color:#333;font-weight:normal;}
.arttitle span span {font-size:0.8rem;padding:5px;color:#fff;display:inline-block;line-height:14px;}
.arttitle span span.chengren {background-color:#f30;}
.arttitle span span.yishen {background-color:#05d11c;}
.arttitle span span.weishen {background-color:#caa30a;}
.artinfo {clear:both;height:14px;line-height:14px;padding:0px 5px;margin:0px;color:#999;border-radius:15px;display:inline-block;position:relative;font-size:0px;}
.artinfo span {display:inline-block;padding:0px 10px;font-size:0.8rem;border-right:1px solid #ddd;}
.artinfo span:last-child {border-right:0px;}
.artinfo span a {color:#999;}
.artinfo span a:hover {color:#333;}
.artinfo span i {margin-right:0px;}
.content2 {padding:15px;text-align:center;border:0px solid #eee;background:#fff;}
.content2 button {display:inline-block;padding:8px 12px;background:rgb(76,115,181);font-size:1rem;line-height:22px;color:#fff;border-radius:5px;}
.content2 button i {margin-right:5px;}
.content2 blockquote a {display:inline-block;padding:5px 10px;background:rgb(76,115,181);line-height:22px;color:#fff;border-radius:5px;margin-bottom:0px;}
.content2 .fb-page {max-height:130px!important;overflow:hidden;}
.fb-page {font-size:16px;font-style:normal;}
.fpp {width:336px;transition:padding 0.3s;-webkit-transition:padding 0.3s;-ms-transition:padding 0.3s;-o-transition:padding 0.3s;-moz-transition:padding 0.3s;}
/*changepage*/.changepage {clear:both;padding:10px 0 10px 0;font-size:1.1em;text-align:center;}
.changepage ul {display:block;min-height:40px;}
.changepage ul li {display:inline-block;line-height:40px;height:40px;}
.changepage ul li span {padding:0 15px;font-weight:bold;font-size:1.2em;line-height:40px;box-sizing:border-box;height:40px;}
.changepage ul li a {display:block;line-height:40px;padding:0 15px;box-sizing:border-box;height:40px;}
.changepage {font-size:0.8rem;padding:15px 0 0 0;}
.changepage li {margin:0 2px;}
.changepage li a {background:#ddd;}
.changepage li span {background:#2ca0d0;color:#fff;display:block;}
.widebox {width:auto;clear:both;display:table;}
.widebox ul {display:block;margin:0 -5px 0 0px;}
.widebox ul li {display:table-cell;float:left;box-sizing:border-box;padding:0 0px;width:25%;border-right:5px solid #fff;border-bottom:5px solid #fff;}
.widebox ul li:first-child {width:100%;border-bottom:10px solid #fff;padding-bottom:0px;}
.widebox ul li a {display:block;position:relative;width:100%;height:100%;color:#fff;overflow:hidden;}
.widebox ul li:first-child a .title {font-size:20px;}
.widebox ul li .pic {float:none;width:100%;height:auto;}
.widebox ul li .pic img {position:relative;left:auto;margin:0px;width:100%;height:auto;}
.widebox ul li h3.title {position:absolute;left:0px;bottom:-100%;box-sizing:border-box;padding:10px;background:rgba(0,0,0,0.7);width:100%;margin:0px;transition:all 0.4s;}
.widebox ul li .info {position:absolute;left:0px;top:-100px;box-sizing:border-box;padding:5px 10px;background:rgba(0,0,0,0.3);width:100%;height:auto;line-height:20px;margin:0px;transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;}
.widebox ul li a:hover h3.title {bottom:0%;text-decoration:none;}
.widebox ul li a:hover .info {top:0%;}
.swiper-container {margin:20px 0;}
.homepage .pleft .swiper-container {margin:0 0 20px 0;display:block;}
.swiper-slide img {display:block;width:100%;}
.swiper-slide h3.title {position:absolute;left:0%;bottom:0px;box-sizing:border-box;padding:20px;background:rgba(0,0,0,0.7);width:100%;margin:0px;transition:all 0.4s;font-size:24px;padding-top:40px;background:-webkit-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,1));/* Safari 5.1 - 6.0 */    background:-o-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,1));/* Opera 11.1 - 12.0 */    background:-moz-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,1));/* Firefox 3.6 - 15 */    background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,1));/*  */}
.swiper-slide .info {position:absolute;right:0px;top:0%;box-sizing:border-box;padding:5px 10px;background:rgba(0,0,0,0.4);width:auto;height:auto;line-height:20px;margin:0px;transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;}
.swiper-slide a {display:block;position:relative;width:100%;height:100%;color:#fff;overflow:hidden;}
.swiper-slide a:hover {color:#fff;}
.swiper-slide .info span {margin-right:20px;}
/*pop*/.popwin {position:fixed;background:url(../images/popwinbg.png);top:0px;left:0px;z-index:10000;display:none;}
.bgclose {width:100%;height:100%;}
.popwinbox {background:#fff;box-shadow:0px 5px 10px #333;position:absolute;top:50%;left:50%;padding-top:0px;min-width:310px;width:80%;max-width:800px;}
.popwintitle {position:absolute;top:-30px;left:0px;width:100%;height:40px;line-height:30px;font-size:0.8em;color:#666;background-color:#eee;z-index:1;padding:0 40px 0 10px;box-sizing:border-box;}
a.popwinclose {position:absolute;display:block;width:40px;height:40px;line-height:40px;color:#333;background:#999;top:-30px;right:0px;overflow:hidden;color:#fff;font-family:Arial;text-align:center;font-size:30px;cursor:pointer;z-index:2;}
a.popwinclose:hover {background:#c30;color:#fff;}
li.loadinginfo {text-align:center!important;border:0px!important;padding:15px 0!important;clear:both!important;float:none!important;min-height:0px!important;background:none!important;}
li.loadinginfo .infobox {padding:10px 20px!important;display:inline-block!important;border:0px solid #ddd!important;background:#eee!important;font-size:14px!important;margin:0px!important;border-radius:40px;}
.headloginfix {white-space:nowrap;}
.headloginfix ul {margin:0px 0px 0 0;padding:0px;box-shadow:1px 1px 5px rgba(0,0,0,0.2);display:block;white-space:nowrap;}
.headloginfix ul li {display:block;float:left;margin:0px;padding:0px;white-space:nowrap;}
.headloginfix ul li a {display:block;background:#fff;font-size:14px;line-height:30px;padding:0 10px;color:#333;text-decoration:none;}
.headloginfix ul li a i {margin-right:5px;}
.headloginfix ul li a:hover {background:#999;color:#fff;}
.headloginfix span.headloginfixbtn {display:none;}
.headloginfix span.headloginfixbtn2 {display:block;width:40px;height:40px;font-size:0px;color:#ccc;line-height:40px;text-align:center;background:#fff;-webkit-text-size-adjust:none;}
.headloginfix span.headloginfixbtn2 a {font-size:0px;line-height:40px;width:100%;height:100%;}
.headloginfix span.headloginfixbtn2 a i {font-size:16px;display:block;width:100%;height:100%;line-height:40px;}
.gloginbox {border:1px solid #ddd;background:#fff;margin:80px auto;max-width:500px;border-radius:10px;min-width:300px;box-shadow:0px 4px 5px rgba(0,0,0,0.05);position:relative;}
.gloginbox h2 {display:block;font-size:22px;padding:15px;line-height:100%;margin:0px;}
.gloginbox dl {display:block;padding:15px 0;margin:0 30px;}
.gloginbox dl dt {display:block;position:absolute;height:40px;line-height:40px;font-size:14px;color:#999;text-align:right;width:80px;font-family:Arial;}
.gloginbox dl dd {display:block;width:100%;padding:0px;margin:0px;}
.gloginbox dl dd input {display:block;box-sizing:border-box;width:100%;padding:0 10px 0 90px;height:40px;line-height:40px;font-size:18px;border:1px solid #ddd;box-shadow:2px 2px 5px rgba(0,0,0,0.1) inset;background-color:#f3f3f3;}
.gloginbox .loginbtn {padding:20px 0 30px 0;text-align:center;}
a.abutton {display:inline-block;}
.gloginbox .loginbtn button {border:1px solid #333;background:#666;color:#fff;border-radius:4px;text-align:center;padding:10px 20px;font-size:20px;font-weight:bold;cursor:pointer;}
a.abutton {border:1px solid #333;background:#666;color:#fff;border-radius:4px;text-align:center;padding:10px 20px;font-size:20px;font-weight:bold;cursor:pointer;}
.gloginbox .loginbtn button:hover {background-color:#333;}
.gloginbox .loginother {padding:10px 0px 20px 0px;text-align:center;height:30px;line-height:30px;border-top:1px solid #eee;margin:0 30px;font-size:0px;}
.gloginbox .loginother a {color:#666;text-decoration:none;float:none;width:33.33%;display:inline-block;font-size:14px;}
.gloginbox .loginother a:hover {color:#38aaba;}
.gloginbox .errorsss {position:absolute;right:30px;top:20px;color:#f30;font-size:14px;}
.loginmsg {text-align:center;padding:0px 0 15px 0;color:#f60;}
.fabox {width:auto!important;background:#f5f5f5;height:auto;text-align:center;font-size:0px;position:relative!important;}
.pleft .fabox {padding-bottom:5px;padding-top:5px;}
.content .fabox {margin-top:15px;margin-bottom:15px;}
.pright .fabox {margin-bottom:20px;}
.fabox .fatitle {text-align:center;height:20px;line-height:20px;color:#999;background:#eee;font-size:12px!important;}
.fabox .fabody {width:auto;height:auto;position:relative;display:block;font-size:0.8rem;vertical-align:top;margin:0px auto;}
.pcfab {float:left;min-width:300px;margin:0 10px 10px 0;}
.pcfab .fabox .fabody {left:auto;margin:0px;padding:0 5px 5px 5px;width:auto;}
.gifbox {padding:10px;border:0px solid #ccc;margin:0 0 10px 0;text-align:center;font-size:20px;line-height:180%;box-shadow:0px 0px 150px rgba(0,0,0,0.2) inset;box-sizing:border-box;}
.gifbox img {max-width:100%;margin-bottom:10px;}
.channel-userinfo {width:auto;padding-right:20px;border:1px solid #ddd;background:#fff;margin:0px 0px 20px 0px;padding:20px;display:block;position:relative;}
.channel-userinfo .avatar {width:80px;height:80px;margin:0px auto;float:left;}
.channel-userinfo .avatar img {display:block;width:100%;height:100%;border:1px solid #ddd;}
.channel-userinfo .info {text-align:left;margin:10px 0 0 100px;height:auto;}
.channel-userinfo .info h4 {font-size:20px;display:block;margin-top:0px;padding-bottom:10px;}
.channel-userinfo .info div {display:inline;padding:0 15px 0 0;color:#999;}
.channel-userinfo .category {clear:both;padding:15px 0 0px 0;}
.channel-userinfo .category ul {display:block;margin:0 -3px;}
.channel-userinfo .category li {display:inline-block;margin-bottom:5px;width:25%;float:left;}
.channel-userinfo .category li a {display:block;padding:8px 15px;background:#eee;border-radius:50px;text-align:center;margin:0 3px;font-size:16px;}
.channelbtn {position:absolute;top:50%;right:20px;margin-top:-20px;height:40px;}
.channelbtn a {display:block;float:left;margin-right:10px;height:40px;border-radius:5px;background:#999;color:#fff;line-height:40px;padding:0 15px;font-size:1rem;transition:all 0.2s;}
.channelbtn a i {display:none;}
.channelbtn a:hover {background:#666;color:#fff;}
.channelbtn a.now,.channelbtn a.now:hover {background:#06a0db}
.channelbtn a.now i {display:inline-block;}
.list-pictitle.notxt.channel .info span:first-child {display:none;}
.list-pictitle.gz ul {font-size:0px;display:block;margin:-5px;}
.list-pictitle.gz li {width:50%;display:inline-block;vertical-align:top;font-size:1rem;padding:0px;position:relative;}
.list-pictitle.gz li .pic {width:60px;height:60px;border-radius:50%;overflow:hidden;border:1px solid #ddd;}
.list-pictitle.gz li .pic img {display:block;width:100%;height:100%;}
.list-pictitle.gz li h3.title {margin-left:70px;font-size:1.2rem;}
.list-pictitle.gz li .info {margin-left:70px;margin-top:5px;}
.list-pictitle.gz li .info span {display:block;}
.list-pictitle.gz li a {display:block;margin:10px;border:1px solid #ddd;padding:15px 120px 15px 15px;transition:all 0.2s;}
.list-pictitle.gz li a:hover {box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.list-pictitle.gz li a.gzbtn {height:40px;line-height:40px;padding:0 10px;border-radius:4px;position:absolute;top:50%;margin-top:-20px;right:20px;background:#2ca0d0;color:#fff;}
.list-pictitle.gz li a.gzbtn:hover {background:#0c6e97;}
.pcshow {display:block;}
a.pcshow {display:inline}
nav {margin-bottom:0px;border-bottom:0px solid #217ca1;width:auto;overflow:hidden;}
nav .fixedwall {position:relative;border:0px solid #217ca1;height:60px;border-bottom:0px;width:auto;display:table;width:100%;}
nav ul {display:block;width:100%;height:60px;overflow:hidden;display:table-cell;}
nav ul li {float:left;display:block;height:40px;margin:10px 5px 0px 5px;}
nav ul li a {padding:0 20px;color:#333;font-size:16px;display:block;height:100%;line-height:42px;border-radius:40px;background-color:rgba(255,255,255,0.6);}
nav ul li a:hover {background:rgba(255,255,255,0.8);border-radius:40px;color:#000;}
nav ul li.now a, .homepage nav ul li.home a {background-color:#fff;color:#000;border-radius:40px;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.showbox>h1 {font-size:24px;padding:15px;font-weight:bold;}

/*Phone <768*/
@media screen and (max-width:800px) {
    html {background-color:rgba(0,0,0,0.02)}
    body {background-size:auto 325px;}
    .fabox {width:auto;margin-right:-30px!important;margin-left:-30px!important;}
    .fabox .fabody {width:94%}
    .showbox>h1 {font-size:1.45rem;padding:30px 30px 15px 30px;font-weight:bold;}
    .artinfo {padding:0 15px 0 20px;}
    .artinfo span {padding:0 10px}
    header {padding:10px 0 5px 0;}
    header>.fixedwall {padding-left:0;}
    header .logo {height:40px;width:auto;float:none;text-align:center;position:unset;top:auto;left:auto;box-sizing:unset;margin:0;}
    header .logo img {width:auto;height:100%;display:inline-block;}
    .mainbody {padding:0;}
    .pcshow {display:none!important;}
    .content {margin:0;border-top:0;}
    .content p {font-size:1.25rem;margin:0 30px}
    .fbcomment {
        padding: 0 30px
    }
    .content iframe {max-width:100%!important;border:1px solid #eee;/*max-height:360px!important;*/}
    .gifbox {margin-bottom:5px;}
    .homepage .pleft .swiper-container {margin:0;}
    .swiper-container {margin:0px 0 0px 0;border-bottom:0px solid #ccc;background:#fff;display:none;}
    .swiper-slide h3.title {font-size:16px;padding:15px 15px 15px 15px;line-height:150%;}
    body {min-width:320px;position:relative;margin:0px auto;}
    .wall1000,.wall1240,.wall1346,.wall1630 {width:100%;max-width:640px;}
    .fixedwall {width:100%;max-width:640px;display:block;}
    nav {padding-bottom:0;text-align:center;display:block;width:100%;padding-top:5px;}
    nav .fixedwall {display:block;width:100%;height:auto;}
    nav ul {display:block;width:100%;overflow:hidden;overflow-x:auto;height:auto;white-space:nowrap;font-size:0;}
    nav ul li {display:inline-block;vertical-align:top;float:none;margin:5px 0 5px 5px;height:34px;line-height:34px;}
    nav ul li a {line-height:35px;}
    .nav .navmobilebtn {display:block;}
    .nav .menubox {display:none;}
    .nav .navbox {display:none;}
    .list5v .litem {width:50%;box-sizing:border-box;}
    .list4v .litem {width:50%;box-sizing:border-box;}
    .list3v .litem {width:100%;box-sizing:border-box;}
    .list2v .litem {width:100%;box-sizing:border-box;}
    .fixed {padding-top:0px;}
    .changepage {padding:20px 0 20px 0;text-align:center;}
    .changepage ul li.np {display:none;}
    .changepage ul li {float:left;width:auto%;padding:0 0px;margin:0 5px 5px 0;}
    .changepage ul li a {padding:0 15px!important;font-size:0.9em!important;}
    /*page-left-right*/    .ifocus {display:none;}
    .channel-userinfo {margin:0 10px 10px 10px;padding:0px;border:0px;}
    .ifocus.channell {display:block;}
    .list-pictitle.notxt.channel >ul {margin:0px -5px;}
    .list-pictitle.notxt.channel >ul >li {width:50%;padding:0 5px 15px 5px;}
    .list-pictitle.notxt.channel >ul >li h3.title {padding:0px;}
    .list-pictitle.notxt.channel .info {padding:0px;font-size:0.7rem;margin:5px 0 0 0px;}
    .list-pictitle.notxt.channel .txt {display:none;}
    .pageleft {float:none;margin:0 0 0 0;width:auto;}
    .pageright {float:none;margin:0 0 0 0;width:auto;}
    .pageleftbox,.pagerightbox {width:100%;margin:0 0 0 0;}
    .autoleft {float:none;}
    .autoright {float:none;}
    .widebox {display:none!important;}
    .pleft {width:100%;padding:0px;margin:0px;float:none;}
    .pright {width:100%;padding:0px;margin:0px;float:none;}
    .homepage .pright {display:none;}
    .listpage .pright {display:none;}
    .showpage .pleft .com {}

    .list-pictitle.mimg {border-top:1px solid #eee;}
    .list-pictitle li, .list-pictitle.mimg li {padding:15px 128px 15px 30px!important;height:96px!important;line-height:22px;border-bottom:1px solid #eee;box-sizing:border-box;position:relative!important;}
    .list-pictitle li.lifa {padding:0!important;height:auto!important;border-bottom:0!important;}
    .list-pictitle li.lifa .fabox {margin-bottom:0!important;}
    .list-pictitle.mimg li.emptyli {padding:15px 0!important;height:auto!important;}
    .list-pictitle li>a , .list-pictitle.mimg li>a {display:table-cell;vertical-align:top;}

    .list-pictitle ul{
        width: 100% !important
    }
    .list-pictitle.mimg li,.list-pictitle li{padding:4px 10px !important}
    .list-pictitle.mimg li>a{display:flex;flex-direction:column}
    .list-pictitle ul li,.list-pictitle ul li a, .list-pictitle ul li a img {width: 100% !important;height:200% !important}
    .list-pictitle.mimg li.img1s h3.title,.pright .list-pictitle.rightlist li.img1s h3.title{margin-top:6px !important;font-size:18px !important}
    .list-pictitle .pic {
        width: 100% !important;
        /*height: 66px !important;*/
        /*margin-top: -33px !important;*/
        /*position: absolute !important;
        top: 50%;
        right: 30px;*/
    }
    .list-pictitle .pic img, .list-pictitle.rightlist li.img1s .pic img, .list-pictitle.mimg li.img1s .pic img {position:relative;left:0px;margin:0px;width:auto;height:100%;min-width:100%;padding:0!important;}
    .list-pictitle p.txt {font-size:12px;color:#bbb;margin:0;padding:0;line-height:22px;display:block;}
    .list-pictitle.mimg li .pic img {display:none;}
    .list-pictitle.mimg li .pic img:first-child {display:block;height:auto!important;width:auto!important;min-width:100%!important;}
    .list-pictitle h3.title {padding:0px!important;float:none!important;width:auto!important;display:block!important;margin:0!important;height:44px!important;overflow:hidden;line-height:22px!important;font-size:15px!important;padding-top:7px;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .listpage .list-pictitle h3.title {display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:66px!important;}
    .list-pictitle.notxt .info {padding:0 10px;}
    .list-pictitle.rightlist .info {margin-top:0px;padding:5px 0 0 0;}
    .pright .list-pictitle.rightlist li {display:block;padding:5px 0px;background-color:none;border-left:0px;border-right:0px;margin-bottom:0px;}
    .list-pictitle.rightlist li .pic {width:auto;height:auto;float:none;}
    .list-pictitle.rightlist li .pic img {width:33.33%;}
    .list-pictitle.rightlist li.imgms .pic img:last-child {display:block;}
    .pright .list-pictitle.rightlist li h3.title {line-height:22px;max-height:44px;margin:3px 0;font-size:1rem;margin-bottom:0px;padding:0px;overflow:hidden;}
    .pright .list-pictitle.rightlist li.img1s h3.title {margin:0px 0 0 177px;line-height:22px;max-height:88px;}
    .list-pictitle h3.title,.list-pictitle .txt,.list-pictitle .info {margin-left:0px;}
    .list-pictitle.mimg li.loadinginfo {height:auto!important;padding:15px!important;}

    footer {padding:0px;border-top:0px solid #ddd;margin:30px;text-align:left;background-color:transparent;}
    .arttitle {padding:10px 30px 10px 30px;font-weight:800}
    .addthisbox {padding:10px 10px 0 10px;}
    .tablebox {padding:0px 0 0 0;}
    .tablebox.com {padding:15px 0 0 0;}
    .tablebox .tablebody {padding:0px 0;}
    .list-pictitle.list2v > ul > li {width:100%;}
    .fpp {width:100%;position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;padding:0px!important;}
    .headloginfix {position:fixed;top:0px;right:0;left:auto;width:auto;}
    .headloginfix ul {margin-right:0px;position:absolute;top:40px;right:0px;display:none;}
    .headloginfix ul li {white-space:nowrap;width:100%;float:none;border-bottom:1px solid #eee;}
    .headloginfix ul li a {width:100%;text-align:center;padding:0px 10px;box-sizing:border-box;height:40px;line-height:40px;}
    .headloginfix span.headloginfixbtn {display:block;width:40px;height:40px;font-size:16px;color:#ccc;line-height:40px;text-align:center;background:#fff;-webkit-text-size-adjust:none;}
    .headloginfix {}
    .list-pictitle.mimg li .pic {height:auto;}
    .list-pictitle.mimg li.img1s {min-height:10px;}
    .list-pictitle.mimg li.img1s h3.title {padding-bottom:0px;}
    .list-pictitle.mimg li.img1s .pic {margin-top:0px;}
    .list-pictitle.mimg li.img1s .info {margin-left:0px;margin-top:0px;padding:10px 0 0 0;padding-left:0px;}
    .list-pictitle.mimg li.imgms h3.title {padding-top:0px;}
    .tablebox div.title {padding:15px 0 15px 0;}
    .tablebox div.title .l {padding:0px 30px;}
    .gloginbox {border:1px solid #ddd;background:#fff;margin:10px;}
    button.fbbtn {font-size:14px;display:inline-block;padding:5px 10px;margin:0px;box-sizing:border-box;font-weight:normal;line-height:150%;}
    .fb-page {line-height:22px;color:#fff;font-weight:normal;display:block!important;box-sizing:border-box;font-size:14px;line-height:150%;max-height:130px;overflow:hidden;padding-top:0px;}
    .fb-page blockquote {padding:0px!important;}
    .fb-page a {color:#fff;}
    .pright .tablebox .tablebody {padding:0px!important;}
    .channelbtn {position:relative;top:auto;right:auto;margin:0px;clear:both;padding-top:10px;text-align:center;border-top:1px solid #ddd;margin-top:10px;}
    .channelbtn a {display:inline-block;float:none;}
    .list-pictitle.gz li {width:100%;}
    .list-pictitle.gz li a {padding:5px 60px 5px 5px;}
    .list-pictitle.gz li h3.title {margin-left:60px;}
    .list-pictitle.gz li .info {margin-left:60px;}
    .list-pictitle.gz li a.gzbtn {padding:5px;height:auto;line-height:120%;right:10px;width:38px;text-align:center;margin-top:-25px;}
    .pagetitle {padding:15px;font-size:18px;background-color:transparent;}
    /*´óͼ*/

}

.alert {padding:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;}
.btn {display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;}
.btn-white {color:#333;background-color:#fff;border-color:#ccc;}
.btn-default {color:#fff;background-color:#553333;border-color:#ccc;}
.btn-info {color:#fff;background-color:#5bc0de;border-color:#ccc;}
.btn-success {color:#fff;background-color:#5cb85c;border-color:#ccc;}
.btn-primary {color:#fff;background-color:#337ab7;border-color:#ccc;}
.btn-danger {color:#fff;background-color:#d9534f;border-color:#ccc;}
.btn-xs {padding:5px 5px;font-size:14px;border-radius:3px;}
.btn-baise {color:#333;background-color:#fff;border-color:#ccc;}
.btn-lanse {color:#fff;background-color:#5bc0de;border-color:#46b8da;}

#fixpop {display:none!important;}