html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead ,input{
margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;color:#000;font-family: 'Microsoft Yahei';font-size: 14px;}
body {line-height: 1;font-family: 'Microsoft Yahei';background-color:#fff;}
ol, ul ,li{list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
input{background: none;border: none;}
img{max-width: 100%;}
.lt,.fl{float: left;}
.rt,.fr{float: right;}
.clearfix:after{content:".";display:block;height:0;font-size:0em;line-height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clear{clear:both}
a:link,a:visited,a:active{text-decoration: none;}
a:active {outline: none;star:expression(this.onFocus=this.blur());}
a:hover{  text-decoration:none;}
.none{display:none;}
.css3guodu { -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.ify{text-align:justify;}
.font48{font-size: 48px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.w50{width:48.5%;}
.p40{padding:40px;}
.comwidth{width: 1200px;margin: 0 auto;}
body,html{max-width:1920px;margin:0 auto;}
/**********************************************************************/
body{background: #f0f0f0;}
.wrap_all{
	 /*height: 100%;
	  max-height: 100%;
	  min-height: 100%;
	  width: 100%;
	  position: fixed;
	  left: 0;
	  top: 0;
	
	  overflow-y: scroll;*/
}

.cover-box{height:386px;overflow:hidden;}
.tp_banner{margin: 0 auto; margin-bottom: 20px;}
.tp_banner img{overflow: hidden; object-fit: cover;}
.tp_head{width: 1200px;height:auto;overflow: hidden;background: #bc1a2c;border-radius:12px;padding-top: 30px;margin: 0 auto;padding-bottom: 30px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0;}
.tp_title{font-size: 3rem; color: #fff; text-align: center; line-height: 44px; overflow: hidden; height: 44px;}
/* 本例子css */
.txtMarquee-top{ width:100%;  overflow:hidden; position:relative;   }
.txtMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
.txtMarquee-top .hd .next{ background-position:0 -140px;  }
.txtMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
.txtMarquee-top .infoList li{ height:24px; line-height:24px;   }
.txtMarquee-top .infoList li .date{ float:right; color:#999;  }
.tp_zl{margin-top: 60px;}
.tp_zl ul li{ float: left; color: #fff; width: 33%; position: relative;}
.tp_zl ul li span{color: #fff; display: block; line-height: 40px; text-align: center;font-size: 2rem;}
.tp_zl ul li:after{ content: "";display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px; height: 4rem;background-color: rgba(255, 255, 255, 0.6); font-weight: normal;}
.tp_zl ul li:first-child:after{display: none;}
.tp_gz img{width: 96%; margin: 0 auto; padding-top: 10px; display: block;}
/* 投票规则 */
.tp_gz{width:1200px;margin:0 auto; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);border-radius: 10px; background: #fff; margin-top: 20px; overflow: hidden; padding: 20px 0;}

.tp_gz p{font-size: 1.8rem; line-height: 46px; background: url(/eportal/fileDir/bjtb/resource/cms/2025/03/img_pc_site/time.png) no-repeat 0 7px; padding-left: 40px; margin:0  20px;}
.tp_gz p.tp_js{background: url(/eportal/fileDir/bjtb/resource/cms/2025/03/img_pc_site/ml.png) no-repeat 0 7px;}
.tp_gz p.tp_gzt{background: url(/eportal/fileDir/bjtb/resource/cms/2025/03/img_pc_site/gth.png) no-repeat 0 7px;}
.tp_pm{width: 1200px; margin: 0 auto; padding-bottom: 100px;}
.tp_pm_title{background: #bc1a2c; margin-top: 40px; border-top-left-radius: 10px;border-top-right-radius: 10px; overflow: hidden; height: auto; padding: 16px 0;}
.tp_pm_title ul li{ float: left; font-size: 2rem; width: 33%; color: #fff; text-align: center;}
.tp_dwdh{
  align-items: center;
  justify-content: space-around;
  width: 100%;background: #fff;/* position:fixed;*/ bottom: 0; left: 0; width: 100%; z-index: 999; height: 180px;border-top: solid 0.02rem #f5f5f5;}

.tp_gz p.jp_img{background:none; margin:0 0;padding-left:0;}
.phb_ul li{ float: left; width: 50%; text-align: center; font-size: 1.6rem; padding: 20px 0;  }
.phb_ul li span{display: block;}
.phb_ul li span.dh_title{font-size: 2rem; line-height: 60px;}
.phb_ul li a{font-size: 1.6rem; display: block;}
.phb_ul .phb_cover .dh_title{color:#bc1a2c ;}
.phb_ul .phb_cover a{color:#bc1a2c ;}
.phb_ul li .dh_icon_active{width: 96px; height: 96px; margin: 0 auto;}
.phb_ul li .dh_icon{width: 72px; height: 72px; margin: 0 auto;}

.phb_ul li .dh_rank_active{ width: 72px; height: 96px; margin: 0 auto;}
.phb_ul li .dh_rank{width: 96px; height: 96px; margin: 0 auto;}
/* 导航切换显示 */
.rank_xia {width: 100%;margin-bottom: 0.4rem;background: #FFFFFF;box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);opacity: 1; /*border-radius: 0.08rem;*/}
.rank_xia li { width: 100%;display: flex;align-items: center;text-align: center;height: auto;border-bottom: 0.02rem solid #d8d8d8;padding: 20px 0;}
.rank_xia_con {width: 100%;height: 100%;display: flex;align-items: center;margin: 0rem auto;padding:0px 0.4rem;box-sizing: border-box;}
.rank_xia li:last-child {margin-bottom: 0.4rem;border-bottom:0px !important;}
.rank_xia_con:after {content: '';display: block; clear: both;}
.rank_xia_img {float: left; margin-left: 3rem;}
.rank_xia_con .rank_xia_img img {width: 163px;height: 164px;border-radius: 50%;vertical-align: middle;object-fit: cover;}
.xia_player_name {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/* flex-grow: 1; */margin-left: 0.2rem;}
.xia_player_name  p{color: #999999;}
.xia_vote {float: right; color: #000000;font-size: 2rem;text-align: right;padding-right: 0.1rem;}
.rank_num {width: 32%;text-align: center;}
 /*排行榜*/    
.rank_xia2 {width: 100%;margin-bottom: 0.4rem;background: #FFFFFF;box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);opacity: 1; /*border-radius: 0.08rem;*/}
   
.rank_xia li .rank_xia_con {padding: 0 .24rem 0 0;}
.rank_xia_con .rank_num {font-size: 2rem;}
.rank_xia img {width: 122px;height: 163px;}
.rank_xia_con .xia_player_name {margin-left: 2rem;width: 17%;color: #333;}
.rank_xia_con .xia_player_name b{font-size: 2rem;}
.rank_xia_con .xia_player_name p {line-height: 40px;}
.rank_xia_con .xia_vote {width: 30%;text-align: center;padding-right: 0;}
.rank_xia_con .xia_vote span{font-size: 2rem;}
.rank_xia_con .ranknum_1{ background: url(/eportal/fileDir/bjtb/resource/cms/2025/03/img_pc_site/top-one.png) no-repeat center center;width:32%;height: 163px; font-size:0; }
.rank_xia_con .ranknum_2{ background: url(/eportal/fileDir/bjtb/resource/cms/2025/03/img_pc_site/top-two.png) no-repeat center center;width:32%;height: 163px; font-size:0; }
.rank_xia_con .ranknum_3{ background: url(/eportal/fileDir/bjtb/resource/cms/2025/03/img_pc_site/top-three.png) no-repeat center center;width:32%;height: 163px; font-size:0; }

/* home */
/* 搜索框 */
.tp_wrap{width: 1200px; margin: 0 auto; overflow: hidden; height: auto; margin-top: 30px; padding-bottom: 100px;}
.tp_search{margin-bottom: 30px;}
.tp_search .sy_form .text_input,.tp_search .sy_form .bianhao{width:30%;border:1px solid #dcdcdc;border-right:none;background:#fff;box-sizing:border-box;padding-left:16px;color:#7c7c7c;height:64px;line-height:64px;font-size:18px;border-radius:5px 0 0 5px;}
.tp_search .sy_form .text_input{border-right:1px solid #dcdcdc; border-radius:5px; margin-right:10px;}

.tp_search .sy_form .btn_input{width:16%;background:#bc1a2d;border:none;height:64px;line-height:64px;font-size:18px;color:#fff;cursor:pointer; border-radius: 0 5px 5px 0;}
.tp_search .sy_form .btn_input img{position:relative;top:3px;padding-left:12px;}
/* 切换 */
.slideTxtBox{ width:100%;  text-align:left;  }
.slideTxtBox .hd{ height:auto; overflow: hidden;width:100%;  }
.slideTxtBox .hd ul{ float:left; height:auto;  width:100%;   }
.slideTxtBox .hd ul li  button{cursor:pointer;border: 1px solid #bc1a2d; border-radius: 6px; line-height: 60px; margin-bottom: 20px; width: 99%; font-size: 2rem; text-align: center; color:#bc1a2d;}
.slideTxtBox .hd ul li button.col{ /* height:60px; */ background:#bc1a2d; color: #fff;}
.slideTxtBox .hd ul li button.col{ /* height:60px; */ background:#bc1a2d; color: #fff;}

.slideTxtBox .bd ul{}
.slideTxtBox .bd li{ float: left; width: 48%;box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);border-radius: 10px; background: #fff; border-radius: 20px; overflow: hidden; margin-bottom: 40px; padding-bottom: 30px;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd li:nth-child(odd){margin-right: 38px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; }
.slideTxtBox .arrow .next{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
/* 投票样式 */
.xuanshou_name{font-size: 2rem; line-height: 50px; margin-top: 20px;}
.player_box .player_list {position: relative; background-color: #FFFFFF;text-align: center;
  transform: scale(1);/*  animation: myfirst 0.5s;*/box-sizing: border-box;}
.player_box{width: 100%;}
.player_box .player_list img {width: 100%;}
.player_box .player_list .xuanshou_vote span {font-size: 1.32rem;margin-right: 0.12rem;}
.player_box .player_list .xuanshou_vote {font-size: 1.24rem;color: #989898;line-height: 40px;}
.player_box .player_list .toupiao_btn a {width: 50%;margin: 1.2rem auto 0;text-align: center;line-height: 60px;color: #fff;box-sizing: border-box;border-radius: 8px;background-size: 100% 100% !important;font-size: 1.6rem;background: #bc1a2d; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5); display:block;}
.player_box .player_list .toupiao_btn_01 a{width: 50%;margin: 1.2rem auto 0;text-align: center;line-height: 60px;color: #bc1a2d;box-sizing: border-box;border: 1px solid #bc1a2d;border-radius: 8px;background-size: 100% 100% !important;font-size: 1.6rem;  display:block;}
.player_box .player_list .xuanshou_num {position: absolute;z-index:98;top: 0px;left: 0;color: #fff;font-size: 2rem;line-height: 5rem;width: 10rem;text-align: center;background: #bc1a2d;}
.player_box .player_list .xuanshou_num .iconH5_shouye_xuanshou_tupian_jiaobiao {position: absolute;top: 0rem;left: -0.1rem;font-size: 1.18rem;line-height: 1.18rem;z-index: -1;}
/* 详情页样式 */
.tp_xilan{width:1140px;box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);border-radius: 10px; background: #fff; padding: 30px; margin-bottom: 40px;}
.djckzp{padding: 40px 0;}
.djckzp a{font-size: 1.8rem; font-weight: bold; color: #bc1a2d;}
/* 生成海报 */
.schb_xx{width: 100%; overflow: hidden;}
.schb_xx ul{width: 100%;}
.schb_xx ul li{width: 99%; /* float: left; */margin-top: 40px;border: 1px solid #bc1a2d;border-radius: 16px;text-align: center; height: 60px; line-height: 60px; margin-right: 10px;}
.schb_xx ul li:nth-child(2n) {margin-right: 0;}
.schb_xx ul li a{ font-size: 1.8rem;color: #bc1a2d; }
.schb_xx ul li .fhan{background: url(/eportal/fileDir/bjtb/resource/cms/2025/03/img_pc_site/fh.png) no-repeat left center; padding-left: 50px;}
.schb_xx ul li .schb_img{background: url(./images/icon-schb.png) no-repeat left center; padding-left: 50px;}
/* 活动结束提示 */
#tabNum0 {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  /*padding:0*2/100rem 0.3rem;*/
  /*box-sizing: border-box;*/ 
display:none;z-index:999;
}

/*活动结束弹窗*/
.end_shade {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.end_con {
  width: 600px;
  height: 300px;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
}
.end_con img {
  width: 120px;
  height: 120px;
  margin: 20px auto;
}
#zhidao {
  width: 180px;
  height: 60px;
  background: #54b2d6;
  border-radius: 6px;
  font-size: 1.4rem;
  color: white;
  line-height: 60px;
  margin: 20px auto;
}
.edn_hdjs{font-size: 1.6rem;}


.hdjs_xx{width:1200px;margin:0 auto; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);border-radius: 10px; background: #fff;  overflow: hidden; padding: 20px 0; text-align:center; font-size:1.8rem;border-top-right-radius: 0px;border-top-left-radius: 0;}






 @media only screen and (min-width:100px) and (max-width: 768px) {
	 .tp_title{font-size: 1.4rem;}
	 .tp_zl ul li span{font-size: 1.4rem;}
	 .tp_zl{margin-top: 20px;}
	 .tp_gz,.tp_pm,.tp_head{width: 94%;}
	 .tp_gz p{font-size: 1.2rem; line-height: 36px;}
	 .tp_pm_title ul li{font-size: 1.6rem;}
	 .rank_num img{width: 40%;height: 40%;}
	  .rank_xia_con .rank_xia_img img{width: 100px;height: 100px;overflow: hidden;object-fit: cover;margin-right: 10px;}

	 .rank_xia_con .rank_num{margin-right: 0; width: 27%; background-size:50%; height:110px;line-height:110px;}
	 .rank_xia_con .xia_player_name b{font-size: 1.4rem;}
	 .rank_xia_con .xia_player_name{margin-left: 0;}
	 .rank_xia_con .xia_player_name p{font-size: 1rem;}
	 .tp_gz p{margin-left: 20px;}
	 .tp_wrap{width: 98%;}
	 .tp_search .sy_form .btn_input{width: 26%;height: 56px; line-height: 56px;}
	 .tp_search .sy_form .text_input,.tp_search .sy_form .bianhao{width: 38%; height: 56px; line-height: 56px;}
.tp_search .sy_form .bianhao{width:30%;}
	 .slideTxtBox .bd li{width: 48%;}
	 .slideTxtBox .bd li:nth-child(odd){margin-right: 0.8rem;}
	 .tp_xilan{width: 95.2%; padding: 10px; padding-bottom:60px;}
	 .rank_xia_con .xia_vote span{font-size: 1.2rem;}
	 .schb_xx ul li{width: 80%; margin:0 auto; margin-top:40px;}
	 .player_box .player_list .xuanshou_num{width: 4rem; font-size: 1.2rem; line-height: 2rem;}
	 .xuanshou_name{font-size: 1.2rem; line-height: 2rem;}
	 .player_box .player_list .toupiao_btn a,.player_box .player_list .toupiao_btn_01 a{ width: 90%; line-height: 50px; font-size: 1.3rem;}
	 .rank_xia_img{margin-left: 0;}
	 .slideTxtBox .hd ul li button{line-height: 50px; font-size: 1.4rem;}
	 .end_con{width: 86%;}
	 .phb_ul li a span{font-size:1.3rem !important ;}
	 .tp_dwdh{height: 104px;}
	 .phb_ul li .dh_icon,.phb_ul li .dh_rank,.phb_ul li .dh_rank_active,.phb_ul li .dh_icon_active{width: 13%; background-size: 100%;height: 46px;}
	 .phb_ul li span.dh_title{line-height: 20px;}
.leftNav .navLi img{width:18%;}

.leftNav{padding-top:10px;}
.hdjs_xx{width: 94%;font-size: 1.3rem;}
.cover-box{height:auto; overflow:hidden;}
.player_box .player_list img{height:100%;height:183px;object-fit:cover;}
.tp_search .sy_form .btn_input img{top:-2px;}

.tp_dwdh{position:fixed;}
.leftNav .navLi a{font-size:1.2rem;}
.tp_wrap{padding-bottom:160px;}
 }
 
 /* 平板竖屏，屏幕宽度在 768px 到 991px 之间 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp_gz,.tp_pm,.tp_head{width: 100%;}	
.slideTxtBox .bd li:nth-child(odd){margin-right: 0.8rem;}
.slideTxtBox .bd li{width: 49%;}
.tp_wrap{width: 99%;}
.tp_xilan{width: 97%; padding: 10px;}
.phb_ul li .dh_icon,.phb_ul li .dh_rank,.phb_ul li .dh_rank_active,.phb_ul li .dh_icon_active{width: 13%; background-size: 100%;height: 76px;}
	 .phb_ul li span.dh_title{line-height: 20px;}
.hdjs_xx{width:100%;}
}

/* 大屏幕设备 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp_gz,.tp_pm,.tp_head{width: 100%;}	
.slideTxtBox .bd li:nth-child(odd){margin-right: 0.8rem;}
.slideTxtBox .bd li{width: 49%;}
.tp_wrap{width: 99%;}
.tp_xilan{width: 97%; padding: 10px;}	
.phb_ul li .dh_icon,.phb_ul li .dh_rank,.phb_ul li .dh_rank_active,.phb_ul li .dh_icon_active{width: 13%; background-size: 100%;height: 88px;}
 .phb_ul li span.dh_title{line-height: 20px;}
.hdjs_xx{width:100%;}
}