@charset "utf-8";
/* 下拉多选样式 需要引用*/
select[multiple]+.layui-form-select>.layui-select-title>input.layui-input{ border-bottom: 0}
select[multiple]+.layui-form-select dd{ padding:0;}
select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary]{ margin:0 !important; display:block; line-height:36px !important; position:relative; padding-left:26px;}
select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] span{line-height:36px !important;padding-left: 10px; float:none;}
select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] i{ position:absolute; left:10px; top:0; margin-top:9px;}
.multiSelect{ line-height:normal; height:auto; padding:4px 10px; overflow:hidden;min-height:38px; margin-top:-38px; left:0; z-index:99;position:relative;background:none;}
.multiSelect a{ padding:2px 10px; background:#908e8e; border-radius:2px; color:#fff; display:block; margin:2px 5px 2px 0; float:left;}
.multiSelect a span{ float:left;}
.multiSelect a i {float:left;display:block;margin:2px 0 0 2px;border-radius:2px;width:8px;height:8px;padding:4px;position:relative;-webkit-transition:all .3s;transition:all .3s}
.multiSelect a i:before, .multiSelect a i:after {position:absolute;left:8px;top:2px;content:'';height:12px;width:1px;background-color:#fff}
.multiSelect a i:before {-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.multiSelect a i:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.multiSelect a i:hover{ background-color:#545556;}
.multiOption{display: inline-block; padding: 0 5px;cursor: pointer; color: #999;}
.multiOption:hover{color: #5FB878}
@font-face {font-family: "iconfont"; src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaoAAsAAAAACfwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kokY21hcAAAAYAAAABwAAABsgdU06BnbHlmAAAB8AAAAqEAAAOUTgbbS2hlYWQAAASUAAAALwAAADYR+R9jaGhlYQAABMQAAAAcAAAAJAfeA4ZobXR4AAAE4AAAABMAAAAUE+kAAGxvY2EAAAT0AAAADAAAAAwB/gLGbWF4cAAABQAAAAAfAAAAIAEVAGhuYW1lAAAFIAAAAUUAAAJtPlT+fXBvc3QAAAZoAAAAPQAAAFBD0CCqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s04gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLwwZ27438AQw9zA0AAUZgTJAQAokgyoeJzFkTEOgCAQBOdAjTH+wtbezvggKyteTPyFLpyFvsC9DNnbHIEA0AJRzKIBOzCKdqVW88hQ84ZN/UBPUKU85fVcrkvZ27tMc17FR+0NMh2/yf47+quxrtvT6cVJD7pinpzyI3l1ysy5OIQbzBsVxHicZVM9aBRBFJ43c7szyeV2s/97m9zP3ppb5ZID72+9iJfDnyIiGImCMZWFXaKdaSyuESJYCFZpRZBUCpaJcCCKaexsRVHQytrC2/Pt5ZSIy+z3vvnemwfvY4ZIhAw/s33mEoMcJyfJebJCCMgVKCk0B37YqNIKWL5kOabCwiD0eVCqsjPglGTTrrUaZUfmsgoK5KHu11phlYbQbHToaajZOYDsjLeqz83q7BFMumH+fnyRPgGrEMyqnYV4eX7JrBUNsTWl61ldfyhkSRKUplQFNh17QpqYlOOnkupZ+4UTtABT2dC7tJYpzug3txu3c3POBECvB8ZMUXm2pHkarnuebehZPp0RrpcJjpmw9TXtGlO58heCXwpnfcVes7PExknPkVWctFxSIUxANgs4Q9RaglYjjIKwCqGvANfy4NQtBL8DkYaipAVVaGqNVuTnoQBYg8NzHzNaJ7HAdpjFXfF2DSEjxF2ui7T8ifP2CsBiZTCsLCbxCv4UDvlgp+kFgQcHXgAQP64s0gdQdOOKWwSM8CGJz4V4c11gQwc70hTlH4XLv12dbwO052OotGHMYYj8VrwDJQ/eeSXA2Ib24Me42XvX993ECxm96LM+6xKdBCRCNy6TdfSDoxmJFXYBaokV5RL7K/0nOHZ9rBl+chcCP7kVMML6SGHozx8Od3ZvCEvlm5KQ0nxPTJtiLHD7ny1jsnxYsAF7imkq8QVEOBgF5Yh0yNkpPIenN2QAsSdMNX6xu85VC/tiE3Mat6P8JqWM73NLhZ9mzjBy5uAlAlJYBiMRDPQleQ+9FEFfJJImGnHQHWIEmm/5UB8h8uaIIzrc4SEPozByel3oDvFcN+4D+dU/uou/L2xv/1mUQBdTCIN+jGUEgV47UkB+Aw7YpAMAAAB4nGNgZGBgAGLbQwYd8fw2Xxm4WRhA4HrO20sI+n8DCwOzE5DLwcAEEgUAPX4LPgB4nGNgZGBgbvjfwBDDwgACQJKRARWwAgBHCwJueJxjYWBgYH7JwMDCgMAADpsA/QAAAAAAAHYA/AGIAcp4nGNgZGBgYGWIYWBjAAEmIOYCQgaG/2A+AwASVwF+AHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJWRiZGZkYWRlZGNgbGCuzw1MykzMb8kU1eXs7A0Ma8CiA05CjPz0rPz89IZGADc3QvXAAAA') format('woff')}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-fanxuan:before { content: "\e837"; }
.icon-quanxuan:before { content: "\e623"; }
.icon-qingkong:before { content: "\e63e"; }


.layui-form-radioed>i, .layui-form-radio>i:hover,
.multiOption:hover{
    color: #d4011a
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
    border-color: #d4011a;
}
.layui-form-checked[lay-skin="primary"] i{
    border-color: #d4011a;
    background-color: #d4011a;
}

.layui-laydate .layui-this {
    background-color: #d4011a !important;
    color: #fff !important;
}
.layui-form-select dl dd.layui-this {
    background-color: #d4011a;
    color: #fff;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ 
    color:#ccc; 
}
input:-moz-placeholder,textarea:-moz-placeholder{ 
    color:#ccc; 
}

input::-moz-placeholder,textarea::-moz-placeholder{ 
    color:#ccc; 
} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ 
    color:#ccc; 
}

html,body{
    background: #F9F9F9
}
.layui-form-pane .layui-form-radio,
.layui-form-pane .layui-form-checkbox{
    margin-left: 0
}
#content{
    max-width: 1400px;
    padding:10px 50px;
    display: flex;
    margin: 0 auto
}
#left{
    width: 270px;
    background:#FFFFFF;  
    margin-right: 30px;
    border-radius: 5px;
    padding:45px 0
}
#left .left-item{
    padding: 15px 0;
    font-size: 16px;
    text-indent: 20px;
    cursor: pointer;
    margin-bottom: 5px;
    color: #989A99;
    position: relative;
}
#left .left-item i{
    width: 3px;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #d4011a;
}
#left .left-item:hover,
#left .left-item.left-item-active{
    background: #FFFBFA;
    transition: all 0.45s
}
#left .left-item:hover i,
#left .left-item.left-item-active i{
    height: 100%;
    transition: height 0.45s
}
#right{
    flex: 1;
    background:#FFFFFF;
    font-size: 16px;
    color: #454545;
    border-radius: 5px
}
.right-title{
    padding: 12px 0 12px 30px;
    font-size: 18px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.right-title span:nth-child(1){
    flex: 1;
}
.right-title .help{
    font-size: 16px;
    padding-right: 20px;
    color: #666666;;
    cursor: pointer;
    transition: all 0.3s
  }
  .right-title .help:hover{
    color: #282828
  }

.right-form-item{
    width: 60%;
    margin-left: 30px;
    margin-bottom: 25px;
}
.img-margin-top{
    margin-top:25px
}
.entry-div{
    margin-bottom: 0;
}
.activity-div{
    display: none
}

.item-bottom{
    margin-bottom: 10px;
    width: 95%;
}
.form-item-tips{
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 700;
}

.layui-form-item .form-item-tips .layui-form-checkbox[lay-skin="primary"]{
    margin: 0
}

.no-margin-tips{
    margin-bottom: 0
}
.form-item-tips span{
    color: #d4011a
}
.form-item-tips a:hover{
    text-decoration:underline
}
.form-item-input{
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.form-item-input input{
    flex: 1
}
.form-item-input .layui-form-select{
    width: 100%
}
.form-item-input .custom-width-input{
    flex: none;
    width: 360px;
    z-index: 10;
    background: rgba(0,0,0,0);
}
.date1+i{
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 22px;
    position: absolute;
    top: 0;
    left: 322px;
}
.form-item-input .saskSpan{
    width: 22px;
    height: 22px;
    margin-left: 8px;
    cursor: pointer;
}
.uploadImg-div{
    flex-wrap: wrap;
    width: 880px;
}
.uploadImg{
    width: 280px;
    height: 200px;
    border:1px solid #DCDCDC;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
.uploadImg .uploadImgEl{
    width: 100%;
    height: 100%;
}
.uploadImg .bag-i {
    display: block;
    width: 153px;
    height: 89px;
    margin: 10px auto 0;
}
.uploadImg .bag-title{
    font-size: 18px;
    margin-bottom: 10px;
    color: #919191
}
.uploadImg .bag-subtitle{
    font-size: 14px;
    margin-top: 5px;
    color: #D3D3D3
}
.uploadImg > .imgLoadPreview{
    display: none;
    transform: all 0.1s
}
.uploadImg > .imgLoadPreview,
.uploadImg > .imgLoadPreview >  .imgLoadPreview-m,
.uploadImg > .imgLoadUp{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.uploadImg > .imgLoadPreview >  .imgLoadPreview-m{
    background: rgba(0,0,0,0.5)
}
.uploadImg > .imgLoadPreview > .imgLoadPreview-m img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
.uploadImg > .imgLoadUp{
    display: none;
    background: #fff
}
.uploadImg > .imgLoadUp:hover i{
    display: block
}
.uploadImg > .imgLoadUp i{
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    color: red;
    font-size: 16px;
    font-weight: bold;
    display: none
}
.img-list{
    width: 280px;
    height: 200px;
    box-sizing: border-box;
    margin-right: 10px;
    border: 1px solid #DCDCDC;
    margin-bottom: 10px;
}
.img-list:nth-child(3n){
    margin-right: 0
}
.source-bottom-div{
    margin-left: 30px;
    margin-bottom: 25px;
}
.source-div{
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 16px;
    color: #D0D0D0;
    height: 38px;
    line-height: 38px
}
.source-name , .source-phone{
    /* color: #CF1020; */
    margin-left: 5px;
}
.source-name{
    margin-right: 30px;
}
.f-source-div{
    display: flex;
    width: 360px;
}
.f-source-div input{
    flex: 1
}
.f-source-div input:nth-child(1){
    margin-right: 10px
}
.tcp-div{
    margin-left: 30px;
    display: flex;
    align-items: center;
}
.tcp-div a{
    color: #4D7099
}
.tips-box{
    display: flex;
    margin-left: 30px;
    margin-bottom: 25px;
    width: 60%;
    flex-wrap: wrap;
}
.tips-item{
    padding: 8px 12px;
    background: #EDEDED;
    border-radius: 3px;
    color: #454545;
    position: relative;
    font-size:15px ;
    margin-bottom: 8px;
    margin-right: 8px;
}
.tips-item .tips-del{
    color: #A7A7A7;
    margin-left: 5px;
    cursor: pointer;
    padding: 0px 5px;
    font-size: 18px;
}
.tips-item .tips-del:hover{
    color: red
}
.city-item{
    display: flex;
}
.city-item .addr-input{
    width: 33%
}

.but-div{
    display: flex;
    margin-left: 100px;
    margin-top: 28px;
    margin-bottom:50px
}

.but-div > div{
    width: 200px;
    font-size: 15px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
    margin-right: 30px;
    font-weight: 600;
    font-family: 微软雅黑;
    cursor: pointer
}
.but-div > .preserve{
    background: #d4011a;
    color: #fff
}
.but-div > .contribute{
    background: #d4011a;
    color: #fff;
}

.but-div  .btnActivate{
    background: #d4011a;
    color: #fff;
    transition: all 0.2s
}

#loading-mtk{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.35);
    z-index: 999;
    display: none
}
#loading-mtk img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}




.contribute-navigation {
    /* padding: 20px 0; */
    background: #FFFFFF;
    /* max-width: 1340px; */
    /* margin: 10px auto 0; */
    box-sizing: border-box;
    border-radius: 5px;
    max-width: 1140px;
    position: absolute;
    left: 50%;
    /* transform: translate(-50%,10%); */
    padding: 0 112px;
    transform: translate(-50%,30%);
}
.contribute-navigation >div {
    /* width: 1000px; */
    display: flex;
    align-items: center;
    /* margin: 0 auto; */
    margin: 15px auto;
}
.contribute-navigation >div > div {
    text-align: center;
    flex: 1;
    z-index: 3;
}
.contribute-navigation >div > div > .nav-item {
    width: 48px;
    height: 48px;
    background: #f6f6f6;
    text-align: center;
    line-height: 45px;
    font-size: 22px;
    /* font-weight: 700; */
    border-radius: 50%;
    /* border: 2px dotted #fff; */
    /* box-shadow: 0 0 10px #a9a9a9; */
    display: inline-block;
    color: #a9a9a9;
}
.contribute-navigation >div > div > .nav-item-active{
    color: #cf1021;
    border: 2px dotted #cf1021;
    background: #fff;
}
.contribute-navigation >div > div > p {
    margin: 10px 0 0 0;
    /* color: #3E4142; */
    font-size: 15px;
}
.contribute-navigation > p {
    color: #ccc;
    font-size: 14px;
    margin-top: 12px;
    text-align: center;
}
/* 20200727 hj 投稿提示语 */
.tgtsBack{   
    background: url("/static/images/poststraw/tgts_back.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 190px;
    position: relative;
    margin-bottom: 60px;
}
.tgts{  
    max-width: 1245px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding-top: 15px;
}
.tgtsTitle{
    font-size: 22px;
    line-height: 35px;
}
.tgtsContent{
    font-size: 16px;
    line-height: 30px;
}
.tgewm{
    float: right;
    width: 100px;
    margin-top: -80px;
}
.aTgts{
   color: #BF9D99
}
.aTgts:hover{
    text-decoration: underline;
    color:#d5aeaa;
}
.bottomTs{
    color: #b6b6b6;
    padding: 0px 60px 25px 25px;
    line-height: 32px;
}
.aTgts_1{
    color: #4D7099;
}
.aTgts_1:hover{
    text-decoration: underline;
    color:#6996ca;
}
.backLine{
    height: 1px;
    background: #ececec;
    width: 810px !important;
    position: absolute;
    top: 45px;
    left: 95px;
    z-index: 1;
}
 .bankCard-dialog .layui-layer-content {
	 height: unset!important;
 }
	 
.bankCard-dialog {
    height: 230px !important;
}
.bankCard-dialog .layui-layer-btn a {
	height: 39px !important;
    line-height: 36px !important;
}

.stage-box {
    /* width: 1000px; */
    margin: 15px auto;
    display: flex;
    align-items: center;
}
.stage-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.stage-style {
    display: flex;
    align-items: center;
}
.stage-item>p {
    margin-top: 10px;
    color: #cdcdcd;
}
.strikethrough {
    width: 87px;
    height: 2px;
    background: #cdcdcd;
}
.outer-circle {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #cdcdcd;
    margin: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inside-circle {
    width: 12px;
    height: 12px;
    background: #cdcdcd;
    border-radius: 50%;
}
.poststraw-tips {
    margin-bottom: 15px;
    color: #c2c2c2;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
}
.stage-box .nav-item-active .outer-circle{
    border: 1px solid #e40001;
}
.stage-box .nav-item-active .inside-circle{
    background: #e40001;
}
.stage-box .nav-item-active .strikethrough {
    background: #e40001;
}
.stage-box .nav-item-active p{
    color: #3E4142;
}