.position,.position a{color: #333; font-size: 12px;}
.position span{color: #3191f5;}
a{outline:none}

.member_cont{margin:15px 0; overflow: hidden;clear: both;}
.member_cont_l{width: 180px; height: 635px;background: #fafafc; padding: 10px 20px; float: left;}
.muban{overflow: hidden;clear: both;}
.muban h5{font-size: 14px;margin-bottom:12px;margin-top: 8px;}
.muban h5.on{color:#3191f5;}
.muban h5 .iconfont{ font-size: 20px;vertical-align: -3px;}
.muban li{padding-left:25px; margin-bottom:14px;}
.muban li a{color: #666;}
.muban li.on a,.muban li:hover a{color:#3191f5;}


.member_cont_r{min-height: 630px;padding-bottom: 20px;}
.member_cont_r .head_t1{border-bottom: 1px solid #eee; margin-bottom: 10px;}
.member_cont_r .head_t1 a{font-size: 16px;line-height: 45px;color: #555;font-weight: bold;padding: 0 35px; position: relative;}
.member_cont_r .head_t1 a::after{content: ''; display: inline-block; width: 2px; height: 15px;background: #eee;position: absolute; right: 0;
    top: 3px;}
.member_cont_r .head_t1 a:last-child::after{background: #fff;}
.member_cont_r .head_t1 a.on{color:#3191f5;}
.navhd {line-height:60px;height:60px;padding: 0 0 0 10px;margin-bottom: 10px; border-bottom: 1px solid #ddd; background-color: #fff;-moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;}
.navhd span {position:relative;float:left; font-size:16px; margin-right: 30px;}
.navhd span a{ color: #666;line-height:60px; display: inline-block;padding:0 20px;}
.navhd span.on a{color:#3191f5;}
/* .navhd .on i,.navhd span:hover i{position:absolute;bottom:0px;left:0;height:3px;overflow:hidden;background-color:#3191f5; background-image: linear-gradient(to right,#3191f5,#3191f5);width:100%;} */

.type_nav {padding:0px 25px 0px;overflow:hidden;clear:both;}
.type_nav li {float:left;padding-right:22px;text-align:center;padding-top: 10px;}
.type_nav li a {position:relative;display:block;width:100%;height:100%;font-size:14px;color:#666; background-color: #f3f3f3;padding: 5px 25px;border-radius: 20px;}
.type_nav li.on a,.type_nav li a:hover {color:#fff; background-color: #3191f5;}
.list_cont {clear:both; }
.list_cont li {width:224px;height:324px;border-radius:4px;float:left;background-color:#f3f3f3;position:relative;transition:all .2s linear;margin:24px 0 0 20px;border: 1px solid #eee;}
.list_cont .create {padding:16px;text-align:center;}
.list_cont li:hover {box-shadow:0 0 16px 0 rgba(0,0,0,.16);-webkit-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.list_cont .create .temp-create:hover,.list_cont .create .null-create:hover {border-color:#3191f5;}
.list_cont li .maskFun{position:absolute;width: 100%;height: 100%;top:0px;left:0;opacity: 0;display: flex;flex-direction: column;justify-content: flex-end;}
.list_cont li .preview {width:100%;height:224px;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;cursor: pointer;position: absolute;
    top: 0;}
.list_cont li .preview span {display:flex;justify-content:center;align-items:center;padding:10px 40px;color:#fff;background-color:#3191f5;border-radius:30px;}
.list_cont li:hover .maskFun {opacity:1}
.list_cont li .btn_list{height: 98px;background-color: #fff;color: #3c454c;width: 100%;display: flex;padding:0 5px;position: absolute;
    bottom: 0;}
.list_cont li .btn_list .item{flex: 1; display: flex;justify-content: center;flex-direction: column;align-items: center;cursor: pointer;position: relative;}
.list_cont li .btn_list .item i{font-size: 20px;}
.list_cont li .btn_list .item:hover,.list_cont li .btn_list .item:hover p{color: #3191f5;}
.list_cont li .btn_list .item p{font-size: 12px;margin-top:5px;color: #777;}
/* .list_cont li .btn_list .item.more:hover .dCont{display: block;} */
.list_cont li .btn_list .item .dCont{position: absolute;width: 350px;padding:5px 15px 20px; display: flex;bottom:80px;right:-10px; background-color: #fff;box-shadow:0 0 6px 0 rgba(102,102,102,0.2);border-radius: 5px;z-index: 999;flex-wrap: wrap;}
.list_cont li .btn_list .item .dCont .down{position:absolute;bottom:-16px;right:27px;display:inline-block;}
.list_cont li .btn_list .item .dCont .down i{color: #fff; text-shadow: 0px 6px 6px  rgba(102,102,102,0.2);}
.list_cont li .btn_list .item .dCont a{min-width:63px;width:20%;display: flex;justify-content: space-around;align-items: center;color: #666;flex-direction: column; margin-top: 18px;font-size: 12px;}
.list_cont li .btn_list .item .dCont a span{margin-top: 5px;}
.list_cont li .btn_list .item .dCont a i{font-size: 20px;}
.list_cont li .btn_list .item .dCont a:hover{color: #3191f5;}
.list_cont li .btn_list .item .dCont a:last-child{border: 0;}
.list_cont li:hover{z-index: 9;}
.list_cont li .btn_list.work{display: block;}
.list_cont li .btn_list.work .item{float: left;width: 25%; padding: 20px 0;}
.list_cont li .btn_list.work .item.other{float: right;}

.list_cont .create .temp-create {display:inline-block;width:192px;height:200px;border:1px solid transparent;background-color:#fff;border-radius:3px;margin-bottom:16px;text-align:center;color:#333;font-weight:500;}

.list_cont .create .temp-create.all,.list_cont .create .temp-create.my {height:290px;}
.list_cont .create .temp-create i {width:36px;height:36px;border-radius:50%;background-color:#3191f5;color:#fff;margin-top:44px;margin-left:58px;display:flex;align-items:center;justify-content:center;border: 20px  solid #eef6ff; box-sizing: content-box;}
.list_cont .create .temp-create.all i{margin-top: 85px;}
.list_cont .create .temp-create.my img{margin-top: 85px;}
.list_cont .create .temp-create span {display:block;margin-top:12px;font-size:14px;}
.list_cont .create .temp-create .des {margin-top:8px;font-size:12px;font-weight:400;color:#999;line-height:17px;}
.list_cont .create .null-create {display:inline-block;width:192px;height:76px;line-height:76px;border:1px solid transparent;background-color:#fff;color:#333;font-weight:500;}
.list_cont .create .null-create img {width:24px;}
.list_cont .create .null-create span {margin-left:8px;}
.list_cont .scene_item {position:relative;background-color: #fff;}
.list_cont .scene_item a {display:block;width:100%;height:100%;overflow:hidden;}
.list_cont .scene_item .topimg {width:222px;height:224px; position: relative;overflow: hidden;}
.list_cont .scene_item .topimg .orderid{font-size: 12px;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    
    position: absolute;
    right: 0;
    bottom: 5px;
    border-radius: 0 0 0.1rem 0.1rem;
    padding: 2px 5px 2px 10px;
    z-index: 3;
    border-radius: 10px 0 0 10px;} 
    .list_cont .scene_item .topimg .orderid.work{background:none;background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));width: 100%;
        border-radius: 0;
        bottom: 0;padding: 10px 5px 2px 5px;
        }    
.list_cont .scene_item .topimg .orderid span{white-space: nowrap;}

.list_cont .scene_item .topimg img {width:100%;height:100%;}
.list_cont .scene_item .msgs,.videoIcon{position: absolute;left: 0;top: 0; padding: 35px 10px;z-index: 0;overflow-y: auto;
    height: 224px;background-color: rgba(0,0,0,0.4);width:100%; color: #fff;}
.list_cont .scene_item .videoIcon {display: flex;justify-content: center;align-items: center;cursor: pointer;}   
.list_cont .scene_item .videoIcon i{font-size: 50px;}
.list_cont li:hover .videoIcon.show{display: none;}
.list_cont .scene_item .item_title {width:100%;height:60px;padding-right:12px;display:flex;flex-direction:row;align-items:center;}
.list_cont .scene_item .item_title .title {margin-left:8px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex: 1;}
.scene-category {padding: 0 10px 0 5px;height:18px;line-height:18px;text-align:center;font-size:12px;font-weight:500;color:#1593ff;background-color:rgba(21,147,255,.1);box-shadow:0 4px 12px 0 rgba(0,0,0,.02);border-radius:0 100px 100px 0;flex-shrink: 0;}
.scene-category.hb {background-color:rgba(111,97,236,.1);color:#6f61ec;}
.scene-category.video {background-color:rgba(58,159,107,.1);color:#3a9f6b;}
.scene-category.long {background-color:rgba(243,113,51,.1);color:#f37133;}
.scene-category.form {background-color:rgba(2,173,191,.1);color:#02adbf;}
.scene-category.gc {background-color:rgba(245,166,35,.1);color:#f5a623;}
.scene-category.book {background-color:rgba(233,255,243,1);color:#16bc70;}
.list_cont .scene_item .scene-data-wrap {width:100%;height:36px;padding:0 12px;font-size:12px;color:#666;background-color:#fff;border-top:1px solid #e6ebed;border-radius:0 0 3px 3px;overflow:hidden;display: flex;align-items: center;}
.list_cont .scene-data-wrap .wapitem {float:left;margin-right:8px;cursor:pointer;}
.list_cont .scene-data-wrap .wapitem span {color:#3191f5;}
.list_cont .ribbon-inner {position:absolute;top:0;left:0;z-index:1;font-size:12px;display:block;padding:0 10px;height:30px;line-height:30px;background-color:#3191f5;color:#fff;border-top-left-radius:3px;border-bottom-right-radius:12px;}
.list_cont .ribbon-inner.unpublish,.list_cont .ribbon.unpublish span {background-color:#333; color: #e3b16a;}
.list_cont .ribbon.s1 span {background-color:#ff9900; transform: unset;}
.list_cont .ribbon.s2 span {background-color:#19be6b;transform: unset;}
.list_cont .ribbon.s3 span {background-color:#ed4014;transform: unset;}
.list_cont .ribbon.s4 span {background-color:#2db7f5;transform: unset;}
.list_cont .ribbon.s5 span {background-color:#ff0000;transform: unset;}
.list_cont .scene_item.work .ribbon{width: 72px;}
.list_cont .scene_item.work .ribbon span{left: 0;border-radius: 0 20px 20px 0 ; height: 25px;line-height: 25px;padding: 0;}
.list_cont .ribbon{position: absolute; 
    top: -2px;
    left: -2px;
    width: 100px;
    height: 80px;
    text-align: center;
    z-index: 4;}
.list_cont .ribbon span {
    position: absolute;
    left: -30px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    top: 6px;background-color:#3191f5;
    padding: 0 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); 
} 
   
.list_cont .service{padding:0px 5px 0 10px;font-size: 12px;height: 18px;line-height: 18px; background-color:rgba(89, 204, 13,0.7);color:#fff;border-radius: 2px; position: absolute; right:0px; bottom: 35px;border-radius: 20px 0 0 20px;}

/* 模板预览 */
.sceneView{position: fixed;left: 0;top:0;width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;z-index: 1001;}
.sceneView .mask{position: absolute; background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;left: 0;top:0;}
.views{ min-height: 600px;width: 950px; background: #fff;border-radius: 10px; padding:30px 50px; clear: both; overflow: hidden; position: relative; display: flex;}
.views .closeAlert{position: absolute;right: 20px; top: 20px;font-size: 20px;cursor: pointer;}
.views .closeAlert i{font-size: 24px;}
.views .closeAlert:hover i{color: #3191f5;}

.views .phonewrap .workarea {height: 620px;width: 330px;float: left;overflow: hidden;}

iframe {border:0;outline:0;border-radius:10px}
.views .clickbtn {float:left;margin-left:25px;margin-top:132px;}
.views .clickbtn .prenext {cursor:pointer;width:42px;font-size:20px;text-align:center;color:#686c78;padding:20px 3px;background:#f5f5f5;border:1px solid #eee;user-select:none;}
.views .clickbtn .prebtn {border-radius:25px 25px 0 0;}
.views .clickbtn .nextbtn {border-radius:0 0 25px 25px;}
.views .clickbtn .prenext:hover {color:#3191f5;}
.views .clickbtn .page-num {width:60px;height:20px;font-size:20px;color:#333;line-height:20px;margin:40px auto;}
.views .clickbtn .prenext > i {font-size:12px;}
.rightpart {flex:1;margin-left:15px;}
.rightpart h1 {font-size:22px;}
.rightpart .des {color:#999;font-size:14px;margin-top:10px;}
.rightpart .price_item {margin-top:25px;}
.rightpart .price_item div {display:inline-block;font-size:14px;color:#888;}
.rightpart .price_item div.num {font-size:34px;font-weight:bold;color:#3191f5;}
.rightpart .price_item div.num span {font-size:18px;font-weight:normal;}
.rightpart .price_item div.pageview {margin-left:90px;}
.rightpart .price_item div .iconfont {color:#888;font-size:20px;vertical-align:-2px;margin-right:3px;}
.rightpart .price_item div.likeIn {margin-left:30px;cursor:pointer;}
.rightpart .price_item div.likeIn.on .iconfont {color:#3191f5;}
.rightpart .buyBtn {margin-top:30px;}
.rightpart .buyBtn a {display:inline-block;width:160px;height:45px;line-height:45px;text-align:center;background-color:#3191f5;background-image:linear-gradient(to right,#4ab4fe,#3366ff);color:#fff;font-size:16px;border-radius:5px}
.rightpart .buyBtn a.goserve {background:#d9ac5b;margin-left:10px;color:#62390b;}
.rightpart .buyBtn a:hover {opacity:0.8;}
.rightpart .mobile_view {width:160px;height:160px;margin-top:15px;display:flex;justify-content:center;align-items:center;border:1px solid #eee;box-shadow:0 0 5px #eee;}
.rightpart .tips {width:160px;text-align:center;color:#777;font-size:14px;line-height:30px;}
.rightpart .mb_tags a {display:inline-block;background:#f5f5f5;color:#999;padding:2px 7px;margin-top:10px;border-radius:3px;}
.rightpart .mb_tags a:hover {color:#3191f5;}
.rightpart .mb_int_list {border-top:1px solid #ddd;margin-top:25px;padding:25px 25px;}
.rightpart .mb_int_list li {display:flex;width:25%;float:left;margin-bottom:25px;}
.rightpart .mb_int_list li .icon {margin-top:20px;}
.rightpart .mb_int_list li .iconfont {font-size:26px;color:#fd9b1e;}
.rightpart .mb_int_list li .des_r {margin-left:12px;padding-right:13px;}
.rightpart .mb_int_list li .des_r p {font-weight:bold;}
.rightpart .mb_int_list li .des_r span {color:#999;}
.rightpart .s_title {width:120px;margin-right:12px;color:#111;font-size:16px;line-height:20px;margin-top:20px;font-weight: bold;}


.rightpart  .t_desc{font-size: 12px;color: #999;margin-top: 5px;}
.rightpart .my-border {display:inline-block;width:4px;height:14px;vertical-align:-2px;background:#3191f5;margin-right:8px}
.share-box {width:400px;height:36px;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:flex;margin-top:15px;}
.share-box .share-url {width:337px;height:36px;border:1px solid #ccd5db;border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px 0 14px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.share-box .zm-share-btn {height:36px;width:82px;background-color:#3191f5;line-height:36px;text-align:center;font-size:14px;color:#fff;cursor:pointer}
.share-box .zm-share-btn:hover {opacity:0.8;}
.third-share a {display:inline-block;width:46px;height:46px;padding:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.16);border-radius:7px;margin-right:20px;opacity:.8;margin-top:15px;}
.third-share a:hover {box-shadow:0 0 4px #3191f5;}
.third-share a.zm_weibo {color:#ff2a6a;}
.third-share a.zm_qq {color:#1593ff;}
.third-share a.zm_qqkj {color:#ffb243}
.third-share a i {font-size:34px;}

/* 标题描述设置 */
.rightpart .top_cont{ margin-top:10px; clear:both; overflow:hidden; }
.rightpart .top_cont .c_img{ width:120px; height:120px; float:left; position:relative;}
.rightpart .top_cont .c_img img{ width:100%; height:auto; max-height:120px;border-radius: 5px;}
.rightpart .top_cont .c_img .change{ width:120px; height:25px; line-height:25px;background-color:rgba(0,0,0,.5); color:#fff; position:absolute; left:0; bottom:0; font-size:12px; text-align:center;border-radius:0 0 5px 5px;}
.rightpart .top_cont .c_right{ float:left;width: calc(100% - 120px); width: -moz-calc(100% - 120px);width: -webkit-calc(100% - 120px);}

.rightpart .top_cont .input_txt{ height:30px; line-height:30px; width:100%; margin-bottom:10px; }
.rightpart .top_cont .input_txt input{ padding:5px; height:100%;width:100%;border: 1px solid #ccc; border-radius: 5px; }

.rightpart .top_cont .padd10{ padding-left:10px;display: flex;flex-direction: column;}
.rightpart .top_cont .ct_content{ height:50px; position:relative;width:100%;}
.rightpart .top_cont .ct_content textarea{padding:5px;height:100%; width:100%;border: 1px solid #ccc;border-radius: 5px;}
.rightpart .top_cont .ct_content .input-tip{position: absolute; right: 10px; line-height: 30px; bottom: 0;color: #777; font-size:12px;}
.rightpart .top_cont a.saveBtn{background-color: #3191f5;color: #fff;font-size: 12px;padding: 5px 10px;border-radius: 5px;font-weight: normal;width: 60px; text-align: center;}
.rightpart .top_cont .saveC{margin-top: 5px;display: flex;justify-content:space-between;align-items: center;}
.rightpart .top_cont .saveC a.viewBtn{color: #999;display: flex;align-items: center;}
.rightpart .top_cont .saveC a.viewBtn:hover{color: #3191f5;}
.rightpart .top_cont .saveC a.viewBtn i{margin:0 5px 0 5px;}

/* 设置 */
.myset_content{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(53,53,59,.8);z-index:1001;font-size: 14px;}
.weui-cell:before { bottom: 0; top: auto;}
.myset_content{ clear:both; overflow:hidden; height:100%; width:100%;}
.myset_content .top_cont{ padding:10px; clear:both; overflow:hidden; }
.myset_content .top_cont .c_img{ width:120px; height:120px; float:left; position:relative;}
.myset_content .top_cont .c_img img{ width:100%; height:auto; max-height:120px;border-radius: 5px;}
.myset_content .top_cont .c_img .change{ width:120px; height:25px; line-height:25px;background-color:rgba(0,0,0,.5); color:#fff; position:absolute; left:0; bottom:0; font-size:12px; text-align:center;border-radius:0 0 5px 5px;}
.myset_content .top_cont .c_right{ float:left;width: calc(100% - 120px); width: -moz-calc(100% - 120px);width: -webkit-calc(100% - 120px);}

.myset_content .top_cont .input_txt{ height:30px; line-height:30px; width:100%; margin-bottom:10px; }
.myset_content .top_cont .input_txt input{ padding:5px; height:100%;width:100%;border: 1px solid #ccc; border-radius: 5px; }

.myset_content .top_cont .padd10{ padding-left:10px;}
.myset_content .top_cont .ct_content{ height:80px; position:relative}
.myset_content .top_cont .ct_content textarea{padding:5px;height:80px; width:100%;border: 1px solid #ccc;border-radius: 5px;}
.myset_content .top_cont .ct_content .input-tip{position: absolute; right: 10px; line-height: 30px; bottom: 0;color: #777; font-size:12px;}

.weui-cells_forms {width:450px;background:#ffffff;border-radius:10px;position:absolute;top:50%;left:50%;padding:10px; transform: translate(-50%,-50%);margin-top: 0; max-height: 90%;}
.setTitle{padding: 5px 0 10px 12px; font-weight: bold; font-size: 16px;position: relative;}
.setTitle a{color: #3191f5; position: absolute; right: 10px;font-weight: normal;}
.weui-label,.weui-cell__bd p{color: #555;}
.weui-label.gray{color: #888;}
.talk_content{display: block;}
.btn_content{ margin:15px 10px 10px; clear:both; overflow:hidden; text-align:center; font-size:16px;}
.btn_content .cancel{ display: block; width:120px; height:40px; line-height:40px; background:#f5f5f5; color:#666; border:1px solid #ddd; float:left;border-radius:5px;}
.btn_content .save{ display: block; position:relative; height:40px;line-height:40px;background:#3191f5; color:#fff; border:1px solid #3191f5;margin-left: 130px;border-radius:5px; width: calc(100% - 130px); width: -moz-calc(100% - 130px);width: -webkit-calc(100% - 130px);font-size:16px;}
.btn_content .save:active{background:#3191f5;}
.btn_content a.cancel:active{background:#f3f3f3;}


/* .btn_content a:hover{opacity: 0.8;} */
.bgm{ padding:15px; cursor: pointer;}
.musicname{ color:#888;background:url(../images/member/m_music_blue.svg) no-repeat left center; background-size:18px auto; padding-left:25px;}

.time{display:inline-block; border:1px solid #ddd; padding:0 10px 0 5px; float:left; margin-right:10px;border-radius:5px;}
.input_time{ width:46px; height:20px; margin:6px 0; line-height:20px; color:#666; border:none; outline:none}



/* 预览分享效果 */
.scene_share{display:none;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(53,53,59,.8);z-index:999999;}
.close_share{font-size: 18px;color: #fff; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border: 2px solid #fff;border-radius: 50%; position: absolute; top:500px; left: 50%; margin-left: -25px;cursor: pointer;}
.tz-scene-wechat {position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;margin:auto;width:320px;border-radius:5px;height:486px;font-size:12px;background-image:url(../images/member/view.svg);background-size:100% 100%}
.tz-scene-wechat .sceneinfo-desc,.tz-scene-wechat .sceneinfo-name,.tz-scene-wechat .sceneinfo-talk1,.tz-scene-wechat .sceneinfo-talk2,.tz-scene-wechat .sceneinfo-thumb,.info_title {position:absolute}
.tz-scene-wechat .info_title {top:10px;width:100%;text-align:center;color:#fff;font-size:14px;}
.tz-scene-wechat .sceneinfo-name {top:101px;left:82px;width:180px;height:32px;word-break:break-all;overflow:hidden;font-size:13px;line-height:16px}
.tz-scene-wechat .sceneinfo-desc {top:138px;left:135px;width:120px;height:42px;word-break:break-all;overflow:hidden;font-size:12px;line-height:14px}
.tz-scene-wechat .sceneinfo-thumb {top:137px;height:44px;width:44px;left:82px}
.tz-scene-wechat .sceneinfo-thumb img {width:100%;height:100%}
.tz-scene-wechat .sceneinfo-talk1 {top:218px;left:80px}
.tz-scene-wechat .sceneinfo-talk2 {top:282px;left:60px}

/*music*/
.music_select{ height:100%; padding:0px 0 60px;overflow:scroll;}
.music_select .top{position: absolute; width: 100%; background-color: #fff;z-index: 1;border-radius: 8px 8px 0 0;}
.music_select .m_title{clear:both; overflow:hidden; margin:50px 10px 10px;}
.music_select .cate_l{ float:left; width:50px; text-align:center;line-height:35px; font-size:14px;}
.music_select .cate_r{ position:relative; margin-left:50px;}
.music_select .cate_r li a{ float:left; display:block; width:25%;text-align:center; line-height:35px; font-size:15px; color:#555}
.music_select .cate_r li.on a{ color:#3191f5}
.music_content{ clear:both;color:#555;margin:0px 10px;}
.music_content ul li{ height:36px; line-height:36px; position:relative; border:1px solid #eee; padding-left:10px; font-size:12px; margin-bottom:5px;cursor: pointer;}
.music_content ul li .name{ width:80%; overflow:hidden; height:38px;}
.music_content ul li.mhover{ background:#f1f1f1; color:#3191f5;}
.music_content ul li:after{ content:'';position:absolute; right:10px; top:8px; background:url(../images/member/m_start.svg) no-repeat; background-size:20px auto; width:20px; height:20px;}
.music_content ul li.mhover:after{ background:url(../images/member/m_end.svg) no-repeat; background-size:20px auto;}
.alert_cont{clear:both; width:540px; position: fixed; height:600px; left: 50%; top: 50%;  margin-left: -270px; margin-top: -300px;z-index: 99999;background: #fff;border-radius: 8px;overflow: hidden;outline: rgba(0, 0, 0, 0.4) solid 10000px;}
.bts{ margin:0; clear:both; overflow:hidden; text-align:center;position: absolute; bottom:0;width: 100%;max-width: 640px; background:#fff; z-index:8}
.bts .btn_c{ padding:10px;}

/* 搜索 */
.search-header {display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:8px 10px 8px 15px;border-bottom:1px solid #e5e5e5;position:relative;z-index:1}
.search-header .input-wrapper {padding:0 10px;border:1px solid #e6e6e6;border-radius:5px;background-color:#fff;-webkit-box-flex:1;flex-grow:1}
.search-header .search-icon {width:15px;height:15px;margin-right:6px;float:left;position:relative;top:6px}
.search-header .search-input {-webkit-box-flex:1;flex:1;border:none;font-size:13px;color:#333;line-height:20px;padding:4px 0;width:calc(100% - 40px)}
.search-header .sureBtn {height:30px;line-height:30px;padding:0 10px;font-size:16px;cursor:pointer;color:#3191f5}


/* 剪裁 */
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;    background: rgba(0,0,0,0.5);
}
.fade.in {
    opacity: 1;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;    transform: translate(0, 0);
}
.modal-lg {
    width: 900px; height: 580px; position:absolute; left: 50%; top: 50%; margin-left:-450px; margin-top: -290px;}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}.modal-header .close {
    margin-top: -2px;
}
.modal-header .close i{font-size: 20px;color: #333;}
h4, .h4 {
    font-size: 18px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.avatar-body {
    padding-right: 15px;
    padding-left: 15px;
}
.avatar-upload {
    overflow: hidden;
}
.avatar-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.hide {
    display: none !important;
}
.btn-danger {
    color: #fff;
    background-color: #3191f5;
    border-color: #3191f5;
}
.btn-group {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row:before,.row:after{clear: both;display: table;
    content: " ";}
.col-md-9,.col-md-3,.col-md-4,.col-md-5{position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;float: left;}
.col-md-9 {
    width: 75%;
}
.col-md-3 {
    width: 25%;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-5 {
    width: 41.66666667%;
}
.avatar-btns {
    margin-top: 30px;
    margin-bottom: 15px;
}


.avatar-view{display:block;width:220px;height:220px;border:3px solid #fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.15);cursor:pointer;overflow:hidden}.avatar-view img{width:100%}.avatar-body{padding-right:15px;padding-left:15px}.avatar-upload{overflow:hidden}.avatar-upload label{display:block;float:left;clear:left;width:100px}.avatar-upload input{display:block;margin-left:110px}.avater-alert{margin-top:10px;margin-bottom:10px}.avatar-wrapper{height:364px;width:100%;margin-top:15px;box-shadow:inset 0 0 5px rgba(0,0,0,.25);background-color:#fcfcfc;overflow:hidden}.avatar-wrapper img{display:block;height:auto;max-width:100%}.avatar-preview{float:left;margin-top:15px;margin-right:15px;border:1px solid #eee;border-radius:4px;background-color:#fff;overflow:hidden}.avatar-preview:hover{border-color:#ccf;box-shadow:0 0 5px rgba(0,0,0,.15)}.avatar-preview img{width:100%}.preview-lg{height:184px;width:184px;margin-top:15px}.preview-md{height:100px;width:100px}.preview-sm{height:50px;width:50px}@media(min-width:992px){.avatar-preview{float:none}}.avatar-btns{margin-top:30px;margin-bottom:15px}.avatar-btns .btn-group{margin-right:5px}.loading{display:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.75;filter:alpha(opacity=75);z-index:20140628}




/* 服务费 */
.serverpay_box{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:20000; }
.server_order{clear:both; overflow:hidden; }
.server_order ul{ width:100%;max-width:440px;position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.server_order li {background-color:#fff;margin:20px;border-radius:8px; box-shadow: 0px 1px 5px #aaa; position: relative;}
.server_order li .goback{ cursor: pointer; width:35px; height: 35px; background-color: #fff; display: flex; justify-content: center; align-items: center;border-radius: 50%; position: absolute; right: -10px;top: -10px; z-index: 1;-webkit-tap-highlight-color: transparent;}
.server_order li .goback i{font-size:14px; color: #3191f5;font-weight: bold;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5ss;}
.server_order li .goback i:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
.server_order .tit {position:relative;border-bottom:1px solid #f1f1f1; padding:14px; clear:both; overflow:hidden; background:#fff;border-radius:8px; text-align:center}

.server_order .tit.ohover {border-bottom:none;border-radius:8px 8px 0 0;background-image: linear-gradient(to right,#4ab4fe,#3366ff);color:#fff; }
.server_order .tit.ohover .toShop{font-size:24px; font-weight:bold;}
.server_order .ohover .t_l{  font-size:12px;margin-top:10px;}

.server_order .list_item_box {position:relative;display:flex;padding:20px 20px 20px 50px;}
.server_order .list_item_box .thumb {display:table-cell;vertical-align:middle;width:80px;}
.server_order .list_item_box .thumb img {width:60px;height:60px;border-radius:5px;}
.server_order .pro_right {flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.server_order .pro_right .list_item_title {font-size:14px;color:#000;padding:0;}
.server_order .pro_right .list_tag {color:#888;}
.server_order .list_tag .y_price{ text-decoration:line-through;}
.server_order .list_tag .price {font-size:14px;color:#888;}
.server_order .list_tag .t_price{ color:#ff2a6a;}

.server_order .btn_w { overflow:hidden; clear:both; }
.server_order .btn_w .kefu{ text-align:center; font-size:12px; color:#999; line-height:20px;margin: 20px 0;}
.server_order .btn_w .kefu .fz10{ font-size:12px;}
.server_order .btn_w .t_r{ text-align:center}

.server_order .wxpay_cont {border:1px solid #e6e6e6;margin:5px auto 8px;position:relative;width:180px;height:180px; display:flex; align-items: center; justify-content: center;border-radius: 5px;}
.server_order .wxpay_cont p {height:55px;line-height:55px;text-align:center;color:#000;font-size:14px;}
.server_order .wxpay_cont .timeout {width:180px;height:180px;line-height:180px;position:absolute;left:-1px;top:-1px;background:rgba(0,0,0,0.6);color:#fff;text-align:center;font-style:normal;cursor:pointer;}
.server_order .none {display:none}
.server_order  .sm_int{ text-align: center; font-size: 14px;}
.server_order  .sm_int .iconfont{ font-size:24px;color: rgb(89, 204, 13); vertical-align: middle; margin-right: 5px;}

.agree_checkbox .iconfont,.makeType .mli .iconfont{position:relative;border-radius:2px;border: 1px solid #ccc;color:#fff;background:#fff;pointer-events:none;display:flex;font-size:14px;width:18px;height:18px; align-items: center; justify-content: center;}
.agree_checkbox.active .iconfont ,.makeType .mli.active .iconfont{border:1px solid #ff2a6a;background:#ff2a6a; color: #fff;}

.makeType{display: flex;margin: -10px 0  10px 30px;width: 100%;padding:0 15px;}
.makeType .mli{display: flex;width: 33%;flex: 1;cursor: pointer;}
.makeType .mli .iconfont{margin-top: 5px;border-radius: 50% !important;width:20px;height:20px;}
.makeType .mli .mDesc{margin-left: 8px;}
.makeType .mli .mDesc .t2{font-size: 11px;color: #ff2a6a;}

.serverpay_ok{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:20000;}
.serverpay_ok .sp_cont{width:100%;max-width:400px;position: fixed; left:50%; top:50%; transform: translate(-50%,-50%);background-color:#fff;padding: 32px 30px 31px ; border-radius: 10px; height: auto;overflow: hidden;}

.serverpay_ok .sp_cont .goback{position: absolute; width: 30px; height: 30px; cursor: pointer; display: flex; justify-content: center; align-items: center; right: 10px; top: 10px;}
.serverpay_ok .sp_cont .sp_t{text-align: center;font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.serverpay_ok .sp_cont .sp_t .iconfont{ width: 30px; height:30px; display: inline-block; text-align: center; line-height: 30px; font-size:24px;background-color: rgb(89, 204, 13); color: #fff;border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.serverpay_ok .sp_cont p{font-size: 14px; margin-top: 10px; color: #888;}
.serverpay_ok .sp_cont p:before {  content: ''; width: 5px;  height: 5px; display: inline-block;  background: #3191f5; border-radius: 50%; margin-right: 10px;    vertical-align: middle;
}
.serverpay_ok .sp_cont p .copyName{margin-left: 20px; color: #19be6b; text-decoration: underline;}
.serverpay_ok .sp_cont .wximg{text-align: center;}
.serverpay_ok .sp_cont .wximg img{width: 80%;}
.serverpay_ok .shopC h2{text-align: center;}
.serverpay_ok .sp_cont.sp{height: auto; padding-bottom:25px;}
.serverpay_ok .shopBtn{font-size: 14px; color: #fff; background-color: #3191f5;width: 120px; display: block; margin: 20px auto 0; text-align: center; height:40px;line-height: 40px; border-radius: 8px;}


/* 收货信息填写 */
.addressAlert{position: fixed; width: 100%; height: 100%; top: 0;left: 0; z-index: 1003; display: flex; align-items: center; justify-content: center; display: none;}
.addressAlert .mask{width: 100%; height: 100%;position: absolute;left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2);}
.addressAlert .addressC{width: 700px; background-color: #fff; position: relative;z-index: 1;border-radius:8px;overflow: hidden;}
.addressAlert .addressC .ahead{height: 40px; line-height: 40px; position: relative;font-size: 16px;color: #333;padding: 0 0 0 15px;background-color: #f5f5f7;font-weight: bold;}
.addressAlert .addressC .ahead .closeMask{ display: flex; height: 40px; display: flex; width: 40px; justify-content: center; align-items: center;float: right;}
.addressAlert .addressC .ahead .closeMask i{font-size: 16px;}
.selectC{padding: 40px 50px;}
.selectC .wfform-box{display: flex;font-size: 14px; color: #999; margin-bottom: 15px;}
.selectC .wfform-box .wfform-label{width: 90px;line-height: 35px; }
.selectC .wfform-box .wfform-label span{color: #f00;margin-right: 5px;}
.selectC .wfform-box .wfform-opt{flex: 1;display: flex;justify-content: space-between;}
.selectC .wfform-box .wfform-opt input{width: 100%; height: 35px; line-height: 35px; padding: 3px 8px; border: 1px solid #ddd;font-size: 14px;border-radius: 5px;}
.selectC .wfform-box .wfform-opt select{ border: 1px solid #ddd;height: 35px; padding: 0 5px;font-size: 14px; color: #666;cursor: pointer;width: 32%;border-radius: 5px;}
.selectC .wfform-box .wfform-opt span{line-height: 35px; color: #333;}
.selectC .wfform-box .wfform-opt span.money{color: #f00;font-weight: bold;font-size: 18px;}
.selectC .wfform-box .wfform-opt span.price{color: #999;text-decoration: line-through;margin-left: 5px;}
.addressOk a{ background-color: #3191f5; color: #fff;font-size:16px;padding: 10px 35px;border-radius: 5px;display: inline-block; margin:10px 0 0 90px;}
.addressOk a:hover{opacity: 0.8;}
.addressAlert .shop_figure{display: flex; width: 180px; justify-content: space-between;border: 1px solid #ddd; line-height: 30px;border-radius:8px;overflow: hidden;}
.addressAlert .shop_figure .shop_minus_p,.shop_add_P{width: 50px; height: 35px; display: flex; justify-content: center; align-items: center;font-weight: bold; font-size: 24px;cursor: pointer;background-color: #f5f5f5;}
.addressAlert .shop_figure .shop_minus_p{border-right: 1px solid #ddd;}
.addressAlert .shop_figure .shop_add_P{border-left: 1px solid #ddd;}
.addressAlert .shop_figure .shop_Num{flex: 1; display: flex; justify-content: center; align-items: center;color: #333;}


/* 授权 */
.userGiveShow {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1024;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);}
.select_alert {width:400px;background-color:#ffffff;border-radius:10px;padding:10px 0 0;}
.select_alert .h1 {text-align:center;font-weight:bold;font-size:16px;}
.select_alert .u_content {padding:0 15px;}
.select_alert .u_content .desc {font-size:14px;color:#777;margin-top:28px;}
.select_alert .u_content .u_serach {display:flex;border-radius:5px;overflow:hidden;margin-top:10px;}
.select_alert .u_content .u_serach .uleft {flex:1;position:relative;background-color:#f8f8f8;}
.select_alert .u_content .u_serach .uleft .utip {color:#a8a8a8;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;}
.select_alert .u_content .u_serach .uleft .utip .t1 {font-size:16px;}
.select_alert .u_content .u_serach .uleft .utip .t2 {font-size:12px;}
.select_alert .u_content .search-input {height:50px;width:100%;text-align:center;font-size:20px;border: 1px solid #eee; background-color: #f1f1f1;}
.select_alert .u_content .u_btn {width:110px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#3191f5;color:#fff;font-size:20px;cursor: pointer;}
.select_alert .userinfo {display:flex;overflow:hidden;margin-top:15px;}
.select_alert .userinfo .face {width:40px;height:40px;}
.select_alert .userinfo .face img {width:100%;height:100%;border-radius:50%;}
.select_alert .userinfo .uname {flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#999;margin-left:15px;line-height:40px;}
.select_alert .btn_content2 {display:flex;border-top:1px solid #ddd;margin-top:30px;}
.select_alert .btn2 {flex:1;height:45px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor: pointer;}
.select_alert .btn2.cancel {border-right:1px solid #ddd;}
.select_alert .btn2.save {color:#3191F5;}


/* 音乐相册图片编辑 */
.musicAlbumEdit{clear:both; width:100%; position: fixed; height:100%; top: 0;  z-index: 1001;background: #fff;overflow: hidden;display:flex;justify-content: center;left:0;background:rgba(0,0,0,0.5)}
.musicAlbumEdit .content{width:640px; height:700px;background:#fff;display:flex;overflow:hidden;flex-direction: column;margin-top:80px;border-radius:10px;}
.musicAlbumEdit .content .title{height:40px;line-height:40px;text-align:center;border-bottom:1px solid #ddd;font-size:16px;font-weight:bold;background:#f1f1f1}
.musicAlbumEdit .content .tab{display:flex; height:50px;align-items:center;    border-bottom: 1px solid #ddd;  justify-content: space-around;padding: 0 100px;}
.musicAlbumEdit .content .tab .item{height:100%; position:relative;display:flex;align-items:center;flex:1;justify-content:center;color:#555;font-size:16px;cursor: pointer;}
.musicAlbumEdit .content .tab .item.on{color:#0493FF}
.musicAlbumEdit .content .tab .item.on:after{content:'';display:block;position:absolute;width:80%;height:3px;background:#0493FF;bottom:0;}

.musicAlbumEdit .photoList{padding:10px;flex:1; overflow:hidden;   overflow-y: scroll;}
.musicAlbumEdit .photoList .tips{color:#333;font-size:14px;padding:5px 15px 0;background:#fff; }
.musicAlbumEdit .photoList .tips span{color:#999}

.musicAlbumEdit .photoList .itemList{display:flex;flex-wrap: wrap;padding:12px 15px 5px;background:#fff;}

.musicAlbumEdit .photoList .itemList .item{width:100px;height:100px;border-radius:5px;margin-right:20px;overflow:hidden;margin-bottom:20px;position:relative;cursor: pointer;}
.musicAlbumEdit .photoList .itemList .item img{object-fit: cover;width:100%;height:100%}
.musicAlbumEdit .photoList .itemList .item  .select{position:absolute;width:20px;height:20px;background:rgba(0,0,0,0.3);border-radius:50%;display:flex;justify-content:center;flex-direction: column;align-items:center;right:5px;top:5px;color:#f1f1f1;}
.musicAlbumEdit .photoList .itemList .item  .select i{font-size:12px;}
.musicAlbumEdit .photoList .itemList .item  .select.on{background:#3191f5;box-shadow: 0 0 1px #fff}
.musicAlbumEdit .photoList .itemList .item .thumb{position:absolute;left:0;top:0;font-size:11px;width:37px; background:#3191f5;padding: 2px 5px;color:#fff;border-radius:0 15px 15px 0;text-align:center;}
.musicAlbumEdit .photoList .itemList .item .thumb.num{background:rgba(0,0,0,0.3);}

.musicAlbumEdit .photoList .itemList .item:nth-child(5n){margin-right:0}
.musicAlbumEdit .photoList .itemList .item .add{display:flex;justify-content:center;flex-direction: column;align-items:center;border:2px dotted #666;font-size:12px;color:#888;width:100px;height:100px;background:#fff;border-radius:5px;}
.musicAlbumEdit .photoList .itemList .item .add .txt{margin-top:5px;}

.handleBtn{display:flex;border-top:1px solid #ddd;}
.handleBtn .item{flex:1;display:flex;flex-direction: column;align-items:center;padding:10px 0;font-size:12px;color:#555;cursor: pointer;}
.handleBtn .item i{font-size:14px;}
.handleBtn .item.gray,.handleBtn .item.gray:hover{color:#ccc}
.handleBtn .item:hover{color:#3191f5}     


.musicAlbumEdit .textList{padding:10px;flex:1; overflow:hidden;   overflow-y: scroll;}
.musicAlbumEdit .textList .item{background:#fff;border-radius:10px;margin-bottom:10px;display:flex;padding:10px;}
.musicAlbumEdit .textList .thumb{position:relative;width:80px;height:80px;border-radius:5px;border-radius:5px;overflow:hidden;cursor: pointer;}
.musicAlbumEdit .textList .thumb img{object-fit: cover;width:100%;height:100%}
.musicAlbumEdit .textList .thumb .tips{position:absolute;left:0;top:0;font-size:11px;width:37px; background:#3191f5;padding:2px 5px;color:#fff;border-radius:0 15px 15px 0;text-align:center;}
.musicAlbumEdit .textList .thumb .tips.num{background:rgba(0,0,0,0.3);}

.musicAlbumEdit .textList .textarea{flex:1;width:100%;height:80px;margin:0 10px;}
.musicAlbumEdit .textList textarea{width:100%;height:80px;overflow-y:auto;border:1px solid #eee;padding:5px;font-size:14px;color:#444;border-radius:5px;}

.musicAlbumEdit .textList .operation{width:30px;display:flex;flex-direction: column;}
.musicAlbumEdit .textList .operation i{flex:1;justify-content:center;display: flex;cursor:pointer}
.musicAlbumEdit .textList .operation i.icon-xiangxia2{ align-items: flex-end;}
.musicAlbumEdit .textList .operation i.gray{color:#ccc}
.musicAlbumEdit .textList .operation i:hover{color:#3191f5}

.musicAlbumEdit .textList .item  .select{width:42px;display:flex;justify-content:center;flex-direction: column;align-items:flex-start;color:#fff;cursor: pointer;}
.musicAlbumEdit .textList .item  .select i{font-size:12px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:50%;border: 1px solid #ccc;}
.musicAlbumEdit .textList .item  .select.on i{background:#3191f5;box-shadow: 0 0 1px #fff;border-color: #3191f5;}

.albumBtn a{display: block;height:40px; line-height:40px;border-radius:5px;}
.albumBtn .cancel{ width:180px;  background:#f5f5f5; color:#666; border:1px solid #ddd;}
.albumBtn .save{ position:relative; background:#3191f5; color:#fff; border:1px solid #3191f5;width:180px;}
.albumBtn .add{background:#f4f9ff;border:1px solid #3191f5;color:#3191f5;flex:1;margin:0 20px;}
.albumBtn{  overflow:hidden; text-align:center;background:#fff; font-size:16px;text-align:center;border-top:1px solid #ddd;}
.albumBtn .btn_c{ padding:10px;display:flex;justify-content: space-between;}


.skinList{clear:both; width:100%;display:flex;flex:1; overflow:hidden;   overflow-y: scroll;}
.skinList .leftCate{width:120px;background: #fff;height:100% ;}
.skinList .leftCate .item{line-height:50px;text-align:center;font-size:16px;cursor:pointer;}
.skinList .leftCate .item.on{color:#3191f5;border-left:5px solid #3191f5;background: #f5f6f8;}
.skinList .scene_content{ clear:both;color:#555;padding:0px 10px;overflow-y:scroll;flex:1;height:100%;background: #f5f6f8;}
.skinList .scene_content .scene_list_content{display:grid;grid-template-columns: 30% 30% 30%;padding-left:2%;padding-top:20px;
grid-column-gap: 4%;grid-row-gap:20px;}
.skinList .scene_content .item{text-align:center;cursor: pointer;}
.skinList .scene_content .item  .thumb{position:relative;font-size:0;}
.skinList .scene_content .item  .thumb  img{width:100%}
.skinList .scene_content .item .name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:13px;margin-top:5px;}
.skinList .scene_content .item .select{width:100%;height:100%;background:rgba(0,0,0,0.4); display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;}
.skinList .scene_content .item .select i{width:30px;height:30px;background:#3191f5;border-radius:50%;display:flex;justify-content:center;flex-direction: column;align-items:center;right:5px;top:5px;color:#f1f1f1;font-size:16px;}
.skinList .scene_content .item .old{ background:#3191f5;font-size:12px;padding:1px 2px;border-radius:3px;position:absolute;top:5px;left:5px;color:#fff;}
.skinList .scene_content .moreSkin{font-size:14px;text-align:center;margin:25px 0;}
.skinList .scene_content .moreSkin a{color:#888;}
      


/* // 视频编辑 */
.videoEdit {width:100%;height:100%;display:flex;position:fixed;top:0;left:0;z-index:1001;align-items: center;justify-content: center;}
.videoEdit .mask{position: absolute;width: 100%;height: 100%;top: 0;left:0;background-color: rgba(0, 0, 0, .8);}

.videoEdit .videoC{width:440px;max-height:500px;display:flex;flex-direction:column; background-color: rgba(0, 0, 0, .5);position: relative;}
.videoEdit.articleInfo .videoC{background-color: #f1f1f1;width:500px;height:700px;}
.videoEdit .videoC .closed{position:absolute;right:0px;top:-70px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;cursor: pointer;}
.videoEdit .videoC .closed span {font-size:15px;color:#fff;}
.videoEdit .videoC .closed:hover{border-color: #0493FF;}
.videoEdit .videoC .closed:hover span{color: #0493FF;}
.videoEdit .videoPlay {flex:1;overflow:hidden;position:relative;}
.videoEdit .previewVideo {width:100%;height:100%;}
.videoEdit .playBtn {position:absolute;left:50%;top:50%;z-index:2;width:80px;height:80px;transform:translate(-50%,-50%);}
.videoEdit .videoBtn {height:65px;display:flex;background:#485e6c;color:#fff;align-items:center;position:relative;}
.videoEdit .videoBtn  .item {flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:15px;cursor:pointer;}
.videoEdit .videoBtn  .item i {font-size:18px;}
.videoEdit .videoBtn  .item.cancel {color:#f1f1f1;}
.videoEdit .videoBtn  .item.cancel:hover{color: #0493FF;}
.videoEdit .videoBtn  .item.save {font-weight:300;color:#fff;height:35px;line-height:35px;width:20%;border-radius:25px;background:#0493FF;margin:0 10px;}
.videoEdit .videoBtn  .item:hover{color: #0493FF;}
.videoEdit .videoBtn  .item.save:hover{opacity: 0.9;color: #fff;}

.musicAlbumEdit .setCont{clear:both; width:100%;display:flex;flex:1; overflow:hidden;   overflow-y: scroll;flex-direction: column;}
.musicAlbumEdit .setCont textarea {
    width: 100%;
    height: 80px;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 14px;
    color: #444;
    border-radius: 5px;
}

.musicAlbumEdit .setCont .fields{margin-bottom:10px;padding:15px;}
.musicAlbumEdit .setCont .fields .title_l{font-size:14px;color:#777;}
.musicAlbumEdit .setCont .fields .cont{border-radius:5px;margin-top:10px;}
.musicAlbumEdit .setCont .fields input{background:#fbfcfe !important;border: 1px solid #ddd;height: 40px;width: 100%; border-radius:5px;font-size:14px;padding:0 5px;}
.videoProcess{overflow: hidden;}
.videoProcess .desc{font-size: 14px;color: #888;    margin-left: 8px;}
.videoProcess .desc1{color: #3191f5;}
.videoProcess .desc2{color:rgba(243, 113, 51, 0.8);}

/* 下载视频弹窗 */
.downVideo_style {position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1001;}
.downVideo_style .mask {position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
.downVideo_style .dcont {background-color:#fff;width:450px;position:relative;border-radius:20px;}
.downVideo_style .dcont .title {text-align:center;line-height:45px;font-size:20px;font-weight:bold;color: #555;margin-top: 10px;}
.downVideo_style .dcont .closed {position:absolute;right:10px;top:10px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor: pointer;color: #888;}
.downVideo_style .dcont .closed span {font-size:15px;color:#444;}
.downVideo_style .dcont .closed:hover span {color: #1593ff;}
.downVideo_style .dcont .item {display:flex;padding:25px;align-items:center;border-bottom:1px solid #eee;cursor: pointer;}
.downVideo_style .dcont .item_l {width:80px;margin-right:20rpx;display:flex;align-items:center;}
.downVideo_style .dcont .item_l span {width:55px;height:55px;border-radius:50%;color:#fff;font-size:26px;background-color:#1593ff;display:flex;align-items:center;justify-content:center;}
.downVideo_style .dcont .item_l span.t2{background-color: #58cd61;color: #ffffff;}						
.downVideo_style .dcont .item_l span.t3 {background-color:#f5c98a;color:#554129;}
.downVideo_style .dcont .item_r {flex:1;}
.downVideo_style .dcont .item_r .t1 {font-size:18px;font-weight:bold;color:#333;}
.downVideo_style .dcont .item_r .t2 {font-size:14px;color:#666;margin-top:10px;}
.downVideo_style .dcont .item .allow {color:#777;font-size:20px;}
.downVideo_style .dcont .item.none {border:0;}
.downVideo_style .dcont .item .allow:hover{opacity: 0.8;}
/* .downVideo_style .dcont .item:hover .item_r .t1{color: #0493FF;} */
.downVideo_style .dcont .item .allow{color: #fff;background-color: #1593ff; display: flex;align-items: center;height: 40px;padding: 0 30px;border-radius:40px;font-size:14px;}
.downVideo_style .dcont .item .allow.success{background-color: #58cd61;color: #ffffff;}
.downVideo_style .dcont .item .allow.vip{background-color: #f5c98a;color: #554129;}
.downVideo_style .downtips{color: #999;text-align: center; margin: 15px 0; }
.downVideo_style .downtips .t1{font-size: 13px;}
.downVideo_style .downtips .t1 span{background-color: rgba(21, 147, 255, 0.1);color: #3191f5; padding: 2px 5px;border-radius: 3px; margin-left: 5px; cursor: pointer;}
.downVideo_style .downtips .t2{font-size: 12px;margin-top: 5px;}




/* 图文相册 */
.videoEdit.articleInfo .videoPlay{overflow-y: auto;}
.videoEdit.articleInfo .musicAlbumEdit{overflow: unset;}
.videoEdit.articleInfo .musicAlbumEdit .textList{padding: 0 0 10px 0;}
.videoEdit.articleInfo .musicAlbumEdit .textList .item{margin: 0 10px 10px;}
.videoEdit.articleInfo .musicAlbumEdit .textList .item .nopic{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: #f1f1f1;}
.videoEdit.articleInfo .musicAlbumEdit .textList .item .nopic   i{font-size: 30px;color: #cfc9c9;}

.articleInfo .changeScene{position: absolute;z-index: 1; width: 100%;height: 100%;left: 0;top: 0; display: flex;flex-direction: column;}
.addPic{display: flex;flex-direction: column;align-items: center; padding-bottom: 10px;}
.addPic .addBtn{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background-color: #3191f5;box-shadow:0 0 3px #aaa;color: #fff;font-size: 16px;border-radius: 50%;cursor: pointer;}
.addPic .addBtn.top{margin-top: 15px;}
.addPic  .addSelect{display: flex;background-color: #fff;padding:5px 10px;border-radius:8px;font-size:14px; position: relative;margin-top:15px;}
.addPic  .addSelect::before{content: '';display: inline-block; width:0;  height:0;  border:15px solid transparent;border-bottom-color:#ffffff;position: absolute;top: -27px;left: 50%;transform: translateX(-50%);}
.videoEdit.articleInfo  .addPic  .addSelect  .item{display: flex;flex-direction: column;align-items: center;padding:0 15px; margin: 0;cursor: pointer;}   
.addPic  .addSelect  .item i{font-size: 16px;color: #666;}
.addPic .textInfo{font-size: 13px;color: #999;margin-top: 8px;}

.Head{background-color: #0493FF;height: 220px;position: relative;}
.Head  .title{position: absolute;left: 10px;top: 15px;color: #fff;text-shadow:0 0 2px #333;font-size: 22px;font-weight: bold;min-width: 180px;cursor: pointer;}
.Head  .changeThumb{position: absolute;bottom: 20px;right: 0;background-color: rgba(0,0,0,0.3);color: #fff;display: flex;align-items: center;padding: 2px 10px 2px 14px;border-radius: 20px 0 0 20px;font-size: 14px;cursor: pointer;}
.Head  .changeThumb  i{vertical-align: middle;font-size: 14px;margin-right: 2px;}
.Head   img{width: 100%;object-fit: cover;height: 100%;}
  
.addDanmuAlert{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;}
.addDanmuAlert .cont{width:70%;background:#fff;border-radius:10px;}
.addDanmuAlert .title{margin:0 15px;text-align:center;font-size:16px;font-weight:bold;line-height:40px;}
.addDanmuAlert .Tcontent2{border:1px solid #ddd;border-radius:5px;margin:5px 15px 4px;overflow: hidden;display:flex;}
.addDanmuAlert .Tcontent2.input{height: 35px;}
.addDanmuAlert .Tcontent2.text{margin-top: 10px;}
.addDanmuAlert .Tcontent2 textarea,.addDanmuAlert .Tcontent2 input{width: 100%;height: 100%;border: 0;padding:5px;}

.addDanmuAlert .Tcontent{margin:0 15px;border:1px solid #ddd;border-radius:5px;overflow-y:auto;height:150px;padding:0 5px;}
.addDanmuAlert .Tcontent textarea{  width: 100%;height: 100%;border: 0;padding: 5px;
        display: block;box-sizing: border-box; min-width: 0;margin: 0;line-height: inherit;text-align: left;background-color: transparent;resize: none;              
}
.colorSelect{ margin:10px 15px 0;display: flex;padding-bottom: 10px;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.colorSelect  .scroll{display: flex;margin-right: 8px;}
.colorSelect  .scroll .item{width: 30px;height: 30px;border-radius: 50%;display:flex; justify-content: center;align-items:center;margin-right: 8px;cursor: pointer; }         
.colorSelect  .scroll .item i{color: #fff;font-size: 16px;}          

.fontStyle{display: flex;justify-content: space-around;margin-top:10px;}
.fontStyle .fontC{display: flex;}
.fontStyle .fontC i{width: 30px;height: 30px;background-color: #f1f1f1;border-radius: 5px;display:flex; justify-content: center; align-items: center;color:#777;margin:0 2px;cursor: pointer;}
.fontStyle .fontC i.on{background-color: #3191f5;color: #fff;}

.btn_contents{display: flex;border-top: 1px solid #ddd;margin-top:25px;}
.btn_contents .btn{flex: 1; height:45px;display: flex;align-items: center;justify-content: center;font-size: 15px;}
.btn_contents .btn.cancel{border-right: 1px solid #ddd;}
.btn_contents .btn.sure{color: #3191f5;}

.CropperCont{position: absolute;background-color: #fff;width: 100%;height: 100%;z-index: 1; display: flex;flex-direction: column;}
.CropperCont .cropperHead{height: 40%;width: 100%;}
.CropperCont .selectPic {
    height: calc(60% - 60px);
    padding-top: 20px;
    overflow-y: auto;}

    .CropperCont  .selectPic .tit {
        text-align: center;
        color: #999;
        font-size: 14px;
    }
    .CropperCont .btn_contents {
        height: 60px;
        background-color: #fff;
        display: flex;
        padding: 0 20px;
        align-items: center;
      }
      .CropperCont .btn_contents .btn {
        flex: 1;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
      }
      .CropperCont .btn_contents .btn.cancel {
        border-right: 1px solid #ddd;
      }
      .CropperCont .btn_contents .btn.sure {
        border-radius: 30px;
        background-color: #3191f5;
        color: #fff;
      }
      .CropperCont .itemList {
        display: flex;
        flex-wrap: wrap;
        padding: 12px 35px 5px;
        background: #fff;
      }
      .CropperCont .itemList .item {
        width: 95px;
        height:95px;
        border-radius: 5px;
        margin-right: 3%;
        overflow: hidden;
        margin-bottom: 3%;
        position: relative;cursor: pointer;
      }
      .CropperCont .itemList .item img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%;
      }
      .CropperCont .itemList .item .select {
        position: absolute;
        width: 20px;
        height: 20px;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        left: 50%;
        top: 50%;
        color: #f1f1f1;
        transform: translate(-50%, -50%);
      }
      .CropperCont .itemList .item .select i {
        font-size: 12px;
      }
      .CropperCont .itemList .item .select.on {
        background: #3191f5;
        box-shadow: 0 0 1px #fff;
      }
      .CropperCont .itemList .item .thumb {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 11px;
        width: 37px;
        background: #3191f5;
        padding: 2px 5px;
        color: #fff;
        border-radius: 0 15px 15px 0;
        text-align: center;
      }
      .CropperCont .itemList .item .thumb.num {
        background: rgba(0, 0, 0, 0.3);
      }
      .CropperCont .itemList .item:nth-child(4n) {
        margin-right: 0;
      }
      .CropperCont .itemList .item .add {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        border: 2px dotted #666;
        font-size: 12px;
        color: #888;
        width: 95px;
        height: 95px;
        background: #fff;
        border-radius: 5px;cursor: pointer;
      }
      .CropperCont .itemList .item .add .txt {
        margin-top: 5px;
      }


.animateTitle{animation:tipsAnimation 2s ease 0.5s 3 forwards;}   
@keyframes tipsAnimation {
    30% {
      color: #f00;
    }
    50% {
      color: #fff;
    }
    80% {
      color: #f00;
    }
    100% {
      color: #fff;
    }
	}