.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#wrap3d {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    background: url(../img/bg.jpg);
  
}

#showcase {
    /* position: absolute;
    left: 0; */
    width: 960px;
    height: 460px;
    margin-left: -80px;
    /* background: #16235e;
    background: -moz-linear-gradient(top, #16235e 0%, #020223 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16235e), color-stop(100%, #020223));
    background: -webkit-linear-gradient(top, #16235e 0%, #020223 100%);
    background: -o-linear-gradient(top, #16235e 0%, #020223 100%);
    background: -ms-linear-gradient(top, #16235e 0%, #020223 100%);
    background: linear-gradient(to bottom, #16235e 0%, #020223 100%); */
    /* -webkit-box-shadow: 0 0 13px 5px #00dcff;
    -moz-box-shadow: 0 0 13px 5px #00dcff;
    box-shadow: 0 0 43px 30px #00dcff26;
    border-radius: 8px; */
    margin-top: 12px;
    visibility: hidden;
    /* border: 1px solid rgba(0, 251, 255, .31) */
}

#showcase img {
    cursor: pointer
}

.cloud9-item.active .h5-mask {
    display: none;
}

/* 3d轮播图样式 */
.cloud9-item {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 320px;
    opacity: 0.98;cursor:pointer;
}

.cloud9-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    content: ""
}
.cloud9-item.active:after {
    display: none;
}

.cloud9-item.active .h5-mask{
    background: transparent;
}

.cloud9-item.active.show-code .h5-mask {
    display: block;
    background: #000;
    background: rgba(0, 0, 0, .7);
}
.cloud9-item.active.show-code .code {
    display: inline-block;
}
.cloud9-item.active.show-code p {
    display: block
}


.cloud9-item .img-h5bg {
    width: 100%;
    height: 100%;cursor:pointer;
}

.cloud9-item.active .img-h5bg {
    transition: all .3s ease;
}

.cloud9-item.active .img-h5bg:hover {
    transform: scale(1.55);
}

#showcase {
    width: 1000px;
    height: 510px;
    margin-left: 0px;
}