You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
362 lines
7.0 KiB
CSS
362 lines
7.0 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
section{
|
|
margin-top:2%;
|
|
margin-left:2%;
|
|
margin-right:2%;
|
|
}
|
|
.pack-rec-fin{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
border:1px solid #dcdcdc;
|
|
background-color:#FFF;
|
|
}
|
|
.pack-rec-fin-time{
|
|
display:none;
|
|
position:absolute;
|
|
top:60px;
|
|
right:10px;
|
|
color:#999999;
|
|
padding-top:8px;
|
|
font-size:12px;
|
|
line-height:12px;
|
|
}
|
|
.pack-rec-fin-time:hover{
|
|
color:#999999;
|
|
}
|
|
.pack-rec-fin-time em{
|
|
font-style:normal;
|
|
}
|
|
.pack-rec-fin .pack-rec-fin-imge{
|
|
display: block;
|
|
float:left;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
width: 66px;
|
|
}
|
|
.pack-rec-fin .pack-rec-fin-imge img{
|
|
width: 100%;
|
|
height:auto;
|
|
border-radius: 10px;
|
|
}
|
|
.pack-rec-fin span{
|
|
display:block;
|
|
float:left;
|
|
width:40%;
|
|
}
|
|
.pack-rec-fin span p{
|
|
margin:0;
|
|
width:100%;
|
|
}
|
|
.pack-rec-fin span p.pack-rec-fin-t{
|
|
padding-top:8px;
|
|
font-size:16px;
|
|
line-height:20px;
|
|
height:38px;
|
|
overflow:hidden;
|
|
}
|
|
.pack-rec-fin span p.pack-rec-fin-t a{
|
|
color:#666666;
|
|
}
|
|
.pack-rec-fin span p.pack-rec-fin-num{
|
|
padding-top:5px;
|
|
font-size:12px;
|
|
line-height:12px;
|
|
color:#aaa;
|
|
}
|
|
.pack-rec-fin span p.pack-rec-fin-num em{
|
|
font-style:normal;
|
|
color:#ff5400;
|
|
}
|
|
.pack-rec-fin span p.pack-rec-fin-num em i{
|
|
font-style:normal;
|
|
}
|
|
.pack-rec-fin .pack-rec-fin-r{
|
|
position:absolute;
|
|
top:25px;
|
|
right:10px;
|
|
display:block;
|
|
width:80px;
|
|
height:40px;
|
|
line-height:40px;
|
|
text-align:center;
|
|
border-radius: 5px;
|
|
font-size:16px;
|
|
color:#FFF;
|
|
}
|
|
.Style0{
|
|
background-color:#d2d2d2;
|
|
}
|
|
.Style1{
|
|
background-color:#fd7100;
|
|
}
|
|
.Style2{
|
|
background-color:#f1b73b;
|
|
}
|
|
.pack-rec-end{
|
|
display:none;
|
|
float:left;
|
|
width:100%;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
border:1px solid #dcdcdc;
|
|
border-top:none;
|
|
background-color:#FFF;
|
|
}
|
|
.pack-rec-end .pack-rec-end-t{
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
padding-bottom:5px;
|
|
font-size:12px;
|
|
color:#999999;
|
|
}
|
|
.pack-rec-end-i{
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
padding-top:5px;
|
|
font-size:12px;
|
|
color:#999999;
|
|
}
|
|
.pack-rec-end .pack-rec-end-n{
|
|
position:relative;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
height:24px;
|
|
line-height:24px;
|
|
font-size:14px;
|
|
color:#666666;
|
|
padding-left:5px;
|
|
background-color:#ededed;
|
|
}
|
|
p{
|
|
margin:0px;
|
|
}
|
|
.pack-rec-end .pack-rec-end-n em{
|
|
font-style:normal;
|
|
color:#0080ff;
|
|
}
|
|
.pack-rec-end .pack-rec-end-n span{
|
|
display:none;
|
|
position:absolute;
|
|
display:block;
|
|
top:3px;
|
|
right:5px;
|
|
width:60px;
|
|
height:18px;
|
|
background-size:60px auto;
|
|
background-image:url(../images/pack-copy.png);
|
|
background-repeat:no-repeat;
|
|
}
|
|
.pack-rec-end .pack-rec-end-n span:active{
|
|
background-color:#f2f2f2;
|
|
}
|
|
.mar-top{
|
|
margin-top:1.5%;
|
|
}
|
|
.bor-bottom{
|
|
border-bottom:1px dashed #dcdcdc;
|
|
}
|
|
.pack-rec-txt{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
border:1px solid #dcdcdc;
|
|
background-color:#FFF;
|
|
}
|
|
.pack-rec-txt span{
|
|
position:absolute;
|
|
display:block;
|
|
top:16px;
|
|
left:10px;
|
|
width:9px;
|
|
height:9px;
|
|
background-image:url(../images/icon_01.png);
|
|
background-size:9px auto;
|
|
}
|
|
.pack-rec-txt p{
|
|
margin-left:10px;
|
|
padding-left:15px;
|
|
color:#fd7100;
|
|
font-size:14px;
|
|
line-height:20px;
|
|
}
|
|
.pack-rec-info{
|
|
float:left;
|
|
width:100%;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
border:1px solid #dcdcdc;
|
|
background-color:#FFF;
|
|
}
|
|
.pack-rec-info span{
|
|
display:inline-block;
|
|
float:left;
|
|
width:100%;
|
|
color:#666666;
|
|
font-size:16px;
|
|
}
|
|
.pack-rec-info span i{
|
|
margin-top:2px;
|
|
margin-left:10px;
|
|
}
|
|
.pack-rec-info span i.icon2{
|
|
display:inline-block;
|
|
float:left;
|
|
margin-right:5px;
|
|
width:14px;
|
|
height:14px;
|
|
background-image:url(../images/icon_02.png);
|
|
background-size:14px auto;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.pack-rec-info span i.icon3{
|
|
display:inline-block;
|
|
float:left;
|
|
margin-right:5px;
|
|
width:12px;
|
|
height:14.5px;
|
|
background-image:url(../images/icon_03.png);
|
|
background-size:12px auto;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.pack-rec-info span i.icon4{
|
|
display:inline-block;
|
|
float:left;
|
|
margin-right:5px;
|
|
width:17px;
|
|
height:16px;
|
|
background-image:url(../images/icon_04.png);
|
|
background-size:17px auto;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.pack-rec-info p{
|
|
padding-left:15px;
|
|
padding-right:10px;
|
|
padding-top:3px;
|
|
font-size:14px;
|
|
line-height:24px;
|
|
color:#999999;
|
|
}
|
|
.pack-rec-info p em{
|
|
color:#fd7100;
|
|
font-style:normal;
|
|
}
|
|
.pack-rec-info-wx{
|
|
margin-left:10px;
|
|
float:left;
|
|
text-align:center;
|
|
}
|
|
.pack-rec-info-wx img{
|
|
padding-top:10px;
|
|
width:50%;
|
|
height:auto;
|
|
}
|
|
|
|
.pack-rec-m-rel{
|
|
width:100%;
|
|
float:left;
|
|
background-color:#FFF;
|
|
border:1px solid #dcdcdc;
|
|
}
|
|
.pack-rec-m-rel p{
|
|
padding-left:10px;
|
|
padding-top:10px;
|
|
color:#666666;
|
|
font-size:16px;
|
|
line-height:16px;
|
|
}
|
|
.pack-rec-m-rel p i{
|
|
padding-right:5px;
|
|
display:block;
|
|
float:left;
|
|
margin-top:3px;
|
|
width:14px;
|
|
height:14px;
|
|
background-image:url(../images/icon_05.png);
|
|
background-size:14px auto;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.pack-rec-m-rel ul{
|
|
margin:0;
|
|
padding-top:0px;
|
|
padding-bottom:10xp;
|
|
padding-left:10px;
|
|
padding-right:10px;;
|
|
display:block;
|
|
}
|
|
.pack-rec-m-rel li{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
font-size:14px;
|
|
height:42px;
|
|
line-height:42px;
|
|
list-style:none;
|
|
}
|
|
.pack-rec-m-rel li span{
|
|
position:absolute;
|
|
top:10px;
|
|
right:10px;
|
|
display:block;
|
|
width:60px;
|
|
height:24px;
|
|
line-height:24px;
|
|
text-align:center;
|
|
border-radius: 5px;
|
|
font-size:14px;
|
|
color:#FFF;
|
|
}
|
|
.cor0{
|
|
background-color:#d2d2d2;
|
|
}
|
|
.cor1{
|
|
background-color:#fd7100;
|
|
}
|
|
.cor2{
|
|
background-color:#f1b73b;
|
|
}
|
|
.pack-rec-m-rel li a{
|
|
display:inline-block;
|
|
width:75%;
|
|
color:#666666;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-o-text-overflow:ellipsis;
|
|
text-overflow:ellipsis;
|
|
}
|
|
|
|
/* 底部正版下载 */
|
|
.botDown{position:fixed;bottom:0;width:100%;height:56px;border-top:1px solid #e4e4e4;background-color:#FFF;z-index:99999;}.botDown .inbotDown{position:relative;}.botDown .inbotDown img{float:left;display:block;width:48px;height:48px;border-radius:10px;margin:4px 10px;}.botDown .inbotDown div{float:left;display:block;margin-top:10px;width:40%;height:48px;}.botDown .inbotDown .inbotDown-title{width:100%;float:left;font-size:16px;line-height:16px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:0;}.botDown .inbotDown .inbotDown-txt{width:100%;float:left;font-size:16px;line-height:16px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:3px 0 0;}.botDown .inbotDown .inbotDown-txt em{padding-right:5px;font-style:normal;}.inbotDown .inbotDown-btn{position:absolute;top:10px;right:10px;display:block;width:120px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#FFF;background-color:#60d03e;border-radius:3px;}.inbotDown .inbotDown-btn:hover{background-color:#2cb701;}
|
|
|
|
|
|
|
|
|
|
.m-black{
|
|
float:left;
|
|
width:100%;
|
|
height:70px;
|
|
}
|
|
.pack-jia{
|
|
display:inline-block;
|
|
float:none !important;
|
|
width:14px !important;
|
|
height:14px;
|
|
background-size:14px auto;
|
|
background-image:url(../images/pack-jia.png);
|
|
background-repeat:no-repeat;
|
|
}
|
|
.pack-U{
|
|
display:inline-block;
|
|
float:none !important;
|
|
width:14px !important;
|
|
height:14px;
|
|
background-size:14px auto;
|
|
background-image:url(../images/pack-u.png);
|
|
background-repeat:no-repeat;
|
|
} |