www-huanghe/css/main.css

@charset "utf-8";

[class^="iconfont-"], [class*=" iconfont-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 680px){
  .modal-content {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 20.5rem;
    margin:0 auto;
    /*height:100%;*/
  }
}

.mod-body {
    padding-top:0;
    padding-bottom:0;
    -webkit-filter: blur(0px);
    -webkit-transition: all .3s ease .2s;
}

.mod-body.blur {
    -webkit-filter: blur(3px);
    -webkit-transition: all .3s ease;
}

.topBanner{
  height: 5.6rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: -webkit-linear-gradient(left, #26bfff, #0374ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #26bfff, #0374ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #26bfff, #0374ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #26bfff, #0374ff); /* 标准的语法 */
}
.topBanner .leftInfos>h3>.taps {
  position: absolute;
  font-size: .2133rem;
  color: #d47800;
  text-align: center;
  width: 1.5rem;
  line-height: .56rem;
  height: .7rem;
  background: url("../img/topTapsBg.png") left top no-repeat;
  background-size: 100% 100%;
  top: -.2rem;
  right: .4rem;
}
.topBanner .rightImgs{
  width: 9.33rem;
  position: absolute;
  right: 0rem;
  top: 2.267rem;
  background: url(../img/bannerPhone.png) left bottom no-repeat;
  height: 100%;
  background-size: 100%;
  z-index: 1;
}
.topBanner .rightImgs >em{
  width: 100%;
}
.topBanner .leftInfos{
  position: absolute;
  top: 1.147rem;
  left: .853rem;
  z-index:99;
}
.topBanner .leftInfos>h3{
  font-size: .57rem;
  color: #fff;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.topBanner .leftInfos>p{
  font-size: .4rem;
  color: #fff;
}
.topBanner .leftInfos>p>span{
  margin-left: 0;
  position: relative;
  top: 10px;
  font-size: 14px;
  margin-right: 10px;
}
.topBanner .leftInfos>a{
  display: block;
  line-height: 0.854rem;
  font-size: .373rem;
  width: 2.133rem;
  border-radius: 0.854rem;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  margin-top: .32rem;
}
.estensionAll{
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 1.067rem;
  z-index: 5;
  position: relative;
}
.estensionAll h3{
  color: #1dacff;
  font-size: .56rem;
  font-weight: normal;
  text-align: center;
}
.estensionAll p{
  font-size: .32rem;
  color: #666;
  line-height: .48rem;
  width: 6.67rem;
  margin: 0 auto;
  margin-top: .53rem;
  text-align: center;
}
.estensionAll .underImgs{
  width: 5.6rem;
  margin: 0 auto;
  margin-top: .933rem;
}
.estensionAll .underImgs>img{
  width: 100%;
}
.underMiniBanner{
  height: 3.7rem;
  width: 100%;
  background: -webkit-linear-gradient(left, #26bfff, #0374ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #26bfff, #0374ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #26bfff, #0374ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #26bfff, #0374ff); /* 标准的语法 */
  text-align: center;
  padding-top: .9rem;
}
.underMiniBanner h3{
  text-align: center;
  font-weight: normal;
  color: #fff;
  font-size: .48rem;
}
.underMiniBanner h3>span{
  margin-left: .8rem;
}
.underMiniBanner>a{
  display: block;
  width: 2.4rem;
  margin: 0 auto;
  height: .853rem;
  line-height: .85rem;
  border-radius: .853rem;
  background: rgba(255,255,255,.1);
  color: #fff;
  font-size: .373rem;
  border: .0133rem solid #fff;
  margin-top: .4rem;
}
.saleAll{
  padding-top: 1.5rem;
}
.topBanner .underWave {
  width: 100%;
  height: .467rem;
  background: url('../img/wave.png') left top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  z-index: 2;
}

.backdrop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, .8);
    display: none;
}

/*任务大厅相关*/
.celerityButton{
  z-index: 5;
  position: absolute;
  bottom: 20px;
  right: 10px;
  width: 50px;
  height: 50px;
}
.celerityButton span{
  display:inline-block;
  text-align: center;
  height:100%;
  width: 100%;
  background-color: #3B8BD0;
  color:white;
  border-radius: 50%;
  box-shadow: 2px 3px 9px 1px rgba(216, 216, 216, 1);
  font-size: 14px;
  line-height: 50px;
  font-weight:bold;
}
.homepage-button{

  bottom:60px !important;
}
.task-holl-title{
  background-color: #5BABE6;
  max-width: 20.5rem;
  margin:0 auto;
  display:flex;
  color: #fff;
  justify-content: space-around;
  font-size: 16px;
  padding:20px 10px 10px;
}
.task-holl-titles{
  max-width: 20.5rem;
  margin:0 auto;
  display:flex;
  justify-content: space-around;
  font-size: 16px;
  background: #f0f0f0;
  cursor: pointer;
  /*box-shadow: 0 1px 3px #1DACE3;*/
  color: #2b2b2b;
  height: 35px
}
.taskholl-actives{
  border-bottom: 3px solid #3B8BD0;
  color:#3B8BD0 ;
}
.task-holl-title li{
  padding:5px 10px;
  cursor: pointer;
}
.taskholl-active{
  border-bottom: 3px solid #fff;
}
.task-android-header1{
  top:120px;
}
.task-android-header{
  top:155px;
}
.task-ios-header{
  top:175px;
}

.task-block,.swiper-slide .task-block{
  width: 95%;
  line-height: 20px;
  border-radius: 10px 10px 10px 10px;
  /*text-align: center;*/
  box-shadow: 2px 2px 6px 2px rgba(241, 241, 241, 1);
  border: 1px solid rgba(255, 255, 255, 0);
  margin:15px auto 0;
  display:flex;
  flex-direction:column;
  justify-content: space-around;
  padding:5px 10px;
  position:relative;
}
.task-block1,.swiper-slide .task-block1{
  width: 95%;
  height: 180px;
  line-height: 20px;
  border-radius: 10px 10px 10px 10px;
  /*text-align: center;*/
  box-shadow: 2px 2px 6px 2px rgba(241, 241, 241, 1);
  border: 1px solid rgba(255, 255, 255, 0);
  margin:15px auto 0;
  display:flex;
  flex-direction:column;
  justify-content: space-around;
  padding:5px 10px;
  position:relative;
  overflow: hidden;
}
.task-block2,.swiper-slide .task-block2{
  width: 95%;
  height: 100px;
  line-height: 20px;
  border-radius: 10px 10px 10px 10px;
  /*text-align: center;*/
  box-shadow: 2px 2px 6px 2px rgba(241, 241, 241, 1);
  border: 1px solid rgba(255, 255, 255, 0);
  margin:15px auto 0;
  display:flex;
  flex-direction:column;
  justify-content: space-around;
  padding:5px 10px;
  position:relative;
  overflow: hidden;
}
.task-block-notice,.swiper-slide .task-block-notice{
  width: 95%;
  line-height: 20px;
  border-radius: 10px 10px 10px 10px;
  /*text-align: center;*/
  box-shadow: 2px 2px 6px 2px rgba(241, 241, 241, 1);
  border: 1px solid rgba(255, 255, 255, 0);
  margin:15px auto 0;
  display:flex;
  flex-direction:column;
  padding:5px 10px;
  position:relative;
  overflow: hidden;
}
.interview-block{
  height: 140px !important;
}
.typein-block{
  height: 105px !important;
}
.task-abstract,.task-block-title{
  height:40px;
  line-height:20px;
  word-break:break-all;
  overflow:hidden;
  margin-bottom:5px;
}
.task-abstract{
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.task-block-title{
  display: flex;
}
.task-block-title>span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.task-block-title>img{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right:10px;
}
.task-block-bottom{
  border-top:1px solid #eee;
  display:flex;
  justify-content: space-between;
  padding-top:5px;
}
.task-block-bottom>i{
  font-size:16px;
}
.task-abstract-width{
  max-width:80%;
}
.swiper-container-newest-task .swiper-wrapper{
  /*padding:10px;*/
  /*display:flex;*/
}
.swiper-slide .task-block{
  height: 190px;
  width: 180px;
  cursor:pointer;
}
.swiper-container-newest-task{
  width:100%;
  height:260px;
}
.task-publisher{
  display:flex;
  align-items: center;
}
.task-block-photo{
  width: 30px !important;
  height:30px !important;
  border-radius:50%;
  overflow: hidden;
  margin-right:10px;
}
.task-block-photo>img{
  width:30px;
}
.new-task-block-photo{
  width: 30px !important;
  height:30px !important;
  border-radius:50%;
  overflow: hidden;
  margin-right:10px;
  float: left;
}
.task-block-label,.task-block-label-lishui{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;

}
.task-block-label-pr{
  /*transform: translateY(-20px);*/
}
.task-block-label-lishui>li{
  border-right: 2px solid #b1b1b1;
  padding: 0 5px;
}
.task-block-label-lishui>li:last-child{
border: none;
}
.task-block-label1{
  flex-wrap: wrap;
}
.scroll-label{
  width:100%;
  margin-top:5px;
  /*height:25px;*/
}
.scroll-label span{
  display:inline-block;
}
.scroll-label .scroll{
  white-space: nowrap;
  /*text-align: center;*/
}
/*.task-block-label>li:last-child{*/
/*  border:none;*/
/*  color:#5babe6;*/
/*}*/

.task-block-label>li,.status-label,.scroll-label span{
  margin-right:10px;
  margin-bottom:5px;
  padding:0.08rem 0.2rem;
  border-radius: 8px;
  font-size:0.3rem;
  color: #868686;
  background: #EDF4FB;
}

.status-label{
  border:1px solid #FBCF7E;
  color:#FBCF7E;
  position:absolute ;
  top:0;
  left:0;
}
.task-block-label>li{
  color: #8b8a8a;
  background: #e6f4f5
}
/*.task-block-label>li:nth-child(1n),.scroll-label span:nth-child(1n){*/
/*  border:1px solid #7C81FB;*/
/*  color:#7C81FB;*/
/*}*/
/*.task-block-label1>li:nth-child(1n),.scroll-label span:nth-child(1n){*/
/*  border:1px solid #7C81FB;*/
/*  color:#8EB0FB;*/
/*}*/
/*.task-block-label>li:nth-child(2n),.scroll-label span:nth-child(2n){*/
/*  border:1px solid #8EB0FB;*/
/*  color:#8EB0FB;*/
/*}*/
/*.task-block-label1>li:nth-child(2n),.scroll-label span:nth-child(2n){*/
/*  border:1px solid #8EB0FB;*/
/*  color:#8EB0FB;*/
/*}*/
.task-block-title{
  font-size:16px;
  font-weight:bold;
  max-width:80%;
  height:20px;
}
.task-block-abstract{
  height:40px;
  line-height:20px;
  overflow: hidden;
  text-overflow:ellipsis;
  /*white-space:nowrap*/
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.task-block-gray{
  color:#999;
}
.task-block-orange{
  color:#FB9A6A;
}
.task-status{
  position:absolute;
  right:10px;
  top:10px;
}
.task-status>div:nth-child(1){
  padding:0 16px;
  border-radius: 5px;
  margin-bottom:5px;
}
.task-status-color1{
  border:1px solid #FAB37F;
  color:#FAB37F;
}
.task-status-color2{
  border:1px solid #9AA2E5;
  color:#9AA2E5;
}
.task-status-color3{
  border:1px solid #9C9FAA;
  color:#9C9FAA;
}
.task-evaluate,.task-interview{
  position: absolute;
  right: 10px;
  bottom:40px;
  padding:2px 8px;
  border-radius: 5px;
  color:#fff;
  background-color: #3B8BD0;
  cursor:pointer;
  /*font-size:14px;*/
}
.task-award{
  top:10px;
  bottom:auto;
  background-color:#B0E0FE;
}
.task-finish{
  bottom:70px;
}
.task-interview{
  bottom:10px !important;
}
.task-evaluate:hover{
  background-color:#1b9bff;

}
/*认证相关*/
.pswp_button_arrow{
  text-shadow:0 0 5px red !important;
  background: none;
  font-size:30px;
  color:white;
}
.form-box{
  margin-bottom:20px;
  /*padding:0 10px;*/

}
.action-sheet-group.action-sheet-options{
  max-height: 300px;
  overflow-y: auto;
}
.notice-image{
  display:inline-block;
  width:30px;
  height:30px;
  background-image:url('img/entranceIcon.png');
  background-repeat:no-repeat;
  background-size: 170px auto;
}
.image1
{
  background-position: -40px -45px;
}
.image2
{
  background-position: -70px -45px;
}
.personal-notice{
  margin:10px;
  text-align: center;
}
.notice-box{
  /*margin:20px 0 20px 30%;*/
  display:inline-block;
  width:70%;
  /*margin:10px 20px;*/
  text-align: left;
}
.popup-container .popup{
  max-width:300px !important;
}
.notice-title{
  font-size:1.3em;
  /*font-weight:bold;*/
  margin:10px 0;
}
.notice-item{
  font-size:10px;
}
.opinion-section{
  padding:10px 20% 0;
  border-top:1px solid #ddd;
  margin-bottom:50px;
  font-size:0.35rem;
}
.submit-section{
  text-align: center;

}
.button-fixed{
  position: fixed;
  bottom:0px;
  left:0px;
  max-width:20.5rem;
  right: 0;

  margin:5px auto;
  background-color:#fff;
}
.button-fixed>div{
  width:100%;
  max-width:20.5rem;
  margin:auto;
  background-color:#f2f2f2;
  padding:10px 0;
}
.fixed-intaskDeitals{
  bottom:65px;
}
.submit-button,.edit-button{
  padding:10px 0;
  width:80%;
  border:0;
  outline: none;
  background-color: #F7F4F4;
  color:#B6B2B2;
  border-radius:5px;
  font-size:0.35rem;
  text-align: center;
}
.submit-button1,.edit-button{
  padding:10px 0;
  border:0;
  outline: none;
  background-color: #F7F4F4;
  color:#B6B2B2;
  border-radius:5px;
  font-size:0.35rem;
  text-align: center;
  position:absolute;
  bottom:0
}
.submit-button2,.edit-button{
  border:0;
  outline: none;
  background-color: #F7F4F4;
  color:#B6B2B2;
  border-radius:5px;
  font-size:0.35rem;
  text-align: center;
  /* position:absolute;
  bottom:0; */
  padding:3px
}
.edit-button{
  padding:3px 5px;
  width:48%;
  font-size:0.6rem;
  background-color: transparent;
  color:#B6B2B2;
}
.submit-button2{
  width:40%;
  margin-left:5px;
}
.submit-button3{
  width:30%;
  margin-left:5px;
}
.submit-button4{
  width:25%;
  margin-left:0px;
}
.submit-button5{
  width:15%;
  margin-left:5px;
}
.sbg-blue{
  background-color: #3B8BD0;
  color:#fff;
}
.sbg-red{
  background-color: #FF8A8E;
  color:#fff;
}
.submit-mark{
  display:inline-block;
  width:20px;
  height:20px;
  line-height:17px;
  background-color: #D7DADF;
  border-radius:5px;
  text-align: center;
  color:#fff;

}
.submit-marks{
  transform: translate(-12px, -18px);
}
.bg-blue{
  background-color:#3B8BD0;
}
.bg-bluepurple{
  background-color:#3B8BD0;
}
.drop-down-items{
  border:1px solid #ddd;
  position:absolute;
  top:33px;
  left:0;
  min-width:100%;
  z-index:1000;
  background-color:#fff;
  padding:5px 0;
  max-height:200px;
  overflow: auto;
}
.drop-down-items li{
  padding:5px;
}
.drop-down-box{
  position:relative;
  width:29.5%;
  display:inline-block;
  margin-right:5px;
}
.area-app{
  width:100%;
  margin-bottom:5px;
}
.drop-down-icon{
  position:absolute;
  top:0px;
  right:0px;
  width:30px;
  height:34px;
  line-height:34px;
  text-align: center;
  color:#A29D9D;
}
.hole-row{
  display:flex;
  /*margin-bottom:10px;*/
  border-bottom:1px solid #f2f2f2;
  padding:10px;
  background-color:#fff;
}
.input-title{
  /*text-align: right;*/
  line-height:34px;
  width:25%;
  margin-right:5px;
  font-size:0.35rem;
}
.input-box{
  position:relative;
  width:73%;
  font-size:0.32rem;
  color:#8C8E9B;
}
.lable-box{
  border-top:1px solid #eee;
  padding-top:5px;
}
.lable-box>span{
  display: inline-block;
  padding:2px 8px;
  border-radius:5px;
  border:1px solid #8C8E9B;
  margin-left:5px;
  margin-top:5px;
}
.position-fix{
  position:absolute;
  top:7px;
  right:3%;
}
.check-mark{
  display:inline-block;
  width:20px;
  height:20px;
  line-height:14px;
  border:3px solid #1CA8F6;
  border-radius:50%;

}
.icon-character{
  font-size:1.2em;
}
.color-blue{
  color:#1CA8F6;
}
.color-red{
  color:#FF8A8E;
}
.color-gray{
  color:#D7DADF;
}
.icon-number{
  display:inline-block;
  width:20px;
  height:20px;
  line-height:17px;
  border-radius:50%;
  margin:0 5px 5px 15px;
}
.blue-number{
  background-color:#1CA8F6;
  color:#fff;
}
.gray-number{

  color:#D7DADF;
}
.status-section{
  text-align: center;
  /*margin:10px 0;*/
}
.status-bar{
  display:inline-block;
  width:75%;
}
.upload-add{
  display:block;
  width: 80px;
  height: 80px;
  font-size: 26px;
  text-align: center;
  line-height: 75px;
  color: #9ca3ac;
  border: 1.5px dashed #b9c5cf;
  border-radius: 5px;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom:10px;
}


.tech-top{
  top:5.05rem !important;
}
.other-top{
  top:270px;
}
.status-bar-top{
  display:flex;
  justify-content: center;
  padding:20px 0 10px;
  background-color:#fff;
  /*margin-bottom:10px;*/
}
.status-circle{
  display:flex;
  flex-direction: column;
  align-items: center;
  font-size:16px;
  position:relative;
  width:140px;
}
.status-circle>i{
  position: relative;
  z-index: 5;
}
.status-divider{
  position:absolute;
  top:12px;
  right:-58px;
  border-bottom:3px solid #CACACA;
  width:115px;
}
.status-circle>i{
  display:inline-block;
  width:25px;
  height:25px;
  border-radius: 50%;
  color:#fff;
  font-size:18px;
  line-height:25px;
  margin-bottom:5px;
}
.status-blue{
  color:#3B8BD0;
}
.status-blue>i{
  background-color: #3B8BD0;
}
.status-gray{
  color:#CACACA;
}
.status-gray>i{
  background-color: #CACACA;
}
.row-margin{
  margin:10px 0;
}
.row-margideclare{
  margin:10px 0;
  display: block;
  padding: 0 0 10px;
}
.declarewidth{
  width:100%;
  padding: 10px 10px 0 10px;
}
/*头部蓝色*/
.bar-header-blue{
  /*background: -moz-linear-gradient(left,#7683FD 10%,#8EC2FC, #96D6FD) !important;*/
  /*background: -webkit-linear-gradient(left,#7683FD 10%,#8EC2FC,  #96D6FD) !important;*/
  /*background: -o-linear-gradient(left,#7683FD 10%,#8EC2FC,  #96D6FD) !important;*/
  background-color: #3B8BD0 !important;

}
.contentsty{
  background-color: #f5f5f5;
  max-width:20.5rem;
  margin: 0 auto
}
.toolbar-inside{
  background-color: #3B8BD0 !important;
  color: #fff;
  position: relative;
}
.toolbar-inside .toolbar-inside-lt,.toolbar-inside-middle,.toolbar-inside-rt{
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  font-size: 20px;
  cursor: pointer;
}
.toolbar-inside .toolbar-inside-lt{

  left: 10px;

}
.toolbar-inside .toolbar-inside-middle{
  font-size: 18px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.toolbar-inside .toolbar-inside-rt{
  right: 10px;
}
.bar-title{
  margin-left: 0.4rem;font-size: 0.4rem;
  font-weight: bold;height: 40px;line-height: 40px
}
.bar-header-blue>h3{
  color:#fff;
}
.audit-body{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:40px;
  font-size:0.35rem;
  background-color: #fff;
}
.audit-body>img{
  width:60%;
  max-width:300px;
  margin:15px;
}
.audit-body-sub{
  color:#CFCFCF;
  font-size:0.3rem;
  margin:15px;
}
.about-task{
  text-align:center;
}
.about-task>span{
  display:inline-block;
  margin:0 20px;
  padding:2px;
  border-bottom:1px solid #3B8BD0;
  color:#3B8BD0;
  cursor: pointer;
}
.task-link{
  background-color: #fff;
  margin-top:10px;
  width:100%;
  overflow: hidden;
  position: relative;
}
.task-link-title,.activity-detail-title{
  padding:3px 8px;
  /*display: inline-block;*/
  border-left:3px solid #3B8BD0;
  margin:15px 15px 0;
  font-size:0.35rem;
}
.activity-detail-title{
  margin:5px 0;
}
.task-link-box>li{
  display:flex;
  flex-direction:column;
  padding:10px;
}
.task-more{
  float:right;
  font-size:14px;
  cursor:pointer;
  color:#9C9FAA;
}
/*轮播图*/
.banner-box{
  height:180px;
  padding:20px 0;
}
.banner-box-web{
  height:300px !important;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  /*background: #fff;*/

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width:80% !important;
  /*height:80% !important;*/
  transition:all 2.5s;
  border-radius: 20px;
  overflow: hidden;
}
.swiper-container .swiper-slide .banner-img{
  width:100% !important;
  height:100% !important;
}

.swiper-container .swiper-slide.swiper-slide-prev .banner-img,.swiper-slide.swiper-slide-next .banner-img{
  width:85% !important;
  height:85% !important;
  border-radius: 10px;
  overflow: hidden;
}

/*引导页*/
/*.mask-body{*/
  /*position:relative;*/
/*}*/
.notice-mask{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 10000;
  color:#fff;
  font-size:20px;
}
.notice-mask>div{
  text-align: center;
  width:100%;
  position:absolute;
  top:260px;
}
.content-to-top{
  font-size:16px !important;
}
.content-to-top>div{
  top:140px !important;
}
.notice-mask>span{
  position: absolute;
  top:15px;
  right:15px;
}
.show-notice{
  z-index: 1000000 !important;
  background-color:#fff;
  border-radius: 50px;
  box-shadow: 0 0 30px #fff,0 0 30px rgba(0,0,0,0.5) inset;
}
.notice-arrow{
  position:absolute;
  top:-40px;
  left: 20px;
}
/*.notice-arrow>div{*/
  /*width:400%;*/
  /*color:#fff;*/
  /*text-align: center;*/
  /*margin-left:-200%;*/
  /*font-size:16px;*/
/*}*/
.notice-arrow>img{
  width:25px;
}

.task-icon{
  font-size:30px;
  color:#8DD6FD;
  margin-right:10px;
  vertical-align: middle;
}
.task-type-box{
  background-color:#fff;
}
.task-type-box>div{
  padding:8px;
  font-size:0.35rem;
}
.task-type-box>ul{
  font-size:0.3rem;
}

.notice-page{
  width:100%;
  height:100%;
  position:relative;
  z-index:10;
}
.notice-page>span{
  position:absolute;
  top:0;
  left:0;
}
.icon-menulist{
  /*background-repeat:url("../img/act_t.svg")no-repeat scroll center 65% !important;*/
  background-repeat:no-repeat;
  background-size: 80% !important;
  margin:8px auto 3px !important;
}

.ion-content-style{
  margin:0 auto;
  max-width:20.5rem;
  /*background-color: #f2f2f2;*/
}

/*资源库列表*/
.resource-library-box{
  /*display: flex;*/
  /*justify-content: space-between;*/
  width: 100%;
  padding:10px;
  background: #E3F1F9;

  /*flex-wrap: wrap;*/
  /*-ms-flex-wrap: wrap;*/
  /*-webkit-flex-wrap: wrap;*/
}
.resource-library-box>ul{
  background: #ffffff;
  color: #b7b7b7;
}
/*.resource-library-box>ul:nth-child(1n){*/
/*  background-color:#8AA7ED;*/
/*}*/
/*.resource-library-box>ul:nth-child(2n){*/
/*  background-color:#83BAFE;*/
/*}*/
/*.resource-library-box>ul:nth-child(3n){*/
/*  background-color:#8DD6FD;*/
/*}*/
/*.resource-library-box>ul:nth-child(4n){*/
/*  background-color:#B0DDF6;*/
/*}*/
.resource-library-box>ul:nth-child(1n) .Library-title{
  background:#2E9D94 ;
}
.resource-library-box>ul:nth-child(2n) .Library-title{
  background: #6cdcea;
}
.resource-library-box>ul:nth-child(3n) .Library-title{
  background:#4D99CE ;
}
.resource-library-box>ul:nth-child(4n) .Library-title{
  background: #62b3ec;
}
.resource-library-box>ul .Library-button{
    border: 1px #3B8BD0 solid;color: #3B8BD0;
}
/*.resource-library-box>ul:nth-child(1n) .Library-button{*/
/*  border: 1px #2E9D94 solid;color: #2E9D94*/
/*}*/
/*.resource-library-box>ul:nth-child(2n) .Library-button{*/
/*  border: 1px #6cdcea solid;color: #6cdcea*/
/*}*/
/*.resource-library-box>ul:nth-child(3n) .Library-button{*/
/*  border: 1px #4D99CE solid;color: #4D99CE*/
/*}*/
/*.resource-library-box>ul:nth-child(4n) .Library-button{*/
/*  border: 1px #62b3ec solid;color: #62b3ec*/
/*}*/
.resource-library-items{
  display:inline-block;
  width:45%;
  margin:0.2rem;
  padding:0 10px;
  border-radius: 10px;
  box-sizing: border-box;
  color:#fff;
  font-size:0.3rem;
}
.resource-library-items>li{
  margin-bottom:8px;
}
.resource-library-items-web{
  width:23% !important;
}
.resource-library-items-web>li{
  margin-bottom:20px;
}
.resource-library-title{
  font-size:0.4rem;
  text-align: center;

  /*margin-bottom:0.2rem;*/

}
.resource-library-dot{
  font-weight:bold;
}
.resource-library-logo-box{
  /*margin:0.2rem 0;*/
}
.resource-library-logo-box>img{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left:0.2rem;
}
.resource-library-checkbutton{
  text-align: center;
  /*margin-top:0.2rem;*/
}
.resource-library-checkbutton>button{
  background-color:#fff;
  border:none;
  border-radius:20px;
  padding:5px 20px;
}

.swiper-button-next, .swiper-button-prev{
  top:92% !important;
  background-size: 18px 44px !important;
}

.loading-container .loading{
  background-color:transparent;
}
.spinner svg{
  width:1.5rem !important;
  height:1rem !important;
}

.selected-people{
  position: absolute;
  top:10px;
  right:30px;
}
.selected-people>i{
  font-size:0.4rem;
}

/*会员认证*/
.is-app{
  top:100px;
}
.i-item{
  height:125px;
  min-width:90px;
  margin:0 2% 20px;
  border-radius:10px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 1%;
  /*background-color:#FBFBFB;*/
}
.item-app{
  height:110px;
  min-width:120px;
  margin:0 4% 20px;
  padding:0 2%;
}
.item-app1{
  height:180px;
  min-width:120px;
  margin:0 4% 20px;
  padding:0 2%;
}
.item-app-title{
  height:110px;
}
.item-app-title1{
  height:180px;
}
.i-fixed{
  /*background:url('img/2018/1.png') no-repeat 0 0;*/
  /*background-size:cover;*/
  background-color:#869DFB;
}
.i-various{
  /*background:url('img/2018/2.png') no-repeat 0 0;*/
  /*background-size:cover;*/
  background-color:#3B8BD0;
}

.inst-name{
  width:100px;
  position:absolute;
  bottom:-19px;
  left:0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  font-size:0.2rem;
}
.inst-name:hover{
  overflow: visible;
}
.i-portrait{
  width:40%;
  height:60%;
  margin:10px 0;
  color:#fff;
  text-align: center;
  font-size:30px;
}
.i-personal{
  background:url('../img/2018/13.png') no-repeat 0 0;
  background-size:cover;
}
.i-tecBroker{
  background:url('../img/2018/4.png') no-repeat 0 0;
  background-size:cover;
}
.i-nodeManager{
  background:url('../img/2018/6.png') no-repeat 0 0;
  background-size:cover;
}
.i-enterprise{
  background:url('../img/2018/6.png') no-repeat 0 0;
  background-size:cover;
}
.i-colleges{
  background:url('../img/2018/5.png') no-repeat 0 0;
  background-size:cover;
}
.i-government{
  background:url('../img/2018/4.png') no-repeat 0 0;
  background-size:cover;
}
.i-service{
  background:url('../img/2018/13.png') no-repeat 0 0;
  background-size:cover;
}

.i-item-title{
  font-size:0.4rem;
  color:#fff;
  /*font-weight:bold;*/
}
.i-size{
  font-size:0.4rem;
}
.i-explain{
  font-size:0.2rem;
  color:#fff;
  margin:10px 0;
}
.i-status{
  position:absolute;
  top:5px;
  right:0;
  transform:rotate(30deg);
  font-size:0.2rem;
  color:#fff;
}
.i-boxes{
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
.dividing-strip{
  border-top:1px solid #ddd;
  margin:30px 5% 20px;
  position: relative;
  /*text-align:center;*/
}
.app-divid{
  margin:20px 5% 5px !important;
}
.strip-title{
  font-size:0.35rem;;
  padding:0 20px 0 10px;
  background-color:#fff;
  display:inline-block;
  margin:auto;
  position:relative;
  top:-10px;
  vertical-align: middle;
  border-left:3px solid #869DFB;
}
.strip-title img{
  vertical-align: middle;
}
.i-red{
  color:red;
}
.i-gray{
  color:#fff;
}
.i-rule{
  padding:3px 5px;
  border-radius:3px;
  background-color:#67C23A;
  position:absolute;
  top:-15px;
  left:-15px;
  color:#fff;
  box-shadow:2px 2px 5px #000;
  font-size:0.2rem;
}

/*底部*/
.i-item-adv{
  min-width:140px;
}
.i-advIcon{
  width:40px;
  height:40px;
  margin:10px 0;
  background:url('img/2018/sprite-identify.png') no-repeat;
  background-size:130% auto;
}
.i-advtitle{
  font-size:0.5em;
  margin:5px 0;
  font-weight:bold;
}
.i-advremark{
  font-size:10px;
}
.i-exclusive{
  background-position:0 0;
}
.i-authority{
  background-position:0 -36px;
}
.i-prioritycooperation{
  background-position:0 -74px;
}
.i-morewelfare{
  background-position:0 -114px;
}

/*任务邀请*/
.invite-page-no-people{
  color:#ccc;
  text-align: center;
  padding:5px 0;
}
.selected-invite-person{
  padding-bottom:20px;
  background-color: #f2f2f2;
}
.rj-list .list{
  background-color: #fff !important;
  margin:0 !important;
  padding:1px 0 0 13px !important;
  width: 100%;
}

/*任务详情页*/
.resource-detail-box{
  margin-bottom:15px;
  padding:20px 10px 0;
  background-color: #fff;
  color:#7D808F;
  font-size:0.35rem;
}
.resource-detail-box>ul>li{
  margin-bottom:8px;
}
.task-detail-basicinfo>div,.task-detail-basicinfo>ul{
  padding-bottom:10px;
}
.task-detail-basicinfo>div:nth-child(1){
  font-size:0.5rem;
  height:auto;
  line-height:1.3;
  color:#434645;
}
.task-detail-basicinfo>div:nth-child(2){
  font-size:0.35rem;
}
.task-detail-gray{
  color:#7D808F;
}
.task-detail-red{
  color:#FF8A8E !important;
}
.task-detail-yellow{
  color:#FBAA32;
}
.privacy-color{
  color:#7B81FB;
}
.task-detail-icon{
  font-size:0.4rem;
}
.contact-box li,.task-share-box li{
  display: inline-block;
  width: 49%;
}
.contact-box li+li{
  padding-left:20px;
  border-left:1px solid #D6D6D6;
}
.task-share-box{
  margin-top:5px;
  padding:10px 0;
  border-top:1px solid #F3F3F3;
}
.task-share-box li+li{
  text-align: right;
}
.task-section-title{
  color:#434645;
  font-size:0.45rem;
  padding-bottom:10px;
  border-bottom:1px solid #F3F3F3;
  margin-bottom:10px;
  position: relative;
}
.task-section-title-tonglu{
  color:#434645;
  font-size:0.35rem;
  padding-bottom:10px;
  border-bottom:1px solid #F3F3F3;
  margin-bottom:10px;
  position: relative;
}
.close-big-image-button{
  display: inline-block;
  width:30px;
  height:30px;
  line-height: 30px;
  text-align: center;
  font-size:18px;
  color:#fff;
  position: absolute;
  top:0;
  right:0;
  z-index: 10;
}
.task-detail-publisher{
  position:relative;
  /*padding:10px;*/
  border-bottom:1px solid #F3F3F3;

}
.task-detail-publisher>li{
  display: inline-block;
  margin-left:10px;
  margin-bottom:10px;
  vertical-align: middle;
}
.task-detail-publisher>li>img{
  width:40px;
  height:40px;
  border-radius: 50%;
}
.focus-publisher{
  /*position: absolute;*/
  /*top:-5px;*/
  /*right:10px;*/
}
.unfold-list{
  position: absolute;
  top:0;
  right:0;
}
.consult-box{
  border-radius:10px;
  padding:2px 15px;
  color:#3B8BD0;
  border:1px solid #3B8BD0;
  margin-top:10px;
  margin-left:10px;
  display: inline-block;
}
.task-section-title>span{
  position: absolute;
  top:0;
  right:0;
  font-size:0.35rem;
  color:#434645;
}

/*对接录入*/
.docking-list{
  padding:10px;
  border-bottom:1px solid #F3F3F3;
  position: relative;
}
.docking-status{
  position:absolute;
  top:10px;
  right:10px;
  padding:2px 8px;
  color:#FAB74D;
  border:1px solid #FAB74D;
  border-radius:5px;
}
.docking-title{
  color:#4c4c4c;
}

/*最新任务*/
.search-label-box{
  display:flex;
  flex-wrap: wrap;
  padding:10px 10px 0;
}
.search-label{
  padding:3px 8px;
  margin:5px;
  border:1px solid #444;
  color:#9C9FAA;
  border-radius: 5px;
}
.search-label-selected{
  color:#fff;
  background-color: #3B8BD0;
  border:none;
}

/*私密不可见*/
.no-suthority{
  position: absolute;
  top:-5px;
  right:-5px;
  border-radius:50%;
  border:1px solid #F79F47;
  color:#F79F47;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
}

.account-lables{
  position:absolute;
  left:120px;
  bottom:5px;
  /*height:30px;*/
  display:flex;
}
.account-lables>i{
  display:inline-block;
  color:#fff;
  width:30px;
  height:30px;
  line-height:30px;
  text-align: center;
  border:1px solid #fff;
  border-radius: 50%;
  margin-left:10px;
  font-size:20px;
}
.account-stars{
  position: absolute;
  top: 20px;
  right:20px;
  color:#fff;
  font-size:18px;
  display: flex;
}
.right-slide{
  width:0;
  background-color:#fff;
  position: absolute;
  top:0;
  right:-350px;
  transition:all .5s;
  border-right:1px solid #b1b1b1;
  padding-top:50px;
  overflow:hidden;
}

.close-slide{
  position:absolute;
  top:0;
  right:0;
  font-size:20px;
  padding:10px 20px;
}
.filterlist-box{
  margin:15px 20px;
  width:78%;
}
.filterlist-title{
  margin: 0.1rem;
  font-size: 0.3rem;
  font-weight: bold;
  padding:1px 10px;
  border-left:3px solid #3B8BD0;
}
.list-item{
  display:inline-block;
  padding:5px 20px;
  border:1px solid #BBBBBB;
  color:#6C6C6C;
  margin:10px 20px 5px 0;
  border-radius:5px;
}
.selected-item{
  border:1px solid #3B8BD0;
  color:#3B8BD0;
}
.submit-box,.submit-box-report{
  position: fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:20px 0;
  display:flex;
  justify-content: space-around;
  background-color: #fff;
}
.submit-box-report{
  position: absolute;
}
.filter-submit-button{
  padding:3px 0 !important;
  text-align: center;
  margin:0 20px;
  min-height:30px;
  line-height:30px;
  /*display: inline-block;*/
  /*width:50% !important;*/
  width:116px !important;
}
.modal-backdrop.active{
  background-color: rgba(0,0,0,0.5);
}
.modal-content.modal.slide-in-left.ng-enter.active.ng-enter-active.half-modal{
  background-color:rgba(0,0,0,0.5);
  margin-left:20%;
}
.page-filterlist-box{
  width:99%;
  margin:auto;
}
.page-filterlist-box filterlist-title{
  height:25px;
}
.page-filterlist-box .filter-items{
  flex:1;
}
.page-filterlist-box .filter-items .list-item{
  padding: 2px 5px;
  margin: 0 8px 5px;
}
.jump-to-more{
  text-align: right;
  padding:0 30px;
  /*font-size:10px;*/
  color:#9C9FAA;
}
.jump-to-more span{
  cursor:pointer;
}
.jump-to-more span:hover{
  color:#7581FB;
}
.edit-list{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0.2rem;
  border-bottom:2px solid #fff;
  /*border-radius:5px;*/
  margin:5px;
  font-size:0.35rem;
  height:1.2rem;
}
.edit-list div:last-child{
  width:60px;
}
.edit-list div:first-child{
  /*vertical-align: middle;*/
  flex:1;
  display: flex;
  align-items: center;
}
.edit-list div:first-child label{
  display: flex;
  align-items: center;
  width: 120px;
  justify-content: space-around;
}
.edit-list div:first-child label span{
  padding:5px 10px;
  border-right: 1px solid #ddd;
}

.edit-apply-form{
  display:inline-block;
  box-sizing: border-box;
  width:100%;
  border-left:2px solid #fff;
  vertical-align: top;
  text-align: center;
  padding:10px;
}

@media screen and (min-width: 900px) {
  .edit-apply-form{
    width:49.8%;
  }
}
.edit-apply-form-title{
  font-size:0.35rem;
  color:#a6a6a6;
  font-weight:bold;
  display: inline-block;
  padding:5px 10px;
  border-bottom: 3px solid #fff;
}
.select-form-type{
  background-color: #fff;
  margin:10px 0;
}
.select-form-type i{
  color:#a6a6a6;
}
.form-config-choice{
  display:flex;
  flex-wrap: wrap;
  background-color: #f2f2f2;
  margin-bottom:20px;
}
.form-config-choice>li{
  padding:0.4rem;
  font-size:0.35rem;
  border:1px solid #d9dfe2;
  /*margin-left:-1px;*/
  /*margin-top:-1px;*/
  margin:5px;
  background-color: #fff;
  cursor: pointer;
}
.has-chosen{
  background-color: #f2f2f2 !important;
  border-color: #fff !important;
}


.popup-buttons{
  /*display:block;*/
  display:flex;
  padding:10px;
  text-align: center;
}
.button.button-positive{
  /*background-color:#7583FD !important;*/
  /*display: inline-block;*/
  width:100%;
}
.upload_add{
  display: inline-block;
  width: 25px;
  height: 25px;
  font-size: 21px;
  text-align: center;
  line-height: 16px;
  color: #9ca3ac;
  border: 1.5px dashed #b9c5cf;
  border-radius: 5px;
  text-decoration: none;
  margin:8px 0;
}
.add-minus-button{
  display:inline-block;
  padding:3px 8px;
  background-color:#3B8BD0;
  color:#fff;
  font-weight:bold;
  outline: none;
  border-radius:3px;
  border:none;
  /*float:right;*/
  /*margin:0 5px 5px -10px;*/
}
.minus-button{
  background-color:#f56c6c;
}
.add-button{
  position: absolute;
  top:-2px;
  right:5px;
}
.ionic_datepicker_popup .popup-buttons{
  display:flex;
}
.ionic_datepicker_popup .popup-body .selected_date_full,
.ionic_datepicker_popup .selected_date,
.ionic_datepicker_popup .popup-buttons button,
.popup-buttons .button:last-child{
  background-color: #3B8BD0 !important;
}

.toggle-style{
  border: none;
  min-height: 48px;
  line-height: 48px;
  padding:0 0 0 5px;
  background-color: #fff;
  font-size: 100%;
  color: #000;
}
.toggle-style>div{
  width:60% !important;
  overflow-x: auto !important;
}
.ionic_datepicker_popup .popup-body .month_select select, .ionic_datepicker_popup .popup-body .year_select select{
  width:100%;
}
.item-select select{
  direction: inherit;
}

/*时间选择器*/
.time-picker-mask{
  position: fixed;
  /*width:100%;*/
  /*height:100%;*/
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
}
.time-picker-box{
  position: fixed;
  width:300px;
  height:180px;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
  background-color:#fff;
}
.time-picker-box>div:nth-child(2){
  display: flex;
  justify-content: space-between;
}
.time-picker-box-title{
  height:45px;
  line-height:45px;
  background-color:#3B8BD0;
  font-size:18px;
  color:#fff;
  font-weight:bold;
  text-align: center;
}
.time-picker-section{
  flex:1;
  text-align: center;
  font-size:16px;
  padding:10px;
  border:1px solid #ddd;

}
.time-picker-section>div{
  margin:10px;
}
.time-picker-section select{
  width:80%;
  text-align: center !important;
}
.time-picker-box>div:last-child{
  margin:10px 0;
  display: flex;
}
.time-picker-box>div:last-child button{
  flex:1;
  border-radius:0;
  padding:5px 5px;
  font-size:16px;
  margin-left:1px;
}

/*活动*/
.activity-title{
  position: relative;
  color:#000;
}
.activity-title img{
  width:100%;
  height:4rem;
}
.activity-title span{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
  width:80%;
  height:56px;
  line-height:28px;
  text-align: center;
  color:#fff;
  font-size:0.45rem;
  /*font-weight:bold;*/
}
.activity-time-box{
  display:flex;
  background-color: #fff;
  margin-top:8px;
}
.activity-time{
  width:100%;
  text-align: center;
  line-height:1.5;
  font-size:0.35rem;
  padding:8px;
  border-right:1px solid #f2f2f2;
}
.activity-favor{
  flex:1;
  text-align: center;
  font-size:0.35rem;
}
.activity-favor i{
  display:inline-block;
  font-size:0.8rem;
  margin:0.4rem 0;
  cursor: pointer;
}
.data-box{
  flex-wrap:wrap;
  margin-top:10px;
  background-color:#fff;
  display:flex;
  justify-content: space-around;
}
.data-box li{
  padding:10px;
  text-align: center;
  font-size:0.35rem;
  /*border:1px solid #718BFF;*/
  margin-left:-1px;
  /*width:25%;*/
}
/*.data-box li div{*/
  /*color:#718BFF;*/
  /*font-size:0.7rem;*/
  /*font-weight:bold;*/
  /*line-height:1.2;*/
  /*margin-top:10px;*/
/*}*/
.data-box li span:first-child{
  display: inline-block;
  width:1.6rem;
  height:1.6rem;
  padding:0.3rem;
  border-radius: 50%;
  border:1px solid #3B8BD0;
  font-size:0.35rem;
}
.data-box li span:last-child{
  vertical-align: bottom;
  display:inline-block;
  padding:5px 10px;
  border-bottom:1px solid #ddd;
  font-size:0.5rem;
}
.rich-text-box{
  background-color:#fff;
}
.rich-text-box>div:first-child{
  font-size:0.35rem;
  padding:10px;
  height:50px;
  line-height:34px;
}
.activity-content{
  margin-top:10px;
  background-color: #fff;
  padding:10px;
}
.section-box{
  margin-top:10px;
  background-color: #fff;
}
.section-box-titles{
  display: flex;
  justify-content: space-around;
  font-size:0.35rem;
  padding:10px;
}
.section-box-titles>li{
  padding:3px 8px;
  cursor:pointer;
}
.selected-section{
  color:#3B8BD0;
  border-bottom:2px solid #3B8BD0;
}
.two-line-wrap{
  /*position:relative;*/
  /*overflow:hidden;*/
  white-space: normal !important;
  /*max-height:55px;*/
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.two-line-wrap::after{
  /*content:"  ";*/
  /*font-weight:bold;*/
  /*position:absolute;*/
  /*bottom:0;*/
  /*right:0;*/
  /*padding:0 20px 1px 45px;*/
  /*background:url(http://newimg88.b0.upaiyun.com/newimg88/2014/09/ellipsis_bg.png) repeat-y;*/
}
.image-text-section{
  background-color: #fff;
  min-height:500px;
}
.activity-block-title{
  font-weight: bold;
  display: flex;
}
.activity-title{
  font-size: 16px;
}
.activity-block-title img{
  width:80px;
  height:60px;
  vertical-align: middle;
  margin-right:10px;
}
.activity-block{
  height:120px;
  color:#999;
}
.activity-block-detail p{
  margin:0 !important;
}
.top-other-icon{
  font-size:20px !important;
  color:#fff;
  line-height:34px;
  margin-right:10px;
  cursor:pointer;
}
.activity-block-bottom{
  display: flex;
  justify-content: space-between;
  padding-top:5px;
  border-top:1px solid #f2f2f2;
}
.delete-activity-broadcast{
  position:absolute;
  top:0;
  right:0;
  padding:3px 10px;
  margin:8px;
  cursor: pointer;
  border:1px solid #FF8A8E;
  border-radius:5px;
  color:#FF8A8E;
  font-size:0.25rem;
}
.modal-box{
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: rgba(0,0,0,0.3);
  z-index: 10;
}
.modal-box>div{
  background-color: #fff;
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  padding:15px;
}
.modal-box>div>i{
  position: absolute;
  top:0;
  right:0;
  font-size:24px;
  padding:15px;
  cursor: pointer;
}
.live-broadcast-modal{
  width:100%;
  max-width: 20.5rem;
  height:300px;

}
.self-define-modal-title{
  width:80%;
  font-size:0.45rem;
  font-weight:bold;
}
.image-text-section-publisher{
  float:right;
}
.image-text-section-publisher>img{
  width:35px;
  height:35px;
  border-radius: 50%;
  vertical-align:middle;
}
.has-link{
  cursor: pointer;
  color:#718BFF;
}
.my-release-title{
  font-size:0.35rem;
  text-align: center;
  padding:10px;
  border-top:5px solid #f2f2f2;
}

.personal-homepage{
  font-size:0.35rem;
  padding:5px 10px;
}
.personal-homepage i{
  font-size: 0.45rem;
  color:#F7642D;
}
.table{
  width: 100%;
}
.table tr th,.table tr td{
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  text-align: center;
  margin: 10px;
  font-size: 16px;
}
.table tr th{
  padding: 20px;
  background: #d9d9d9;

}
.table tr td{
  padding: 10px;
}