/*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: 8.73rem;height: 5.6rem;}
.gameHomeIn .enter-llk{ position:absolute; left: 7.37rem; top:5.07rem;-webkit-animation: opt 3s infinite linear; -moz-animation:opt 3s infinite linear }
.gameHomeIn .enter-dt{ position:absolute; top: 2.2rem; right:8.27rem;-webkit-animation: opt 3s infinite linear; -moz-animation:opt 3s infinite linear}

.answerIn .typeFilter{ height: 4.17rem; overflow: hidden}
.answerIn .typeFilter .img-cgdt{ display: inline-block; width: 5.46rem;height: 3.75rem; margin: 0.25rem 2rem 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}
.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: 0.6rem 2rem 0 3.7rem; width: 32.2rem;height: 13.75rem; margin: 0 auto; background: url("../img/dt-bg3792-1435.png") center no-repeat;background-size:100%;}
.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.74rem; 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: 3.46rem;height: 1.46rem;}

/*.proItemList{ height: 13.6rem; overflow: hidden}*/
/*.proItemList{ height: 13.6rem}*/
.proItemList .itm{ 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;}

.itm .video-play {
    position: absolute;
    width: 1.91rem;
    height: 1.91rem;
    background-image: url("../images/play-icon.png");
    background-size: 100% 100%;
    z-index: 1;
    top: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
}

.itm.itmBig .video-play {
    width: 3.38rem;
    height: 3.38rem;
}

.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: .9rem}
.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;}

.libFeater-item .icon-back{ position: absolute; z-index: 10; right:-0.9rem; bottom:-0.75rem; display: block; width: 3.46rem; height: 1.46rem; background: url("../img/icon-back429-269.png") center no-repeat;background-size:100%; background-size: 3.46rem 1.46rem}
.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;}

.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;top:0.4rem}
.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;z-index:10;transform:translateZ(1px);}
.ListPageHeader .SeleLines a{width:3rem;display:block;color:#666;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:0.6rem;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%;}}