/*main css*/
.gameHomeIn {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    width: 36.4rem;
    height: 17.66rem;
    background: url("../img/game-in-bg1.png") center no-repeat;
    background-size: 100%;
    background-size: 36.4rem 17.66rem
}

.gameHomeIn img {
    width: 11.68rem;
    height: 11.69rem;
}

.gameHomeIn .enter-llk {
    position: absolute;
    left: 5.94rem;
    top: 3.47rem;
    -webkit-animation: opt 3s infinite linear;
    -moz-animation: opt 3s infinite linear
}

.gameHomeIn .enter-llk img {
    width: 11.33rem;
    height: 8.89rem;
}

.gameHomeIn .enter-dt {
    position: absolute;
    top: 1.40rem;
    right: 5.97rem;
    -webkit-animation: opt 3s infinite linear;
    -moz-animation: opt 3s infinite linear
}

.answerIn .typeFilter {
    height: 4.17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.answerIn .typeFilter .img-cgdt {
    display: inline-block;
    width: 5.46rem;
    height: 3.75rem;
    margin: 0.25rem 0 0 0.4rem
}

.answerIn .typeFilter a {
    display: inline-block;
    width: 6.43rem;
    height: 2.04rem;
    line-height: 1.9rem;
    margin-right: 0.9rem;
    font-size: 0.7rem;
    color: #333;
    font-family: 'Microsoft YaHei';
    text-indent: 2.36rem;
    margin-left: -0.5rem;
}

.answerIn .typeFilter a.bg-pink {
    background: url("../img/sub-bg-pink.png") center no-repeat;
    background-size: 100%;
    background-size: 6.43rem 2.04rem
}

.answerIn .typeFilter a.bg-pink:active {
    background: url("../img/sub-bg-pink-active.png") center no-repeat;
    background-size: 6.43rem 2.04rem
}

.answerIn .typeFilter a.bg-blue {
    background: url("../img/sub-bg-blue.png") center no-repeat;
    background-size: 6.43rem 2.04rem
}

.answerIn .typeFilter a.bg-blue:active {
    background: url("../img/sub-bg-blue-active.png") center no-repeat;
    background-size: 6.43rem 2.04rem
}

.answerIn .typeFilter a.bg-green {
    background: url("../img/sub-bg-green.png") center no-repeat;
    background-size: 6.43rem 2.04rem
}

.answerIn .typeFilter a.bg-green:active {
    background: url("../img/sub-bg-green-active.png") center no-repeat;
    background-size: 6.43rem 2.04rem
}

.answerIn .typeFilter a.bg-yellow {
    background: url("../img/sub-bg-yellow.png") center no-repeat;
    background-size: 100%;
    width: 7.31rem;
    height: 2.04rem;
    background-size: 7.31rem 2.04rem
}

.answerIn .typeFilter a.bg-yellow:active {
    background: url("../img/sub-bg-yellow-active.png") center no-repeat;
    background-size: 100%;
    width: 7.31rem;
    height: 2.04rem;
    background-size: 7.31rem 2.04rem
}

.answerIn .typeFilter a.bg-pink-game {
    background: url("../img/sub-bg-pink-game.png") center no-repeat;
    background-size: 100%;
    text-indent: 2.56rem;
    width: 6.43rem;
    height: 2.04rem;
    background-size: 6.43rem 2.04rem
}

.answerIn .typeFilter a.bg-pink-game:active {
    background: url("../img/sub-bg-pink-game-active.png") center no-repeat;
    background-size: 100%;
    text-indent: 2.56rem;
    width: 6.43rem;
    height: 2.04rem;
    background-size: 6.43rem 2.04rem
}

.answerIn .typeFilter-lib a {
    margin-right: 3.2rem
}

.answerIn .typeFilter a.noright {
    margin-right: 0;
}

.answerIn .typeFilter a .sort {
    font-size: 0.46rem
}

.answerIn .typeFilter a:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.qstWrap {
    position: relative;
    padding: 0rem 2rem 0 3.7rem;
    width: 32.2rem;
    height: 15.75rem;
    margin: 0 auto;
    background: url("../img/dt-bg3792-1435.png") center no-repeat;
    background-size: 100% 100%;
    margin-top: -1.35rem;
}

.qstWrap .in {
    padding-top: 2rem;
}

.qstWrap .jf {
    width: 4.44rem;
    height: 1.48rem;
    line-height: 1.48rem;
    text-indent: 1.75rem;
    position: absolute;
    left: 50%;
    font-size: 0.45rem;
    color: #5b3213;
    font-weight: bold;
    margin-left: -2.22rem;
    top: 0.8rem;
    background: url("../img/jf-bg444-148.png") center no-repeat;
    background-size: 100%;
    background-size: 4.44rem 1.48rem
}

.qstWrap .in a {
    float: left;
    display: inline-block;
    width: 3.54rem;
    height: 3.85rem;
    margin: 0 0.9rem 0.3rem 0;
    background: url("../img/dt-lock354-385.png") center no-repeat;
    background-size: 100%;
}

.qstWrap .in a img {
    width: 3.54rem;
    height: 3.85rem;
}

.qstWrap .prev {
    position: absolute;
    bottom: -0.05rem;
    left: 50%;
    margin-left: -1.88rem;
    width: 3.76rem;
    height: 1.31rem;
}

.qstWrap .prev img {
    display: block;
    width: 3.76rem;
    height: 1.31rem;
}

.qstWrap .in a:hover,
.qstWrap .prev:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.questionsIn {
    padding: 4.9rem 2.6rem 1.5rem;
    position: relative;
    width: 31.78rem;
    height: 11.13rem;
    margin: 0.2rem auto;
    background: url("../img/qstBg3698-1753.png") center no-repeat;
    background-size: 100%;
}

.questionsIn .time {
    position: absolute;
    left: 5.7rem;
    top: 0.8rem;
    width: 6.7rem;
    height: 1.96rem;
    line-height: 1.96rem;
    font-size: 0.6rem;
    color: #fed70e;
    text-indent: 2rem;
    background: url("../img/icon-clock160-196.png") left center no-repeat;
    background-size: 1.6rem 1.96rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    -webkit-text-fill-color: #fed70e;
    -webkit-text-stroke: 0.01rem #4c1d0a;
}

.questionsIn a.cgSort {
    position: absolute;
    top: 0.8rem;
    right: 3.6rem;
    font-size: 0.7rem;
    line-height: 1.9rem;
    color: #333;
    font-family: 'Microsoft YaHei';
    text-indent: 2.36rem;
    background: url("../img/sub-bg-yellow.png") center no-repeat;
    background-size: 100%;
    width: 7.31rem;
    height: 2.04rem;
    background-size: 7.31rem 2.04rem
}

.questionsIn a.cgSort:active {
    background: url("../img/sub-bg-yellow-active.png") center no-repeat;
    background-size: 100%;
    width: 7.31rem;
    height: 2.04rem;
    background-size: 7.31rem 2.04rem
}

.questionsIn a.cgSort .sort {
    font-size: 0.46rem
}

.questionsIn a.a.cgSort:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.questionsIn .Q {
    height: 11.13rem;
    overflow-y: auto
}

.questionsIn .Q dt {
    position: relative;
    padding-left: 4.5rem;
    line-height: 1.1rem;
    font-size: 0.65rem;
    color: #fff;
    margin-bottom: 0.6rem
}

.questionsIn .Q dt em {
    line-height: 1.1rem;
    position: absolute;
    left: 0;
    top: 0;
}

.questionsIn .Q dd {
    position: relative;
    padding: 0 8rem 0 6.1rem;
    font-size: 0.5rem;
    cursor: pointer;
    line-height: 0.7rem;
    margin-bottom: 0.5rem;
    color: #fff
}

.questionsIn .Q dd i.check {
    position: absolute;
    right: 6rem;
    top: -0.03rem;
    display: inline-block;
    width: 1.05rem;
    height: 0.76rem;
    background: url("../img/icon-check.png") left center no-repeat;
    background-size: 100%;
}

.questionsIn .Q dd.checked i {
    background: url("../img/icon-checked.png") left center no-repeat;
    background-size: 100%;
}

.questionsIn .Q .btns {
    height: 1.21rem;
    text-align: center
}

.questionsIn .Q .btns a,
.questionsIn .Q .btns a img {
    display: inline-block;
    height: 1.21rem;
    width: 3.23rem
}

.questionsIn .prev {
    position: absolute;
    bottom: -0.9rem;
    left: 50%;
    margin-left: -1.88rem;
    width: 3.76rem;
    height: 1.31rem;
}

.questionsIn .prev img {
    display: block;
    width: 3.76rem;
    height: 1.31rem;
}

.questionsIn .prev:hover,
.questionsIn .Q .btns a:hover img {
    transform: scale(1.03);
    transition: all .3s;
}

.entLibIn {
    margin: 0 0 0 0.5rem;
    padding: 0.9rem 0 0 2.3rem;
    width: 34.8rem;
    height: 17.5rem;
    background: url("../img/ent-lib-bg.png") center no-repeat;
    background-size: 100%;
    background-size: 37.1rem 18.4rem;
    overflow: hidden
}

.entLibIn ul {
    width: 34.7rem;
    height: 16.45rem;
    overflow-y: auto
}

.entLibIn .items {
    position: relative;
    z-index: 0;
    padding: 1.1rem 0.9rem 0.6rem;
    margin: 0 1.7rem 0.6rem 0;
    width: 13.77rem;
    height: 5.92rem;
    float: left;
    cursor: default
}

.entLibIn .itmYellowBg {
    background: url("../img/type-yellowBg.png") center no-repeat;
    background-size: 15.57rem 7.62rem
}

.entLibIn .itmBlueBg {
    background: url("../img/type-blueBg.png") center no-repeat;
    background-size: 15.57rem 7.62rem
}

.entLibIn .itmOrangeBg {
    background: url("../img/type-orangeBg.png") center no-repeat;
    background-size: 15.57rem 7.62rem
}

.entLibIn .items .type {
    position: absolute;
    left: 3.86rem;
    top: 0;
    z-index: 5;
    display: block;
    width: 6.35rem;
    height: 1.11rem;
    font-size: 0.56rem;
    color: #4c1d0a;
    line-height: 0.95rem;
    text-align: center
}

.entLibIn .items .type-orangeBg {
    background: url("../img/typeBg-orange.png") center no-repeat;
    background-size: 6.35rem 1.11rem
}

.entLibIn .items .type-blueBg {
    background: url("../img/typeBg-blue.png") center no-repeat;
    background-size: 6.35rem 1.11rem
}

.entLibIn .items .type-yellowBg {
    background: url("../img/typeBg-yellow.png") center no-repeat;
    background-size: 100%;
    background-size: 6.35rem 1.11rem
}

.entLibIn .items .mask {
    position: absolute;
    left: 0.54rem;
    top: 0.96rem;
    z-index: 3;
    height: 4rem;
    border-radius: 0.1rem 0.1rem 0 0;
    width: 14.4rem;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    filter: alpha(opacity=100 finishopacity=0 style=1 startx=0, starty=0, finishx=0, finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fff', endcolorstr='#fff', gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=0 style=1 startx=0, starty=0, finishx=0, finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fff', endcolorstr='#fff', gradientType=0);
    /*IE8*/
}

.entLibIn .items .img {
    position: absolute;
    z-index: 1;
    left: 0.54rem;
    top: 0.97rem;
    width: 14.4rem;
    text-align: center;
    line-height: 6.12rem;
    height: 6.12rem;
    border-radius: 0.1rem;
    overflow: hidden
}

.entLibIn .items .img img {
    display: inline-block;
    max-height: 6.12rem;
    max-width: 14.4rem;
    border-radius: 0.1rem
}

.entLibIn .items .info {
    position: absolute;
    left: 0.54rem;
    top: 0.97rem;
    z-index: 4;
    overflow: hidden;
    padding: 0.2rem 0.45rem;
    width: 13.5rem;
    height: 5.72rem
}

.entLibIn .items .info h3 {
    font-size: 0.6rem;
    color: #333;
    line-height: 0.9rem;
    height: 1.8rem;
    overflow: hidden
}

.entLibIn .items .info .code {
    float: right;
    width: 3.55rem;
    height: 3.6rem;
    padding-top: 0.4rem;
    font-size: 0.3rem;
    text-align: center;
    line-height: 0.9rem;
    color: #333;
}

.entLibIn .itmOrangeBg .info .code {
    background: url("../img/codeBg-orange-355-400.png") center no-repeat;
    background-size: 3.55rem 4rem
}

.entLibIn .itmBlueBg .info .code {
    background: url("../img/codeBg-blue-355-400.png") center no-repeat;
    background-size: 3.55rem 4rem
}

.entLibIn .itmYellowBg .info .code {
    background: url("../img/codeBg-yellow-355-400.png") center no-repeat;
    background-size: 100%;
    background-size: 3.55rem 4rem
}

.entLibIn .items .info .fl {
    padding-top: 0.1rem;
    width: 9.5rem;
    overflow: hidden
}

.entLibIn .items .fl p {
    font-size: 0.45rem;
    color: #333;
    line-height: 0.48rem;
    padding-top: 0.3rem
}

.entLibIn .items .fl .fwb {
    font-size: 0.45rem;
    color: #333;
    font-weight: bold;
    padding-top: 0.2rem
}

.entLibIn .items .info .code img {
    display: block;
    width: 2.65rem;
    height: 2.65rem;
    margin: 0 auto
}

.entLibIn .items .info .desc {
    display: none
}

/*分类*/
.clfyIn {
    margin: 0 auto;
    padding: 1.2rem 0.6rem 1.4rem;
    width: 36.23rem;
    height: 16.32rem;
    background: url("../img/clfy-bg-3743-1892.png") center no-repeat;
    background-size: 100%;
    background-size: 37.43rem 18.92rem
}

.clfyIn .subNav {
    margin-bottom: 0.85rem;
    height: 3.52rem;
    padding: 0 3rem
}

.clfyIn .subNav a {
    display: inline-block;
    width: 5.63rem;
    height: 3.52rem;
    text-align: center;
    line-height: 3.21rem;
    margin-right: 2.4rem;
    font-size: 0.9rem;
    color: #4c1d0a;
    background: url("../img/clfyNavBg.png") center top no-repeat;
    background-size: 100%;
    background-size: 5.63rem 3.52rem
}

.clfyIn .subNav a.active {
    background: url("../img/clfyNavBg-active.png") center top no-repeat;
    background-size: 100%;
    background-size: 5.63rem 3.52rem
}

.clfyIn .subNav a.r {
    margin-right: 0;
}

.clfyIn .subNav a:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.clfyIn .mapClfy {
    height: 12rem;
    overflow-y: auto
}

.clfyIn .mapClfy dl {
    position: relative;
    padding: 0 2.4rem 0.6rem 5.9rem
}

.clfyIn .mapClfy dl:last-child {
    padding-bottom: 0;
}

.clfyIn .mapClfy dd {
    overflow: hidden
}

.clfyIn .mapClfy dd a {
    float: left;
    display: inline-block;
    margin: 0 0 0.6rem 0;
    padding: 0 0.5rem;
    height: 1rem;
    line-height: 1rem;
    border: 0.08rem solid rgba(76, 29, 0, 0);
    font-size: 0.72rem;
    color: #1a1a1a;
}

.clfyIn .mapClfy dd a.active,
.clfyIn .mapClfy dd a:hover {
    border: 0.08rem solid #4c1d0a;
    height: 1rem;
    line-height: 1rem;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0 rgba(255, 207, 0, 1);
}

.clfyIn .mapClfy dt {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.76rem;
    color: #4c1d0a;
    font-weight: bold;
    width: 5rem;
    text-align: right;
    height: 1.16rem;
    line-height: 1rem;
}

.mapcfyIn {
    margin: 0 auto;
    padding: 1.2rem 0rem 0rem;
    width: 36.23rem;
    height: 16.32rem;
    background: url("../img/clfyBg3644-1768.png") center no-repeat;
    background-size: 100%;
    background-size: 36.23rem 16.23rem
}

.mapcfyIn .mapClfy dl {
    padding-left: 4rem
}

.mapcfyIn .mapClfy dd a {
    margin-right: 1.8rem
}

.mapcfyIn .subNav {
    margin-bottom: 1.8rem
}

.clfyIn-item {
    position: relative;
    padding: 2.1rem 0 0 0.6rem;
    margin: 0 auto;
    width: 35.78rem;
    height: 15.58rem;
    background: url("../img/clfy-bg3638-1768.png") center no-repeat;
    background-size: 100%;
    background-size: 36.38rem 17.68rem
}

.clfyIn-item .icon-back {
    display: block;
    width: 4.29rem;
    height: 2.69rem;
    text-align: center;
    line-height: 2.69rem;
    position: absolute;
    right: -0.65rem;
    bottom: -0.9rem;
    z-index: 2;
}

.clfyIn-item .icon-back:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.clfyIn-item .icon-back img {
    width: 4.29rem;
    height: 2.69rem;
}

/*.proItemList{ height: 13.6rem; overflow: hidden}*/
/*.proItemList{ height: 13.6rem}*/
.proItemList .itm {
    position: relative;
    padding: 0.34rem 0.31rem 0.44rem;
    float: left;
    margin: 0 0.35rem 0.65rem 0;
    width: 6.2rem;
    height: 5.68rem;
    background: url("../img/item-bg682-646.png") center no-repeat;
    background-size: 100%;
    background-size: 6.82rem 6.46rem
}

.proItemList .itm .img {
    position: relative;
    width: 6.2rem;
    height: 3.65rem;
    text-align: center;
    line-height: 3.65rem;
    border-radius: 0.25rem 0.25rem 0 0;
    overflow: hidden
}

.proItemList .itm .img .itm-pic {
    max-width: 6.2rem;
    max-height: 3.64rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 0.25rem 0.25rem 0 0;
}

.proItemList .itm .img .cloud {
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    padding: 0.2rem 0.4rem 0 0;
    width: 1.24rem;
    height: 1.14rem;
    background: url("../img/cloudCode-bg236-188.png") center no-repeat;
    background-size: 100%;
    background-size: 1.64rem 1.34rem
}

.proItemList .itm .img .cloud img {
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    float: right
}

.proItemList .itm .showCode {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 6.2rem;
    height: 3.65rem;
    background: rgba(0, 0, 0, .6);
    border-radius: 0.1rem 0.1rem 0 0;
}

.proItemList .itm .showCode img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6;
    margin-left: -1.35rem;
    margin-top: -1.35rem;
    display: block;
    width: 2.7rem;
    height: 2.7rem
}

.proItemList .itm .foot {
    padding: 0.2rem 0.3rem 0.2rem
}

.proItemList .itm .foot h4 {
    margin-bottom: 0.05rem;
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.proItemList .itm .foot .clfy {
    height: 1rem;
    line-height: 0.5rem;
    overflow: hidden;
    font-size: 0.3rem;
    color: #666;
}

.proItemList .itm .foot .clfy span {
    margin: 0 0.22rem
}

.proItemList .itm .foot .clfy a:hover {
    font-weight: bold;
    transition: all .3s;
}

.proItemList .itmBig {
    padding: 0.5rem 0.3rem 0.64rem 0.51rem;
    margin-right: 0.65rem;
    width: 12.61rem;
    height: 12.46rem;
    background: url("../img/item-bg1341-1360.png") center no-repeat;
    background-size: 100%;
    background-size: 13.41rem 13.6rem
}

.proItemList .itmBig .img {
    position: relative;
    width: 12.61rem;
    height: 7.86rem;
    text-align: center;
}

.proItemList .itmBig .img .itm-pic {
    max-width: 12.61rem;
    max-height: 7.86rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto
}

.proItemList .itmBig .showCode {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 12.61rem;
    height: 7.86rem;
    background: rgba(0, 0, 0, .6);
    border-radius: 0.1rem 0.1rem 0 0;
}

.proItemList .itmBig .showCode img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6;
    margin-left: -2rem;
    margin-top: -2rem;
    display: block;
    width: 4rem;
    height: 4rem
}

.proItemList .itmBig .img .cloud {
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    padding: 0.2rem 0.6rem 0 0;
    width: 1.76rem;
    height: 1.68rem;
    background: url("../img/cloudCode-bg236-188.png") center no-repeat;
    background-size: 100%;
    background-size: 2.36rem 1.88rem
}

.proItemList .itmBig .img .cloud img {
    display: block;
    width: 1.17rem;
    height: 1.17rem;
    float: right
}

.proItemList .itmBig .foot {
    padding: 0.3rem 0.5rem 0.2rem
}

.proItemList .itmBig .foot h4 {
    margin-bottom: 0.1rem;
    font-size: 0.72rem;
    line-height: 1.4rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.proItemList .itmBig .foot .clfy {
    height: 2.7rem;
    line-height: 0.9rem;
    overflow: hidden;
    font-size: 0.46rem;
    color: #666;
}

.proItemList .itmBig .foot .clfy span {
    margin: 0 0.3rem
}

.proItemList .itmBig .foot .clfy a:hover {
    font-weight: bold;
    transition: all .3s;
}

.showAreaSlider {
    position: absolute;
    left: 0.05rem;
    top: 0.06rem;
    z-index: 100;
    width: 35.26rem;
    padding: 0.5rem 0.5rem 0.5rem;
    border-radius: 0.25rem;
    overflow: hidden
}

.showAreaSlider dl {
    position: relative;
    padding-left: 5rem
}

.showAreaSlider dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 5rem;
    text-align: right;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.6rem;
    color: #4c1d0a;
    font-weight: bold
}

.showAreaSlider dd {
    height: 1rem;
    line-height: 1rem;
    padding-right: 4rem;
    overflow: hidden
}

.showAreaSlider dd a {
    display: inline-block;
    float: left;
    height: 0.84rem;
    margin: 0 0.4rem 0.5rem;
    font-size: 0.48rem;
    color: #333;
    line-height: 0.84rem;
    padding: 0 0.3rem;
    border: 0.08rem solid rgba(76, 29, 10, 0);
    border-radius: 0.5rem;
}

.showAreaSlider dd a.current,
.showAreaSlider dd a:hover {
    height: 0.84rem;
    line-height: 0.84rem;
    padding: 0 0.3rem;
    border: 0.08rem solid rgba(76, 29, 10, 1);
    border-radius: 0.5rem;
    box-shadow: 0.03rem 0.1rem 0 #ffcf00;
}

.showAreaSlider dd a:hover {
    transition: all .3s;
}

.showAreaSlider .moreClfy {
    position: absolute;
    z-index: 5;
    right: 0.7rem;
    top: 0.43rem
}

.showAreaSlider .moreClfy img {
    display: block;
    width: 3.64rem;
    height: 1.24rem
}

.showAreaSlider .moreClfy:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.showAreaSlider .closeClfy {
    display: none;
    position: absolute;
    z-index: 5;
    right: 0.7rem;
    bottom: 0rem
}

.showAreaSlider .closeClfy img {
    display: block;
    width: 2.71rem;
    height: 1.24rem
}

.showAreaSlider .closeClfy:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.showAreaSlider-all {
    border-bottom: 0.06rem solid #4c1d0a;
    padding-bottom: 0.7rem;
    box-shadow: 0 0.1rem 0 #ffcf00;
    background: rgba(255, 255, 255, 1);
}

.showAreaSlider-all dd {
    padding-right: 0;
}

.showAreaSlider-all .moreClfy {
    display: none
}

.showAreaSlider-all .closeClfy {
    display: block
}

.showAreaSlider-all dd {
    height: auto
}


.clfyIn-item-qa {
    position: relative;
    padding: 1.1rem 0 0 0;
    margin: 0 auto;
    width: 36.38rem;
    height: 16.58rem;
    background: url("../img/clfy-bg3638-1768.png") center no-repeat;
    background-size: 100%;
    background-size: 36.38rem 17.68rem
}

.clfy-Qa {
    position: absolute;
    padding: 2.7rem 1.9rem 1.1rem 0rem;
    width: 33.08rem;
    height: 11.96rem;
    background: url("../img/qa-bg.png") center no-repeat;
    background-size: 100%;
    background-size: 34.98rem 15.76rem
}

.clfy-Qa .in {
    padding-left: 4.6rem;
    height: 11.96rem;
    overflow-y: auto
}

.clfy-Qa .qaNum {
    position: absolute;
    left: 15.25rem;
    top: 0.55rem;
    font-family: 'Microsoft YaHei';
    color: #fff;
    font-size: 0.82rem;
    width: 7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
}

.clfy-Qa dl {
    margin-bottom: 0.5rem;
}

.clfy-Qa dt {
    position: relative;
    font-size: 0.9rem;
    color: #040000;
    line-height: 1.5rem;
    margin-bottom: 0.3rem
}

.clfy-Qa dt span {
    display: inline-block;
    position: absolute;
    left: -2.7rem;
    top: 0.22rem;
    width: 2.3rem;
    height: 0.94rem;
    text-align: center;
    line-height: 0.94rem;
    color: #4c1d0a;
    font-size: 0.6rem;
    border: 0.06rem solid #4c1d0a;
    border-radius: 0.5rem;
    box-shadow: 0 0.1rem 0 #ffcf00;
}

.clfy-Qa dd {
    cursor: pointer;
    padding-left: 1.1rem;
    position: relative;
    margin-bottom: 0.3rem;
    line-height: 1.2rem;
    color: #333;
    font-size: 0.72rem
}

.clfy-Qa dd i {
    position: absolute;
    left: 0;
    top: 0.235rem;
    width: 0.73rem;
    height: 0.73rem;
    background: url("../img/icon-radio73.png") center no-repeat;
    background-size: 100%;
    background-size: 0.73rem
}

.clfy-Qa dd.checked i {
    background: url("../img/icon-radio73-checked.png") center no-repeat;
    background-size: 100%;
    background-size: 0.73rem
}

.clfy-Qa dd:hover {
    color: #4c1d0a;
}

.clfy-Qa-chk dd i {
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 0.9rem;
    height: 0.9rem;
    background: url("../img/icon-chk90.png") center no-repeat;
    background-size: 100%;
    background-size: 90rem
}

.clfy-Qa-chk dd.checked i {
    background: url("../img/icon-chk90-checked.png") center no-repeat;
    background-size: 100%;
    background-size: 0.73rem
}

.clfy-Qa .btns {
    height: 1.21rem;
    text-align: center
}

.clfy-Qa .btns a,
.clfy-Qa .btns a img {
    display: inline-block;
    height: 1.21rem;
    width: 3.23rem;
    margin: 0 0.6rem
}

.clfy-Qa .btns a:hover img,
.clfy-Qa .qa-ans:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.clfy-Qa .qa-ans {
    position: absolute;
    right: 2.05rem;
    bottom: 1.75rem;
    display: block;
    width: 3.45rem;
    height: 3.15rem;
    background: url("../img/img-ans345-315.png") center no-repeat;
    background-size: 100%;
}

/*本馆特色*/
.libFeater-item {
    position: relative;
    margin: 0 auto;
    width: 36.38rem;
    height: 17.68rem;
    background: url("../img/clfy-bg3638-1768.png") center no-repeat;
    background-size: 100%;
    background-size: 36.38rem 17.68rem
}

.libFeater-item .libTab {
    padding: 0.5rem 0.7rem 0.2rem 0.7rem;
    height: 0.75rem;
    line-height: 0.75rem
}

.libFeater-item .libTab a {
    float: left;
    font-weight: bold;
    font-size: 0.6rem;
    font-family: 'SimHei';
    padding: 0 0.4rem;
    border: 0.08rem solid rgba(76, 29, 10, 0);
    border-radius: 0.6rem
}

.libFeater-item .libTab a.current {
    height: 0.7rem;
    border: 0.08rem solid #4c1d0a;
    background: #fff;
    font-size: 0.48rem;
    box-shadow: 0 0.1rem 0 #ffcf00;
    max-width: 3.44rem;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.libFeater-item .libTab a.current.tilbar {
    width: 3.44rem;
}

.libFt-in {
    margin: -0.5rem 0 0 0.65rem;
    padding: 2.4rem 0.8rem 0.5rem 1.3rem;
    width: 30.15rem;
    height: 12.96rem;
    background: url("../img/featureBg3225-1586.png") center no-repeat;
    background-size: 100%;
    background-size: 32.25rem 15.86rem
}

.libFt-in ul {
    height: 12.4rem;
    overflow-y: auto
}

.libFt-in li {
    position: relative;
    float: left;
    padding-top: 0.25rem;
    margin-right: 0.5rem;
    width: 9.16rem;
    height: 5.95rem;
    background: url("../img/feater-imgBg917-554.png") center top no-repeat;
    background-size: 100%;
    background-size: 9.16rem auto
}

.libFt-in li .img {
    position: relative;
    width: 8.8rem;
    height: 4.9rem;
    padding: 0.05rem;
    background: #fff;
    margin: 0 auto;
    line-height: 4.9rem;
    text-align: center
}

.libFt-in li .img img {
    display: inline-block;
    max-width: 8.8rem;
    max-height: 4.9rem;
    vertical-align: middle
}

.libFt-in li .img a.icon-play {
    position: absolute;
    left: 50%;
    margin-left: -0.785rem;
    top: 1.9rem;
    display: inline-block;
    width: 1.57rem;
    height: 1.57rem;
    background: url("../img/icon-play.png") center no-repeat;
    background-size: 100%;
    background-size: 1.57rem
}

.libFt-in li .img a.icon-play:hover {
    transform: scale(1.2);
    transition: all .3s;
    transform-origin: center center
}

.libFt-in li .name {
    line-height: 0.95rem;
    text-align: center;
    font-size: 0.48rem;
    color: #4d280a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.libFeature-Nav {
    padding-top: 1.5rem;
    position: absolute;
    z-index: 10;
    width: 4rem;
    top: 1.5rem;
    right: -0.3rem;
    background: url("../img/lib-rightNav-bg.png") left top no-repeat;
    background-size: 100%;
    background-size: 4rem auto
}

.libFeature-Nav ul {
    width: 3.5rem;
    background: #ec6432;
    border-radius: 0 0 0.2rem 0.2rem;
    padding-bottom: 0.5rem
}

.libFeature-Nav li {
    height: 0.5rem;
    margin-top: 0.6rem;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.5rem;
    text-align: left;
    overflow: hidden;
}

.libFeature-Nav li a {
    display: block;
    width: inherit;
    height: inherit;
    text-align: center;
    color: #fff
}

.libFeature-Nav li a:hover {
    font-weight: bold;
    transform: scale(1.05);
    transition: all .3s;
}

.icon-back {
    position: fixed !important;
    z-index: 10;
    transform: translateZ(10px);
    right: 0.2rem !important;
    bottom: 0.07rem !important;
    display: block;
    width: 4.2rem !important;
    height: 1.4rem !important;
    background: url("../img/Goback2.png") center no-repeat;
    background-size: 100%;
    background-size: 100% 100%;
    -webkit-transform: translateZ(10px);
    -moz-transform: translateZ(10px);
    -ms-transform: translateZ(10px);
    -o-transform: translateZ(10px);
}

.libFeater-item .icon-back:hover {
    transform: scale(1.03);
    transition: all .3s;
}

.libFt-in-pic .img:hover {
    transform: scale(1.02);
    transition: all .3s;
    transform-origin: center center
}

.libFt-in.libDtl-txt {
    padding-right: 1.9rem;
    width: 29.05rem
}

.libDtl {
    width: inherit;
    height: inherit;
    overflow-y: overlay
}

.libDtl h4 {
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: #4c1d0a;
    font-family: 'SimHei';
    margin-bottom: 0.1rem
}

.libDtl p {
    font-size: 0.48rem;
    line-height: 0.8rem;
    color: #333;
    font-family: 'SimHei';
    margin-bottom: 0.4rem
}

.libDtl .imgs {
    text-align: center;
    margin-bottom: 0.3rem
}

.libDtl .imgs ul {
    height: auto;
    overflow: hidden;
}

.libDtl .imgs li:last-child {
    margin-right: 0;
}

.libDtl .imgs li a {
    cursor: default !important;
}

.libDtl-txtVdo {
    padding-right: 1.6rem
}

.libDtl-txtVdo .fl {
    width: 19rem
}

.libDtl-txtVdo .fr ul {
    overflow: hidden;
    height: auto
}

.libDtl-txtVdo .fl li {
    margin-right: 0.65rem
}

.libDtl-txtVdo .fl li:nth-child(2n) {
    margin-right: 0;
}

.libDtl-txtVdo .fr {
    width: 9.3rem;
    padding: 0.4rem 0.4rem 0;
    background: rgba(231, 112, 38, .2);
}

/*详情页图片显示*/
.magnify-modal {
    position: fixed;
    z-index: 9999;
    width: 25.8rem;
    height: 15.2rem;
    left: 50% !important;
    margin-left: -12.9rem !important;
    top: 50% !important;
    ;
    margin-top: -7.6rem
}

.magnify-header {
    position: absolute;
    left: 0.03rem;
    width: 25.25rem;
    height: 2rem;
    line-height: 2rem;
    z-index: 9;
    bottom: 0.04rem;
    border-radius: 0 0 0.1rem 0.1rem;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    filter: alpha(opacity=0 finishopacity=80 style=1 startx=0, starty=0, finishx=0, finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000', endcolorstr='#000', gradientType=0);
    -ms-filter: alpha(opacity=0 finishopacity=80 style=1 startx=0, starty=0, finishx=0, finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000', endcolorstr='#000', gradientType=0);
    /*IE8*/
}

.magnify-title {
    height: inherit;
    line-height: inherit;
    font-size: 0.72rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    user-select: none;
    overflow: hidden;
    color: #fff;
    padding: 0 0.4rem
}

.magnify-footer {
    height: 0.8rem;
    bottom: 50%;
    margin-bottom: -0.4rem;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 9;
}

.magnify-toolbar {
    height: 0.8rem;
    line-height: 0.8rem;
}

.magnify-toolbar .magnify-btn {
    display: inline-block;
    width: 1.63rem;
    height: 1.93rem;
}

.magnify-btn-close {
    position: absolute;
    top: -1.5rem;
    right: -1.7rem;
    width: 1.66rem;
    height: 1.66rem;
    background: url("../img/icon-close-166.png") center no-repeat;
    background-size: 100%;
    background-size: 1.66rem
}

.magnify-toolbar .magnify-btn:hover,
.magnify-btn-close:hover {
    color: #fff;
}

.magnify-btn-prev {
    float: left;
    margin-left: -2.8rem !important;
    background: url("../img/icon-prev.png") center no-repeat;
    background-size: 100%;
    background-size: 1.63rem 1.93rem
}

.magnify-btn-next {
    float: right;
    margin-right: -2.8rem !important;
    background: url("../img/icon-next.png") center no-repeat;
    background-size: 100%;
    background-size: 1.63rem 1.93rem
}

.magnify-btn-prev:hover,
.magnify-btn-next:hover {
    transform: scale(1.1);
    transition: .3s;
    transform-origin: center center
}

.magnify-loader {
    -webkit-animation: icon-spin 1s infinite steps(8);
    -o-animation: icon-spin 1s infinite steps(8);
    animation: icon-spin 1s infinite steps(8);
    width: 0.5rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    color: #999;
    font-size: 0.35rem;
    position: absolute;
    left: 50%;
    margin-left: -0.25rem;
    top: 40%;
}

.imgWrap {
    position: relative;
    width: 25.25rem;
    height: 14.15rem;
    line-height: 14.15rem;
    text-align: center;
    left: 0.28rem;
    top: 0.46rem;
    overflow: hidden;
    border-radius: 0.1rem;
    background: #000;
}

/*.magnify-image{display:none; max-width: 25.25rem; max-height: 14.15rem}*/
.magnify-image {
    height: inherit;
    width: 100%;
    margin: 0 auto;
}

.magnify-stage {
    position: absolute;
    width: 25.8rem;
    height: 15.2rem;
    left: 50% !important;
    margin-left: -12.9rem !important;
    top: 50% !important;
    ;
    margin-top: -7.6rem;
    background: url("../img/showImg-bg.png") center no-repeat;
    background-size: 100%;
    background-size: 25.8rem 15.2rem
}

.is-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.is-grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.magnify-mask {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    opacity: .8;
}

/*搜索页面*/
.schList {
    padding: 2.4rem 0 0 2.4rem;
    width: 34.02rem;
    height: 14.85rem;
    margin: 0 auto;
    background: url("../img/searchBg3642-1725.png") center no-repeat;
    background-size: 100%;
    background-size: 36.42rem 17.25rem
}

.searchBox {
    position: relative;
    z-index: 99;
    width: 31.92rem;
    margin-bottom: 0.4rem
}

.searchBox .ipt {
    padding: 0.3rem 4rem 0.3rem 0.7rem;
    width: 27.1rem;
    height: 1rem;
    line-height: 1rem;
    border: 0.06rem solid #4c1d09;
    border-radius: 0.3rem;
    box-shadow: 0.04rem 0.1rem 0 #ffd005;
    background: #fff;
}

.searchBox .ipt input {
    display: inline-block;
    width: 27.1rem;
    height: 1rem;
    border: 0;
    background: none;
    vertical-align: middle;
    font-size: 0.45rem
}

.searchBox .btnSch {
    position: absolute;
    right: -0;
    top: 0;
    display: block;
    width: 3.79rem;
    height: 1.82rem;
    background: url("../img/btn-search.png") center no-repeat;
    background-size: 100%;
    background-size: 3.79rem 1.82rem
}

.searchBox .schPanel {
    display: none;
    position: absolute;
    left: 0;
    top: 1.7rem;
    z-index: 100;
    width: 8rem;
    padding: 0.3rem 0.7rem;
    background: #fff;
    border: 0.06rem solid #4c1d09;
    box-shadow: 0.04rem 0.1rem 0 #ffd005;
    border-radius: 0 0 0.3rem 0.3rem
}

.searchBox .schPanel li {
    height: 0.8rem;
    line-height: 0.8rem
}

.searchBox .schPanel li a {
    display: block;
    height: inherit;
    line-height: 0.8rem;
    font-size: 0.42rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.searchBox .schPanel li a:hover {
    color: #994000;
}


.schResult {
    height: 12.65rem;
    overflow-y: auto
}

.schResult dl {
    margin-bottom: 0.5rem
}

.schResult dt {
    font-size: 0.7rem;
    color: #994000;
    line-height: 1.3rem;
    font-weight: bold;
    margin-bottom: 0.3rem
}

.schKey dd a {
    font-size: 0.6rem;
    color: #333;
    margin-right: 1.5rem
}

.schKey dd a:hover {
    color: #994000;
    transition: all .3s;
}

.schNoData dd {
    font-size: 0.6rem;
    color: #333;
}

.schResult .schNoData,
.schResult .schKey {
    margin-bottom: 0.8rem
}

.schResult .proItemList .itm {
    margin-right: 1.5rem
}

.contactUs {
    position: relative;
    padding: 0.7rem 7.5rem 0 1.5rem;
    width: 28.34rem;
    height: 17.79rem;
    margin: 0 auto;
    background: url("../img/contactUs-bg.png") center no-repeat;
    background-size: 100%;
    background-size: 37.34rem 18.49rem
}

.contactUs h3 {
    height: 2rem;
    overflow: hidden
}

.contactUs h3 p {
    float: left;
    position: relative;
    height: 2rem;
    line-height: 2.3rem;
    padding-left: 1.6rem;
    font-size: 0.6rem;
    color: #4c1d0a;
    font-family: 'Microsoft YaHei'
}

.contactUs h3 p.t1 {
    background: url("../img/icon-contactU2-t1.png") left center no-repeat;
    background-size: 100%;
    background-size: 1.31rem 1.46rem;
    margin-right: 200rem
}

.contactUs h3 p.t2 {
    background: url("../img/icon-contactU2-t2.png") left center no-repeat;
    background-size: 100%;
    background-size: 1.36rem 1.44rem
}

.contactUs .desc {
    padding: 0.2rem 1.3rem 0.5rem;
    width: 25.7rem;
    height: 13.15rem;
    overflow-y: auto
}

.contactUs .desc .tit {
    font-size: 0.95rem;
    color: #000;
    line-height: 1.35rem;
    margin-bottom: 0.1rem;
    font-weight: bold;
    font-family: 'wawaSC';
    text-align: center
}

.contactUs .desc p {
    font-size: 0.7rem;
    line-height: 0.85rem;
    color: #000;
    font-family: 'wawaSC';
    text-indent: 2em
}

.contactUs .contact {
    height: 1.35rem;
    line-height: 1.35rem
}

.contactUs .contact p {
    padding-left: 1rem;
    float: left;
    font-size: 0.48rem;
    color: #4c1d0a;
    line-height: 1.35rem;
    font-weight: bold
}

.contactUs .contact p.mail {
    margin: 0 3.2rem 0 3rem;
    background: url("../img/icon-con-mail.png") left center no-repeat;
    background-size: 100%;
    background-size: 0.76rem 0.59rem
}

.contactUs .contact p.tel {
    background: url("../img/icon-con-tel.png") left center no-repeat;
    background-size: 100%;
    background-size: 0.44rem 0.76rem
}

.contactUs .code {
    position: absolute;
    width: 3.1rem;
    height: 3.1rem;
    text-align: center;
    line-height: 3.1rem;
    background: #fff;
    border: 0.06rem solid #000;
    border-radius: 0.1rem
}

.contactUs .code img {
    display: inline-block;
    width: 2.7rem;
    height: 2.7rem;
    vertical-align: middle
}

.contactUs .code1 {
    right: 2.55rem;
    top: 3.6rem
}

.contactUs .code2 {
    right: 2.55rem;
    top: 8.95rem
}

.mapDesc {
    text-align: center;
}

.mapDesc .panel {
    margin: 0 auto 0.9rem;
    padding: 1.8rem 5.4rem 0;
    width: 25.51rem;
    height: 6.84rem;
    font-size: 1rem;
    line-height: 1.6rem;
    color: #ffe03e;
    font-family: 'wawaSC';
    background: url("../img/mapDesc-bg.png") center no-repeat;
    background-size: 100%;
    background-size: 36.31rem 8.64rem
}

.mapDesc .btn-start {
    text-align: center;
    margin-bottom: 1.2rem;
    height: 1.77rem
}

.mapDesc .btn-start a {
    margin: 0 auto;
    display: block;
    width: 10.47rem;
    height: 1.77rem;
    background: url("../img/btn-start1047-177.png") center no-repeat;
    background-size: 100%;
    background-size: 10.47rem 1.77rem
}

.mapDesc .btn-start a:hover,
.mapDesc .btn-pre a:hover {
    transform: scale(1.02);
    transform-origin: center center;
    transition: all .3s;
}

.mapDesc .btn-pre a {
    display: block;
    width: 3.76rem;
    height: 1.37rem;
    margin: 0 auto
}

.mapDesc .btn-pre a img {
    width: 3.73rem;
    height: 1.31rem;
}

/*地图连连看游戏*/
.mapGame {
    position: relative;
    width: 36.4rem;
    height: 17.66rem;
    margin: 0 auto;
    background: url("../img/game-map-bg.jpg") center no-repeat;
    background-size: 100%;
    background-size: 36.4rem 17.66rem;
    border-radius: 0.3rem
}

.mapGame .jifen {
    position: absolute;
    top: 0.7rem;
    left: 0.7rem;
    z-index: 2;
    height: 1.21rem;
    padding-left: 1.6rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    background: url("../img/icon-jfHeart.png") left center no-repeat;
    background-size: 100%;
    background-size: 1.38rem 1.21rem;
    font-size: 0.64rem;
    color: #4c1d0a;
}

.mapGame .countDown {
    position: absolute;
    top: 0.54rem;
    left: 4.6rem;
    z-index: 2;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: 1.6rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    background: url("../img/icon-clock.png") left center no-repeat;
    background-size: 100%;
    background-size: 1.23rem 1.5rem;
    font-size: 0.64rem;
    color: #4c1d0a;
}

.mapGame .icon-timeSort {
    position: absolute;
    top: 0.45rem;
    right: 0.3rem;
    z-index: 5;
    display: inline-block;
    line-height: 1.9rem;
    font-size: 0.7rem;
    color: #333;
    font-family: 'Microsoft YaHei';
    text-indent: 2.36rem;
    background: url(../img/sub-bg-yellow.png) center no-repeat;
    background-size: 100%;
    width: 7.31rem;
    height: 2.04rem;
    background-size: 7.31rem 2.04rem;
}

.mapGame .icon-timeSort .sort {
    font-size: 0.46rem
}

.mapGame .icon-timeSort:hover,
.mapGame .btn-goBack:hover,
.mapGame .icon-photo img:hover {
    transform: scale(1.02);
    transition: all .6s;
}

.mapGame .icon-photo img {
    display: block;
    position: absolute;
    left: 0.45rem;
    bottom: 0.55rem;
    z-index: 2;
    width: 5.1rem;
    height: 1.5rem;
}

.mapGame .btn-goBack {
    position: absolute;
    left: 50%;
    margin-left: -1.88rem;
    bottom: -1.1rem;
    z-index: 5;
}

.mapGame .btn-goBack img {
    width: 3.73rem;
    height: 1.31rem;
}

.GoBack2 {
    display: block;
    width: 4.2rem;
    height: 1.4rem;
    background: url(../img/Goback2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1.01rem;
    bottom: 0.2rem;
    z-index: 100;
    transform: translateZ(100px);
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
}

.mapGame .mapItm {
    display: inline-block;
    position: absolute;
    z-index: 3;
    left: 0.5rem;
    top: 1rem
}

.mapGame .mapItm:hover {
    cursor: pointer;
    transform: scale(1.1);
    transition: all .3s;
    transform-origin: center center
}

.mapGame .mapItm:hover .name {
    color: red
}

/*.mapGame .jifen.errShow{ transform: scale(1.4); transition: al .3s;}*/


.mapGame .mapItm-1 {
    left: 10rem;
    top: 15.45rem
}

.mapGame .mapItm-2 {
    left: 0.3rem;
    top: 2.8rem
}

.mapGame .mapItm-3 {
    left: 9rem;
    top: 14.7rem
}

.mapGame .mapItm-4 {
    left: 5.3rem;
    top: 3.5rem
}

.mapGame .mapItm-5 {
    left: 2rem;
    top: 4.5rem
}

.mapGame .mapItm-6 {
    left: 3.7rem;
    top: 7.4rem
}

.mapGame .mapItm-7 {
    left: 0.7rem;
    top: 10.7rem
}

.mapGame .mapItm-8 {
    left: 2.3rem;
    top: 9.1rem
}

.mapGame .mapItm-9 {
    left: 8rem;
    top: 2.4rem
}

.mapGame .mapItm-10 {
    left: 0.5rem;
    top: 7.85rem
}

.mapGame .mapItm-11 {
    left: 5.25rem;
    top: 7.85rem
}

.mapGame .mapItm-12 {
    left: 29rem;
    top: 14.95rem
}

.mapGame .mapItm-13 {
    left: 5.2rem;
    top: 9.8rem
}

.mapGame .mapItm-14 {
    left: 4.8rem;
    top: 12.2rem
}

.mapGame .mapItm-15 {
    left: 7.8rem;
    top: 12.35rem
}

.mapGame .mapItm-16 {
    left: 0.35rem;
    top: 14.3rem
}

.mapGame .mapItm-17 {
    left: 6rem;
    top: 15.8rem
}

.mapGame .mapItm-18 {
    left: 30rem;
    top: 11.9rem
}

.mapGame .mapItm-19 {
    left: 12rem;
    top: 14rem
}

.mapGame .mapItm-20 {
    left: 26.3rem;
    top: 13.31rem
}

.mapGame .mapItm-21 {
    left: 15.1rem;
    top: 0.6rem
}

.mapGame .mapItm-22 {
    left: 15.4rem;
    top: 2rem
}

.mapGame .mapItm-23 {
    left: 18.1rem;
    top: 0.6rem
}

.mapGame .mapItm-24 {
    left: 21.3rem;
    top: 3.5rem
}

.mapGame .mapItm-25 {
    left: 18rem;
    top: 2.8rem
}

.mapGame .mapItm-26 {
    left: 34.22rem;
    top: 2.5rem
}

.mapGame .mapItm-27 {
    left: 30.22rem;
    top: 3.5rem
}

.mapGame .mapItm-28 {
    left: 30.7rem;
    top: 5rem
}

.mapGame .mapItm-29 {
    left: 28rem;
    top: 6rem
}

.mapGame .mapItm-30 {
    left: 26rem;
    top: 9rem
}

.mapGame .mapItm-31 {
    left: 26rem;
    top: 11.45rem
}

.mapGame .mapItm-32 {
    left: 26.6rem;
    top: 15rem
}

.mapGame .mapItm-33 {
    left: 5rem;
    top: 13.8rem
}

.mapGame .mapItm-34 {
    left: 20.6rem;
    top: 0.7rem
}

.mapGame .mapItm-35 {
    left: 10.7rem;
    top: 0.8rem
}

.mapGame .mapItm-36 {
    left: 5.6rem;
    top: 5.8rem
}

.mapGame .mapItm-37 {
    left: 32.85rem;
    top: 6.7rem
}

.mapGame .mapItm-38 {
    left: 33.8rem;
    top: 12rem
}

.mapGame .mapItm-39 {
    left: 24.4rem;
    top: 15.9rem
}

.mapGame .mapItm-40 {
    left: 13.8rem;
    top: 15.3rem
}

.mapGame span.name {
    white-space: nowrap;
}

.mapGame .mapItm span.name {
    transform: scale(.9);
    position: absolute;
    top: -0.45rem;
    left: 0.3rem;
    font-size: 0.36rem;
    line-height: 0.4rem;
    display: inline-block
}

.mapGame .mapItm-2 span.name {
    left: 2rem;
    top: -0.45rem
}

.mapGame .mapItm-3 span.name {
    left: -0.4rem;
    top: -0.2rem;
    width: 0.4rem
}

.mapGame .mapItm-5 span.name {
    left: 0.3rem;
    top: -0.34rem
}

.mapGame .mapItm-4 span.name {
    top: -0.45rem
}

.mapGame .mapItm-6 span.name {
    width: 1.5rem;
    left: 0;
}

.mapGame .mapItm-8 span.name {
    top: -0.1rem
}

.mapGame .mapItm-9 span.name {
    top: -0.4rem
}

.mapGame .mapItm-14 span.name {
    left: -0.43rem;
    width: 0.4rem
}

.mapGame .mapItm-19 span.name {
    width: 2rem;
    top: -0.4rem
}

.mapGame .mapItm-21 span.name {
    width: 0.4rem;
    left: -0.4rem
}

.mapGame .mapItm-24 span.name {
    width: 0.4rem;
    left: -0.4rem
}

.mapGame .mapItm-26 span.name {
    width: 0.4rem;
    left: auto;
    right: 0.45rem;
    top: 0.2rem
}

.mapGame .mapItm-27 span.name {
    width: 0.4rem;
    left: -0.4rem
}

.mapGame .mapItm-30 span.name {
    width: 2rem;
    top: -0.8rem
}

.mapGame .mapItm-32 span.name {
    left: -0.38rem;
    top: 0.02rem
}

.mapGame .mapItm-35 span.name {
    top: -0.45rem
}

.mapGame .mapItm-36 span.name {
    top: -0.65rem
}

.mapGame .mapItm-37 span.name {
    width: 2.3rem
}

.mapGame .mapItm-39 span.name {
    width: 1.3rem;
    top: -0.3rem
}

.mapGame .mapItm-10 span.name {
    left: -0.25rem;
    line-height: 0.4rem;
    top: -0.4rem;
}

/*放地图上后的位置*/
.mapGame .mapItm-1.onMaped {
    left: 19.8rem;
    top: 5.7rem
}

.mapGame .mapItm-2.onMaped {
    left: 11.7rem;
    top: 10.15rem
}

.mapGame .mapItm-3.onMaped {
    left: 21.6rem;
    top: 14.5rem
}

.mapGame .mapItm-4.onMaped {
    left: 22.6rem;
    top: 5rem
}

.mapGame .mapItm-5.onMaped {
    left: 16rem;
    top: 10.5rem
}

.mapGame .mapItm-6.onMaped {
    left: 23.95rem;
    top: 13.2rem
}

.mapGame .mapItm-7.onMaped {
    left: 24.25rem;
    top: 1.4rem
}

.mapGame .mapItm-8.onMaped {
    left: 23rem;
    top: 13.6rem
}

.mapGame .mapItm-9.onMaped {
    left: 24.5rem;
    top: 11.85rem
}

.mapGame .mapItm-10.onMaped {
    left: 19.2rem;
    top: 11.25rem
}

.mapGame .mapItm-11.onMaped {
    left: 18.3rem;
    top: 13.25rem
}

.mapGame .mapItm-12.onMaped {
    left: 21.3rem;
    top: 10.2rem
}

.mapGame .mapItm-13.onMaped {
    left: 15.25rem;
    top: 6.25rem
}

.mapGame .mapItm-14.onMaped {
    left: 22.9rem;
    top: 12rem
}

.mapGame .mapItm-15.onMaped {
    left: 16.8rem;
    top: 9.7rem
}

.mapGame .mapItm-16.onMaped {
    left: 9.7rem;
    top: 2.1rem
}

.mapGame .mapItm-17.onMaped {
    left: 21.7rem;
    top: 4rem
}

.mapGame .mapItm-18.onMaped {
    left: 24.55rem;
    top: 9.4rem
}

.mapGame .mapItm-19.onMaped {
    left: 19.4rem;
    top: 14rem
}

.mapGame .mapItm-20.onMaped {
    left: 14.15rem;
    top: 12.9rem
}

.mapGame .mapItm-21.onMaped {
    left: 19.2rem;
    top: 15rem
}

.mapGame .mapItm-22.onMaped {
    left: 20.45rem;
    top: 8.65rem
}

.mapGame .mapItm-23.onMaped {
    left: 22.2rem;
    top: 13rem
}

.mapGame .mapItm-24.onMaped {
    left: 19.15rem;
    top: 12.55rem
}

.mapGame .mapItm-25.onMaped {
    left: 18.05rem;
    top: 4.4rem
}

.mapGame .mapItm-26.onMaped {
    left: 19.1rem;
    top: 8.2rem
}

.mapGame .mapItm-27.onMaped {
    left: 13.8rem;
    top: 8.8rem
}

.mapGame .mapItm-28.onMaped {
    left: 25.35rem;
    top: 13.8rem
}

.mapGame .mapItm-29.onMaped {
    left: 25rem;
    top: 5rem
}

.mapGame .mapItm-30.onMaped {
    left: 21.9rem;
    top: 9.6rem
}

.mapGame .mapItm-31.onMaped {
    left: 23rem;
    top: 9.24rem
}

.mapGame .mapItm-32.onMaped {
    left: 10.2rem;
    top: 9.9rem
}

.mapGame .mapItm-33.onMaped {
    left: 23.3rem;
    top: 7.7rem
}

.mapGame .mapItm-34.onMaped {
    left: 22.6rem;
    top: 6.5rem
}

.mapGame .mapItm-35.onMaped {
    left: 11.8rem;
    top: 3.5rem
}

.mapGame .mapItm-36.onMaped {
    left: 27rem;
    top: 1.7rem
}

.mapGame .mapItm-37.onMaped {
    left: 21.3rem;
    top: 15rem
}

.mapGame .mapItm-38.onMaped {
    left: 11.8rem;
    top: 4.9rem
}

.mapGame .mapItm-39.onMaped {
    left: 20.5rem;
    top: 12rem
}

.mapGame .mapItm-40.onMaped {
    left: 16.25rem;
    top: 13.9rem
}

.mapGame .mapItm.onMaped .name {
    display: none
}

.mapGame .mapItm.onMaped:hover {
    transform: scale(1);
    cursor: default
}

/*图片尺寸*/
#mapItm-1 img {
    width: 3.04rem;
    height: 2.02rem;
}

#mapItm-2 img {
    width: 3.9rem;
    height: 1.07rem;
}

#mapItm-3 img {
    width: 0.73rem;
    height: 0.59rem;
}

#mapItm-4 img {
    width: 2.1rem;
    height: 1.15rem;
}

#mapItm-5 img {
    width: 2.02rem;
    height: 2.46rem;
}

#mapItm-6 img {
    width: 1.21rem;
    height: 0.68rem;
}

#mapItm-7 img {
    width: 2.63rem;
    height: 2.96rem;
}

#mapItm-8 img {
    width: 2.38rem;
    height: 1.14rem;
}

#mapItm-9 img {
    width: 2.38rem;
    height: 1.3rem;
}

#mapItm-10 img {
    width: 1.22rem;
    height: 0.85rem;
}

#mapItm-11 img {
    width: 1.61rem;
    height: 0.87rem;
}

#mapItm-12 img {
    width: 1.56rem;
    height: 1.9rem;
}

#mapItm-13 img {
    width: 1.52rem;
    height: 1.24rem;
}

#mapItm-14 img {
    width: 0.54rem;
    height: 0.87rem;
}

#mapItm-15 img {
    width: 1.95rem;
    height: 1.29rem;
}

#mapItm-16 img {
    width: 3.08rem;
    height: 1.26rem;
}

#mapItm-17 img {
    width: 1.7rem;
    height: 1.01rem;
}

#mapItm-18 img {
    width: 1.92rem;
    height: 2.11rem;
}

#mapItm-19 img {
    width: 1.97rem;
    height: 1.02rem;
}

#mapItm-20 img {
    width: 2.48rem;
    height: 1.09rem;
}

#mapItm-21 img {
    width: 0.88rem;
    height: 0.62rem;
}

#mapItm-22 img {
    width: 1.94rem;
    height: 1.5rem;
}

#mapItm-23 img {
    width: 1.31rem;
    height: 0.93rem;
}

#mapItm-24 img {
    width: 0.93rem;
    height: 0.65rem;
}

#mapItm-25 img {
    width: 2.31rem;
    height: 3.04rem;
}

#mapItm-26 img {
    width: 2.39rem;
    height: 2.59rem;
}

#mapItm-27 img {
    width: 0.97rem;
    height: 0.75rem;
}

#mapItm-28 img {
    width: 2.23rem;
    height: 1.25rem;
}

#mapItm-29 img {
    width: 2.27rem;
    height: 1.74rem;
}

#mapItm-30 img {
    width: 1.48rem;
    height: 1.04rem;
}

#mapItm-31 img {
    width: 1.94rem;
    height: 1.05rem;
}

#mapItm-32 img {
    width: 1.55rem;
    height: 1.1rem;
}

#mapItm-33 img {
    width: 1.67rem;
    height: 1.48rem;
}

#mapItm-34 img {
    width: 2.02rem;
    height: 1.49rem;
}

#mapItm-35 img {
    width: 1.99rem;
    height: 1.19rem;
}

#mapItm-36 img {
    width: 2.04rem;
    height: 1.05rem;
}

#mapItm-37 img {
    width: 2.44rem;
    height: 1.07rem;
}

#mapItm-38 img {
    width: 2.01rem;
    height: 2.81rem;
}

#mapItm-39 img {
    width: 1.23rem;
    height: 1.13rem;
}

#mapItm-40 img {
    width: 1.74rem;
    height: 1.71rem;
}

/*中国地图*/
.img-zg {
    position: absolute;
    width: 27.11rem;
    height: 17.26rem;
    left: 7.42rem;
    top: 0.12rem;
    z-index: 2;
}

.areaItm:hover {
    outline: 0.05rem solid red
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-0.1rem);
        transform: translateX(-0.1rem)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(0.1rem);
        transform: translateX(0.1rem)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-0.1rem);
        -ms-transform: translateX(-0.1rem);
        transform: translateX(-0.1rem)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(0.1rem);
        -ms-transform: translateX(0.1rem);
        transform: translateX(0.1rem)
    }
}

.errAniTip {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

/*分享*/
.shareBox {
    position: absolute;
    left: 0.6rem;
    bottom: 0.4rem;
    z-index: 3;
    height: 0.8rem;
    transform: scale(1.1);
}

.shareBox>div {
    width: 0.8rem;
    height: 0.8rem;
    float: left;
    cursor: pointer;
    border-radius: 0.04rem;
    background-size: contain;
    margin: 0 0.2rem;
}

#share-qrcode {
    background-image: url('../img/gbRes_2.png');
    background-size: 80rem
}

#share-qzone {
    background-image: url('../img/gbRes_4.png');
    background-size: 80rem
}

#share-sina {
    background-image: url('../img/gbRes_6.png');
    background-size: 80rem
}

#share-qq {
    background-image: url('../img/gbRes_3.png');
    background-size: 80rem
}

/*区域加点*/
.map-dian div {
    position: absolute;
    width: 0.18rem;
    height: 0.18rem;
    background: url(../img/dian.gif) no-repeat;
    background-size: 100%;
    z-index: 2;
}

.map-dian .shanghai-D {
    top: 10.98rem;
    left: 24.95rem;
}

.map-dian .anmen-D {
    top: 15.30rem;
    left: 21.98rem;
    background: url(../img/dian02.gif) no-repeat;
    background-size: 100%;
}

.map-dian .xianggang-D {
    top: 15.22rem;
    left: 22.38rem;
}

/*未选择时弹框*/
.alertBigBg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 9999;
}

.alertBigBg .alertBg {
    width: 18.85rem;
    height: 18.85rem;
    background: url(../img/alertBg-noJB1885.png) center no-repeat;
    background-size: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    margin-top: -9.425rem;
    left: 50%;
    margin-left: -9.425rem;
}

.alertBigBg .alertBg h4 {
    font-size: 0.9rem;
    color: #533533;
    margin-bottom: 0;
    margin-left: 6.2rem;
    margin-top: 7rem;
}

.alertBigBg .alertBg .alertBtn {
    width: 3.91rem;
    height: 1.46rem;
    margin-left: 8rem;
    margin-top: 1rem;
    cursor: pointer;
}

.hide {
    display: none;
}

/* 列表页-下拉列表 */
.none {
    display: none
}

.ListPageHeader {
    position: absolute;
    max-width: 35rem;
    height: 1.4rem;
    z-index: 9;
    transform: translateZ(9px);
    top: 0.4rem;
    display: flex;
    -webkit-transform: translateZ(9px);
    -moz-transform: translateZ(9px);
    -ms-transform: translateZ(9px);
    -o-transform: translateZ(9px);
}

.ListPageHeader .HistorySeleOne .current,
.ListPageHeader .HistorySeleTwo .current,
.ListPageHeader .HistorySeleThree .current,
.ListPageHeader .HistorySelefourthly .current,
.ListPageHeader .HistorySelefifth .current,
.ListPageHeader .HistorySelesixth .current {
    width: 2rem;
    display: block;
    font-size: 0.44rem;
    font-weight: 700;
    color: #4c1d0a;
    background-size: 100% 100%;
    padding: 0.18rem 1.1rem 0.2rem 0.43rem;
    border: 0.06rem solid #4c1d0a;
    border-radius: 0.6rem;
    box-shadow: 0.07rem 0.07rem 0rem 0rem rgba(255, 207, 0, 0.98);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.ListPageHeader .current b {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    width: 0.79rem;
    height: 0.5rem;
    border-left: solid 0.01rem #4c1d0a;
    background: url(../img/selec-icon.png) center no-repeat;
    background-size: 0.16rem 0.12rem
}

.ListPageHeader .HistorySeleOne,
.ListPageHeader .HistorySeleTwo,
.ListPageHeader .HistorySeleThree,
.ListPageHeader .HistorySelefourthly,
.ListPageHeader .HistorySelefifth,
.ListPageHeader .HistorySelesixth {
    margin-left: 0.5rem
}

.ListPageHeader .SeleLines {
    position: relative;
    width: 100%;
    max-height: 10rem;
    box-shadow: 0.07rem 0.07rem 0rem 0rem rgba(255, 207, 0, 0.98);
    font-size: 0.44rem;
    border: solid 0.06rem;
    color: #4c1d0a;
    border-radius: 0.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    padding: 0.15rem 0;
    background-color: #F3EDE5;
    text-align: center
}

.ListPageHeader .SeleLines a {
    display: block;
    color: #666;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
    font-size: 0.4rem;
    text-indent: 0.2rem;
    margin: 0 auto
}

.ListPageHeader .SeleLines a:hover {
    color: #4c1d0a
}

.HistorySelefourthly {
    margin-left: 2rem !important
}

.HistorySelefourthly .current,
.HistorySelefifth .current,
.HistorySelesixth .current {
    color: #8e2a00;
    background-color: #fbd000;
    border-radius: 0.5rem
}

.HistorySelefourthly .SeleLines,
.HistorySelefifth .SeleLines,
.HistorySelesixth .SeleLines {
    color: #8e2a00;
    background-color: #fbd000;
    border-radius: 0.5rem
}


/* 文字滚动样式 */
.rotaryBlockSecond {
    animation: rotaryBlockFirst 10s infinite linear;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    padding-left: 10%;
}

@keyframes rotaryBlockFirst {
    0% {
        left: 0%;
    }

    100% {
        left: -110%;
    }
}

/* 科研名人 */
.HistoryTitle {
    width: 4.20rem;
    height: 1.15rem;
    line-height: 1.15rem;
    background-image: url(../img/mr-title-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 1.09rem;
    text-align: center;
    font-size: 0.65rem;
    font-weight: 400;
    color: #FDF0DB;
    text-shadow: 0 0.04rem 0.06rem #dc4100;
    -webkit-text-stroke: 0.01rem #C33300;
}


.ListPageHeader .HistorySeleOne .current {
    font-size: 0.42rem;
    font-weight: bold;
    color: #8E2A00;
    text-align: center;
    white-space: nowrap;
}

.ListPageHeader .xl-icon-btn,
.ListPageHeader .HistorySeleTwo .xl-icon-btn {
    width: 0.16rem;
    height: 0.11rem;
    background-image: url(../img/mr-xl-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.54rem;
    right: 0.33rem;
}

.ListPageHeader .HistorySeleTwo {
    /* background-image: url(../img/mr-xl-2.png); */
    /* width: 2.37rem;
    height: 1.00rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative; */
}

.ListPageHeader .HistorySeleTwo .current {
    font-size: 0.44rem;
    font-weight: bold;
    color: #8E2A00;
}

.ListPageHeader .HistorySeleTwo .selFenlei {
    width: 3rem;
    text-align: center;
}

.answerIn .typeFilter .gd {
    width: 3.84rem;
    height: 1.91rem;
    background-image: url(../img/cgdt-gd.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -0.45rem;
    margin-left: -0.37rem;
}

.qstWrap .in .first-top {
    margin-top: 2rem;
}

/*标签*/
.proItemList .itm .labelTit {
    position: absolute;
    top: .34rem;
    right: .46rem;
    width: .4rem;
    font-size: .34rem;
    z-index: 1;
    text-align: center;
    background: url(../img/shuqian.png) no-repeat;
    background-size: 100% 100%;
    padding: .12rem .1rem .6rem;
    color: white;
    line-height: 1.3;
}

.proItemList .itmBig .labelTit {
    top: .43rem;
    right: .6rem;
    width: .5rem;
    font-size: .48rem;
    padding: .3rem .1rem .8rem;
    color: white;
}

.proItemList .itmBig .labelTit,
.proItemList .itm .labelTit {
    width: auto;
}

/* 标签 */
.label-ppt,
.label-pic,
.label-video {
    z-index: 9;
    font-size: 0.6rem;
    background-color: rgb(255, 204, 0);
    padding: 0.3rem 0.6rem;
    line-height: 1;
    position: absolute;
    top: 10%;
}

/* 作品上墙 */
.zpsq-mapBox {
    width: 36.39rem;
    height: 17.05rem;
    background: url(../img/zpsq-kuang-bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.zpsq-mapBox .code-box {
    width: 5.82rem;
    height: 5.89rem;
    position: relative;
    /* padding-top: 33px; */
}

.zpsq-mapBox .code-box .img {
    width: 100%;
    height: 100%;

}

/* code */
.zpsq-mapBox .left-contain {
    margin-left: 0.31rem;
    height: 95%;
}

.zpsq-mapBox .right-contain {
    width: 29.60rem;
    height: 17.75rem;
}

.zpsq-mapBox .code-box .code {
    width: 4.20re;
    height: 4.25rem;
    background: #8E2A00;
    border: 0.02rem solid #8E2A00;
    position: absolute;
    top: 0.68rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.zpsq-mapBox .code-box .tip-text {
    font-size: 0.36rem;
    font-family: myFirstFont;
    font-weight: 500;
    color: #7A2400;
    line-height: 0.48rem;
    text-shadow: 0 0.04rem 0.06rem #dc4100;
    /*-webkit-text-stroke: 1px #EDDBBB;
    text-stroke: 1px #EDDBBB;*/
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.37rem;
    white-space: nowrap;
}

.zpsq-mapBox .zpsq-zpdtq {
    width: 5.82rem;
    height: calc(100% - 7rem);
    background: url(../img/zpsq-bottom-bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0.31rem 0 0 0;
}

.zpsq-mapBox .zpsq-zpdtq .text {
    display: block;
    padding-top: 0.79rem;
    font-size: 0.70rem;
    font-weight: 400;
    color: #7A2400;
    line-height: 0.48rem;
    text-shadow: 0 0.04rem 0.06rem #DC4100;
    -webkit-text-stroke: 0 #EDDBBB;
    text-stroke: 0 #EDDBBB;
    text-align: center;
    line-height: 1;
}

.zpsq-mapBox .zpsq-zpdtq .ul {
    margin-top: 0.89rem;
    display: flex;
    flex-wrap: wrap;
    max-height: calc(100% - 2.58rem);
    overflow-y: auto;
}

.zpsq-mapBox .zpsq-zpdtq .ul::-webkit-scrollbar {
    display: none;
}

.zpsq-mapBox .zpsq-zpdtq .ul li {
    width: 5.09rem;
    max-width: 5.09rem;
    height: 1.10rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0.26rem;
}

.zpsq-mapBox .zpsq-zpdtq .ul li:nth-child(n+1) {
    background-image: url(../img/zpsq-next-bg.png);
    background-size: 113% 100%;
    background-repeat: no-repeat;
}

.zpsq-mapBox .zpsq-zpdtq .ul li:first-child {
    background-image: url(../img/zpsq-first-bg.png);
    background-size: 113% 100%;
    background-repeat: no-repeat;
}

.zpsq-mapBox .zpsq-zpdtq .ul li .avatar {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 0.02rem solid rgb(212, 122, 43);
}

.zpsq-mapBox .zpsq-zpdtq .ul li .nickname {
    font-size: 0.36rem;
    font-family: myFirstFont;
    font-weight: 500;
    color: #8E2A00;
    line-height: 1;
    padding-left: 0.1rem;
    width: 2.52rem;
    text-align: left;
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis
}

.zpsq-mapBox .zpsq-zpdtq .ul li .time {
    font-size: 0.36rem;
    font-family: myFirstFont;
    font-weight: 500;
    color: #8E2A00;
    line-height: 1;
}

.zpsq-mapBox .right-contain {
    width: 29.58rem;
    max-height: 95%;
    height: 95%;
    overflow: auto;
    background: url(../img/zpsq-right-bg.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.28rem;

}

.zpsq-mapBox .right-contain .grid {
    max-height: calc(100% - 0.73rem);
    overflow-y: auto;
    margin-top: 0.38rem;
}

.zpsq-mapBox .right-contain .grid::-webkit-scrollbar {
    display: none;
}

.zpsq-mapBox .right-contain::-webkit-scrollbar {
    display: none;
}

.zpsq-mapBox .right-contain .box {
    margin-top: 0.34rem;
    /* margin-right: .5rem;*/
    margin-left: 0.59rem;
    height: fit-content;
    width: 6.54rem;
}

.zpsq-mapBox .right-contain .img {
    display: block;
    width: 6.54rem;
    height: auto;
    background: #FFFFFF;
    border: 0.06rem solid #FFFFFF;
    box-shadow: 0 0.08rem 0.07rem 0 rgba(76, 29, 10, 0.1600);
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    overflow: hidden;
}

.zpsq-mapBox .right-contain .title {
    padding-top: 0.15rem;
    font-size: 0.36rem;
    font-family: myFirstFont;
    font-weight: 500;
    color: #7B2501;
    line-height: 0.48rem;
}

.zpsq-mapBox .right-contain .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: myFirstFont;
    padding-top: 0.22rem;
}

.zpsq-mapBox .right-contain .bottom .left,
.zpsq-mapBox .right-contain .bottom .right {
    display: flex;
    align-items: center;
}

.zpsq-mapBox .right-contain .bottom .left .avatar {
    width: 0.43rem;
    height: 0.43rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 0.02rem solid rgb(212, 122, 43);
}

.zpsq-mapBox .right-contain .bottom .left .nickname {
    font-size: 0.30rem;
    font-weight: 400;
    color: #8E2A00;
    line-height: 1;
    padding-left: 0.09rem;
}

.zpsq-mapBox .right-contain .bottom .right .zan-icon {
    width: 0.26rem;
    height: 0.28rem;
    background: url(../img/zpsq-dz.png) no-repeat;
    background-size: 100% 100%;
    padding-right: 0.09rem;
    cursor: pointer;
}

.zpsq-mapBox .right-contain .bottom .right .number {
    font-size: 0.30rem;
    font-weight: 400;
    color: #8E2A00;
    padding-left: 0.09rem;
}

.zpsq-mapBox .right-contain .bottom .yz .zan-icon {
    background: url(../img/zpsq-yz.png) no-repeat;
    background-size: 100% 100%;
}

.zpsq-mapBox .right-contain .bottom .yz .number {
    color: #E87A17;
}

.zpsq-bg .zpsq-detail {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    font-family: myFirstFont;
    font-weight: bold;
}

.zpsq-detail .jz {
    width: 14.52rem;
    height: 17.67rem;
    position: absolute;
    top: 2.06rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.zpsq-detail .jz .bg {
    width: 100%;
    height: 100%;
    background: url(../img/zpsq-detail-jz.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.zpsq-detail .jz .title {
    position: absolute;
    width: 6.14rem;
    height: 1.28rem;
    line-height: 1.28rem;
    text-align: center;
    background: url(../img/zpsq-detail-zpxq.png) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: -0.34rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    font-size: 0.60rem;
    font-weight: 400;
    color: #FBF4E3;
    text-shadow: 0 0.04rem 0.06rem #DC4100;
    -webkit-text-stroke: 0 #C33300;
    text-stroke: 0 #C33300;
}

.zpsq-detail .detail-contain {
    padding: 1.50rem 0 0.75rem 0;
}

.zpsq-detail .detail-contain .contain {
    width: 11.38rem;
    margin: 0 auto;
}

.zpsq-detail .scroll {
    height: 13.12rem;
    overflow: auto;
}

.zpsq-detail .scroll::-webkit-scrollbar {
    width: 0.19rem;
}

.zpsq-detail .scroll::-webkit-scrollbar-thumb {
    width: 0.19rem;
    background: rgb(253, 208, 153);
    border-radius: 0.10rem;
    -webkit-border-radius: 0.10rem;
    -moz-border-radius: 0.10rem;
    -ms-border-radius: 0.10rem;
    -o-border-radius: 0.10rem;
}

.zpsq-detail .jz .sj {
    width: 100%;
    background: rgba(255, 188, 109, 0.4);
    border-radius: 0.26rem;
    display: block;
    -webkit-border-radius: 0.26rem;
    -moz-border-radius: 0.26rem;
    -ms-border-radius: 0.26rem;
    -o-border-radius: 0.26rem;
}

.zpsq-detail .jz .sj .ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 0.42rem;
    color: #732200;
}

.zpsq-detail .jz .sj .ul li {
    text-align: center;
    line-height: 1;
    padding-top: 0.20rem;
}

.zpsq-detail .jz .sj .ul li .number {
    padding-top: 0.14rem;
    padding-bottom: 0.18rem;
}

.zpsq-detail .jz .detail-name {
    padding-top: 0.46rem;
    font-size: 0.42rem;
    color: #732200;
}

.zpsq-detail .jz .current-sj {
    padding-top: 0.43rem;
}

.zpsq-detail .jz .current-sj .ul {
    display: flex;
    align-items: center;
}

.zpsq-detail .jz .current-sj .ul li {
    height: 0.52rem;
    background: rgba(245, 198, 152, 0.3);
    border-radius: 0.06rem;
    margin-right: 0.2rem;
    display: flex;
    align-items: center;
    min-width: 1.44rem;
    -webkit-border-radius: 0.06rem;
    -moz-border-radius: 0.06rem;
    -ms-border-radius: 0.06rem;
    -o-border-radius: 0.06rem;
}

.zpsq-detail .jz .current-sj .ul li .text {
    font-size: 0.30rem;
    color: #732200;
    line-height: 1;
    white-space: nowrap;
}

.zpsq-detail .jz .current-sj .jp .icon {
    width: 0.40rem;
    height: 0.39rem;
    background: url(../img/zpsq-detail-jp.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    padding: 0.08rem 0 0 0.05rem;
    box-sizing: border-box;
}

.zpsq-detail .jz .current-sj .jp .text {
    margin-left: 0.15rem;
    padding-right: 0.3rem;
}

.zpsq-detail .jz .current-sj .tp .icon {
    width: 0.26rem;
    height: 0.28rem;
    background: url(../img/zpsq-detail-tp.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    /* padding: .12rem 0 0 22px; */
    margin-left: 0.22rem;
    box-sizing: border-box;
}

.zpsq-detail .jz .current-sj .tp .text {
    padding-left: 0.08rem;
    padding-right: 0.24rem;
}

.zpsq-detail .jz .current-sj .ll .icon {
    width: 0.32rem;
    height: 0.21rem;
    background: url(../img/zpsq-detail-ll.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    box-sizing: border-box;
    margin-left: 0.11rem;
    margin-top: 0.04rem;
}

.zpsq-detail .jz .current-sj .ul li .text {
    padding-left: 0.05rem;
    padding-right: 0.1rem;
}

.zpsq-detail .jz .time {
    padding-top: 0.41rem;
    font-size: 0.30rem;
    color: #732200;
    line-height: 1;
}

.zpsq-detail .jz .time .year,
.zpsq-detail .jz .time .curr-time {
    padding-right: 0.10rem;
}

/* js */
.zpsq-detail .jz .js {
    padding-top: 0.28rem;
    display: flex;
    align-items: center;
}

.zpsq-detail .jz .js .img {
    width: 0.43rem;
    height: 0.43rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 0.02rem solid rgb(212, 122, 43);
}

.zpsq-detail .jz .js span {
    font-size: 0.3rem;
    color: #732200;
    line-height: 1;
}

.zpsq-detail .jz .js .nickname {
    padding-left: 0.09rem;
}

.zpsq-detail .jz .js .line {
    border: 0.02rem solid rgb(115, 34, 0);
    margin: 0 0.14rem;
    height: 0.31rem;
}

.zpsq-detail .jz .content {
    font-size: .4rem;
    color: #000000;
    line-height: 1.8;
    padding-top: 0.45rem;
    display: block;
}

.zpsq-detail .jz .zp-img {
    width: 99%;
    height: auto;
    background: rgba(255, 255, 255, 0);
    border: 0.01rem solid #8E2A00;
    border-radius: 0.1rem 0.1rem 0.4rem 0.4rem;
    -webkit-border-radius: 0.1rem 0.1rem 0.4rem 0.4rem;
    -moz-border-radius: 0.1rem 0.1rem 0.4rem 0.4rem;
    -ms-border-radius: 0.1rem 0.1rem 0.4rem 0.4rem;
    -o-border-radius: 0.1rem 0.1rem 0.4rem 0.4rem;
}

.zpsq-detail .close-icon {
    width: 0.69rem;
    height: 0.91rem;
    background: url(../img/zpsq-detail-close.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -0.91rem;
    right: 0.57rem;
    cursor: pointer;
}

.zpsq-detail .code {
    width: 3.84rem;
    height: 3.84rem;
    background: #FCF2E3;
    border: 0.08rem solid #732200;
    position: absolute;
    left: -3.55rem;
    top: 0.88rem;
}

.zpsq-detail .code .wxcode {
    width: 2.47rem;
    height: 2.42rem;
    border: 0.1rem solid #FFFEFD;
    margin: 0.41rem auto 0;
    display: block;
}

.zpsq-detail .code .text {
    font-size: 0.30rem;
    font-family: myFirstFont;
    font-weight: bold;
    color: #040000;
    text-align: center;
    padding-top: 0.25rem;
    line-height: 1;
}

.zpsq-detail .gz {
    position: absolute;
    top: 0.44rem;
    right: -0.29rem;
    width: 0.88rem;
    height: 5.65rem;
}

.zpsq-detail .gz .img {
    width: 100%;
    height: 100%;
}

/* 按钮列表 */
.btns {
    position: absolute;
    bottom: 0rem;
    transform: translateX(-50%);
    z-index: 9;
    transform: translateZ(9px);
}

.btns .img:hover {
    cursor: pointer;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.btns .img {
    width: 1.42rem;
    height: 1.35rem;
    margin-right: 0.64rem;
}

.scale-box {
    /* transform-origin: 50% 50%;
    width: 100%;
    position: absolute; */
    transform-origin: 50% 50%;
    width: 100%;
    height: calc(100% - 2rem);
}

.bg-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 8;
}

/*搜索 */
.ListPageHeader .search {
    width: 9.06rem;
    display: block;
    font-size: 0.44rem;
    font-weight: 700;
    color: #4c1d0a;
    background-size: 100% 100%;
    border: 0.06rem solid #4c1d0a;
    border-radius: 0.6rem;
    box-shadow: 0.07rem 0.07rem 0rem 0rem rgb(255 207 0 / 98%);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    display: flex;
    align-items: center;
    height: 1.2rem;
}

.ListPageHeader .search .icon {
    width: 0.54rem;
    height: 0.54rem;
    background-image: url(../img/search.png);
    background-size: 100% 100%;
    margin-left: 0.4rem;
    display: inline-block;
}

.ListPageHeader .search .input {
    height: 75%;
    outline: none;
    border: none;
    background-color: rgba(255, 247, 238, 0);
    font-size: 0.48rem;
    font-family: myFirstFont;
    font-weight: 400;
    color: #938679;
    line-height: 0.43rem;
    padding-left: 0.23rem;
}

.ListPageHeader .search .text {
    position: absolute;
    display: block;
    top: 0;
    right: 0.45rem;
    bottom: 0;
    height: 0.46rem;
    margin: auto 0;
    border-left: solid 0.01rem #4c1d0a;
    font-size: 0.50rem;
    font-family: PuHuiTiBold;
    font-weight: normal;
    color: #883617;
    line-height: 1;
    padding-left: 0.34rem;
}
.search-result{
	width:35.18rem;
	height:15.38rem;
	overflow: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.no-result{
	background-image: url(../img/no-result.png);
    background-size: 100% auto;
	width:13.47rem;
	height:9.4rem;
}