@charset "utf-8";
/*-------------------
Theme ID: ecms303
Author: 墨鱼移植
Author QQ：48444431
Author Email：48444431@qq.com
Author URL: http://www.moyublog.com/
-------------------*/
*{padding:0;margin:0}
ul{list-style:none}
img{border:0;max-width:100%;transition:all .3s linear;}
input,select,button{font-size:12px;vertical-align:middle;outline:none;}
em,i{font-style:normal}
a{color:#34495e;text-decoration:none;transition:all .3s linear;}
a:hover{color:#ff5858}
body{color:#111;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;font-size:14px;background-color:#edf3f9;background-position:center 0;background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden;}
.wrap{width:1400px;margin:0 auto;}
.fa{color:#aaa}
.mlight{color:#ff5858}
.nowrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
/* erx:Header */
.header{position:fixed;top:0;left:0;width:100%;background:rgba(255, 255, 255, .8);backdrop-filter:blur(20px);z-index:9999;}
.header .wrap{position:relative;display:flex;justify-content:space-between;align-items:center;}
.header .mlogo{height:80px;padding:18px 0;box-sizing:border-box;transition:all .3s linear;}
.fixedbar{box-shadow:0 0px 2px #bbb;}
.fixedbar .mlogo{height:auto;padding:8px 0;}
.fixedbar .navbar > li > a{line-height:60px;}
.header .mlogo::after{display:inline-block;content:'';width:1px;height:40px;margin:0 15px 0 30px;background:#e6e6e6;vertical-align:middle;}
.header .mlogo a{display:inline-block;vertical-align:middle;}
.header .mlogo img{display:block;max-height:40px;}
.navbar{display:flex;justify-content:center;}
.navbar li{position:relative;}
.navbar > li > a{line-height:80px;}
.navbar li a{display:block;font-weight:bold;font-size:16px;white-space:nowrap;padding:0 15px;}
.navbar li a .fa{display:inline-block;font-size:12px;margin:-3px 0 0 4px;transition:all .1s linear;vertical-align:middle;}
.navbar li:hover .fa{transform:rotate(180deg);}
.navbar > li.current>a{color:#ff5858;}
.navbar li ul{display:none;position:absolute;top:100%;left:0;min-width:110%;margin-top:-14px;box-shadow: 0 0 30px rgb(0 0 0 / 7%);}
.navbar > li > ul::before{display:block;content:'';width:20px;height:20px;transform:rotate(45deg);position:absolute;top:-5px;left:40px;background:#fff;z-index:0;}
.navbar li ul li{background:#fff;}
.navbar li ul li a{height:35px;line-height:35px;font-size:14px;border-bottom:1px rgba(0,0,0,.05) solid;overflow:hidden;}
.navbar li ul li a::before{content:'';display:inline-block;width:6px;height:6px;margin:0 5px 0 0;border:2px #ddd solid;border-radius:50%;transition:all .3s linear;}
.navbar li ul a:hover{text-indent:5px;}
.navbar li ul a:hover::before{border-color:#ff5858;background:#ff5858;}
.topsh{text-align:right;flex-grow:1;}
.topsh .sint{width:120px;height:32px;line-height:32px;padding:0 15px;border:1px transparent solid;background:#f2f2f2;border-radius:20px;transition:all .2s linear;}
.topsh .sint:focus{border-color:#ff5858;background:#fff;}
.topsh .sbtn{display:inline-block;text-align:center;vertical-align:middle;width:32px;height:32px;line-height:32px;margin-left:9px;color:#fff;border:0;background-image:linear-gradient(-60deg, #ff5858 0%, #f09819 100%);border-radius:20px;cursor:pointer;}
.topsh .sbtn .fa{color:#fff;}
.topsh .u-jump{background-image:linear-gradient(-60deg, #0a76db 0%, #08f 100%);}
.topsh .m-ctrl{display:none;}
.header-blank{height:100px;}
/* erx:Home */
.topbox{display:flex;justify-content:space-between;margin:0 0 20px;}
.main-focus{width:450px;}
.main-focus > .imoney{margin:10px 0 0;}
.main-focus .cdmslider{height:300px;margin-bottom:20px;border-radius:5px;overflow:hidden}
.cdmslider .swiper-slide img{display:block;width:100%;min-height:100%;}
.swiper-pagination-bullet{transition:all .2s linear;}
.swiper-pagination-white .swiper-pagination-bullet-active{width:18px;border-radius:5px;}
.focus-bot, .mtoprt .dt{background:#fff;border-radius:5px;box-sizing:border-box;overflow:hidden}
.focus-bot{padding:12px 15px 0;}
.focus-bot .tit{display:flex;justify-content:space-between;height:31px;}
.focus-bot .tit h3{font-size:14px;}
.focus-bot .tit h3 .fa{margin-right:6px;color:#ff5858;}
.focus-bot .rank li{position:relative;display:flex;justify-content:flex-start;align-items:center;border-top:1px #eee solid;padding:15px 0;}
.focus-bot .rank .p{width:45px;height:45px;margin-right:8px;overflow:hidden;}
.focus-bot .rank .p img{height:100%;border:1px #eee solid;padding:2px;background:#fff;box-sizing:border-box;border-radius:50%;}
.focus-bot .rank h4{margin-bottom:6px;font-size:14px;}
.focus-bot .rank .t{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.focus-bot .rank .t p span{margin-right:15px;color:#999;}
.focus-bot .rank .t p .fa{margin-right:3px;}
.focus-bot .rank .t p a{position:absolute;right:0;bottom:13px;color:#0a76db;border:1px #0a76db solid;border-radius:15px;padding:2px 8px;}
.focus-bot .rank .t p a:hover{color:#ff5858;border-color:#ff5858}
.cdtit{position:relative;height:42px;border-bottom:1px #ddd solid;clear:both;}
.cdtit:before{content:"";display:block;height:0;overflow:hidden;clear:both;}
.cdtit h3{display:inline-block;height:42px;line-height:42px;font-size:15px;margin:0 1em;border-bottom:2px #0a76db solid;overflow:hidden;}
.cdtit h3::before{display:inline-block;content:"\f0c9";color:#0a76db;font-family:FontAwesome;font-size:17px;font-weight:normal;margin:-2px 9px 0 0;opacity:.68;vertical-align:middle;}
.inpr{float:right;padding:11px 12px 0 0;}
.inpr span{display:inline-block;width:28px;height:20px;line-height:22px;text-align:center;margin:0 -1px 0 0;color:#555;font-size:12px;background:#f8f8f8;border:1px #ddd solid;cursor:pointer;overflow:hidden;}
.inpr .iprev{border-radius:12px 0 0 12px;}
.inpr .inext{border-radius:0 12px 12px 0;}
.inpr span:hover{border-color:#bbb;}
.inpr span:active{background:#fff;}
.inews{position:relative;flex:1;margin:0 20px;background:#fff;border-radius:5px;box-sizing:border-box;overflow:hidden}
.inews > *{position:relative;z-index:8;}
.inews.anima-bg .cdtit{border-bottom-color:rgba(255,255,255,.68);}
.inews ul{padding:4px 15px;overflow:hidden;}
.inews li{float:left;width:50%;height:36px;line-height:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 15px;box-sizing:border-box;}
.inews li:nth-child(4n+3), .inews li:nth-child(4n+4){background:rgba(237,243,249,.28);border-radius:30px 0 0 30px;}
.inews li:nth-child(4n+4){border-radius:0 30px 30px 0;}
.inews li .d, .cmslist li .d{position:relative;color:#bbb;font-size:12px;margin-right:12px;}
.inews li .d:after, .cmslist li .d:after{content:"";display:inline-block;position:absolute;top:2px;right:-6px;width:0;height:12px;border-left:1px #ddd dotted;}
.inews li .d.td, .cmslist li .d.td{color:#f00;margin-left:2px;}
.inews li .b{font-weight:bold;}
.inews .loading{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background:rgba(255,255,255,.78);}
.inews .loading:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.inews .loading span{color:#f00;}
.mtoprt{width:240px;}
.mtoprt .sp li{height:150px;margin-bottom:20px;}
.mtoprt .sp li a{position:relative;display:inline-block;width:100%;height:100%;text-align:center;background:#fff;border-radius:5px;overflow:hidden;}
.mtoprt .sp li a::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(180deg, rgba(0,0,0,.01) 0, rgba(0,0,0,.01) 70%, #333 100%);opacity:.8;}
.mtoprt .sp li a:hover::after{background-image:linear-gradient(180deg, rgba(0,0,0,.01) 0, #333 100%);}
.mtoprt .sp li a div{position:absolute;right:0;bottom:0;width:100%;height:30px;line-height:30px;color:#fff;font-weight:bold;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 15px;box-sizing:border-box;z-index:3;}
.mtoprt .sp li a img{min-height:100%;max-width:150%;}
.mtoprt .dt dt{position:relative;display:flex;justify-content:space-between;align-items:center;height:80px;border-bottom:1px #eee dashed;}
.mtoprt .dt dt::after{content:'';position:absolute;top:0;left:50%;width:0;height:100%;border-right:1px #eee dashed;}
.mtoprt .dt dt .n{width:50%;text-align:center;}
.mtoprt .dt dt .n span:first-child{display:inline-block;min-width:50px;height:28px;line-height:28px;margin:0 0 3px;color:#fff;padding:0 8px;background-image:linear-gradient(-60deg, #ff5858 0%, #f09819 100%);border-radius:20px;}
.mtoprt .dt dt .n span:last-child{font-size:12px;opacity:.48;}
.mtoprt .dt dt .n .fa{margin-right:3px;color:#fff;}
.mtoprt .dt dd{padding:9px 9px 12px;}
.mtoprt .dt dd h3{font-size:14px;padding:0 0 12px 5px;}
.mtoprt .dt dd h3 .fa{margin-right:5px;color:#ff5858;}
.mtoprt .dt dd p{max-height:118px;overflow:hidden;}
.mtoprt .dt dd p a{display:inline-block;margin:0 5px 10px;padding:0 5px;height:22px;border-radius:5px;background:#edf3f9;color:#888;white-space:nowrap;font-size:12px;line-height:22px;word-break:break-all;}
.mtoprt .dt dd p a:hover{color:#fff;background:#ff5858;}
.cmsbox{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 8px;}
.cmslist{width:23.8%;margin:0 0 25px 0;background:#fff;border-radius:5px;overflow:hidden;}
.cdtit .more{position:absolute;top:12px;right:8px;font-size:12px;border:1px #ddd solid;border-radius:12px;padding:1px 8px;opacity:.48;}
.cmslist li{height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 15px;box-sizing:border-box;}
.cmslist li:nth-child(even){background-image:linear-gradient(to right, #fff 0, #f8f8f8 20%, #f8f8f8 80%, #fff 100%);}
.cmslist li:first-child{height:auto;line-height:18px;margin:20px 0;white-space:normal;}
.cmslist li:first-child > .d{display:none;}
.cmslist li:first-child .i{display:flex;margin:3px 0 0;font-size:12px;height:35px;line-height:18px;overflow:hidden;opacity:.48;}
.cmslist li .p{float:left;width:100px;height:75px;margin-right:12px;}
.cmslist li .p img{display:block;min-height:100%;}
.vplist{margin:0 0 8px;}
.vplist .cdtit h3::before{content:"\f03e";}
#content .cdtit h3::before{content:"\f0f6";}
.vpshow ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.vplist li{width:18.8%;;margin:0 0 25px;background:#fff;border-radius:5px;overflow:hidden;transition:all .2s linear;}
.vplist li:hover{box-shadow:0 34px 20px -24px rgb(136 161 206 / 30%);transform:translateY(-3px);}
.vplist li .pic{position:relative;width:100%;padding-bottom:70%;background:#fafafa;}
.vplist li .pic a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden}
.vplist li .pic a::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.48) url(../images/wave.svg) 50% 50% no-repeat;backdrop-filter:blur(1px);z-index:2;opacity:0;transition:all .2s linear;pointer-events:none;}
.vplist li:hover .pic a::after{opacity:1;}
.vplist li img{display:block;width:100%;min-height:100%;}
.vplist li h4{height:52px;line-height:26px;font-size:15px;font-weight:normal;margin:12px 15px;overflow:hidden}
.vplist li .text{display:flex;justify-content:space-between;font-size:12px;padding:12px 15px;border-top:1px #eee dashed;box-sizing:border-box;overflow:hidden}
.vplist li .text span{opacity:.68;}
.vplist li .text span .fa{margin-right:3px;}
.vplist li .text a::before{content:'';display:inline-block;height:5px;width:5px;margin:-2px 3px 0 0;border:2px solid #ff5858;border-radius:50%;vertical-align:middle;}
.csort{display:inline-block;font-size:12px;}
.csort a{display:inline-block;line-height:24px;margin:0 0 0 8px;color:#999;padding:0 12px;background:#f8f8f8;border-radius:20px;}
.csort a:hover{color:#333;}
.m-tit2{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 0 20px;}
.m-tit2::after{content:"";flex:1;height:8px;background:none;background-image:linear-gradient(135deg, transparent 25%, #fff 25%, #fff 50%, transparent 50%, transparent 75%, #fff 75%, #fff, transparent);background-size:5px 5px;border-radius:0 20px 20px 0;}
.m-tit2 h3{height:28px;line-height:28px;font-size:15px;padding:0 20px;background:#fff;border-radius:20px;}
.m-tit2 h3::before{display:inline-block;content:"\f00a";font-family:FontAwesome;font-size:14px;font-weight:normal;margin:-3px 6px 0 0;opacity:.68;vertical-align:middle;}
/* erx:Left */
#content{overflow:hidden;clear:both;}
#contentleft{margin:0 25.4% 0 0;overflow:hidden;}
.imoney{width:100%;margin:0 0 20px;text-align:center;overflow:hidden;clear:both;}
.imoney>a>img{display:block;}
.imoney img{width:100%}
.loglist li.con{position:relative;margin:0 0 25px;clear:both;background:#fff;overflow:hidden;box-sizing:border-box;border-radius:5px;transition:all .2s linear;}
.loglist li.con:hover{background:#fafafa;box-shadow:0 34px 20px -24px rgb(136 161 206 / 30%);}
.loglist li.con a.pic{float:left;display:block;width:200px;height:150px;margin-right:25px;overflow:hidden;}
.loglist li.con a.pic img{min-height:100%;}
.loglist li.con a.pic img:hover{transform:scale(1.1);}
.loglist li.con > h4{display:none}
.loglist li.con h4{padding:18px 0 12px;font-size:16px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-wrap:break-word;word-break:normal;}
.loglist li.con h4 i.fa{margin-right:6px;}
.loglist li.con h4 a{font-family:tahoma,arial,sans-serif;}
.loglist li.con h4 a:hover,.tags a:hover{color:#ff5858}
.loglist li.con .des .text{max-height:48px;line-height:24px;margin:0 15px 15px 0;word-wrap:break-word;word-break:normal;overflow:hidden;opacity:.8;}
.loglist li.con .des .attr span{color:#888;font-size:12px;padding-right:1em;}
.loglist li.con .des .attr span .fa{margin-right:3px;}
.loglist li.con .des .attr a{color:#888;}
.loglist li.con .des .attr a:hover{color:#111;}
.loglist li.con .des .tags{font-size:12px;line-height:18px;padding:9px 0;}
.loglist li.con .des .more{position:absolute;right:15px;bottom:15px;color:#fff;background:#0a76db;padding:2px 7px;border-radius:5px;}
.loglist li.con .des .more:hover{opacity:.8;}
.home-mlist{display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-mlist li.con{width:49.12%;}
.loglist li.con.tlist{padding:0 15px 15px;}
.tags a{display:inline-block;margin:0 12px 0 0;}
.tags a:hover{text-decoration:underline;}
.tags .fa,.ainfo .fa{margin-right:5px;color:#bbb;}
.nolog{height:30vh;line-height:30vh;text-align:center;}
.cate-banner{display:flex;align-items:center;position:relative;height:240px;margin:-20px 0 20px;background:#111;overflow:hidden;}
.cate-banner .wrap{position:relative;color:#fff;text-align:center;z-index:8;}
.cate-banner h1{font-size:30px;padding:0 0 15px;}
.cate-banner p{opacity:.68;}
.cate-banner #overlay, .cate-banner #bg_glow, .cate-banner #canvas{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;}
.cate-banner #overlay{background:radial-gradient(ellipse at center, rgba(0,0,0,.0) 10%, rgba(0,0,0,.8) 80%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%);z-index:3;}
.cate-banner #canvas{z-index:2;}
/* erx:Right */
#sidebar{float:right;width:24%;overflow:hidden}
#sidebar .function{margin:0 0 20px;background:#fff;border-radius:5px;}
#sidebar .function:last-child{margin:0;}
#sidebar .function_t{position:relative;margin:0 15px;height:44px;line-height:44px;text-indent:5px;font-size:15px;font-weight:bold;border-bottom:1px #e9e9e9 solid}
#sidebar .function_t:after{content:"";position:absolute;bottom:-2px;left:0;width:30%;height:0;border-bottom:3px #0a76db solid;}
#sidebar .function_c>div{text-align:center;}
#sidebar .function_c>ul{padding:9px 15px}
#sidebar .function_c>ul>li{position:relative;line-height:28px;border-bottom:1px #ddd dotted;padding:6px 0;box-shadow:0 1px 0 #fff;}
#sidebar .function_c>ul>li:last-child,#divLinkage .function_c>ul>li:nth-last-child(2){border-bottom-color:#fcfcfc}
#sidebar .function_c>ul>li:last-child{box-shadow:none;}
#sidebar #divPrevious .function_c>ul{padding:9px 15px 9px 30px}
#divPrevious .function_c>ul>li:after{content:"";position:absolute;top:17px;left:-12px;width:5px;height:5px;background:#ccc;}
#divCalendar caption{width:100%;line-height:35px;border-collapse:collapse;text-align:center;}
#divCalendar table{width:100%;border-collapse:collapse;}
#divCalendar th,#divCalendar td{font-size:12px;text-align:center;border:1px #eee solid;line-height:28px;}
#divCalendar td a{color:#ff5858}
#divSearchPanel .function_c div{padding:25px 0 25px 28px;overflow:hidden;}
#divSearchPanel input[type=text]{float:left;width:160px;height:32px;border:1px solid #999;border-right:0;text-align:center;box-shadow:inset 2px 2px 2px #eee;border-radius:5px 0 0 5px;outline:none}
#divSearchPanel input[type=submit]{float:left;width:40px;height:34px;border:0;cursor:pointer;text-align:center;color:#fff;background:#999;border-radius:0 5px 5px 0}
#divLinkage ul{overflow:hidden}
#divLinkage li{float:left;width:48%;margin:0 1%;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#divCatalog .function_c>ul{padding:5px 15px;}
#divCatalog .function_c>ul>li{line-height:38px;border-bottom:0;border-bottom:1px #eee solid;padding:0;}
#divCatalog .function_c>ul>li .sico{position:absolute;top:0;right:0;width:20px;height:38px;line-height:38px;color:#ccc;font-size:8px;text-align:center;cursor:pointer}
#divCatalog .function_c>ul>li .sico:hover{border-left:1px #eee solid;background:#f6f6f6}
#divCatalog .function_c>ul>li a{display:block;height:38px;text-indent:12px;}
#divCatalog .function_c>ul>li>a::before{margin-right:9px;content:"\f07b";font-family:FontAwesome;font-size:14px;}
#divCatalog .function_c>ul>li a:hover,#divCatalog .function_c>ul>li a.cur{border-left:4px #FE6D4B solid;background:#f6f6f6}
#divCatalog .function_c>ul>li ul{display:none;background:#fafafa}
#divCatalog .function_c>ul>li li{border-top:1px #eee solid;}
#divCatalog .function_c>ul>li li a{text-indent:34px;border-color:#fafafa}
#divContorPanel .function_c div{line-height:30px;padding:15px;}
#divContorPanel a{background:#f2f2f2;padding:3px 8px;border-radius:5px}
#sidebar #divComments .function_c>ul>li{line-height:22px;margin-bottom:6px;border-bottom:0;background:#edf3f9;padding:9px 15px;word-wrap:break-word;word-break:normal;border-radius:50px;}
#sidebar #divComments .function_c>ul>li a::before{margin-right:8px;content:"\f27a";font-family:FontAwesome;font-size:14px;}
#divTags .function_c>ul>li{display:inline;border:0;}
#divTags .function_c>ul>li a{display:inline-block;margin:0 3px 3px 0;padding:0 5px;height:22px;border-radius:5px;color:#fff;white-space:nowrap;font-size:12px;line-height:22px;word-break:break-all;}
#divTags .function_c>ul>li a:hover{opacity:.68;}
#cead dd{padding: 10px;}
#sidebar #diyarea{border:0;background:none;padding:0}
#divmyspace .function_c{padding:5px 15px 0;}
/* erx:PageNav */
#pagenavi{text-align:center;padding:20px 0;overflow:hidden;clear:both}
#pagenavi a,#pagenavi>span{display:inline-block;font-family:Arial;width:34px;height:34px;line-height:34px;margin:2px;color:#0a76db;text-align:center;border:1px #0a76db solid;background:#fff;border-radius:50%;}
#pagenavi a:hover{color:#fff;border-color:#ff5858;background:#ff5858}
#pagenavi>span{color:#fff;border-color:transparent;background:#ff5858}
/* erx:Footer */
#footerbar{line-height:26px;font-size:12px;padding:25px 0;color:#ddd;background:#0a76db;clear:both}
#footerbar .wrap{display:flex;justify-content:space-between;}
#footerbar .wrap a{color:#eee;margin:0 6px 0 0;}
#footerbar .fta{color:#ddd}
.flinks{position:relative;width:100%;margin:-25px 0 40px;background:rgba(0,0,0,.1);border-radius:5px;z-index:8;}
.flinks .cdtit{border-bottom:1px rgba(255,255,255,.2) dashed;}
.flinks .cdtit h3{border-bottom:0;}
.flinks .cdtit h3::before{content:"\f0c1";color:#bbb;}
.ilinks{line-height:1.8;padding:12px 0 12px 8px;overflow:hidden;clear:both;}
.ilinks li{display:inline-block;margin:3px .8em;}
.ilinks li a{opacity:.8;}
.cdtit .tips{position:absolute;top:9px;right:15px;font-size:12px;opacity:.48;}
.ft-qrcode{max-width:50%;height:90px;margin:0 0 0 35px;padding:3px;border:2px rgba(255,255,255,.2) dashed;}
.backtop{display:none;position:fixed;left:50%;bottom:170px;margin:0 0 0 740px;width:40px;height:40px;line-height:35px;font-size:30px;text-align:center;background:#0a76db;cursor:pointer;transition:all .3s linear;border-radius:50%;}
.backtop span.fa{color:#fff;}
.backtop:hover{background:#ff5858;}
#j-fish-skip{margin-top:30px;overflow: hidden;}
#j-fish-skip canvas{display:block;}
/* erx:PageLeft */
.pagenow{line-height:24px;margin:0 0 20px;color:#333;font-size:12px;background:#fff;padding:10px 18px;border-radius:5px;}
.pagenow .fa-home{margin:0 6px 0 0}
.pagenow span{color:#999;margin:0 6px;}
.logbox{margin-bottom:20px;background:#fff;padding:20px;overflow:hidden;box-sizing:border-box;border-radius:5px;}
.logbox:last-child{margin:0;}
.logbox .pagenow{margin-bottom:0;border-top:0}
.logbox .pagenow i.fa{margin-left:0}
.logbox .pagenow span{color:#ccc;margin:0 4px;}
.logbox > h1{color:#111;font-size:30px;line-height:1.6;text-align:center;padding:15px 0px 30px;}
.logbox .data{margin:0 0 20px;color:#999;font-family:Arial, Helvetica, sans-serif;text-align:center;background-color:#fafafa;padding:12px 0;background-image:linear-gradient(to right, #fff 0, #f6f6f6 20%, #f6f6f6 80%, #fff 100%);}
.logbox .data > span{margin:0 12px 0 0;}
.logbox .data > span::after{content:'';display:inline-block;width:0;height:12px;margin:-2px 0 0 12px;border-left:1px #bbb solid;border-right:1px #fff solid;vertical-align:middle;}
.logbox .data > span:last-child::after{display:none;}
.logbox .data i.fa{margin:0 4px 0 0}
.pagebox > h1{margin:0 0 15px;border-bottom:1px #eee solid;}
.fontzoom{margin-left:15px;}
.fontzoom a{color:#999;margin:0 4px;}
.logtop{margin:0 0 1em;}
.logcon{line-height:2;font-size:16px;text-align:justify;word-break:break-all;overflow:hidden}
.logcon > *{margin:0 0 1em;}
.logcon * p{margin:0;}
.logcon a{color:#ff5858}
.logcon img, .logcon iframe, .logcon video, .logcon table{max-width:100% !important;box-sizing:border-box;}
.logcon img{height:auto !important}
.logcon table{border:1px #555 solid;border-collapse:collapse;}
.logcon td{border:1px #555 solid;padding:0 5px;}
.logcon h1,.logcon h2,.logcon h3,.logcon h4,.logcon h5,.logcon h6{font-size:18px;line-height:20px;border-left:4px #888 solid;font-family:"Microsoft Yahei";background:#f6f6f6;padding:.6em 15px;}
.logcon h3,.logcon h4{font-size:16px;border-left-width:3px;}
.logcon h5,.logcon h6{font-size:14px;border-left-width:2px;}
.logcon blockquote{position:relative;font-size:14px;background:#f8f8f8;border:1px #ddd dashed;padding:15px 15px 15px 35px;}
.logcon blockquote:before{content:'\f10d';position:absolute;top:8px;left:8px;font: normal normal normal 18px/1 FontAwesome;opacity:.3;}
.downarea{position:relative;text-align:center;margin:20px 0;padding:30px 0 15px;overflow:hidden;clear:both;}
.downarea::after{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background-image:linear-gradient(135deg, transparent 25%, #eee 25%, #eee 50%, transparent 50%, transparent 75%, #eee 75%, #eee, transparent);background-size:5px 5px;border-radius:20px;}
.downarea span{display:inline-block;margin:2px 1em;}
.downarea a{position:relative;display:inline-block;height:39px;line-height:39px;padding:0 20px 0 55px;border:1px #ddd solid;border-width:1px 1px 4px;font-weight:bold;color:#0b588c;border-radius:3px;overflow:hidden;background:#fff;}
.downarea a .fa{position:absolute;top:0;left:0;height:100%;line-height:39px;border-right:1px #ddd solid;padding:0 12px;font-weight:bold;font-size:16px;color:#0b588c;}
.downarea a:hover{color:#fff;background:#0b588c;border-color:#0b588c #0b588c #0b4972;}
.downarea a:hover .fa{color:#fff;border-color:#0b4972;}
.downarea span .qr{width:120px;margin:10px auto 0;}
.nodtips{margin-bottom:16px;text-align:center;font-size:16px;font-weight:bold;border:1px solid #D3D3D3;background:#F7F7F7;padding:40px 0;}
.nodtips:before{content:'\f070';margin-right:5px;color:#888;font: normal normal normal 20px/1 FontAwesome;}
.logbox .ainfo{margin:0 0 18px;line-height:28px;text-align:center;border:1px #ff5858 dashed;padding:1em;border-radius:8px;}
.logbox .ainfo legend{text-align:center;color:#fff;background:#ff5858;border-radius:8px;padding:0 15px;cursor:pointer;}
.logbox .ainfo #aurl{position:absolute;top:-9999em;left:-9999em;}
.logbox .tags{margin:0 0 18px;}
.nextlog{line-height:30px;background:#fafafa;border-radius:5px;overflow:hidden;}
.nextlog > div{padding:5px 15px;}
.nextlog .prev{border-bottom:1px #eee dashed;box-shadow:0 1px 0 #fff;}
.link-box{overflow:hidden;clear:both}
.rexlist li{float:left;width:48%;line-height:34px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 1%}
.rexlist li i.fa{margin-right:5px;font-size:10px}
.searchbox p{line-height:1.8;margin:15px 0}
.searchbox p a:first-child{color:#06C;font-size:16px;text-decoration:underline}
.social-share{margin:0 0 6px;}
/* erx:Comment */
#divCommentPost + div{margin-top:20px;}
.ocmt-box{margin:25px 0 0;overflow:hidden;clear:both;}
ul.msg{padding:25px 0;word-wrap:break-word;border-bottom:1px #e9e9e9 solid;}
ul.msg:last-child{border-bottom:0;}
li.tbname{font-size:18px;height:48px;line-height:48px;border-bottom:1px #e9e9e9 solid;position:relative;margin-top:5px;font-weight:bold}
li.tbname span{font-weight:normal;margin-right:2px;}
li.msgname{position:relative;padding:0 0 5px;}
li.msgarticle{color:#666;line-height:160%;padding-left:63px;}
li.msgtime{padding:5px 0 0 0;}
img.avatar{width:48px;height:48px;float:left;margin:0 15px 0 0;border-radius:50%;}
ul.msg ul.msg{margin:15px 0 0;clear:both;border-top:1px #eee dotted;border-bottom:0;padding:15px 0 0;}
.msgname small{color:#999;font-size:12px;margin:0 10px}
.commentname{font-size:12px;}
.revertcomment{position:absolute;top:0;right:0;}
.revertcomment a{font-size:12px;opacity:.68;}
.cmt-wel{font-size:12px;padding:0 0 15px;}
.cmt-wel .exit{float:right;}
.cmt-post p{position:relative;float:left;width:48.8%;height:34px;line-height:34px;margin:0 1.2% 15px 0;border:1px #ccc solid;background:#eee;padding-left:30px;border-radius:5px;box-sizing:border-box;overflow:hidden;}
.cmt-post p.vcode, .cmt-post p.email{float:right;margin-right:0;}
.cmt-post p i.fa{position:absolute;top:0;left:0;width:30px;height:100%;line-height:32px;border-right:1px #ccc solid;}
.cmt-post p input{width:100%;height:100%;line-height:34px;vertical-align:top;text-indent:12px;border:none;outline:none;border-radius:0 5px 5px 0}
.cmt-post p.vcode img{position:absolute;top:0;right:0;height:100%}
#cancel-reply{position:absolute;top:4px;right:0;cursor:pointer;font-size:12px;font-weight:normal;background:inherit;padding:0 15px;border-radius:inherit;}
div.reply-frm{background:#f0f0f0;box-shadow:0 0 15px #999;margin:1em 1em 1em 0;padding:10px;border-radius:5px;}
#txaArticle{display:block;width:98%;width:calc(98% - 2px);height:80px;font-size:14px;border: solid 1px #ccc;padding:1%;resize:none;outline:none;overflow:hidden;
background-image: -webkit-linear-gradient(top,#f9f9f9,#fff);background-image:linear-gradient(to bottom,#f9f9f9,#fff);background-repeat:repeat-x;border-radius:5px 5px 0 0;clear:both}
.cmt-post .cpost{position:relative;width:calc(98% - 2px);border:1px solid #ccc;border-top:0;overflow:hidden;padding-right:2%;background-image:linear-gradient(to bottom,#fff,#f9f9f9);clear:both}
.cmt-post .cpost i.fa{width:50px;height:30px;line-height:30px;color:#666;font-size:16px;border-right:1px #ccc solid;background:#eee;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);cursor:pointer}
.cmt-post .cpost .button{position:absolute;top:0;right:0;width:80px;height:30px;line-height:30px;text-align:center;text-shadow:0 1px 0 #fff;font-weight:bold;background:#eee;border:0;border-left:1px #ccc solid;cursor:pointer;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);outline:none}
.cmt-post .cpost i.fa:hover,.cmt-post .cpost .button:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);background-image:-webkit-linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}
.cmt-post .cpost .keytip{position:absolute;top:8px;right:100px;color:#ccc;font-size:12px;font-family:"Microsoft Yahei";text-shadow:1px 1px 0 #fff;}
/* erx:Other */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb{border:0 solid transparent;border-radius:3px;}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(100, 100, 100, 0.2) inset}
::-webkit-scrollbar-thumb{min-height:0;background-color:#0a76db;background-image:linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);}
::-webkit-scrollbar-corner{background:transparent}
.anima-bg::before, .anima-bg::after{content:'';animation:bgRotate 30s linear infinite;position:absolute;left:50%;top:-95vw;width:100vw;height:100vw;margin-left:-50vw;transform-origin:50% 49%;opacity:.1;border-radius:47%;z-index:0;animation-duration:30s;background-color:#08f;}
.anima-bg::after{border-radius:49%;}
@keyframes bgRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes switchColor{0%{background-position:0}50%{background-position:50%}to{background-position:100%}}@keyframes switchColor{0%{background-position:0}50%{background-position:50%}to{background-position:100%}}
/* erx:Response */
@media only screen and (max-width: 1400px) {
	.wrap{width:96%;}
	.header .mlogo img{max-width:12vw;}
	.header .mlogo::after{margin:0 .5vw 0 1vw;}
	.topsh .sint{display:none;}
	.topsh.mbs::after{content:'';position:absolute;top:100%;right:-2%;width:104%;height:48px;background:rgba(0,0,0,.68);z-index:0;}
	.topsh.mbs .sint{display:inline-block;position:absolute;top:100%;left:0;width:75vw;margin:7px 0 0;z-index:3;}
	.topsh.mbs .s-post{position:absolute;top:100%;right:0;margin:7px 0 0;z-index:3;}
	.navbar li a{font-size:14px;padding:0 1vw;}
	.inews ul{max-height:538px;overflow-y:auto;}
	.inews li{float:none;width:100%;padding:0;}
	.inews li:nth-child(4n+3), .inews li:nth-child(4n+4){background:none;}
}
@media only screen and (max-width: 990px) {
	.topsh .m-ctrl{display:inline-block;}
	.header .mlogo img{max-width:40vw;}
	.header .mlogo::after, .navbar, #sidebar, .main-focus{display:none;}
	.navbar.mbs{display:block;position:absolute;top:100%;left:-2%;width:104%;max-height:calc(100vh - 80px);background:rgba(0,0,0,.8);overflow-y:auto;}
	.navbar.mbs > li > a, .fixedbar .navbar > li > a{line-height:40px;color:#fff;text-indent:20px;border-top:1px rgba(255,255,255,.05) solid;}
	.navbar.mbs > li > a .fa{text-indent:0;}
	.navbar.mbs li ul{position:relative;margin-top:0;}
	.inews{margin:0 20px 0 0;}
	.cmslist{width:49%;}
	#contentleft{margin-right:0;}
	.loglist{padding-right:0;}
	.home-mlist li.con{width:100%;}
	.anima-bg::before, .anima-bg::after{top:-85vw;}
}
@media only screen and (max-width: 640px) {
	.keytip,.logbox .data .cate,.logbox .data .author,.logbox .data .down,.comms,.ft-qrcode, .anima-bg::before, .anima-bg::after{display:none;}
	.topbox{display:block;}
	.main-focus .cdmslider{height:auto;max-height:50vh;}
	.inews{width:100%;margin:0 0 20px;}
	.inews ul{max-height:none;padding:9px 12px;}
	.inews li{height:30px;line-height:30px;}
	.cmslist{width:100%;}
	.inews.anima-bg .cdtit{border-bottom-color:#ddd;}
	.mtoprt .dt dd p{height:auto;}
	.mtoprt{width:100%;}
	.mtoprt .sp{display:flex;justify-content:space-between;}
	.mtoprt .sp li{width:48.2%;height:35vw;}
	.vpshow{padding:0 6px 12px;}
	.vplist .csort{max-width:60%;margin-left:-10px;}
	.vplist .csort a{padding:0 6px;}
	.vplist li{width:48.8%;margin-bottom:15px;}
	.vplist li h4{margin:6px 12px;}
	.loglist li.con{margin-bottom:15px;}
	.loglist li.con a.pic{width:30vw;height:26vw;margin-right:15px;}
	.loglist li.con h4{padding:15px 0 6px;}
	.loglist li.con .des .text{height:40px;line-height:20px;margin-bottom:0;font-size:12px;}
	.loglist li.con .des .attr, .loglist li.con .des .more{display:none;}
	.search .loglist li.con{padding:0 12px 12px;}
	.logbox{padding:15px;}
	.logbox>h1{font-size:24px;padding:15px 0;}
	.logbox>h2{font-size:20px;padding:0 0 15px;}
	.downarea{text-align:center;}
	.rexlist li{float:none;width:98%;}
	.pagenow .csort{display:block;margin:8px 0 0;}
	.csort a{margin:0 0 5px 5px;}
	div.reply-frm{margin:1em;}
	.cmt-post p{float:none;width:100%;margin-right:0;}
	ul.msg ul.msg{margin-left:-50px;}
	#footerbar{line-height:20px;padding:12px 0;margin-bottom: 60px;}
	#footerbar .ftp{padding-left:10px;}
	.cate-banner{height:180px;}
	#j-fish-skip{margin-top:15px;}
}

@media (min-width: 800px){
.kf_toolbar{ display:block;}
.kf_bottom{ display:none;}	
.kf_toolbar {
	position: fixed;
	top: 50%;
	right: 1%;
	margin-top: -163px;
	z-index: 100;
	width: 80px;
}
.kf_toolbar dd {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	background: #0a76db;
	margin-top: 2px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	transition: all .5s;
}
.kf_toolbar dd:first-child {
	margin-top: 0;
}
.kf_toolbar dd i {
	width: 100%;
	height: 30px;
	display: block;
	margin-top: 13px;
	background: url(../images/kf_toolbar.png) no-repeat center 0;
}
.kf_toolbar dd.qq i {
	background-position-y: 0;
}
.kf_toolbar dd.tel i {
	background-position-y: -30px;
}
.kf_toolbar dd.code i {
	background-position-y: -60px;
}
.kf_toolbar dd.top i {
	background-position-y: -90px;
}
.kf_toolbar dd span {
	display: block;
	color: #fff;
}
.kf_toolbar dd.tel .box {
	position: absolute;
	top: 0;
	width: 190px;
	right: -200px;
	height: 100%;
	margin-right: 10px;
	border-radius: 5px;
	background: #0a76db;
	opacity: 0;
	transition: all .5s;
}
.kf_toolbar dd.tel .box p {
	font-size: 14px;
	margin: 15px auto 7px;
}
.kf_toolbar dd.tel .box h3 {
	font-size: 18px;
	font-weight: bold;
}
.kf_toolbar dd.tel .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent #0a76db;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: -18px;
	margin-left: -12px;
}
.kf_toolbar dd.code .box {
	position: absolute;
	top: 0;
	width: 162px;
	right: -172px;
	height: 162px;
	margin-right: 10px;
	border-radius: 5px;
	background: #0a76db;
	opacity: 0;
	transition: all .5s;
}
.kf_toolbar dd.code .box img {
	width: 140px;
	height: 140px;
	padding: 11px;
}
.kf_toolbar dd.code .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent #0a76db;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 30px;
	right: -18px;
	margin-left: -12px;
}
.kf_toolbar dd:hover {
	background: #333;
}
.kf_toolbar dd.tel:hover .box {
	opacity: 1;
	right: 80px;
}
.kf_toolbar dd.code:hover .box {
	opacity: 1;
	right: 80px;
}
}

@media (max-width: 800px){
.kf_toolbar{ display:none;}
.kf_bottom{ display:block;}		
.kf_bottom {
	width: 100%;
	height: 60px;
	background: #0a76db;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
}
.kf_bottom ul {
	max-width: 640px;
	height: 60px;
	margin: 0 auto
}
.kf_bottom ul li {
	width: 25%;
	height: 60px;
	display: block;
	float: left;
	text-align: center;
	background: url(../images/kf_bottom_li.png) no-repeat right center
}
.kf_bottom ul li a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
.kf_bottom ul li:nth-of-type(4) {
	background-image: none
}
.kf_bottom ul li.f1 i {
	display: block;
	width: 100%;
	height: 32px;
	background: url(../images/f1.png) no-repeat center;
	margin-top: 5px;
}
.kf_bottom ul li.f2 i {
	display: block;
	width: 100%;
	height: 32px;
	background: url(../images/f4.png) no-repeat center;
	margin-top: 5px;
}
.kf_bottom ul li.f3 i {
	display: block;
	width: 100%;
	height: 32px;
	background: url(../images/f2.png) no-repeat center;
	margin-top: 5px;
}
.kf_bottom ul li.f4 i {
	display: block;
	width: 100%;
	height: 32px;
	background: url(../images/f3.png) no-repeat center;
	margin-top: 5px;
}
.footer {
    margin-bottom: 40px;
}
}
#wxnr {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 300px;
	height: 300px;
	padding: 20px;
	padding-top: 35px;
	margin-top: -150px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
	box-sizing: border-box;
}
#wxnr img {
	width: 135px;
	height: 135px;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	color: #333;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}
#wxnr i {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 18px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 100%;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 3px 5px;
	line-height: 18px;
	background-color: #0a76db;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 23px;
	background-image: url(../images/kf_wx.png);
	background-size: 20px;
	background-position: 5px center;
	background-repeat: no-repeat;
}
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -23px;
	z-index: 9999999;
	font-size: 16px;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 46px;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 5px;
	display: none;
}

.pcd_ad{display:block;}
.mbd_ad{ display:none}
@media(max-width:768px) {
.pcd_ad{display:none !important;}
.mbd_ad{display:block !important;}
}
.home_ad{border-radius: 5px;margin-bottom:25px;}
.home_ad img{border-radius: 5px;}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.zmlist a{    color: #fff;
    display: inline-block;
    font-size: 14px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 0 7px 0 0;
    text-align: center;
    border-radius: 4px;background: #f44336;}
.tag-wrap a {
    border: 1px solid #e5e1e1;
    border-radius: 3px;
    padding: 4px 8px;
    text-indent: 0px;
    color: #333;
    
}
.tag-wrap{overflow: hidden;padding-top:5px;}
.tag-wrap .con {
    float:left;margin:0px 5px 5px 5px;
    
}
.tag-wrap a:hover {
    border: 1px solid #009999;
    background-color: #009999;
    color: #fff;
}
.an_btn {
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    background-color: #f62020;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 10px;
}	
.an_btn i{color: #fff !important;}
#login_opacity_bg {
	width: 100%;
	position: absolute;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	top: 0;
	left: 0;
	display: none;
	z-index: 100
}
.tbox {
	width: 580px;
	height: 350px;
	margin: 0 auto;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
	zoom: 1;
	display: none;
	z-index: 101;
	top: 50%;
	left: 50%;
	position: fixed;
	margin: -250px 0 0 -295px
}
.tbox #logo {
    display: block;
    width: 220px;
    height: 50px;
    margin: 0 auto;
    background: url(../images/dlogo.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    zoom: 1;
    margin-top: 40px;
}
.tbox #tips {
    width: 270px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
    margin-top: 12px;
}
.tbox .hline {
    width: 50px;
    height: 15px;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
    zoom: 1;
}
.tbox .fl {
    float: left;
}
.tbox .tiptext {
    width: 170px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 14px;
}
.tbox .fr {
    float: right;
}
.tbox .btn {
    border-radius: 2px;
    display: block;
    width: 270px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
    margin-top: 29px;
    font-size: 18px;
    color: #fff;
    background: #00b7d6;
    text-decoration: none;
    text-align: center;
	position: relative;
}
.tbox .btn:hover {
	background: #1f9bd9;
	text-decoration: none
}
.pansbtn{
    border-radius: 2px;
    display: block;
    width: 270px;
    height: 34px;
    line-height: 30px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    background: #E2523A;
    text-decoration: none;
    text-align: center;
	position: relative;
	cursor: pointer;
	border: 0px;
}
.pansbtn:hover {
	background: #d2341a;
	text-decoration: none
}
.tbox i{margin-right: 5px;}
.tbox a {
	-webkit-transition: all 0s;
	transition: all 0s
}
.tbox .close {

	position: absolute;
	right: 18px;
	top: 16px;
	font-size: 30px;
	line-height: 20px;
	-webkit-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}
.tbox .close:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.viptps {
    height: 280px;
    margin-top: -130px;
}
.vipcon {
    color: #090;
    font-size: 28px;
    line-height: 250px;
    text-align: center;
}
.vipcon a {
    color: red;
}
#panstext{display:none;}
@media screen and (max-width:767px){
.tbox {
    width: 90%;
    height: 300px;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    zoom: 1;
    display: none;
    z-index: 101;
    top: 25%;
    left: 5%;
    right: auto;
    position: fixed;
	}
}