@charset "UTF-8";
.game-card-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-.1rem}
.game-card-box li{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;margin-right:6.6666666667%;margin-top:.2rem}
.game-card-box li:nth-child(4n){margin-right:0}
.game-card-box .game-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.game-card-box .game-card .game-pic{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%;border-radius:25%}
.game-card-box .game-card .game-pic img{position:absolute;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.game-card-box .game-card .game-tit{overflow:hidden;height:.42rem;margin:.1rem .1rem;color:#222;text-align:center;font-size:.28rem;line-height:.42rem}
.game-card-box .game-card .game-tit:active,.game-card-box .game-card .game-tit:hover{color:#f52b27}
.game-card-box .game-card .game-btn{width:1.1rem;border-radius:.1rem;background-color:#f2f2f2;color:#f52b27;text-align:center;font-size:.26rem;line-height:.5rem}
.game-card-box .game-card .game-btn:active,.game-card-box .game-card .game-btn:hover{background-color:#f52b27;color:#fff}
.wxfl-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.wxfl-box.c1{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.08rem 0 .1rem 0}
.wxfl-box.c1 a{-webkit-box-flex:0;-webkit-flex:0 0 15.5%;-ms-flex:0 0 15.5%;flex:0 0 15.5%;width:15.5%;padding:0 .2rem;color:#555;text-align:center;font-size:.28rem;line-height:.58rem;margin:.1rem 1.4% 0 0;background-color:#f5f7fa;border-radius:.1rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.wxfl-box.c1 a.active{background-color:#f52b27;color:#fff}
.wxfl-box.c1 a:nth-child(6n){margin-right:0}
.wxfl-box.c2{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:.24rem 0 .14rem 0}
.wxfl-box.c2 a{padding:0 .18rem;border-radius:.26rem;color:#555;text-align:center;font-size:.28rem;line-height:.52rem}
.wxfl-box.c2 a.active{background-color:#f52b27;color:#fff}
.game-list li{overflow:hidden}
.game-list li:first-child .game-card{border:none}
.game-list .game-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1.4rem;padding:.24rem 0;border-top:.02rem solid #eee}
.game-list .game-card .game-pic{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 1.4rem;-ms-flex:0 0 1.4rem;flex:0 0 1.4rem;height:1.4rem;border-radius:25%;margin-right:.2rem}
.game-list .game-card .game-pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.game-list .game-card .game-cont{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:1.4rem}
.game-list .game-card .game-cont .game-tit{overflow:hidden;height:.42rem;margin-bottom:.04rem;color:#222;font-size:.32rem;line-height:.42rem}
.game-list .game-card .game-cont .game-tit:active,.game-list .game-card .game-cont .game-tit:hover{color:#f52b27}
.game-list .game-card .game-cont .game-desc,.game-list .game-card .game-cont .game-p{overflow:hidden;height:.36rem;color:#555;font-size:.24rem;line-height:.36rem}
.game-list .game-card .game-cont .game-desc{margin-top:.04rem;color:#888;font-size:.24rem;line-height:1.5}
.game-list .game-card .game-cont .game-desc span::after{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;content:"";width:.02rem;height:.2rem;margin:0 .14rem;background-color:#bbb;text-align:center}
.game-list .game-card .game-cont .game-desc span:last-child::after{display:none}
.game-list .game-card .game-btn{min-width:.8rem;max-width:1.2rem;border-radius:.28rem;background-color:rgba(245,43,39,.06);padding:0 .16rem;margin-left:.16rem;color:#f52b27;text-align:center;font-weight:700;font-size:.26rem;line-height:.56rem}
.game-list .game-card .game-btn:active,.game-list .game-card .game-btn:hover{background-color:#f52b27;color:#fff}
.sy-head{background-color:#fff;margin-bottom:.2rem;padding-bottom:.2rem}
.sy-head .sy-head-top{position:relative;overflow:hidden;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.sy-head .sy-head-top .sy-head-bg{position:absolute;z-index:-1;display:block;width:100%;height:100%;-webkit-filter:blur(.32rem);filter:blur(.32rem)}
.sy-head .sy-head-top .sy-head-bg img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.sy-head .sy-head-top.big-bg{height:4rem}
.sy-head .sy-head-top.big-bg .sy-head-bg{-webkit-filter:blur(0);filter:blur(0)}
.sy-head .sy-head-top .sy-head-cont{margin-top:auto;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:.2rem;overflow:hidden;background-color:rgba(0,0,0,.4)}
.sy-head .sy-head-top .sy-head-cont .cover{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:1.2rem;height:1.2rem;overflow:hidden;margin-right:.2rem;border-radius:25%;border:.02rem solid #fff}
.sy-head .sy-head-top .sy-head-cont .cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.sy-head .sy-head-top .sy-head-cont .cont{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
.sy-head .sy-head-top .sy-head-cont .cont h1{color:#fff;font-weight:700;font-size:.36rem;line-height:.4rem}
.sy-head .sy-head-top .sy-head-cont .cont .tips{margin-top:.15rem;color:#00cfa2;font-size:.24rem;line-height:.32rem}
.sy-head .sy-head-top .sy-head-cont .cont .tips span{padding:.04rem .14rem;border-radius:.1rem;background-color:rgba(0,0,0,.4)}
.sy-head .sy-head-func{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.2rem .2rem .1rem .2rem}
.sy-head .sy-head-func .tj-tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#888;font-weight:bolder;font-size:.24rem;line-height:.4rem}
.sy-head .sy-head-func .tj-tags a{padding:0 .08rem;border-radius:.06rem;height:.4rem}
.sy-head .sy-head-func .tj-tags a:nth-child(n+2){margin-left:.15rem}
.sy-head .sy-head-func .tj-tags a.tj{border:.02rem solid #ff6a00;color:#ff6a00}
.sy-head .sy-head-func .tj-tags a.hot{border:.02rem solid #00e5b2;color:#00e5b2}
.sy-head .sy-head-func .jc-box{border:.02rem solid #e4e4e4;border-radius:.4rem;background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#fff));background:-webkit-linear-gradient(top,#f1f1f1,#fff);background:linear-gradient(to bottom,#f1f1f1,#fff);color:#757575;font-size:.26rem;line-height:.5rem}
.sy-head .sy-head-func .jc-box span{padding:0 .2rem}
.sy-head .sy-head-func .jc-box:active,.sy-head .sy-head-func .jc-box:hover{-webkit-box-shadow:0 .08rem .16rem -.04rem rgba(0,0,0,.1);box-shadow:0 .08rem .16rem -.04rem rgba(0,0,0,.1)}
.sy-head .sy-head-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start;padding:0 .2rem;margin-bottom:.2rem}
.sy-head .sy-head-info .info-l{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.sy-head .sy-head-info .info-l .info-desc{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.sy-head .sy-head-info .info-l .info-desc li{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:48%;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#888;font-size:.24rem;line-height:.42rem}
.sy-head .sy-head-info .info-r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:.2rem;border-left:.02rem solid #f8f8f8}
.sy-head .sy-head-info .info-r .star{color:#ff6a00;text-align:right;font-weight:bolder;font-size:.4rem;line-height:.4rem;padding-top:.44rem;background:url(../images/icon-star.png) no-repeat center top;background-size:.4rem;font-family:rate-number-font}
.sy-head .sy-head-btn{margin:0 .2rem;overflow:hidden}
.sy-head .sy-head-btn .btn-container{margin-bottom:.12rem}
.sy-head .sy-head-btn .btn-container.multi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:.1rem;-moz-column-gap:.1rem;column-gap:.1rem}
.sy-head .sy-head-btn .btn-container.multi .btn-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.sy-head .sy-head-btn .btn-ele{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:90%;height:.76rem;line-height:.5rem;margin:0 auto;border-radius:.12rem;font-size:.3rem;color:#888;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}
.sy-head .sy-head-btn .btn-ele span{font-weight:700}
.sy-head .sy-head-btn .btn-ele.no-down{background-color:#eee}
.sy-head .sy-head-btn .btn-ele.android-down{background-color:#00cfa2}
.sy-head .sy-head-btn .btn-ele.android-down span{color:#fff}
.sy-head .sy-head-btn .btn-ele.android-down span.h-icon{padding-left:.44rem;background:url(../images/icon-android.png) no-repeat left center;background-size:.4rem}
.sy-head .sy-head-btn .btn-ele.android-down:active,.sy-head .sy-head-btn .btn-ele.android-down:hover{background-color:#00c096}
.sy-head .sy-head-btn .btn-ele.ios-down{background-color:#2997ff}
.sy-head .sy-head-btn .btn-ele.ios-down span{color:#fff}
.sy-head .sy-head-btn .btn-ele.ios-down span.h-icon{padding-left:.44rem;background:url(../images/icon-apple.png) no-repeat left center;background-size:.4rem}
.sy-head .sy-head-btn .btn-ele.ios-down:active,.sy-head .sy-head-btn .btn-ele.ios-down:hover{background-color:#1a90ff}
.sy-head .sy-head-btn .btn-ele.order-down{background-color:#ff6a00}
.sy-head .sy-head-btn .btn-ele.order-down span{color:#fff}
.sy-head .sy-head-btn .btn-ele.pt-down{border:.02rem solid #2997ff}
.sy-head .sy-head-btn .btn-ele.pt-down span{color:#2997ff}
.sy-head .sy-head-btn .btn-ele.safe-down{background-color:#2997ff}
.sy-head .sy-head-btn .btn-ele.safe-down span{color:#fff}
.sy-head .sy-head-tips{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.16rem}
.sy-head .sy-head-tips span{color:#555;text-align:center;font-size:.24rem;line-height:.5rem}
.sy-head .sy-head-tips.em span{color:#f52b27;padding-left:.38rem;background:url(../images/icon-tips.png) no-repeat left center;background-size:.3rem}
.page-turning{margin:.2rem 0}
.page-turning .page-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.page-turning .page-wrap a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#f4f4f4;margin:.04rem 0;padding:0 .2rem;line-height:.72rem;border-radius:.1rem}
.page-turning .page-wrap a span{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;height:.72rem;color:#555}
.page-turning .page-wrap a i{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;color:#aaa}
.page-turning .page-wrap a:active span,.page-turning .page-wrap a:hover span{text-decoration:underline}
.page-turning .page-wrap2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.page-turning .page-wrap2 a{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:.92rem;margin-left:.4rem}
.page-turning .page-wrap2 a span{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;height:.92rem;color:#555;font-weight:700}
.page-turning .page-wrap2 a i{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;color:#aaa;font-size:.24rem}
.page-turning .page-wrap2 a:first-child{margin-left:0}
.page-turning .page-wrap2 a:active span,.page-turning .page-wrap2 a:hover span{text-decoration:underline}
.game-screenshot{padding:.2rem .2rem}
.game-screenshot.heng .swiper-slide{height:3.2rem}
.game-screenshot.shu .swiper-slide{height:4.8rem}
.game-screenshot .swiper-slide{cursor:pointer;width:auto;margin-right:6px}
.game-screenshot .swiper-slide img{display:block;width:auto;height:100%;border-radius:.2rem}
.introduce-box{position:relative}
.introduce-cont{padding-bottom:.3rem;overflow:hidden}
.introduce-cont>p{display:block;overflow:hidden;margin-top:.3rem;text-indent:2em;color:#222;font-size:.3rem;line-height:1.6}
.introduce-cont>p img{display:block;max-width:92%;margin:0 auto;max-height:10rem}
.introduce-cont>p a{color:#0058ff}
.introduce-cont>p a:active,.introduce-cont>p a:hover{text-decoration:underline}
.introduce-cont a.js-smartPhoto img{display:block;max-width:92%;margin:0 auto;max-height:10rem}
.introduce-cont>h3{position:relative;z-index:10;margin-top:.42rem;padding:.1rem .1rem .1rem .32rem;color:#f52b27;font-weight:700;font-size:.36rem;line-height:.5rem}
.introduce-cont>h3::before{content:"";position:absolute;z-index:-1;display:block;left:.08rem;right:0;top:-.04rem;height:100%;background:#fff8f8;border-radius:.04rem;border-left:.04rem solid #fff;border-bottom:.06rem solid #fff}
.introduce-cont>h3::after{content:"";position:absolute;z-index:-2;display:block;left:.04rem;bottom:-.04rem;width:60%;height:100%;-webkit-transform:skewX(4deg);transform:skewX(4deg);border-radius:0 0 0 .04rem;background:-webkit-gradient(linear,left top,left bottom,from(rgba(245,43,39,0)),to(rgba(245,43,39,.4)));background:-webkit-linear-gradient(top,rgba(245,43,39,0),rgba(245,43,39,.4));background:linear-gradient(to bottom,rgba(245,43,39,0),rgba(245,43,39,.4))}
.introduce-cont table{max-width:100%;margin:0 auto;border-collapse:collapse;line-height:1.4em}
.introduce-cont table thead td{background-color:#5684dc;color:#fff;font-size:.36rem;line-height:1.3}
.introduce-cont table tr{background-color:#f8f8f8}
.introduce-cont table td{padding:.2rem .16rem;border-left:.02rem solid #eee;border-top:.02rem solid #eee;vertical-align:middle;text-align:center;word-break:break-all}
.introduce-cont table td:first-child{border-left:none}
.introduce-cont iframe{display:block;max-width:100%;margin:0 auto .4rem auto}
.introduce-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative}
.introduce-btn::after{display:block;content:"";position:absolute;left:0;right:0;top:-1.2rem;height:1.2rem;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background:-ms-linear-gradient(top,rgba(255,255,255,0),#fff)}
.introduce-btn span{cursor:pointer;padding-right:.24rem;line-height:.66rem;color:#5684dc;position:relative;border:.02rem solid #fff;background-color:#f1f5fb;margin-top:.2rem;padding:0 .7rem 0 .5rem;border-radius:.3rem .3rem 0 0}
.introduce-btn span::after{content:"";display:block;position:absolute;right:.4rem;top:.26rem;width:.14rem;height:.14rem;background:url(../images/icon-updown.png) no-repeat center;background-size:100%}
.introduce-btn.open::after{display:none}
.introduce-btn.open span::after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
.text-box{padding-bottom:.2rem}
.text-box .text-list{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.08rem 0}
.text-box .text-list .pic{-webkit-box-flex:0;-webkit-flex:0 0 .68rem;-ms-flex:0 0 .68rem;flex:0 0 .68rem;height:.68rem;margin-right:.18rem;border-radius:30%;background-color:#faebd7;overflow:hidden}
.text-box .text-list .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.text-box .text-list .title{overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:.5rem;white-space:nowrap;text-overflow:ellipsis;color:#222;text-align:left;font-size:.3rem;line-height:.5rem}
.text-box .text-list .title:hover{color:#f52b27}
.text-box .text-list .btn{-webkit-box-flex:0;-webkit-flex:0 0 1.1rem;-ms-flex:0 0 1.1rem;flex:0 0 1.1rem;height:.52rem;margin-left:.18rem;border-radius:.3rem;background-color:rgba(245,43,39,.06);color:#f52b27;text-align:center;font-size:.26rem;line-height:.52rem}
.text-box .text-list .btn:active,.text-box .text-list .btn:hover{background-color:#f52b27;color:#fff}
.text-box.point .text-list{padding-left:.24rem}
.text-box.point .text-list::after{display:block;content:"";width:.06rem;height:.06rem;position:absolute;left:0;top:.3rem;background-color:#727272;border-radius:.04rem}
.sy-game-list{margin:0 .2rem}
.sy-game-list li{overflow:hidden}
.sy-game-list li:first-child .game-card{border:none}
.sy-game-list .game-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1rem;padding:.24rem 0;border-top:.02rem solid #eee}
.sy-game-list .game-card .game-pic{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 1rem;-ms-flex:0 0 1rem;flex:0 0 1rem;height:1rem;border-radius:25%;margin-right:.2rem}
.sy-game-list .game-card .game-pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.sy-game-list .game-card .game-cont{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:1rem}
.sy-game-list .game-card .game-cont .game-tit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:.42rem}
.sy-game-list .game-card .game-cont .game-tit .txt{color:#222;font-size:.32rem;line-height:.42rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.sy-game-list .game-card .game-cont .game-tit .txt:active,.sy-game-list .game-card .game-cont .game-tit .txt:hover{color:#f52b27}
.sy-game-list .game-card .game-cont .game-tit .score{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:.3rem;color:#00cfa2;font-weight:700;padding-left:.34rem;line-height:.3rem;background:url(../images/icon-star2.png) no-repeat left center;background-size:.3rem;margin-left:.2rem;font-family:rate-number-font}
.sy-game-list .game-card .game-cont .game-desc,.sy-game-list .game-card .game-cont .game-p{overflow:hidden;height:.36rem;color:#555;font-size:.24rem;line-height:.36rem}
.sy-game-list .game-card .game-cont .game-desc{color:#888;font-size:.24rem;line-height:1.5}
.sy-game-list .game-card .game-cont .game-desc span::after{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;content:"";width:.02rem;height:.2rem;margin:0 .14rem;background-color:#bbb;text-align:center}
.sy-game-list .game-card .game-cont .game-desc span:last-child::after{display:none}
.sy-game-list .game-card .game-cont .game-tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:.02rem;color:#888;font-weight:bolder;font-size:.24rem;line-height:.34rem}
.sy-game-list .game-card .game-cont .game-tags span{padding:0 .06rem;border-radius:.06rem;height:.34rem}
.sy-game-list .game-card .game-cont .game-tags span:nth-child(n+2){margin-left:.12rem}
.sy-game-list .game-card .game-cont .game-tags span.tj{border:.02rem solid #00e5b2;color:#00e5b2}
.sy-game-list .game-card .game-cont .game-tags span.hot{border:.02rem solid #ff6a00;color:#ff6a00}
.sy-game-list .game-card .game-btn{min-width:.8rem;max-width:1.2rem;border-radius:.28rem;background-color:rgba(245,43,39,.06);padding:0 .16rem;margin-left:.16rem;color:#f52b27;text-align:center;font-weight:700;font-size:.26rem;line-height:.56rem}
.sy-game-list .game-card .game-btn:active,.sy-game-list .game-card .game-btn:hover{background-color:#f52b27;color:#fff}
.add-links{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:.2rem;height:.4rem}
.add-links a{display:block;float:left;line-height:.44rem;color:#fff;height:.4rem;padding-left:.09rem;background:url(../images/icon-arr-bg.png) no-repeat left center;background-size:.09rem auto}
.add-links a span{display:block;padding:0 .1rem;background-color:#00e5b2;border-radius:.08rem}
.like-heji .like-sum{padding:0 .2rem}
.like-heji .like-sum .title{color:#222;font-weight:700;font-size:.38rem;line-height:1.3em}
.like-heji .like-sum>p{overflow:hidden;margin-top:.1rem;color:#555;font-size:.28rem;line-height:1.5em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.like-heji .like-sum .info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:.04rem;color:#888;font-weight:400;font-size:.24rem;line-height:.46rem}
.like-heji .like-sum .info span em{color:#ff6a00;font-weight:700;margin:0 .04rem}
.like-heji .like-sum .info a{font-weight:700;padding-right:.34rem;background-image:url(../images/icon-right-arrow.png);background-repeat:no-repeat;background-position:right center;background-size:.3rem}
.like-heji .like-sum .info a:active,.like-heji .like-sum .info a:hover{color:#00cfa2;background-image:url(../images/icon-right-arrow2.png)}
.like-heji .like-games{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 .2rem;padding-bottom:.3rem}
.like-heji .like-games li{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 19%;-ms-flex:0 0 19%;flex:0 0 19%;margin-right:8%;margin-top:.12rem}
.like-heji .like-games li:nth-child(4n){margin-right:0}
.like-heji .like-games li .like-games-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.like-heji .like-games li .like-games-card span{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%;border-radius:25%}
.like-heji .like-games li .like-games-card span img{position:absolute;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.like-heji .like-games li .like-games-card p{overflow:hidden;height:.42rem;margin:.1rem 0;color:#222;text-align:center;font-size:.28rem;line-height:.42rem}
.like-heji .like-games li .like-games-card p:active,.like-heji .like-games li .like-games-card p:hover{color:#f52b27}
.js-likeSwiper .swiper-container .swiper-pagination{bottom:0}
.js-likeSwiper .swiper-container .my-bullet{font-size:0;vertical-align:middle;display:inline-block;background-color:#c7bab1;width:.2rem;height:.1rem;border-radius:.2rem;opacity:.8;margin:0 .06rem}
.js-likeSwiper .swiper-container .my-bullet-active{background-color:#ff6a00;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:1}
.sy-rank-list{display:none;margin:0 .2rem}
.sy-rank-list:first-child{display:block}
.sy-rank-list li{overflow:hidden}
.sy-rank-list li:first-child .game-card{border:none}
.sy-rank-list .rank-game-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1.2rem;padding:.24rem 0;border-top:.02rem solid #eee}
.sy-rank-list .rank-game-card .game-pic{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 1.2rem;-ms-flex:0 0 1.2rem;flex:0 0 1.2rem;height:1.2rem;border-radius:25%;margin-right:.2rem}
.sy-rank-list .rank-game-card .game-pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.sy-rank-list .rank-game-card .game-cont{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:1.2rem}
.sy-rank-list .rank-game-card .game-cont .game-tit{color:#222;font-size:.32rem;line-height:.42rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.sy-rank-list .rank-game-card .game-cont .game-tit:active,.sy-rank-list .rank-game-card .game-cont .game-tit:hover{color:#f52b27}
.sy-rank-list .rank-game-card .game-cont .game-desc,.sy-rank-list .rank-game-card .game-cont .game-p{overflow:hidden;height:.36rem;color:#555;font-size:.24rem;line-height:.36rem}
.sy-rank-list .rank-game-card .game-cont .game-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.sy-rank-list .rank-game-card .game-cont .game-info .score{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:.3rem;color:#00cfa2;font-weight:700;padding-left:.32rem;line-height:.3rem;background:url(../images/icon-star2.png) no-repeat left center;background-size:.26rem;margin-right:.2rem;font-family:rate-number-font}
.sy-rank-list .rank-game-card .game-cont .game-info .game-desc{color:#888;font-size:.24rem;line-height:1.5}
.sy-rank-list .rank-game-card .game-cont .game-info .game-desc span::after{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;content:"";width:.02rem;height:.2rem;margin:0 .14rem;background-color:#bbb;text-align:center}
.sy-rank-list .rank-game-card .game-cont .game-info .game-desc span:last-child::after{display:none}
.sy-rank-list .rank-game-card .game-btn{width:.54rem;height:.54rem;border-radius:50%;background:url(../images/icon-arrow.png) no-repeat center;background-size:.3rem;border:.02rem solid #fba3a1;margin-left:.16rem;color:#f52b27;text-align:center;font-weight:700;font-size:.26rem;line-height:.56rem}
.sy-rank-list .rank-game-card .game-btn:active,.sy-rank-list .rank-game-card .game-btn:hover{border-color:#f52b27;background-color:#fef4f4}
.firm-head{padding:.2rem;background-color:#fff;margin-bottom:.2rem}
.firm-head .firm-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:.1rem 0 .2rem 0}
.firm-head .firm-info .cover{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:.2rem;border-radius:25%;-webkit-box-shadow:0 0 .2rem rgba(102,102,102,.1);box-shadow:0 0 .2rem rgba(102,102,102,.1);width:1.5rem;height:1.5rem}
.firm-head .firm-info .cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.firm-head .firm-info .cont{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.firm-head .firm-info .cont h1{overflow:hidden;margin-bottom:.1rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#222;font-weight:700;font-size:.4rem;line-height:.5rem}
.firm-head .firm-info .cont p{color:#555;font-size:.26rem;line-height:.4rem}
.firm-head .firm-info .cont p a{color:#222}
.firm-head .firm-info .cont p a:active,.firm-head .firm-info .cont p a:hover{color:#00cfa2}
.firm-head .firm-p{color:#555;font-size:.26rem;line-height:.4rem}
.firm-head .firm-desc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:.14rem}
.firm-head .firm-desc span{color:#888;font-size:.24rem;line-height:.4rem}
.firm-head .firm-desc span.time{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:.4rem;background:url(../images/icon-clock.png) no-repeat left center;background-size:.32rem}
.firm-tit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 .2rem;border-bottom:.02rem solid #eee}
.firm-tit h3{position:relative;color:#222;font-size:.34rem;line-height:.96rem}
.firm-tit h3::after{content:"";display:block;position:absolute;left:20%;right:20%;bottom:0;height:.06rem;border-radius:.06rem;background-color:#f52b27}
.firm-tit .tit-tips{margin-left:.1rem;color:#888;font-size:.26rem;line-height:.96rem}
.firm-tit .tit-tips em{font-weight:700;color:#f52b27;margin:0 .04rem}
.firm-game-list-a{margin:0 .2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.firm-game-list-a li{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 48.6%;-ms-flex:0 0 48.6%;flex:0 0 48.6%;margin-top:.2rem}
.firm-game-list-a li .cover-big{display:block;width:100%;height:0;padding-bottom:66.6666%;position:relative;overflow:hidden;border-radius:.24rem}
.firm-game-list-a li .cover-big img{position:absolute;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.firm-game-list-a li .cover-big img:active,.firm-game-list-a li .cover-big img:hover{opacity:.9}
.firm-game-list-a li .game-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1rem;margin:.2rem 0 .24rem 0}
.firm-game-list-a li .game-card .game-pic{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 1rem;-ms-flex:0 0 1rem;flex:0 0 1rem;height:1rem;border-radius:25%;margin-right:.12rem}
.firm-game-list-a li .game-card .game-pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.firm-game-list-a li .game-card .game-cont{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:1rem}
.firm-game-list-a li .game-card .game-cont .game-title{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:.42rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#222;font-size:.32rem;line-height:.42rem}
.firm-game-list-a li .game-card .game-cont .game-title:active,.firm-game-list-a li .game-card .game-cont .game-title:hover{color:#f52b27}
.firm-game-list-a li .game-card .game-cont .infos{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:.4rem}
.firm-game-list-a li .game-card .game-cont .infos .score{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:.34rem;background:url(../images/icon-star.png) no-repeat left center;background-size:.3rem;font-family:rate-number-font;color:#ff6a00;font-weight:700;font-size:.3rem;line-height:.3rem}
.firm-game-list-a li .game-card .game-cont .infos .desc{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#888;font-size:.24rem;line-height:.3rem}
.firm-game-list-a li .game-card .game-cont .infos .desc span{position:relative;padding-left:.1rem}
.firm-game-list-a li .game-card .game-cont .infos .desc span::after{position:absolute;left:-.08rem;top:.15rem;display:block;content:"";width:.04rem;height:.04rem;margin:0 .06rem;background-color:#bbb;text-align:center}
.firm-game-list-a li .game-card .game-cont .infos .desc span:first-child::after{display:none}
.firm-game-list-b{margin:0 .2rem}
.firm-game-list-b li{overflow:hidden}
.firm-game-list-b .game-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1.24rem;padding:.24rem 0;border-top:.02rem dashed #eee}
.firm-game-list-b .game-card .game-pic{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 1.24rem;-ms-flex:0 0 1.24rem;flex:0 0 1.24rem;height:1.24rem;border-radius:25%;margin-right:.2rem}
.firm-game-list-b .game-card .game-pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.firm-game-list-b .game-card .game-cont{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:1.24rem}
.firm-game-list-b .game-card .game-cont .game-tit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:.42rem}
.firm-game-list-b .game-card .game-cont .game-tit .txt{color:#222;font-size:.32rem;line-height:.42rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.firm-game-list-b .game-card .game-cont .game-tit .txt:active,.firm-game-list-b .game-card .game-cont .game-tit .txt:hover{color:#f52b27}
.firm-game-list-b .game-card .game-cont .game-tit .score{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:.3rem;color:#ff6a00;font-weight:700;padding-left:.34rem;line-height:.3rem;background:url(../images/icon-star.png) no-repeat left center;background-size:.3rem;margin-left:.2rem;font-family:rate-number-font}
.firm-game-list-b .game-card .game-cont .game-desc,.firm-game-list-b .game-card .game-cont .game-p{overflow:hidden;height:.36rem;color:#555;font-size:.24rem;line-height:.36rem}
.firm-game-list-b .game-card .game-cont .game-desc{color:#888;font-size:.24rem;line-height:1.5}
.firm-game-list-b .game-card .game-cont .game-desc span::after{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;content:"";width:.02rem;height:.2rem;margin:0 .14rem;background-color:#bbb;text-align:center}
.firm-game-list-b .game-card .game-cont .game-desc span:last-child::after{display:none}
.firm-game-list-b .game-card .game-cont .game-tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:.02rem;color:#888;font-weight:bolder;font-size:.24rem;line-height:.3rem}
.firm-game-list-b .game-card .game-cont .game-tags span{padding:0 .06rem;border-radius:.06rem;height:.3rem}
.firm-game-list-b .game-card .game-cont .game-tags span:nth-child(n+2){margin-left:.12rem}
.firm-game-list-b .game-card .game-cont .game-tags span.tj{border:.02rem solid #00e5b2;color:#00e5b2}
.firm-game-list-b .game-card .game-cont .game-tags span.hot{border:.02rem solid #ff6a00;color:#ff6a00}
.firm-game-list-b .game-card .game-btn{min-width:.8rem;max-width:1.2rem;border-radius:.28rem;background-color:rgba(245,43,39,.06);padding:0 .16rem;margin-left:.16rem;color:#f52b27;text-align:center;font-weight:700;font-size:.26rem;line-height:.56rem}
.firm-game-list-b .game-card .game-btn:active,.firm-game-list-b .game-card .game-btn:hover{background-color:#f52b27;color:#fff}
.dialog{display:none;position:fixed;z-index:500;left:0;right:0;top:0;bottom:0}
.dialog .dialog_wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;background-color:rgba(0,0,0,.6)}
.dialog .dialog_wrap .dialog_card{margin:auto;width:6.8rem;padding:.24rem .24rem .32rem .24rem;background-color:#fff;border-radius:.16rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.dialog_head{overflow:hidden;padding-bottom:.2rem;margin-bottom:.2rem;border-bottom:.02rem solid #eee}
.dialog_head .dialog-close{display:block;float:right;width:.64rem;height:.64rem;background:url(../images/icon-dialog-close.svg) no-repeat center;background-size:.48rem}
.dialog_head .dialog-close:active,.dialog_head .dialog-close:hover{background-color:#f5f5f5}
.dialog_head .title{vertical-align:middle;color:#222;text-align:center;font-weight:bolder;font-size:.44rem;line-height:.6rem}
.dialog_head .title.t-left{text-align:left}
.dialog_body .form-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:.32rem;position:relative}
.dialog_body .form-item.hide{display:none}
.dialog_body .form-item .f-name{color:#555;font-size:.28rem;line-height:1.5;margin-bottom:.08rem}
.dialog_body .form-item .f-cont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.dialog_body .form-item .f-cont>input,.dialog_body .form-item .f-cont>textarea{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:.16rem;border:.02rem solid #d8d8d8;border-radius:.08rem;color:#222;font-size:.28rem;line-height:.36rem}
.dialog_body .form-item .f-cont>input::-webkit-input-placeholder,.dialog_body .form-item .f-cont>textarea::-webkit-input-placeholder{color:#888;font-size:.24rem;line-height:.36rem}
.dialog_body .form-item .f-cont>input::-moz-placeholder,.dialog_body .form-item .f-cont>textarea::-moz-placeholder{color:#888;font-size:.24rem;line-height:.36rem}
.dialog_body .form-item .f-cont>input:-ms-input-placeholder,.dialog_body .form-item .f-cont>textarea:-ms-input-placeholder{color:#888;font-size:.24rem;line-height:.36rem}
.dialog_body .form-item .f-cont>input::-ms-input-placeholder,.dialog_body .form-item .f-cont>textarea::-ms-input-placeholder{color:#888;font-size:.24rem;line-height:.36rem}
.dialog_body .form-item .f-cont>input::placeholder,.dialog_body .form-item .f-cont>textarea::placeholder{color:#888;font-size:.24rem;line-height:.36rem}
.dialog_body .form-item .f-cont.f-check-box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.32rem;margin-top:-.16rem}
.dialog_body .form-item .f-cont.f-check-box>label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:.16rem 0 0 .32rem;color:#555;font-size:.24rem;line-height:1.5}
.dialog_body .form-item .f-cont.f-check-box>label input{display:none}
.dialog_body .form-item .f-cont.f-check-box>label i{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:.36rem;height:.36rem;margin-right:.08rem;border:.02rem solid #d8d8d8;border-radius:.08rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.dialog_body .form-item .f-cont.f-check-box>label input:checked+i{background:url(../images/icon-dialog-right.svg) no-repeat center;background-size:100%;border-color:#f52b27}
.dialog_body .form-item .f-cont.f-check-box>label input[type=checkbox]{display:none}
.dialog_body .form-item .error-msg{position:absolute;right:.08rem;top:.08rem;color:#ff514e;font-size:.24rem;line-height:1.5}
.dialog_body .form-btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.dialog_body .form-btns .btn-item{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;width:60%;padding:.16rem 0;color:#fff;text-align:center;font-size:.28rem;line-height:1.4;border-radius:.08rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.dialog_body .form-btns .btn-item:nth-child(n+2){margin-left:.16rem}
.dialog_body .form-btns .btn-item.b-appoint{background-color:#fc6c13;border:.02rem solid #fc6c13}
.dialog_body .form-btns .btn-item.b-appoint:active,.dialog_body .form-btns .btn-item.b-appoint:hover{background-color:#fc7522}
.dialog_body .form-btns .btn-item.b-submit{background-color:#f52b27;border:.02rem solid #f52b27}
.dialog_body .form-btns .btn-item.b-submit:active,.dialog_body .form-btns .btn-item.b-submit:hover{background-color:#f63936}
.dialog_body .form-btns .btn-item.b-cancel{background-color:transparent;border:.02rem solid #ddd;color:#555}
.dialog_body .form-btns .btn-item.b-cancel:active,.dialog_body .form-btns .btn-item.b-cancel:hover{border-color:#f52b27;color:#f52b27}
.appoint-tips{margin-top:.32rem;color:#555;text-align:center;font-size:.22rem;line-height:1.5}
.dialog-result{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%}
.dialog-result span{margin:auto;max-width:60%;background-color:#f52b27;padding:.16rem .32rem;border-radius:.12rem;-webkit-box-shadow:0 .2rem .4rem -.1rem rgba(245,43,39,.2);box-shadow:0 .2rem .4rem -.1rem rgba(245,43,39,.2);color:#fff;text-align:center;font-weight:bolder;font-size:.32rem;line-height:1.5}
.ovfHiden{overflow-y:hidden;height:100vh}
.sy-wrap{padding-left:.2rem;padding-right:.2rem;overflow:hidden}
.pb20{padding-bottom:.2rem}
.maodian-box{position:relative;height:.84rem}
.maodian-box .maodian{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-bottom:.04rem solid #f0f2f5}
.maodian-box .maodian li{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;cursor:pointer}
.maodian-box .maodian li span{display:block;padding:0 .15rem;color:#888;text-align:center;font-weight:bolder;font-size:.3rem;line-height:.84rem}
.maodian-box .maodian li:active,.maodian-box .maodian li:hover{background-color:#f5f5f5}
.maodian-box .maodian li:active span,.maodian-box .maodian li:hover span{color:#f52b27}
.maodian-box .maodian li.on span{color:#f52b27}
.maodian-box .maodian li.on::after{content:"";display:block;position:absolute;bottom:-.04rem;left:.25rem;right:.25rem;height:.08rem;background-color:#f52b27}
.maodian-box .maodian.atFixed{position:fixed;z-index:20;top:1.1rem;left:50%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:15.36rem;background-color:#fff;border:none;-webkit-box-shadow:0 .06rem .1rem rgba(0,0,0,.1);box-shadow:0 .06rem .1rem rgba(0,0,0,.1)}
@media screen and (min-width:769px){.maodian-box .maodian.atFixed{width:768px}}
.pinfen-card{margin:0 .2rem .2rem .2rem;padding:.2rem;background-color:#fff;border:.02rem solid #f7f9fa;-webkit-box-shadow:0 .1rem .2rem -.06rem rgba(150,150,150,.2);box-shadow:0 .1rem .2rem -.06rem rgba(150,150,150,.2);border-radius:.2rem}
.pinfen-card .tips{display:block;margin-bottom:.2rem;color:#aaa;text-align:center;font-size:.22rem;line-height:.4rem}
.pinfen-card .func{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.pinfen-card .func .func-score{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-right:.02rem solid #f5f5f5}
.pinfen-card .func .func-score .f-number{font-size:.4rem;font-weight:700;font-family:rate-number-font;line-height:1.6em;color:#ff6e00}
.pinfen-card .func .func-score .f-star{position:relative;width:2.1rem;height:.4rem;overflow:hidden;background:url(../images/icon-stars.png) no-repeat left top;background-size:2.1rem auto}
.pinfen-card .func .func-score .f-star i{position:absolute;top:0;left:0;display:block;width:2.1rem;height:.4rem;background-image:url(../images/icon-stars.png);background-repeat:no-repeat;background-size:2.1rem auto}
.pinfen-card .func .func-score .f-star i.star-on{background-position:0 bottom;z-index:3}
.pinfen-card .func .func-score .f-txt{line-height:2em;margin-top:.1rem;font-size:.26rem;font-weight:700;color:#555}
.pinfen-card .func .func-action{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.pinfen-card .func .func-action>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:.6rem;margin-left:-.24rem}
.pinfen-card .func .func-action>div .ico{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:.56rem;height:.56rem;cursor:pointer;margin-right:.1rem;border-radius:50%}
.pinfen-card .func .func-action>div .line{-webkit-box-flex:0;-webkit-flex:0 0 1.7rem;-ms-flex:0 0 1.7rem;flex:0 0 1.7rem;height:.24rem;cursor:pointer}
.pinfen-card .func .func-action>div .line .line-on{position:relative;display:block;width:50%;height:.24rem;font-size:.2rem;border-radius:.04rem}
.pinfen-card .func .func-action>div .line .line-on em{display:block;position:absolute;right:0;-webkit-transform:translateX(114%);transform:translateX(114%);letter-spacing:-.006rem;font-weight:700;color:gray}
.pinfen-card .func .func-action>div.zan .ico{background:url(../images/icon-zan-l.png) #f52b27 no-repeat center;background-size:.32rem}
.pinfen-card .func .func-action>div.zan .ico:active,.pinfen-card .func .func-action>div.zan .ico:hover{background-color:#f4130f;background-size:.36rem}
.pinfen-card .func .func-action>div.zan .line-on{background-color:#f52b27}
.pinfen-card .func .func-action>div.cai .ico{background:url(../images/icon-cai-r.png) #d3d0d0 no-repeat center;background-size:.32rem}
.pinfen-card .func .func-action>div.cai .ico:active,.pinfen-card .func .func-action>div.cai .ico:hover{background-color:#c7c3c3;background-size:.36rem}
.pinfen-card .func .func-action>div.cai .line-on{background-color:#d3d0d0}
.web-comment{padding:0 .2rem .3rem .2rem}
.web-comment ul li{margin-top:.24rem}
.web-comment ul li:first-child{margin-top:0}
.web-comment .user-info{overflow:hidden;font-weight:400;font-size:.28rem;line-height:.68rem}
.web-comment .user-info span{display:block;float:left}
.web-comment .user-info .user-cover{width:.4rem;height:.4rem;border-radius:50%;overflow:hidden;margin-right:.2rem;margin-top:.14rem}
.web-comment .user-info .user-cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.web-comment .user-info .user-name{color:#999;margin-right:.08rem}
.web-comment .user-info .user-lv,.web-comment .user-info .user-tag{font-size:.24rem;color:#fff;line-height:.3rem;padding:0 .08rem;margin-left:.04rem;margin-top:.19rem;border-radius:.04rem;-webkit-transform:scale(.86);transform:scale(.86)}
.web-comment .user-info .user-lv{background-color:#ffb6b4}
.web-comment .user-info .user-tag{background-color:#a8ceff}
.web-comment .comment-info{margin-left:.6rem}
.web-comment .comment-info p{color:#555;font-weight:400;font-size:.3rem;line-height:1.5}
.web-comment .comment-info .comment-interaction{margin-top:.16rem;color:#bbb;font-weight:400;font-size:.24rem;line-height:1.5}
.web-comment .comment-info .comment-interaction span{margin-left:.08rem}
.web-comment .comment-info .comment-interaction span:first-child{margin-left:0}
.input-area{padding:0 .2rem .2rem .2rem}
.input-area .longText{border:.02rem dashed #eee;background-color:#f7f9fa;margin:0 auto;width:100%;padding:.12rem .2rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.1rem;font-size:.28rem;color:#222}
.input-area .longText::-webkit-input-placeholder{color:#888;font-size:.28rem}
.input-area .longText::-moz-placeholder{color:#888;font-size:.28rem}
.input-area .longText:-ms-input-placeholder{color:#888;font-size:.28rem}
.input-area .longText::-ms-input-placeholder{color:#888;font-size:.28rem}
.input-area .longText::placeholder{color:#888;font-size:.28rem}
.input-area .txt{display:block;margin-top:.1rem;color:#aaa;text-align:center;font-size:.22rem;line-height:.4rem}
.input-area .submit-btn{display:block;width:3rem;margin:.2rem auto 0 auto;color:#fff;text-align:center;font-size:.28rem;line-height:.64rem;border-radius:.1rem;background-color:#f52b27}
.video-area{text-align:center;padding-bottom:.2rem}
.video-area .video-js{max-width:100%}
.video-area iframe{display:block;max-width:7rem;margin:0 auto}
.information-box{padding:0 .2rem .2rem .2rem}
.information-box li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;line-height:.4rem;padding:.16rem 0;border-top:.02rem solid #f5f5f5;font-size:.26rem}
.information-box li:first-child{border:none}
.information-box li>em{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;color:#888;margin-right:.2rem}
.information-box li .infor-r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;overflow:hidden;word-break:break-all}
.information-box li .infor-r span{color:#222}
.information-box li .infor-r span.btn-toPop{color:#00cfa2;font-weight:700}
.information-box li .infor-r a{color:#5684dc;cursor:pointer;margin-left:.12rem}
.information-box li .infor-r a:active,.information-box li .infor-r a:hover{color:#497bd9;text-decoration:underline}
.information-box li .infor-r a.btn-link{font-weight:700}
.information-box li .permission-box{position:fixed;z-index:80;top:0;left:0;display:none;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh}
.information-box li .permission-box .permission-bg{position:absolute;z-index:99;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6)}
.information-box li .permission-box .permission-card{position:absolute;z-index:100;background-color:#fff;width:75%;border-radius:.06rem;padding:.2rem .3rem .3rem .3rem;line-height:1.5em;font-size:.26rem}
.information-box li .permission-box .permission-card .permission-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:.96rem}
.information-box li .permission-box .permission-card .permission-head .permission-name{font-size:.4rem;font-weight:700}
.information-box li .permission-box .permission-card .permission-head .permission-close{width:.6rem;height:.6rem;background-image:url(../images/icon-permission-close.png);background-repeat:no-repeat;background-position:center;background-size:.34rem .34rem;cursor:pointer}
.information-box li .permission-box .permission-card .permission-content{max-height:8.4rem;overflow-y:scroll}
.information-box li .permission-box .permission-card .permission-content .permission-title{font-weight:700;color:#555;margin-top:.14rem;margin-bottom:.04rem}
.information-box li .permission-box .permission-card .permission-content .permission-desc{color:#888;padding-left:.2rem}
.directory-btn{position:fixed;z-index:10;right:.2rem;bottom:1.6rem;cursor:pointer}
.directory-btn span{display:block;background-color:#00cfa2;border-radius:50%;width:.8rem;height:.8rem;color:#fff;text-align:center;font-weight:700;font-size:.26rem;line-height:.8rem;-webkit-box-shadow:0 .1rem .2rem rgba(0,207,162,.5);box-shadow:0 .1rem .2rem rgba(0,207,162,.5)}
.directory-pop{display:none;position:fixed;z-index:110;top:0;bottom:0;left:50%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:15.36rem}
.directory-pop .directory-bg{position:absolute;width:100%;height:100%;cursor:pointer;background-color:rgba(0,0,0,.6)}
.directory-pop .directory-box{display:none;overflow:hidden;position:absolute;bottom:0;left:0;right:0;background-color:#fff;border:.02rem solid #eee;border-radius:.3rem .3rem 0 0;-webkit-box-shadow:0 -.12rem .2rem rgba(0,0,0,.2);box-shadow:0 -.12rem .2rem rgba(0,0,0,.2)}
.directory-pop .directory-box .title{background-color:#f1f1f1;color:#555;text-align:center;font-weight:700;font-size:.32rem;line-height:.9rem}
.directory-pop .directory-box .close{color:#555;text-align:center;font-weight:700;font-size:.3rem;line-height:.9rem;cursor:pointer;border-top:.02rem solid #f1f1f1}
.directory-pop .directory-box .directory-list{overflow-y:scroll;max-height:8.18rem;padding:0 .2rem}
.directory-pop .directory-box .directory-list li{border-top:.02rem solid #f1f1f1;cursor:pointer;color:#555;font-size:.3rem;line-height:.8rem}
.directory-pop .directory-box .directory-list li:first-child{border:none}
.directory-pop .directory-box .directory-list li em{margin-left:.2rem;margin-right:.1rem;font-size:.28rem;color:#888}
.directory-pop .directory-box .directory-list li:active,.directory-pop .directory-box .directory-list li:hover{background-color:#f5f5f5;color:#f52b27}
.directory-pop .directory-box .directory-list li:active em,.directory-pop .directory-box .directory-list li:hover em{color:#f52b27}
.directory-pop .directory-box .directory-list li.on em{color:#f52b27}
.directory-pop .directory-box .directory-list li.on span{color:#f52b27;font-weight:700}
.special-note{margin:0 .2rem .2rem .2rem;padding:.16rem .24rem;border:.02rem solid rgba(245,43,39,.2);background-color:rgba(245,43,39,.04);border-radius:.08rem}
.special-note .note-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.special-note .note-list p{font-size:.28rem;line-height:.48rem;color:#f52b27}