.dollsBox{
position:relative;
width:600px;
background:#fff;
border:2px solid
}
.dollsBox .dollsTitle{
text-align:center;
font-size:20px;
font-weight:bold;
padding:4px 10px;
}
.dollsBox .dollsTitle span{
float:right
}
.bottomHolder {
height:0;
width:100%;
}
.rightHolder {
width:200px;
height:450px;
position:relative;
}
.dollsSD {
position:absolute;
bottom:0;
left:20px;
}
.dollsInfo{
position:absolute;
width:200px;
max-height:400px;
padding:4px;
top:40px;
right:0;
z-index:11;
display:flex;
justify-content:center;
}
.dollsInfo table th{
border:1px solid #d6d6d6;
}
.dollsInfo table td{
border:1px solid #d6d6d6;
font-size:12px;
padding: 0 1px;
}
.dollsName{
padding:10px;
font-size:16px;
font-weight:bold
}
@media screen and (max-width: 600px ) {
.dollsBox{
position:relative;
width:300px;
border:1px solid
}
.dollsInfo{
position:absolute;
width:200px;
max-height:400px;
padding:4px;
top:480px;
left:0;
z-index:11;
display:flex;
justify-content:center;
}
.bottomHolder {
height:400px;
width:100%;
}
.rightHolder {
width:0;
height:300px;
position:relative;
}
.dollsSD {
position:absolute;
bottom:0;
left:-150px;
}
}
/* [[Category:在模板名字空间下的CSS页面]] */