/*iconfont*/
@font-face {
    font-family: 'icon-minpage';  /* project id 22102 */
    src: url('//at.alicdn.com/t/font_22102_rbg7wjuk3bd.eot');
    src: url('//at.alicdn.com/t/font_22102_rbg7wjuk3bd.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_22102_rbg7wjuk3bd.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_22102_rbg7wjuk3bd.woff') format('woff'),
    url('//at.alicdn.com/t/font_22102_rbg7wjuk3bd.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_22102_rbg7wjuk3bd.svg#minpage') format('svg');
}
.icon-minpage {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-minpage {
    font-family: "icon-minpage"!important;
}

@font-face {
    font-family: "icon-mymess";
    src: url('//at.alicdn.com/t/font_52463_v2ux9bmzifzxs9k9.eot');
    src: url('//at.alicdn.com/t/font_52463_v2ux9bmzifzxs9k9.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_52463_v2ux9bmzifzxs9k9.woff') format('woff'),
    url('//at.alicdn.com/t/font_52463_v2ux9bmzifzxs9k9.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_52463_v2ux9bmzifzxs9k9.svg#iconfont') format('svg');
}
.icon-mymess {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-mymess {
    font-family: "icon-mymess"!important;
}
.icon-minpage-releasePic:after{
    content:'\eb93'
}
.icon-minpage-setRecommend:after{  /*设置推荐*/
    content:'\eb95'
}
.icon-minpage-cancleRecommend:after{  /*取消推荐*/
    content:'\eb96'
}

/* @media */
@media screen and (min-width:800px) {
    .wrap,
    .mess-poppanel,
    .pay-poppanel,
    .edit-type-box,
    .minpage-popup-mask,
    .minpage-foot,
    .minpage-popup-masks,
    #nativeShare,
    .pop,
    .iwantbmbtn-box,
    .guide-mask,
    .step
    {
        width: 540px!important;
        left: 50%!important;
        margin-left: -270px;
    }
}

@media screen and (min-width:800px) {
    /*适应滚动条占了彩色条的位置而导致的布局中问题*/
    .header {
        width: 540px!important;
    }
    .head-one {
        padding-right: 17px;
    }
    .edit-ipt {
        padding-right: 15px;
    }

    .head  {
        width: 523px!important;
        left: 50%!important;
        margin-left: -270px!important;
    }
    .popbox {
        width: 400px!important;
        left: 50%!important;
        margin-left: -200px!important;
    }
    .loadcode {
        width: 440px!important;
    }
    .ui-popup {
        width: 450px!important;
        min-width: 450px!important;
        left: 50%!important;
        margin-left: -225px!important;
    }

}
@media screen and (min-width:800px) {
    .music-wraps {
        right: 50%!important;
        margin-right: -248px!important;
    }
}

/*报名微单页*/
@media screen and (min-width: 800px) {
    .bigwrap {
        left: 50%!important;
        width: 540px;
        margin-left: -270px;
    }
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*common*/
a {
    tap-highlight-color:rgba(255,0,0,0);
    -webkit-tap-highlight-color:rgba(255,0,0,0);
    -moz-tap-highlight-color:rgba(255,0,0,0);
}
body {
    background: #efeff4;
}
.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: block;
}
.dis-flex {
    display : flex;
    display : -webkit-flex;
    display : -webkit-box;
    display : -ms-flexbox;
}
.flex-align-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-top-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
}
.ui-toast.ui-toast-icon-1 i.icon-minpage {
    display: inline-block;
    margin-right: 10px;
    font-size: 2rem;
}
.ui-toast.ui-toast-icon-1 .icon-minpage:after {
    content: "\e670";
    color: #0cbd5e;
}
.ui-toast.ui-toast-icon-1 .toast-cont span {
    display: block;
    float: right;
    margin-top: 1px;
    font-size: 1.6rem;
    font-family: Microsoft YaHei;
}


.m-pagecont-mend {
    bottom: 45px;
    padding-bottom: 50px;
}

.minpage-foot .foot-btn-1 {
    text-align: center;
    display: block;
    height: 100%;
    color: #fff;
    background: #0079fe;
    font-size: 1.8rem;
    line-height: 45px;
    font-weight: bold;
}

.minpage-foot .flex {
    height: 100%;
}
/*minPageList.html 列表*/
.ui-tips-nodata {
    margin-top: 50px;
}

.m-editlist-box {
    padding: 15px 0;
}

.m-editlist li.m-item {
    margin-top: -1px;
    border-bottom: solid 1px #e1e1e1;
    position: relative;
    z-index: 10;
    background: #fff;
    height: 50px;
    line-height: 50px;
}

.m-editlist li.m-item .m-del {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    background: #ff3b30;
    color: #fff;
    height: 100%;
    width: 60px;
    text-align: center;
    font-size: 1.6rem;
}

.m-editlist .m-check {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    height: 100%;
    width: 50px;
    text-align: center;
}

.m-editlist .m-check .m-checkbox {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    margin-top: 13px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    border: solid 1px #aaa;
}

.m-editlist .m-check .m-checkbox:checked {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MjBDQkFCMjkxMTFFNDlBOTU4NzAyQjRERDQ3ODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MjBDQkJCMjkxMTFFNDlBOTU4NzAyQjRERDQ3ODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjgyMENCOEIyOTExMUU0OUE5NTg3MDJCNERENDc4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjgyMENCOUIyOTExMUU0OUE5NTg3MDJCNERENDc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu+WnpIAAAEDSURBVHjaYvz//z8DNQHjoDeQiRqOAuKlQFwP4rBQwcAJQBwFZctQ6sJaIM5D4j9nAIUhmTjjPyqYDo4PMg0LBeK/SIatAmJmZAPNgdiWSMNcgPgXkmG7gZgNJg8z7CMQfwNiVwKGmQHxFyTDTgIxD7IaEHEWSQHIZj8chmkA8WsktdeBWBRdHYiQBuLLSApBYRONplAGiB8jqXkCFWPAZiAD1KYzaIamI8ldQ5IDuVITV7Agc/iB+ChaUqiEhhMMfIGGOQMxBoIwFxDv+48d/CIi0rCmQ1AS2IRmGCgIwohJVrgkQIYuRTIwk9hEj6tw+AXEcUD8DYgfA/H04VPAAgQYAPx/6wWajMaIAAAAAElFTkSuQmCC') #0079ff no-repeat center center; background-size: 60% auto;
    border-color: #0079ff;
}

.m-editlist li.m-item .m-left {
    position: absolute;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    z-index: 2;
    background: #fff;
    padding: 0 10px 0 0;
}

.m-editlist li.m-item .m-left.open-left {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0)
}

.m-editlist li.m-item .m-left.open-right {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0)
}

.m-editlist .i-eye,.m-editlist .i-noeye {
    float: right;
    font-size: 2rem;
}

.m-editlist .i-eye {
    color: #2dc948
}

.m-editlist .m-left .m-cont {
    overflow: hidden;
    padding: 0 0 0 10px;
}

.m-editlist .i-move {
    float: right;
}

.m-editlist .i-move:after {
    padding: 0 10px 0 20px;
    content: "\e621";
    font-size: 2.2rem;
    color: #ccc;
    float: right;
}

.m-editlist .m-cont .i-num {
    background: #bbb;
    border-radius: 6px;
    padding: 2px 5px 0;
    color: #fff;
    margin-right: 8px;
    font-size: 1.4rem;
}
/**2016-1-9 添加剩余标注*/
.m-editlist li {
    position: relative;
}

.surplusTab {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 30px;
    height: 18px;
    line-height: 18px;
    width: 48px;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
}

.surplusbg0 {
    background-color: #ccc;
}

.surplusbg1 {
    background-color: #dd381d;
}

.surplusbg2 {
    background-color: #ff7f02;
}

.surplusbg3 {
    background-color: #21c63d;
}
/*新版 微单页 引导教程*/
@media screen and (min-width:800px) {
    .step.step-2 {
        background-position: 95% top!important;
        background-size: 37%!important;
    }

    .step.step-3 {
        background-position: 95% 3px!important;
        background-size: 56%!important;
    }

    .step.step-4 {
        background-position: 95% top!important;
    }
    .step.step-5 {
        background-position: 100% 96px!important;
    }
    .step.step-6 {
        background-position: 100% 154px!important;
    }
    .step.step-7 {
        background-position: 100% 22px!important;
    }
}
.step {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.step-next {
    position: absolute;
    bottom: 110px;
    left: 50%;
    margin-left: -72px;
    width: 145px;
    height: 41px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/step_nexts.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.step-ignore {
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -22px;
    width: 45px;
    height: 20px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/step_ignore.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.step-last {
    bottom: 110px;
    margin-left: -72px;
    width: 145px;
    height: 41px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/step_last.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.step-nomore {
    bottom: 170px;
    margin-left: -62px;
    width: 125px;
    height: 20px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/step_nomores.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.step-last,.step-nomore {
    display: none;
    position: absolute;
    left: 50%;
    cursor: pointer;
}
.step-nomore.checked {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/step_nomore.png) no-repeat;
    background-size: cover;
}

.step.step-1 {
    background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_001.png) no-repeat;
    background-position: 0 47px;
}
.step.step-2 {
    background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_002.png) no-repeat;
    background-position: 100% top;
    background-size: 50%;
}
.step.step-3 {
    /*background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/no33.png) no-repeat;*/
    background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/stpev2.png) no-repeat;
    background-position: 100% top;
}
.step-3 .step-line {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/step3-line.png) no-repeat;
    width: 100%;
    height: 78px;
    background-size: 100%;
    position: absolute;
    top: 156px;
}
.step.step-4 {
    background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_004.png) no-repeat;
    background-position: 100% top;
}
.step.step-5 {
    background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_005.png) no-repeat;
    background-position: 100% 72px;
}
.step.step-6 {
    background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_006.png) no-repeat;
    background-position: 100% 130px;
}
.step.step-7 {
    background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_0007_01.png) no-repeat;
    /*background-position: 100% 138px;*/
    background-position: 100% 0px;
}
/**/
/*.step.step-5 {
			background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_005.png) no-repeat;
			background-position: 100% 67px;
		}
		.step.step-6 {
			background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_006.png) no-repeat;
			background-position: 100% 154px;
		}
		.step.step-7 {
			background: rgba(0,0,0,.7) url(http://xmsoqistatic.qiniu.soqi.cn/step_007.png) no-repeat;
			background-position: 100% 162px;
		}*/

/*新版 微单页 css*/
.wrap {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 99;
    background: #fff;
}

.page-a {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0px;
    padding: 0 0 50px 0;
    overflow-y: auto;
    overflow-x: hidden;
    /*overflow: auto;*/
}
.page-a.active {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.wrap .page-a>.con {
    width: 100%;
    margin:30px 0 0;
}
.head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 101;
    -webkit-transform: translateY(-50px);
    opacity: 0;
    background: #a0a0a0;
}

.head.active {
    animation: test 300ms both;
    -webkit-animation: test 300ms both;
}
@-webkit-keyframes test {
    0% {
        -webkit-transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        opacity:1;
    }
}
@keyframes test {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity:1;
    }
}

.header {
    position: relative;
    width: 100%;
    background: #a0a0a0;

}
.header .swiper-container {
    width: 100%;
    height: 20px;
}
.wrap .showback-to {
    position: absolute;
    z-index: 9999;
    padding: 0 10px;
    cursor: pointer;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
}
.wrap .back-to {
    float: left;
    padding: 0 10px;
    cursor: pointer;
    height:40px;
}
.wrap .showback-to i {
    color: #fff;
    font-size: 2.2rem;
    line-height: 38px;
}
.wrap .back-to i {
    color: #fff;
    font-size: 2.2rem;
    line-height: 50px;
}
.wrap .back-to i:after,
.wrap .showback-to i:after {
    content: '\e64d';
}
.wrap .rightboxs {
    float: right;
    height: 100%;
}
.wrap .rightboxs>div {
    float: right;
    width: 40px;
    height: 50px;
    line-height:50px;
    margin: 0 5px;
    text-align: center;
    cursor: pointer;
    position:relative;
    color:#fff;
    font-size:16px;
}
.wrap .rightboxs>div i {
    color: #fff;
    font-size: 2.2rem;
    line-height: 50px;
}
.wrap .rightboxs .more i:after {
    content: '\e672';
}
.wrap .rightboxs .color-pan i:after {
    content: '\e674';
}
.wrap .rightboxs .hidden-eye i:after {
    content: '\e66e';
}
.wrap .rightboxs .hidden-eye.active i:after {
    content: '\e66f';
}
.wrap .rightboxs>.color-pan.active i,
.wrap .rightboxs .more.active i {
    opacity: 0.6;
}

.more-part {
    display: none;
    position: absolute;
    top: 40px;
    right: 18px;
    z-index: 99;
    background: rgba(0,0,0,.8);
    color: #fff;
}
.more-part li {
    padding: 12px 10px;
}
.more-part li.hideputman label input {
    border: 1px solid #cacaca;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    margin: 0 3px 0 0;
    background-size: 15px;
    border-radius: 1px;
    outline: none;
    vertical-align: middle;

}
.more-part li.hideputman label input:checked {
    background: url("http://xmsoqistatic.qiniu.soqi.cn/checkedwhite.png") no-repeat;
    background-size: 15px;
    background-position: -1px;
}
/*调色盘*/
.colormask-top {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 170px;
    background: rgba(0,0,0,0.0);
    z-index: 99;
}
.colormask-bottom {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0;
    top: 170px;
    width: 100%;
    background: rgba(0,0,0,0.0);
    z-index: 99;
}
.colormask-top.active,.colormask-bottom.active {
    display: block;
}
.colormask.active {
    display: block;
}
.color-pan.active {
    position: relative;
    z-index: 100;
}

.colorcon {
    opacity: 0;
}
.colorcon.active {
    opacity: 1;
}
.colorcon .center {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    border-radius: 50%;
    border: 3px solid #f2f2f2;
    background: #a0a0a0;
    z-index: 9;
}
.colorcon .swiper-slide {
    cursor: -webkit-grab;
}
/*24 color*/
.color-line ul li.color-pan-0 {
    background: #3d3e40;
}
.color-line ul li.color-pan-1 {
    /*background: #a0a0a0;*/
    background: #5c9fcc;
}
.color-line ul li.color-pan-2 {
    background: #f2f2f2;
}
.color-line ul li.color-pan-3 {
    background: #fff;
}
.color-line ul li.color-pan-4 {
    background: #895f49;
}
.color-line ul li.color-pan-5 {
    background: #cf4140;
}
.color-line ul li.color-pan-6 {
    background: #f05a5b;
}
.color-line ul li.color-pan-7 {
    background: #fb815c;
}
.color-line ul li.color-pan-8 {
    background: #faa644;
}
.color-line ul li.color-pan-9 {
    background: #fbce41;
}
.color-line ul li.color-pan-10 {
    background: #ffdf7c;
}
.color-line ul li.color-pan-11 {
    background: #407d42;
}
.color-line ul li.color-pan-12 {
    background: #6fb092;
}
.color-line ul li.color-pan-13 {
    background: #aac469;
}
.color-line ul li.color-pan-14 {
    background: #2f4260;
}
.color-line ul li.color-pan-15 {
    background: #3b67b2;
}
.color-line ul li.color-pan-16 {
    /*background: #5c9fcc;*/
    background-color: #a0a0a0;
}
.color-line ul li.color-pan-17 {
    background: #88c6df;
}
.color-line ul li.color-pan-18 {
    background: #51cdcb;
}
.color-line ul li.color-pan-19 {
    background: #7646ac;
}
.color-line ul li.color-pan-20 {
    background: #5f2567;
}
.color-line ul li.color-pan-21 {
    background: #d16ab3;
}
.color-line ul li.color-pan-22 {
    background: #ffaac7;
}
.color-line ul li.color-pan-23 {
    background: #ffc6d4;
}




.e-topedit {
    position: relative;
    width: 100%;
    padding: 15px 0 35px;
}
.flexwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    padding: 0 10px;
}

.icon {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
}
.edit-ipt {
    /*height: 40px;*/
    /*max-height: 80px;*/
    margin: 0 0 0 10px;
    line-height: 36px;
    outline: none;
    border: none;
    font-size: 2.6rem;
    font-family: Microsoft YaHei;
    background: rgba(0,0,0,.0);
    resize: none;
    color: #fff;
}
.edit-ipt::-webkit-input-placeholder {
    color: #fff;
}
.edit-ipt.colorblack::-webkit-input-placeholder {
    color: #676767;
}
.colorblack {
    color: #676767!important;
}
.edit-shareName {
    padding: 0 10px 0 60px;
}
.edit-shareName input {
    width: 100%;
    outline: none;
    border: none;
    font-family: Microsoft YaHei;
    background: rgba(0,0,0,.0);
    resize: none;
    color: rgba(255,255,255,.6);
}
.edit-shareName input::-webkit-input-placeholder {
    color: rgba(255,255,255,.6);
}
.edit-shareName .colorblack::-webkit-input-placeholder {
    color: #676767;
}






.btn-group {
    position: absolute;
    right: 10px;
    bottom: -22px;
    z-index: 2;
}
.btn-group.hidden {
    display: none;
}
.btn-group>div {
    float: left;
    width: 45px;
    height: 45px;
    margin: 0 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}
.btn-group>div.additem {
    line-height: 41px;
}
.btn-group>div>i {
    color: #fff;
    font-size: 1.8rem;
}
.btn-group .additem,.btn-group .manabtn {
    background: #0cbc5f;
    color:#fff;
}
.additem i:after {
    content: '\e67c';
}
.manabtn i.manbefore:after {
    content: '\e67b';
}
.manabtn i.manafter:after {
    content: '\e67a';
}
.btn-group .savebtn {
    color: #fff;
    font-family: Microsoft YaHei;
    background: #1f8ff3;
}
.savebtn i:after {
    content: '\e67f';
}

.btn-group.hide {
    display: none;
}
/*旧版 编辑微单页标题*/
/*.edit-tle {
		position: relative;
		width: 100%;
		height: 50px;
		margin: 12px 0;
		background-color: #fff;
	}

	.edit-tle span {
		position: absolute;
		top: 17px;
		left: 10px;
		color: #999999;
	}

	.edit-tle input {
		width: 100%;
		height: 50px;
		padding-left: 60px;
		color: #000;
		outline: none;
		border: none;
	}

	.edit-cont {
		padding-bottom: 64px;
	}*/
/*转载组件不可编辑框*/
.reprint {
    border: dashed 1px #0078ff;
    margin: 15px;
    position: relative;
}
.reprintmask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
}
/*添加组件 虚线框框*/
.edit-addtool {
    position:relative;
    /* margin: 30px 15px 0; */
}

.edit-addtool .bmset,
.edit-addtool .adrset {
    position: relative;
    height: 65px;
    padding: 15px 0 10px 0;
    font-size: 1.6rem;
    background: #fff;
    text-align: center;
}

.edit-addtool .bmset a,.edit-addtool .adrset a {
    display: block;
    color: #999999;
    margin-top: 33px;
}

.edit-addtool .bmset i,.edit-addtool .adrset i {
    font-size: 2.5rem;
    color: #fe7c79;
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -12px;
}

.edit-addtool .adrset	i {
    color: #8dbae5;
}

.edit-addtool .txt {
    position: relative;
    height: 65px;
    padding: 15px 0 10px 0;
    font-size: 1.6rem;
    background: #fff;
    text-align: center;
    /* border: dashed 1px #0078ff; */
}

.edit-addtool .txt i.icon-minpage {
    font-size: 2.5rem;
    position: absolute;
    top:2px;
    left: 50%;
    margin-left: -12px;
}

.edit-addtool .txt i.wenben {
    color: #fea813;
}

.edit-addtool .txt .txt-href {
    display: block;
    color: #999999;
    margin-top:23px;
}

.edit-addtool .closebox {
    position: absolute;
    right: 16px;
    top: 5px;
    z-index: 9;
    height: 100%;
    padding-left: 20px;
}

.edit-addtool .i-close {
    background: rgba(0,0,0,0.4);
    padding: 5px;
    color: #fff;
    font-size: 1.4rem;
}
/*新版	添加组件弹出框*/
.minpage-popup-masks {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    background: rgba(50, 50, 50, 0.8);
    overflow: auto;
}

.minpage-popup-masks.active {
    /*display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;*/
    display: block;
}
.popitembox {
    position: relative;
    width: 100%;
    padding: 20px 35px;
}
.popitembox>.fixed {
    width: 100%;
}

@media screen and (min-device-height:628px) and (max-device-height: 736px) {
    .closebtn {
        height: 58px!important;
    }
}

.closebtn {
    height: 28px;
    margin: 0 0 10px;
}
.closebtn i {
    display: inline-block;
    font-size: 2.4rem;
    color: #fff;
    cursor: pointer;
}
.closebtn i:after {
    content: '\e64d';
    font-size: 2.8rem;
}
.scrollbox>ul li {
    position: relative;
    float: left;
    width: 48%;
    height: 60px;
    margin: 0 0 5%;
    background: #fff;
    border-radius: 3px;
    line-height: 60px;
    text-align: center;
}
.scrollbox>ul li span {
    position: absolute;
    right: 25px;
    left: 40px;
    top: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scrollbox>ul li:nth-child(odd) {
    margin-right: 4%;
}
.scrollbox>ul li i {
    position: absolute;
    top: -4px;
    left: 10%;
    font-size: 2.5rem;
}
.scrollbox>ul li .icon-minpage{
    font-size: 2.4rem;
    top: 0px;
}
.scrollbox>ul li.checked {
    background: #1f8ff3;
    color: #fff;
}
.scrollbox>ul li.checked i {
    color: #fff;
}
.scrollbox>ul li input {
    position: absolute;
    right: 10px;
    top: 20px;
    border: 1px solid #999;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}
.scrollbox>ul li.checked input	{
    background: url(http://xmsoqistatic.qiniu.soqi.cn/mpage.png);
    background-size: contain;
    border: none;
}
.insert-item-btn {
    height: 40px;
    background-color: #f65e5e;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 3px;
}
.flexbox-container {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
#popUp3 {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.edit-tool .color1,.icon-minpage.color1 {
    color: #ffab17;
}

.edit-tool .color2,.icon-minpage.color2 {
    color: #85c102;
}

.edit-tool .color3,.icon-minpage.color3 {
    color: #5c8ee8;
}

.edit-tool .color4,.icon-minpage.color4 {
    color: #727e95;
}

.edit-tool .color5,.icon-minpage.color5 {
    color: #5fafd5;
}

.edit-tool .color6,.icon-minpage.color6 {
    color: #8dbae5;
}

.edit-tool .color7,.icon-minpage.color7 {
    color: #fb885c;
}

.edit-tool .color8,.icon-minpage.color8 {
    color: #67c267;
}

.edit-tool .color9,.icon-minpage.color9 {
    color: #3be5b4;
}
.edit-tool .color11,.icon-minpage.color11 {
    color: #5c8ee8;
}
/*旧版 管理弹出部分*/
.minpage-popup-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    display: none;
}
.minpage-popup-top50 {
    top: 50px;
}
.minpage-popup-top200 {
    top: 238px;
}
.minpage-popup-mask.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.minpage-popup {
    position: relative;
    background: #fff;
    width: 100%;
    height: 100%;
}


.minpage-popup-cont {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 10px;
    /*overflow: auto;*/
    font-size: 1.5rem;
}

.minpage-popup-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 10px;
}

.minpage-popup-close:after {
    content: "\e623";
    font-size: 1.8rem;
    color: #a6a6a9;
}

.minpage-pluglist {
    padding: 0 0 30px 0;
}

.minpage-pluglist li {
    position: relative;
    /*margin: 0 0 8px 0;*/
    padding: 5px 80px 5px 50px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.minpage-pluglist .i-plug {
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -22px;
    padding: 12px 0;
    font-size: 2rem;
    color: #a6a5aa
}

.minpage-pluglist .i-move {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -22px;
    padding: 12px 10px 12px 5px;
}

.minpage-pluglist .i-move:after {
    color: #7f7e83;
    font-size: 2rem;
    content: "\e60b";
}

.minpage-pluglist .i-del {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    right: 35px;
    padding: 12px 10px;
}

.minpage-pluglist .i-del:after {
    content: "\e60a";
    color: #7f7e83;
    font-size: 2rem;
}

.minpage-pluglist .m-cont {
    line-height: 2rem;
    padding: 0 0;
    font-size: 1.4rem;
    overflow: hidden;
}

.minpage-pluglist .txt {
    padding: 8px 0;
    display: block;
}
/**/
.showcon.con .edit-show {
    padding: 15px 0!important;
    margin: 0 15px!important;
}
.edit-show {
    position: relative;
    /*overflow: hidden;*/
    padding: 25px 0px!important;
    margin: 0px!important;
    background: #fff;
}
.edit-show.delete-show {
    background-color: #f2f2f2;
}
.edit-show.delete-show span {
    display: block;
    margin-left: 10px;
}
.edit-show-border {
    border: 1px dashed #0078ff;
}
.edit-show .closebox {
    position: absolute;
    right: -1px;
    top: 4px;
    padding-left: 20px;
    z-index: 98;
}
.closebox span.i-close:after {
    content: '\e660';
}
.edit-show .closebox .i-close {
    background: rgba(0,0,0,0.4);
    padding: 5px;
    color: #fff;
    font-size: 1.4rem;
}

/*pre {
    margin: 0!important;
    padding: 0!important;
}*/

.edit-show-txt {
    line-height: 1.6;
    font-size: 1.6rem;
}

.edit-show-img {
    text-align: center;
}
#linkIcon{
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #bbb;
    background: rgba(0,0,0,0.5);
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
}
#linkIcon i:after {
    content: '\e664';
    font-size: 1.6rem;
}
@media screen and (min-width:700px) and (max-width:800px) {
    #linkIcon{right:65px;}
    #linkIcon i{font-size: 1.6rem;}
}
@media screen and (min-width:500px){
    .scrollbox>ul li span{position: relative;left:-9%;}
}

.edit-show-img img {
    max-width: 100%;
}

.edit-show-link {
    line-height: 1.6;
    font-size: 1.6rem;
}

.edit-show-link .link-txt {
    border-bottom: dotted 1px #ccc;
    color: #1f8ff3
}

.edit-show-call {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    background: #f9f9f9;
    border: solid 1px #e9e9e9;
    display: block;
    padding: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.edit-show-call .call-icon {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAm9JREFUeNrsmU8oZVEcx+/VkxCGhciYkBoUITayULPxnoXMRlasLcaCFEnKnxQrfyJFFmxmMaVQM2VkJzZTyr/8SROxkDFI+Xd9T++8er3eefe84953z33erz69xbn31/m+372/8/v9rqppmhIOFqWEiUWERISYZI4Aa+WgCcQC34yg0t87sAh+Wq6EZC0/FIBdjc8uwReGn5ChMtLvLGgM8j+JA/eyvSOqgC+XjC/7zXsW4pRRyIWAr3SQJ5uQU0F/NbIJOQGP4SBkDxwI+KsECTIJuQbbAv6iQZJstdaGgL9LcCabkN8C/trBixVCVJ0O8Qp84PQ1AlpkLeMXOP1MWCmCR8gch4950Gx1Fa9yDB/IC5zCWBsF3+zSIY4FWJuSpUPkiUgiPVdYpcxHu0TkP5hkrGWAAbtERKEp+CrA+mewb4cpyj/Qa/DhaUlEvPuUVMbasozVL8tqdVrdcctCIjB6GdYZDw0JjnRSQYLoOEh0jvRHR8xwEL6+gk3wBG7BL9AOSkMhJBFc64j5zuGnVcfHEZgG9SDJDCGEPPCisxEyrSxh3N+pBWckWg1mCCEUg2eOTfT53NejiZvTDCGEQvDAsYFj4AJt2ttsxt8+HAYkvi1QBFZBWoDrssCSEYnWiHOEZbsgH6yF4MR4MlOIp4ypAoNmVyNmC/FYBxW0I3OJwmvkESsAXXaOiLf1g090wvJoZyHE/tIJSyboBodv9BdtlRDvFoD0NLmgmvb7JwJ+HEb0I2ZYGahQ3F+RSQrPAcmMa89BHViXUYi3ZdOIkccwnQqKBzGK+0PrD7Aia0SkTr8RIREh4SLkVYABAOjr8njXNDy6AAAAAElFTkSuQmCC) #4cc714 no-repeat center center; background-size: 60% auto;
}

.edit-show-call .call-cont {
    overflow: hidden;
    line-height: 1.4;
}

.edit-show-call .call-tel {
    font-size: 1.6rem;
    color: #7f7f7f;
}

.edit-show-call .call-name {
    font-size: 2rem;
}

.edit-show-video {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: initial;
    height: 200px;
}

.edit-show-video .video-inner {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.edit-show-video .video-inner iframe {
    width: 100%;
    height: 100%;
}
.edit-show-video .video-inner .mpVideo>img {
    width: 100%;
    height: 100%;
}

.edit-show-video .video-mask {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 12;
}

.minpage-edit {
    position: relative;
    height: 100%;
}

.edit-tool .icon-minpage {
    font-size: 2.5rem;
}

.edit-cont {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
.article-imgs {
    overflow: hidden;
}
.article-imgs img {
    width: 100%;
}
#panel {
    height: 50px;
}

.ui-popup-hd {
    text-align: left;
}



/*succes*/
.suc-panel {
    color: #fff;
    background: #0079ff;
    padding: 20px 0;
    text-align: center;
}

.suc-panel .i-suc {
    color: #fff;
    font-size: 6rem;
}

.suc-panel .i-suc:after {
    content: "\e635";
}
/*minPageTxt.html*/
.textareabox {
    background: #fff;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
}

.textareabox .ui-textarea {
    padding: 10px;
    background: none;
}
/*minPageImg.html*/
.m-imgbox {
    position: relative;
    height: 100%;
    text-align: center;
    padding: 20px 30px;
}

.m-imgbox-in {
    width: 100%;
}

.m-imgbox-list {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    border: solid 1px #bbb;
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.1)
}

.m-imgbox-list li {
    position: relative;
    width: 100%;
    float: left;
    border-bottom: solid 1px #dedede;
}

.m-imgbox-list li>a {
    height: 80px;
    padding: 0 20px;
}

.m-imgbox-list li:last-child {
    border-bottom: 0;
}

.m-imgbox-list li .iconfont {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    font-size: 1.6rem;
    color: #aaa;
}

.m-imgbox-list .m-cont {
    width: 100%;
    line-height: 1.2;
    text-align: left;
    overflow: hidden;
}

.m-imgbox-list h4 {
    color: #0079ff;
    font-weight: normal;
    font-size: 2rem;
}

.m-file {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

.m-imgbox {
    position: relative;
    height: 100%;
    text-align: center;
}

.m-imgbox .iconfont {
    color: #eee;
    font-size: 10rem;
}
/*minPageVideo.html*/
.minpage-video .video-more {
    color: #0079fe;
}

.minpage-video .video-item {
    padding-right: 20px;
    height: 45px;
    position: relative;
}

.minpage-video .video-item .ui-ipt {
    height: 100%;
}

.minpage-video .video-show {
    margin: 30px 0 0 0;
    display: none;
}

.minpage-video .video-show-iframe {
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 200px;
}
/*电话组件*/
/**/
.edit-show-phone .phoneStyle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
}
.edit-show-phone .phoneStyle .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: block;
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
.edit-show-phone .phoneStyle .info>.con {
    width: 100%;
}
.edit-show-phone .phoneStyle.minPagePhone05 .info>.con {
    /*margin-top: 4.5px;*/
}
.edit-show-phone .phoneStyle .info>div .phonename {
    width:100%;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;

}

.edit-cont .edit-show .edit-show-phone {
    padding: 0;
}
.minPagePhoneEdit {
    overflow-x: hidden;
}

.minPagePhoneEdit-tit {
    background-color: #f2f2f2;
    padding-top: 10px;
}

.minPagePhoneEdit-new {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.minPagePhoneEdit .manageBtn {
    display: inline-block;
    width: 100px;
    text-align: center;
    font-size: 1.5rem;
    color: #259afd;
    position: relative;
    z-index: 113;
}

.minPagePhoneEdit .newRelative {
    background-color: #259afd;
    font-size: 1.5rem;
    color: #fff;
    padding-left: 15px;
}

.minPagePhoneEdit .newRelative i {
    padding: 0 10px;
    font-size: 2.4rem;
}

.edit-show-phone {
    position: relative;
    z-index: 98;
}

.minPagePhoneEdit-view .edit-show-phone {
    border-bottom: 1px dashed #d5d5d5;
}

.edit-show-phone .phoneStyle {
    position: relative;
    height: 60px;
}

.edit-show-phone .phoneStyle b {
    font-weight: normal;
    font-size: 1.4rem;
}

.edit-show-phone .phoneStyle .info {
    /*float: left;*/
    height: 56px;
}
.edit-show-phone .phoneStyle .info span,
.edit-show-phone .phoneStyle .info b {
    /*display: block;*/
}
.edit-show-phone .phoneStyle .info span {
    margin-bottom: 5px;
}

.edit-show-phone .phoneStyle .tell {
    /*position: absolute;
		right: 0;*/
    display: block;
    text-align: center;
}

.edit-show-phone .delete {
    position: absolute;
    top: 10px;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #f75454;
    font-size: 1.4rem;
    color: #fff;
    z-index: 113;
    transition: transform 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transform: translateX(60px);
    -webkit-transform: translateX(60px);
}

.edit-show-phone .classfy {
    position: absolute;
    top: 10px;
    right: 60px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #f2f2f2;
    font-size: 1.4rem;
    color: #4f4f4f;
    z-index: 113;
    transition: transform 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transform: translateX(120px);
    -webkit-transform: translateX(120px);
}

.edit-show-phone .delete.active {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.edit-show-phone .classfy.active {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.edit-show-phone .phoneStyle .usebox {
    position: absolute;
    top: -1px;
    right: -2px;
    width: 22px;
    height: 22px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/ic_tab_choose.png) no-repeat;
    background-size: 100% auto;
    z-index: 112;
    display: none;
}

.minPagePhone00,.minPagePhone01,.minPagePhone02,.minPagePhone03,
.minPagePhone04,.minPagePhone05,.minPagePhone08,.minPagePhone09 {
    padding-left: 10px;
    font-size: 1.6rem;
    color: #fff;
}
.minPagePhone00 {
    background: #52cadb url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone00_info.png) no-repeat;
    background-size: auto 100%;
    background-position: 10px 0;
}
.minPagePhone00 .tell {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone00_tell.png) no-repeat;
    background-size: 100% auto;
    font-size: 2rem;
}
.minPagePhone00 .tell i {
    font-size: 2rem;
}

.minPagePhone01 {
    padding-left: 50px;
    background: #d90000 url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone01_info.png) no-repeat;
    background-size: auto 100%;
    background-position: 10px 0;
    border: 2px solid #fcd606;
}
.minPagePhone01 .tell {
    width: 57px;
    height: 58px;
    line-height: 54px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone01_tell.png) no-repeat;
    background-size: 100% auto;
    font-size: 2rem;
}
.minPagePhone01 .tell i {
    font-size: 2rem;
}
.tell i {
    color: #fff;
}
.tell i:after{
    content: '\e686';
}

.minPagePhone02 {
    background: #fff url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone02_info.png) no-repeat;
    background-size: auto 100%;
    border: 2px solid #329404;
    background-position: 10px 0;
    /*padding-left: 10px;
		font-size: 1.6rem;*/
    color: #030303;
}
.minPagePhone02 .tell {
    width: 56px;
    height: 56px;
    line-height: 53px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone02_tell.png) no-repeat;
    background-size: 100% auto;
    font-size: 2rem;
}
.minPagePhone02 .tell i {
    font-size: 2rem;
    color: #40c005;
}

.minPagePhone03 {
    background: #50208b url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone03_info.png) no-repeat;
    background-size: auto 100%;
    background-position: 10px 0;
    /*padding-left: 10px;
		font-size: 1.6rem;*/
    color: #fff;
}
.minPagePhone03 .tell {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone03_tell.png) no-repeat;
    background-size: 100% auto;
    font-size: 2rem;
}
.minPagePhone03 .tell i {
    font-size: 2.4rem;
    color: #623689;
}

.minPagePhone04 {
    background: #272727;
    /*padding-left: 10px;
		font-size: 1.6rem;*/
    color: #fff;
    border-radius: 30px;
}
.minPagePhone04 .tell {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone04_tell.png) no-repeat;
    background-size: 100% auto;
    font-size: 2rem;
}
.minPagePhone04 .tell i {
    font-size: 2.4rem;
    color: #fff;
}

.edit-show-phone .minPagePhone05 {
    border-radius: 30px;
    position: relative;
    height: 40px;
    background-color: #f2f2f2;
}
.edit-show-phone .minPagePhone05 .info {
    height: 40px;
    border-radius: 22px;
    color: #030303;
}

.edit-show-phone .minPagePhone05 .info b {
    font-size: 1.4rem;
    color: #7f7f7f;
}
.edit-show-phone .minPagePhone05 .tell {
    width: 60px;
    height: 60px;
    margin-top: -10px;
    border-radius: 30px;
    background-color: #f2f2f2;
}
.minPagePhone05 .tell {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.minPagePhone05 .tell span {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-top: 7px;
    line-height: 45px;
    border-radius: 50%;
    background-color: #4cc714;
}
.minPagePhone05 .tell i {
    font-size: 2.4rem;
    color: #fff;
}
.minPagePhone05 .tell i {
    background: #4cc714;
    border-radius: 50%;
    padding: 10px;
}


.minPagePhone06 {
    position: relative;
    padding: 3px;
    border: 1px solid #4cc714;
    margin: 5px;
}
.edit-show-phone .minPagePhone06 .info {
    height: 50px;
    padding-left: 10px;
    float: none;
    color: #030303;
}

.edit-show-phone .minPagePhone06 .info>div {
    /*margin-top: 8px;*/
}
.minPagePhone06 .flex-center {
    display: block;
    display: -ms-flexbox;
    -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;
}
.edit-show-phone .minPagePhone06 .info b {
    font-size: 1.4rem;
    color: #7f7f7f;
}
.edit-show-phone .minPagePhone06 .tell {
    float: none;
}
.minPagePhone06 .tell i {
    font-size: 3rem;
    color: #4cc714;
}

.minPagePhone07 {
    background: #fdb060;
    padding-left: 10px;
    font-size: 1.6rem;
    color: #fff;
    border-radius: 30px;
}
.minPagePhone07 .tell {
    width: 46px;
    height: 46px;
    line-height: 44px;
    background-color: #333;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 2rem;
    margin: 0 7px 0 0;
}
.minPagePhone07 .tell i {
    font-size: 2.4rem;
    color: #fff;
}
.minPagePhone08 {
    background: #4cc714;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}
.minPagePhone08 .tell {
    width: 50px;
    height: 60px;
    line-height: 60px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_phone08_tell.png) no-repeat;
    background-size: auto 100%;
    font-size: 2rem;
    margin-right: 5px;
}
.minPagePhone08 .tell i {
    font-size: 2.4rem;
    color: #fff;
}

.minPagePhone09 {
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
    box-shadow: 1px 1px 1px #e9e9e9;
}
.minPagePhone09 .info {
    color: #030303;
}
.edit-show-phone .minPagePhone09 .info b {
    font-size: 1.4rem;
    color: #7f7f7f;
}
.minPagePhone09 .tell {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #4cc714;
    border-radius: 3px;
    margin: 5px;
}
.minPagePhone09 .tell i {
    font-size: 2.4rem;
    color: #fff;
}


/*语音组件*/
/*语音操作栏*/
.minPageVoiceEdit {
    overflow-x: hidden;
}

.minPageVoiceEdit-operate {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 111;
    border-top: 1px solid #e5e5e5;
}

.minPageVoiceEdit-new {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.minPageVoiceEdit-operate .manageBtn {
    display: inline-block;
    width: 100px;
    text-align: center;
    font-size: 1.5rem;
    color: #259afd;
    position: relative;
    z-index: 113;
}

.minPageVoiceEdit-operate .newVoice {
    background-color: #0079ff;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    margin-left: -26px;
}

.minPageVoiceEdit-operate .newVoice i {
    padding: 0 10px;
    font-size: 2.4rem;
}
/*语音内容栏*/
.minPageVoiceEdit-tips {
    padding: 20px 10px 10px 10px;
    font-size: 1.2rem;
    color: #808080;
}

.minPageVoiceEdit-tips span {
    font-size: 1.5rem;
    color: #030303;
    margin-right: 8px;
}

.minPageVoiceEdit-tips span i {
    font-size: 2.2rem;
    color: #030303;
    margin-right: 3px;
}

.article-voice .voiceStyleBox {
    padding: 0
}

.voiceStyleBox {
    padding: 10px 15px;
    position: relative;
    z-index:1;
}

.minPageVoiceEdit-cnt .voiceStyleBox:last-child {
    border-bottom: none;
}

.voiceStyleBox .delete {
    position: absolute;
    top: 10px;
    right: 0;
    width: 55px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #f75454;
    font-size: 1.4rem;
    color: #fff;
    z-index: 113;
    transition: transform 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transform: translateX(60px);
    -webkit-transform: translateX(60px);
}

.voiceStyleBox .classfy {
    position: absolute;
    top: 10px;
    right: 55px;
    width: 55px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #f2f2f2;
    font-size: 1.4rem;
    color: #4f4f4f;
    z-index: 113;
    transition: transform 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transform: translateX(105px);
    -webkit-transform: translateX(105px);
}

.voiceStyleBox .delete.active {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.voiceStyleBox .classfy.active {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.voiceStyle {
    height: 60px;
    border: 1px solid #f2f2f2;
    position: relative;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
}

.voiceStyle .usebox {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 22px;
    height: 22px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/ic_tab_choose.png) no-repeat;
    background-size: 100% auto;
    z-index: 112;
    display: none;
}

.voiceStyle .voice,.voiceStyle .time {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.voiceStyle .voiceInfo {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
}

.voiceStyle .voiceInfo .name {
    font-size: 1.6rem;
    color: #030303;
    line-height: 100%;
}

.voiceStyle .voiceInfo .txt {
    font-size: 1.2rem;
    color: #a7a7a9;
    line-height: 100%;
    margin: 5px 0 0 0;
}

.voiceStyle .time {
    font-size: 1.4rem;
    color: #a7a7a9;
}

.minPageVoice1 .voice span {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    border: 1px solid #3bb23a;
}

.minPageVoice1 .voice span i {
    font-size: 2.4rem;
    color: #3bb23a;
}

.minPageVoice1 .gradient {
    display: block;
    height: 17px;
    background-color: #f2f2f2;
    margin-top: 5px;
}

.minPageVoice1 .gradient span {
    display: inline-block;
    height: 17px;
    width: 0%;
    background: -webkit-gradient(linear,0% 0%, 100% 0%, from(#FEF000), to(#3CB23A), color-stop(1.0,#3CB23A));
}

.minPageVoice1 .time {
    padding-top: 10px;
}

.minPageVoice2 .voice.on {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/img_voice2_on.png) center no-repeat;
    background-size: 30px auto;
}

.minPageVoice2 .voice.play {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/img_voice2_play.gif) center no-repeat;
    background-size: 30px auto;
    display: none;
}

.minPageVoice3 {
    background-color: #303336;
    position: relative;
}

.minPageVoice3 .voiceInfo .name {
    color: #fff;
}

.minPageVoice3 .voice.on {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/img_voice3_on.png) center no-repeat;
    background-size: 42px auto;
}

.minPageVoice3 .voice.play {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_voice3_play.png) center no-repeat;
    background-size: 42px auto;
    display: none;
    -webkit-animation: rotateRAnimate 3s linear infinite;
}

.minPageVoice3 .voice.center {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/img_voice3_play.png) center no-repeat;
    background-size: 42px auto;
    display: none;
}

.minPageVoice3 .voice.finish {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/img_voice3_finish.png) center no-repeat;
    background-size: 42px auto;
    display: none;
}

@-webkit-keyframes rotateRAnimate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

.minPageVoice3 .voiceInfo .txt {
    color: #ababab;
}

.minPageVoice3 .time {
    color: #ababab;
}

.minPageVoice4 {
    background: -webkit-gradient(linear,0% 0%, 100% 0%, from(#2CE073), to(#FFFFFF), color-stop(0,#0BE1C5),color-stop(0,#fff));
}

.minPageVoice4 .voiceInfo .name {
    color: #303336;
}

.minPageVoice4 .voiceInfo .txt {
    color: #a7a7a9;
}

.minPageVoice4 .voice	i {
    font-size: 3.4rem;
    color: #38E17B;
}

.minPageVoice5.on {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_voice5_off.png?t=1) bottom repeat-x;
    background-size: auto 50px;
}

.minPageVoice5.play {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/voiceplay.gif) bottom repeat-x;
    background-size: auto 50px;
}

.minPageVoice5.off {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_voice5_off.png?t=1) bottom repeat-x;
    background-size: auto 50px;
}

.minPageVoice5 .voice span {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    background-color: #938f9b;
    border-radius: 100%;
    border: 2px solid #fff;
}

.minPageVoice5 .voice span i {
    font-size: 2rem;
    color: #0ce1c2;
}

.minPageVoice5 .voice.play {
    display: none;
}


/*链接组件*/
.minpageLinkEdit-side {
    padding: 0 10px;
}

.linkstyle {
    height: 45px;
    line-height: 45px;
    font-size: 1.4rem;
    position: relative;
    /*margin:20px 0;*/
}

.linkstyle a {
    display: block;
    text-decoration: underline;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.linkstyle.minpageLink1 {
    border: 1px solid #e1e1e1;
    padding: 0 15px;
}

.linkstyle.minpageLink1 a {
    color: #0079fe;
}

.linkstyle.minpageLink1:before,.linkstyle.minpageLink1:after {
    position: absolute;
    top: 22px;
    content: " ";
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #e1e1e1;
}

.linkstyle.minpageLink1:before {
    left: 0;
}

.linkstyle.minpageLink1:after {
    right: 0;
}

.linkstyle.minpageLink2 {
    text-align: center;
    height: 28px;
    line-height: 28px;
}
.linkstyle.minpageLink2>a:before,
.linkstyle.minpageLink2>a:after {
    position: absolute;
    top: 0;
    font-size: 2rem;
    color: #424141;
}
.linkstyle.minpageLink2>a:before {
    left: -10px;
    content: '【';
}
.linkstyle.minpageLink2>a:after {
    right: -10px;
    content: '】';
}
.linkstyle.minpageLink2 a {
    color: #0079fe;
}

.linkstyle.minpageLink3 {
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
}
.linkstyle.minpageLink3>a:before,
.linkstyle.minpageLink3>a:after {
    position: absolute;
    top: 0;
    font-size: 2rem;
    color: #ffa800;
}
.linkstyle.minpageLink3>a:before {
    left: -1px;
    content: '[';
}
.linkstyle.minpageLink3>a:after {
    right: -1px;
    content: ']';
}
.linkstyle.minpageLink3 a {
    height: 28px;
    display: block;
    color: #424141;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #ffa800
}

.linkstyle.minpageLink4 {
    text-align: center;
}
.linkstyle.minpageLink4 a {
    position: relative;
    z-index: 2;
    display: block;
    color: #fff;
    text-decoration: underline;
    background-color: #1a9efb;
    text-align: center;
    border-radius: 3px;
    -moz-box-shadow: 0px 2px 5px #ccc;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    box-shadow: 0px 2px 5px #ccc;
}

.linkstyle.minpageLink5 {
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.linkstyle.minpageLink5 .before {
    display: inline-block;
    width: 45px;
    height: 45px;
    position: absolute;
    left: -3px;
    top: -1px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #e34d4f url(http://xmsoqistatic.qiniu.soqi.cn/bg_figer.png) center no-repeat;
    background-size: 26px auto;
}
.linkstyle.minpageLink5 a {
    padding-left: 55px;
    color: #e34d4f;
}
.linkstyle.minpageLink5 .after {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 25px;
    height: 20px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_triangle.png) no-repeat;
    background-size: 100% auto;
}

.linkstyle.minpageLink6 {
    background-color: #e1e1e1;
}

.linkstyle.minpageLink6 .before {
    display: inline-block;
    width: 20px;
    height: 45px;
    background-color: #bcbcbc;
    position: absolute;
    left: 0;
    top: 0;
}

.linkstyle.minpageLink6 a {
    color: #0079fe;
    padding-left: 30px;
}

.linkstyle.minpageLink7 {
    background-color: #fff;
    border: 1px solid #449dfe;
    border-radius: 50px;
    text-align: center;
}

.linkstyle.minpageLink7 a {
    color: #449dfe;
    text-decoration: underline;
}

.linkstyle.minpageLink8 {
    background-color: #34cac8;
    border-radius: 50px;
    text-align: center;
}

.linkstyle.minpageLink8 a {
    color: #fff;
    text-decoration: underline;
}

.linkstyle.minpageLink9 {
    background: -webkit-gradient(linear,0% 0%, 100% 0%, from(#55C014), to(#7ACF33), color-stop(1.0,#7ACF33));
    text-align: center;
    -moz-box-shadow: 0px 2px 5px #8F8F8F;
    -webkit-box-shadow: 0px 2px 5px #8F8F8F;
    box-shadow: 0px 2px 5px #8F8F8F;
}

.linkstyle.minpageLink9 a {
    color: #fff;
    text-decoration: underline;
}
/*查看内容*/
.viewTxtBtn {
    margin-top: 10px;
    font-size: 1.4rem;
    color: #a7a7a9;
}

.viewTxtBtn .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    background-color: #303336;
    margin-left: 10px;
}

.viewTxtBtn .icon i {
    font-size: 1.6rem;
    color: #ffcc00;
}

.viewCnt {
    margin-top: 10px;
    display: none;
}

.viewCnt .txt .icon {
    display: inline-block;
    height: 10px;
    width: 12px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bg_view_ic.png) left top no-repeat;
    background-size: 12px auto;
    margin-right: 5px;
}

.viewCnt .txt .info {
    font-size: 1.4rem;
    color: #a7a7a9;
    line-height: 150%;
}

.viewCnt .packUp {
    font-size: 1.4rem;
    color: #a7a7a9;
    text-align: right;
}

.viewCnt .packUp i {
    font-size: 1.6rem;
    color: #a7a7a9;
    margin-right: 3px;
}
/*loading*/
.voiceStyle .time {
    position: relative;
}

.cercle {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 50%;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#070707),color-stop(0.80,#dedede), color-stop(0.85, #f6f6f6), color-stop(0.90,#fefefe), to(#fff));
    animation: turnCercle 20s linear infinite;
    -webkit-animation: turnCercle 20s linear infinite;
}

@-webkit-keyframes turnCercle {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(10080deg);
    }
}

@keyframes turnCercle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(10080deg);
    }
}

.cercleCache {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    z-index: 5;
    margin: 2px;
}

.minPageVoice3 .cercleCache {
    background-color: #303336;
}
/*音乐按钮*/
.personal {
    position: relative;
}

.music-wraps {
    position: fixed;
    right: 4%;
    bottom : 65px;
    z-index: 98;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.music-wraps.active {
    -webkit-transform: translate3d(-2000%, 0, 0);
    transform: translate3d(-2000%, 0, 0);
}
.toptit .music-wraps {
    position: absolute;
    bottom: -20px;
    right: 20px;
    z-index: 99;
}
/*when on*/
.music-wrap.on {
    width: 40px;
    height: 40px;
    background-color: #3fe8b6;
    border-radius: 50%;
    color: #fff;
    line-height: 38px;
    text-align: center;
}

.music-wrap.on .yinfuon {
    display: block;
    font-size: 2rem;
    -webkit-animation: rotating 1.2s linear infinite;
}

.music-wrap.on .yinfuoff {
    display: none;
}
/*when off*/
.music-wrap.off {
    width: 38px;
    height: 38px;
    /*border: 2px solid #3fe8b6;*/
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    background: #3fe8b6;
}

.music-wrap.off .yinfuoff {
    display: block;
    color: #fff;
    font-size: 2rem;
}

.music-wrap.off .yinfuon {
    display: none;
}

.music-wrap.off .twolittle {
    display: none;
}
/*动画效果*/
@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.music-wrap.on .twolittle i {
    position: absolute;
    top: -30px;
    right: 4px;
    font-size: 1.2rem;
    color: #fff;
    -webkit-animation: move 1.2s ease-in infinite;
}

.music-wrap.on .twolittle .left {
    top: -14px;
    right: 20px;
    -webkit-animation-delay: 0.5s;
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}
/*保存微单页确认弹出框*/
.pop	{
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);


    background: #fff;
}
.pop.active {
    -webkit-transform: translate3d(0,0%,0);
    transform: translate3d(0,0%,0);
}
.pop ul li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}
.savepagebtn {
    color: #13b63a;
}
.giveupbtn {
    color: #ff5a5a;
}
.canclebtn {
    color: #424242;
}
.popmask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 999;
}
/*微单页编辑 和 剪辑完成后的微单页都可以用到*/
/*返回顶部*/
.back {
    display: none;
    position: fixed;
    z-index: 998;
    right: 10px;
    top: 90px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #e5e5e5;
    cursor: pointer;
}
.back i {
    color: #4f4f4f;
    font-size: 2rem;
}
.back i:after {
    content: '\e666';
}
.auto {
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
}
@media screen and (min-width:800px) {
    .back{
        right: 50%;
        margin-right: -248px;
    }
}



/*new-minpageShow*/
.wrap .page-a .showcon {
    margin: 0;
}
/*分享弹出层*/
#nativeShare {
    font-size: 13px;
}

#nativeShare .label {
    font-size: 20px;
}

#nativeShare .list {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    width: 100%;
}

#nativeShare .list span {
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    width: 33.333%;
    text-align: center;
    margin: 10px 0;
}

#nativeShare .list span i {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}

#nativeShare .weibo i {
    background-image: url('http://xmsoqistatic.qiniu.soqi.cn/weibo.png');
    background-size: cover;
}

#nativeShare .weixin i {
    background-image: url('http://xmsoqistatic.qiniu.soqi.cn/weixin_friend.png');
    background-size: cover;
}

#nativeShare .weixin_timeline i {
    background-image: url('http://xmsoqistatic.qiniu.soqi.cn/weixin.png');
    background-size: cover;
}

#nativeShare .qq i {
    background-image: url('http://xmsoqistatic.qiniu.soqi.cn/qq.png');
    background-size: cover;
}

#nativeShare .qzone i {
    background-image: url('http://xmsoqistatic.qiniu.soqi.cn/qqzone.png');
    background-size: cover;
}

#nativeShare .more i {
    background-image: url('http://xmsoqistatic.qiniu.soqi.cn/more.png');
    background-size: cover;
}

.ui-share-mask {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 100002;
    background: rgba(50, 50, 50, 0.5);
    display: none;
}

.ui-shareTip-mask {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
}

.shareTip {
    display: none;
    position: fixed;
    left: 50%;
    margin-left: -160px;
    top: 50%;
    margin-top: -32px;
    opacity: 0;
    max-width: 90%;
    padding: 25px 20px;
    background-color: #fff;
    z-index: 10003;
    border-radius: 10px;
    color: #666;
    font-size: 1.4rem;
    -moz-box-shadow: 2px 2px 5px #666;
    -webkit-box-shadow: 2px 2px 5px #666;
    box-shadow: 2px 2px 5px #666;
}

#nativeShare {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10003;
    background-color: #fff;
    -webkit-transform: translate3d(0, 300%, 0);
    transform: translate3d(0, 300%, 0);
}

#nativeShare.cur {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#nativeShare h1 {
    padding: 20px 0;
    color: #f27a55;
    font-size: 1.6rem;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
}

#nativeShare .list {
    padding-top: 10px;
}

.canclebox {
    padding: 0 10px;
}

.cancleBtn {
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #007aff;
    border-radius: 5px;
    margin: 10px 0;
    background-color: #e5e5e5;
    font-size: 1.8rem;
}

.m-anim {
    -webkit-transition: -webkit-transform 500ms ease;
    -webkit-transition-duration: 500ms;
    -moz-transition: -moz-transform 500ms ease;
    transition: transform 500ms ease;
}

.fadeOut {
    -webkit-animation: fadeInOut 4s linear;
    opacity: 0;
}

.fadeHide {
    -webkit-animation: fadeHide 4s;
    opacity: 0;
}

@-webkit-keyframes	fadeInOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes	fadeHide {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.ShareTips {
    display: none;
}

.ShareTips-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
}

.ShareTips-circle {
    position: fixed;
    right: 10px;
    top: 20px;
    width: 50px;
    z-index: 10001;
}

.ShareTips-finger {
    position: fixed;
    right: 5px;
    top: 5px;
    width: 50px;
    z-index: 10001;
    -webkit-animation: move 1.5s linear infinite;
}

.ShareTips-txt {
    position: fixed;
    right: 54px;
    top: 24px;
    width: 180px;
    z-index: 10001;
}

.sharetips-know {
    position: fixed;
    left: 50%;
    top: 150px;
    width: 130px;
    z-index: 10001;
    margin-left: -65px;
}

.sharetips-line {
    position: fixed;
    left: 10px;
    right: 10px;
    top: 200px;
;z-index: 10001;
}

.ShareTips img {
    width: 100%;
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(0, -5px, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
/*转载弹出框*/
.zzpopmask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0,0,0,0.8);
}
.popbox {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    margin-top: -140px;
    border-radius: 5px;
    overflow: hidden;
}
.popbox .poptop {
    width: 100%;
    background:	#fff;
    text-align: center;
}
.popbox .poptop img {
    display: block;
    width: 40%;
    height: 50%;
    margin: 0 auto;
    padding-top: 30px;
}
.tiptit {
    padding: 10px 15px;
    color: #5193ec;
    line-height: 135%;
}
.tipp {
    color: #999;
    padding: 0 0 20px;
}
.popbox .popbottom {
    border-top: 1px solid #e5e5e5;
}
.popbox .popbottom li {
    float: left;
    width: 50%;
    height: 50px;
    background-color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.popbox .popbottom li.nomore {
    position: relative;
    color: #000;
}
.popbox .popbottom li.nomore:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '|';
    color: #e5e5e5;
}
.popbox .popbottom li.isee {
    color: #1f92f2;
}
/*二维码*/
.codepopmask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: rgba(0,0,0,0.8);
}
.loadcode {
    width: 80%;
    background: #fff;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}
.loadcode .loadtop {
    padding: 20px;
    position: relative;
}
.loadcode-tips{
    padding:20px 0;
    text-align:center;
    font-size:1.5rem;
    color:#424242;
    background-color:#f2f2f2;
    position:relative;
}
.loadcode p{
    word-break: break-word;
}
.loadcode-tips:after,.loadcode-tips:before{
    content:'';
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    z-index: 2;
    background-color: rgba(0,0,0,0.8);
    border-radius: 15px;
}
.loadcode-tips:before{
    left: -15px;
}
.loadcode-tips:after{
    right: -15px;
}

.loadcode .codebox {
    display: inline-block;
    /* width: 120px; */
    /* height: 120px; */
    margin: 0 auto;
    padding:15px;
}
.loadcode .codebox img {
    width: 100%;
    height: 100%;
}
.codetip {
    font-family: 'Microsoft YaHei';
    font-size: 14px;
}
.codetip p {
    line-height: 20px;
    max-height: 48px;
    overflow: hidden;
}
.downloadbtn {
    margin: 15px 0 0 0;
    padding: 10px;
    border: 1px solid #1f8ff3;
    color: #1f8ff3;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    outline: none;
}
.loadbot {
    height: 30px;
    line-height: 30px;
    /* background: #f2f2f2; */
    text-align: center;
    color: #999;
    border-radius: 0 0 3px 3px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}
.loadbot i {
    padding: 7px 10px;
}



.tit {
    font-size: 2.6rem;
    color: #000;
    line-height: 120%;
    margin-bottom: 10px;
}

/*.baseInfo {
		font-size: 1.2rem;
		color: #56565e;
		text-align: right;
	}

	.baseInfo span {
		margin-left: 10px;
	}

	.baseInfo b {
		font-weight: normal;
		margin-left: 5px;
	}*/
/*.con {
	margin: 0;
}*/

/*1*/
.toptit {
    position: relative;
    width: 100%;
    background: skyblue;
    padding: 60px 15px 50px 15px;
    margin-bottom: 95px;
    min-height: 170px;
    text-align: center;
}
.toptit.blackcolor h3 {
    color: #676767;
}
.toptit.blackcolor .little-info span {
    color: #676767;
}

.toptit h3 {
    line-height: 40px;
    font-size: 26px;
    color: #fff;
    font-family: Microsoft YaHei;
}
.toptit .little-info {
    margin: 10px 0 0;
}
.toptit .little-info span {
    display: inline-block;
    color: rgba(255,255,255,0.8);
}
.toptit .little-info span:nth-child(1) {
    margin-right: 10px;
}

/*2*/
.personal {
    padding: 10px;
    background: #f2f2f2 url(http://xmsoqistatic.qiniu.soqi.cn/bg_article.png) right bottom no-repeat;
    background-size: auto 85%;
    margin: 30px 15px 20px;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
}
.personal .imgbox {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
    float: left;
    position: relative;
}
.personal .info {
    padding-left: 10px;
}
.personal .imgbox a {
    display: inline-block;
}
.personal .imgbox img {
    width: 100%;
    border-radius: 100%;
}
.personal h1 {
    font-size: 1.8rem;
    color: #0079fe;
}
.personal p {
    font-size: 1.4rem;
    color: #56565e;
    margin-top: 5px;
}
.personal p span {
    margin-right: 5px;
}

/**/
.iwant-created-box {
    margin-bottom:15px;
}
.iwant-created-box button {
    display: block;
    width: 85%;
    height: 44px;
    line-height:44px;
    margin: 0 auto;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/iwantcreated.png) no-repeat;
    background-size: cover;
    border: none;
    border-radius: 5px;
}
.iwant-created-box button i {
    font-size: 2.8rem;
    color: #fff;
}
.iwant-created-box button i:after {
    content: '\eae8';
}
/*投诉 四个二维码*/
.article-operate {
    position: relative;
    text-align: center;
}
.article-operate-box{ display:block;margin:0 auto;}
.article-operate .item {
    display:inline-block;
    margin-right:30px;
    text-align: center;
    position: relative;
    cursor: pointer;

}
.article-operate .item:last-child{margin-right:0;}
@media screen and (max-width:321px) {
    .article-operate .item{ margin-right:15px;}
}
.article-operate .item .num {
    position: absolute;
    top: 10px;
    right: 6px;
    font-size: 1.2rem;
    color: #fb4747;
    -webkit-animation: fadeOut 0.5s linear;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
}

.article-operate .item .plus {
    color: #a1a1a1;
    display: none;
}

.article-operate .item .add {
    display: none;
}

.article-operate .item .box {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    text-align: center;
    line-height:38px;
}
.article-operate .item p {
    margin-top: 5px;
    font-size: 1.2rem;
    color: #383838;
}

.article-operate .item i {
    display: block;
    width: 100%;
    height: 100%;
    color: #a0a0a0;
}

.article-operate .praisebox .box .Icnopraise:after {
    content: '\e676';
}
.article-operate .praisebox .box .Icpraise:after {
    content: '\e675';
}

.article-operate .cur .box {
    border: 1px solid #fb4747;
}

.article-operate .item .box i {
    font-size: 2rem;
    position: absolute;
    left: 10px;
    display: inline;
    width:auto;
    height:auto;
}

.article-operate .item i .m-svgicon {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

@-webkit-keyframes  fadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
    }
}
/*上一篇 下一篇*/
.articleDetail-nextbox {
    /* margin: 20px 0; */
    /* padding: 30px 15px 15px; */
    border-top: 1px solid #e5e5e5;
    position: relative;
    background-color:#e6e6e6;
    padding-top: 10px;
}
.articleDetail-nextbox>div{
    background-color:#fff;
    padding: 30px 15px 15px;
}

.articleDetail-nextbox div > a {
    display: block;
    line-height: 20px;
}
.articleDetail-nextbox div > a:nth-child(1) {
    margin-bottom: 5px;
}

.articleDetail-nextbox div> a span {
    margin: 0 10px 0 0;
    color: #999;
}

/*微信 一键导入*/
.weixinDoc * {
    max-width: 100%!important;
}
.weixinDoc {
    padding: 0 5px;
}
.weixinDoc p {
    margin: 0
}
.weixinDoc p span {
    line-height: 160%;
}
.weixinDoc table {
    width: 100%!important;
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table;
}



/*iconfont 返回顶部按钮*/
@font-face {
    font-family: "icon-minpage";
    src: url('//at.alicdn.com/t/font_22102_m4cnrsttj7f.eot');
    src: url('//at.alicdn.com/t/font_22102_m4cnrsttj7f.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_22102_m4cnrsttj7f.woff') format('woff'),
    url('//at.alicdn.com/t/font_22102_m4cnrsttj7f.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_22102_m4cnrsttj7f.svg#minpage') format('svg');
}

.icon-minpage {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    /*0.2px*/
    -moz-osx-font-smoothing: grayscale;
}

.icon-minpage {
    font-family: "icon-minpage"!important;
}
.adMaterial-counsel .ic-ad-counsel:after{content:'\eb7e'!important}
.adMaterial-item-cnt .ic-ad-counsel:after {content:'\eb80'}
.con .ic-ad-counsel:after{content:'\eb80'} /*咨询*/
#miniDetail .ic-ad-counsel:after {content:'\eb80'}

/*报名微单页*/
.bigwrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/*保存按钮*/
.bigwrap input {
    outline: none;
    border: none;
}

.bigwrap input::-webkit-input-placeholder {
    color: #999999;
}

.submit-btn {
    width: 90%;
    height: 40px;
    margin: 25px auto 0;
    background-color: #0079fe;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.bmedit-page.active {
    -webkit-transform: translateX(-100%);
}

.bmedit-theme-edit-page.active {
    -webkit-transform: translateX(0%);
}

.bmedit-theme-fee-page.active {
    -webkit-transform: translateX(0%);
}

.bmedit-map.active {
    -webkit-transform: translateX(0%);
}

.overflow-box {
    position: absolute;
    top: 118px;
    bottom: -15px;
    left: 0;
    right: 0;
    overflow: auto;
    padding-bottom: 20px;
}
/*bm html*/
/*报名微单页 编辑页*/
.bmedit-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    width: 100%;
    margin: 0px 0 0 0;
    padding: 56px 0 10px 0;
    -webkit-transition: all 0.5s;
}

.bmedit-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    width: 100%;
    margin: 0px 0 0 0;
    padding: 56px 0 10px 0;
}

.bmedit-wrap>ul {
    width: 100%;
    margin: 0 0 12px 0;
    background: #fff;
}

.bmedit-wrap>ul.theme-adr {
    margin: 0;
}

.bmedit-wrap>ul li {
    padding: 12px;
    border-bottom: 1px solid #efeff4;
}

.bmedit-wrap>ul li label {
    color: #000;
}

.bmedit-wrap>ul li input {
    display: inline-block;
    width: 74%;
    height: 44px;
    outline: none;
    border: none;
}

.bmedit-wrap>ul li input::-webkit-input-placeholder {
    color: #999999;
}

.bmedit-wrap>ul:not(.theme-time) li span {
    float: right;
    color: #999999;
}

.bmedit-wrap>ul.theme-time li span {
    color: #000;
}

.bmedit-wrap .theme-time label {
    float: left;
}

.bmedit-wrap .theme-time .time-ul {
    display: inline-block;
    float: left;
    /*padding-left: 7px;*/
    width: 76%;
}

.bmedit-wrap .theme-time .zhi {
    display: none;
}

.bmedit-wrap>ul.theme-adr li:nth-child(2) input {
    text-align: right;
    position: absolute;
    right: 10px;
}

.bmedit-wrap>ul.theme-adr li:nth-child(3) {
    text-align: center;
    color: #0079fe;
}

.bmedit-wrap>ul.theme-adr li:nth-child(3) i {
    color: #0079fe;
}
/*活动费用*/
.bmedit-theme-fee {
    width: 100%;
    margin-top: 12px;
}

.bmedit-theme-fee h2 {
    padding: 12px 12px 0;
    color: #000;
    background-color: #fff;
    font-size: 1.4rem;
}

.bmedit-theme-fee .fee-choose {
    border-bottom: 1px solid #efeff4;
    background-color: #fff;
}

.bmedit-theme-fee .fee-choose li {
    float: left;
    width: 50%;
    height: 55px;
    text-align: center;
    line-height: 55px;
}

.bmedit-theme-fee .fee-choose li em {
    display: inline-block;
    width: 70px;
    height: 50px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/hc.png) no-repeat;
    background-size: 15px;
    background-position: 0px center;
}
/*hover*/
.bmedit-theme-fee .fee-choose li em.selected {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/ls.png) no-repeat;
    background-size: 15px;
    background-position: 0px center;
}

.write-action-none {
    position: relative;
    width: 100%;
    height: 125px;
    margin-top: 12px;
    background-color: #ffc11a;
    text-align: center;
}

.write-action-none .panbox {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-top: 20px;
    border-radius: 50%;
    background-color: #ffefc5;
    text-align: center;
    line-height: 60px;
}

.write-action-none .panbox i {
    font-size: 3rem;
    color: #ff9d02;
}

.write-action-none .pantxt {
    display: block;
    margin-top: 8px;
    text-align: center;
    color: #fff;
}

.write-action-none i.right-arrow {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    color: #fff;
}

.write-action {
    position: relative;
    width: 100%;
    margin-top: 12px;
}

.write-action .write-h3 {
    position: relative;
    width: 90%;
    height: 60px;
    background-color: #ffc11a;
    color: #fff;
}

.write-action .write-h3 .panbox {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ffcf4e;
    text-align: center;
    line-height: 60px;
}

.write-action .write-h3 .panbox i {
    font-size: 3rem;
    color: #ff9d02;
}

.write-action .write-h3 .pantxt {
    position: absolute;
    top: 23px;
    left: 48px;
}

.write-action .rotatebox {
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #ffc11a;
}

.write-action .rotatebox .rotate-icon {
    color: #fff;
    font-size: 2rem;
}

.write-action .rotatebox .rotate-icon.rotate-active {
    -webkit-transform: rotate(90deg);
    -webkit-transition: all 0.5s;
}

.person-panel>ul {
    width: 100%;
    overflow: hidden;
}

.person-panel>ul li {
    position: relative;
    width: 100%;
    height: 51px;
    padding-left: 12px;
    line-height: 50px;
    background-color: #fff;
}

.person-panel>ul li i {
    position: absolute;
    top: 1px;
    left: 12px;
}

.person-panel>ul li span {
    display: inline-block;
    float: left;
    width: 100%;
    margin-left: 25px;
    border-bottom: 1px solid #e5e5e5;
}

.person-panel dl {
    width: 100%;
    background-color: #fff;
}

.person-panel dl dt {
    padding: 15px 12px;
}

.person-panel dl dt i {
    /*margin-right: 5px;*/
    position: absolute;
}

.person-panel dl dt span {
    margin-left: 23px;
    display: inline-block;
    line-height: 16px;
}

.person-panel dl dd {
    padding-left: 35px;
    margin-bottom: 10px;
}

.person-panel dl dd:nth-last-child(1) {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    padding-left: 0;
    margin-left: 35px;
    margin-bottom: 0;
}

.person-panel dl dd>span i {
    position: absolute;
}

.person-panel dl dd>span span {
    display: inline-block;
    padding-left: 26px;
    line-height: 16px;
}

.person-panel dl:last-child dd:last-child {
    border-bottom: none;
}

.tabcon>div {
    display: none;
}

.tabcon .show {
    display: block;
}

.bmedit-theme-fee .fee-det {
    width: 100%;
}

.bmedit-theme-fee .havefee {
    display: none;
}

.bmedit-theme-fee .fee-det li {
    width: 100%;
    height: 50px;
    padding-left: 12px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
    background-color: #fff;
}

.bmedit-theme-fee .fee-det li input {
    min-width: 73%;
    height: 44px;
    -webkit-appearance: none;
}

.bmedit-theme-fee ul li {
    position: relative;
}

.pop-bemdit-payname {
    position: absolute;
    left: 85px;
    top: 30px;
    background-color: #fff;
    min-width: 150px;
    padding: 0 15px;
    z-index: 2;
    box-shadow: 0 1px 2px #cfcfcf;
    border-top: 1px solid #efefef;
    display: none;
}

.bmedit-theme-fee	.pop-bemdit-payname ul li {
    font-size: 1.4rem;
    color: #030303;
    border: 0;
}

.bmedit-theme-fee ul li input::-webkit-input-placeholder {
    color: #999999;
}

.bmedit-theme-fee .add-item {
    padding: 15px 10px 4px;
    background-color: #efeff4;
}

.bmedit-theme-fee .add-item i {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    line-height: 28px;
    color: #e34d4f;
    font-size: 3rem;
}

.bmedit-theme-fee .add-item span {
    display: block;
    padding-top: 9px;
    color: #000;
}
/*报名者填写项*/
.bmedit-theme-edit-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    padding: 12px 0 15px 0;
    width: 100%;
    -webkit-transition: all 0.5s;
    -webkit-transform: translate3d(100%, 0, 0);
}

.bmedit-theme-edit-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    width: 100%;
    margin: 44px 0 0 0;
    padding: 12px 0 15px 0;
    width: 100%;
}

.bmedit-theme-edit>ul li {
    padding: 0 15px;
    background: #fff;
    border-bottom: 1px solid #efeff4;
    color: #000;
    line-height: 48px;
}

.bmedit-theme-edit>ul li i:nth-child(1) {
    margin-right: 10px;
    color: #000;
    font-size: 1.8rem;
}

.bmedit-theme-edit>ul li i.selecti {
    float: right;
    color: #6f6f6f;
    font-size: 1.8rem;
    margin-top: 0;
}

.bmedit-theme-edit>ul li i.selectedi {
    color: #0079fe;
}

.bmedit-theme-edit>ul li i.choose {
    color: #2f9cff;
}

.bmedit-theme-edit .add-item {
    margin: 10px;
}

.bmedit-theme-edit .add-item i {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    line-height: 28px;
    color: #e34d4f;
    font-size: 2.5rem;
}

.bmedit-theme-edit .add-item span {
    color: #000;
}

.edit-typebox-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0,0,0,.5);
}

.edit-type-box {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 290px;
    background: #fff;
    -webkit-transform: translateY(300px);
    -webkit-transition: all 0.5s;
}

.edit-type-box h3 {
    padding: 30px 0 15px 10px;
    color: #000;
    font-size: 1.6rem;
}

.edit-type-box .typebox-close-btn {
    height: 48px;
    line-height: 48px;
    background-color: #fcfdfd;
    border-top: 1px solid #e5e5e5;
    font-size: 1.6rem;
    color: #0079fe;
    text-align: center;
}

.edit-type-box .typebox-close-btn i {
    font-size: 1.2rem;
}

.edit-type-box ul li {
    padding: 8px 8px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.edit-type-box ul li:last-child {
    border-bottom: none;
}

.edit-type-box ul li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
}

.edit-type-box ul li span {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    padding: 0 10px;
    color: #000;
    font-size: 1.6rem;
}

.edit-type-box ul li em {
    display: inline-block;
    width: 36px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background-color: #50b044;
    border-radius: 5px;
    cursor: pointer;
}

.edit-type-box ul li em .ic-add:after {
    content: '\e619';
    font-size: 1.6rem;
    color: #fff;
}

.edit-type-box .confirm-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    color: #0079fe;
    line-height: 48px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}
/*四种类型*/
p.tips {
    font-size: 1.2rem;
    color: #999999;
    margin: 6px 0 50px 33px;
}

.four-type>div.active {
    display: block;
}

.four-type>div {
    display: none;
}

.four-type {
    width: 100%;
    height: 100%;
    padding-top: 32px;
    background: #efeff4;
    -webkit-transform: translateX(100%);
    -webkit-transition: all 0.5s;
}

.four-type.active {
    -webkit-transform: translateX(0%);
}

.four-type div ul {
    width: 100%;
}

.four-type div ul li {
    padding-left: 10px;
}

.four-type input[type='text'] {
    display: inline-block;
    /*line-height: 40px;*/
    height: 50px;
}

.four-type .single-line,
.four-type .more-line {
    width: 100%;
    height: 50px;
    margin-top: 25px;
    background: #fff;
}

.four-type .single-line i,
.four-type .more-line i {
    margin-right: 10px;
}

.single-line ul li input,
.more-line ul li textarea {
    width: 84%;
}

.single-line ul li input {
    background-color: #fff;
}

.four-type .single-line .tips {
    margin-left: 41px;
}

.four-type .single-pro ul li span {
    color: #000;
}

.four-type .more-pro textarea {
    width: 100%;
    height: 50px;
    padding: 12px;
    border: none;
    outline: none;
    resize: none;
    line-height: 25px;
}

.four-type .more-line textarea {
    height: 50px;
    margin-left: 20px;
    padding: 12px 10px;
    border: none;
    outline: none;
    resize: none;
    line-height: 25px;
    background-color: #fff;
}

.four-type .more-line ul li {
    position: relative;
}

.four-type .more-line ul li>i {
    position: absolute;
    top: 17px;
    left: 10px;
}

.pro-tit {
    margin: 24px 0 12px;
}

.single-pro .pro-tit input {
    width: 100%;
    height: 50px;
    padding: 5px 12px;
}

.four-type .single-pro ul li,
.four-type .more-pro ul li {
    border-bottom: 1px solid #efeff4;
    background-color: #fff;
}

.four-type .single-pro ul input,
.four-type .more-pro ul input {
    min-width: 71%;
}

.four-type .single-pro li.add-items i ,
.four-type .more-pro li.add-items i {
    font-size: 1.8rem;
    margin-right: 5px;
}

.bmedit-theme-edit>ul li,
.more-pro>ul li,
.single-pro>ul li {
    position: relative;
}

.moredelete {
    position: absolute;
    top: 0;
    right: 0px;
    width: 35px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 1.8rem;
}

.four-type ul li.add-items {
    height: 50px;
    line-height: 50px;
    color: #0079fe;
    text-align: center;
}
/*-----*/
.sj-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background: #000;
    opacity: 0.5;
    z-index: 10;
}

.sj-poppanel {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 50%;
    top: 55%;
    z-index: 11;
    margin-left: -135px;
    margin-top: -210px;
    width: 270px;
    padding-bottom: 60px;
    background-color: #fff;
    border-radius: 5px;
}

.sj-mask.show,.sj-poppanel.show {
    display: block;
}

.sj-poppanel h3.tit {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 1.6rem;
    color: #000;
}

.sj-poppanel h3 i {
    position: absolute;
    top: -10px;
    right: 0;
    padding: 0 10px;
    color: #999999;
    font-size: 2rem;
}

.sj-poppanel .wrap {
    width: 100%;
    padding: 0 20px;
}

.wrap .time-line-one h3,
.wrap .time-line-two h3 {
    font-size: 1.2rem;
    margin: 10px 0;
    color: #000;
}

.wrap .fir-firtime,.wrap .sec-firtime {
    float: left;
    padding-bottom: 3px;
    margin-right: 22%;
    border-bottom: 1px solid #000;
    color: #000;
}

.fir-firtime span ,.sec-firtime span,.fir-sectime span,.sec-sectime span {
    font-size: 1.8rem;
}

.fir-firtime em , .sec-firtime em, .fir-sectime em, .sec-sectime em {
    font-size: 1.2rem;
}

.wrap .fir-sectime,.wrap .sec-sectime {
    float: left;
    color: #000;
    padding-bottom: 3px;
    border-bottom: 1px solid #000;
}

.wrap .sec-sectime {
    padding-bottom: 5px;
}

.fir-firtime.active,
.fir-sectime.active,
.sec-firtime.active,
.sec-sectime.active {
    color: #0079fe;
    border-bottom-color: #0079fe;
}

.fir-firtime .firdate, .sec-firtime .firdate {
    text-align: center;
    display: inline-block;
}

.fir-firtime , .sec-firtime {
    width: 44%;
    text-align: center;
}

.fir-sectime,.sec-sectime {
    width: 30%;
    text-align: center;
}
/*日期选择*/
.scroll-time {
    position: relative;
    margin: 0;
    padding: 0 2px;
    background: #fff;
    zoom: 1;
    overflow: hidden;
    margin: 15px 0;
}

.sf,.ymd {
    display: none;
}

.sf.show,.ymd.show {
    display: block;
}

.bigwrap table {
    margin: 0 auto;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/bluebg.png) no-repeat;
    background-position: center;
    background-size: 100%;
}

.bigwrap tr td {
    background: url(http://xmsoqistatic.qiniu.soqi.cn/slide.png) no-repeat;
    background-position: right;
    background-size: contain;
    color: #a9d6fe;
}

.bigwrap tr td:last-child {
    background: none;
}

td .year,td .month ,td .day,td .hour ,td .minu {
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.ymd td>div {
    height: 180px;
    min-width: 73px;
}

.sf td>div {
    height: 180px;
    min-width: 110px;
}

.sj-poppanel .qdbtn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #0079fe;
    border-top: 1px solid #e5e5e5;
}

#year-select>div .year:nth-child(3),
#month-select>div .month:nth-child(3),
#day-select>div .day:nth-child(3) {
    font-size: 1.6rem;
}

.moveup {
    -webkit-transform: translateY(-195px);
    -webkit-transition: all 0.5s;
}

.timePanelDown {
    -webkit-transform: translateY(67px);
    -webkit-transition: all 0.5s;
}

.fir-firtime,.sec-firtime {
    position: relative;
}

.fir-firtime::after,.sec-firtime::after {
    position: absolute;
    right: -33px;
    content: '—';
    color: #000;
}

.fee-det {
    position: relative;
}

.bmedit-theme-fee .fee-det li.deleteBtn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    background-color: #e34d4f;
    line-height: 30px;
    margin: 10px 10px 12px;
    padding-left: 0;
    text-align: center;
}

.deleteBtn::after {
    position: absolute;
    content: '|';
    right: 13px;
    top: 19px;
    color: #e34d4f;
}

/*报名填写项自定义*/
.bmedit-theme-fill-item {
    padding: 10px 0 20px 0;
    background-color: #fff;
}

.bmedit-theme-fill-select {
    padding: 10px 0 0px 0;
}

.bmedit-theme-fill-item h2 {
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
}

.bmedit-theme-fill-item h2 .name {
    float: left;
    font-size: 1.4rem
}

.bmedit-theme-fill-item h2 .delete {
    float: right;
    padding: 0 10px 10px 10px;
}

.bmedit-theme-fill-item h2 .ic-delete:after {
    content: '\e60a';
    color: #6f6f6f;
    font-size: 2rem;
}

.bmedit-theme-fill-item .list {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin-top: 15px;
    padding: 0 10px;
    position: relative;
}

.bmedit-theme-fill-item .list.company {
    -webkit-box-align: start;
    -ms-flex-align: start;
}

.bmedit-theme-fill-item .list .delete {
    position: absolute;
    top: 1px;
    right: 0;
    padding: 7px 10px;
}

.bmedit-theme-fill-item .list .delete .ic-plus:after {
    content: '\e62f';
    color: #0b7ffe;
    font-size: 2rem;
}

.bmedit-theme-fill-item .list .icbox,.bmedit-theme-fill-item .list .namebox {
    display: inline-block;
    width: 30px;
    text-align: left;
    padding-top: 1px;
}

.bmedit-theme-fill-item .ic-single:after {
    content: '\e636';
    color: #060606;
    font-size: 2rem;
}

.bmedit-theme-fill-item .ic-pic:after {
    content: '\e654';
    color: #060606;
    font-size: 2rem;
}

.bmedit-theme-fill-item .list .cnt {
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    padding-right: 30px;
}

.bmedit-theme-fill-item .list .cnt input {
    height: 34px;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    -webkit-appearance: none;
}

.bmedit-theme-fill-item .list textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    outline: none;
    -webkit-appearance: none;
}

.bmedit-theme-fill-item .ic-moreLine:after {
    content: '\e635';
    color: #060606;
    font-size: 2rem;
}

.bmedit-theme-fill-item .ic-multiselect:after {
    content: '\e633';
    color: #060606;
    font-size: 2rem;
}

.bmedit-theme-fill-item .ic-singleSelect:after {
    content: '\e634';
    color: #060606;
    font-size: 1.8rem;
}

.bmedit-theme-fill-item .ic-add:after {
    content: '\e619';
    color: #0079fe;
    font-size: 2rem;
}

.bmedit-addbox {
    height: 44px;
    line-height: 44px;
    background-color: #fcfdfd;
    border-top: 1px solid #efeff4;
    color: #0079fe;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 15px;
}

.bmedit-addbox i {
    margin-right: 5px;
}


/*短信提示*/
.messtip-box {
    width: 100%;
    margin: 12px 0;
    background-color: #fff;
}

.messtip-box>div {
    position: relative;
    margin: 0 10px;
    padding: 12px 0;
}

.messtip-box>div>h3 {
    color: #000;
    padding: 5px 0 8px;
}

.messtip-box>div>.tip {
    font-size: 1.2rem;
    line-height: 16px;
}

.tip-top .test {
    position: absolute;
    top: 13px;
    right: 0px;
    cursor: pointer;
}

.tip-bot {
    display: none;
    border-top: 1px solid #e5e5e5;
}

.tip-bot span {
    font-size: 1.6rem;
    color: #e34d4f;
}

.tip-bot span.less-tip {
    color: #000;
}

.tip-bot span.less-tip em {
    color: #e34d4f;
}

.tip-bot button {
    position: absolute;
    top: 15px;
    right: 12px;
    display: inline-block;
    padding: 8px;
    background: #ffb129;
    color: #fff;
    border-radius: 3px;
    outline: none;
    border: none;
}

.tip-bot p.tip {
    position: relative;
    margin: 10px 0;
    padding-left: 25px;
    color: #ffb129;
}

.tip-bot p.tip i {
    position: absolute;
    top: -2px;
    left: 0;
    margin-right: 10px;
}

.messtip {
    padding: 10px;
    font-size: 1.2rem;
    color: #999999;
}

.messtip h3 {
    margin-bottom: 10px;
    font-size: 1.2rem;
    color: #999999;
}

.messtip p {
    line-height: 16px;
}

.messtip p em {
    color: #0079fe;
}
/*短信开关*/
.ui-switch {
    width: 45px;
    height: 26px;
}

.ui-switch label {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #e5e5e5;
    display: block;
}

.ui-switch .ui-check {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    width: 21px;
    height: 21px;
    float: left;
    border-radius: 100%;
    background: #fff;
    border: 0;
    margin: 2px 2px 2px 3px;
    -webkit-transition: -webkit-transform 300ms ease;
    -webkit-transition-duration: 300ms;
    -moz-transition: -moz-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.05), 0 5px 2px rgba(0,0,1,.05);
    box-shadow: 0 0 15px rgba(0,0,0,.05), 0 5px 2px rgba(0,0,1,.05);
}

.ui-switch.active .ui-check {
    -webkit-transform: translate3d(18px, 0, 0)!important;
    transform: translate3d(18px, 0, 0)!important;
}

.ui-switch.active label {
    background: #50b044;
}

.ui-switch span.son,.ui-switch span.soff {
    position: absolute;
    top: 5px;
}

.ui-switch .son {
    z-index: 10;
    left: 6px;
    color: #fff;
}

.ui-switch .soff {
    z-index: 10;
    right: 6px;
    color: #999999;
}

.ui-switch .ui-check {
    position: absolute;
    z-index: 10;
}
/*生成页面中弹出的充值提示*/
.rechargetip-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
}

.rechargetip-bg.active {
    display: -webkit-box;
}

.recharge-tip {
    position: relative;
    width: 260px;
    height: 315px;
    background-color: #fff;
    border-radius: 5px;
}

.recharge-tip>i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.recharge-tip>a {
    display: block;
    margin: 0 auto;
    width: 90%;
    height: 35px;
    background: #ffc11a;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 3px;
}

.recharge-tip div {
    padding: 20px;
    text-align: center;
}

.recharge-tip div img {
    display: block;
    font-size: 5rem;
    width: 50%;
    margin: 20px auto;
}

.recharge-tip div p {
    text-align: left;
    color: #000;
    margin-bottom: 10px;
    line-height: 18px;
}

.recharge-tip div p em {
    color: #e34d4f;
}
/*生成页面中活动信息修改提示*/
.messtip-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
}

.messtip-bg.active {
    display: -webkit-box;
}

.messchang-tip {
    position: relative;
    width: 260px;
    /*height: 315px;*/
    background-color: #fff;
    border-radius: 5px;
}

.messchang-tip>i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.messchang-tip div i {
    display: block;
    font-size: 6.5rem;
    color: #27a8ff;
    margin: 20px 0;
    text-align: center;
}

.messchang-tip div h3 {
    color: #27a8ff;
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.messchang-tip div {
    text-align: center;
    color: #000;
    margin-bottom: 25px;
}

.messchang-tip div p {
    margin: 5px;
}

.messchang-tip div .tipcolor {
    color: #ffb129;
    font-size: 1.2rem;
    margin: 15px 0 0;
}

.messchang-tip ul li {
    float: left;
    width: 50%;
    height: 45px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    line-height: 45px;
    color: #000;
}

.messchang-tip ul li.canclebtn {
    border-right: 1px solid #e5e5e5;
}

.messchang-tip ul li.confirmbtn {
    color: #2999ff;
}

.ui-popup-mask .ui-popup-cont .messque {
    padding: 10px 20px 0;
}

.ui-popup-mask .ui-popup-cont .messtxt {
    padding: 10px 20px;
    line-height: 18px;
}

.ui-popup-cont {
    color: #000;
}

.ui-popup-mask .ui-popup-cont .messbottip {
    color: #2999ff;
    padding: 0 20px 10px;
    line-height: 14px;
    font-size: 1.2rem;
}
/*购买短信包*/
/*选中*/
.fortype .line .choose {
    border-color: green;
    padding: 5px;
}

.mess-poppanel {
    display: none;
    position: fixed;
    bottom: -100%;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 410px;
    background-color: #fff;
}

.mess-poppanel.show {
    display: block;
    bottom: 0;
    -webkit-transition: all 0.5s;
}

.mess-poppanel .close-box {
    position: absolute;
    top: -12.5px;
    right: 12.5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
}

.mess-poppanel .close-box i {
    position: absolute;
    top: -10px;
    right: -13px;
    font-size: 2.5rem;
    color: #e34d4f;
    padding: 10px;
    cursor: pointer;
}

.fortype {
    padding: 20px 15px 0;
}

.fortype .line {
    display: -ms-box;
    display: -ms-flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.fortype .line>div {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    height: 80px;
    border: 2px solid white;
    padding: 5px;
    cursor: pointer;
}

.fortype .money {
    font-size: 2rem;
}

.fortype>div>div:nth-child(1) {
    margin-right: 30px;
}

.fortype>div>div p:nth-child(1) {
    color: #fff;
    padding: 15px 0 5px;
}

.fortype>div>div p:nth-child(2) {
    color: rgba(255,255,255,.5);
    padding: 0 0 5px;
}

.fortype>div>div button {
    width: 90%;
    height: 20px;
    background: #fff;
    outline: none;
    border: none;
}

.ten,.thr,.fiv,.hundred {
    height: 66px;
    text-align: center;
}

.fortype .ten button {
    color: #dfa418;
}

.fortype .thr button {
    color: #2a96c5;
}

.fortype .fiv button {
    color: #bf570a;
}

.fortype .hundred button {
    color: #6c23b4;
}

.fortype .line {
    margin-bottom: 15px;
}

.line .ten {
    background: url('http://xmsoqistatic.qiniu.soqi.cn/cyminpage1.png') no-repeat;
    background-size: cover;
}

.line .thr {
    background: url('http://xmsoqistatic.qiniu.soqi.cn/cyminpage2.png') no-repeat;
    background-size: cover;
}

.line .fiv {
    background: url('http://xmsoqistatic.qiniu.soqi.cn/cyminpage3.png') no-repeat;
    background-size: cover;
}

.line .hundred {
    background: url('http://xmsoqistatic.qiniu.soqi.cn/cyminpage4.png') no-repeat;
    background-size: cover;
}

.self-div {
    padding: 0 15px;
}

.self-div section {
    text-align: center;
}

.self-div section p b {
    font-weight: normal;
}

.self-div section p em {
    color: #1f8ff3;
    cursor: pointer;
}

.self-div section p:nth-child(1) {
    color: #000;
    margin-bottom: 10px;
}

.self-div section p:nth-child(2) {
    color: #999999;
    margin-bottom: 15px;
    font-size: 1.2rem;
}

.self-div section p:nth-child(2) em {
    color: #e34c4e;
}

.self-div button {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    background: #1f8ff3;
    color: #fff;
    text-align: center;
    line-height: 40px;
    outline: none;
    border: none;
}

.self-div h3 {
    margin-bottom: 15px;
}

.self-div .self-inp {
    position: relative;
    margin-bottom: 15px;
}

.self-inp .spantit {
    float: left;
    line-height: 35px;
    margin-right: 15px;
}

.self-inp .messtipbox {
    position: absolute;
    left: 114px;
    top: -32px;
    padding: 8px;
    background: #6cbf43;
    color: #fff;
}

.self-div .self-inp a {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    border: 1px solid #ccc;
    line-height: 30px;
    padding: 0;
    vertical-align: top;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    font-size: 3rem;
}

.self-div .self-inp a.jian {
    line-height: 30px;
}

.self-div .self-inp input {
    float: left;
    margin: 0;
    padding: 0;
    width: 90px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #666;
    border: 1px solid #CCC;
    border-left: none;
    border-right: none;
    outline: 0;
    background: #FFF;
    -webkit-appearance: none;
    border-radius: 0;
}
/*付款方式*/
.pay-poppanel {
    display: none;
    position: fixed;
    left: 0;
    bottom: -100%;
    z-index: 99;
    width: 100%;
    max-height: 400px;
    padding-bottom: 20px;
    background-color: #fff;
}

.pay-poppanel.show {
    display: block;
    bottom: 0;
    -webkit-transition: all 0.5s;
}

.pay-poppanel h3 {
    position: relative;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #000;
}

.pay-poppanel h3 i {
    position: absolute;
    top: 0px;
    left: 10px;
    padding: 0 10px;
    font-size: 2rem;
}

.pay-poppanel dl {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
}

.pay-poppanel dl:last-child {
    border-bottom: none;
}

.pay-poppanel dl dt {
    margin-right: 15px;
}

.pay-poppanel dl dt i {
    font-size: 3.5rem;
}

.pay-poppanel dl dd div {
    margin-top: 7px;
    margin-bottom: 3px;
}

.flexbox dt i.mbag {
    color: #f9d30c;
}

.flexbox dt i.zfb {
    color: #00aaee;
}

.flexbox dt i.wechat {
    color: #00c900;
}
/*报名者填写项*/
.writeitem-box {
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    background-color: #fff;
}

.writeitem-box ul li {
    position: relative;
    float: left;
    margin: 5px 8px;
    background: #e5e5e5;
    cursor: pointer;
    color: #fff;
}

.writeitem-box ul li.hasi {
    padding-right: 25px;
}

.writeitem-box ul li span {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 8px;
}

.writeitem-box ul li.upload>em {
    display: inline-block;
    padding: 8px;
    color: #fff;
}

.writeitem-box ul li.upload .upload-b {
    display: none;
}

.writeitem-box ul li.upload .upload-b em {
    color: #50b044;
}

.writeitem-box ul .upload.active .upload-b {
    display: inline-block;
    color: #50b044;
    background: #e5e5e5;
    line-height: 13px;
}

.writeitem-box ul li>i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 5px;
    color: #dcefda;
}

.writeitem-box ul li.active {
    background: #50b044;
}

.additembtn {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px 8px;
    border: 2px solid #50b044;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}

.additembtn i {
    color: #50b044;
}

.uploaditemlist {
    display: none;
}

.uploaditemlist.uploadshow {
    display: block;
}
/*新的图片组件*/
.imgComponentbox {
    overflow: hidden;
}

.imgComponent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 110px;
    overflow-y: auto;
    z-index: 3;
}

.imgComponent-operate {
    padding: 0 20px 20px 20px;
    transition: transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    position: relative;
    z-index: 5;
}

.imgComponent-operate.active {
    transform: translateY(156px);
    -webkit-transform: translateY(156px);
}

.imgComponent-down,.imgComponent-up {
    margin-top: 5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    background: #fff;
    float: right;
}

.imgComponent-filter {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background: #fff;
    float: left;
}

.imgComponent-down .icon-minpage:after {
    content: '\e613';
    color: #999;
}

.imgComponent-up .icon-minpage:after {
    content: '\e614';
    color: #999;
}

.imgComponent-filter .icon-minpage:after {
    content: '\e658';
    color: #0079ff;
    font-size: 2.4rem;
}

.imgComponent-imgbox {
    position: relative;
}

.imgComponent-imgbox.cur img {
    border: 2px solid #ffae2e;
}

.imgComponent-imgbox img {
    width: 100%;
}

.imgComponent-imgbox.cur .ic-close {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: rgba(0,0,0,0.6);
}

.imgComponent-imgbox.cur .ic-close:after {
    content: '\e640';
    color: #fff;
}

.imgComponentBt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.imgComponent-btn {
    display: block;
    height: 44px;
    line-height: 44px;
    background-color: #0079ff;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    position: relative;
    z-index: 5;
}

.imgComponent-links {
    padding: 20px;
    background-color: #f2f2f2;
    position: relative;
    z-index: 5;
}

.imgComponent-links div {
    position: relative;
}

.imgComponent-links div:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 5px;
    background-color: #0079ff;
}

.imgComponent-links div:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 5px;
    background-color: #0079ff;
}

.imgComponent-links input {
    padding: 0 2px;
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    border: none;
    border-bottom: 1px solid #0079ff;
    outline: none;
    background: transparent;
}

.imgComponent-upload {
    padding: 20px 0;
    background-color: #fff;
    transition: transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    position: relative;
    z-index: 5;
}

.imgComponent-upload.active {
    transform: translateY(156px);
    -webkit-transform: translateY(156px);
}

.imgComponent-upload .flexbox >div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    text-align: center;
}

.imgComponent-upload .flexbox >div p {
    font-size: 1.4rem;
    color: #141518;
    margin-top: 10px;
}

.imgComponent-upload a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: relative;
    border-radius: 50%;
    text-align: right;
}

.imgComponent-upload a i {
    font-size: 4.2rem;
    color: #fff;
    padding-right: 5px;
}

.imgComponent-upload a.uploadPT {
    background-color: #0079ff;
}

.imgComponent-upload a.uploadHD {
    background-color: #ff9053;
}

.imgComponent-upload a.uploadPIN {
    background-color: #4cd1c9;
}

.imgComponent-upload a input {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    opacity: 0;
}

.imgComponent-tips {
    font-size: 1.2rem;
    color: #999;
    text-align: center;
    margin-top: 20px;
}
/*报名微单页 模块*/
.bm-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0,0,0,.3);
}

.bm-mask .bm-mask-txt {
    width: 290px;
    height: 246px;
    padding-top: 105px;
    background: url(http://xmsoqistatic.qiniu.soqi.cn/tipbg.png) no-repeat;
    background-position: 60% center;
    background-size: 50%;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
}

.bm-mask .bm-mask-txt span {
    display: block;
    margin-bottom: 10px;
}

.bmbox.active {
    -webkit-animation: twink 2s ease-in-out;
}

@-webkit-keyframes twink {
    0% {
        background-color: rgba(255,237,237,1);
    }

    25% {
        background-color: rgba(255,237,237,0);
    }

    50% {
        background-color: rgba(255,237,237,1);
    }

    75% {
        background-color: rgba(255,237,237,0);
    }

    95% {
        background-color: rgba(255,237,237,1);
    }

    100% {
        background-color: rgba(255,237,237,0);
    }
}

/*我也要创建微单页按钮*/
.iwantbmbtn-box {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 54px;
    background: rgba(255,255,255,.3);
}
.iwantbmbtn-box button {
    display: block;
    width: 90%;
    height: 44px;
    margin: 5px auto;
    outline: none;
    border: none;
    background: #1f8ff3;
    color: #fff;
    border-radius: 3px;
}
.iwantbmbtn-box button.invalid {
    background-color: #bdbdbd;
    cursor: not-allowed;
}

/*转载自*/
.reprintbox {
    margin: 20px 15px;
    border: 1px solid #e5e5e5;
}
.reprintbox p {
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    margin: 10px;
    padding: 0 0 10px 0!important;
    color: #999;
}
.reprintbox .people-mess {
    padding: 0 10px 10px 10px;
}
.reprintbox .people-mess img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
}
.reprintbox .people-mess .peo-name {
    margin-left: 5px;
}
.reprintbox .people-mess > .minlink {
    float: right;
    line-height: 40px;
    color: #999;
}
.reprintbox .people-mess > a i {
    display: block;
    float: right;
}
.reprintbox>img {
    display: block;
    margin: 0 auto;
    width: 50%;
}

.demo-no-reorder {
    min-height: 50px;
}

.moduleDoc{
    padding: 20px 20px;
}
.graphDoc{
    padding: 15px 0!important;
    margin: 0 15px!important;
}

/*二维码组件*/
.codeModulebox{ background-color:#fff;}
.codeModule-item{ margin-top:10px;position:relative;}
.codeModulebox{padding:20px 10px;}
.codeModulebox .codebox{ width:80px;height:80px;padding:5px;display:-webkit-box;display:-webkit-flex;/*display:-ms-flexbox;display:flex;*/-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.codeModulebox .codebox img{ max-width:100%;max-height:100%;}
.codeModule-img{text-align:center;}
.codeModule-img img{ width:80%;max-width:85%;}
/*模板1*/
.codeModule1{padding:10px 20px 10px 10px;border:1px solid #f2f2f2;background-color: #fff;}
@media screen and (max-width:321px){
    .codeModule1{padding:10px;}
}
.codeModule1 .tit{font-size:1.6rem;color:#ff2a52;text-align:right;padding: 5px;margin-bottom:0}
.codeModule1 .mark{font-size:1.2rem;color:#ff2a52;border-top:1px solid #ff2a52;text-align:right;padding: 5px;}
.codeModule1 .arrowbox{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ff2a52;position:relative;margin:0 20px;}
.edit-show .codeModule1 .arrowbox{margin:0 10px !important;}
@media screen and (min-width:375px){
    .codeModule1 .arrowbox{ margin:0 30px;}
}
@media screen and (min-width:410px){
    .codeModule1 .arrowbox{ margin:0 40px;}
}
.codeModule1 .arrowbox:before{ position:absolute; top: 6px; left: 10px; content:''; border: 6px solid transparent; border-left: 7px solid #fff; width: 0; height: 0; }
/*模板2*/
.codeModule2{padding:15px 0;margin:0 10px;border:1px solid #f2f2f2;background-color: #fff;}
.codeModule2 .codebox{margin:0 auto;}
.codeModule2 .text{ margin-top:15px;height:30px;line-height:30px;background-color:#84ddd4;font-size:1.4rem;color:#fff;text-align:center;position:relative;}
.codeModule2 .text:before{position:absolute;top: 6px;left:-13px;content:'';width:14px;height:30px;background:url(http://activity.qiniu.soqi.cn/bg_codemodule02.png) no-repeat;background-position:0 0;background-size: 100% auto;}
.codeModule2 .text:after{position:absolute;top: 6px;right:-13px;content:'';width:14px;height:30px;background:url(http://activity.qiniu.soqi.cn/bg_codemodule02.png) no-repeat;background-position:0 -40px;background-size: 100% auto;}
.codeModule2 .text span{padding:5px;}
/*模板3*/
.codeModule3{border:1px solid #ffe3b7;margin-bottom:35px;padding:10px 15px;position:relative;background-color: #fff;}
.codeModule3 .tit{font-size:1.6rem;color:#424242;}
.codeModule3 .tit span{padding: 5px;}
.codeModule3 .textbox p{ height:20px;line-height:20px;background-color:#ffb746;padding:0 10px;border-radius:20px;font-size:1.2rem;color:#fff;margin:10px 25px 0 0;}
.codeModule3 .textbox p span{ padding:2px 5px;}
@media screen and (min-width:375px){
    .codeModule3 .textbox p{margin:10px 35px 0 0;}
}
@media screen and (min-width:410px){
    .codeModule3 .textbox p{margin:10px 50px 0 0;}
}
.codeModule3:before{position:absolute;bottom: -40px;left: -1px;content:'';width: 0;height: 0;border-top:20px solid #ffe3b7;border-left:20px solid #ffe3b7;border-right:20px solid transparent;border-bottom:20px solid transparent;}
.codeModule3:after{position:absolute;bottom: -31px;left: 0;content:'';width: 0;height: 0;border-top: 16px solid #fff;border-left: 16px solid #fff;border-right: 16px solid transparent;border-bottom: 16px solid transparent;}
.codeModule3 .line{position:absolute;bottom:-4px;left:30px;right:0;height:5px;background-color:#ffe3b7;}
.codeModule-operate{ height:49px;line-height:49px;background:#fff;font-size:1.4rem;color:#424242;}
.codeModule-operate .flex{text-align:center;width:50%;}
.codeModule-operate .addcode{background-color:#1f8ff3;color:#fff;}

/*=========2017-3-1修改=======*/
.wrap .rightboxs .imgTxt-tool input{position:absolute;top:0;left:0;bottom:0;width:50px;opacity:0;overflow:hidden;}
.anims{ -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-duration: 300ms; -moz-transition: -moz-transform 300ms ease;transition: transform 300ms ease;}
.pop-coverbg{position:fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1112;background: rgba(0,0,0,.8);display:none;} /*全屏遮罩层*/
.pop-coverbg.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.pub-list{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem;color: #424242; padding:10px;min-height:44px;}
.pub-list .mark:not(:last-child) {margin-right:10px;}
.pub-list .flex.elli{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;line-height: 18px;}
.pub-list .flex .name{font-size:1.4rem;color:#424242;}
.pub-list .flex .info{font-size:1.2rem;color:#bbb;margin-top:5px;line-height:150%;}
.pub-list .flex + .ic-Zpub-right{color:#999;}
.pub-list.NoborBt{border-bottom:none;}
/*切换按钮*/
.pub-switch { width: 50px; height: 30px;position:relative; }
.pub-switch .on{position: absolute; top: 7px; left: 6px; color: #fff;}
.pub-switch .off{position: absolute; top: 7px; right: 6px; color: #fff;}
.pub-switch label { width: 100%; height: 100%; border-radius:15px; background: #e5e5e5; display: block;}
.pub-switch.active label { background: #4dd865;}
.pub-switch .pub-switch-check{-webkit-appearance:none;appearance:none; outline: none;width: 26px; height: 26px; float: left; border-radius: 100%; background: #fff; border: 0; margin: 2px; -webkit-transition: -webkit-transform 300ms ease;-webkit-transition-duration: 300ms;-moz-transition: -moz-transform 300ms ease;transition: transform 300ms ease; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-box-shadow: 0 0 15px rgba(0,0,0,.05), 0 5px 2px rgba(0,0,1,.05);box-shadow: 0 0 15px rgba(0,0,0,.05), 0 5px 2px rgba(0,0,1,.05);  }
.pub-switch.active .pub-switch-check { -webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);}
/*设置微单页内容*/
.pop-minpage-set{ position:fixed;bottom:0;left:0;width:100%;margin:0;background-color:#fff;-webkit-transform:translateY(100%);transform:translateY(100%);z-index: 111112;padding:0 0 20px;}
@media screen and (min-width:800px){
    .pop-minpage-set,.pop-coverbg{width:540px;left:50%;margin-left:-270px;}
}
.pop-minpage-set.active{-webkit-transform:translateY(0);transform:translateY(0);}
.pop-minpage-set-cnt{ padding:0 10px;}
/*微单页内容编辑*/
.minpage-empty-box{text-align:center;}
.minpage-empty-img{width:55%;margin:0 auto;}
.minpage-empty-img img{width:100%;margin-left:10%;}
.minpage-empty-tit{font-size:2.2rem;color:#424242;margin-top:15px;}
.minpage-empty-info{font-size:1.4rem;color:#424242;margin-top:10px;}
.icon-minpage-img:after{ content:'\ea35'} /*图文*/
.icon-minpage-set:after{ content:'\ea24'} /*设置*/
.icon-minpage-close:after{content:'\e64b'}/*关闭*/
.icon-minpage-add:after{content:'\e67c'} /*添加*/
.edit-addtool{ position:relative;}
.btfix-Pop-operate{position:absolute;top: 0px;left:0;right:8px;z-index: 1111;}
.btfix-Pop-operate .closeboxbtn{display:inline-block;text-align:center;line-height: 24px;color:#fff;padding: 0 10px 10px 0;position: absolute;top: -1px;}
.btfix-Pop-operate .closeboxbtn i{display: inline-block;width: 24px;height: 24px;font-size:1.2rem;background-color:#ff3333;}
.btfix-Pop-operate .moveUp,.btfix-Pop-operate .moveDown{position:relative;display:inline-block;width: 48px;height: 24px;line-height: 24px;text-align:center;background-color:#333;font-size:1.2rem;color:#fff;margin-left: 12px;}
.btfix-Pop-operate .moveUp:before{content: '';position:absolute;top:0;left: -9px;width:0;height:0;border-left: 4px solid transparent;border-top: 14px solid transparent;border-right: 5px solid #333;border-bottom: 10px solid #333;}
.btfix-Pop-operate .moveUp:after{content: '';position:absolute;top:0;right: -10px;width:0;height:0;border-left: 5px solid #333;border-top: 10px solid transparent;border-right: 5px solid transparent;border-bottom: 14px solid #333;}
.btfix-Pop-operate .moveDown:before{content: '';position:absolute;top:0;left: -10px;width:0;height:0;border-left: 5px solid transparent;border-top: 14px solid #333;border-right: 5px solid #333;border-bottom: 10px solid transparent;}
.btfix-Pop-operate .moveDown:after{content: '';position:absolute;top:0;right: -8px;width:0;height:0;border-left: 5px solid #333;border-top: 10px solid #333;border-right: 3px solid transparent;border-bottom: 14px solid transparent;}
.addtool-btn{width:44px;height:44px;border-radius: 50%;text-align: center;line-height:44px;cursor: pointer;background: #0cbc5f;margin:10px auto;}
.addtool-btn i{font-size:1.8rem;color:#fff;font-weight:700;}

/*顶部编辑头部*/
.fix-opacityBg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0)}
.fix-opacityBg.active{background-color:rgba(0,0,0,0.15)}

/*展示详情头部*/
.authorbox{position:absolute;bottom: -75px;left:0;right:0;color:#424242;text-align:center;}
.authorbox .faceImg{display:block;width: 60px;height: 60px;border-radius:50%;overflow:hidden;margin:0 auto;border: 2px solid #fff;}
.authorbox .faceImg img{width:100%;/*border-radius:50%;*/}
.authorbox .name{font-size:1.6rem;margin-top: 13px;}
.authorbox .name a{color: #4c4c4c;font-size: 16px;}
.authorbox .post{font-size:1.4rem;margin-top: 10px;}
.authorbox .post a{ color:#666;}
.authorbox .post a:first-child{margin-right:5px;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0); }
/*替换组件框*/
.ic-m-replaceImg:after{content:'\ea5b'}
.ic-m-replace:after{content:'\ea5a'}
.popReplacebox{position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,0.4);z-index:99;color:#f5f5f5;font-size:1.4rem;text-align:center;transform:translate(-50%,-50%);margin: 0!important;}
.popReplacebox i{font-size: 2.4rem;}
.popReplacebox p{margin-top:3px;font-size: 1.4rem;}
.video_iframe{height: 260px !important;}
@media screen and (min-height:480px){
    .video_iframe{height:220px !important;}
}
.edit-show.cur{
    overflow-y: hidden;
    /* max-height: 200px; */
}
.video_iframe{height: 260px !important;width: 100%;}
@media screen and (min-height:480px){
    .video_iframe{height:220px !important;}
}
.imgWdTips{font-size:1.4rem;color:#999;text-align:center;padding:10px 0;}

/*===========2017-7-29 微单页编辑 优化修改==========*/
.bt-release-operate{position:fixed;left:0;bottom:0;width:100%;z-index:100;background-color:#fff;border-top:1px solid #e6e6e6;padding:8px 0;}
@media screen and (min-width:800px) {
    .bt-release-operate{ width:540px;left:50%;margin-left:-270px;}
}
.bt-release-operate .flex{
    padding:0 10px;
    text-align:center;
}
.bt-release-operate .pub-btn{
    display:block;
    width:100%;
    -webkit-appearance:none;
    height:36px;
    line-height:36px;
    font-size:1.6rem;
    border-radius:3px;
}
.bt-release-operate .pub-btn.pub-btn-graybtn{
    background-color:#f2f2f2;
    color:#1f8ff3;
}
.bt-release-operate .pub-btn.pub-btn-bluebtn{
    background-color:#1f8ff3;
    color:#fff;
}
.page-a{padding:0 0 80px 0;}
/*发布后才可分享提示*/
.sharetip {position: fixed;left: 12px;width: 292px;bottom: 56px;display: inline;padding: 5px 10px 5px 23px;border-radius: 34px;color: #000;background: rgba(254,215,26,1);font-size: 1.3rem;display:none;}
@media screen and (min-width:800px){
    .sharetip{ left:50%;margin-left:-240px;}
}
.sharetip.setcolortips{ position:absolute;left: 28px; top: 27px; bottom: auto;word-break: break-word;}
@media screen and (min-width:800px){
    .sharetip.setcolortips{ left:50%;margin-left:-240px;}
}
.sharetip span { position: relative;z-index: 9; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #ac910c; text-align: center; line-height: 20px;  }
.sharetip span i {font-size: 1.2rem;color: #fff;}
.icon-close:after { content: '\e660';}
.sharetip em {position: absolute;top: 6px;left: 6px;transform: rotate(170deg);width: 15px;height: 30px;background: url(http://xmsoqistatic.qiniu.soqi.cn/sharetippopbgs.png) no-repeat;background-size: cover;}
.pub-btn-comform-release{ margin-left: 10px;display:block;width:100%;text-align:center;height:40px;line-height:38px;border-radius:3px;font-size:1.4rem;color:#fff;background-color:#1f8ff3;}
.pub-btn-canclebtn{ display:block;width:100%;text-align:center;background-color:#fff;height:40px;line-height:38px;border-radius:3px;font-size:1.4rem;color:#1f8ff3;border:1px solid #1f8ff3;}

/*=============2017-7-29 微单页展示页面 优化修改=============*/
.minpageShow-set{ position:absolute;top:10px;right:10px;z-index:2;}
.minpageShow-set .icon-minpage-more{text-align:center;font-size:2rem;color:#fff;/* padding:10px; */width: 30px;height: 30px;border-radius: 50%;display: inline-block;line-height: 30px;}
.toptit.blackcolor .minpageShow-set .icon-minpage-more{color:#676767;}
.icon-minpage-more:after{ content:'\e612'} /*更多*/
.icon-minpage-release:after{content:'\ea95'} /*发布*/
.icon-minpage-lock:after{content:'\ea9b'} /*不发布*/
.icon-minpage-eye-open:after{content:'\e681'} /*睁眼*/
.icon-minpage-eye-close:after{content:'\e682'} /*闭眼*/
.icon-minpage-dafaultPic:after{content:'\ea98'} /*默认图片*/
.icon-minpage-fabulous:after{content:'\e676'} /*未点赞*/
.icon-minpage-fabulous-solid:after{content:'\e675'} /*已点赞*/
.icon-minpage-reprint:after{content:'\e679'} /*转载*/
.icon-minpage-code:after{content:'\e651'} /*二维码*/
.icon-minpage-defaultUser:after{content:'\ea9c'} /*默认人头像*/
.icon-minpage-close:after{content:'\e640'} /*关闭*/
.icon-minpage-trash:after{content:'\e60a'}
.icon-minpage-noaddCard:after{ content:'\eb0c'} /*未加入母名片*/
.icon-minpage-addCard:after{ content:'\eb0d'} /*加入母名片*/
.icon-minpage-sign:after{content:'\ea9d';font-size:2.8rem;padding-top:2px;} /*报名单页*/
.pop-minpageShow-set{position:absolute;top: 34px;right:0;background-color:#fff;border-radius:5px;width:200px;padding:10px 15px;display:none;z-index: 999;}
.pop-minpageShow-set:after{ position:absolute;top:-6px;right:6px;content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;}
.pop-minpageShow-set li{height:36px;line-height:36px;font-size:1.5rem;color:#424242;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pop-minpageShow-set li i{ margin-right:8px;font-size:1.8rem;}
.pop-minpageShow-set li.addcompany,.pop-minpageShow-set li.addplatForm{display:none;}
.little-info{ padding:10px 10px 0;font-size:1.3rem;color:#999;border-top: 1px solid #f2f2f2;margin-left:0!important;}
.little-info span{margin-right:15px;}
.little-info span em{ margin-left:5px;}

.bt-minpageshow-fix{ position:fixed;left:0;bottom:0;z-index:9999;width:100%;background-color:#fff;padding:5px 10px;height:56px;border-top:1px solid #e5e5e5;}
@media screen and (min-width:800px) {
    .bt-minpageshow-fix{ width:540px;left:50%;margin-left:-270px;}
}
.bt-minpageshow-fix-btn{ height:36px;line-height:36px;border-radius:3px;font-size:1.4rem;color:#fff;padding:0 15px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.bt-minpageshow-fix-btn:active{ outline: 0;color:#fff; }
.bt-minpageshow-fix-btn.markdypost{ background-color:#fa4646;}
.bt-minpageshow-fix-btn.enrollbtn{background-color:#1f8ff3;}
.bt-minpageshow-fix-btn.enrollbtn.disabled{ background-color:#e5e5e5;}
.editDypage:after{content:'';position:absolute;top: -1px;right:-5px;width: 8px;height: 8px;border-radius:50%;background:rgba(40,158,255,0.9);}
.article-operate .item.signup{position:relative;}
.article-operate .item.signup i{ left: 6px;top:2px;}
.article-operate .item .pop-signUpbox{position:absolute;top: -63px;left: -85px;width: 200px;background-color: #fff;height: 50px;box-shadow: 0 0 12px #b7b5b5;}
.article-operate .item .pop-signUpbox .mark{display:inline-block;width:50px;height: 50px;text-align:center;background-color:#1f8ff3;color:#fff;}
.article-operate .item .pop-signUpbox .mark span{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;border:1px solid #fff;margin: 10px 0;}
.article-operate .item .pop-signUpbox i{width:auto;height:auto;}
.article-operate .item .pop-signUpbox .mark span i:after{ font-size:2.4rem;color:#fff;}
.pop-signUpbox .flex{height:100%;line-height:50px;}
.pop-signUpbox:after{position:absolute;bottom: -10px;content:'';left:50%;margin-left:-5px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;box-shadow: 0 0 -6px #b7b5b5;}
.pop-signUpbox .icon-minpage-close{padding:10px 5px;color:#424242;}
.pop-signUpbox{display:none;}
.pop-signUpbox.active{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.pop-implantAd{z-index:10000 !important;}
.toptit.hideFace{margin-bottom:25px !important;}
#miniDetail{ margin-top:10px;}

/*微单页模板 音乐按钮位置*/
.module-music-wraps.music-wraps{top:52px;right:10px;bottom:auto;}
@media screen and (min-width:800px) {
    .module-music-wraps.music-wraps{ margin-right: -244px!important;}
}
.module-music-wraps.music-wraps .music-wrap.off,.module-music-wraps.music-wraps .music-wrap.on{ width: 30px;height: 30px;line-height: 30px;}
.module-music-wraps.music-wraps .music-wrap.off .yinfuoff,.module-music-wraps.music-wraps .music-wrap.on .yinfuon{font-size:1.6rem;}

/*2018-8-23 优化*/
.guide-colorModify{text-align:center;position:relative;margin-top: 43px;display:none;}
.guide-colorModify.active{display:block;}
.guide-colorModify div{ padding:0 48px;position:relative;height:26px;line-height:26px;display:inline-block;font-size:1.4rem;color:#424242;}
.guide-colorModify div:before{ content:'';width:48px;height:26px;position:absolute;top:0;left:0;background:url('http://xmsoqistatic.qiniu.soqi.cn/img_guide_colorbefore.png') no-repeat;background-size:auto 26px;}
.guide-colorModify div:after{ content:'';width:48px;height:26px;position:absolute;top:0;right:0;background:url('http://xmsoqistatic.qiniu.soqi.cn/img_guide_colorAfter.png') right center no-repeat;background-size:auto 26px;}
.guide-colorModify .closebtn{position:absolute;top: -30px;right: -15px;height:26px !important;line-height:26px;margin:0;padding: 0 15px;}
.guide-colorModify .closebtn .icon-closed:after{ font-size:2rem;color:rgba(0,0,0,0.3);content:'\e64e';}
.popReplacebox.turnbox{ width: auto; height: auto; border-radius: 3px; padding: 15px 15px 20px; min-width: 210px;line-height: 150%;}
.show-compent.reprint{ border: dashed 1px #ff3333;min-height: 130px; padding:0!important;}
.edit-show .edit-show{ padding: 15px 0!important;}

.guide-release-tips{position: fixed;left:50%;margin-left:-175px;bottom: 62px;background-color: #fff;height: 50px;box-shadow: 0 0 12px #b7b5b5;z-index:3;}
.guide-release-tips .mark{display:inline-block;width:50px;height: 50px;line-height:50px;text-align:center;background-color:#1f8ff3;color:#fff;}
.guide-release-tips .mark i:after{ font-size:2.4rem;color:#fff;}
.guide-release-tips .flex{height:100%;line-height:50px;padding:0 10px;}
@media screen and (max-width:321px){
    .guide-release-tips{margin-left:-150px;}
    .guide-release-tips .flex{ font-size:1.2rem;padding:0 2px;}
}
.guide-release-tips:after{position:absolute;bottom: -10px;content:'';right: 20px;margin-left:-5px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;box-shadow: 0 0 -6px #b7b5b5;}
.guide-release-tips .icon-minpage-close{padding:10px 5px;color:#424242;font-size:1.8rem;}
.guide-release-tips{display:none;}
.guide-release-tips.active{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}

/*文件夹内容*/
.dragbox { background-color: #fff;position: relative;}
.dragbox .dragUl>li { float: left; width: 33.33%; height: 100px; text-align: center; position: relative;}
.dragbox li.folder div.slidebox {display: inline-block;width: 60px;height: 60px;padding: 0;line-height:60px;text-align:center;border-radius: 10px;margin-top: 10px;position:relative;}
.dragbox li.folder div.slidebox .maskbox{ position:absolute;top:0;left:0;width:60px;height:60px;background-color:rgba(0,0,0,0.6);border-radius: 10px;}
.dragbox li.folder div.slidebox .maskbox i{ font-size:2.4rem;color:#4dd765;}
.dragbox li.folder div.slidebox  .ic-micro-fold{ display:inline-block;margin:7px auto;width:44px;height:44px;background:url(http://xmsoqistatic.qiniu.soqi.cn/img_foldIcon01.png) no-repeat;background-size:100% auto;}
.dragbox li p {font-size: 1.2rem;color: #7d7d7d; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pop-ReleaseFold-cnt.dragbox{background-color:#f9f9f9;padding: 5px 0 15px;}
.pop-ReleaseFold-tit{padding:0 10px 20px;font-size:1.6rem;color:#424242;margin-top:20px;}
/*轮播图*/
.swiper-container-fold {margin: 0 auto;  position: relative; overflow: hidden; z-index: 1;  width: 100%; }
.swiper-container-fold .swiper-slide{position:relative;}
.swiper-wrapper {/* position: relative; *//* width: 100%; *//* z-index: 1; *//* display: -webkit-box; */display: -moz-box;display: -ms-flexbox;/* display: -webkit-flex; *//* display: flex; *//* -webkit-transition-property: -webkit-transform; */-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;/* transition-property: transform; *//* -webkit-box-sizing: content-box; */-moz-box-sizing: content-box;/* box-sizing: content-box; */}

.swiper-container4shop .swiper-wrapper{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;}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;  flex-shrink: 0;  width: 100%;  position: relative;  }
.swiper-container-horizontal>.swiper-pagination {bottom: -2px;left: 0;width: 100%;}
.swiper-pagination {position: absolute; text-align: center; -webkit-transition: 300ms;  -moz-transition: 300ms;  -o-transition: 300ms;  transition: 300ms;  -webkit-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  z-index: 10;  }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 2px;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;  }
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #9b9b99;}
.swiper-pagination-bullet-active {opacity: 1;  background: #218ef3;}
.icon-minpage-tick-solid:after{ content:'\e670'}

/*原文转载出处*/
.ReprintSource .pub-list{padding: 0 50px 0 10px;border-bottom:none;position: relative;}
.ReprintSource .pub-list .mark,.ReprintSource .pub-list .complaintxt{color:#9fa8b1;}
.ReprintSource .pub-list .complaintxt{position:absolute;top:50%;right: 10px;-webkit-transform:translate(0,-50%);}
.ReprintSource .pub-list .usrbox{ padding-right:20px;position:relative;}
.ReprintSource .pub-list .imgbox{ width:30px;height:30px;display:inline-block;border-radius:50%;overflow:hidden;}
.ReprintSource .pub-list .imgbox img{ width:100%;}
.ReprintSource .pub-list .flex{ color:#96a6b3;padding-left:20px;white-space: nowrap; overflow:hidden;text-overflow:ellipsis;}
.ReprintSource .pub-list .flex a{ color:#96a6b3;}
.ReprintSourcebtn{color:#999;}

/*底部按钮优化*/
.ic-micro-makePost:after{ content:'\eb12'}
.ic-micro-edit:after{content:'\eb11'}
.ic-micro-code:after{ content:'\e677' }
.bt-minpageshow-bt-view .ic-micro-code:after{ content:'' }

.ic-micro-reprint:after{ content:'\e679'}
.bt-minpageshow-bt-operate,.bt-minpageshow-bt-view{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
    height: 60px;
    padding:0;
    border-top: 1px solid #f8f8f8;
    border-bottom: none;
}
@media screen and (min-width:800px) {
    .bt-minpageshow-bt-operate,.bt-minpageshow-bt-view{
        width:540px;
        left:50%;
        margin-left:-270px;
    }
}
.bt-minpageshow-bt-operate .flex{
    text-align:center;
    height: 60px;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bt-minpageshow-bt-operate .flex i{
    display:inline-block;
    width:22px;
    height:22px;
    font-size: 2.2rem;
    color:#424242;
}
.bt-minpageshow-bt-operate .flex i.icon-minpage-sign:after{
    font-size:2.4rem;
    padding-top:0;
    color:#424242;
}
.bt-minpageshow-bt-operate .flex p{
    font-size:1.3rem;
    color:#999;
    margin-top:5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bt-minpageshow-bt-operate .flex.edit{
    background-color:#1f8ff3;
}
.bt-minpageshow-bt-operate .flex.edit i,.bt-minpageshow-bt-operate .flex.edit p{
    color:#fff;
}
.bt-minpageshow-bt-view{
    padding:5px 0;
}
.bt-minpageshow-bt-view .code{
    width: 66px;
    text-align:center;
}
.bt-minpageshow-bt-view .code span{
    display:inline-block;
    width: 44px;
    height: 44px;
    border-radius:50%;
    line-height: 40px;
    text-align:center;
    margin:0 auto;
    background:url("http://xmsoqistatic.qiniu.soqicrm.com/icon_code.png") no-repeat;
    background-size:100% 100%;
}
.bt-minpageshow-bt-view  .circle-collectbtn{
    display:inline-block;
    width: 44px;
    height: 44px;
    border-radius:50%;
    line-height:44px;
    text-align:center;
    margin:0 auto;
    border:1px solid #ccc;
    margin-left:10px;
}
.bt-minpageshow-bt-view  .circle-collectbtn i{
    font-size:2.6rem;
    color:#555;
}
.icon-minpage-collect:after{
    content:'\eb3a';
}

.bt-minpageshow-bt-view .code span i{
    font-size:2.2rem;
    color:#424242
}
.bt-minpageshow-bt-view .flex{
    padding-right:8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bt-minpageshow-bt-view .flex .btBtn{
    display:block;
    height:38px;
    line-height:38px;
    border-radius:5px;
    background-color:#1f8ff3;
    font-size:1.5rem;
    color:#fff;
    text-align:center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width:321px){
    .bt-minpageshow-bt-view .code{
        width:70px;
    }
    .bt-minpageshow-bt-view .flex .btBtn{
        font-size:1.3rem;
    }
}
.bt-minpageshow-bt-view .flex .btBtn.btBtn-border{
    border:1px solid #1f8ff3;
    background-color:transparent;
    color:#1f8ff3;
}
.bt-minpageshow-bt-view .flex .btBtn span{
    position: relative;
}
.bt-minpageshow-bt-view .flex .btBtn span.noIcon{
    padding-left:0;
}

.bt-minpageshow-bt-view .flex .btBtn span.article{
    padding-left:20px;
}
.bt-minpageshow-bt-view .flex .btBtn i{
    font-size: 2rem;
    position: absolute;
    top: -10px;
    left: -2px;
    height:20px;
}
.bt-minpageshow-bt-view .flex .btBtn.orangebtn{
    background:#f46213;
}
.bt-minpageshow-bt-view .flex .btBtn.orangebtn.disabled{
    background-color:#e5e5e5;
}
.edit-show-txt pre {
    margin: 0!important;
}
.edit-show-txt pre{
    padding:10px;
}
/*内容举报*/
.cntComplaintxt{
    text-align:center;
    padding:20px 0;
    border-top:1px solid #e5e5e5;
    margin-top:10px;
}
.cntComplaintxt a{
    display:inline-block;
}
.cntComplaintxt span{
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #999;
    border-radius: 50%;
    line-height: 22px;
    color: #999;
    font-size: 1.6rem;
    font-family: "黑体";
}
.cntComplaintxt p{
    color: #999;
    font-size:1.4rem;
    margin-top:10px;
}
.wrapshow .page-a {
    padding: 0 0 60px 0;
}
.pop-minpageShow-set {
    box-shadow: 0 1px 2px #f5f5f5;
}
.bt-borderbox{ padding-bottom:25px;}
.bt-borderbox div{position:relative;padding-top:25px;border-bottom:1px solid #ebebeb;width: 200px;margin: 0 auto;}
.bt-borderbox span{position:absolute;top:19px;left:50%;display:inline-block;padding:0 15px;background-color:#fff;font-size:1.4rem;color: #bbb;    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); width: 144px;text-align:center;}
.minpageShow-set.blackcolor .icon-minpage-more{ color:#999;}
.ui-pageswitch-b.active{ z-index: 111!important}
.icon-minpage-page:after{ content:'\e67a'}
.bt-minpageshow-bt-operate .flex i.icon-minpage-page{ color:#777;}
.bt-minpageshow-bt-operate .flex i{ position:relative;}

/*采集到平台*/
.pop-collectMask{position: fixed; top: 0; left: 0; right: 0;bottom: 0; z-index: 99999;background-color: rgba(0,0,0,0.8);}
.ic-micro-plat:after{ content:'\eb13'}
.pop-collectbox{ position: absolute;bottom: 0;left: 0; width: 100%; background-color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 100000; padding: 20px 0;}
.pop-collectbox.active{ -webkit-transform: translateY(0); transform: translateY(0);}
.pop-collectbox .flex{ text-align:center;}
.pop-collectbox .flex i{ font-size:2rem;color:#1f8ff3;}
.pop-collectbox .flex p{ font-size:1.5rem;color:#1f8ff3;margin-top:5px;}

/*分享*/
.ic-micro-share:after{ content:'\e67e'} /*分享*/
.pop-minpageShow-set li.shareMicro{ display:none;}

/*采集成功*/
.pop-comfirmDelete{width:85%;background-color:#fff;border-radius:10px;position:relative}
@media screen and (min-width:800px) {
    .pop-coverbg{width:540px;left:50%;margin-left:-270px;}
    .pop-comfirmDelete{width:400px;}
}
.pop-comfirmDelete .ic-dyclose{position:absolute;top:10px;right:10px;color:#999;font-size:2rem;}
.pop-comfirmDelete .head{padding:15px  10px 0 10px;font-size:1.6rem;color:#030303;}
.pop-comfirmDelete .cnt{padding:20px 10px;text-align:center;font-size:1.4rem;color:#666;line-height:160%;}
.pop-comfirmDelete .operatebox{padding:0 15px 20px 15px;}
.pop-comfirmDelete .operatebox a{display:block; height: 40px; line-height: 40px; background-color: #e34d4f; color: #fff; border-radius: 5px;text-align:center;}
.pop-comfirmDelete .flexbox{height:40px;line-height:40px;border-top:1px solid #e5e5e5;}
.pop-comfirmDelete .flexbox .flex{font-size:1.6rem;color:#030303;text-align:center;}
.pop-comfirmDelete .flexbox .flex:first-child{border-right:1px solid #e5e5e5;}
.pop-comfirmDelete .flexbox .flex.comform{color:#2999ff}
.popCollectbox .pop-comfirmDelete{ overflow:hidden;}
.popCollectbox .pop-comfirmDelete .headTit{ font-size:1.6rem;padding:25px 15px 0 15px;line-height:150%;text-align:center;color:#50b044;}
.popCollectbox .pop-comfirmDelete .cnt{ font-size:1.6rem;color:#1f8ff3;padding:20px 15px;text-align:center;}
.popCollectbox .pop-comfirmDelete .cnt a{ color:#1f8ff3!important;}
.ic-micro-right:after{content:'\e624'}

/*空文件夹*/
.foldManage-empty{ padding:30px 10px;}
.foldManage-empty i{ display:block;margin:0 auto;width:50px;height:42px;background:url(http://xmsoqistatic.qiniu.soqi.cn/img_foldIcon.png) no-repeat;background-size:100% auto;}
.foldManage-empty p{ font-size:1.4rem;color:#999;text-align:center;}
.foldManage-empty .pub-btn-light{ display:block;height:36px;line-height:34px;width:55%;margin:20px auto 0;color:#1f8ff3;border:1px solid #1f8ff3;background-color:transparent;border-radius: 3px;}
.foldManage-empty .pub-btn-light::after{ border:none;}
/*弹出框输入框*/
.pub-popmask{position:fixed;top:0;left:0;width:100%;bottom:0;background:rgba(0,0,0,0.8);z-index: 111111;}
@media screen and (min-width:800px){
    .pub-popmask{width:540px;left:50%;margin-left:-270px;}
}
.pub-pop-inputbox{box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 8px; background: #fff;max-width: 95%; min-width: 80%;padding-top:10px;}
.pub-pop-inputbox-hd{padding:0 10px;height:40px;line-height:40px;position:relative;}
.pub-pop-inputbox-hd .name{font-size:1.5rem;color:#424242;width:100%;text-align:center;}
.pub-pop-inputbox-cnt{padding:10px 20px 25px;}
.pub-pop-inputbox-cnt .input-item{min-height:36px;padding:5px 10px;background-color:#f2f2f2;border:none;}
.pub-pop-inputbox-cnt .input-item input{background-color:transparent;}
.pub-pop-inputbox .flexbox{height:40px;line-height:40px;border-top:1px solid #e5e5e5;}
.pub-pop-inputbox .flexbox .flex{font-size:1.6rem;color:#030303;text-align:center;}
.pub-pop-inputbox .flexbox .flex:first-child{border-right:1px solid #e5e5e5;}
.pub-pop-inputbox .flexbox .flex.comform{color:#2999ff}
/*输入框*/
.input-item{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem;color:#4f4f4f; padding:10px; background-color: #fff;border-bottom: 1px solid #e5e5e5;min-height:46px;}
.input-item .mark:not(:last-child) {margin-right:10px;}
.input-item > .pub-input{ height:auto;min-height:26px;line-height:26px; padding: 0;border: 0;outline:none;  }
.input-item .eyes i:after{font-size:2rem;color:#444;}
.input-item i{color:#7f7f7f;}
.input-item>i{display:inline-block;width:26px;height:26px;text-align:right;line-height:26px;}


/*banner--图片*/
.banner-border{border: 1px dashed #0078ff; margin: 0 0 15px 0!important;position:relative;}
.banner-border .popReplacebox input { position: absolute;top: 0; left: 0; bottom: 0; width:60px; height:60px; opacity: 0; overflow: hidden;}
.topBannerImg{ background:transparent !important;padding:0;min-height:auto;}
.topBannerImg img{ width:100%;}

/*平台选择标签*/
.pop-chooseSignBox{ padding:20px 0;position: fixed; bottom: 0; left: 0;width: 100%; margin: 0; background-color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 111112;
    display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;-webkit-flex-direction: column; flex-direction: column; }
.pop-chooseSignBox.active{ -webkit-transform: translateY(0); transform: translateY(0);}
@media screen and (min-width:800px){
    .pop-chooseSignBox {
        width:540px;
        left:50%;
        margin-left:-270px;
    }
}

.pop-chooseSignBox-topbar{ height:44px;position: relative;z-index:4; background-color:#f8f8f8;color:#5f5f5f;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: center; box-shadow: 0 1px 2px #cfcfcf;}
.pop-chooseSignBox-topbar-fl,.pop-chooseSignBox-topbar-finish{position:absolute;top:0;height:44px;line-height:44px;color:#5f5f5f;font-size:1.4rem;}
.pop-chooseSignBox-topbar-fl{left:0;padding-left:10px;text-align:left;}
.pop-chooseSignBox-topbar-finish{right:0;padding-right:10px;text-align:right;color: #1f8ff3; margin-right: 10px;}
.pop-chooseSignBox .wrapbox{-webkit-box-flex: 1;-webkit-flex: 1; flex: 1; position: relative; overflow: auto; z-index: 1;}
.pop-chooseSignBox  .article-sign{ padding:20px 0;}
.pop-chooseSignBox  .article-sign-tit{ font-size:1.6rem;color:#424242;padding:0 10px;margin-top:10px;}
.pop-chooseSignBox  .article-sign-subTit{ font-size:1.4rem;color:#999;padding:0 10px;line-height: 150%;}
.pop-chooseSignBox  .article-sign-list { display: flex; flex-flow: row wrap; align-content: space-between; padding:0 10px;}
.pop-chooseSignBox  .article-sign-list li{margin-bottom:20px;}
.pop-chooseSignBox  .article-sign-list li:not(.firstTag){ box-sizing: border-box; flex: 0 0 25%;text-align:center; }
.pop-chooseSignBox  .article-sign-list li.firstTag{ box-sizing: border-box; flex: 0 0 100%;padding:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.pop-chooseSignBox  .article-sign-list li.firstTag .pub-list{ border-bottom:none;padding:0;}
.pop-chooseSignBox  .article-sign-list li.firstTag .pub-list .mark{ margin-right:15px;}
.pop-chooseSignBox  .article-sign-list li.firstTag .pub-list .flex{ border-left:1px solid #f2f2f2;padding-left:15px; text-align: left;}
.pop-chooseSignBox  .article-sign-list li.firstTag span{ display:inline-block;}

@media screen and (max-width:350px){
    .article-sign-list li:not(.firstTag){
        flex: 0 0 33.33%;
    }
}
.article-sign-list li:nth-child(4n+1){ text-align:left;}
.article-sign-list li:nth-child(4n){ text-align:right;}
.article-sign-list li span{ display:block;margin:0 auto;height:30px;line-height:30px;max-width:110px; background-color:#f2f2f2;border-radius:3px;min-width:60px;text-align:center;padding:0 10px;font-size:1.5rem;color:#424242; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;margin-right:5px;}
.article-sign-list li span.cur{ background-color:#1f8ff3;color:#fff;}
.article-sign-list li.firstTag .first.default span,.article-sign-list li.firstTag .second.default span{ color:#cccbcb;background-color:#f2f2f2;}
.pop-collectbox .pub-list{ border-bottom:none;}


/*收藏*/
.ic-micro-collect-border:after{content:'\e696'} /*收藏*/
.ic-micro-collect-solid:after{content:'\e683'} /*已收藏*/
.circle-collectMicro{display: inline-block;width: 44px;height: 44px;border-radius: 50%;line-height: 47px;text-align: center;border: 1px solid #ccc;margin: 0 0 0 10px;}
.circle-pub.circle-collectMicro{ margin: 0 10px 0 0;}
.circle-collectMicro i{ font-size:2.6rem;}
.bt-minpageshow-bt-operate .ic-micro-collect-solid,.circle-collectMicro .ic-micro-collect-solid{ color: #ed0e08!important;}

.weixinDoc section._editor section{
    height:auto!important;
}

/*发圈素材*/
.ic-micro-textMaterial:after{content:'\eb68';color:#666;} /*发圈素材*/
.icon-minpage-up:after { content: '\e614';}
.bt-minpageshow-bt-pop{ position: fixed;height: 60px;width: 100%;bottom: 60px;z-index: 99999;background: #fff; text-align: center; padding: 7px 0;display:none;}
@media screen and (min-width:800px){
    .bt-minpageshow-bt-pop{ left:50%;width:540px!important;margin-left:-270px;}
}
.bt-minpageshow-bt-pop.active{ display: -moz-box;display: -webkit-box;display: box;}
.specialMask{ position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:1111;}
.operater-up{display:inline-block;height:60px;line-height:60px;width:36px;text-align:center;}
.bt-minpageshow-bt-pop .flex{ padding-top:0;}

/*标签搜索*/
.pop-chooseSignBox{padding:0 0 20px;}
.article-subscribe-top{ -webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center;align-items: center; padding:10px 0 10px;}
.article-subscribe-top .backbtn,.article-subscribe-top .searchbtn,.article-subscribe-top .canclebtn{ display:inline-block;width:26px;height:36px;line-height:36px;text-align:center;}
.article-subscribe-top .searchbtn,.article-subscribe-top .canclebtn{ width:44px;color:#1f8ff3;position:static!important;border-top:none!important;}
.article-subscribe-top .input-item{ min-height:36px;padding:5px 10px;border:1px solid #e5e5e5;border-radius:3px;margin:0 5px;}

/*分享底部头像*/
.bt-minpage-userbox{
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:44px;
    height:44px;
    border-radius:50%;
    overflow:hidden;
    background-color:#e5e5e5;
}
.bt-minpage-userbox img{
    width:100%;
}
.mcpIdSubscribeList{
    border-top:none!important;
}
.empty-dypage .icon-minpage-sign:after{
    content:'\eb73';
}

/* 咨询 */
.counsel-item{display: flex;flex-direction: column;align-items: center;}
.counsel-item .counsel-title{font-size: 15px;color: #787e7c;}
.counsel-item .counsel-content{height: 40px;width: 50%;display: flex;align-items: center;font-size: 16px;justify-content: center;background-color: #26a6fe;border-radius: 3px;color: #FFF;margin-top: 20px;}
.counsel-item .counsel-content i{margin-right: 12px;}

.icon-minpage-ad:after{
    content:'\ea77';
}


.pop-implantAd .adMaterial-item-tit .pub-check, .pop-implantAd .adMaterial-item-tit .chooseAdbtn .pub-check > .checkbox, .pop-implantAd .adMaterial-item-tit .chooseAdbtn .pub-check > i{ overflow: initial; }
.adMaterial-item-operate .pub-check{ overflow: initial;}
.ad-compent{
    margin:-12px;
}
.showcon.con .ad-compent {
    margin: 0;
}
#miniDetail .ad-compent .sysDefault-ad2 .phoneinfo {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#miniDetail .ad-compent .sysDefault-ad2 .consultverti,#miniDetail .ad-compent .sysDefault-ad2 .onlineconsul {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.pop-adMaterial .adMaterial-item-cnt .ic-ad-counsel:after {
    content: '\eb7e'!important;
}

/*推荐文件*/
.list-item{
    position: relative; background-color: #fff; border-bottom: 1px solid #f2f2f2;
}
.otherList .list-item:last-child{
    border-bottom:none;
}
.list-item .list-box{
    padding:0 0 0 0;
}
.list-item .bannerbox{
    position:relative;
}
.list-item .bannerbox  .bannerImg{
    background-repeat: no-repeat; background-position:center; background-size: cover; max-height:150px; min-height:150px;
}
.list-item .bannerbox  .bannerImg:after{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:'';
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) ,rgba(0,0,0,0.6));
}
.list-item .bannerbox p{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:10px;
    font-size:18px;
    line-height:150%;
    color:#fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}
.list-item  .pub-list{
    padding:10px!important;
    min-height:88px!important;
    position: relative;
    border-bottom:none;
}
.list-item  .pub-list .imgbox {
    width:80px;
    height:60px;
    margin: 0 0 0 10px;
    border: none;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.list-item  .pub-list  .flex>p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}
.list-item .signlist {
    padding: 0 10px 10px;
    overflow: hidden;
}
.list-item .signlist  a {
    display: inline;
    border: 1px solid #f2f2f2;
    padding: 0 10px;
    min-width: 36px;
    margin-right: 10px;
    color: #b2b2b2;
    height: 22px;
    line-height: 22px;
    border-radius: 3px;
}
.bt-borderbox.btTxt span{
    width:auto!important;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.recommendList,.extendReadList{
    padding:0 10px;
}
.recommendList .list-item{
    margin-top:10px;
}
.recommendList  .list-item .bannerbox {
    border-radius:5px;
    overflow: hidden;
}
.edit-show .bmbox{
    margin:0!important
}


/*定时采集*/
.pop-pushMsg-time{background-color:#fff;padding:0 10px;border-bottom:1px solid #f5f5f5;}
.pop-pushMsg-time-set{ border-bottom:none;font-size:1.5rem;color:#424242;padding:15px 0 10px ;}
.pop-pushMsg-time-detail{ padding:0 0 20px;background-color:#fff;display:none;}
.pop-pushMsg-time-detail .descriptbox{ background-color:#f9f9f9;padding:10px;font-size:1.3rem;color:#999;line-height:150%;margin-top:10px;}
.pop-pushMsg-time-detail .pub-list{ min-height:30px;padding:0;font-size:1.5rem;color:#424242;border-bottom:none;}
.pop-pushMsg-time-detail .pub-list .mark{margin-right:5px;}
.pop-pushMsg-time-detail .pub-list .mark i{ font-size:2.2rem;color:#1f8ff3;}
.pop-pushMsg-time-detail .input-item{ border:none;min-height:36px;padding:0 10px;}
.mr-10{ margin-right:10px;}
.mr-5{ margin-right:5px;}
.pop-pushMsg-time-detail .input-item .pub-select{ position:relative;}
.pop-pushMsg-time-detail .input-item .pub-select select{ padding-left:10px;}
.pop-pushMsg-time-detail .input-item .pub-select:after{ content:'';position:absolute;top:15px;right:5px;width:0;height:0;border-top:5px solid #e5e5e5;border-left:5px solid transparent;border-right:5px solid transparent;}

.pop-pushMsg-time.active .pop-pushMsg-time-detail{ display:block;}

.icon-minpage-time:after{ content:'\ebb7' }

/*报名弹幕*/
.signUpInfo{height:30px;background-color:rgba(0,0,0,0.5);border-radius:15px;padding-right:15px;}
.signUpInfo .faceImg{display:inline-block;width:30px;height:30px;border-radius:50%;overflow:hidden;}
.signUpInfo .faceImg img{ width:100%;}
.signUpInfo .flex{ margin-left:5px;}
.signUpInfo .flex span{ font-size:14px;color:#fff;margin-left:2px;}