/* pages/3D/3D.wxss */

div {
    box-sizing: border-box;
}

body {
    background: #f7f8f9;
}

.banner {
    width: 100%;
    margin-bottom: 10px;
}

.banner img {
    width: 100%;
    display: block;
}

.main {
    display: inline-block;
    vertical-align:top;
    margin: 10px 10px 0 10px;
    width:45%;
}
.main:nth-child(2n+1){
    margin:10px 0 0 10px!important;
  }

.main .each {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.main .each>img{
    width: 100%;
    border-radius: 5px;
    height:185px;
    display: block;
}
.main .each .yuyue {
    position: absolute;
    background: #00cc99;
    font-size: 10px;
    color: #fff;
    border-radius: 4px;
    padding: 3px 6px;
    top: 10px;
    right: 10px;
}
.main .each .vr {
    width: 100%;
    position: absolute;
    top:0;
    line-height:150px;
    text-align: center;
    box-sizing: border-box;
}
.main .each .vr img {
    width: 47px;
    height: 47px;
    display: inline-block;
    vertical-align: middle;
}
.main .each>div:last-child{
    text-align: center;
    font-size:  14px;
    color: #333;
    padding: 7px 0 8px 0;
    background-color: #fff;
}
  








/* 
.main .each>div {
    text-align: center;
    font-size: 12px;
    color: #333;
    padding: 7px 0 8px 0;
    background-color: #fff;
} */