@charset "utf-8";section{background:#fff;position:relative;z-index:2}
nav{border-bottom:solid 1px #ebebeb}
.pgnav{padding:15px 0;line-height:22px;overflow:hidden;color:#999}
.pgnav span{color:#626262}
.pgnav a{color:#999}
.pgnav a:hover{color:#f50}
.article {
float: left;
width: 770px;
border-radius: 5px;
overflow: hidden;
}
.info {
line-height: 30px;
background: #fff;
padding: 35px 40px;
}
.info h1{font-size:28px;display:block;line-height:38px;color:#333;padding-bottom:10px;text-align:center}
.desc {
padding: 15px;
border: solid 1px #eaeaea;
border-radius: 5px;
font-size: 14px;
color: #777;
background: #f5f5f5;
text-align: justify;
line-height: 22px;
}
.date-from {
padding-bottom: 10px;
font-size: 12px;
color: #999;
text-align: center;
border-bottom: solid 1px #e8e8e8;
}
.date{padding-right:30px}
.sm{padding:10px;color:#999;border-top:solid 1px #eee;line-height:22px;font-size:13px}
.img-box{padding:0 8px 10px 8px}
.img-box img{display:block;margin:0 auto;max-width:100%}
.aside {
float: right;
width: 250px;
background: #fff;
padding: 0 30px;
border-radius: 5px;
}
.descon{background:#f5f5f5;padding:15px;border-radius:5px;margin-bottom:10px}
.intro{padding:10px 5px}
.detail{color:#444;padding:20px 0 35px;text-align:justify;font-size:16px}
.side{}
aside{width:300px;padding:60px 0 20px 0;float:right}
.pimg{padding:10px 0}
.pimg img{display:block;max-width:100%}
.subject{padding:20px 10px 0 10px}
.line{height:15px}
.asksp{padding-top:10px}
.askde{padding:8px;color:#999;font-size:12px}
.askie{margin:15px 0}
.askd{position:relative;z-index:1;border:solid 1px #ddd}
.tagsno{height:40px;border-bottom:solid 1px #eee}
.relbox{padding:35px 0}
.tjbox {
border-top: solid 1px #eee;
background: #fff;
padding: 30px;
}
.relt,.tjt{font-size:17px;padding-bottom:15px}
.relbox li,.tjbox li{padding-top:5px;padding-bottom:15px}
.relbox li img,.tjbox li img{display:block;width:100%;border-radius:4px;border:solid 1px #eee}
.relbox li strong,.tjbox li strong{font-size:15px;font-weight:400;display:block;height:35px;text-align:center;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tjbox li{float:left;width:30%;overflow:hidden;padding-right:3%}
.noview{background:url(viewbg.png) center center no-repeat;height:60px;margin:20px 0;padding:10px 0;background-color:#f5f5f5;border-radius:5px}
.loation{height:22px;line-height:22px;padding-bottom:15px;font-size:14px;color:#999;overflow:hidden}
.loation i{padding:0 8px;background:url(pos.png) left center no-repeat;background-size:auto 75%}
.cdkaskbox{font-size:14px;padding:15px;background:#f6f6f6;margin-bottom:25px;border-radius:5px}
.cdkaskl{float:left;color:#666}
.cdkaskr{color:#666;margin-left:75px}
.cdkaskt{position:relative;z-index:2}
.cdkaskt i{position:absolute;top:3px;left:0;border-radius:50%;overflow:hidden;display:block;width:16px}
.cdkaskgt{font-size:14px;margin-left:20px;padding:6px 20px;border-radius:25px;background:#ff6a6a;cursor:pointer;color:#fff}
.cdkaskgt:hover{background:#ff2a2a}
.cdkaskbd{font-size:14px;padding:5px 0}
.cdkaskbd p{padding:8px 0}
.cdkaskbd p.askcdkqr{padding:0 0 0 20px;line-height:20px;color:#999}
.cdkaskbd p.usecodeele{padding-left:23px}
#viewcodek{outline:0;border:solid 1px #ddd;border-radius:4px;height:22px;line-height:22px;font-size:14px;padding:5px;width:200px}
.cdkaskbd p.usecodeact{padding-left:23px;height:45px}
a.usecodebtn{display:block;background:#ff6868;color:#fff;text-align:center;width:265px;border-radius:25px;padding:9px 0;height:22px;line-height:22px}
a.usecodebtn:hover{background:#ff3a3a}
.askcdkqr a{font-size:14px;padding:9px 0;border-radius:25px;display:block;height:22px;line-height:22px;background:#ff6a6a;cursor:pointer;color:#fff;text-align:center;width:265px}
.askcdkqr a:hover{background:#ff2a2a}
.fee{color:#f50;padding-right:8px;font-size:18px}
.simgwinbg{background:#000;opacity:0.7;position:fixed;z-index:11;top:0;left:0;right:0;bottom:0;width:100%}
.simgwin {
position: fixed;
top: 40px;height:0;
left: 3px;
right: 3px;
bottom: 10px;
z-index: 12
}
.simgwincon{position:relative;z-index:2;height:98%;overflow:hidden;overflow-y:auto}
a.sclosebtn {
position: absolute;
top: -31px;
right: 5px;
color: #fff;
background: #fd450b;
font-size: 24px;
border-radius: 50%;
display: block;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
}
a.sclosebtn:hover {
background: #fd0b0b;
}
.bigimgo{display:block;margin:0 auto;max-width:100%}
@media screen and (max-width:1100px){.article{float:none;width:auto;margin:0}
.aside{width:auto;float:none;border-left:none;padding:0 15px;border-top:solid 10px #eee}
.side{border-left:none;padding:0}
.info{margin:0 10px}
.tjbox{padding:15px;border-top:solid 10px #eee}
.relbox{padding:15px 0}
}@media screen and (max-width:750px){.pgnav{text-overflow:ellipsis;white-space:nowrap;text-indent:10px}
.info h1{line-height:30px;font-size:22px}
.info{margin:0 8px}
.desc{margin:0 7px;padding:10px 13px}
.tjbox li,.relbox li{width:47%;padding-right:3%}
.img-box img{border-radius:3px}
.relbox li{float:left}
.info h2{font-size:23px;line-height:30px;padding-bottom:15px}
.tags{border-bottom:solid 1px #eee}
.cdkaskgt{white-space:nowrap;margin-left:0}
.cdkaskr{margin-left:0}
.cdkaskt{margin-left:75px}
.info{padding:20px 0}
.relbox li a p{font-size:14px}
.ftcon{font-size:12px}
}@media screen and (max-width:500px){.cdkaskgt{display:block;height:22px;line-height:22px;width:140px;text-align:center}
}