@charset "UTF-8";
body{background-color:#f5f5f5;color:#222}
#app{min-height:100.1vh}
.wrap{width:1200px;margin:0 auto}
.wrap::after{content:"";display:block;clear:both;zoom:1}
.wrap .aside,.wrap .main{background-color:#fff}
.wrap .aside::after,.wrap .main::after{content:"";display:block;clear:both;zoom:1}
.wrap .main{float:left;width:800px;padding:0 20px}
.wrap .aside{float:right;width:300px;padding:5px 20px}
.wrap .aside-r{float:right;padding-left:20px}
.wrap .aside-r .aside{float:none}

#header {
    background-color: #fff;
    padding-bottom: 2px;
    min-width: 1200px;
}
#header .h-top{padding:20px 0}
#header .h-top::after{content:"";display:block;clear:both;zoom:1}
#header .logo{float:left;display:block;margin-top:7px;height:57px}
#header .logo img{display:block;width:100%;max-height:90%;-o-object-fit:cover;object-fit:cover}
#header .topsou_r{float:right;}
#header .topsoubox{width:100%;height:40px;background:url(../images/soubj.jpg) no-repeat}
#header .topsoubox::after{content:"";display:block;clear:both;zoom:1}
#header .topsoubox .input_text{float:left;width:400px;height:40px;color:#888;font-size:15px;line-height:40px;padding:0 12px 0 44px;outline:0;border:none;background:0 0}
#header .topsoubox .soubut{float:right;width:92px;height:40px;color:#fff;font-size:16px;line-height:40px;display:block;border:none;background:0 0;cursor:pointer}
#header .topsou_r .soutag{padding:10px 0 0 5px;height:24px;overflow:hidden;line-height:22px;color:#ff6793}
#header .topsou_r .soutag a{display:inline-block;height:22px;padding:0 5px;border:1px solid #ff6793;background:#fff;margin-right:9px;color:#555}
#header .topsou_r .soutag a:hover{color:#fff;background-color:#ff6793}
#header .nav{background-color:#0af;border-radius:1px;overflow:hidden}
#header .nav li{float:left;display:block;padding-right:1px;background:url(../images/navbj.jpg) no-repeat right center}
#header .nav li:last-child{background:0 0}
#header .nav li a{display:block;padding:0 30px;color:#fff;text-align:center;font-size:18px;line-height:50px}
#header .nav li:hover a{background-color:rgba(0,0,0,.08)}
#header .nav li.current a{background-color:#fff;background-color:#ff6793}

.foot {
    overflow: hidden;
    background-color: #eee;
    margin-top: 30px;
    padding: 20px 0;
    text-align: center;
    min-width: 1200px;
}
.foot .foot-a a{position:relative;display:inline-block;padding:0 10px 0 12px;color:#555;line-height:18px}
.foot .foot-a a::after{content:"·";position:absolute;top:0;right:-4px;width:4px;height:18px;color:#555;line-height:18px}
.foot .foot-a a:hover{color:#0af}
.foot .foot-a a:last-child::after{content:""}
.foot p{margin-top:10px;color:#555;font-size:12px;line-height:15px}
.crumbs{overflow:hidden;padding:12px 0 12px 16px;background:url(../images/icon-bcrumbs.png) no-repeat left center}
.crumbs a,.crumbs span{display:block;float:left;color:#555;font-size:14px;line-height:15px}
.crumbs span{color:#888}
.crumbs a{padding-right:12px;margin-right:6px;background:url(../images/icon-crumbs.png) no-repeat right center}
.crumbs a:last-child{background:none}
.crumbs a:hover{color:#0af}
.page{font-size:0;text-align:center;padding:40px 0 20px 0}
.page .page-cont{display:inline-block;vertical-align:middle}
.page .page-cont::after{content:"";display:block;clear:both;zoom:1}
.page a,.page span{display:block;float:left;margin-left:10px;padding:0 14px;border-radius:4px;background:#fff;color:#555;text-align:center;font-size:14px;line-height:36px}
.page a:first-child{margin-left:0}
.page a:hover{color:#0af}
.page .active span{background-color:#0af;color:#fff}
.page .point{border:none}
.com-title-main{overflow:hidden}
.com-title-main .title{display:block;float:left;margin-right:25px;color:#0af;font-size:24px;line-height:64px}
.com-title-main .more{display:block;float:right;margin-left:20px;margin-top:16px;margin-right:4px;padding-right:22px;background:url(../images/icon-more-main.png) no-repeat right top;color:#888;font-size:14px;line-height:32px}
.com-title-main .more:hover{color:#0af;background-position:right bottom}
.com-title-main .t-links{overflow:hidden;color:#e8e8e8;font-size:14px;line-height:64px}
.com-title-main .t-links a{padding:0 8px}
.com-title-main .t-links a:hover{color:#ff6793}
.com-title-main .t-tabs{overflow:hidden;margin-top:19px;height:26px;color:#555;font-size:14px;line-height:26px}
.com-title-main .t-tabs li{padding:0 12px;float:left;cursor:pointer;margin-left:6px}
.com-title-main .t-tabs li:first-child{margin-left:0}
.com-title-main .t-tabs li:hover{color:#ff6793}
.com-title-main .t-tabs li.cur{color:#fff;background-color:#ff6793;border-radius:13px}
.com-title-aside{overflow:hidden;border-bottom:1px solid #f1f1f1}
.com-title-aside .title{display:block;float:left;margin-right:25px;color:#222;font-size:18px;line-height:50px}
.com-title-aside .more{display:block;float:right;margin-left:20px;margin-top:9px;margin-right:4px;padding-right:22px;background:url(../images/icon-more-main.png) no-repeat right top;color:#888;font-size:14px;line-height:32px}
.com-title-aside .more:hover{color:#0af;background-position:right bottom}
.com-title-aside .t-tabs{overflow:hidden;float:right;margin-top:12px;margin-right:5px;border-radius:2px;background-color:#f1f1f1;color:#555;font-size:13px;line-height:26px}
.com-title-aside .t-tabs li{padding:0 10px;float:left;cursor:pointer}
.com-title-aside .t-tabs li:hover{color:#0af}
.com-title-aside .t-tabs li.cur{color:#0af;color:#fff;background-color:#4dc4ff}
.card1{overflow:hidden}
.card1 .pic{display:block;overflow:hidden;width:80px;height:80px;border-radius:20%;margin:0 auto}
.card1 .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.card1 .pic img:hover{opacity:.8}
.card1 .tit1{overflow:hidden;margin-top:5px;width:100%;height:20px;text-align:center;font-size:14px;line-height:20px}
.card1 .tit2{overflow:hidden;width:100%;height:20px;color:#888;text-align:center;line-height:20px}
.card2{overflow:hidden}
.card2 .pic{display:block;overflow:hidden;position:relative;border-radius:4px;width:300px;height:225px}
.card2 .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.card2 .pic img:hover{opacity:.8}
.card2 .pic .tit1{overflow:hidden;position:absolute;background:rgba(0,0,0,.5);left:0;bottom:0;width:96%;height:35px;padding:0 2%;color:#fff;text-align:center;font-size:14px;line-height:35px}
.card2 .pic:hover .tit1{color:#0af}
.hj-card-box{margin-left:-18.75px;overflow:hidden}
.hj-card-box::after{content:"";display:block;clear:both;zoom:1}
.hj-card-box li{float:left;margin:10px 0 10px 18.75px;width:225px}
.hj-card-box .pic{display:block;overflow:hidden;width:100%;height:168.75px;border-radius:4px}
.hj-card-box .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.hj-card-box .pic img:hover{opacity:.8}
.hj-card-box .tit{overflow:hidden;margin-top:10px;width:100%;height:20px;text-align:center;font-size:14px;line-height:20px}
.aside .sBox{margin-bottom:20px}
.rbox-game-tj .card1{margin-left:-30px;margin-top:15px}
.rbox-game-tj .card1 li{float:left;width:80px;margin-left:30px;margin-bottom:15px}
.aside-zt{margin-left:-10px;overflow:hidden}
.aside-zt::after{content:"";display:block;clear:both;zoom:1}
.aside-zt li{float:left;margin:10px 0 0 10px;width:145px}
.aside-zt li .card3{width:145px}
.aside-zt li .card3 .pic{width:100%;height:108.75px}
.aside-zt li .card3 .tit{height:20px;margin-top:6px}