@charset "gb2312";
/* CSS Document */
/*
* Description: 二建直播话题征集活动专题
* Update:      09/01/2023
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #ef5b23;color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1160px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
img{display:block;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.btn{width: 200px;height: 46px;line-height: 46px;font-size: 22px;color: #171717;text-align: center;letter-spacing: 1px;background-color:#fed30b;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;box-shadow:0 3px 6px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 6px rgba(0,0,0,0.2);-ms-box-shadow:0 3px 6px rgba(0,0,0,0.2);-o-box-shadow:0 3px 6px rgba(0,0,0,0.2);}
.btn:hover{opacity: 0.9;}

/* banner */
.banner{width:100%;height:635px;background: url(../images/banner.jpg) center top no-repeat;overflow: hidden;}
.banner p{height: 48px;line-height: 48px;font-size: 28px;color: #171717;text-align: center;margin-top: 55px;}

.ban_a{margin-top: 414px;padding-left: 252px;}
.ban_a a{float: left;margin-right: 12px;}


/*活动规则说明*/
.rule_wrap{width:100%;height:500px;background: url(../images/rule_bg.jpg) center top no-repeat;overflow: hidden;}

.rule_wrap img{margin: 135px 0 0 205px;}

.title{overflow: hidden;}
.title img{margin: 0 auto;}
/*直播话题征集区*/
.zji_wrap{width:100%;height:752px;background: url(../images/zji_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 142px;}

.lyan_con{width: 728px;height: 297px;background-color: #f5f5f5;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;margin: 32px auto 0;overflow: hidden;}
.lyan_m{width: 668px;height: 247px;margin: 25px auto 0;overflow: hidden;}
.lyan_m textarea {display:block;width: 668px;height: 247px;line-height: 30px;border: 0;font-size: 18px;color: #333;letter-spacing:1px;background-color: transparent;outline: none;resize: none;font-family: "微软雅黑";}
.lyan_m textarea::-webkit-input-placeholder{color: #b9b9b9;}

.lyan_pbtn{display: block;width: 351px;height: 54px;line-height: 54px;font-size: 22px;color: #fff;text-align: center;font-weight:bold;letter-spacing: 2px;background: url(../images/lyan_pbtn.png) no-repeat;margin: 15px auto 0;}
.lyan_pbtn:hover{opacity: 0.9;}

.tj_a{display: block;margin: 22px auto;}

.zhu_p{overflow: hidden;}
.zhu_p em,.zhu_p span{float: left;line-height: 28px;font-size: 14px;color: #666;letter-spacing: 1px;}
.zhu_p em{width: 45px;margin-left: 410px;}
.zhu_p span{width: 500px;}

/*弹窗*/
.gray{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);position: absolute;top: 0;left: 0;z-index: 111;display: none;}
.pop_wrap{width: 406px;height: 314px;background:url(../images/pop_bg.png) no-repeat;z-index: 111;display: none;overflow: hidden;position: fixed;top: 50%;left: 50%;margin: -192px 0 0 -203px;}

.pop_wrap a{display: block;width: 144px;height: 34px;line-height:34px;font-size: 16px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-ms-box-shadow:0 2px 4px rgba(0,0,0,0.2);-o-box-shadow:0 2px 4px rgba(0,0,0,0.2);margin: 250px auto 0;}

/*话题热度榜*/
.hot_wrap{width:100%;height:780px;background: url(../images/hot_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 162px;}

.hot_wrap .zhu_p{margin-top: 10px;}

.hot_con{overflow: hidden;}
.hot_cl{float: left;width:420px;height:317px;overflow-y:auto;margin: 42px 0 0 207px;}
.hot_cl::-webkit-scrollbar {width:6px;}
/*滚动条里面小方块样式*/
.hot_cl::-webkit-scrollbar-thumb {background:#5dccfd;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
/*滚动条里面轨道样式*/
.hot_cl::-webkit-scrollbar-track {background:#c9e0eb;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}

.hot_ul{width:400px;overflow: hidden;}
.hot_ul li{margin-top: 14px;overflow:hidden;position: relative;}
.b2{width: 56px;height: 36px;background: url(../images/b2.png) no-repeat;position: absolute;top: 0;left: 0;}
.que_m{width: 355px;border: 1px solid #000;margin: 3px 0 0 36px;padding: 10px 15px 10px 25px;overflow: hidden;}
.que_m h5{line-height: 20px;font-size: 16px;color: #282828;}
.que_cb{height:28px;margin-top: 9px;overflow: hidden;}
.que_cb p,.que_cb a{float: left;height: 24px;line-height: 24px;font-size: 14px;overflow: hidden;}
.que_cb p{width: 125px;color: #ff750d;}
.que_cb p i{display: inline-block;vertical-align: middle;width: 13px;height: 11px;background: url(../images/icon1.png) no-repeat;margin: -3px 3px 0 0;}
.que_cb a{color:#171717;text-align:center;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;box-shadow:0 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);-ms-box-shadow:0 1px 2px rgba(0,0,0,0.2);-o-box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.que_btn1{width:78px;background-color: #fed30b;margin-right: 7px;}
.que_btn2{width:102px;background-color: #5dccfd;}
.que_cb a:hover{opacity: 0.9;}
.que_btn2.cur{color:#fff;background-color: #ff750d;}

.hot_cr{float: left;width: 306px;height: 400px;background: url(../images/video_r.png) no-repeat;margin-left: 20px;}
.hot_cr h5{width: 239px;height: 23px;margin: 50px auto 0;}
.video_m{width: 232px;height: 132px;background-color: #000;margin:17px auto 0;position: relative;}
.b1{width: 262px;height: 165px;background: url(../images/b1.png) no-repeat;position: absolute;top: -9px;left: -13px;}
#video{width: 232px;height: 132px;}

.hot_rbin{display: none;}
.hot_rbc{margin-top: 15px;overflow: hidden;padding-left: 63px;}
.hot_rb em{float: left;width: 66px;height: 66px;margin-left: 17px;}
.hot_rbp{height: 38px;line-height: 38px;font-size: 18px;color: #201f20;text-align: center;margin-top: 5px;}

/*学习福利区*/
.tao_wrap{width:100%;height:auto;background: url(../images/tao_bg.jpg) center top repeat-y;position: relative;}
.b3{width: 1160px;height: 300px;background: url(../images/b3.png) no-repeat;position: absolute;top: -113px;left: 50%;margin-left: -580px;z-index: 9;}
.tao_wrap .autoin{overflow: hidden;padding-bottom: 105px;}

.tao_con{width: 803px;height: auto;background-color: #fff;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;-ms-border-radius: 35px;-o-border-radius: 35px;box-shadow:5px 5px 7px rgba(0,0,0,0.3);-webkit-box-shadow:5px 5px 7px rgba(0,0,0,0.3);-moz-box-shadow:5px 5px 7px rgba(0,0,0,0.3);-ms-box-shadow:5px 5px 7px rgba(0,0,0,0.3);-o-box-shadow:5px 5px 7pxrgba(0,0,0,0.3);margin: 18px 0 0 182px;overflow: hidden;padding: 140px 0 40px;}

.tao_mc{height: 385px;overflow: hidden;}
.tao_ul{overflow: hidden;padding: 28px 0 0 28px;}
.tao_ul li{float:left;width: 245px;height:175px;background: url(../images/tao_li.png) no-repeat;padding:1px 6px 7px 2px;margin: 0 2px 3px;overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.tao_ul li.cur{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);}
.tao_ul li a{display: block;width: 237px;height:167px;overflow: hidden;}
.tao_t{height: 96px;overflow: hidden;}
.tao_t h4{width:100%;height: 26px;text-align:center;}
.tao_t h4 span{display: table;height: 26px;line-height: 26px;font-size: 16px;font-weight:bold;color:#fff;background-color: #f3201d;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;padding: 0 20px;margin: 0 auto;overflow: hidden;}
.tao_t h5{height: 30px;line-height: 30px;font-size: 18px;color: #333;font-weight:bold;text-align: center;overflow: hidden;margin-top: 6px;}
.tao_t p{height: 26px;line-height: 26px;font-size: 14px;color: #666;text-align: center;overflow: hidden;}

.tao_b{height: 54px;margin-top:17px;overflow: hidden;}
.tao_b p,.tao_b s{float: left;overflow: hidden;}
.tao_b p{width:122px;height: 40px;line-height: 40px;font-size: 18px;color: #f3201d;font-weight: bold;margin-left: 15px;}
.tao_b p i{display: inline-block;vertical-align: middle;font-size: 28px;font-family: "Impact";font-weight:normal;margin-top: -10px;}
.tao_b s{width:95px;height: 34px;line-height: 34px;font-size: 14px;color: #999;margin-top: 5px;text-decoration: none;}
.tao_b s i{letter-spacing: -2px;margin-left: -2px;}

.control_btn{width: 160px;height: 34px;margin: 10px auto 0;overflow: hidden;}
.control_btn a{display: block;width: 160px;height:34px;line-height: 34px;font-size: 16px;color: #171717;text-align: center;font-weight:bold;letter-spacing:1px;border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;-ms-border-radius: 17px;-o-border-radius: 17px;background-color: #fed30b;}

.control_btn a i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin: -3px 0 0 5px;}
.arr1{background: url(../images/arr1.png) no-repeat;}
.arr2{background: url(../images/arr2.png) no-repeat;}
.control_a2,.control_btn.cur .control_a1{display: none;}
.control_a1,.control_btn.cur .control_a2{display: block;}

/*右侧导航*/
.side_r{width: 139px;height: 300px;position: fixed;top:50%;right:5px;margin-top:-160px;z-index: 10;display: none;}
.side_rin{width: 139px;height: 300px;background: url(../images/side_r.png) no-repeat;position: relative;overflow: hidden;}

.side_rul{height:114px;overflow: hidden;margin-top: 86px;}
.side_rul li,.side_rin a{width:127px;height: 32px;line-height:32px;font-size:14px;color:#fff;text-align:center;overflow: hidden;}
.side_rul li{margin:0 auto 6px;cursor: pointer;}
.side_rul li.cur,.side_rin a:hover{background-color: #ff708c;}
.side_rin a{display: block;margin:0 auto 8px;}

.back_icon{display: block;height: 40px;line-height:40px;font-size:14px;color:#7c4425;text-align:center;cursor: pointer;}