/* 重置样式 */
html,body{
  margin: 0;
  padding: 0;
}
*{
  box-sizing: border-box;
}
/* 一些可能用到的原子类 */
.fl{
  float: left;
}
.fr{
  float: right;
}
.db{
  display: block;
}
.dn{
  display: none !important;
}
.mr3875{
  margin-right: 38.75px;
}
.mb20{
  margin-bottom: 20px;
}
.mr15{
  margin-right: 15px;
}
.line-feed{
  white-space: pre-line;
}
/* 伪元素写法是::, 伪类的是:, 这里伪元素使用:是为了兼容ie8 */
.cb:after{
  display: block;
  content: '';
  clear: both;
}
.aTag,.aTag:hover,.aTag:focus{
  color: inherit;
  outline: none;
  text-decoration: none;
}
/* 最外层容器 */
#root{
  width: 100%;
  position: relative;
}
/* 公共顶部样式 */
#root .common-header{
  position: relative;
  min-width: 1200px;
}
#root .common-header .common-header-bg{
  display: block;
  width: 100%;
  height: auto;
}
#root .common-header .common-header-rest{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#root .common-header .common-header-head{
  background-color: rgba(10, 70, 196, 0.48);
}
#root .common-header .common-header-head .common-header-head-inner{
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ACC2F3;
}
#root .common-header .common-header-head .common-header-header-title{
  line-height: 54px;
  color: #ACC2F3;
}
#root .common-header .common-header-head .common-header-header-date{
  float: right;
  height: 54px;
  line-height: 54px;
}
#root .common-header .common-header-body{
  width: 1200px;
  margin: 0 auto;
  padding: 46px 0 51px;
}
#root .common-header .common-header-body .common-header-body-title{
  width: 618px;
  height: 138px;
  background-image: url(../img/main-title.png);
  background-repeat: no-repeat;
}
#root .common-header .common-header-foot{
  background: linear-gradient(90deg, #1952D7, #033DA1, #033DA1, #1952D7);
}
#root .common-header .common-header-foot .nav-bar{
  width: 1200px;
  margin: 0 auto;
}
#root .common-header .common-header-foot .nav-bar a{
  float: left;
  display: block;
  height: 70px;
  padding: 0 40px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 70px;
}
.cur-nav{
  background: #032F79;
}
.nav-bar-space{
  margin-right: 64.8px;
}
/* 主要内容区域 */
#root .main-content-container{
  position: absolute;
  top: 400px;
  width: 100%;
  min-width: 1200px;
}
#root .main-content-container .main-content-container-inner{
  width: 1200px;
  margin: 0 auto;
}
/* 首页 */
/* 总览内容部分 */
#root .overview-container{
  width: 1200px;
  height: 445px;
  margin: 0 auto;
  padding: 31px 23px 50px;
  background: #fff;
}
/* 轮播图 */
#root .overview-container .carousel-container{
  float: left;
  width: 645px;
  height: 100%;
}
#root .overview-container .info-container{
  float: right;
  width: 473px;
  height: 100%;
}
#root .overview-container .carousel-container .carousel,
#root .overview-container .carousel-container .carousel
.carousel-inner,
#root .overview-container .carousel-container .carousel
.carousel-inner .item,
#root .overview-container .carousel-container .carousel
.carousel-inner .item img
{
  height: 100%;
}
#root .overview-container .carousel-container .carousel
.carousel-inner .item .carousel-caption-container
{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 75px;
  padding: 29px 15px 28px 16px;
  background: rgba(56, 64, 82, .95);
}
#root .overview-container .carousel-container .carousel
.carousel-inner .item .carousel-caption-container .caption
{
  height: 18px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FCFFF6;
  line-height: 18px;
}
#root .overview-container .carousel-container .carousel
.star-anchor-carousel-indicator-container
{
  bottom: 28px;
  right: 15px;
  width: auto;
  margin: 0;
  padding: 0;
  left: auto;
  display: inline-block;
}
#root .overview-container .carousel-container .carousel
.star-anchor-carousel-indicator-container li
{
  width: 9px;
  height: 9px;
  margin: 0;
  border: none;
  visibility: hidden;
}
#root .overview-container .carousel-container .carousel
.star-anchor-carousel-indicator-container li .myCarousel-indicator-circle
{
  width: 9px;
  height: 9px;
  border: 1px solid transparent;
  border-radius: 50%;
  visibility: visible;
}
#root .overview-container .carousel-container .carousel
.star-anchor-carousel-indicator-container li .myCarousel-indicator-circle
.myCarousel-indicator-dot
{
  width: 3px;
  height: 3px;
  margin: 2.2px auto;
  border-radius: 100%;
  background: #fff;
}
#root .overview-container .carousel-container .carousel
.star-anchor-carousel-indicator-container li.active{
  width: 9px;
  height: 9px;
}
#root .overview-container .carousel-container .carousel
.star-anchor-carousel-indicator-container li.active .myCarousel-indicator-circle
{
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  border-radius: 50%;
}
/* 最新资讯 */
#root .main-content-container .overview-container .info-container
.info-header{
  width: 100%;
  padding: 0 15px;
}
#root .main-content-container .overview-container .info-container
.info-header .info-content{
  height: 30px;
  padding-bottom: 8px;
  font-family: Microsoft YaHei;
  color: #272727;
}
#root .main-content-container .overview-container .info-container
.info-header .info-content .info-title{
  float: left;
  font-size: 22px;
  line-height: 22px;
}
#root .main-content-container .overview-container .info-container
.info-header .info-content .info-title .title_light{
  font-weight: normal;
}
#root .main-content-container .overview-container .info-container
.info-header .info-content .info-title .title_dark{
  font-weight: bold;
}
#root .main-content-container .overview-container .info-container
.info-header .info-content .info-more{
  float: right;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #272727;
}
#root .main-content-container .overview-container .info-container
.info-header .info-bar{
  height: 2px;
}
#root .main-content-container .overview-container .info-container
.info-header .info-bar .bar_dark{
  float: left;
  width: 21px;
  height: 2px;
  background: #4594FF;
}
#root .main-content-container .overview-container .info-container
.info-header .info-bar .bar_light{
  float: left;
  width: 19px;
  height: 2px;
  background: #C8D5EF;
}
#root .main-content-container .overview-container .info-container
.info-body{
  padding: 10px 0;
}
#root .main-content-container .overview-container .info-container
.info-body .info-item{
  display: block;
  height: 108px;
  padding: 30px 20px;
  font-family: Microsoft YaHei;
}
#root .main-content-container .overview-container .info-container
.info-body .info-item:hover{
  box-shadow: 0 0 21px 0 rgba(39, 58, 101, .2);
}
#root .main-content-container .overview-container .info-container
.info-body .info-item .item-left{
  float: left;
  padding-top: 4px;
}
#root .main-content-container .overview-container .info-container
.info-body .info-item .item-left .item-left-day{
  height: 30px;
  padding-bottom: 8px;
  font-size: 22px;
  font-weight: 600;
  color: #0C6DF1;
  line-height: 22px;
}
#root .main-content-container .overview-container .info-container
.info-body .info-item .item-left .item-left-yearMonth{
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #949FBB;
  line-height: 14px;
}
#root .main-content-container .overview-container .info-container
.info-body .info-item .item-right{
  float: right;
  width: 363px;
  height: 48px;
  font-size: 18px;
  font-weight: 600;
  color: #0F0F0F;
  line-height: 24px;
  overflow: hidden;
}
/* 搜索部分 */
#root .main-content-container .search-container{
  height: 340px;
  background-image: url(../img/ss-bg.jpg);
}
#root .main-content-container .search-container_inner{
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px;
  padding-left: 102px;
  padding-right: 144px;
}
#root .main-content-container .search-container_inner .search-bar-container{
  height: 80px;
}
#root .main-content-container .search-container_inner .search-bar-container
.search-input-container{
  float: left;
  width: 870px;
  height: 100%;
  border: 1px solid #225FF4;
  border-right: none;
}
#root .main-content-container .search-container_inner .search-bar-container
.search-input-container .search-bar-input{
  display: block;
  width: 100%;
  height: 100%;
  padding: 31px 15px;
  border: none;
  outline: none;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 16px;
}
#root .main-content-container .search-container_inner .search-bar-container
.search-input-container .search-bar-input::-webkit-input-placeholder{
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #A7A7A7;
  line-height: 16px;
}
#root .main-content-container .search-container_inner .search-bar-container
.search-bar-btn{
  float: left;
  width: 84px;
  height: 100%;
  background: #225FF4;
  position: relative;
  cursor: pointer;
}
#root .main-content-container .search-container_inner .search-bar-container
.search-bar-btn .search-bar-icon{
  width: 25px;
  height: 25px;
  background-image: url(../img/ss-icon.png);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12.5px;
  margin-left: -12.5px;
}
#root .main-content-container .search-container_inner .search-condition-container{
  padding: 46px 5px 0;
}
#root .main-content-container .search-container_inner .search-condition-container
.common-search-title {
  float: left;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  font-family: Microsoft YaHei;
  font-weight: 600;
  color: #121212;
}
#root .main-content-container .search-container_inner .search-condition-container
.district-container_index{
  position: relative;
  margin-bottom: 25px;
}
.hide-condition{
  overflow: hidden;
}
.show-condition{
  overflow: visible;
}
#root .main-content-container .search-container_inner .search-condition-container
.common-content{
  float: left;
  width: 893px;
  padding-left: 34px;
  margin-top: -3px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #494949;
  line-height: 24px;
}
#root .main-content-container .search-container_inner .search-condition-container
.district-content,
#root .main-content-container .search-container_inner .search-condition-container
.field-content
{
  height: 24px;
}
#root .main-content-container .search-container_inner .search-condition-container
.common-content .common-content-item{
  float: left;
  margin-right: 24px;
  cursor: pointer;
}
#root .main-content-container .search-container_inner .search-condition-container
.district-container_index .district-icon-container{
  float: left;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 2px;
}
#root .main-content-container .search-container_inner .search-condition-container
.district-container_index .district-icon-container .district-icon{
  cursor: pointer;
}
#root .main-content-container .search-container_inner .search-condition-container
.district-container_index .district-icon-container .district-icon_default{
  width: 9px;
  height: 15px;
  margin:0 auto;
  background-image: url(../img/jiantou-zuo.png);
}
#root .main-content-container .search-container_inner .search-condition-container
.district-container_index .district-icon-container .district-icon_collapse{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 9px;
  margin-top: -4.5px;
  margin-left: -7.5px;
  background-image: url(../img/jiantou-xia.png);
}
/* 剩余内容部分 */
/* 星级主播公用头部 */
#root .main-content-container .rest-content-container{
  width: 1200px;
  margin: 0 auto;
  padding: 61px 0 46px;
}
#root .main-content-container .rest-content-container .star-container{
  padding-bottom: 43px;
}
#root .main-content-container .rest-content-container .star-header{
  height: 24px;
  font-family: Microsoft YaHei;
}
#root .main-content-container .rest-content-container .star-header
.star-header-icon,
#root .main-content-container .rest-content-container .star-header
.star-header-title1,
#root .main-content-container .rest-content-container .star-header
.star-header-separator,
#root .main-content-container .rest-content-container .star-header
.star-header-title2{
  float: left;
}
#root .main-content-container .rest-content-container .star-header
.star-header-icon{
  width: 21px;
  height: 19px;
  margin-top: 5px;
  margin-right: 7px;
  background-image: url(../img/check-mark.png);
}
#root .main-content-container .rest-content-container .star-header
.star-header-title1{
  height: 100%;
  font-size: 24px;
  font-weight: normal;
  color: #2A3852;
  line-height: 24px;
}
#root .main-content-container .rest-content-container .star-header
.star-header-separator{
  width: 2px;
  height: 16px;
  margin-left: 13px;
  margin-right: 13px;
  background: #C7CBD2;
  position: relative;
  top: 50%;
  margin-top: -6px;
}
#root .main-content-container .rest-content-container .star-header
.star-header-title2{
  height: 100%;
  font-size: 24px;
  font-weight: 600;
  color: #1A54D8;
  line-height: 24px;
}
#root .main-content-container .rest-content-container .star-header
.star-header-more{
  display: block;
  float: right;
  height: 24px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #272727;
  line-height: 24px;
}
/* 五星主播 */
#root .main-content-container .rest-content-container ._5-star-container{
  height: 517px;
  padding: 60px 0 53px;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left{
  float: left;
  width: 788px;
  height: 100%;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-top{
  border-bottom: 1px solid #CAD3E4;
  margin-bottom: 43px;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-top ._5-star-left-top-title{
  height: 22px;
  margin-bottom: 15px;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-top ._5-star-left-top-title ._5-star-left-top-title-name{
  float: left;
  padding-right: 30px;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #050505;
  line-height: 22px;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-top ._5-star-left-top-title ._5-star-left-top-title-stars{
  float: left;
  height: 100%;
  padding-top: 5px;
}
/* 星星图标 */
.star-icon{
  width: 18px;
  height: 17px;
  margin-right: 9px;
  background-image: url(../img/star.png);
}
.huise{
  background-image: url(../img/xing-h.png) !important;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-top ._5-star-left-top-subTitle{
  display: inline-block;
  padding: 0 9px;
  margin-bottom: 24px;
  background: rgba(206, 244, 255, .96);
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1A54D8;
  line-height: 35px;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-top ._5-star-left-top-desc{
  height: 96px;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 24px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3A3A3A;
  word-break: break-all; /* 允许在单词内换行 */
  text-overflow: ellipsis; /** 显示省略符号来代表被修剪的文本 **/
  display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 6; /** 显示的行数 **/
  overflow: hidden;  /** 隐藏超出的内容 **/
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-bottom{
  height: 135px;
  overflow: hidden;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-bottom ._5-star-little-avatar-wrapper{
  width: 9999px;
  height: 100%;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-bottom ._5-star-little-avatar{
  float: left;
  width: 103px;
  height: 135px;
  margin-right: 34px;
  position: relative;
  cursor: pointer;
}
.hide-little-avatar-border ._5-star-little-avatar_border{
  visibility: hidden;
}
.show-little-avatar-border ._5-star-little-avatar_border{
  visibility: visible;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-bottom ._5-star-little-avatar ._5-star-little-avatar_border{
  width: 100%;
  height: 100%;
  background-image: url(../img/avatar-border-little.png);
  background-repeat: no-repeat;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-left ._5-star-left-bottom ._5-star-little-avatar ._5-star-little-avatar_item{
  width: 100%;
  height: 100%;
  padding: 4px;
  position: absolute;
  top: 0;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-right{
  float: right;
  width: 341px;
  height: 100%;
  position: relative;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-right ._5-star-cur-anchor_big{
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 16px;
}
#root .main-content-container .rest-content-container ._5-star-container
._5-star-right ._5-star-satellite-bg{
  width: 341px;
  height: 103px;
  background-image: url(../img/satellite.png);
  position: absolute;
  bottom: 23px;
}
/* 四星主播 */
#root .main-content-container .rest-content-container ._4-star-container
._4-star-body{
  padding-top: 40px;
}
/* 主播卡片组件 */
.anchor-card-component{
  display: block;
  position: relative;
  width: 209px;
  height: 317px;
  padding: 30px 10px 0 11px;
  background-image: url(../img/anchor-avatar-blue-bg.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.anchor-card-component .anchor-card-component-img{
  display: block;
  width: 188px;
  height: 248px;
}
.anchor-card-component .anchor-card-component-info{
  position: absolute;
  left: 0;
  bottom: 39px;
  width: 100%;
  height: 35px;
  padding: 0 14px 0 7px;
}
.anchor-card-component .anchor-card-component-info .anchor-card-component-info-nickname{
  float: left;
  width: 118px;
  height: 35px;
  padding-left: 7px;
  background: rgb(206, 244, 255, .96);
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1A54D8;
  line-height: 35px;
  text-overflow: ellipsis; /** 显示省略符号来代表被修剪的文本 **/
  display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1; /** 显示的行数 **/
  overflow: hidden;  /** 隐藏超出的内容 **/
}
.anchor-card-component .anchor-card-component-info .anchor-card-component-info-stars{
  float: right;
  height: 24px;
  padding-top: 15px;
}
.anchor-card-component .anchor-card-component-info .anchor-card-component-info-stars
.anchor-card-component-info-star{
  width: 9px;
  height: 9px;
  margin-right: 3px;
  background-image: url(../img/star.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.anchor-card-component-info-star_dim{
  width: 9px;
  height: 9px;
  margin-right: 3px;
  background-image: url(../img/xing-h.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.anchor-card-component .anchor-card-component-desc{
  width: 100%;
  height: 39px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 39px;
}
.anchor-card-component .anchor-card-component-desc .anchor-card-component-name{
  float: left;
  width: 118px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #FFFFFF;
}
.anchor-card-component .anchor-card-component-desc .anchor-card-component-field{
  float: right;
  color: #B2C6F4;
}
/* 主播导航 */
#root .main-content-container .rest-content-container .anchor-nav-container{
  width: 100%;
  height: 101px;
  margin-bottom: 31px;
  background-image: url(../img/tl-pic.jpg);
}
#root .main-content-container .rest-content-container .anchor-nav-container
.anchor-nav-container-inner{
  height: 100%;
  padding-top: 44px;
  padding-left: 581px;
}
#root .main-content-container .rest-content-container .anchor-nav-container
.anchor-nav-container-inner .star-anchor-nav-item{
  float: left;
  height: 20px;
  cursor: pointer;
}
#root .main-content-container .rest-content-container .anchor-nav-container
.anchor-nav-container-inner .star-anchor-nav-item .star-anchor-nav-item-txt{
  float: left;
  height: 20px;
  margin-right: 7px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #0E3077;
  line-height: 20px;
}
#root .main-content-container .rest-content-container .anchor-nav-container
.anchor-nav-container-inner .star-anchor-nav-item .star-anchor-nav-item-icon{
  float: left;
  width: 8px;
  height: 15px;
  margin-top: 3px;
  margin-bottom: 2px;
  background-image: url(../img/xingji-arrow.png);
}
/* 申报条件导航 */
#root .main-content-container .rest-content-container .declare-nav-container{
  display: block;
  width: 100%;
  height: 101px;
  margin-bottom: 39px;
  background-image: url(../img/tl-pic-02.jpg);
}
/* 违规主播通报 */
#root .main-content-container .rest-content-container .illegal-anchor-notification-container{
  padding: 33px 23px 25px 22px;
  background: #F2F7FB;
  position: relative;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-header{
  height: 24px;
  margin-bottom: 41px;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-header .illegal-anchor-notification-container-header-icon{
  float: left;
  width: 21px;
  height: 19px;
  margin-top: 3px;
  background-image: url(../img/exclamation.png);
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-header .illegal-anchor-notification-container-header-title{
  float: left;
  height: 24px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 600;
  color: #2A3852;
  line-height: 24px;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-body{
  height: 163px;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-body .noti-content-container{
  height: 163px;
  padding: 25px 20px 15px;
  background-color: #fff;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-body .noti-content-container .noti-content-container-header{
  height: 39px;
  padding-bottom: 19px;
  border-bottom: 1px solid #E8EDF1;
  font-family: Microsoft YaHei;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-body .noti-content-container .noti-content-container-header
.noti-header-name{
  float: left;
  height: 19px;
  margin-right: 52px;
  font-size: 18px;
  font-weight: 400;
  color: #272727;
  line-height: 19px;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-body .noti-content-container .noti-content-container-header
.noti-header-nickname{
  float: left;
  height: 17px;
  font-size: 16px;
  font-weight: 400;
  color: #939EA9;
  line-height: 17px;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-body .noti-content-container .noti-content-container-header
.noti-header-date{
  float: right;
  height: 17px;
  font-size: 16px;
  font-weight: 400;
  color: #8EA1B5;
  line-height: 17px;
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.illegal-anchor-notification-container-body .noti-content-container .noti-content-container-body{
  height: 83px;
  padding-top: 22px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #272727;
  line-height: 30px;
  word-break: break-all; /* 允许在单词内换行 */
  text-overflow: ellipsis; /** 显示省略符号来代表被修剪的文本 **/
  display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2; /** 显示的行数 **/
  overflow: hidden;  /** 隐藏超出的内容 **/
}
#root .main-content-container .rest-content-container .illegal-anchor-notification-container
.noti-content-container-mask{
  position: absolute;
  width: 1155px;
  height: 163px;
  bottom: 25px;
  left: 22px;
  opacity: 0.8;
}
/* 公共页脚(由于其他页面会复制复用, 因此选择器不能写全) */
#root .common-footer{
  width: 100%;
  background: #F5F5F5;
}
#root .common-footer .common-footer-inner{
  width: 1200px;
  padding-top: 64px;
  padding-bottom: 15px;
  margin: 0 auto;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7C7C7C;
  line-height: 22px;
  text-align: center;
}
#root .common-footer .common-footer-inner .footer-item-1,
#root .common-footer .common-footer-inner .footer-item-2
{
  text-align: center;
}
#root .common-footer .common-footer-inner .footer-item-4{
  display: block;
  width: 267px;
  margin: 0 auto;
  color: inherit;
}
#root .common-footer .common-footer-inner .footer-item-4
.footer-item-guohui-icon{
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  background-image: url(../img/ga.png);
}
#root .common-footer .common-footer-inner .footer-item-4
.footer-item-number{
  float: left;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
}
/* 主播搜索 */
/* 搜索条件部分 */
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container{
  padding: 29px 34px 16px;
  background-color: #fff;
}
/* 非首页的通用导航 */
#root .main-content-container .common-nav-nonIndex .common-nav-icon{
  float: left;
  width: 14px;
  height: 19px;
  margin-right: 8px;
  background-image: url(../img/nav-icon.png);
}
#root .main-content-container .common-nav-nonIndex .common-nav-txt-container{
  float: left;
  height: 19px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2A3852;
  line-height: 19px;
}
#root .main-content-container .common-nav-nonIndex .common-nav-txt-container
.common-nav-curTxt,
#root .main-content-container .common-nav-nonIndex .common-nav-txt-container
.common-nav-index-btn,
#root .main-content-container .common-nav-nonIndex .common-nav-txt-container
.common-nav-cur-btn
{
  float: left;
}
#root .main-content-container .common-nav-nonIndex .common-nav-txt-container
.common-nav-sepatator{
  float: left;
  width: 1px;
  height: 10px;
  margin: 4px 10px;
  background-color: #BCBEC1;
}
/* 搜索页其他内容 */
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-bar{
  padding-top: 25px;
  padding-bottom: 18.5px;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-bar .searchPage-search-bar-input{
  float: left;
  display: block;
  width: 483px;
  height: 55px;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 13px;
  border: 1px solid #225FF4;
  border-right: none;
  outline: none;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #272727;
  line-height: 16px;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-bar .searchPage-search-bar-btn{
  float: left;
  width: 57px;
  height: 55px;
  background: #225FF4;
  position: relative;
  cursor: pointer;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-bar .searchPage-search-bar-btn .searchPage-search-bar-btn-icon{
  width: 25px;
  height: 25px;
  background-image: url(../img/ss-icon.png);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12.5px;
  margin-left: -12.5px;
}
/* 搜索页共用的搜索条件项 */
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item{
  padding: 30.5px 0;
  border-bottom: 1px solid #DFE1E1;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-district-container{
  width: 973px;
  height: 25px;
  overflow: hidden;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-title{
  float: left;
  margin-right: 74px;
  color: #69696A;
  line-height: 25px;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-right{
  float: left;
}
.searchPage-platform-container,
.searchPage-field-container{
  float: left;
  width: 973px;
  height: 25px;
  overflow: hidden;
}
.searchPage-platform-container_collapse,
.searchPage-field-container_collapse
{
  height: 75px;
  overflow: visible;
}
.searchPage-field-container_collapse{
  height: 50px;
}
.icon-default{
  float: left;
  cursor: pointer;
  width: 9px;
  height: 15px;
  margin-top: 5px;
  background-image: url(../img/jiantou-zuo.png);
}
.icon-collapse{
  float: left;
  cursor: pointer;
  width: 15px;
  height: 9px;
  margin-top: 5px;
  background-image: url(../img/jiantou-xia.png);
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-right
.searchPage-search-condition-item-singleItem{
  float: left;
  color: #2F2F2F;
  line-height: 25px;
  margin-right: 24px;
  cursor: pointer;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-district-container_collapse{
  height: 75px;
  overflow: visible;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-district-container_collapse
.searchPage-search-condition-item-singleItem{
  line-height: 25px;
  height: auto;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-right
.cur-singleItem{
  color: #0D41BE;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-district-icon-container{
  float: left;
  width: 15px;
  height: 15px;
  margin-top: 4px;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-district-icon-container
.searchPage-district-icon{
  cursor: pointer;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-district-icon_default{
  width: 9px;
  height: 15px;
  margin: 0 auto;
  background-image: url(../img/jiantou-zuo.png);
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-district-icon_collapse{
  width: 15px;
  height: 9px;
  background-image: url(../img/jiantou-xia.png);
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-extraRight{
  float: left;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-extraRight
.searchPage-dropdown-btn{
  width: 147px;
  height: 42px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding-top: 13px;
  padding-left: 13px;
  cursor: pointer;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-extraRight
.searchPage-dropdown-btn .searchPage-dropdown-btn-title{
  float: left;
  height: 14px;
  margin-right: 6px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222426;
  line-height: 14px;
}#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-extraRight
.searchPage-dropdown-btn .searchPage-dropdown-btn-icon{
  float: left;
  width: 15px;
  height: 9px;
  margin-top: 3px;
  background-image: url(../img/jiantou-xia.png);
}
/* 层叠bootstrap下拉菜单样式 */
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-extraRight
.searchPage-search-dropdown-menu{
  min-width: 147px;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-extraRight
.searchPage-search-dropdown-menu li div{
  padding: 3px 20px;
  cursor: pointer;
}
#root .main-content-container .main-content-container-inner .searchPage-search-condition-container
.searchPage-search-condition-item .searchPage-search-condition-item-extraRight
.searchPage-search-dropdown-menu li div:hover{
  background-color: #f5f5f5;
}
/* 主播列表容器部分 */
#root .main-content-container .main-content-container-inner .anchor-card-list-container{
  padding-bottom: 59px;
}
/* 分页器部分 */
#root .main-content-container .main-content-container-inner .pagination-container{
  display: flex;
  justify-content: center;
  padding-bottom: 61px;
}
#root .main-content-container .main-content-container-inner .pagination-container
.paginationjs .paginationjs-pages li>a:hover{
  background-color: #fff;
}
#root .main-content-container .main-content-container-inner .pagination-container
.paginationjs .paginationjs-pages li.active>a,
#root .main-content-container .main-content-container-inner .pagination-container
.paginationjs .paginationjs-go-button>input[type=button]{
  background-color: #1A54D8;
}
#root .main-content-container .main-content-container-inner .pagination-container
.paginationjs .paginationjs-go-button>input[type=button]{
  color: #fff;
}
/* 层叠泽元的分页条 */
.pagination-container td,
.pagination-container td input{
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.pagination-container td a,
.pagination-container td input{
  text-decoration: none;
  display: inline-block;
  text-align: center;
  height: 35px;
  padding: 0 13px;
  color: #272727;
  background: #FFFFFF;
  border: 1px solid #CED3DD;
  line-height: 33px;
}
.pagination-container td input{
  padding: 0;
  outline: none;
}
.pagination-container td a.current{
  color: #FFFFFF !important;
  background: #1A54D8;
}
/* 主播详情 */
/* 从这里开始不再整体的写div算padding了, 而是从上到下的布局, 顶多最外层给个padding-top padding-bottom, */
/* 因为距离参差不齐, 还是直接从上往下的比较容易 */
#root .main-content-container .main-content-container-inner .anchor-detail-content-container{
  padding: 29px 0 71px;
  background-color: #fff;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
.nav-wrapper{
  padding-left: 34px;
  padding-bottom: 42px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
.anchor-detail-content-1{
  padding-left: 36px;
  padding-right: 40px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
.anchor-detail-content-1 ._1-title{
  float: left;
  height: 40px;
  font-size: 40px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  line-height: 40px;
  margin-right: 20px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
.anchor-detail-content-1 ._1-tag{
  float: left;
  height: 35px;
  padding: 0 9px;
  margin-top: 6px;
  margin-right: 38px;
  background: rgba(206, 244, 255, .96);
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1A54D8;
  line-height: 35px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
.anchor-detail-content-1 ._1-wrapper{
  float: left;
  padding-top: 16px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
.anchor-detail-content-1 ._1-field-wrapper{
  text-align: right;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
.anchor-detail-content-1 ._1-field-wrapper ._1-field-btn{
  display: inline-block;
  width: 66px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #323232;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
.anchor-detail-content-2{
  padding-left: 25px;
  padding-right: 40px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-anchor-avatar-container{
  float: left;
  width: 259px;
  height: 363px;
  padding: 35px 10px 12px;
  margin-right: 47px;
  background-image: url(../img/anchor-avatar-blue-bg_detail.png);
  background-repeat: no-repeat;
  background-position: bottom;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-anchor-avatar-container ._2-anchor-avatar-container-inner{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-anchor-avatar-container img{
  width: 239px;
  height: 316px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-profile-container{
  float: left;
  width: 829px;
  height: 363px;
  padding-top: 35px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-profile-container ._2-profile-top{
  height: 158px;
  padding: 31px 24px 24px;
  background: #F2F4F8;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-profile-container ._2-profile-top ._2-profile-top_common-title{
  float: left;
  height: 16px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7D7D7D;
  line-height: 16px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-profile-container ._2-profile-top ._2-profile-top_common-content{
  float: left;
  height: 16px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 600;
  color: #212121;
  line-height: 16px;
  overflow: hidden;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-profile-container ._2-profile-top ._2-profile-top_top{
  margin-bottom: 30px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-profile-container ._2-profile-top ._2-profile-top_middle{
  margin-bottom: 25px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-profile-container ._2-profile-middle{
  height: 153px;
  padding-top: 26px;
  padding-bottom: 16px;
}
#root .main-content-container .main-content-container-inner .anchor-detail-content-container
._2-profile-container ._2-profile-bottom{
  height: 17px;
}
#platform{
  width: 389px;
  padding-left: 11px;
  padding-right: 11px;
}
#company{
  width: 230px;
  padding-left: 11px;
}
#district{
  width: 261px;
  padding-left: 10px;
  padding-right: 10px;
}
#recommend{
  width: 262px;
  padding-left: 13px;
}
#theYear{
  width: 716px;
  padding-left: 13px;
}
/* 公用带点的提示 */
.common-dot-tip-container .common-dot-tip_dot{
  float: left;
  width: 5px;
  height: 5px;
  margin-top: 6px;
  margin-right: 8px;
  background: #2A70E3;
  border-radius: 50%;
}
.common-dot-tip-container .common-dot-tip_txt{
  float: left;
  height: 16px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #767676;
  line-height: 16px;
}
/* 流程带点提示(颜色要淡一些) */
.common-dot-tip-container-dim .common-dot-tip-dim_dot{
  float: left;
  width: 5px;
  height: 5px;
  margin-top: 6px;
  margin-right: 8px;
  background: #6D9EEE;
  border-radius: 50%;
}
.common-dot-tip-dim_txt{
  height: 95px;
  padding-top: 16px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #212121;
  line-height: 26px;
  overflow: hidden;
  word-break: break-all;
}
/* 步骤进度虚线 */
.common-step-dash{
  height: 21px;
  margin-left: 2px;
  border-left: 1px dashed #C8D1DF;
}
/* 个人情况部分 */
._2-profile-bottom .zhengque-item{
  float: left;
  height: 17px;
  padding-left: 25px;
  margin-right: 65px;
  background-image: url(../img/zhengque-icon.png);
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #808080;
  line-height: 17px;
}
/* 详细描述部分 */
.detail-desc{
  padding: 45px 25px;
}
.detail-desc .desc-container{
  margin-bottom: 16px;
}
.desc-container .desc-title{
  padding-bottom: 5px;
}
.desc-container .desc-content{
  padding-left: 13px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  line-height: 26px;
  word-break: break-all;
}
.desc-separator{
  display: inline-block;
  width: 1px;
  height: 13px;
  margin-left: 10px;
  margin-right: 10px;
  background: #C9C9C9;
}
/* 同类主播 */
.same-anchor{
  padding-left: 25px;
  padding-right: 25px ;
}
.same-anchor .same-anchor-title{
  height: 33px;
  padding-bottom: 16px;
  margin-bottom: 35px;
  border-bottom: 1px solid #E0E3EB;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2A3852;
  line-height: 16px;
}
.same-anchor .same-anchor-body .same-anchro-item{
  float: left;
  margin-right: 48px;
}
.same-anchor .same-anchor-body .same-anchro-item img{
  display: block;
  width: 89px;
  height: 118px;
}
/* 最新资讯 */
.news-list-container{
  background-color: #fff;
  padding: 29px 28px 81px 29px ;
}
.news-list-container .news-title-container{
  padding-bottom: 8px;
}
.news-list-container .news-item-container{
  padding-top: 38px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DFE0E3;
}
.news-list-container .news-item-container .news-item-title{
  height: 24px;
  margin-bottom: 21px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 600;
  color: #0D0D0D;
  line-height: 24px;
  word-break: break-all; /* 允许在单词内换行 */
  text-overflow: ellipsis; /** 显示省略符号来代表被修剪的文本 **/
  display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1; /** 显示的行数 **/
  overflow: hidden;  /** 隐藏超出的内容 **/
}
.news-list-container .news-item-container .news-item-summary{
  height: 60px;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5B5B5B;
  line-height: 30px;
  word-break: break-all; /* 允许在单词内换行 */
  text-overflow: ellipsis; /** 显示省略符号来代表被修剪的文本 **/
  display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2; /** 显示的行数 **/
  overflow: hidden;  /** 隐藏超出的内容 **/
}
.news-list-container .news-item-container .news-item-date{
  height: 14px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ADADAD;
  line-height: 14px;
}
/* 资讯详情 */
.news-detail-container{
  padding: 29px 29px 43px;
  background-color: #fff;
}
.news-detail-title-container{
  padding-top: 52px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DFE0E3;
}
.news-detail-title{
  margin-bottom: 30px;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  line-height: 36px;
  text-align: center;
}
.news-detail-source{
  text-align: center;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #8C8C8C;
}
.new-detail-content-container{
  padding-top: 38px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #010101;
  line-height: 28px;
}
/* 投诉举报 */
.report-container{
  position: relative;
  padding: 29px 33px 59px 36px;
  background-color: #fff;
}
.report-result-btn{
  position: absolute;
  top: 29px;
  right: 33px;
  padding-left: 23px;
  height: 17px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #0B45B5;
  line-height: 17px;
  background-image: url(../img/jubao-icon.png);
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
}
.report-result-btn:hover,.report-result-btn:focus{
  color: #0B45B5;
}
.form-container{
  padding-top: 46px;
}
.claim-type-btn{
  float: left;
  text-align: center;
  width: 176px;
  height: 50px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 50px;
  border: 1px solid transparent;
  cursor: pointer;
}
.complain{
  margin-right: 57px;
}
.claim-type-btn_default{
  color: #353535;
  background-color: #fff;
  border-color: #D3DCE8;
}
.claim-type-btn_active{
  color: #fff;
  background-color: #3575FE;
  border-color: #3575FE;
}
.form-item-title{
  float: left;
  text-align: right;
  width: 103px;
  height: 50px;
  margin-right: 12px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #191919;
  line-height: 50px;
}
.form-item-title:after{
  content: '*';
  color: #E92F10;
}
.not-required-form-item .form-item-title:after{
  content: '';
}
.form-item-content{
  float: left;
}
.form-item-content .form-item{
  height: 50px;
  outline: none;
  padding: 0 10px;
  border: 1px solid #D3DCE8;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #272727;
  line-height: 16px;
}
.form-item-content .form-item-error-tip{
  visibility: hidden;
  height: 42px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 42px;
  color: #E92F10;
}
.form-item-content .error{
  visibility: visible;
}
.upload-btn{
  float: left;
  width: 49px;
  height: 50px;
  background: #FDFDFD;
  border: 1px solid #D3DCE8;
  background-image: url(../img/tianjia-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.upload-tip{
  float: left;
  margin-left: 11px;
  height: 50px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #B3B3B3;
  line-height: 50px;
}
.upload-status{
  width: 1015px;
  height: 46px;
  padding: 15px 11px;
  margin-top: 25px;
  background: #E9F1FF;
}
.upload-status-inner,
.upload-status-inner a{
  height: 16px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #0F45A2;
  line-height: 16px;
}
.file-title{
  float: left;
}
.upload-process{
  float: right;
}
.percent-process{
  text-align: right;
  width: 38px;
}
.process-txt{
  float: left;
}
.percent-process{
  float: left;
}
.del-file-btn{
  float: right;
  width: 11px;
  height: 11px;
  margin: 2.5px 0;
  background-image: url(../img/jubao-icon-02.png);
  cursor: pointer;
}
.form-item-separation{
  height: 1px;
  background: #E8EBF0;
  margin-top: 15px;
  margin-bottom: 47px;
}
.change-phone-btn{
  float: left;
  height: 50px;
  margin-left: 20px;
  line-height: 50px;
  font-size: 14px;
  color: #1D5AE2;
  cursor: pointer;
}
.form-item-content .phnoe-input{
  float: left;
  width: 351px;
  border: 1px solid #D3DCE8;
  outline: none;
}
.form-item-content .phone-input-modal{
  width: 380px;
  border: 1px solid #D3DCE8;
  outline: none;
}
.form-item-content-modal{
  margin-left: 15px;
}
.get-captcha-btn{
  float: left;
  width: 144px;
  text-align: center;
  height: 50px;
  padding: 0 17px;
  background: #5C7DCA;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FEFEFE;
  line-height: 50px;
  cursor: pointer;
}
.captcha-input{
  float: left;
  width: 236px;
  background: #FDFDFD;
  border: 1px solid #D3DCE8;
  outline: none;
}
.contact-input{
  width: 351px;
  background: #FDFDFD;
  border: 1px solid #D3DCE8;
  outline: none;
}
#submit-btn{
  text-align: center;
  width: 120px;
  height: 62px;
  margin: 0 auto;
  background: #1952D7;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 62px;
  cursor: pointer;
}
/* 举报结果 */
.report-result-container{
  position: relative;
  padding: 29px 33px 87px 36px;
  background-color: #fff;
}
/* 通用模态框部分 */
.common-modal-container{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.common-modal-mask{
  width: 100%;
  height: 100%;
  background: rgba(10, 63, 142, .85);
}
.common-modal-content-container{
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  background: #FFFFFF;
  padding: 33px 39px 45px 43px;
}
.common-modal-content-header{
  padding-bottom: 16px;
  border-bottom: 2px solid #E6ECF7;
}
.common-modal-title-inner{
  float: left;
}
.common-modal-title-icon{
  float: left;
  width: 4px;
  height: 18px;
  margin: 3px 0;
  margin-right: 13px;
  background: #1D5AE2;
}
.common-modal-title-txt{
  float: left;
  height: 24px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 600;
  color: #1D5AE2;
  line-height: 24px;
}
.common-modal-close-btn{
  float: right;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  background: url(../img/jubaochaxun-icon.png);
  cursor: pointer;
}
.common-modal-content-body{
  padding-top: 25px;
  width: 100%;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
}
.common-modal-content-footer{
  padding-top: 30px;
}
.need-read{
  width: 198px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.need-read-checkbox{
  float: left;
  margin: 0;
  margin-top: 2.1px;
  margin-bottom: 2.1px;
  margin-right: 7px;
}
.need-read-txt{
  float: left;
  height: 17px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #191919;
  line-height: 17px;
}
.need-check-btn{
  text-align: center;
  width: 110px;
  height: 50px;
  margin: 0 auto;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 50px;
}
.btn-disabled{
  background: #E4E9F0;
  cursor: not-allowed;
  color: #747B84;
}
.btn-enabled{
  background: #1952D7;
  cursor: pointer;
  color: #fff;
}
/* 图片验证码模态框 */
.img-captcha-input{
  float: left;
  width: 236px;
  height: 50px;
  padding: 0 10px;
  border: 1px solid #D3DCE8;
  border-right: none;
  outline: none;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #272727;
  line-height: 16px;
}
.img-captcha{
  float: left;
  display: block;
  width: 144px;
  height: 50px;
  cursor: pointer;
}
.fake-login-btn{
  text-align: center;
  width: 380px;
  height: 50px;
  margin-left: 15px;
  background: #5C7DCA;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FEFEFE;
  line-height: 50px;
  cursor: pointer;
}
/* 举报结果 */
.report-result-content{
  padding-top: 58px;
}
.common-report-result-title{
  float: left;
  width: 128px;
  padding-left: 20px;
  background: #F3F4F7;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #656565;
  border: 1px solid #CECFD1;
  border-bottom: none;
}
.top-title_full-column,
.top-content_full-column,
.top-content_half-column
{
  height: 72px;
  line-height: 72px;
}
.common-report-result-content_full-column{
  float: left;
  width: 1003px;
  padding: 0 22px;
  border: 1px solid #CECFD1;
  border-left: none;
  border-bottom: none;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #303030;
}
.common-report-result-content_half-column{
  float: left;
  width: 459px;
  padding: 0 22px;
  border: 1px solid #CECFD1;
  border-left: none;
  border-bottom: none;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #303030;
}
.top-content_middle{
  border-right: none;
}
.top-content_end{
  width: 416px;
}
.top-content_report-content{
  line-height: 30px;
  padding-top: 22px;
  padding-bottom: 22px;
}
.attachment-aTag{
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #0F45A2;
  outline: none;
  text-decoration: none;
}
.attachment-aTag:hover, .attachment-aTag:focus{
  color: #0F45A2;
  outline: none;
  text-decoration: none;
}
.final-result-title{
  border-color: #A2B3D9;
  color: #fff;
  background: #2260ED;
  border-bottom: 1px solid #A2B3D9;
}
.final-result-content{
  border-color: #A2B3D9;
  background: rgba(162, 179, 217, .2);
  border-bottom: 1px solid #A2B3D9;
}
.final-result-tip{
  margin-bottom: 27px;
}
.final-result-icon{
  width: 24px;
  height: 24px;
  margin-left: 10px;
  margin-bottom: 6px;
  background: url(../img/jieguo-icon.png);
}
.final-result-txt{
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1E1E1E;
  line-height: 16px;
}
.final-result-body{
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.final-result-body_replay-title{
  line-height: 16px;
  color: #9098A1;
  padding-bottom: 10px;
}
.final-result-body_replay-content{
  color: #222;
}
/* 举报结果 */
.modal-3-top-container{
  width: 600px;
  padding-top: 40px;
}
.modal-3-top-icon{
  width: 141px;
  height: 130px;
  margin: 0 auto;
  background: url(../img/jubaochaxun-icon-02.png);
}
.modal-3-middle-container
{
  padding-top: 20px;
}
#report-result-input{
  display: block;
  width: 409px;
  height: 60px;
  padding: 18px 0 18px 44px;
  margin: 0 auto;
  outline: none;
  background: #FCFDFF;
  border: 1px solid #A4B5D0;
  background: url(../img/jubaochaxun-icon-03.png);
  background-repeat: no-repeat;
  background-position: 11px 19px;
}
.check-report-result-btn{
  width: 409px;
  height: 60px;
  margin: 0 auto;
  background: #2D61D6;
  text-align: center;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 60px;
  cursor: pointer;
}
.modal-3-bottom-container{
  padding-top: 40px;
}
/* 无数据提示 */
.no-result-tip{
  height: 100%;
  background: url(../img/wushuju-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
}
/* 数据展示部分 */
.data-dashboard{
  width: 1200px;
  padding: 0 23px;
  margin: 0 auto;
}
.record-container{
  padding-bottom: 40px;
}
.record-title-container{
  padding-left: 30px;
  padding-bottom: 16px;
  background: url(../img/record-icon.png);
  background-repeat: no-repeat;
  background-position: left 7px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: normal;
  color: #2A3852;
}
.record-chart-container{
  position: relative;
  height: 363px;
  background: linear-gradient(90deg, #2B74F5, #16B5F7);
}
.my-chart-1-title-container{
  margin-left: 19px;
  padding-top: 46px;
  height: 64px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 1;
}
.my-chart-1-title{
  padding-left: 27px;
  color: #FFFFFF;
  background-image: url(../img/record-title-icon.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.my-chart-1-total,
.my-chart-1-unit{
  color: #70FFEC;
}
#my-chart-1{
  height: 299px;
}
.my-chart-1-btn{
  width: 10px;
  height: 18px;
  position: absolute;
  bottom: 141px;
  cursor: pointer;
}
.my-chart-1-prevBtn{
  left: 13px;
  background: url(../img/chart-prev-btn.png);
}
.my-chart-1-nextBtn{
  right: 13px;
  background: url(../img/chart-next-btn.png);
}
.record2-container{
  padding-top: 27px;
  display: flex;
  justify-content: space-between
}
.platform-record-container{
  border: 1px solid #B4CCF6;
  background: url(../img/platform-bg.jpg);
}
.field-record-container{
  border: 1px solid #B6D3E3;
  background: url(../img/field-bg.jpg);
}
.record2-item{
  width: 563px;
  height: 318px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.record-guide-container{
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
.record-guide-left{
  flex: 1 1 auto;
  padding-right: 40px;
}
.anchor-star-sys{
  display: block;
  width: 360px;
  height: 140px;
}
.search-sys{
  background: url(../img/search-sys-bg.png);
}
.record-sys{
  margin-bottom: 18px;
  background: url(../img/record-sys-bg.png);
}
.record-guide-title-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 19px;
  border-bottom: 1px dashed #D9DBDE;
}
.record-guide-title-former{
  padding-left: 28px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: normal;
  color: #2A3852;
  background: url(../img/record-guide-icon.png);
  background-repeat: no-repeat;
  background-position: left 5px;
}
.record-guide-title-more{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #272727;
}
.record-guide-title-more:hover,.record-guide-title-more:focus{
  color: #272727;
  outline: none;
  text-decoration: none;
}
.record-guide-content-container{
  padding-top: 25px;
}
.record-guide-item{
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.record-guide-item:nth-child(5n) {
  margin-bottom: 0;
}
.record-guide-item:hover,.record-guide-item:focus{
  outline: none;
  text-decoration: none;
}
.record-guide-item-title{
  flex: 1 1 0;
  height: 17px;
  font-size: 16px;
  line-height: 17px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2A2A2A;
  overflow: hidden;
}
.record-guide-item-time{
  height: 17px;
  font-size: 16px;
  line-height: 17px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #A8A8A8;
}
.latest-record-anchor-title{
  padding-left: 27px;
  margin-bottom: 27px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: normal;
  color: #2A3852;
  background: url(../img/latest-record-anchor-icon.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.latest-record-anchor-content-container{
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 23px;
}
.latest-record-anchor-item{
  display: block;
  width: 370px;
  height: 117px;
  padding: 24px 24px 0;
  background: #F0F5FA;
  margin-right: 21px;
  margin-bottom: 32px;
}
.latest-record-anchor-item:hover,.latest-record-anchor-item.focus{
  outline: none;
  text-decoration: none;
}
.latest-record-anchor-item:nth-child(3n) {
  margin-right: 0;
}
.latest-record-anchor-item-avatar{
  float: left;
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}
.latest-record-anchor-item-avatar img{
  display: block;
  width: 100%;
  height: auto;
}
.latest-record-anchor-item-desc{
  float: left;
  width: 258px;
  padding-top: 6px;
  padding-left: 21px;
}
.latest-record-anchor-item-desc-title{
  width: 100%;
  height: 18px;
  margin-bottom: 17px;
  font-size: 18px;
  line-height: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2C2D31;
  overflow: hidden;
}
.latest-record-anchor-item-desc-other{
  width: 100%;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7D858D;
  overflow: hidden;
}
.record-chart-title-container{
  width: 100%;
  height: 44px;
  padding-top: 24px;
  padding-left: 20px;
}
.record-chart-title,
.record-chart-title-top{
  float: left;
}
.record-chart-title{
  height: 20px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
}
.record-chart-title-top{
  padding-left: 5px;
  height: 22px;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFCC00;
  line-height: 22px;
}
#my-chart-2,
#my-chart-3
{
  width: 100%;
  height: 271px;
}