@charset "utf-8";
*{margin:0;padding:0;-webkit-tap-highlight-color: rgba(255,255,255,0)}
HTML,body{font-family:"microsoft yahei";font-size:14px;}
a{text-decoration:none;color:#333;outline:0;border:0}
img{border:0}
.blog-icon:hover,.blog-photolist img:hover,.blog-search-sub:hover,.button:hover,.copy-code:hover,.pl-submit-btn:hover,.pointer:hover,.thumbnail li img:hover,a:hover,button:hover,.icon-play:hover{cursor:url(/skin/default/image/pointer.cur),auto!important}
li,ul{list-style:none}
/*.contextmenu{display:none;position:absolute;width:200px;margin:0;padding:0;background:#fff;border-radius:5px;list-style:none;box-shadow:0 15px 35px rgba(50,50,90,.1),0 5px 15px rgba(0,0,0,.07);overflow:hidden;z-index:999999}
.contextmenu a{color:#dfdfdf}
.contextmenu{display:none;width:auto;height:auto;padding:5px 18px;background:rgba(125,45,45,.85);color:#dfdfdf;line-height:25px;border:1px solid #9bc5d7;border-radius:5px;z-index:99999999;position:absolute}
.contextmenu a{display:block;color:#dfdfdf;margin:5px 0;color:#dfdfdf}
.contextmenu a:hover{color:#fff}*/
.download{padding:7px 0;overflow:hidden}
.download a{display:block;padding:3px 1em;float:left;background:rgba(188,60,58,.5);margin-right:10px;color:#fff!important}
.download a:hover{background:rgba(188,60,58,.7);color:#fff!important}
.img-more{margin:25px 0;color:#666;font-size:12px}
.blog-article-cont .img-more img{margin:2px 0}
.m-top5{display:block;height:0;margin:0;padding:0;margin-top:5px;line-height:0}
.m-top10{display:block;height:0;margin:0;padding:0;margin-top:10px;line-height:0}
.m-top15{display:block;height:0;margin:0;padding:0;margin-top:15px;line-height:0}
.p-top5{display:block;height:0;margin:0;padding:0;padding-top:5px;line-height:0}
.p-top10{display:block;height:0;margin:0;padding:0;padding-top:10px;line-height:0}
.p-top15{display:block;height:0;margin:0;padding:0;padding-top:15px;line-height:0}
.file-download{padding:0 1% .4%;border:1px solid #ccc;background:rgba(255,255,255,.25)}
.file-download legend{padding:0 5px;font-size:15px;font-weight:900;color:#a03}
.file-download a{display:inline-block;padding-left:20px;background:url(/skin/default/image/downfile.png) no-repeat left center;height:32px;line-height:35px;margin-left:1em}
.blog-article-bt{display:block;line-height:1.8em!important;color:#903;padding:.5em 0}
.empty{padding:0!important;margin:0!important}
.zero{padding:0!important;margin:0!important}
.noSelect{-webkit-touch-callout:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.blog-nav{padding: 0 8px;background:rgba(255,255,255,.65);height: 40px;line-height:40px;margin:6px auto;box-sizing: border-box;border-radius: 2px;}
.blog-nav ul{overflow-x: auto;white-space: nowrap;}
.blog-nav ul::-webkit-scrollbar{width:0;height:0}
.blog-nav li{display:inline-block;margin-right:5px}
.blog-nav li a{display:block;padding:0 15px;height:40px;text-align:center;transition:all .6s;font-weight:900}
.blog-nav li a:hover{border-radius:20px 0;background:#e1c090;color:#33a}
.blog-nav li:nth-child(2n) a:hover{border-radius:25px 0}
.blog-nav li:nth-child(2n+1) a:hover{border-radius:0 25px}
.blog-istop{text-indent:.5em}
.CloseIframe{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;margin:auto;border:0}
.blog-pages{margin:6px auto 0;box-sizing: border-box;}
.blog-list{width: 100%;position: relative;background: rgba(255,255,255,.7);margin: 0 auto 6px auto;line-height: 27px;border-radius: 2px;padding: 6px 10px 10px;box-sizing: border-box;}
.blog-list a{color:#003;transition:all .3s}
.blog-list a:hover{color:#22b}
.blog-list-title{padding-top:1px;font-weight:900;font-size:14px}
.blog-list-title a{color:#3e4461;font-size:15px}
.blog-list-title a:hover{color:#00b;text-decoration:underline}
.blog-title-calc{font-size:12px;line-height:16px;margin-bottom:2px}
.blog-title-calc i,.blog-title-calc small{font-style:normal;margin-right:1.1em}
.blog-title-calc small a{font-style:normal;font-size:12px}
.blog-title-calc small span{color:#444}
.blog-title-calc a{font-size:12px;color:#447}
.blog-title-calc a:hover{color:#33a;text-decoration:underline}
.blog-eyes{background:url(/skin/default/images/eyes.png) no-repeat left center;background-size:1.5em;padding-left:2em}
.blog-list-cont{overflow:hidden;max-height:106px;border-top:1px dashed #aaa;padding-top:6px}
.blog-list-titpic img{display:block;float:left;width:125px;height:95px;padding:0 1em 10px 0}
.blog-list-conts{word-break:break-all}
.mynav{overflow: hidden;width:96%;max-width: 1100px;margin: 0 auto}
.mynav ul{background:rgba(255,255,255,.7);line-height:25px;border-radius:2px}
.artpages{overflow: hidden;margin:0 auto 5px auto;box-sizing: border-box;}
.artlist{float: left;overflow: hidden;width:calc(100% - 276px);background:rgba(255,255,255,.7);line-height:25px;border-radius:2px}
.blog-user{float: right;width: 270px;}
.blog-user li{width: 100%;background:rgba(255,255,255,.8);border-radius:2px;box-sizing: border-box;overflow: hidden;}
.blog-user li.bloglogo{background-color: unset;}
.blog-user li.toolnavs{margin-top: 6px;}
.blog-user li.sendmsg{margin-top: 6px;}
.blog-user li.vxgzcode{margin-top: 6px;background-color: rgba(255,255,255,.7)}
.vxgzcode img{display: block;width: 100%;height: auto;}
.blogusert{padding: 5px 0;border-top: 1px solid #999;line-height: 23px;font-size: 12px;background: rgba(255,255,255,.7);}
.blogusert p{padding: 0 6px;}
.blogusert img{display: block;max-width: 100%;height: auto;background-color: #d0d0d0;box-sizing: border-box;border-radius: 0 0 2px 2px;}
.msgtextbox{width: 100%;position: relative;}
.msgtext{width: 100%;min-height: 20px;overflow-y: auto;max-height: 100px;padding: 0 5px;font-family: sans-serif;font-size: 12px;line-height: 20px;overflow-wrap: anywhere;line-break: anywhere; -webkit-user-modify: read-write-plaintext-only;cursor: text;outline: none;background: rgba(255,255,255,.15);box-sizing: border-box;}
.msgtext:focus{box-shadow: 0 0 2px inset #666}
.msgtext::-webkit-scrollbar{width: 8px;background: #999;}
.msgtext::-webkit-scrollbar-thumb{background-color: #666;border-radius: 2px;}
.ajaxmsg{display: flex;padding: 0 5px;}
.ajaxmsg *{flex: auto;}
.ajaxmsg span#ajaxmsg{width: calc(100% - 5em);line-height: 35px;padding-right: 5px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#ajaxmsg{text-align: right;vertical-align: middle;color: #600;font-size: 12px;}
#ajaxmsg img{display: inline;vertical-align: -3px;}
.ajaxmsg button{display: block;float: right;max-width: 5em;height: 25px;margin: 5px 0;font-size: 14px;padding: 0 10px;background: #666;color: #F0F0F0;text-shadow: 0 0 .1px #333;border: 0;border-radius: 2px;outline: none;}

.blog-user li h5{display: block;width: 100%;height: 35px;line-height: 35px;background:rgba(0,0,0,.1);color: #222;padding: 0 5px;box-sizing: border-box;font-size: 13px;}
.blog-user li h5 a{color: #222;padding: unset;display: unset;background: unset;}
.blog-user li h5 a:hover{background: unset;}
.toollist{overflow: hidden;display: flex;flex-wrap: wrap;padding: 5px 0;border-top: 1px dashed #aaa;line-height: 23px;}
.toollist a{flex: auto;font-size: 12px;background:rgba(0,0,0,.43);color:#f0f0f0;padding: 3px 6px;margin: 2px 5px 2px 2px;border-radius:2px;text-align: center;}
.toollist a:hover{background:rgba(70,0,0,.65);color:#fff}
.artlist li{padding:3px 1.5%;border-bottom: 1px solid #ccc;box-shadow: 0 0 5px #666;margin-bottom: 8px;}
.artlist li h4{padding-top:1px;font-weight:900;font-size:15px}
.artlist li h4 small{font-size: 12px;font-weight: normal}
.artlist li h4 a{color:#3e4461;}
.artlist li h4 a:hover{color:#00b;text-decoration:underline}
.artlist li p{font-size:12px;line-height:16px;margin-bottom:2px}
.artinfo{overflow:hidden;max-height:103px;border-top:1px dashed #aaa;padding-top:6px;font-size: 12.5px}
.artinfo img{display:block;float:left;width:125px;height:95px;padding:0 1em 10px 0}
.artinfo span{text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;padding-right: 1em;word-break:break-all;-webkit-line-clamp: 4;line-clamp: 4;overflow-wrap: anywhere;line-break: anywhere}
.blog-contents{font-size:14px;line-height:2em}
.blog-code{position:relative;display:block;padding:5px 8px;font-size:13.5px;font-family:Arial,Helvetica,sans-serif;line-height:1.6em;white-space:pre-wrap;Word-wrap:break-word;background:rgba(230,230,230,.85);border:1px solid #a99;border-left-width:5px}
.blog-code-uncopy{position:relative;display:block;padding:5px 8px;font-size:13px;font-family:Arial,Helvetica,sans-serif;line-height:2em;white-space:pre-wrap;Word-wrap:break-word;background:rgba(230,230,230,.85);border:1px solid #a99;border-left-width:5px}
.blog-article-cont img{display:block;max-width:100%;height:auto!important;margin:0}
.copy-code span:before{content: "\70b9\51fb\590d\5236";position:absolute;top:-28px;right:0;display:block;width:5em;line-height:28px;font-size:14px;color:#f0f0f0;font-family:microsoft yahei;text-align:center;background:#633}
.copy-code span.copied:before{content:"\5df2\590d\5236"}
.message{padding:20px 0 10px 0}
.message-sub{width:100%;margin:0 auto}
.message-name{display:block;width:20vw;max-width:150px;height:27px;line-height:27px;text-indent:.5em;border-radius:5px 0 0 5px;outline:0;border:0;box-shadow:0 0 9px #9aa;float:left}
.inputtext{display:block;width:20vw;max-width:150px;height:27px;line-height:27px;text-indent:.5em;border-radius:5px;outline:0;border:0;box-shadow:0 0 9px #9aa}
.message textarea{resize:none;width:99%;min-height:90px;background:rgba(255,255,255,.35);text-indent:2px;border-radius:5px;outline:0;border:0;box-shadow:0 0 9px #9aa;line-height:18px;word-break:break-all;padding:.5%}
.button{width:72px;height:28px;line-height:26px;background-color:rgba(0,0,0,.35);font-size:14px;box-sizing:border-box;border:1px solid #6d7c8c;border-radius:0 2px 2px 0;color:#dfdfdf;cursor:pointer;transition:all .5s;margin-left:1px;border-radius:5px}
.button:hover{color:#fff;background:rgba(0,0,0,.55)}
.wordnum{float:right;padding-right:3px;font-size:13px;color:#900;user-select:none}
.wordnum a{color:#900}
.wordnum a:hover{color:#338}
.message-list{overflow:hidden;font-size:14px;width:100%}
.message-title-list{margin-bottom:10px;padding:15px 0 5px;border-bottom:1px solid #ccc;font-size:16px;font-weight:900}
.message-list li{height:auto;word-wrap:break-word;border:1px solid rgba(200,200,200,.6);margin-bottom:10px;background-color:rgba(255,255,255,.7)}
.message-title{overflow:hidden;height:30px;line-height:30px;background-color:#ddd;background-color:rgba(200,200,200,.6);padding:0 10px;color:#000}
.message-title a{font-weight:900}
.message-title span{display:inline-block;font-size:12px;color:#999;transform:scale(.9)}
.message-conts{text-indent:1em;font-size:12px;line-height:24px;padding:5px 10px}
.remessage{border:1px solid rgba(180,180,180,.5);text-indent:0;padding-left:5px;padding-bottom:5px}
.remessage legend{padding:0 5px;font-weight:900;color:#d33}
.remessage span{display:block;padding:0 10px 0 3px;color:#933;text-indent:1em}
a.userDelmsg{float: right;font-size: 12px;color: #333;}
a.userDelmsg:hover{color: #333;text-decoration: underline;}
.pages{text-align:right;padding-right:10px;line-height:27px}
.pages a{display:inline-block;margin:3px;padding:1px 5px;font-size:14px;color:#555;background:rgba(255,255,255,.6);border:1px solid #aaa;transition:all .3s}
.pages a:hover{color:#30a;background:rgba(255,255,255,.95)}
.pages2{text-align:right;padding-right:10px;margin:10px 0;line-height:27px}
.pages2 a{display:inline-block;padding:1px 5px;background:rgba(255,255,255,.6);border:1px solid #bbb;font-size:14px;color:#555;margin:3px;transition:all .3s}
.pages b,.pages2 b{display:inline-block;margin:0 3px;padding:1px 5px;font-size:14px;color:#c9c9c9;background:rgba(155,155,155,.65);border:1px solid #aaa}
.pages2 a:hover{color:#30a;background:rgba(255,255,255,.75)}
.pages3{border:1px solid #A0A0A0;overflow-y:hidden;background:rgba(255,255,255,.85);border-left-width:5px;padding:4px;margin:6px auto;line-height: 28px;border-radius: 2px}
.pages3 a{color:#222}
.pages a b,.pages2 a b,.pages3 a b{padding:0!important;border:0!important;display:inline!important;margin:0!important;padding-right:.25em!important;background:rgba(0,0,0,0)!important}
.bottoms h3{color:#666;text-shadow:0 0 10px #fff}
.bottoms ul{padding:15px 0 10px 2em;overflow:hidden}
.bottoms ul li{float:left;display:block;margin:3px 3px}
.bottoms ul li a{display:block;padding:3px 6px;font-size:15px;background:rgba(0,0,0,.35);border-radius:3px;transition:all .3s;color:#fdfdfd}
.bottoms ul li a:hover{background:rgba(125,80,50,.9);color:#fdfdfd}
.footer{text-align:center;color:#a9a9a9;padding:15px 0}
.footer a{color:inherit}
.Print{display:none;position:fixed;top:-50px;bottom:0;left:0;right:0;width:300px;height:200px;margin:auto;background:rgba(255,255,255,.97);box-shadow:0 0 16px #933;border-radius:15px;z-index:9}
.Print *{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.PrintCont{position:relative;width:100%;height:100%}
.Print h3{position:absolute;top:0;left:0;display:block;width:100%;height:40px;border-radius:15px 15px 0 0;line-height:40px;background:rgba(36,10,10,.8);text-align:center;color:#ddd}
.box-check{position:absolute;top:47px;left:0;width:100%;height:100px;padding-top:10px}
.box-check li{height:25px;padding:10px 10px;overflow:hidden;line-height:25px}
.box-check li span{float:left;display:block;width:50px;font-weight:900}
.box-check li a{float:left;display:block;max-width:210px;height:25px;border-radius:3px;padding:0 3px;overflow:hidden;color:#336;font-weight:900;font-style:italic}
.box-check li b{float:left;display:block;height:100%;color:#900;padding-left:.5em}
.box-check li b img{float:left;display:block;width:16px;height:16px;padding-top:5px;border:0}
.box-btn{position:absolute;bottom:10px;left:0;width:100%;height:28px;text-align:center}
.buttons{display:inline-block!important;width:72px!important;height:28px!important;line-height:26px!important;background:#666!important;font-size:14px!important;box-sizing:border-box!important;border:1px solid #6d7c8c!important;color:#dfdfdf!important;transition:all .5s!important;border-radius:5px!important;text-align:center!important}
.buttons:hover{background:#336!important;text-decoration:none!important}
.box-btn .buttons{margin:0 5px}
.select1{float:left;display:block;height:25px;line-height:27px;outline:0;border:0;box-shadow:0 0 5px #699;border-radius:3px}
.tool-box{margin:10px 0}
.tool-button{overflow:hidden;width:100%;margin:10px 0}
.tool-button button{float:left;display:block;margin-right:10px;padding:5px 10px;font-size:13px;color:#fff;font-weight:500;text-align:center;background:#2230fc;border:1px solid #1970fc;border-radius:5px;transition:all .3s}
.tool-button button:hover{border-color:#22409c;background:#22409c}
.tool-text{display:block;padding:.5em;font-size:12px;background:rgba(255,255,255,.65);border:0;border:1px solid #ccf;border-color: #669;border-radius:2px;word-break:break-all;outline:0;resize:none;box-sizing:border-box}
.tool-text:focus{border-color: #11b;box-shadow: 0 0 3px inset #888;}
.outtext{position:relative}
#outtext{border:1px solid #a99;border-left-width:5px;border-left-color:#a99}
.tool-text::-webkit-scrollbar{width:12px;background-color:#b6d6e2}
.tool-text::-webkit-scrollbar-thumb{box-shadow:inset 0 0 3px rgba(90,0,0,.3);background-color:#87ceeb;border-radius:4px}
.tool-nav{overflow:hidden;font-size:12px;padding-top:.5em;line-height: 24px;}
.tool-nav a{display: inline-block;background: rgba(0,0,0,.45);color: #fff;padding: 3px 6px;}
.tool-nav a:hover{background: rgba(70,0,0,.65);color: #fff;}
.search-list{border-bottom:2px dashed #aaa}
.search-list li{border-bottom:1px dashed #b9b9b9}
.search-list li:last-child{border:0}
.search-list li:last-child a{border:0}
.search-list li a{overflow:hidden;display:block;max-width:100%;height:33px;line-height:33px;border-bottom:1px dashed #b9b9b9;white-space:nowrap;text-overflow:ellipsis}
.blog-picbox{width:100%;position:relative;background:rgba(255,255,255,.7);border-radius:4px}
.blog-picbox a{color:#006;transition:all .3s}
.blog-picbox a:hover{color:#90f}
.blog-picbox li{position:relative;float:left;width:19%;height:0;margin:.5%;padding-bottom:23%;background:rgba(245,245,245,.7);border:1px solid #fff;border-radius:3px;box-sizing:border-box;transition:all .3s}
.blog-pics img{position:absolute;top:0;bottom:35px;left:0;right:0;margin:auto;max-width:95%;max-height:calc(95% - 35px);width:auto;height:auto;border-radius:3px;transition:all .3s}
.blog-pics p{overflow:hidden;position:absolute;bottom:0;width:100%;height:35px;line-height:35px;text-align:center;background:#fff;transition:all .3s;white-space:nowrap;text-overflow:ellipsis}
.mydisk{overflow: hidden;display: flex;flex-wrap: wrap;padding: 5px;background: rgba(255,255,255,.7);border-radius: 2px;box-sizing: border-box;line-height: 23px;}
.mydisk a{flex: auto;max-width: 6em;padding: 3px 5px;margin: 3px;font-size: 13px;color: #121212;border: 1px solid #7f7f7f;background-color: #d0d0d0;border-radius: 2px;text-align: center;transition: all .3s;text-shadow: 0 0 .1px #555}
.mydisk a:hover{background-color: #dfdfdf;}
.movieshow{z-index: 99;display: none;position: fixed;top: 0;left: 0;width: 100%;background: #000}
#movieshow{position: relative;width: 100%;height: calc(100% - 20px);margin-top: 10px;}
#movieshow img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: block;max-width: 100%;max-height: 100%;margin: auto;border: 1px solid #999;border-radius: 2px;}
.videobox{width: 100%;max-height: 350px;}
.mpage{display: none;z-index: 100;position: fixed;top: -50px;bottom: 0;width: 55px;height: 55px;margin: auto 0;}
.mpage#mprev{left: 2px;}
.mpage#mnext{right: 2px;}
.mpage .iconfont{font-size: 55px;color: #fff;text-shadow: 0 0 1px #000;font-weight: 700;opacity: .5;transition: all .3s;}
.moviebox{position: relative;width: 100%;height: calc(100% - 65px);}
#movieshow video{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: block;max-width: 100%;max-height: 100%;margin: auto;background-color: #000;object-fit: contain;object-fit: cover;}
.mpage .iconfont:hover{color: #f0f0f0;opacity: .9;}
.m-info{width: 100%;height: 60px;margin: 7px auto;padding: 0 15px;box-sizing: border-box;}
.movieshow .mbtn{float: left;height: 40px;line-height: 40px;width: 60px;text-align: center;background-color: #363;color: #fafafa;border-radius: 3px;transition: all .3s}
.movieshow .mbtn:hover{background: #696}
.movieshow .minfo{overflow-y: auto;float: right;height: 60px;width: calc(100% - 65px);line-height: 20px;color: #d0d0d0;line-height: 20px;word-break: break-all;overflow-wrap: anywhere;line-break: anywhere;font-size: 13px;}
.movieshow .minfo::-webkit-scrollbar{width: 8px;background-color: #666;border-radius: 1px;}
.movieshow .minfo::-webkit-scrollbar-thumb{background: #ccc;border-radius: 1px;}
.icon-bf{position: absolute;top: 0;left: 0;width: 100%;display: flex;justify-content: center;align-items: center;height: calc(100% - 35px);background: rgba(0,0,0,.4);}
.icon-bf .icon-play{background: #000;border-radius: 50%;font-size: 46px;color: #ddd;line-height: 46px;transition: all .3s;}
.icon-bf:hover .icon-play{color: #fff;}

.moviecont{background-color: #212121;margin-top: 10px;}
.moviecont .myplayer{position: relative;display: flex;width: 100%;justify-content: center;}
.moviecont .myplayer .icon-bf {height: 100%;}
.moviecont .myplayer img{max-width: calc(100% - 20px);margin: 10px auto;}
.movienone{z-index: 999;position: fixed;top: 0;left: 0;width: 100%;padding: 10px 0;text-align: center;color: #DFDF00;font-size: 18px;line-height: 30px;}

#movieload{width: 100%;height: 100%;background: url(https://www.skdy.cc/images/loadding.gif) no-repeat center;background-size: 50px 50px;}
.myalbum{width: 100%;background-color: rgba(255,255,255,.85);border-radius: 2px;}
.myalbum ul{display: flex;flex-wrap: wrap;padding: 5px;}
.myalbum::after{content: '';flex-grow: 99999;}
.myalbum li{flex-grow: 1;max-width: 355px;min-width: 185px;margin: 5px;overflow: hidden;border-radius: 2px;border: 1px solid #aaa;background-color: #fff;box-sizing: border-box;}
.myalbum li{position: relative;padding-bottom: 35px;}
.myalbum li a{display:flex;justify-content:center;align-items:center;}
.myalbum li p{position: absolute;bottom: 0;left: 0;display: block;overflow: hidden;width: 100%;height: 35px;padding: 0 5px 3px;line-height: 32px;text-align: center;box-sizing: border-box;}
.myalbum li img{display:block;height: 200px;min-width: 100%;border-radius: 2px 2px 0 0;object-fit: cover;}
.myphoto{width: 100%;background-color: rgba(255,255,255,.85);border-radius: 2px;}
.myphoto ul{display: flex;flex-wrap: wrap;padding: 5px;}
.myphoto::after{content: '';flex-grow: 99999;}
.myphoto li{flex-grow: 1;max-width: 250px;min-width: 110px;min-height: 172px;margin: 5px;overflow: hidden;border-radius: 3px;border: 1px solid #aaa;background: #fff url(/images/loadding.gif) no-repeat center;background-size: 50px 50px;box-sizing: border-box;}
.myphoto li a{display:flex;height: 100%;justify-content:center;align-items:center;}
.myphoto li img{display:block;height: 220px;min-width: 100%;object-fit: cover;}
.pictitle{overflow-x: auto;width: 100%;height: 35px;padding: 0 7px;font-size: 16px;line-height: 34px;border-bottom: 1px solid #aaa;white-space: nowrap;box-sizing:border-box}
.pictitle::-webkit-scrollbar{width:0;height:0}
.picerror{background: #666;color: #f0f0f0;}
.picshow{z-index: 9999;display: none;position: fixed;top: 0;left: 0;width: 100%;background: #000}
#picshow{position: relative;width: 100%;height: calc(100% - 20px);margin-top: 10px;}
.picshow p{position: absolute;bottom: 0;left: 0;right: 0;display: block;width: 100%;max-width: 1200px;margin: 0 auto;padding: 3px 15px;color: #d0d0d0;line-height: 20px;text-align: left;text-shadow: 0 0 0.1px #000;background: rgba(0,0,0,.4);box-sizing: border-box;word-break: break-all;overflow-wrap: anywhere;line-break: anywhere;font-size: 13px;}
#picshow img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: block;max-width: 100%;max-height: 100%;margin: auto;border: 1px solid #999;border-radius: 2px;}
.picshow span{z-index: 2;position: fixed;top: 0;bottom: 0;width: 55px;height: 55px;margin: auto 0;}
.picshow span#picprev{left: 2px;}
.picshow span#picnext{right: 2px;}
.picshow .iconfont{font-size: 55px;color: #fff;text-shadow: 0 0 1px #000;font-weight: 700;opacity: .5;transition: all .3s;}
.picshow .iconfont:hover{color: #f0f0f0;opacity: .9;}
@media only screen and (max-width:960px){
	.myphoto li{height: 185px;}
	.myalbum li{min-width: 150px;}
	.myalbum li img{height: 170px;}
}
@media only screen and (max-width:640px){
	.blog-user{float: unset;width: 100%;}
	.artlist{float: unset;width: 100%;margin-top: 6px;}
	.artlist li h4{overflow-x: auto;white-space: nowrap;}
	.blog-list-cont{max-height:100px;}
	.blog-list-title{overflow-x:auto}
	.bottoms ul li{margin:2px 2px}
	.blog-list-title a{white-space:nowrap}
	.blog-picbox li{width:24%;padding-bottom:29%}
	.blog-pics img{bottom:28px;max-height:calc(95% - 28px)}
	.blog-pics p{overflow-y:hidden;overflow-x:auto;height:28px;line-height:28px;font-size:13px;text-overflow:initial}
	.blog-nav{height: unset;line-height: 27px;padding: unset;background: unset;}
	.blog-nav ul{display: flex;font-size: 0;text-align: center;}
	.blog-nav li{float: unset;display: inline-block;margin: 2px;flex: auto;}
	.blog-nav li a{padding: 3px 6px;height: unset;font-size: 15px;background: rgba(255,255,255,.25);border-radius: 2px;transition: all .3s;color: #fdfdfd;font-weight: normal;}
	.blog-user li .blog-personal{background: rgba(255,255,255,.15);}
	.blogusert{border-radius: 2px 2px 0 0;font-size: 13.5px;letter-spacing: 2px;text-align: justify}
	.toollist{overflow-x: auto;white-space: nowrap;font-size: 0;line-height: unset;display: block;}
	.toollist a{margin: 2px .5em 2px 0;display: inline-block;float: unset;font-size: 13px;line-height: 27px;}
	.blog-list-title::-webkit-scrollbar,.blog-pics p::-webkit-scrollbar,.artlist li h4::-webkit-scrollbar,.toollist::-webkit-scrollbar{width:0;height:0}
	.myalbum li{max-width: calc(50% - 10px);}
	.myphoto li{max-width: calc(50% - 10px);}
}
@media screen and (max-width:361px){
	.blog-picbox li{width:31.5%;padding-bottom:38%;margin:.916%}
	.blog-pics p{font-size:12px}
	.myalbum li p{overflow-x:auto;word-break: break-all;white-space:nowrap;}
	.myalbum li p::-webkit-scrollbar {width:0;height:0;}
}