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; }
/* 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: 'Microsoft YaHei',Arial; }
body { font-size: 0.9em; background: #fff; }
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; }
a { color: #333; }
    a:hover { color: #3d94d5; text-decoration: underline; }

.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; width: 1200px; display: table; }
footer { color: #999; line-height: 150%; font-size: 12px; padding: 0px 20px 20px 20px; }
footer .showbox {border:0px!important;}
.pagetitle { font-size: 2rem; padding:10px 0px 0px 0px; }
.pagetitle2 {font-size:2rem;padding:0 0 20px 0;}
.snav { padding: 10px 15px; font-size: 0px; }
    .snav li { display: inline-block; margin: 0 5px 5px 0; }
        .snav li a { display: block; border: 0px solid #ccc; background: #ddd; padding: 5px 10px; font-size: 14px; }
.pleft { float: left; width: 100%; padding-left: 366px; margin-left: -366px; position: relative; box-sizing: border-box; }
.pright { float: right; width: 336px; }
.mainbody { padding: 30px 0; }

/*fixedpop*/
.fixedpop { position: fixed; _position: absolute; }
.fixed { position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 200; padding-top: 0px; }

header { height: 101px; box-sizing: border-box; width: 100%; padding:0; background:#f3f3f3;box-shadow:0px 0px 15px rgba(0,0,0,0.3);position:fixed;top:0px;left:0px;z-index:5;transition:all 0.2s;border-bottom:1px solid #ccc;}
    header .fixedwall { position: relative;}
    header .logo { width: auto; height: 50px; padding: 5px 0; float: left; }
        header .logo img { display: block; width: auto; height: 100%; }

.headbox {height:100px;}

.mobileheadholder { display: none; }

nav { margin: 0px 0px; clear: both; border: 1px solid #f3f3f3; border-bottom: 0px; border-top: 1px solid #ccc; position: relative; transition: all 0.2s; height: 40px; padding-right: 40px; }
    nav ul { display: table; width: auto; padding: 0px 0 0 0; text-align: left; font-size: 0px;}
        nav ul li { display: inline-block; height: 40px; padding: 0px 12px; box-sizing: border-box; margin: 0 5px; font-size: 1rem;float:left;}
            nav ul li a {width: auto; height: 40px; line-height: 40px; padding: 0 0px 0 0px; color: #333; font-size: 1rem;font-weight:bold;float:left;}
                nav ul li a:hover { color: #ff6666;text-decoration:none;}
            nav ul li.hover { position:relative;}
            nav ul li.hover a {color:#ff6666;}
            nav ul li .mhover {display:inline-block;width:20px;height:20px;float:left;margin-top:10px;margin-left:4px;}
            nav ul li .mhover span {display:block;width:100%;height:100%;text-align:center;border-radius:50%;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
            nav ul li .mhover span i {display:block;width:100%;height:100%;text-align:center;line-height:18px;color:#ccc;transition:all 0.2s;}
            nav ul .mhover .mhoverbox { position: absolute; background: #fff; z-index: 2; display: none; padding:10px 5px;border:2px solid #ccc;width:auto;left:auto;box-shadow:0px 5px 20px rgba(0,0,0,0.2);}
            nav ul .mhover .mhoverbox.w {width:100%;left:0;}
            nav ul .mhover.hover .mhoverbox { display: block; }
            nav ul li .mhover.hover span {border-color:#ff6666;background:#ff6666;}
            nav ul li .mhover.hover span i {color:#fff;}

        nav ul .mhover .mhoverbox a { display: block; padding: 0px 20px; font-size: 0.9rem; height: 20px; line-height: 20px; background: none; font-weight: normal; color: #333; float: none; background: #f3f3f3; padding: 5px 10px; margin-right: 10px; border: dotted 1px #666; border-radius:5px; }

            nav ul .mhover .mhoverbox.w a {float:left;}
            nav ul .mhover .mhoverbox a:hover {color:#fff; background-color:red; text-decoration:underline;}
            nav .navbtn {position:absolute;top:5px;right:5px;width:30px;height:30px;}
            nav .navbtn i {position:absolute;width:100%;height:100%;display:block;text-align:center;line-height:30px;color:#999;font-size:1.3rem;}
            nav .navbtn i.close {display:none;}
            nav.navopened {position:relative;height:auto;border:1px solid #ccc;box-shadow:0px 0px 10px rgba(0,0,0,0.15);background:#fff;}

.search { float: left; margin: 10px 10px;border-left:1px solid #ccc;margin-left:10px;padding:0 0 0 10px;}
.sinput { height: 40px; float: left; width: 160px; }
    .sinput input { width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 16px; background: #fff;box-shadow:2px 2px 5px rgba(0,0,0,0.25) inset;}
.sbtn { height: 40px; float: right; width: 40px; line-height: 40px; text-align: center; }
    .sbtn input { display: block; width: 100%; height: 40px; line-height: 40px; background: #1ba8b9; color: #fff; cursor: pointer; text-indent:-8888px;background:url(../images/search.png) center no-repeat #1ba8b9;}

/*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: 14px; padding: 0 10px; box-sizing: border-box; }

/*pic title list*/
.list-pictitle { box-sizing: border-box; }
    .list-pictitle li { padding: 0 0 20px 0; }
    .list-pictitle .pic { width: 200px; float: left; height: 150px; overflow: hidden; position: relative; }
        .list-pictitle .pic img { display: block; width: auto; height: 100%; position: absolute; left: 50%; margin-left: -100px; }
    .list-pictitle h3.title { display: block; box-sizing: border-box; font-size: 16px; margin-left: 215px; line-height: 150%; font-weight: normal; }
    .list-pictitle a:hover h3.title { text-decoration: underline; }
    .list-pictitle .txt { margin-left: 215px; color: #999; margin-top: 10px; font-size: 14px; line-height: 150%;  text-indent:2em; }
    .list-pictitle .info { margin-left: 215px; margin-top: 10px; font-size: 12px; color: #ccc; }
        .list-pictitle .info span { margin-right: 15px; white-space: nowrap; }


    .list-pictitle.rightlist .pic, .list-pictitle.artblist .pic, .list-pictitle.notxt .pic { width: 100%; float: none; height: auto; }
    .list-pictitle.rightlist li { padding: 0 0 15px 0; }
    .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 2px; }
    .list-pictitle.rightlist li.img1s .pic { margin: 0px; }
    /*.list-pictitle 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; }
    .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: 14px; padding: 0 8px 15px 8px; box-sizing: border-box; vertical-align: top; }
    .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 #ddd; }
        .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: 2px; }
        .list-pictitle.mimg li h3 { margin-left: 0px; padding: 0px 0 5px 0; font-size: 20px; }
        .list-pictitle.mimg li .txt { margin-left: 0px; display: none;}
        .list-pictitle.mimg li { padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #ddd; }
            .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 { float: right; width: 100%; margin-left: -35%; padding-left: 35%; }
                .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: left; }
                    .list-pictitle.mimg li.img1s .pic img { width: 100%; float: none; height: auto; position: relative; }

    .list-pictitle ul li a:hover { text-decoration: none; }

    .list-pictitle li.nopic h3 { margin-left: 0px !important; }
    .list-pictitle li.nopic .info { margin-left: 0px !important; }
    .list-pictitle li.nopic .txt { margin-left: 0px !important; }
    .list-pictitle li.nopic .keys { margin-left: 0px !important; }


.asklist { padding: 0 10px; }
.pright .asklist { padding: 0px; }
.asklist li { display: table; width: 100%; position: relative; border-bottom: 1px solid #ddd; padding: 10px 0; }
    .asklist li:last-child { border-bottom: 0px; }
    .asklist li .answernum { float: left; width: 60px; background: #64be3b; color: #fff; text-align: center; font-size: 16px; padding: 10px 0; border-radius: 5px; margin-right: 10px; }
        .asklist li .answernum em { display: block; font-size: 12px; }
    .asklist li h3 { font-size: 18px; margin-bottom: 5px; }
    .asklist li .date { font-size: 11px; color: #999; background: #eee; padding: 5px 10px; border-radius: 5px; position: absolute; right: 0px; bottom: 10px; }
.asklist.full p { margin-top:5px; clear: both; display: block; text-indent:2em; line-height:22px; }
    .asklist.full p a { color:blue; float:right; }
.jingyanlist { padding: 10px 0;margin:0px;}
.pright .jingyanlist {margin:0px;}
    .jingyanlist ul { font-size: 0px; display: block; margin: 0px -3px; }
    .jingyanlist li { display: inline-block; width: 264px; padding: 10px; font-size: 14px; vertical-align: top; border: 0px solid #ddd;box-shadow:0px 0px 10px rgba(0,0,0,0.15); background: #fff; margin: 0 3px 6px 3px; box-sizing: border-box; }

        .jingyanlist li.small { width:264px; }
.pright .jingyanlist li { width:100%; padding: 10px 0 5px 0;box-sizing:border-box;box-shadow:none;border-top:1px solid #ddd;}
.jingyanlist li .pic { width: auto; }
    .jingyanlist li .pic img { display: block; width: 100%; height: auto; }
.jingyanlist li h3 { font-size: 18px; margin-bottom: 5px; overflow:hidden; }
.jingyanlist li h3.hlimit { height:48px; line-height:24px; }
.jingyanlist li .date { font-size: 11px; color: #999; background: #eee; padding: 5px 10px; border-radius: 5px; display: inline-block; }

.tukulist { padding: 10px 0 0 0;margin:0 15px;}
    .tukulist ul { font-size: 0px; display: block; margin: 0px -10px; }
    .tukulist li { display: inline-block; width: 392px; padding: 10px; font-size: 14px; vertical-align: top; border: 0px solid #ddd; background: #fff; margin: 0 10px 30px 10px; box-sizing: border-box; position: relative;box-shadow:0px 0px 10px rgba(0,0,0,0.15)}
        .tukulist li .pic { width: auto; margin-bottom: 5px; }
            .tukulist li .pic img { display: block; width: 100%; height: auto; }
        .tukulist li h3 { font-size: 18px; margin-bottom: 5px; }
        .tukulist li .date { font-size: 11px; color: #999; background: #ddd; padding: 0px 10px; border-radius: 0 0 5px 10px; display: inline-block; position: absolute; right: 1px; bottom: -20px; height: 20px; line-height: 20px; }

.righttuku li { margin-bottom: 10px; }
    .righttuku li img { display: block; width: 100%; max-width: 100%; }

.jingyanimg { display: block; max-width: 100%; margin-top: 15px; }
.jingyant { display: inline-block; border-bottom: 3px solid #ff6666; font-size: 24px; padding-bottom: 5px; margin-bottom: 5px; }
.jingyanb { padding: 15px 0; border-bottom: 1px solid #ddd; font-size: 16px; padding-left: 60px; position: relative; line-height: 150%; }
.jingyannum { width: 45px; height: 45px; border-radius: 10px; background: #ff6666; color: #fff; line-height: 50px; text-align: center; font-size: 18px; display: block; position: absolute; top: 15px; left: 0px; }
.jingyanz { padding: 15px 0; }
    .jingyanz li { list-style: disc; margin-left: 20px; }
    .jingyanz ul { }
.showbox .jingyanb:last-child { border-bottom: 0px; }

.listtab { height: 35px; }
    .listtab li { display: block; position: relative; height: 34px; float: left; margin-left: 5px; border: 1px solid #ccc; background: #ddd; line-height: 34px; border-bottom: 0px; padding: 0 15px; border-radius: 5px 5px 0 0; }
        .listtab li.now { height: 35px; line-height: 35px; background: #fff;margin-left:15px;}
.keys { margin-bottom: 5px; height:20px; line-height:20px; }
.keys.ah{height:auto !important;}
    .keys span { margin-right: 10px; }
.showbox .keys { font-size: 18px; border-top: 1px solid #ddd; padding-top: 15px; }
    .showbox .keys span { margin-right: 20px; }
.keys i { color: #999; margin-right: 3px; font-size: 12px; }
.list-pictitle.mainlist li .keys { margin-left: 220px; margin-top: 10px; }
.done { background: #64be3b; color: #fff; padding: 10px 15px; font-size: 14px; border-radius: 5px; display: inline-block; }
.nodone { background: #ec799b; color: #fff; padding: 10px 15px; font-size: 14px; border-radius: 5px; display: inline-block; }
.besta { background: #f60; color: #fff; padding: 10px 15px; font-size: 14px; border-radius: 5px; display: inline-block; }
.allanswer { background: #999; color: #fff; padding: 10px 15px; font-size: 14px; border-radius: 5px; display: inline-block; }
.answer { padding: 15px 0; border-top: 1px solid #ddd; font-size: 16px; }
    .answer.best { font-size: 18px; }
    .answer .artinfo { display: inline; background: none; padding: 0px; margin-left: 20px; font-size: 14px; }
        .answer .artinfo span { background: none; padding: 0px; }

/*tablebox*/
.tablebox { margin-bottom: 30px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);background:#fff;}
    .tablebox div.title { background-color: #fff; margin-bottom: 0px; border-top: 2px solid #bebebe; overflow: hidden; }
    .tablebox.color {}
        .tablebox div.title .l { float: left; font-size: 18px; font-weight: bold; height: auto; line-height: 30px; padding: 4px 4px 0 4px;   box-sizing: border-box;border-top:6px solid #bebebe;margin-left:15px;}
        /*.tablebox.color-red div.title {border-color:#f9a8a8;}*/
    .tablebox.color-green div.title, .tablebox.color-green div.title .l {border-color:#bcd6a1;color:#63b91b}
    .tablebox.color-blue div.title, .tablebox.color-blue div.title .l {border-color:#9ed1d7;color:#1ba8b9}
    .tablebox .tablebody { padding: 15px 15px 5px 15px; background: #fff;border-top:0px;}
        .tablebox .tablebody p { text-indent: 2em; word-break: break-all; }
        .pright .tablebox .tablebody {padding:15px 15px 5px 15px;}
.listbox { border-top: 1px solid #ccc; background: #fff; padding: 10px; margin:0px;}

.showbox { border: 0px solid #ccc; margin-bottom: 30px; background: #fff; padding: 15px;box-shadow:0px 0px 15px rgba(0,0,0,0.1)}

.content { clear: both; margin: 10px 0px 10px 0px; overflow: hidden; font-size: 18px; line-height: 160%; }
    .content * { font-size: 18px !important; line-height: 160% !important; }
    .content p { /*margin-bottom: 1em;*/ word-break:break-all; text-indent:2em; }
    .content iframe { max-width: 100% !important; border: 1px solid #eee; }
    .content img { max-width: 100% !important; display: block; margin: 10px auto; }
.arttitle { font-size: 30px; font-weight: bold; padding: 10px 0 10px 0; clear: both; margin: 0 0 0 0; line-height: 150%; color: #333; font-weight: normal; }
.showbox.tuku .arttitle { text-align: left; }
.arttitle span span { font-size: 12px; 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: 30px; line-height: 30px; padding: 0 0px 0 0px; margin: 0px; color: #999; border-radius: 15px; display: inline-block; position: relative; font-size: 0px; }
.showbox.tuku .artinfo { text-align: center; display: block; }
.artinfo span { margin-right: 1px; background-color: #eee; display: inline-block; padding: 0px 10px; font-size: 12px; border-right: 0px 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: 4px; }

.tukushowbox { display: block; width: 800px; position: relative; border: 1px solid #ccc; background: #ddd; margin: 20px auto; border-radius: 4px; }
.swiper-button-next { background: #fff; border: 1px solid #ccc; border-right: 0px; border-radius: 100px 0 0 100px; margin-right: 0px !important; right: -1px !important; width: 0px; text-align: right; line-height: 42px !important; font-size: 24px !important; color: #999; }
.swiper-button-prev { background: #fff; border: 1px solid #ccc; border-right: 0px; border-radius: 0 100px 100px 0; left: -2px !important; width: 0px; text-align: left; line-height: 42px !important; font-size: 24px !important; color: #999; }
.content2 { padding: 25px; text-align: center; border: 1px solid #eee; background: #fff; margin-bottom: 30px; }
button.fbbtn { display: inline-block; padding: 15px; background: #2ca0d0; font-size: 18px; line-height: 22px; color: #fff; font-weight: bold; border-radius: 5px; margin-bottom: 25px; }
    button.fbbtn em { display: block; float: left; margin-right: 10px; }
.fb-page { font-size: 18px; }
.fpp { width: 336px; }


/*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; }
            .changepage ul li a { display: block; line-height: 40px; padding: 0 15px; box-sizing: border-box; height: 40px; }

.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: 50%; }
            .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.4); 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%; }
            .widebox ul li a:hover .info { top: 0%; }


li.loadinginfo { text-align: center !important; border: 0px !important; padding: 30px 0 !important; clear: both !important; float: none !important; min-height: 0px !important; background: none !important; }
    li.loadinginfo .infobox { padding: 20px !important; display: inline-block !important; border: 1px solid #ddd !important; background: #fff !important; font-size: 16px !important; margin: 0px !important; }

.iurl { color: blue !important; }

.albumlist-l li { width: 100%; float: left; box-sizing: border-box; /*padding: 8px;*/ margin-bottom: 10px; border: solid 1px #ddd; }
.albumlist-l .opics { padding: 0px; margin: 0px; margin-top: 2px; }
    .albumlist-l .opics img { margin: 0px; display: inline-block; float: left; width: 99px; box-sizing: border-box; max-height: 70px; }
        .albumlist-l .opics img:nth-child(2) { margin: 0px 3px 0px 4px; }
.albumlist-l .fpic { margin: 0px; width: 100%; }
.albumlist-l .picinfo { /*border: solid 1px #ccc; border-top: 0px;*/ margin: 0px; padding: 8px; }
    .albumlist-l .picinfo h3 { padding: 0px; margin: 0px; height: 40px; line-height: 20px; overflow: hidden; font-size: 1.2em; }
    .albumlist-l .picinfo p { padding: 0px; margin: 0px; color: #999; }

.taglist li { float: left; padding: 5px; border: dashed 1px #cccccc; background-color: #f8f8f8; margin: 5px; }
    .taglist li:hover { background-color: red; }
        .taglist li:hover a { color: white; }

.nextholder { margin: 15px 0px; }
    .nextholder span { height: 22px; line-height: 22px; float: left; }
    .nextholder a { display: block; margin: 10px; }
    .nextholder .pre { background-color: #fff; width: 48%; float: left; display: inline-block; margin-bottom: 10px; border: 1px solid #bbb; border-right: 0px; border-left: 0px; }
    .nextholder .next { background-color: #fff; width: 48%; float: right; display: inline-block; margin-bottom: 10px; border: 1px solid #bbb; border-right: 0px; border-left: 0px; text-align: right; }
    .nextholder i { margin-left: 5px; color: #ff0000; }
    .nextholder .next i { float: right; }

.pagelist { width: 100%; text-align: center; }
    .pagelist .pageinner { display: inline-table; margin: 0px auto 0px auto; }
    .pagelist a { float: left; min-width: 24px; height: 30px; background-color: #ddd; margin: 5px; text-align: center; line-height: 30px; padding: 0px 3px; }
        .pagelist a.cur { background-color: red; color: #fff; }


.nextpage { display: none; }
    .nextpage div { width: 100px; height: 22px; line-height: 22px; padding: 5px; }
    .nextpage .prev { float: left; background-color: #fa7d5f; margin-left: 5px; }
    .nextpage .next { float: right; text-align: right; margin-right: 5px; background-color: #fa7d5f; }


    .nextpage i { margin: 0px 10px; color: #c1f1e3; }
    .nextpage a { color: #fff; display: block; }

.viewdetail { float: right; }
    .viewdetail font { color: blue; }
.halfwlist { box-sizing:border-box; }
.halfwlist b{ font-size:1.5em; }
.halfwlist.l{ float:left; width:49%; }
.halfwlist.r{ float:right; width:49%; }
    .halfwlist li { height: 24px; line-height: 24px; font-size: 1.2em; padding: 3px 0px; white-space: nowrap; }

    .halfwlist li a:hover { color:red; }

#tuslider { width: 800px; }
.swiper-wrapper .picture { text-align: center; height: 800px; line-height: 800px; vertical-align: middle; display: table-cell; position: relative; }
.gallery-thumbs { background-color: black; }


.picdescback { width: 800px; position: absolute; bottom: 10px; left: 0px; height: 70px; opacity: .8; background-color: #eee; border: 2px solid #999; box-sizing: border-box; }

.picdesc { font-size: 1.5em; width: 800px; position: absolute; bottom: 10px; left: 0px; height: 70px; line-height: 30px; color: #000; padding: 5px; margin: 0px; box-sizing: border-box; text-align: left; text-indent: 2em; overflow:hidden; opacity: .8; background-color: #eee; border: 2px solid #999;}

    .bread { width:100%; white-space:nowrap; overflow:hidden; }
    .bread span, .bread a { margin:0px 2px; display: inline-block; }
    .bread i { margin-right: 2px; }

    .mobilehead, .menubox{display:none;}


    /*backtop*/
#rightButton { position: fixed; _position: absolute; bottom: 40px; right: 0; z-index: 9999; display: block; }

#right_ul { position: relative; list-style: none; padding: 0px; }

#right_qq { background: url(/images/7_03.png) no-repeat; width: 60px; height: 75px; }

#backToTop { z-index: 999999; display: none; }

a.backToTop_a { background: url(/images/backtotop1.png) no-repeat;  width: 60px; height: 75px; display: block; background-size:60px 75px; }

    a.backToTop_a:active { background: url(/images/backtotop2.png) no-repeat; background-size: 60px 75px; }


.askinfo { border-radius: 10px; padding: 10px; background-color: #f3f3f3; border: 1px solid #ccc; margin:10px 0px}

    .askinfo .archive { float:right;}
    .askinfo i { margin-right:3px; }
fieldset {  padding:5px 15px 15px 15px;  font-size:1.2em; }
    fieldset legend { padding:5px; }

.askblock { margin: 10px 0px; border-radius: 10px; border: 1px solid #ccc; background-color: #fafafa; }
    .askblock i {margin-right:5px;  }
    .askblock.question { border: 1px solid #a4c587; background-color: #f3fceb; }

    .askblock.best { border: 1px solid #eceae0; background-color: #fcfaf2; }
        .askblock.best i { color: #f9cc9d !important; }

.showbox.ask .keys { height:auto !important; }
.showbox.ask .arttitle { padding-bottom:0px;}
/*backtop end*/

.fblikeholder {  text-align:center; padding:10px 0px 30px 0px;  }

.contentAD { width: 100%; text-align: center; overflow: hidden; background-color: #fafafa; margin: 10px auto; }
    .contentAD .adtitle { width: 100%; text-align: center; height: 30px; line-height: 30px; background-color: #eee; }
    .contentAD .cinner { width: 100%; margin: 0px auto; height:auto; }

.sec { position:relative; padding-right:160px; }
.secblock { position: absolute; right: 15px; top: 35px; }
.mdlist {padding:30px 15px;border-bottom:1px solid #ddd;}
.mdtitle {font-size:1.5rem;padding-bottom:10px;}
.mdshow {line-height:180%;font-size:1rem;}
    .mdshow .imgmid img { display: block; margin: 0px auto 0px auto; }
.nav-wrap { width: 100%;height: auto;background: #fff;border-left:1px solid #ccc;padding:}
.navFix{position: fixed;} 
.mdmore {padding:15px 0;}
.mdmore a {background:#1ba8b9;padding:5px 10px;color:#fff;border-radius:4px;}
#fixedNavBar {border-top:1px solid #ddd;position:fixed;width:336px;}
#fixedNavBar li {padding:10px 0;display:table;width:100%;vertical-align:middle;border-bottom:1px solid #ddd;float:none;}
#fixedNavBar li a {display:table-cell;vertical-align:middle;width:100%;line-height:20px;}
#fixedNavBar li a img {height:40px;margin-right:10px;float:left;display:block;}
/*Phone <768*/
@media screen and (max-width:800px) {
    .mobileheadholder { display: block; }
    .pchead { display:none;}
    .headbox { display: none; }
    #fixedNavBar {display:none;}
    .secblock { position: static; display:block; margin: 5px; width:100%; text-align:center;}
    .keys { height:auto;}
    body { min-width: 320px; position: relative; margin: 0px auto; background: #fff; }
    .wall1000, .wall1240, .wall1346, .wall1630 { width: 100%; max-width: 640px; }
    .fixedwall { width: 100%; max-width: 640px;display:block;}
    .nav .navmobilebtn { display: block; }
    /*nav*/
    .nav .menubox { display: none; }
    /*nav*/
    .nav .navbox { display: none; }
    .nav ul { margin: 0px; }
    nav ul li { width: 24%; }
    .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; }
        .changepage ul li.np { display: none; }
        .changepage ul li { float: left; width: 20%; padding: 0 0 0 0; }
            .changepage ul li a { padding: 0 0 0 0 !important; font-size: 0.9em !important; }
    /*page-left-right*/
    .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; background: none; border: 0px; }
    .pright { width: 100%; padding: 0px; margin: 0px; float: none; background: none; border: 0px; }
    /*.homepage .pright {display:none;}
    .listpage .pright {display:none;}*/
    .showpage .pleft .com { display: none; }
    .list-pictitle li { padding: 0 0 25px 0; }
    .list-pictitle .pic { float: none; width: 100%; height: auto; }
        .list-pictitle .pic img { position: relative; left: 0px; margin: 0px; width: 100%; height: auto; }
        .list-pictitle.notxt > ul {margin:0px 10px;}
    .list-pictitle.notxt > ul > li { width: auto; float: none;display:block;padding:0 0 15px 0;}
    .list-pictitle h3.title { padding: 5px 10px 0 10px; }
    .list-pictitle.notxt .info { padding: 0 10px; }
    .list-pictitle h3.title, .list-pictitle .txt, .list-pictitle .info { margin-left: 0px; }
    .list-pictitle .info, .list-pictitle .txt { padding: 0 10px; }

    .list-pictitle.mainlist li .keys { margin-left:0px; padding:0px 10px; height:auto; }

    footer { padding: 10px; border-top: 1px solid #ddd; }
    .arttitle { padding: 0px 10px 10px 10px; font-size: 26px; margin-bottom:10px; }
    .artinfo { padding: 0 10px; }
    .content { margin: 10px 10px; }
    .tablebox { padding: 0px 0 0 0; }
        .tablebox .tablebody { padding: 10px 0; }
    .showbox { border: 0px; background: none; padding: 5px;box-shadow:none;border-bottom:5px solid #ddd;}
    
    .pchead { display: none; }
    .mobilehead { display: block; }
    .mainbody { padding: 10px 0; }
    header { padding: 0px; background: #54c0cd; height: auto;position:relative;}
    .homebtn { width: 40px; height: 40px; line-height: 40px; float: left; }
        .homebtn a { display: block; width: 100%; height: 100%; text-align: center; font-size: 26px; color: #fff; }
    header .logo { width: auto; float: none; margin: 0 50px; padding: 5px 0; position: relative; height: 30px; }
        header .logo img { display: block; height: 100%; width: auto; margin: 0px auto; }
    .search { width: auto; float: none; margin: 0 50px; padding: 5px 0; position: relative; }
        .search .sinput { margin: 0 30px 0 0; height: 30px; width: auto; float: none; }
    .sinput input { height: 30px; line-height: 30px; width: 100%; }
    .sbtn { position: absolute; top: 5px; right: 0px; width: 30px; text-align: center; height: 30px; line-height: 30px; }
        .sbtn input { width: 100%; height: 100%; line-height: 30px; box-sizing: border-box;background-size:90%;}
    .navbtn { float: right; width: 40px; height: 40px; line-height: 40px; margin: 0px; display: block; text-align: center; color: #fff; font-size: 26px; }
    .menubox { display: table; position: absolute; left: 0px; width: 100%; background: #fff; z-index: 3; box-shadow: 0px 10px 15px rgba(0,0,0,0.5);}
        .menubox nav { margin: 0px; padding:10px 0 0 0px; }
            .menubox nav li { display: block; width: auto; height: auto; margin: 0 10px 10px 10px; background: none; border:0px;border-bottom: 1px solid #ddd;}
                .menubox nav li:last-child { border-bottom: 0px; }
                .menubox nav li a { color: #1ba8b9; font-weight: bold; margin-bottom: 5px;line-height:30px;height:auto;display:block;float:none;}
                    .menubox nav li a:hover { color: #1ba8b9; }
        .menubox .mhoverbox { display: block; position: relative; margin: 0px; background: none; padding: 0px 0 10px 0;width:auto;box-shadow:none;left:auto;border:0px;}
            .menubox .mhoverbox a { display: inline-block; margin: 0 10px 5px 0; color: #333; font-weight: normal; }
                .menubox .mhoverbox a:hover { background: #ddd; }


    .albumlist-l .opics img { margin: 0px; display: inline-block; float: left; width: 32%; box-sizing: border-box; max-height: 70px; }
        .albumlist-l .opics img:nth-child(2) { margin: 0px 2% 0px 2%; }


    .nextholder .pre { width: 100%; float: none; }
    .nextholder .next { width: 100%; float: none; }

    .pagelist { display: none; }
    .asklist {padding:0px;}
    .asklist li .date {left:10px;right:auto;display:none;}

    .nextpage { display: block; }
        .nextpage div { width: 100px; height: 22px; line-height: 22px; padding: 5px; }
        .nextpage .prev { float: left; background-color: #fa7d5f; margin-left: 5px; }
        .nextpage .next { float: right; text-align: right; margin-right: 5px; background-color: #fa7d5f; }

        .nextpage i { margin: 0px 10px; color: #c1f1e3; }
        .nextpage a { color: #fff; display: block; }

    .halfwlist { display: block; padding: 10px; }
        .halfwlist.l, .halfwlist.r { width: auto; float: none; border: solid 1px #ddd; }
        .halfwlist li { height: auto;     white-space:normal; }
    .jingyanlist ul { margin:0px;}
    .jingyanlist li, .jingyanlist li.small { width: 100%; padding:5px 10px; }
        .jingyanlist li h3.hlimit { height:auto;}

    .bread{ display: none; }

    .asklist .keys { height: auto; }
    .asklist li { padding: 10px 5px; box-sizing: border-box; }

    .snav { padding:10px; }

    .pagetitle { padding: 0px 10px;font-size:1.5em; }
    .showbox { margin-bottom: 0px; }

    .tukulist li { width:100%; margin:10px 0px 30px 0px; padding:10px 15px;}

    .askinfo .vc { display: none; }

    .albumlist-l li { padding:5px;}
    .tablebox {margin-bottom:15px;box-shadow:none;}
    .pright .tablebox .tablebody {padding:10px 10px 5px 10px;}
    .tablebox div.title .l {margin-left:10px;}
    .jingyanlist {margin:0px;}
    .jingyanlist li {width:auto; box-sizing:border-box; padding:10px 0px; margin:0px 0px 6px 0px;}
    .list-pictitle.mainlist {margin:0 10px;}


}


@media screen and (max-width:420px) {

    #tuslider { width: 404px; }

    .swiper-wrapper .picture { height: 404px; line-height: 404px; }

    .picdescback { width: 404px; height: 60px; }

    .picdesc { width: 404px; height: 60px; font-size:1.2em;line-height:25px; }

    .picture img { width: 404px; height: 404px; }

    .fblikeholder { position: fixed; bottom: 0px; border-top: solid 2px #ddd;  background-color: #fefefe; padding: 10px; width: 100%; left: 0px; }
}


@media screen and (max-width:375px) {
    #tuslider { width: 365px; }

    .swiper-wrapper .picture { height: 365px; line-height: 365px; }

    .picdescback { width: 365px; height: 60px; }

    .picdesc { width: 365px; height: 60px; }

    .picture img { width: 365px; height: 365px; }
}


@media screen and (max-width:320px) {

    #right_qq { background: url(/images/7_03.png) no-repeat; width: 50px; height: 63px; }

    #backToTop { z-index: 999999; display: none; }

    a.backToTop_a { background: url(/images/7_08.png) no-repeat; width: 50px; height: 63px; display: block; background-size: 50px 63px; }

        a.backToTop_a:active { background: url(/images/7_11.png) no-repeat; background-size: 50px 63px; }

    #tuslider { width: 310px; }

    .swiper-wrapper .picture { height: 310px; line-height: 310px; }

    .picdescback { width: 310px; height: 60px; }

    .picdesc { width: 310px; height: 60px; font-size:1em;line-height:25px; }

    .picture img { width: 310px; height: 310px; }
}


.alert { padding: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; }