/* 閫氱敤澶撮儴寮€濮嬬殑鍦版柟 */

.login_bar_nav {
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #eeeeee;
  background: #fafafa;
}

.login_bar_nav ul {
  height: 35px;
  display: flex;
  align-items: center;
  width: 260px;
  justify-content: space-between;
}

.content {
  width: 1200px;
  margin: 0 auto;
}

.header_box {
  width: 1200px;
  border-bottom: 1px solid orange;
}

.top_banner {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.banner_1 {
  width: 980px;
  height: 55px;
}

.banner_2 {
  width: 210px;
  height: 55px;
}

.logo_box {
  width: 1200px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  height: 100px;
  width: 250px;
}

.mianbaoxue {
  height: 34px;
  line-height: 34px;
  flex: 1;
}

.search_box {
  position: relative;
}

.search {
  width: 270px;
  height: 40px;
}

.search_icon {
  display: block;
  width: 16px;
  height: 16px;
  background: url('../img/search_hb.png') center center no-repeat;
  position: absolute;
  right: 15px;
  top: 13px;
  background-size: 130%;
}

/* 閫氱敤澶撮儴缁撴潫鐨勫湴鏂� */

.video_box {
  width: 100%;
  height: 735px;
  background: #2d2d2d;
}

.video_tv_box {
  margin: 0 auto;
  width: 1200px;
  height: 620px;
  background: #000000;
  display: flex;
  justify-content: space-between;
}

.video_tv_brief {
  margin: 0 auto;
  width: 1200px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 115px;
}

.video_banner {
  height: 115px;
  width: 375px;
  background: yellowgreen;
}

/* 鎺ㄨ崘 */

.xiangguan_tuijian {
  width: 1200px;
  margin: 0 auto;
}

.xiangguan_tuijian h5 {
  height: 110px;
  line-height: 110px;
  font-size: 26px;
}

.tuijian_items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tuijian_item {
  height: 185px;
}

.tuijian_item:nth-child(-n + 5) {
  margin-bottom: 10px;
}

.tuijian_item img {
  width: 230px;
  height: 150px;
  display: block;
}

.comment_top {
  width: 1200px;
  margin: 0 auto;
  display: none;
  justify-content: space-between;
  margin-top: 35px;
}

.comment {
  width: 810px;
}

.comment > h5 {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}

.comment > h5 span {
  font-size: 12px;
  margin-left: 15px;
}

.comment_box {
  margin-bottom: 25px;
}

.textarea textarea {
  resize: none;
  width: 788px;
  height: 85px;
  border: 1px solid #eeeeee;
  padding: 10px;
}

.user_message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}

.user_message img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: yellowgreen;
}

.user_message button {
  width: 85px;
  height: 36px;
  line-height: 36px;
  color: #ffffff;
  background: orange;
  text-align: center;
  border-radius: 18px;
}

.comment_lists {
  width: 810px;
}

.comment_item {
  height: 105px;
  width: 810px;
  display: flex;
  flex-direction: row;
  padding-top: 25px;
  border-top: 1px solid #eeeeee;
}

.comment_item img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: yellowgreen;
}

.comment_item div {
  margin-left: 20px;
}

.comment_item p {
  margin-bottom: 10px;
}

.comment_item i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: pink;
  margin-right: 5px;
}

.comment_item .i_2 {
  margin-left: 20px;
}

.top {
  width: 325px;
}

.top > h5 {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}

.top > h5 span {
  font-size: 12px;
  margin-left: 230px;
}

.top_items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.top_items div:first-child {
  width: 160px;
  height: 90px;
  position: relative;
}

.top_items div:first-child img {
  display: block;
  width: 160px;
  height: 90px;
}

.top_items div:first-child i {
  width: 26px;
  height: 26px;

  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}

.top_items div:last-child {
  width: 150px;
  height: 90px;
}

.top_items div:last-child .play_nums {
  margin-top: 25px;
}

.top_items div:last-child .play_nums i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('../img/play_hd.png') center center no-repeat;
  margin-right: 5px;
  background-size: 100%;
}
.top_items:nth-child(2) .top_i {
  background: url('../img/12x.png') center center no-repeat;
  background-size: 100%;
}
.top_items:nth-child(3) .top_i {
  background: url('../img/22x.png') center center no-repeat;
  background-size: 100%;
}
.top_items:nth-child(4) .top_i {
  background: url('../img/32x.png') center center no-repeat;
  background-size: 100%;
}
.top_items:nth-child(5) .top_i {
  background: url('../img/42x.png') center center no-repeat;
  background-size: 100%;
}
.top_items:nth-child(6) .top_i {
  background: url('../img/52x.png') center center no-repeat;
  background-size: 100%;
}
/* 閫氱敤搴曢儴 */

#index_footer {
  width: 100%;
  /* background: #333333; */
  clear: both;
  /* margin-top: 20px; */
  float: left;
  padding-bottom: 30px;
  border-top: 1px solid #eeeeee;
}

.index_footer_bar {
  height: 45px;
  /* background: #000000; */
}

.index_footer_01 {
  width: 980px;
  margin: 0 auto;
  line-height: 45px;
  color: #fff;
  font-size: 20px;
}

.index_footer_01 span {
  float: right;
  font-size: 12px;
}

.index_footer_01 span a {
  color: #ff9900;
}

.index_footer_03 {
  width: 980px;
  margin: 0 auto;
  color: #cccccc;
  clear: both;
  /* border-top: 1px dotted #666; */
  padding-top: 20px;
}

.index_footer_03 p {
  text-align: center;
  line-height: 28px;
  color: #aeaeae;
}

.index_footer_03 p a {
  color: #aeaeae;
  margin: 0 5px;
}
.comment {
  background: #fff;

  font-size: 14px;
  margin-top: 30px;
}

.comment .cmt-header {
  margin-bottom: 25px;
}

.comment .cmt-header h2 {
  font-size: 24px;
  color: #222;
  font-weight: 400;
}

.comment .cmt-header p {
  font-size: 14px;
  color: #999;
  line-height: 38px;
  margin-left: 10px;
}

.comment .avatar {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 50%;
}

.comment .textarea {
  width: 493px;
  height: 50px;
  padding: 20px;
  color: #666;
  background: #f8f8f8;
  border: none;
  line-height: 18px;
  resize: none;
  outline: none;
  font-size: 14px;
  overflow: auto;
}

.v_middle_l .textarea,
.g_middle_l .textarea {
  width: 540px;
}

.v_middle_l .login_first,
.g_middle_l .login_first {
  width: 580px;
}

.login_first {
  width: 533px;
  text-align: center;
  height: 90px;
  font-size: 14px;
  color: #666;
  background: #f8f8f8;
}

.login_first span {
  color: #9f9f9f;
  margin-top: 40px;
  display: inline-block;
}

.cmt-content {
  position: relative;
}

.comment .submit {
  float: left;
  height: 90px;
  width: 90px;
  line-height: 90px;
  text-align: center;
  color: white;
  font-size: 16px;
  cursor: pointer;
  background: url('./img/lg_bg.png') no-repeat;
}

/* 评论列表标题 */
.cmtlist-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-top: 40px;
}

.allcmt {
  font-size: 18px;
  color: #222;
}

.numcmt {
  font-size: 14px;
  color: #eb891b;
  margin-left: 14px;
}

/* end 评论列表标题 */
/* 评论列表 */
.comment-item-main {
  margin: 30px 0 0 68px;
}

.comment-item-content {
  margin-top: 10px;
  color: #666;
  font-size: 16px;
  border-bottom: 1px solid #eee;
  padding: 0 0 30px 0;
}

.comment-item-pubdate {
  float: right;
  font-size: 14px;
  margin-left: 13px;
  color: #999;
}

.comment-item-author {
  font-size: 14px;
  color: #999;
}

#cmtload {
  color: #999;
  font-size: 14px;
  cursor: pointer;
  padding: 46px 0;
  text-align: center;
  margin: 0 auto;
  display: block;
}

/* end 评论列表 */
/* 提示信息 */
.cmt-info {
  position: absolute;
  background: black;
  background: rgba(0, 0, 0, 0.9);
  padding: 5px 10px;
  line-height: 20px;
  width: 200px;
  top: 0;
  left: 50%;
  margin-left: -110px;
  color: white;
  font-size: 12px;
  border-radius: 0 0 5px 5px;
  display: none;
}

.cmt-content .error {
  text-align: center;
  background: rgb(248, 148, 6);
}

.cmt-content .success {
  text-align: center;
  background: #eb891b;
}

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

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

.tuijian_ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
/* end 提示信息 */

.jw-icon-barlogo-new,
.jw-rightclick,
.jw-icon-playrate {
  display: none !important;
}
.jw-skin-bce .jw-controlbar {
  width: 100%;
}
.i_play {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../img/play.png) center center no-repeat;
  background-size: 130%;
  margin-right: 10px;
}

.tuijian_ul {
  width: 360px;
  margin-top: 30px;
}

.tuijian_ul li {
  margin-bottom: 13px;
}

.tuijian_ul li a {

}

button {
  width: 100px;
  height: 40px;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 20px;
  color: #999;
  font-size: 18px;
  line-height: 40px;
  border: 1px solid #eee;
}