/*提示窗口样式*/
.reminderBox{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10000;
}
.reminderBox .reminderBox-container{
    width: 400px;
    height: 200px;
    background-color: white;
    margin: 15% auto;
    border-radius: 10px;
    text-align: center;
    position: relative;
    box-shadow: 0 0 10px rgba(225,225,225,0.5);
}
.reminderBox .reminderBox-container .title{
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    font-weight: 500;
    color: #313131;
}

.reminderBox .reminderBox-container #closeImg{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.reminderBox .reminderBox-container .content{
    height: 60px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #959595;
    padding: 0 15px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}

.btn-confirm{
    width:112px;
    height:36px;
    background:rgba(76,181,255,1);
    color: white;
    border:1px solid rgba(76,181,255,1);
    border-radius:4px;
    cursor: pointer;
}

.reminderBox .reminderBox-container  .btn-cancel{
    width:112px;
    height:36px;
    background:white;
    color: #959595;
    border:1px solid #959595;
    border-radius:4px;
    cursor: pointer;
    margin-left: 10px;
}



/*带输入框弹窗样式*/
#edit-link-box{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);z-index: 1000;}
#edit-link-box .content{z-index: 1001;width: 500px;padding: 30px;height: 250px;box-sizing: border-box;background-color: white;margin: 200px auto;border-radius: 4px;}
#edit-link-box .content .title{text-align: center;margin-top: 20px;font-size: 18px;}
#edit-link-box .content .input-box{width: 100%;margin-top: 30px;}
#edit-link-box .content .input-box #input-text{float: none;border: 1px solid #ebebeb;width: 100%;height:60px;text-align: left;border-radius: 3px;padding: 10px;}
#edit-link-box .content .btn-box{width: 100%;margin-top: 30px;text-align: right;}
#edit-link-box .content .btn-box button{width: 80px;height: 36px;background-color: white;border-radius: 3px;border: 1px solid #ddd;}
#edit-link-box .content .btn-box .active{background-color: #4CB5FF;border: 1px solid #4CB5FF;color: white;}



/*加载样式*/
#loading-box{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 3px;
    z-index: 1000;
}

/*提示信息样式*/
#tip-message{
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 100px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: white;
    padding: 0 20px;
    z-index: 100;
    box-shadow:0px 10px 40px 0px rgba(230,230,230,1);
    border-radius:4px;
}

#tip-message img{
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}

#tip-message span{
    font-size: 18px;
    color: #4D4D4D;
}


/*提示信息样式*/
@keyframes myToast
{
    from {top: -80px;}
    to {top: 0;}
}

@-moz-keyframes myToast /* Firefox */
{
    from {top: -80px;}
    to {top: 0;}
}

@-webkit-keyframes myToast /* Safari 和 Chrome */
{
    from {top: -80px;}
    to {top: 0;}
}

@-o-keyframes myToast /* Opera */
{
    from {top: -80px;}
    to {top: 0;}
}



#toast-box{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    animation: myToast 0.4s;
    -moz-animation: myToast 0.4s;	/* Firefox */
    -webkit-animation: myToast 0.4s;	/* Safari 和 Chrome */
    -o-animation: myToast 0.4s;
    z-index: 100001;
}

#toast-box .content{
    padding: 25px 40px;
    background:rgba(0,0,0,0.5);
    border-radius:3px;
    font-size:18px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:white;
    display: flex;
    align-items: center;
}
#toast-box .content img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}


/*添加媒体弹窗样式*/
.addMediaBox{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;z-index: 1000;}
.addMediaBox .content{position:relative;width: 1000px;background-color: white;border-radius: 4px;overflow-y: scroll;}
.addMediaBox .content #btn-close{position: absolute;right: 20px;top: 20px;cursor: pointer;}
.addMediaBox .content .content-body{padding: 40px 60px 24px 60px;box-sizing: border-box;text-align: center;}
.addMediaBox .content .content-body .text{font-size: 20px;color: #333;}
.addMediaBox .content .content-body img{width: 100%;height: auto;margin:20px 0;}
.addMediaBox .content .content-body .btn-download{width: 112px;height: 36px;line-height: 36px;background-color: #4CB5FF;color: white;border-radius: 3px;}

.addMediaBox .content .content-body #auth-step{display: flex;justify-content: space-between;align-items: center;padding: 0 90px;box-sizing:border-box;margin-top: 30px;margin-bottom: 10px;}
.addMediaBox .content .content-body #auth-step .item{display: flex;justify-content: center;align-items: center;}
.addMediaBox .content .content-body #auth-step .item .num{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:rgba(255,255,255,1);border:2px solid rgba(204,204,204,1);border-radius:50%;color: #ccc;font-size: 16px;}
.addMediaBox .content .content-body #auth-step .item .text{font-size: 16px;color: #ccc;margin-left: 8px;white-space: nowrap;}
.addMediaBox .content .content-body #auth-step .label{width:120px;border-bottom:2px dashed #CCCCCC;margin: 0 23px;}
.addMediaBox .content .content-body #auth-step .label-active{border-bottom:2px dashed #4CB5FF}
.addMediaBox .content .content-body #auth-step .current .num{background-color: #4CB5FF;color: white;border: 1px solid #4CB5FF;}
.addMediaBox .content .content-body #auth-step .current .text{color: #4CB5FF;}
.addMediaBox .content .content-body #auth-step .active .num{color: #4CB5FF;border: 1px solid #4CB5FF;}
.addMediaBox .content .content-body #auth-step .active .text{color: #4CB5FF;}
.bx-wrapper{
    position: relative;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 99;
    background-color: rgba(0,0,0,0.05);
}
.bx-wrapper ul>li>span{
    display: inline-block;
    overflow: hidden;
}
.bx-wrapper .bx-next {
    right: -46px;
    background: url(../../home_images/Bg_Img.png) no-repeat -31px -434px;
}

.bx-wrapper .bx-prev {
    left: -46px;
    background: url(../../home_images/Bg_Img.png) no-repeat -2px -434px;
}

/*文案预览详情页面-引导窗口样式*/
#article-guide{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;z-index: 1000;}
#article-guide .content{width:720px;height:538px;background:rgba(255,255,255,1);border-radius:8px;position: relative;}
#article-guide .content .btn-close{position: absolute;right: 15px;top: 15px;cursor: pointer;}
#article-guide .content .title{width:497px;height:48px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(51,51,51,1);line-height:32px;margin-top: 39px;margin-left: 112px;text-align: center;}
#article-guide .content .sub-title{width:270px;height:16px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(102,102,102,1);line-height:32px;margin:22px 232px 39px 232px;}
#article-guide .content .sub-title a{color: #4CB5FF;text-decoration: underline;}
#article-guide .content .img-box{width: 640px;height: 334px;margin-left: 40px;}
#article-guide .content .img-box img{width: 100%;height: 100%;}