@charset "utf-8";
/* CSS Document */

.list_main .list_dqlm .title{font-size:1rem}

.list_main .art_title {
	line-height: 3;
	font-size: 1.8rem;
	color: #1559A3;
	font-weight: bold
}
.clearfix {
	clear: both;
	overflow: hidden
}
.live-text .tag {
	position: absolute;
	right: 0;
	top: 0px;
}
.live-text .tag span {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
 font-size: 1rem;
	color: #FFFFFF;
}
.live-text .tag .live-end {
	background-color: #ABABAB;
}
.live-box {
	background-color: #F3F6F9;
	margin-bottom: 20px;
}
.live-box video {
	width: 54%;
	background-color: black;
}
.live-box span {
	width: 100%;
}
.live-box span {
	font-weight: normal;
}
#FLVPlayer{width:610px;height:340px;display:inline-block}
#FLVPlayer img,
#FLVPlayer video{width:100% !important}
.live-text {
	width: 40%;
	position: relative;
	padding: 30px;
	padding-bottom: 0;
    max-height: 280px;
    overflow-y: auto;
}
.live-text ul li {
	margin-bottom: 20px;
}
.live-text ul li .live-title {
	font-size: 1rem;
	font-weight: 700;
}
.live-text ul li .live-info {
	font-size: 1rem;
}
.live-text ul li p {
	font-size: 1rem;
	line-height: 2rem;
}
.live-left {
	width: 60%;
}
.live-left ol{
	display: flex;
	color: #9FA7AF;
	font-size: 1.1rem;
	border-bottom: 1px solid #EAEAEA;
}
.live-left .title ol li{
	padding: 26px 0;
	font-weight: bold;
	box-sizing: border-box;
	height: 80px;
	cursor: pointer;
	margin-right: 40px;
}
.live-left .title ol li.cur{
	border-bottom: 4px solid #1559A3;
	color: #1559A3;
}
.slider{
	max-height: 934px;
	width: 100%;
	overflow: auto;
}
.slider ul li{
	height: auto;
	padding: 20px 0 0;
	margin-right:40px;
	border-bottom: 1px dashed #EAEAEA;
}
.zz-info {
  	display: flex;
  	justify-content: space-between;
  	font-size: 1rem;
  	font-weight: 500;
}
.slider-text {
  	font-size: 1rem;
  	padding: 20px 0;
  	line-height: 2em;
  	font-weight: 500;
  	color: #333;
}
.zz-info span:first-child{
    font-size: 1rem;
    font-weight: 700;
    padding-left: 32px;
}
.zz-info span:last-child{
    font-size: 1rem;
}
.zcr{
    color: #1559A3;
    background: url(../images/zcr.png) no-repeat left center;
    background-size: 22px;
}
.jb{
    color: #CF1616;
    background: url(../images/jb.png) no-repeat left center;
    background-size: 22px;
}
.message {
  max-height: 934px;
  width: 100%;
  overflow: auto;
}
.message ul {
  border: none;
  margin: 0;
  display: block;
}
.message ul li{
	margin-right:40px
}
.message-title {
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  margin: 23px 0;
}
.message-title span:first-child {
  color: #1559A3;
}
.problem {
  font-size: 1rem;
  line-height:2;
  margin: 10px 0;
  color: #000;
}
.backbox {
  background-color: #F3F6F9;
  padding: 20px;
}
.backbox p {
  font-size: 1rem;
  line-height: 2;
  color: #333;
}
.backbox span {
  background-color: #1559A3;
  color: #FFFFFF;
  padding: 2px 6px;
  font-size: 1rem;
  border-radius: 2px;
  margin-right: 10px;
}
.live-right {
  padding-left: 20px;
  width: 40%;
  box-sizing:border-box
}
.live-right .title{
	line-height:80px;
	background: url(../images/lytw.png) no-repeat left center;
    background-size: auto;
	background-size: 24px;
	font-size: 1.1rem;
	font-weight: bold;
	padding-left: 34px;
}
.live-right ol li{
	float:left;
	width: 140px;
	height: 50px;
	line-height:50px;
	background-color: #F3F6F9;
	border-radius: 4px;
	border: none;
	color: #293239;
	font-size: 1rem;
	margin-right: 10px;
	text-align:center;
	cursor:pointer
}
.live-right ol li.cur{
	background-color: #1559A3;
    color: #FFFFFF;
}
.live-right textarea{
	width: 100%;
height: 248px;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
resize: none;
box-sizing: border-box;
margin-top:30px
}
.input-namebox label {
  font-size: 1rem;
  font-weight: normal;
  color: #8b8b8b;
 /* margin-top: 13px;
  margin-bottom:20px */
}
.wqhg {
  background: url(../images/wqhg.png) no-repeat left center;
    background-size: auto;
  background-size: 24px;
}
.live-more{
	float: right;
    width: 24px;
}
.live-more a {
  color: #1559A3;
  font-weight: normal;
  font-size: 1rem;
  margin-right: 10px;
}
.live-more img {
  width: 24px;
}
.wqhg_list li {
	position:relative;
  padding: 20px 0;
  padding-left:15px;
  box-sizing:border-box;
  clear: both;
  overflow: hidden;
  border-bottom: 1px dashed #dadada;
}
.wqhg_list li a::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #B7B7B7;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top:-3px
}
.input-box{margin-top:20px}
.input-namebox label{
	line-height:2;
	padding:0 10px;
	/*margin:13px 0 10px 0;*/
}
.input-namebox input{
	border: 1px solid #ccc;
	border-radius: 4px;
	/*margin:13px 0 10px 0;*/
	line-height:2;
    font-size:1rem
}
.input-button{
	background-color: #1559A3;
    color: #FFFFFF;
  	width: 80px;
  	height: auto;
  	line-height: 2;
	border:0;
 	border-radius: 4px;
	cursor:pointer;
    font-size:1rem
}

@media (max-width:640px){
	
.live-box video,
.live-text,
.live-left,
.live-right,
#FLVPlayer{width:100%}
.list_main .art_title{line-height:1.5;font-size:1.5rem;margin:1rem 0}
.live-text{padding:10px}
.live-right{padding:0}
.live-left .title ol li{line-height:2;padding:0;height:auto}
.zz-info{min-height:22px; line-height:1}
.slider ul li,
.message ul li{margin:0 15px 0 10px}
.wqhg_list li{padding:10px 0;padding-left:15px}
.live-right .title{line-height:4}


}

