/*main css*/

/* 绘活动 */
.activeLogo{position: absolute;top: 5rem;right: 1rem;z-index: 4;-webkit-animation: opt 3s infinite linear; -moz-animation:opt 3s infinite linear}
.activeLogo img{width: 3.52rem;}

.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: 36.4rem 17.66rem}
.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}
.gameHomeIn .enter-dt img,.gameHomeIn .enter-llk img{width:8.73rem}
.answerIn .typeFilter{ width:37rem;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: 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;  width: 7.31rem; height: 2.04rem; background-size: 7.31rem 2.04rem;text-indent: 2.3rem;white-space: nowrap;}
.answerIn .typeFilter a.bg-yellow:active{ background: url("../img/sub-bg-yellow-active.png") center no-repeat;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; 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; text-indent: 2.56rem; width: 6.43rem; height: 2.04rem; background-size: 6.43rem 2.04rem}

.answerIn .typeFilter-lib a{ margin-right: 2rem;width: 7.31rem;height: 2.04rem;text-indent: 2.56rem;}

.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% 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: 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: 3.45rem auto;}
.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% 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; 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;  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;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% 100%;}
.questionsIn .Q dd.checked i{ background: url("../img/icon-checked.png") left center no-repeat;background-size: 100% 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: 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: 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: 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: 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: 5.63rem 3.52rem}
.clfyIn .subNav a.active{ background: url("../img/clfyNavBg-active.png") center top no-repeat; 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: 36.44rem 17.68rem}
.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: 36.38rem 17.68rem}
.clfyIn-item-donghaohui{ position: relative; padding: 2.1rem 0 0 0.6rem; margin:0 auto; width: 35.78rem;height: 15.58rem; background: url("../img/dongaohui-bg1.png") center no-repeat; background-size: 36.38rem 17.68rem}
.ifnrom-buttom-icon{ position: absolute;bottom: -0.48rem;left: 0.07rem;}
.ifnrom-buttom-icon img{ width:5rem;}
.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;}
/*.proItemList{ height: 13.6rem; overflow: hidden}*/
/*.proItemList{ height: 1360rem}*/
.proItemList .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;-webkit-filter: blur(0.2rem);filter: blur(0.1rem);}
  
.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: 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;z-index: 1;}
.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: 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: 13.41rem 13.6rem}
.proItemList .itmBig .img{ position: relative; width: 12.61rem; height:7.86rem; text-align: center;z-index: 1;overflow: hidden;}
.proItemList .itmBig .img .itm-pic{ max-width: 12.61rem; max-height: 7.86rem; display: inline-block; vertical-align: middle; margin:auto}
.proItemList .itmBig .img,.proItemList .itm .img{display: flex;justify-content: center;align-items: center;}

.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: 2.36rem 1.88rem;background-color: none;}
.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: 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: 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: 0.73rem}
.clfy-Qa dd.checked i{background: url("../img/icon-radio73-checked.png") center no-repeat; 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: 0.9rem}
.clfy-Qa-chk dd.checked i{background: url("../img/icon-chk90-checked.png") center no-repeat; 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: 3.45rem auto;}

/*本馆特色*/
.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: 36.38rem 17.68rem;padding-top: 0.7rem;}
.libFeater-item .libTab{ padding: 0.5rem 0.7rem 0.2rem 0.7rem; height: 0.75rem; line-height: 0.75rem}
.libFeater-item .libTab a{ display: inline-block; 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;color:#4c1d0a;}
.libFeater-item .libTab a.current{ border:0.08rem solid #4c1d0a; background: #fff; font-size: 0.48rem; box-shadow: 0 0.1rem 0 #ffcf00;}
.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: 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.7rem; width: 9.16rem; height: 5.95rem; background: url("../img/feater-imgBg917-554.png") center top no-repeat; 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: 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: 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: 4.29rem; height: 2.69rem; background: url("../img/icon-back429-269.png") center no-repeat; background-size: 4.29rem 2.69rem}
.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: auto}
.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: 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: 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: 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; height:inherit; width: auto; 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: 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: 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: 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: 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: 1.31rem 1.46rem;margin-right: 2rem }
.contactUs h3 p.t2{ background: url("../img/icon-contactU2-t2.png") left center no-repeat; 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:0.76rem 0.59rem }
.contactUs .contact p.tel{background: url("../img/icon-con-tel.png") left center no-repeat; 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: 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: 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}

/*地图连连看游戏*/
.mapGame{ position: relative; width: 36.4rem; height: 17.66rem; margin: 0 auto; background: url("../img/game-map-bg.jpg") center no-repeat; 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: 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: 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; 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 .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:1.4rem ; top:3.8rem }
.mapGame .mapItm-1 img{ width:3.56rem;height:2.18rem;}
.mapGame .mapItm-2{ left:0.8rem ; top:8.5rem }
.mapGame .mapItm-2 img{ width:4.46rem;height:1.64rem;}
.mapGame .mapItm-3{ left:2rem; top:12rem }
.mapGame .mapItm-3 img{ width:3.46rem;height:1.96rem; }
.mapGame .mapItm-4{ left:8rem; top:2.4rem }
.mapGame .mapItm-4 img{ width:1.66rem;height:1.46rem;}
.mapGame .mapItm-5{ left:6.2rem; top:4.5rem }
.mapGame .mapItm-5 img{ width:1.78rem;height:1.16rem;}
.mapGame .mapItm-6{ left:5.5rem; top:7rem; }
.mapGame .mapItm-6 img{ width:2.84rem;height:1.96rem;}
.mapGame .mapItm-7{ left:8rem; top:9.5rem }
.mapGame .mapItm-7 img{ width:3.12rem;height:2.48rem;}
.mapGame .mapItm-8{ left:4.5rem; top:14.2rem }
.mapGame .mapItm-8 img{ width:6.5rem;height:2.46rem;}
.mapGame .mapItm-9{ left:11rem; top:14.5rem }
.mapGame .mapItm-9 img{ width:4.4rem;height:1.52rem;}
.mapGame .mapItm-10{ left:24.2rem; top:1rem }
.mapGame .mapItm-10 img{ width:2.18rem;height:1.58rem;}
.mapGame .mapItm-11{ left:30.5rem; top:1rem }
.mapGame .mapItm-11 img{ width:4.38rem;height:1.86rem;}
.mapGame .mapItm-12{ left:21rem; top:3.2rem }
.mapGame .mapItm-12 img{ width:2.92rem;height:1.76rem;}
.mapGame .mapItm-13{ left:25rem; top:2rem }
.mapGame .mapItm-13 img{ width:4.52rem;height:3.52rem;}
.mapGame .mapItm-14{ left:33rem; top:4.2rem }
.mapGame .mapItm-14 img{ width:2.6rem;height:1.3rem;}
.mapGame .mapItm-15{ left:24rem; top:6rem }
.mapGame .mapItm-15 img{ width:0.98rem;height:0.52rem;}
.mapGame .mapItm-16{ left:27rem; top:6rem;}
.mapGame .mapItm-16 img{ width:4.86rem;height:1.46rem;}
.mapGame .mapItm-17{ left:25rem; top:7.2rem }
.mapGame .mapItm-17 img{ width:2.72rem;height:1.3rem;}
.mapGame .mapItm-18{ left:23rem; top:8.7rem }
.mapGame .mapItm-18  img{ width:0.8rem;height:1.3rem;}
.mapGame .mapItm-19{ left:31.5rem; top:8.5rem }
.mapGame .mapItm-19 img{ width:3.92rem;height:1.58rem;}
.mapGame .mapItm-20 { left:28rem; top:11rem }
.mapGame .mapItm-20 img{ width:2.36rem;height:0.9rem;}
.mapGame .mapItm-21{ left:27rem; top:14rem }
.mapGame .mapItm-21 img{ width:1.1rem;height:2.16rem;}
.mapGame .mapItm-22{ left:29.5rem; top:13.5rem; }
.mapGame .mapItm-22 img{ width:3.56rem;height:1.6rem;}
.mapGame .mapItm-23{ left:20rem; top:0.6rem }
.mapGame .mapItm-23 img{ width:2.22rem;height:1.24rem;}

.mapGame .mapItm span.name{ transform: scale(.9); position: absolute; bottom:-0.4rem; left: 1.2rem; font-size: 0.3rem; font-family: mySecondFont; line-height: 0.4rem; display: inline-block;white-space: nowrap;font-weight: 700;}

.mapGame .mapItm-2 span.name{ left:1.7rem;}
.mapGame .mapItm-3 span.name{ left:0.5rem; }
.mapGame .mapItm-5 span.name{ left:0.3rem; }
.mapGame .mapItm-4 span.name{ left: -0.3rem;}
.mapGame .mapItm-6 span.name{ left: 0.5rem;}
.mapGame .mapItm-7 span.name{ left: 0.1rem;}
.mapGame .mapItm-23 span.name{ left: 0.5rem;}
.mapGame .mapItm-10 span.name{ left: 0.6rem;}
.mapGame .mapItm-14 span.name{ left: 0.6rem;}
.mapGame .mapItm-15 span.name{ left: -0.5rem;}
.mapGame .mapItm-17 span.name{ left: 0.3rem;}
.mapGame .mapItm-18 span.name{ left: -0.6rem;}
.mapGame .mapItm-20 span.name{ left: -0.2rem;}
.mapGame .mapItm-21 span.name{ left: -0.6rem;}

/*移动后的文字位置*/
.mapGame .mapItm-4.onMaped span.name{ left:0rem;top: -0.4rem;}
.mapGame .mapItm-8.onMaped span.name{ left:-1rem;top: 0.4rem;}
.mapGame .mapItm-10.onMaped span.name{ left:-0.9rem;top: 0.6rem;}
.mapGame .mapItm-11.onMaped span.name{ left:0.9rem;top: -0.3rem;}
.mapGame .mapItm-12.onMaped span.name{ left:1rem;top: -0.3rem;}
.mapGame .mapItm-16.onMaped span.name{ left:1rem;top: -0.5rem;}
.mapGame .mapItm-14.onMaped span.name{ right:0.9rem;top: -0.3rem;}
.mapGame .mapItm-18.onMaped span.name{ right:0.9rem;top: -0.5rem;}
.mapGame .mapItm-19.onMaped span.name{ left:3.8rem;top: 0.5rem;}
.mapGame .mapItm-22.onMaped span.name{ right:0.9rem;top: -0.5rem;}



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

/*石景山地图*/
.img-zg{ position: absolute; left: 0; right: 0;margin: 0.13rem auto 0; z-index: 2;height: 17.26rem;}
.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: 0.8rem }
#share-qzone { background-image: url('../img/gbRes_4.png'); background-size: 0.8rem}
#share-sina { background-image: url('../img/gbRes_6.png'); background-size: 0.8rem }
#share-qq { background-image: url('../img/gbRes_3.png'); background-size: 0.8rem }

/*绘通知*/
.infromList{position: relative;font-size: 0.5rem;top: -3rem;}
.infromList>div{position: relative;left: -0.57rem;}
.infromList-oneDay .infrom-title{
    display:inline-block;
    min-width: 3rem;
    padding: 0.1rem 0.2rem 0.1rem 0.4rem;
    font-weight: 700;
    background: rgb(255,211,22);
    border: solid 0.04rem rgb(104,41,14);
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    letter-spacing: 0.3rem;
}
.infromList-sendDay .infrom-title{
    display:inline-block;
    min-width: 3rem;
    padding: 0.1rem 1rem 0.1rem 0.4rem;
    font-weight: 700;
    background: rgb(255,211,22);
    border: solid 0.04rem rgb(104,41,14);
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    letter-spacing: 0.1rem;
}
.infromList{ box-sizing: border-box;padding: 1.8rem 0 0 0 ;}
.infromList ul{ padding: 1.5rem 0 0 1.3rem ;}
.infromList li { display: flex;line-height: 2.4rem; height: 2.4rem;border-left: solid 0.06rem #603017;}
.infromList li span{ vertical-align: middle; float: left; margin-top: -1.25rem;}
.infromList>div li .infrom-text{
    width: 29rem;
    height: 2.4rem;
    font-weight: 400;
    background: url('../img/infromList-oneDay-bg1.png') no-repeat;
    background-size:29rem 2.4rem;
    letter-spacing: 0.1rem;
    text-indent: 0.4rem;
}
.infrom-time{
    margin-right: 0.9rem;
    margin-left: 0.6rem;
}
.infrom-style{
    width: 0.5rem;
    height: 0.5rem;
    /* margin-top:0.95rem; */
    transform:translate(-0.34rem,0.9rem) ;
    background: rgb(255,211,22);
    border:solid 0.06rem rgb(104,41,14);
    border-radius: 50%;
}
.infromList-sendDay li .infrom-text{
    background: url('../img/infromList-oneDay-bg2.png') no-repeat!important;
    background-size:24.75rem 2.5rem!important;
}
.infromList-sendDay .infrom-style{
    background-color: white!important;
}
.infromList li a {
    vertical-align: middle;
    float: left;
    margin-top: -1.25rem;
}

/*通知详情页*/
.nrawInfrom-main{
    position: relative;
    padding: 0.5rem;
    margin: 0 auto;
    width: 35.78rem;
    height: 15.58rem;
    background: url(../img/clfy-bg3638-1768.png) center no-repeat;
    background-size: 36.38rem 15.58rem;
    font-size: 0.5rem;
}
.nrawInfrom-main-block{
    position: relative;
    width: 99%;
    height: 92%;
    box-sizing: border-box;
    padding:1.9rem 0.5rem;
    margin-left: 0.5%;
    margin-top: 0.5%;
    background: url(../img/nrawInfrom-particulars1-bg1.png) center no-repeat;
    background-size: 98% 92%;
}
.nrawInfrom-main-block p.nrawInfrom-title{
    display:inline-block;
    min-width: 3rem;
    padding: 0.1rem 1rem 0.1rem 0.2rem;
    font-weight: 700;
    background: rgb(255,211,22);
    border: solid 0.04rem rgb(104,41,14);
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    letter-spacing: 0.1rem;
    margin-bottom: 0.6rem;
}
.nrawInfrom-time{
    float: right;
    margin-right: 3rem;
    margin-top: 0.2rem;
}
.nrawInfrom-icon1{
    position: absolute;
    top:0;
    right:0;
    width: 3.46rem;
    height: 4.64rem;
    z-index:10;
}
.nrawInfrom-text{
    box-sizing: border-box;
    padding:0 1rem;
    font-size: 0.4rem;
    font-weight: 700;
    height: 8.9rem;
    overflow-y: scroll;
    padding-top: 0.3rem;
    overflow-x: hidden;
}
.infrom-button-icon{
    width: 6.72rem;
    height: 4.96rem;
    position: absolute;
    bottom:2rem;
    left: 0.6rem;
}
.iconBgBlock{
    border: solid 0.01rem;
    display: inline-block;
    margin-left: 50%;
    transform: translate(-50%);
    border: solid 0.06rem #4C1D0A;
    border-radius: 0.24rem;
}
.nrawInfrom-icon3{
    margin:-0.24rem -0.24rem 0.24rem 0.24rem;
    max-width: 30rem;
    border: solid 0.06rem #4C1D0A;
    border-radius: 0.24rem;
    min-width: 20rem;
}
.icon-back{
    position: absolute;
    bottom: 2.06rem;
    right: 0.6rem;
}
.icon-back img{width: 4.49rem}
.nrawInfrom-text2{
    box-sizing: border-box;
    padding: 0 2rem;
}

/*绘游戏*/

/*冬奥会*/
.animation{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
     -o-transition: All 0.4s ease-in-out;
}
.yundongBox a:hover span,
.yundongBox a:hover em{
    transform: scale(1.1);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.yundongBox a em {
    position: absolute;
    font-size: 0.28rem;
    font-weight: bold;
    line-height: 1;
    font-family: mySecondFont;
}
.yundongBox a{
    position: absolute;
}
.yundongBox span{
    display: block;
}
.tiaotaihuaxue{
    top: 0.3rem;
    left: 1.5rem;
}
.tiaotaihuaxue em{
    bottom: 0.5rem;
    right: 0.7rem;
}
.tiaotaihuaxue span{
    width: 4.44rem;
    height: 5.91rem;
    background: url(../img/tiaotaihuaxue.png) no-repeat;
    background-size: 100%;
}
.fushibingqiao{
    top: 2.55rem;
    left: 6.38rem;
}
.fushibingqiao em{
    bottom: -1rem;
    right: 2rem;
}
.fushibingqiao span{
    width: 4.61rem;
    height: 1.86rem;
    background: url(../img/fushibingqiao.png) no-repeat;
    background-size: 100%;
}
.huashihuabing{
    top: 0.25rem;
    left: 10.2rem;
}
.huashihuabing em{
    bottom: 0.5rem;
    right: 0;
}
.huashihuabing span{
    width: 3.9rem;
    height: 5.9rem;
    background: url(../img/huashihuabing.png) no-repeat;
    background-size: 100%;
}
.wuduoxueqiao{
    top: 1rem;
    left: 14.9rem;
}
.wuduoxueqiao em{
    bottom: -0.2rem;
    right: 1.3rem;
}
.wuduoxueqiao span{
    width: 3.79rem;
    height: 4.1rem;
    background: url(../img/wuduoxueqiao.png) no-repeat;
    background-size: 100%;
}
.youduoxueqiao{
    top: 0.9rem;
    left: 19.5rem;
}
.youduoxueqiao em{
    bottom: -0.3rem;
    right: 2rem;
}
.youduoxueqiao span{
    width: 3.79rem;
    height: 4.1rem;
    background: url(../img/youduoxueqiao.png) no-repeat;
    background-size: 100%;
}
.duandaosuhua{
    top: 6.5rem;
    left: 0.75rem;
}
.duandaosuhua em{
    bottom: -0.2rem;
    right: 2rem;
}
.duandaosuhua span{
    width: 4.19rem;
    height: 4.44rem;
    background: url(../img/duandaosuhua.png) no-repeat;
    background-size: 100%;
}
.suduhuabing{
    top: 6.5rem;
    left: 5.5rem;
}
.suduhuabing em{
    bottom: -0.4rem;
    right: 2rem;
}
.suduhuabing span{
    width: 4.82rem;
    height: 4.27rem;
    background: url(../img/suduhuabing.png) no-repeat;
    background-size: 100%;
}
.ziyoushihuaxue{
    top: 5.7rem;
    left: 10.4rem;
}
.ziyoushihuaxue em{
    bottom: 0;
    right: 0;
}
.ziyoushihuaxue span{
    width: 3.91rem;
    height: 5.67rem;
    background: url(../img/ziyoushihuaxue.png) no-repeat;
    background-size: 100%;
}
.yueyehuaxue{
    top: 5.9rem;
    left: 14.4rem;
}
.yueyehuaxue em{
    bottom: -0.5rem;
    right: 2rem;
}
.yueyehuaxue span{
    width: 5.16rem;
    height: 4.8rem;
    background: url(../img/yueyehuaxue.png) no-repeat;
    background-size: 100%;
}
.gaoshanhuaxue{
    top: 6.3rem;
    left: 19.5rem;
}
.gaoshanhuaxue em{
    bottom: -0.5rem;
    right: 2rem;
}
.gaoshanhuaxue span{
    width: 4.38rem;
    height: 4.23rem;
    background: url(../img/gaoshanhuaxue.png) no-repeat;
    background-size: 100%;
}
.danbanhuaxue{
    top: 11.5rem;
    left: 0.5rem;
}
.danbanhuaxue em{
    bottom: -0.3rem;
    right: 2rem;
}
.danbanhuaxue span{
    width: 4.47rem;
    height: 5.15rem;
    background: url(../img/danbanhuaxue.png) no-repeat;
    background-size: 100%;
}
.yundongBox .bingqiu{
    top: 11.7rem;
    left: 5.4rem;
}
.yundongBox .bingqiu em{
    bottom: -0.5rem;
    right: 2rem;
}
.yundongBox .bingqiu span{
    width: 4.14rem;
    height: 5.05rem;
    background: url(../img/bingqiu.png) no-repeat;
    background-size: 100%;
}
.yundongBox .binghu{
    top: 13rem;
    left: 9.7rem;
}
.yundongBox .binghu em{
    bottom: -0.3rem;
    right: 2rem;
}
.yundongBox .binghu span{
    width: 4.49rem;
    height: 3.9rem;
    background: url(../img/binghu.png) no-repeat;
    background-size: 100%;
}
.beiouliangxiang{
    top: 11.3rem;
    left: 14.5rem;
}
.beiouliangxiang em{
    bottom: -0.3rem;
    right: 2.4rem;
}
.beiouliangxiang span{
    width: 5.14rem;
    height: 5.54rem;
    background: url(../img/beiouliangxiang.png) no-repeat;
    background-size: 100%;
}
.xiandaidongjilx{
    top: 11.6rem;
    left: 19.4rem;
}
.xiandaidongjilx em{
    bottom: 0;
    right: 1.5rem;
}
.xiandaidongjilx span{
    width: 4.27rem;
    height: 5.38rem;
    background: url(../img/xiandaidongjiliangxiang.png) no-repeat;
    background-size: 100%;
}
.yundong-form{
    width: 11rem;
    height: 16.58rem;
    background: url(../img/dongaohuibiaoge.png) no-repeat;
    background-size: 11rem 16.58rem;
    position: absolute;
    top:0.5rem;
    right: 0.9rem;
    border-radius: 0.3rem;
    box-shadow:0.04rem 0.04rem 0.2rem #000;
    overflow-x:hidden;
    overflow-y: auto;
}
.yundong-form table{
    background-color: white;
    font-family: mySecondFont;
    width: 100%;
    height: 14.5rem;
    margin: 1.2rem 0;
    font-weight: 600;
    
}
.yundong-form table th{
    font-weight: 900;
    font-size:0.3rem;
}
.yundong-form table td{
    font-size:0.28rem;
}
.yundong-form table tr>td:nth-child(1){
    padding-left: 0.3rem;
}
.yundong-form table tr>td:nth-child(2){
    width: 4.5rem;
    padding-left: 0.2rem;
}
.yundong-form table tr>td:nth-child(3){
    width: 1.5rem;
    padding-left: 0.7rem;
}
.yundong-form table tr>th:nth-child(4){
    text-align: left;
}
.yundong-form table tr>th:nth-child(2){
    text-indent: -4em;
}
.yundong-form table tr>td:nth-child(4){
    padding-left: 0.2rem;
}

/*石景山图*/
.mapItm img:hover,.mapItm span:hover{transform: scale(1.1);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.mapGame.shi-bg1{
    background: url(../img/sjs-map-bg.png) center no-repeat;
    background-size: 36.4rem 17.66rem;
}

.mapGame.shi-bg1 .db{
    display: block;
    width: 0.29rem;
    height: 0.39rem;
    background:url(../img/db.gif) no-repeat;
    background-size:100%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.mapItm:hover .db{
    -webkit-animation: float ease-in-out .4s infinite;
    animation: float ease-in-out .4s infinite;
}
/*放地图上后的位置*/
.mapGame .mapItm-1.onMaped{ left:11.5rem;top:0.4rem;}
.mapGame .mapItm-2.onMaped{ left:13.5rem;top:5.5rem }
.mapGame .mapItm-3.onMaped{ left:8.5rem;top:13rem }
.mapGame .mapItm-4.onMaped{ left:18rem;top:7rem }
.mapGame .mapItm-5.onMaped{ left:13.3rem; top:8.2rem }
.mapGame .mapItm-6.onMaped{ left:11.2rem; top:9.5rem }
.mapGame .mapItm-7.onMaped{ left:13rem; top:11.5rem }
.mapGame .mapItm-8.onMaped{ left:13rem; top:14.7rem }
.mapGame .mapItm-9.onMaped{ left:15.8rem; top:12.1rem }
.mapGame .mapItm-10.onMaped{ left:15rem; top:3.7rem }
.mapGame .mapItm-11.onMaped{ left:18.3rem; top:3rem }
.mapGame .mapItm-12.onMaped{ left:15.3rem; top:7.8rem }
.mapGame .mapItm-13.onMaped{ left:18.55rem; top:11.8rem }
.mapGame .mapItm-14.onMaped{ left:18rem; top:5.1rem }
.mapGame .mapItm-15.onMaped{ left:16.5rem; top:10.5rem }
.mapGame .mapItm-16.onMaped{ left:20.4rem; top:6.5rem }
.mapGame .mapItm-17.onMaped{ left:20rem; top:10.3rem }
.mapGame .mapItm-18.onMaped{ left:18.3rem; top:11rem }
.mapGame .mapItm-19.onMaped{ left:19rem; top:8.1rem }
.mapGame .mapItm-20.onMaped{ left:21.6rem; top:11.6rem }
.mapGame .mapItm-21.onMaped{ left:24.8rem; top:12.4rem }
.mapGame .mapItm-22.onMaped{ left:23.2rem; top:15.6rem }
.mapGame .mapItm-23.onMaped{ left:15.4rem; top:2.2rem }

.mapItm-1.onMaped .db{right: -0.2rem;bottom:0;}
.mapItm-2.onMaped .db{left: 1.5rem;bottom: -0.5rem;}
.mapItm-3.onMaped .db{top: 0.2rem;right: 0.6rem;}
.mapItm-4.onMaped .db{left: 0.1rem;bottom: 0;}
.mapItm-5.onMaped .db{right: 0.1rem;top: 0;}
.mapItm-6.onMaped .db{right: 0;bottom: -0.2rem;}
.mapItm-7.onMaped .db{right: 0.4rem;top: 0.9rem;}
.mapItm-8.onMaped .db{right: 2.3rem;top: 0.4rem;}
.mapItm-9.onMaped .db{right: 0.1rem;top: 0.6rem;}
.mapItm-10.onMaped .db{right: 0.3rem;bottom: 0;}
.mapItm-11.onMaped .db{left: -0.2rem;bottom: 0;}
.mapItm-12.onMaped .db{left: -0.1rem;top: 0.3rem;}
.mapItm-13.onMaped .db{left: 1.7rem;top: 0.8rem;}
.mapItm-14.onMaped .db{left: -0.3rem;top: 0.2rem;}
.mapItm-15.onMaped .db{top: 0;left: -0.2rem;}
.mapItm-16.onMaped .db{top: 0.2rem;left: 0;}
.mapItm-17.onMaped .db{right: 1.2rem;bottom: -0.2rem;}
.mapItm-18.onMaped .db{right: -0.2rem;bottom: 0;}
.mapItm-19.onMaped .db{left: 0;bottom: -0.34rem;}
.mapItm-20.onMaped .db{right: 0;bottom: -0.4rem;}
.mapItm-21.onMaped .db{top: 0.2rem;left: -0.2rem;}
.mapItm-22.onMaped .db{top: 0;left: -0.2rem;}
.mapItm-23.onMaped .db{left: -0.25rem;bottom: 0.15rem;}

/**分类**/
.btnFont{position:absolute;overflow:hidden;width:2.3rem;height:0.67rem;background:#F25410;border-radius:0.1rem;color:#fff;font-family:myFirstFont; letter-spacing:0.01rem;text-align: center;font-size:0.44rem;font-weight: bold;}

.fenleiBox a{position:absolute}
.fenleiBox a em{position:absolute;font-size:0.28rem;font-weight:bold;line-height:1;font-family:mySecondFont}
.fenleiBox a:hover,.fenleiBox a:hover em{transform: scale(1.1);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.Brn:hover{-webkit-animation-name: jello;animation-name: jello;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.fenleiBox .wenhuaBtn{top: 6rem;left: -4rem;color:#fff;line-height: 0.67rem;}
.piying{width:3.23rem;height:3.42rem;background:url(../img/py.png) no-repeat;background-size:100%;top:0rem;left:0.5rem;filter:alpha(opacity=0);opacity:0;}
.piying em{top:1.5rem;right:0rem}
.taipinggu{width:4.41rem;height:4.73rem;background:url(../img/taipinggu.png) no-repeat;background-size:100%;top:0.3rem;left:8rem;filter:alpha(opacity=0);opacity:0;}
.taipinggu em{top:3rem;right:0rem}
.zhiying{width:2.2rem;height:3.89rem;background:url(../img/zhiying.png) no-repeat;background-size:100%;top:5rem;left:9rem;filter:alpha(opacity=0);opacity:0;}
.zhiying em{top:0.7rem;right:-0.4rem}
.tangshi{width:1.04rem;height:1.54rem;background:url(../img/tangshi.png) no-repeat;background-size:100%;top:8rem;left:5.5rem;filter:alpha(opacity=0);opacity:0;}
.tangshi em{top:0.7rem;left:-0.7rem}
.qipao{width:3.63rem;height:4.67rem;background:url(../img/qipao.png) no-repeat;background-size:100%;top:6.5rem;left:0rem;filter:alpha(opacity=0);opacity:0;}
.qipao em{top:1.5rem;right:-0.3rem}
.jieqi{width:4.64rem;height:2.85rem;background:url(../img/sejq.png) no-repeat;background-size:100%;top:9.5rem;left:6.5rem;filter:alpha(opacity=0);opacity:0;}
.jieqi em{top:0.2rem;right:-0.3rem}

.shzyjzgBtn.btnFont{width: 4.5rem;} 
.fenleiBox .shzyjzgBtn{top: 0rem;right: 3rem;color:#fff;line-height: 0.67rem;filter:alpha(opacity=0);opacity:0;}
.jzg-img{width:9.4rem;height:2.66rem;background:url(../img/shzyhxjzg.png) no-repeat;background-size:100%;top:3rem;right: 0rem;filter:alpha(opacity=0);opacity:0;}

.dongaohuiBtn.btnFont{width:2.5rem;}
.dongaohuiBox em{position: absolute;}
.fenleiBox .dongaohuiBtn{bottom: 5.5rem;right: 0rem;color:#fff;line-height: 0.67rem;filter:alpha(opacity=0);opacity:0;}
.ddsh{width:3.5rem;height:3.7rem;background:url(../img/duandaosuhua.png) no-repeat;background-size:3.5rem 3.7rem;top:4.4rem;right:5.5rem;filter:alpha(opacity=0);opacity:0;}
.ddsh em{top:1.5rem;left:-0.3rem}
.gshx{width:3.35rem;height:3.38rem;background:url(../img/gaoshanhuaxue.png) no-repeat;background-size:3.35rem 3.38rem;top:7.2rem;right:0rem;filter:alpha(opacity=0);opacity:0;}
.gshx em{top:0rem;right:0.5rem}
.dbhx{width:3.5rem;height:4.03rem;background:url(../img/danbanhuaxue.png) no-repeat;background-size:3.5rem 4.03rem;top:11.2rem;right:0rem;filter:alpha(opacity=0);opacity:0;}
.dbhx em{top:0.7rem;right:2.3rem}
.dongaohuiBox .binghu{width:3.5rem;height:3.04rem;background:url(../img/binghu.png) no-repeat;background-size:3.5rem 3.04rem;top:15.2rem;left:28.5rem;filter:alpha(opacity=0);opacity:0;}
.dongaohuiBox .binghu em{top:0.8rem;left:0.3rem}
.dongaohuiBox .bingqiu{width:3.5rem;height:4.24rem;background:url(../img/bingqiu.png) no-repeat;background-size:3.5rem 4.24rem;top:10.7rem;left:24.5rem;filter:alpha(opacity=0);opacity:0;}
.dongaohuiBox .bingqiu em{top:2rem;right:0.4rem}
.sbdsjsBtn{position:absolute;width:3rem;top: 9.8rem;left: 14rem;color:#fff!important;line-height: 0.67rem;z-index: 10;}

/*跳转*/
.skiptwo{position: absolute;bottom: 1rem;left:0rem;border-radius: 50%;filter:alpha(opacity=0);opacity:0;}
.skiptwo a:hover{transform: scale(1.1);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.skip-jiaonihui{display: block; margin-bottom: 0.2rem;}
.skip-jiaonihui div{
    width: 4.4rem;
    height: 2.2rem;
    background: #C92626;
    border-radius: 5rem 5rem 0 0;
    text-align: center;
    line-height: 2.6rem;
    font-size: 0.5rem;
    font-weight: bold;
    color: white;
}
.skip-huizuopin{display: block;}
.skip-huizuopin div{
    width: 4.4rem;
    height: 2.2rem;
    background: #C92626;
    border-radius: 0 0 5rem 5rem;
    text-align: center;
    line-height: 1.8rem;
    font-size: 0.5rem;
    font-weight: bold;
    color: white;
}
.skip-pos-img1{position: absolute;left:-0.8rem;top:-0.5rem;width: 1.6rem;}
.skip-pos-img2{position: absolute;bottom:0;right:-1rem;width: 1.93rem;}

/*石景山区域地图*/
.shijingshanBx{
    width: 4.5rem;
    height: 4.32rem;
    position: absolute;
    top: 0.1rem;
    left: 22.5rem;
    -webkit-animation: xuanzhuan 3s linear infinite;
    animation: xuanzhuan 3s linear infinite;
    z-index: 10;
}
.hdj {
    position: absolute;
    width: 6.2rem;
    height: 4.5rem;
    background: url(../img/hdj.png) no-repeat;
    background-size: 5.44rem 3.95rem;
    left: -0.6rem;
    top: 0.6rem;
}
.jsCenterBx {
    width: 5.55rem;
    height: 5.33rem;
    background: url(../img/nameBg.png) no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 9;
}
.jsCenterBx h3 {
    font-family: myFirstFont02;
    font-size: 0.56rem;
    color: #552f00;
    text-align: center;
    height: 0.88rem;
    line-height: 0.88rem;
    background: url(../img/province.png) no-repeat center;
    background-size: auto 100%;
    margin-top: 0.45rem;
}
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.jsPic {
    float: left;
    width: 2.36rem;
    height: 2.38rem;
    margin-left: 0.4rem;
}
.fl {
    float: left;
}

.wid235 {
    width: 2.45rem;
    height: 2.2rem;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 0.2rem;
}
.jsCenterBx p {
    font-size: 0.26rem;
    line-height: 0.54rem;
}
.jsCenterBx p.fp1{
    margin-top: 0.1rem;
    margin-left: 0.2rem;
}



/*石景山地图-补充代码*/
.scaleFont{transform: scale(0.8);}
.jiedao a{position: absolute;color: #784111;font-size: 0.2rem;font-weight: bold;z-index: 10;}
.shimenl{top:6.5rem;left:12.5rem}
.xiliuh{top:7.13rem;left:9.88rem;}
.fslgjq{top:7.6rem;left:11.3rem}
.guangningl{top:8.9rem;left:12.5rem}
.yongyinl{top:7.4rem;left:20.1rem}
.fushil{top:9.7rem;left:17.5rem}
.shijingshanl{top:12.1rem;left:24rem}
.lianshil{top:14.5rem;left:17.3rem}
.xiwuhuan{top:16rem;left:20.8rem}
.qrmzf .wx{display:inline-block;width: 0.27rem;height:0.3rem;background: url(../img/star.png) no-repeat;background-size: 100%;}
.qrmzf{font-size: 0.32rem!important;color: #C00000 !important;top:12.75rem;left:22.56rem}