ol,
ul,
li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  font-size: 12px;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%
}

.tcenter {
  text-align: center;
}

LI {
  font-SIZE: 9pt;
  COLOR: #990000
}

.headtop {
  background-color: #1E2B37;
  height: 70px;
  width: 100%;
  color: #FFFFFF;
  background-image: url(../image/head1.png);
  background-repeat: no-repeat;
  background-position: 0px;
}

.headtop .headtitle {
  font-size: 2em;
  height: 70px;
  line-height: 70px;
  font-weight: bold;
  margin-left: 50px;
  letter-spacing: 2px;
  cursor: pointer;
}

.time,
.time2 {
  height: 70px;
  line-height: 70px;
  margin-right: 2em;
  color: #efefef;
}

.time {
  height: 70px;
  line-height: 70px;
  margin-right: 1em;
  background-image: url(../image/time.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 40px;
  width: 50px;
  text-align: right;
}

.bgblue {
  background-color: #1E2B37;
}

.submit {
  background-color: #088ceb;
  background-image: url(../image/sumbit.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 15px;
  position: relative;
  top: 30%;
}

.submit a {
  color: #FFFFFF;
  font-size: 15px;
  width: 150px;
  height: 40px;
  display: block;
  border-radius: 10px;
}

.submit a:hover {
  color: #FFFFFF;
  font-size: 15px;
  background-color: #fdbd26;
  background-image: url(../image/sumbit.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}



/*左 min-height:770px;*/
.leftbg {
  width: 14%;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  overflow: hidden;
  min-height: 820px;
}

.left1 {
  height: 80px;
  line-height: 80px;
}

.lefttu {
  height: 70px;
  line-height: 70px;
  background-color: #084B86;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  background-image: url(../image/man2.png);
  background-position: 0px center;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: 30%;
}
.kb{
  background-image: url(../image/man1a.png);
}
.dkb{
  background-image: url(../image/man1b.png);
}
.ykb{
  background-image: url(../image/man1c.png);
}

.lefttu1 {
  background-image: url(../image/man7.png);
  background-position: 0px center;
  background-repeat: no-repeat;
}

.lefttu2 {
  background-image: url(../image/man3.png);
  background-position: 0px center;
  background-repeat: no-repeat;
}

.lefttu3 {
  background-image: url(../image/man4.png);
  background-position: 0px center;
  background-repeat: no-repeat;
}

.lefttu4 {
  background-image: url(../image/man5.png);
  background-position: 0px center;
  background-repeat: no-repeat;
}

/*中间 */
.mdi {
  border: 1px solid #CCCCCC;
  background-color: #efefef;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  line-height: 2;
  font-size: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
}

.printtable td {
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #CCCCCC;
  border-right-color: #CCCCCC;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  height: 30px;
  font-size: 12px;
  color: #000000;
}

.printtable {
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
  color: #CCCCCC;
}

.print2 {
  border: 1px solid #CCCCCC;
}

.print3 {
  border: 5px solid #efefef;
}

.print4 {
  height: 10px;
  line-height: 1.5;
}

.graybg {
  background-color: #33353a;
  color: #FFFFFF;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  font-size: 14px;
}

/*灰色背景*/


/*时间轴 */
.online ul {
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.online li {
  color: #000000;
  background-image: url(../image/online.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  float: left;
  height: 47px;
  width: 45px;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 1em;
  font-weight: bold;
  line-height: 2;
}


.timeling ul {
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.timeling li {
  color: #000000;
  float: left;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 15px;
  line-height: 2;
  vertical-align: bottom;
  color: #666666;
  margin-bottom: 15px;
}

.timeon .timeraduic {
  border-radius: 50%;
  background-color: #2D8CF0;
  height: 35px;
  width: 35px;
  color: #FFFFFF;
}

.timeon .timetext {
  float: left;
  margin-left: 5px;
}

.timeon .timeline {
  background-color: #2D8CF0;
  height: 2px;
  width: 45px;
  margin-top: 15px;
}

.timeout .timeraduic {
  border-radius: 50%;
  background-color: #999999;
  height: 35px;
  width: 35px;
  color: #FFFFFF;
}

.timeout .timetext {
  float: left;
  margin-left: 5px;
}

.timeout .timeline {
  background-color: #999999;
  height: 2px;
  width: 45px;
  margin-top: 15px;
}

/*右*/
.rv1 {
  width: 50%;
  background-color: #000000;
  height: 140px;
  margin-bottom: 10px;
}

.rv2 {
  width: 50%;
  background-color: #000000;
  height: 140px;
  margin-bottom: 10px;
}

.rv3 {
  width: 100%;
  background-color: #000000;
  /* height: 200px; */
  height: 455px;
}

/*切换*/
.gr {
  font-size: 15px;
  background-color: #1E2B37;
  height: 39px;
}

.gr .tab {
  overflow: visible;
  height: 14px;
}

.gr .tab li {
  float: left;
  width: 50%;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #CCCCCC;
  background-repeat: repeat-x;
  background-color: #084B86;
  font-size: 14px;
  cursor: pointer;
}

.gr .tab .curr {
  float: left;
  width: 50%;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 400;
  padding-left: 0px;
  background-color: #22313E;
  font-size: 14px;
}

.block {
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.cardhide {
  display: none;
}

.xxhide {
  display: none;
}

/*end切换*/

.main {
  background-color: #22313E;
  min-height: 308px;
  color: #FFFFFF;
  padding-right: 0px;
  padding-left: 20px;
  padding-top: 10px;
}

.ask {
  font-size: 14px;
  line-height: 1.5;
}

.on-line,
.out-line {
  margin-right: 20px;
  margin-left: 20px;
}

.ask::before {
  content: url(../image/manmin.png);
}

.on-line::before {
  content: url(../image/on-line.png);
}

.out-line::before {
  content: url(../image/outline.png);
}

.phone {
  background-color: #088ceb;
  background-image: url(../image/phonewhite.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 15px;
  background-size: 30px;
}

a.phone {
  color: #FFFFFF;
  font-size: 15px;
  width: 150px;
  height: 40px;
  display: block;
  border-radius: 10px;
  margin-right: auto;
  margin-left: auto;
}

a.phone:hover {
  color: #FFFFFF;
  font-size: 15px;
  background-color: #fdbd26;
  background-image: url(../image/phonewhite.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}

/*主页主持人*/
.test {
  width: 100%;
  height: 243px;
  overflow: auto;
  float: left;
  /* margin: 5px; */
  border: none;
}

/*公告*/
.gong {
  width: 100%;
  height: 283px;
  overflow: auto;
  float: left;
  /* margin: 5px; */
  border: none;
}

.gong P {
  text-indent: 25px;
}


.scrollbar {
  width: 30px;
  height: 50px;
  margin: 0 auto;
}

.test-1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.test-1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;

}

.test-1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #EDEDED;

}

/*主持人*/
.biao {
  padding-top: 10px;

  padding-left: 15px;
  line-height: 2;
  font-size: 15px;
  margin: 0px;
}

.zhutitle {
  line-height: 2;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #084B86;
  height: 30px;
  width: 100px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
}

.zhuc {
  width: 100%;
  height: 247px;
  /*  height: 295px;*/
  overflow: auto;
  float: left;
  margin: 5px;
  border: none;
}

.scrollbar {
  width: 50px;
  height: 70px;
  margin: 0 auto;
}

.tbask {
  font-size: 14px;
  line-height: 1.5;
}

.tbask::before {
  content: url(../image/mang.png);
}

.zcask {
  font-size: 14px;
  line-height: 1.5;
}

.zcask::before {
  content: url(../image/manb.png);
}

.send {
  background-color: #088ceb;
  background-image: url(../image/send.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 15px;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-left: auto;
}

.send a {
  color: #FFFFFF;
  font-size: 15px;
  width: 120px;
  height: 40px;
  display: block;
  border-radius: 10px;
}

.send a:hover {
  color: #6699FF;
  font-size: 15px;
  background-color: #fdbd26;
  background-image: url(../image/send2.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  font-weight: bold;
}


.zhubg {
  width: 50%;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  overflow: hidden;
  min-height: 825px;

  color: #000000;

}

.zhutimeling {
  border: 1px solid #CCCCCC;
  background-color: #efefef;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  line-height: 2;
  font-size: 15px;
  margin: 0px;
  height: 30px;
}

.zhutimeling ul {
  margin: 0px;
}

.zhutimeling li {
  color: #000000;
  float: left;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 15px;
  line-height: 2;
  vertical-align: bottom;
  color: #666666;
  margin-bottom: 15px;
}

.timeon .timebutton1 {
  background-color: #4b6ea4;
  width: 100;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  border-radius: 3px;
}

.timeout .timebutton1 {
  background-color: #CCCCCC;
  width: 100;
  color: #666666;
  font-size: 15px;
  font-weight: bold;
  border-radius: 3px;
}

/*底*/
.bottomcss {
  height: 35px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  font-size: 12px;
  margin-top: 12px;
  line-height: 35px;
  text-align: center;
}

.seti {
  background-color: #34495E;
  width: 100px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  text-align: center;
  color: #FFFFFF;
  font-size: 15px;

  margin-top: 10px;
  margin-bottom: 0px;
  font-weight: bold;
  padding: 0px;
  margin-left: 2%;
}

.seti a {
  color: #FFFFFF;
  font-size: 15px;
  width: 120px;
  height: 30px;
  display: block;
  border-radius: 5px;
}

.seti a:hover {
  color: #333333;
  font-size: 15px;
  background-color: #fdbd26;
  font-weight: bold;
}

.adddel {
  background-color: #34495E;
  background-position: center center;
  width: 60px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  text-align: center;
  color: #FFFFFF;
  font-size: 15px;
  margin-right: 1%;
  margin-left: 2%;
  margin-top: 10px;
  margin-bottom: 0px;
  font-weight: bold;
}

.adddel a {
  color: #FFFFFF;
  font-size: 15px;
  width: 60px;
  height: 30px;
  display: block;
  border-radius: 5px;
}

.adddel a:hover {
  color: #333333;
  font-size: 15px;
  background-color: #fdbd26;
  font-weight: bold;
}

select {
  height: 30px;
}

.kuang {
  border: 1px solid #666666;
}

.piao {
  height: 200px;
  color: #000000;
  width: 500px;
  padding-top: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -150px;
  background-color: #FFFFFF;
}

.tiweng {
  border: 1px solid #CCCCCC;
  height: 400px;
}

.cckuang {
  border: 1px solid #CCCCCC;padding:3px; 

}

.blackdiv{
	width:100%;
	min-height:300px;
}
.now {
	background-color: #084BF7;
}
.video-span-div {
	background-color: #C1C1C2;
	height: 33px;
	font-size: 20px;
	line-height: 33px;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
}

.video-span {
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.video-span-div > span:not(:last-child) {
	border-right: 1px solid #3886C8;
}

.video-span-selected {
	background-color: #3886C8;
}