@charset "utf-8";
/*Sortable.js style*/
.sortable-ghost{opacity: 0!important;} 
.sortable-drag{opacity:1!important;}
/*Modal*/
.modal-fade-enter-active{animation:dialog-fade-in .3s}
.modal-fade-leave-active{animation:dialog-fade-out .3s}
@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0} 100%{transform:translate3d(0,0,0);opacity:1} }
@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1} 100%{transform:translate3d(0,-20px,0);opacity:0} }
.m-modal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;background:rgba(0,0,0,.5);z-index:1000;}
/*.m-modal__wrapper:not([style*="display: none;"]) +.m-modal__wrapper{background:rgba(0,0,0,0)!important;}*/
.m-modal__wrapper:has(~ .m-modal__wrapper) {background:rgba(0,0,0,0)!important;}
.m-modal__container{width:25%;max-height: 90vh;position:relative;margin:0 auto 50px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin-top:15vh;animation:dialog-fade-in .3s}
.m-modal__header{padding:20px 20px 0}
.m-modal__title{line-height:24px;font-size:18px;color:#303133}
.m-modal__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}
.m-modal__close{color:#909399}
.m-modal__headerbtn:hover .m-modal__close{color:var(--theme-color)}
.m-modal__body{padding:20px;color:#333333;font-size:14px;}
.m-modal__footer{padding:0 20px 20px;text-align:right;box-sizing:border-box}
.m-modal__footer:empty{display: none;}
.m-modal__footer button:first-child{margin-right:10px}
.m-modal-button{display:inline-block;min-width:100px;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}
.m-modal-button+.m-modal-button{margin-left:10px}
.m-modal__footer .m-modal-button--full{width:100%;}
.m-modal__footer .m-modal-button--full:first-child{margin: 0;}
.m-modal-button--full+.m-modal-button--full{margin:20px 0 0 0;}
.m-modal-button:focus,.m-modal-button:hover{color:var(--theme-color);border-color:var(--theme-color-light);background-color:var(--theme-color-light)}
.m-modal--primary{color:#fff;background-color:var(--theme-color);border-color:var(--theme-color)}
.m-modal--primary:focus,.m-modal--primary:hover{background:var(--theme-color-hover);border-color:var(--theme-color-hover);color:#fff}
.m-modal--primary[disabled]{background:var(--theme-disabled-color);border-color:var(--theme-disabled-color);color:var(--theme-disabled-font-color)}

/*head-notifications*/
.head-notification{margin-right: 10px;padding: 0 20px;height: 100%;align-items: center;cursor: pointer;display:none;}
.head-notification .notif_icon{position: relative;width: 22px;height: 23px;background-position:-7px -140px}
.head-notification .notif_icon.new::after{content: '';width: 6px; height: 6px;background-color:var(--body-theme-error);display: inline-block;border-radius: 50%; position: absolute;top: -1px; right: -2px;}

.head-notification_box{position: absolute;right:6px;top:68px;z-index: 999;display: none;width:456px;height:406px;background-color: #fff;border: 1px solid #ebebeb;border-radius: 4px;-webkit-box-shadow: 0 5px 20px rgba(18,18,18,.1);box-shadow: 0 5px 20px rgba(18,18,18,.1);cursor: default;}
.head-notification_box::after{content:"";position:absolute;top:4px;left:248px;z-index:-1;width:16px;height:16px; margin:-12px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #dedede;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:auto;}
.head-notification_box .notification{width:456px;height:406px;display: none;}
.head-notification_box .notification>.top{ height: 42px;line-height: normal;display: flex;align-items: center;background-color: #ffffff;padding: 0 20px;}
.head-notification_box .notification>.top span{font-size: 16px;}
.head-notification_box .notification>.top button{color:var(--theme-color);margin-left: auto;cursor: pointer;}
.head-notification_box ul{height: calc(100% - 42px);  overflow: auto;}
.head-notification_box ul li{padding: 6px 20px;}
.head-notification_box ul li.new{background-color: #EBF1F7;}
.head-notification_box ul .top{display: flex;align-items: center;}
.head-notification_box ul .top .row1{font-size: 24px;margin-right: 10px;}
.head-notification_box ul .top .row2{font-size:16px;font-weight:bold;}
.head-notification_box ul .top .row3{margin-left: auto;cursor: pointer;}
.head-notification_box p{color: #777777;padding: 0 34px;}
.head-notification_box ul::-webkit-scrollbar {width:8px;height: 6px; background: transparent;}
.head-notification_box ul::-webkit-scrollbar-thumb {background: transparent; border-radius: 4px;}
.head-notification_box ul:hover::-webkit-scrollbar-thumb {background: hsla(0, 0%, 53%, 0.4);}
.head-notification_box ul:hover::-webkit-scrollbar-track {background: hsla(0, 0%, 53%, 0.1); }
.head-notification_box .time{text-align: right ;}
.head-notification .notification_empty{background: #ffffff; padding-top: 100px;text-align: center;display: none;}
.head-notification .notification_empty p{margin-top: 46px;}


/*!*Color Group*!*/
.style-color-group .newcolor{background: url(https://bio.linkcdn.cc/instabio.cc/static/images/back/colorpick.png) center center no-repeat;background-size: 100%;}
.style-color-group li{position: relative; width: 26px;height: 26px;border-radius: 50%;display: inline-block;margin-right: 20px; margin-bottom: 20px;cursor: pointer;vertical-align: middle;}
.style-color-group li.selected:before{position: absolute;content: " ";display: block;width: 22px;height: 22px; background: #FFFFFF; top: 2px;left: 2px;border-radius: 50%;}
.style-color-group li[data-color="newcolor"]{background:url(https://bio.linkcdn.cc/instabio.cc/static/images/back/colorpick.png) center center no-repeat;background-size: 100%;}
.style-color-group li[data-color="111111"]{background-color: #111111;}
.style-color-group li[data-color="ffffff"]{background-color: #ffffff;border:1px solid #DDDDDD;}
.style-color-group li[data-color="a6a6a6"]{background-color: #a6a6a6;}
.style-color-group li[data-color="ff1515"]{background-color: #ff1515;}
.style-color-group li[data-color="ff5757"]{background-color: #ff5757;}
.style-color-group li[data-color="fcbcb2"]{background-color: #fcbcb2;}
.style-color-group li[data-color="8c52ff"]{background-color: #8c52ff;}
.style-color-group li[data-color="5e17eb"]{background-color: #5e17eb;}
.style-color-group li[data-color="2c6be8"]{background-color: #2c6be8;}
.style-color-group li[data-color="38b6ff"]{background-color: #38b6ff;}
.style-color-group li[data-color="00c2cb"]{background-color: #00c2cb;}
.style-color-group li[data-color="169758"]{background-color: #169758;}
.style-color-group li[data-color="00e3aa"]{background-color: #00e3aa;}
.style-color-group li[data-color="ffde59"]{background-color: #ffde59;}
.style-color-group li[data-color="ff914d"]{background-color: #ff914d;}
/*OnlineIconLibrary*/
.onlineIcon-library-pop { height: 660px;position: relative;}
.onlineIcon-library-pop .m-modal__body{padding: 16px 0 20px;}
.onlineIcon-library__view{position: absolute;bottom: 0;top: 158px; width: 100%;padding-top: 14px;overflow: auto;}
.onlineIcon-library__view::-webkit-scrollbar{display:none}
.onlineIcon-library__search {margin: 0 24px;}
.onlineIcon-library__search .search__input{position: relative;}
.onlineIcon-library__search .search__icon{position: absolute;top: 50%;left: 16px;transform: translateY(-50%);font-size: 18px;color: #999999;}
.onlineIcon-library__search .search__close{display: none;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);font-size: 18px;color: #999999;cursor: pointer;}
.onlineIcon-library__search [name="search"]{width: 100%;height: 48px;padding: 0 15px 0 40px;border: 1px solid #D8DBDE;border-radius: 8px;}
.onlineIcon-library__search [name="search"]:focus{border: 1px solid #1faaf4;}
.onlineIcon-library__tab{display:flex;justify-content:space-around;height:50px;margin:0 24px;line-height:50px;border-bottom:1px solid var(--theme-cancel-color);}
.onlineIcon-library__tab .item{position:relative;width:100px;text-align:center;cursor: pointer;}
.onlineIcon-library__tab .item:after{content: "";position: absolute;width: 60px;height: 4px;bottom: 0;left: 50%;transform: translateX(-50%);}
.onlineIcon-library__tab .selected:after{background-color: var(--theme-color);}
.onlineIcon-library-pop .onlineIcon__list{padding: 10px 24px 0;margin-right: -23px;font-size: 0;}
.onlineIcon-library-pop .onlineIcon__item{position: relative;display:inline-block;width:84px;padding: 15px;margin-right:23px;margin-bottom:23px;border-radius:8px;box-shadow:0 0 12px 0 rgba(0,0,0,.16);cursor: pointer;}
.onlineIcon-library-pop .onlineIcon__item img{width:54px;height:54px;border-radius: 8px;object-fit: cover;}
.onlineIcon-library-pop .onlineIcon__item .delete{display: none;position: absolute;right:-10px;top: -8px;width: 30px;text-align: center;color: #d91f06;}
/*.onlineIcon-library-pop .onlineIcon__item:hover .delete{display:block;}*/
.onlineIcon-result{height: 100%;}
.onlineIcon-result__load{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.onlineIcon-result__load .load-icon{ display: inline-block;line-height: 1;color: #acb5bf;font-size: 42px;animation: 1s linear 0s infinite normal none running spin;}
.onlineIcon-result__blank{padding-top: 68px;text-align: center;}
.onlineIcon-result__blank img{width: 100px}
.onlineIcon-result__blank .title{font-size: 16px; margin: 54px 0 6px;}
.onlineIcon-result__blank .desc{color: #666666;}
.onlineIcon-result__blank .desc span{color:var(--theme-delete-color);}
.onlineIcon-upload-pop .m-modal__header{text-align: center;}
.onlineIcon-upload-pop .thumbnail-icon {width: 64px;height: 64px;margin: 0 auto 24px;cursor: pointer;}
.onlineIcon-upload-pop .thumbnail-icon__block img{width: 64px;height:64px;border-radius: 8px;object-fit: cover;}
.onlineIcon-upload-pop .thumbnail-icon__blank{height: 100%;line-height: 60px;text-align: center;border: 2px solid var(--theme-color);border-radius: 50%;color: var(--theme-color);}
.onlineIcon-upload-pop .thumbnail-icon__blank i{font-size: 35px;}
.onlineIcon-upload-pop .thumbnail-save{width: 100%;margin-top: 8px;}


/*Amimatioin*/
.shaking{-webkit-animation:shake 2s linear 0s 1;animation:shake 2s linear 0s 1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
@keyframes shake{0%{-webkit-transform:translateX(3px) rotate(1deg);transform:translateX(3px) rotate(1deg)}
    5%{-webkit-transform:translateX(-3px) rotate(-1deg);transform:translateX(-3px) rotate(-1deg)}
    10%{-webkit-transform:translateX(3px) rotate(1deg);transform:translateX(3px) rotate(1deg)}
    15%{-webkit-transform:translateX(-3px) rotate(-1deg);transform:translateX(-3px) rotate(-1deg)}
    20%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    25%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    30%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    35%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    40%{-webkit-transform:translateX(1px) rotate(1deg);transform:translateX(1px) rotate(1deg)}
    45%{-webkit-transform:translateX(-1px) rotate(-1deg);transform:translateX(-1px) rotate(-1deg)}
    50%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@-webkit-keyframes heartBeat{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    12%{-webkit-transform:scale(1.06);transform:scale(1.06)}
    24%{-webkit-transform:scale(1);transform:scale(1)}
    36%{-webkit-transform:scale(1.06);transform:scale(1.06)}
    48%,80%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes heartBeat{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    12%{-webkit-transform:scale(1.06);transform:scale(1.06)}
    24%{-webkit-transform:scale(1);transform:scale(1)}
    36%{-webkit-transform:scale(1.06);transform:scale(1.06)}
    48%,80%{-webkit-transform:scale(1);transform:scale(1)}
}
.heartBeat{-webkit-animation:heartBeat 2s linear 0s 1;animation:heartBeat 2s linear 0s 1;}
@-webkit-keyframes jello{
    0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
    8.2%{-webkit-transform:skewX(-6deg) skewY(-6deg);transform:skewX(-6deg) skewY(-6deg)}
    16.3%{-webkit-transform:skewX(3deg) skewY(3deg);transform:skewX(3deg) skewY(3deg)}
    24.4%{-webkit-transform:skewX(-1.5deg) skewY(-1.5deg);transform:skewX(-1.5deg) skewY(-1.5deg)}
    32.5%{-webkit-transform:skewX(0.75deg) skewY(0.75deg);transform:skewX(0.75deg) skewY(0.75deg)}
    40.6%{-webkit-transform:skewX(-.75deg) skewY(-.75deg);transform:skewX(-.75deg) skewY(-.75deg)}
    48.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
    56.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello{
    0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
    8.2%{-webkit-transform:skewX(-6deg) skewY(-6deg);transform:skewX(-6deg) skewY(-6deg)}
    16.3%{-webkit-transform:skewX(3deg) skewY(3deg);transform:skewX(3deg) skewY(3deg)}
    24.4%{-webkit-transform:skewX(-1.5deg) skewY(-1.5deg);transform:skewX(-1.5deg) skewY(-1.5deg)}
    32.5%{-webkit-transform:skewX(0.75deg) skewY(0.75deg);transform:skewX(0.75deg) skewY(0.75deg)}
    40.6%{-webkit-transform:skewX(-.75deg) skewY(-.75deg);transform:skewX(-.75deg) skewY(-.75deg)}
    48.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
    56.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{-webkit-animation:jello 2s ease-in-out 0s 1;animation:jello 2s ease-in-out 0s 1;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes wobble {
    0%,100% {-webkit-transform: translateY(0);transform: translateY(0);}
    15% { -webkit-transform: translateY(8px); transform: translateY(8px);}
    30% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
    45% {-webkit-transform: translateY(4px); transform: translateY(4px);}
    60% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}
    75% {-webkit-transform: translateY(1px); transform: translateY(1px); }
    90% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes wobble {
    0%,100% { -webkit-transform: translateY(0);transform: translateY(0); }
    15% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    30% {-webkit-transform: translateY(-6px);  transform: translateY(-6px); }
    45% {-webkit-transform: translateY(4px); transform: translateY(4px);}
    60% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}
    75% {-webkit-transform: translateY(1px);transform: translateY(1px);}
    90% {-webkit-transform: translateY(0);transform: translateY(0);}
}
.wobble{
    -webkit-animation:wobble 1s ease-in-out 0s 1;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
/* Bio Home */
.linkList-wrapper{width: 1120px;padding: 0 20px 100px;margin: 28px auto 0;}
.linkList__head{display:flex;justify-content: space-between;align-items: center;height:88px;padding: 0 24px 0 20px;font-size: 16px;background-color: #FFFFFF;box-shadow: 1px 1px 3px 0 rgba(2,27,57,0.12);border-radius: 16px;}
.linkList__head .total__txt{font-size: 18px;font-weight: 500; color: #333333;line-height: 30px;}
.linkList__head .total__num{float: right; width: 50px; height: 30px; line-height: 30px;  margin-left: 12px; color: #ffffff;text-align: center;font-size: 17px;background-color: var(--theme-color);border-radius: 15px;}
.linkList__head .search_block{position: relative;flex: 1;max-width:366px;margin-left: 10px;}
.linkList__head .search_block .iconfont{position: absolute;top: 50%;left: 12px;transform: translateY(-50%);font-size: 18px;color: #999999;}
.linkList__head .search_block input{width:100%;height:48px;padding: 0 15px 0 40px;border: 1px solid #DFDFDF;border-radius: 8px;}
.linkList__head .search_block input:hover{border: 1px solid #AAAAAA;}
.linkList__head .search_block input::-ms-input-placeholder{color: #AAAAAA;}
.linkList__head .search_block input::-webkit-input-placeholder{color: #AAAAAA;}
.linkList__head .search_block input::-moz-placeholder{color: #AAAAAA;}
.linkList__head .search_block input:focus{border: 1px solid #187fff;}
.linkList-filter{margin-left:10px;}
/* .linkList-filter .v-select__toggle{min-width: 130px;height: 48px;line-height:46px;border-radius:8px;} */
/* .linkList-filter .v-select__arrow {margin-left:8px;}
.linkList-filter .v-select__menu{padding:0}
.linkList-filter .v-select__menu-item{padding: 0; height: 36px;border-radius: 0;line-height: 36px;text-indent: 10px;white-space: nowrap;}
.linkList-filter .v-select__menu-item.selected{background-color: rgba(204,204,204,.1);color: var(--theme-color);}
.linkList-filter .v-select__menu-item:hover{color: var(--theme-color);background-color: initial;} */



.linkList-filter__sort{min-width: 150px;}
.linkList-filter__part{min-width: 130px;}
.linkList-filter .v-dropdown-toggle{height: 48px;line-height: 46px;}
.linkList-filter .v-dropdown-menu{padding: 0;}
.linkList-filter .v-dropdown-item{min-width: 120px;height: 36px;line-height: 36px;padding-left: 10px;}
.linkList-filter .v-dropdown-item.selected{background-color: rgba(204,204,204,.1);color: var(--theme-color);}
.linkList-filter .v-dropdown-item:hover{color: var(--theme-color);background-color: initial;}


/*.linkList__filter{position: relative;display: flex;justify-content: center;align-items: center;min-width: 130px;height: 50px;padding: 0 4px;box-sizing: content-box;border: 1px solid #DFDFDF;border-radius: 5px;cursor: pointer;}*/
/*.linkList__filter:hover{border: 1px solid #AAAAAA;}*/
/*.linkList__filter .filter__title{margin-right:10px;color: rgba(7,4,3,0.9);}*/
/*.linkList__filter .filter__arrow{display:inline-block;color: #9E9E9E;}*/
/*.linkList__filter .filter__list{width: 100%;box-sizing: content-box;border:1px solid rgba(34,34,34,0.1);border-radius: 0 0 6px 6px;display: none;background-color: #ffffff;position: absolute;top: 48px;left:-1px;z-index: 1;}*/
/*.linkList__filter .filter__item{height: 36px;line-height: 36px;text-indent: 10px;white-space: nowrap;}*/
/*.linkList__filter .filter__item:hover{color:var(--theme-color);}*/
/*.linkList__filter .filter__item.selected{background-color: rgba(204,204,204,.1);color: #FF6541;}*/
/*.linkList__filter.opened{border-radius:5px 5px 0px 0px;}*/
/*.linkList__filter.opened .filter__arrow{transform: rotate(180deg);}*/
/*.linkList__filter.opened .filter__list{display: block;}*/




.linkList__head .linkList-create__btn{min-width: 130px;height:48px;padding: 0 12px;margin-left:10px;text-align: center;background-color:var(--theme-done-color);border-radius:8px;color: #ffffff;}
.linkList__head .linkList-create__btn:hover{background-color: var(--theme-done-color-hover);}
.linkList__head .linkList-create__btn i{margin-left: 4px;font-size: 12px;}
.linkList_main {margin-top: 16px;background-color: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 16px;}
.linkList_main .links_item{position:relative;padding: 22px 24px 22px;border-bottom: 1px solid #E4E8ED;}
.linkList_main .links_item--state{padding-top:8px;}
.linkList_main .links_item .block{display: flex;align-items: center;justify-content: space-between;}
.linkList_main .links_item .state{display: inline-block;margin-bottom: 6px;vertical-align: middle;cursor: pointer;}
.linkList_main .links_item .state img{width: 18px;margin-right: 4px;}
.linkList_main .links_item .state span{text-decoration: underline;vertical-align: middle;}
.linkList_main .links_item .deactivate{color: #D81E06;}
.linkList_main .links_item .review{color: #F4B122;}
.linkList_main .links_item .promote{color: #FF6541;}
.linkList_main .links_item .expired{color: #D81E06;}
.links_item__expired{position: absolute;top:0;bottom:0;right:0;left:0;background: rgba(255,255,255,0.8);border-radius: 16px;}
.links_item__expired .expired-activate{width: 136px;height: 44px;float: right;margin-top: 24px;margin-right: 24px;background: #000000;border-radius: 8px;color: #ffffff!important;text-align: center;line-height: 44px;}
.linkList_main .left-infobox{display: flex;align-items: center;width: 30%;}
.linkList_main .left-infobox .avatar_block{position: relative;margin-right: 14px;}
.linkList_main .left-infobox .avatar{width: 80px;height: 80px;object-fit: cover;object-position: center;border-radius: 10px;}
.linkList_main .left-infobox .avatar_badge {position: absolute;bottom: 4px;right: 4px;}
.linkList_main .left-infobox .avatar_badge img {width: 22px;}
.linkList_main .left-infobox .info-row{width: calc(100% - 95px);}
.linkList_main .left-infobox .info-row .row1{display: inline-block;padding:4px 6px;font-size: 12px; color: #fff; border-radius: 6px;text-align: center;text-overflow: ellipsis;overflow: hidden;}
.linkList_main .left-infobox .info-row .row-biolink{background-color: rgba(31,170,244,0.16);color: #1FAAF4;}
.linkList_main .left-infobox .info-row .row-page{background-color: rgba(143,83,255,0.15);color: #955CFF;}
.linkList_main .left-infobox .info-row .row-profile{background-color: rgba(255,161,0,0.17);color:#F08000}
.linkList_main .left-infobox .info-row .row-litesite{background-color: rgba(234, 45, 190,.16);color:#EA2DBE}
.linkList_main .left-infobox .info-row .row-sitecard{background-color: rgba(234, 45, 190,.16);color:#EA2DBE}
.linkList_main .left-infobox .row2{margin: 2px 0;color: #070403;font-size: 16px;font-weight: 500; }
.linkList_main .left-infobox .row3 a{display:block;color: #999999;font-size: 12px;text-decoration:underline;}
.linkList_main .left-infobox .row3 a i{display:none}
/*.linkList_main .left-infobox a[data-domain="instabio.cc"]{text-decoration:underline;display:flex;align-items:center;cursor:pointer;}*/
/*.linkList_main .left-infobox a[data-domain="instabio.cc"] i{display:inline-block;margin-left:3px}*/
/*.linkList_main .left-infobox a[data-domain="instabio.cc"] i::before{transform:rotate(180deg)}*/
.linkList_main .middle-visit{display: flex;flex-direction: column;align-items: center;margin-left: 50px;}
.linkList_main .middle-visit .row1{color: #070403;font-size: 20px;font-weight: 500;}
.linkList_main .middle-visit .row2{font-size: 16px;color:#666666;}
.linkList_main .right-toolbox{display: flex;align-items: center;margin-left: auto;}
.linkList_main .right-toolbox .tool-item{display: flex;align-items: center;justify-content: center;position: relative;width: 60px;height: 60px;border-radius: 8px;border: 1px solid #eeeeee;text-align:left}
.linkList_main .right-toolbox .tool-item:not(:last-child){ margin-right: 15px;}
.linkList_main .right-toolbox .tool-item>i{font-size: 26px;color: #999999;}
.linkList_main .right-toolbox .tip{display: none;position: absolute;top: -30px;padding: 4px 10px;width: max-content;line-height:normal;background-color: #eeeeee;border-radius: 4px;color: #666666;font-size: 12px;}
.linkList_main .right-toolbox .tool-item:hover{background-color:var(--theme-color);border-color:var(--theme-color);}
.linkList_main .right-toolbox .tool-item:hover i{color: #ffffff;opacity: 1;}
.linkList_main .right-toolbox .tool-item:hover .tip{display: inline;}
.linkList_main .right-toolbox .share__block{display: none;position: absolute;top: 70px;left: 50%;transform: translate(-50%);z-index: 999;width: 190px;background-color: #ffffff;border-radius: 6px;color: #333;box-shadow: 0px 0px 10px 0px rgb(0,0,0,.2);}
.linkList_main .right-toolbox .share__block .item{padding: 8px 0 8px 30px;cursor: pointer}
.linkList_main .right-toolbox .share__block .item:first-child{border-bottom: 1px solid #eeeeee;}
.linkList_main .right-toolbox .share__arrow{width:50px;height:25px;position:absolute;top:-25px;left:50%;transform:translateX(-50%);overflow:hidden}
.linkList_main .right-toolbox .share__arrow::after{content:"";position:absolute;width:22px;height:22px;background:#fff;transform:translateX(-50%) translateY(-50%) rotate(45deg);top:28px;left:50%;border-radius:5px;box-shadow:0 0 8px 2px rgb(0,0,0,.2)}
/* .linkList_main .right-toolbox .tool-fold__block{position: absolute;right: -10px;top: 60px;z-index: 999;display: none;width: 130px;padding: 10px 4px;background-color: #ffffff;border-radius: 6px;color: #333;box-shadow: 0px 0px 10px 0px rgb(0,0,0,.2);}
.linkList_main .right-toolbox .tool-fold__block .item{height: 30px;line-height:30px;padding: 2px 0 2px 6px;font-size: 0;border-radius: 4px;cursor: pointer}
.linkList_main .right-toolbox .tool-fold__block .item:hover{background-color: #eeeeee;}
.linkList_main .right-toolbox .tool-fold__block .item span{margin-left: 10px;vertical-align: middle;font-size: 14px;}
.linkList_main .right-toolbox .tool-fold__block i{width:18px;height:18px;vertical-align: middle}
.linkList_main .right-toolbox .tool-fold__block [data-tool="linkurl"] i{background-position: -5px -63px;}
.linkList_main .right-toolbox .tool-fold__block [data-tool="advance"] i{background-position: -29px -63px;}
.linkList_main .right-toolbox .tool-fold__block [data-tool="copypage"] i{background-position: -54px -64px;}
.linkList_main .right-toolbox .tool-fold__block [data-tool="delete"] i{background-position: -77px -63px;} */

.linkList_main .tool-fold__block{position: absolute;top: 100%;margin-top: 4px;z-index: 99;display: none;width: 130px; padding: 10px 4px;background: #fff;border-radius: 6px;box-shadow: 0px 0px 10px 0px rgb(0,0,0,.2);}
.linkList_main .tool-fold{position: relative;}
.linkList_main .tool-fold.opened .tool-fold__block{display: block;}
.linkList_main .tool-fold__block .v-dropdown-item{height: 30px;line-height:30px;padding: 2px 0 2px 6px;font-size: 0;border-radius: 4px;cursor: pointer}
.linkList_main .tool-fold__block .v-dropdown-item:hover{background-color: #eeeeee;}
.linkList_main .tool-fold__block .v-dropdown-item span{margin-left: 10px;vertical-align: middle;font-size: 14px;}
.linkList_main .tool-fold__block i{width:18px;height:18px;vertical-align: middle}
.linkList_main .tool-fold__block [data-tool="linkurl"] i{background-position: -5px -63px;}
.linkList_main .tool-fold__block [data-tool="advance"] i{background-position: -29px -63px;}
.linkList_main .tool-fold__block [data-tool="copypage"] i{background-position: -54px -64px;}
.linkList_main .tool-fold__block [data-tool="delete"] i{background-position: -77px -63px;}
.linkList_main .tool-fold__block [data-tool="rename"] i{background-position: -54px -91px;}
/* .linkList_main .right-toolbox .opened .tool-fold__block{ display:block}
.linkList_main .right-toolbox .opened .share__block{display:block} */

.linklist__blank{padding: 6px 0 48px;text-align: center;background-color:#ffffff; }
.linklist__blank img{width:280px;}
.linklist__blank .blank__title {margin-top: 24px;font-size: 16px;font-weight: 500;}
.linklist__blank .blank__desc{margin-top: 10px;}
.linklist__blank .blank__btn{width:268px;margin-top: 30px;}
.linkResult__blank {padding: 118px 0 126px;text-align: center;}
.linkResult__blank img{width:94px;}
.linkResult__blank .blank__desc{margin-top: 40px;font-size: 16px;}
.qrcode-pop .m-modal__header{text-align: center;}
.qrcode-pop .qrcode__save{display:block;width:280px;height:42px;line-height:42px;margin:20px auto 0;text-align: center;background-color:var(--theme-color);border-radius:6px;color:#fff;}
.qrcode-pop #qrlogo{display:none}
.qrcode-pop #qrcode img{margin:0 auto;width:240px;}
.qrcode__body #qrcode canvas{display:none}
.migrateDomain__body .migrateDomain__txt{margin-bottom:20px;color:#666;font-size:14px;line-height:24px}
.migrateDomain__body .migrateDomain__title{text-align:center;font-weight:600;font-size:20px;margin-bottom:24px;}
.migrateDomain__body .migrateDomain__subtitle{font-weight:600;font-size:16px}
.migrateDomain__body .migrateDomain__action button{width:100%;height:50px;border-radius:var(--theme-corner-block)}
.create-link-upgrade-modal .m-modal__header{font-size: 20px;text-align: center;font-weight: 700;}
.create-link-upgrade-modal .m-modal__body{padding: 20px 40px 36px;}
.create-link-upgrade-modal .upgrade__desc{font-size: 16px;text-align: center;}
.create-link-upgrade-modal .upgrade__btn{width: 100%;margin-top: 28px;position: relative;}
.create-link-upgrade-modal .upgrade__btn img{position: absolute;top: -1px;left: -1px;border-top-left-radius: 8px;}
.rename-link-modal .v-form-group{margin-bottom: 8px;}
.rename-link-modal .tips{font-size: 12px; color: #666666;}

/*Editorblock*/
.editorblock{margin-bottom: 20px;}
.editorblock .editorblock__cont{position:relative}
.editorblock .editorblock__head{display:inline-flex;align-items:stretch;position:relative;min-width:52px;width: 100%;}
.editorblock .move{width: 26px;border-bottom-left-radius: 3px;background-size: 26px 52px;border-top-left-radius: 2px;background: #7E858C; display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.editorblock .move span{ background: #ffffff;display: block;width: 4px; height: 4px;  border-radius: 50%;}
.editorblock .move span:nth-child(2){ margin: 4px 0;}
.editorblock .editorblock__summary{width:100%;min-height: 52px;border:1px solid #E5E5E5;padding:10px;padding-left:14px;display: flex;align-items: center;outline:0;}
.editorblock .editorblock__summary .cover{width: 30px;height: 30px; object-fit: cover;border-radius: 50%;margin-right: 10px;}
.editorblock .editorblock__summary .text{display: flex;flex-direction: column;flex:auto;width:0; }
.editorblock .editorblock__summary .title{color: #3E4357;}
.editorblock .editorblock__summary p,.editorblock .editorblock__summary p i{font-size: 12px;color: #666;}
.editorblock .actions .icon{vertical-align:middle;cursor:pointer;width:30px;height:30px;display:inline-block;}
.editorblock .actions .icon.active { background-color: rgba(235, 235, 235, 1);}
.editorblock .action-color{background:url(https://bio.linkcdn.cc/instabio.cc/static/images/back/customize_color_btn@2x.png) center center no-repeat;background-size:20px;}
.editorblock .action-edit{background:url(https://bio.linkcdn.cc/instabio.cc/static/images/back/customize_btn@2x.png)center center no-repeat;;background-size:20px;}
.editorblock .action-remove{background:url(https://bio.linkcdn.cc/instabio.cc/static/images/back/customize_delete_btn@2x.png) center center no-repeat;background-size:20px;}
.editorblock .editorblock__cont .edit__item{display:none;overflow:hidden;border:1px solid rgba(229,229,229,1);border-top:none;padding: 20px;}
.editorblock .remove-edit{text-align:center;padding-bottom:20px}
.editorblock .remove-edit span{display:block;margin:20px 0}
.editorblock .remove-edit button{width:100px;height:36px;margin:0 5px;border:1px solid #FF6541;border-radius:2px;outline:0;}
.editorblock .remove-edit .cancel{color:#FF6541;background:#fff}
.editorblock .remove-edit .save{background:#FF6541;color:#fff}
.editorblock .btn_color i {width: 20px;height: 20px;vertical-align: middle; margin-right:8px;display: inline-block;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/back/customize_textcolor_icon@2x.png) center center no-repeat;background-size: 100%}
.editorblock .btn_bgcolor i {width: 20px;height: 20px;vertical-align: middle; margin-right:8px;display: inline-block;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/back/customize_btncolor_icon@2x.png) center center no-repeat;background-size: 100%}
.editorblock .dr_form-group{margin-bottom:16px;}
.editorblock .dr_form-group .icon_txt{ margin-bottom: 14px;}
.editorblock .dr_form-group input{width:100%;height:40px;border:1px solid rgba(223,223,223,1);border-radius:4px;text-indent:10px}
.editorblock .dr_form-group input:focus{border: 1px solid #187fff;}
.editorblock .dr_form-group>label{display: inline-block;margin-bottom:10px;}
.editorblock .dr_form-group textarea{width:100%;height:80px;background:rgba(255,255,255,1);border:1px solid rgba(223,223,223,1);border-radius:4px;resize:none;vertical-align:middle;padding-top:12px;padding-left:10px}
.editorblock .dr_form-group textarea:focus{border: 1px solid #1FAAF4;}
.editorblock .dr_form-group .msg{display:none;color:red;margin-left:12px;}
.editorblock .dr_form-group.err input{border: 1px solid red;}
.editorblock .dr_form-group.err .msg{display: block;}
.editorblock .pic_block{display: flex; align-items: center;}
.editorblock .pic-box {width: 100px;height: 100px;}
.editorblock .pic-box .img-box {position: relative;width: 100%;height: 100%;}
.editorblock .pic-box .img-null{position: relative;width: 100%;height: 100%;}
.editorblock .img-box img{width: 100%; height: 100%; object-fit: cover;}
.editorblock .img-null img{width: 100%; height: 100%; object-fit: cover;}
.editorblock .pic-box .cover-upload{width:100%;height:100%;cursor: pointer;}
.editorblock .pic-box .cover__block{width:100%;height:100%;position:relative;}
.editorblock .pic-box .cover__del{position: absolute;top: -10px;right: -8px;color: red;}
.editorblock .pic-box .cover__del img{width:16px;}
.editorblock .cover-upload:hover .img-box{opacity: .7;}
.editorblock .pic_button { margin-left: 28px;}
.editorblock .pic_button button {width: 140px; height: 36px; background: #FF6541; border-radius: 2px;color: #fff;font-size: 12px; display: block;}
.editorblock .pic_button button:not(:last-child) {margin-bottom: 20px;}
.editorblock .pic_del-btn{width: 18px;height: 18px; display: inline-block;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%; cursor: pointer; position: absolute; top: -5px;  right: -5px;}
.editorblock  .main-edit .save{width: 100px;height: 36px;background: #FF6541;border-radius: 2px;color: #ffffff;float: right;}
.editorblock  .color-edit .save{width: 100px;height: 36px;background: #FF6541;border-radius: 2px;color: #ffffff;float: right;}
.editorblock .function-module {margin-bottom: 20px;}
.editorblock .button-link > label{margin-bottom: 14px;display: inline-block;}
.editorblock .button-link .link-select-wrap{margin-bottom: 14px}
.editorblock .button-link .link-select{width: 100%;height:40px;line-height:40px;border:1px solid #dfdfdf;border-radius:4px;padding: 0 12px;cursor: pointer;}
.editorblock .button-link .link-select-wrap i{float: right;color:#8b8584;font-size: 14px;}
.editorblock .button-link .link-select-wrap.open i{transform: rotate(180deg)}
.editorblock .button-link .link-select__list{border: 1px solid rgba(223,223,223,1); border-top: none;display: none;}
.editorblock .button-link .link-select-wrap.open .link-select__list{display:block;}
.editorblock .button-link .link-select-wrap li{height: 30px;line-height: 30px;padding-left: 12px;cursor: pointer;}
.editorblock .button-link .link-select-wrap li:hover{color: var(--theme-color);}
.editorblock .button-link .link-select-wrap li.selected {background: var(--theme-color-light);color: var(--theme-color);}
.editorblock .button-link .urlstr_wrap .input-wrap{display: flex;flex-wrap: wrap;position: relative;}
.editorblock .button-link .urlstr_wrap .input-wrap .msg{color: red;display: none;}
/*.editorblock .button-link .urlstr_wrap .input-wrap div{display: flex; width: 100%;}*/
.editorblock .button-link .urlstr_wrap .whole{width: 100%;display: inline-block;margin-top: 6px;word-break: break-all;}
.editorblock .button-link .urlstr_wrap .whole:empty{display: none;}
.editorblock .button-link .urlstr_wrap input[name='url']{width:100%; height:40px; padding:0 36px 0 12px;border:1px solid rgba(223,223,223,1);border-radius:4px;}
.editorblock .button-link .urlstr_wrap input[data-type='4']{padding:0 0 0 12px;}
.editorblock .button-link .urlstr_wrap input[data-type='8']{padding:0 0 0 12px;}
.editorblock .button-link .urlstr_wrap input[name='code']{width:80px; height:40px;padding-left: 12px;margin-right: 16px;border:1px solid rgba(223,223,223,1);border-radius:4px;}
/*.editorblock .button-link .url-state__icon{position: absolute;top: 12px;right: 14px;width: 16px;height: 16px;cursor: pointer;}*/
/*.editorblock .button-link .url-state--del{background: url(https://bio.linkcdn.cc/instabio.cc/static/images/delete_fill.svg) center no-repeat;background-size:cover;}*/
/*.editorblock .button-link .url-state--add{background: url(https://bio.linkcdn.cc/instabio.cc/static/images/link_add.png) center no-repeat;background-size: cover;}*/
.editorblock .link-option{border-bottom: 1px solid #EEEEEE;padding:20px 0 16px;margin-bottom: 20px;}
.editorblock .link-option .link-option__item{margin-top: 10px}
.editorblock .link-option i{margin-right: 4px}
.editorblock .button-embed{border-bottom: 1px solid #EEEEEE;padding-bottom: 10px;}
.editorblock .button-embed span {vertical-align: middle;color: #777777;}
.editorblock .button-embed .button-embed__btn {float: right;color: var(--theme-color);}
.editorblock .statusBox .title{display: flex;margin-bottom: 20px;}
.editorblock .statusBox .title label{margin-right: 10px;}
.editorblock .statusBox .switch-btn{margin-left: auto;}
.editorblock .status {display: flex;flex-wrap: wrap;}
.editorblock .statusBox .item{width:45%;margin-bottom: 26px;}
.editorblock .statusBox .wrap{width: fit-content}
.editorblock .statusBox img{margin-left: 8px}
.editorblock .status span{margin-left:5px;vertical-align: middle}
.editorblock .featuredBox .title{display: flex;justify-content: space-between;}
.editorblock .featuredBox .tip{ margin: 10px 0 18px; color: #AAAAAA;}
.editorblock .featured{display: flex;flex-wrap: wrap;}
.editorblock .featured .item{width: 45%;margin-bottom: 20px;}
.editorblock .featured .wrap{width: fit-content}
.editorblock .featured span{width:86px;height:30px;margin-left: 5px;background:rgba(68,68,68,1);border-radius: 4px;color: #FFFFFF;display: inline-block; text-align: center; line-height: 30px;}
.drags_box[data-drag=image] .editorblock__summary .cover{width: 52px;height: 52px;border-radius: 2px;}
.drags_box[data-field=product] .editorblock__summary .cover{width: 52px;height: 52px;border-radius: 2px;}
/*Link Page*/
.mypage-main{display:flex;min-width:1200px;margin-left:90px;padding-top: 70px;}

/* Topbar*/
.mypage-topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:70px;box-sizing: content-box;line-height:70px;background-color:#fff;border-bottom:1px solid #e5e5e5}
.mypage-topbar .topbar-nav{float:left;color:#666;font-size:16px}
.mypage-topbar .topbar-nav .nav__item{float:left}
.mypage-topbar .topbar-nav .home{width:90px;padding:0 22px;height:54px;margin:8px 0;line-height:normal;border-right:1px solid #eee}
.mypage-topbar .topbar-nav .home a{color:inherit}
.mypage-topbar .topbar-nav .home span{display:inline-block;width:44px;height:44px;margin:5px 0;line-height:42px;border:1px solid #dfdfdf;border-radius:50%;text-align:center;cursor:pointer}
.mypage-topbar .topbar-nav .home span:hover{background-color:var(--theme-color-light);color:var(--theme-color);border:1px solid var(--theme-color-light)}
.mypage-topbar .topbar-nav .home i{font-size:26px}
.mypage-topbar .topbar-nav .help{margin:0 32px 0 28px}
.mypage-topbar .topbar-nav .help a{padding:4px;color:inherit}
.mypage-topbar .topbar-nav .upgrade a{display:inline-block;width:94px;line-height:40px;background:var(--theme-color-light);color:var(--theme-color);text-align:center;border-radius: 6px;cursor:pointer;}
.mypage-topbar .topbar-nav .device{display: none;float:left;border-right:1px solid #dfdfdf;padding:0 22px}
.mypage-topbar .topbar-nav .device span{display:inline-block;height:40px;width:40px;line-height:40px;margin:0 10px;text-align:center;border-radius:8px;cursor:pointer;vertical-align:middle}
.mypage-topbar .topbar-nav .device i{font-size:26px}
.mypage-topbar .topbar-nav .device .active{background:var(--theme-color-light);color:var(--theme-color)}
.mypage-topbar .topbar-action{float:right;display: flex;height: 100%;align-items: center;}
.mypage-topbar .topbar-action .back-editor,.topbar-action .preview,.topbar-action .save{float:left}
.mypage-topbar .topbar-action buttton{height: 38px;}
.mypage-topbar .topbar-action .back-editor{font-size:16px;display: none;}
.mypage-topbar .topbar-action .save{margin: 0 20px;}
.mypage-topbar .topbar-action .bg--gray{color:#333;border:1px solid #dfdfdf}
.mypage-topbar .topbar-title{position:absolute;top:0;left:0;z-index:-1;width:100%;line-height:70px;font-size:20px;font-weight:500;text-align:center}
/* Sidebar*/
.mypage-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:101;color:#7B8087;background-color:#fff;border-right:1px solid #e5e5e5}
.mypage-sidebar .sidebar__inner{position: relative;width:90px;height: 100%;}
.mypage-sidebar .sidebar__home-wrap{line-height: 70px;text-align: center;color: #979BA0;}
.mypage-sidebar .sidebar__home{display:inline-block;width: 44px;height: 44px;text-align: center;color:#979ba0;line-height: 42px;vertical-align: middle;border: 1px solid #DFDFDF;border-radius: 50%;}
.mypage-sidebar .sidebar__home i{font-size:24px;}
/*.mypage-sidebar .sidebar__nav--top{padding-top:48px;}*/
.mypage-sidebar .sidebar__nav--top .nav-item{position:relative;cursor:pointer}
.mypage-sidebar .sidebar__nav--top .nav-item:not(:last-child){margin-bottom:36px;}
.mypage-sidebar .sidebar__nav--top .nav-item__icon-wrap{width: 40px;height: 40px;margin:0 auto;border-radius: 6px;text-align: center;line-height: 40px;}
.mypage-sidebar .sidebar__nav--top .active .nav-item__icon-wrap{background:var(--theme-color-light);color:var(--theme-color);}
.mypage-sidebar .sidebar__nav--top .nav-item i{font-size:24px;vertical-align:middle;}
.mypage-sidebar .sidebar__nav--top .nav-item:hover{color:var(--theme-color);}
.mypage-sidebar .sidebar__nav--top .nav-item__title-wrap{display: none;position: absolute;top: 0;left: 82px;width: 126px;height: 40px;color:#333;}
.mypage-sidebar .sidebar__nav--top .nav-item:hover .nav-item__title-wrap{display: block;}
.mypage-sidebar .sidebar__nav--top .nav-item__title{text-align: center;line-height: 40px;font-size: 16px; background-color: #fff;box-shadow: 0px 0px 8px 0px rgba(2,27,57,0.12);}
.mypage-sidebar .nav-item__title-wrap:after{content: "";position: absolute;width: 6px;height: 10px;background: url(https://bio.linkcdn.cc/instabio.cc/images/triangle.png) no-repeat center center;top: 0px;left: -6px;background-size: cover;overflow: hidden;}
.mypage-sidebar .sidebar__nav--btm{position: absolute;bottom: 0;left: 0;width: 100%;}
.mypage-sidebar .sidebar__nav--btm::before{display:block;height:1px;margin:0 16px;background-color:#E4E8ED;content:'';}
.mypage-sidebar .sidebar__nav--btm .nav-item{margin-bottom: 48px;text-align: center;}
.mypage-sidebar .sidebar__nav--btm .rocket-icon{width:22px;height:34px;background-position: -319px -4px;}
.mypage-sidebar .nav-line{height:1px;margin:0 16px 45px;background-color:#E4E8ED;}
.mypage-sidebar .nav-item__help i{font-size: 26px;color: #7B8087}
 /*Linkpage View*/
.mypage-view{display: flex;flex-direction: column;position: sticky;top:70px;height: calc(100vh - 70px);width: 520px; flex: none;background-color: #ffffff; border-left: 1px solid #EEEEEE;}
.mypage-view__top{display: flex;align-items: center;flex: none;height: 78px;margin: 0 20px;border-bottom: 1px solid #EEEEEE;}
.mypage-view__top .inst__logo{width: 44px;flex: none;margin-right: 5px;}
.mypage-view__top .link-copy{min-width: 88px;height: 42px;border: 1px solid #999999;flex: none;}
.mypage-view__top .link-copy.copied{background-color: var(--theme-color);border-color: var(--theme-color);color: #fff;}
.mypage-view__top .link-url__edit{width: 100%;margin-right: 16px;white-space: nowrap;}
.mypage-view__top .url__txt--link{display: inline-block;max-width: 300px;line-height: normal;font-size: 18px;text-decoration: underline;vertical-align: middle;}
.mypage-view__top .url__txt--icon{display: inline-block;line-height: normal;padding: 4px;margin-left: 4px;color:#8b8584;vertical-align: middle;cursor: pointer;}
.mypage-view__top .url__txt--icon i{font-size: 22px;}
.mypage-view__main{position: relative;display: flex; align-items: center; justify-content: center;flex: 1 0 auto;height: calc(100% - 78px); }
/* .mypage-view__phone{ position: absolute; top: 50%; left: 50%;max-width: 350px;width: 90%;margin-top: -10px;transform: translate(-50%, -50%);} */
/*.mypage-view .preview{position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);width:344px;height:660px;max-height:calc(100% - 78px);border:12px solid #000;border-radius:36px;overflow:hidden}*/
/* .mypage-view__phone{transform: scale(0.9)} */
.mypage-view .scaled-device{transform: scale(0.9);}
@media  screen and (max-height: 850px){
  .mypage-view__phone {
    transform:scale(0.8);
  }
}
.mypage-view .iframe-wrap{position: relative; width: 414px; height: 776px;border:14px solid #212529;border-radius:44px;overflow:hidden;}
/* .mypage-view .device-view{display: block; position: relative;} */
/* .mypage-view .device-view::after {content: "";display: block; padding-top: 202%;} */
.siteCard-iframe{position: relative;transform: translate(0,0);}
.siteCard-iframe iframe{width: 100%;}
.siteCard-iframe .page-btn-prev, .siteCard-iframe .page-btn-next{position: absolute;top: 50%;transform: translateY(-50%);background-color: #FF6541;color: #ffffff;width: 20px;height: 20px;text-align: center;border-radius: 50%;cursor: pointer;}
.siteCard-iframe .page-btn-prev{left: 2px;}
.siteCard-iframe .page-btn-next{right: 2px;}
.siteCard-iframe .page-btn-prev.disabled, .siteCard-iframe .page-btn-next.disabled{opacity: .4;cursor: auto;pointer-events: none;}
.siteCard-iframe .page-pagination{position: absolute;top:10px; width: 100%;text-align: center;}
.siteCard-iframe .page-pagination:empty{display: none;}
.siteCard-iframe .page-bullet{display: inline-block;width: 8px;height: 8px;margin: 0 4px; border-radius: 50%;background-color:#dddddd;vertical-align: middle;cursor: pointer;}
.siteCard-iframe .page-bullet.page-bullet-active{background-color:var(--theme-color);}
.c-current-page{position: absolute;top: 0;left: 0;padding: 10px 12px;margin: 12px 20px;background-color: #EEEEEE;font-size: 16px;border-radius: 8px;}
.mypage-view--sidecard .mypage-view__phone{margin-top: 10px;}
/*Preview*/
.mypage-preview .mypage-sidebar{display:none}
.mypage-preview .mypage-panel{display:none}
.mypage-preview .mypage-view{display:none}
.previewMode{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:360px;height:660px;max-height:calc(100vh - 70px);padding:20px;box-sizing:content-box}
.previewMode.previewMode--desctop{position:fixed;top:70px;bottom:0;left:0;right:0;transform:translate(0,0);padding:0;width:100%;height:100%}
.mypage-preview .topbar-nav .home{display: none;}
.mypage-preview .topbar-nav .help{display: none;}
.mypage-preview .topbar-nav .upgrade{display: none;}
.mypage-preview .topbar-nav .device{display: block;}
.mypage-preview .topbar-action .back-editor{display: block;color: var(--theme-color)}
.mypage-preview .topbar-action .preview{display: none;}
.mypage-preview .topbar-action .save{display: none;}
/* mp-block */
.mp-block__title{margin-bottom:16px;font-size: 18px;font-weight: 500;}
.mp-block__add .add-block-btn{width:100%;height:52px;border-radius: var(--theme-corner-block);}
.mp-block .block-box{display:flex;align-items:center;margin-bottom:20px;height:58px;background-color: #FFFFFF;color:#7B8087;box-shadow: 1px 1px 3px 0 rgba(2,27,57,0.12);border-radius: 10px;cursor: pointer;}
.mp-block .block-box__move{width: 60px;height: 100%;position: relative;flex: none;}
.mp-block .block-box__move i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); font-size: 17px;}
.mp-block .block-box__move.drag-handle{cursor: grab;}
.mp-block .block-box__text{width:100%;margin-left:2px;color: #333333;font-size: 16px;font-weight: 500;}
.mp-block .block-box__action{flex:none;padding-right:10px;font-size:0}
.mp-block .block-box__action .action-item{display: inline-block;width: 34px;height: 34px;;text-align: center;line-height: 34px;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.mp-block .block-box__action .action-item:hover{background-color: #F5F5F5;color:#333333;}
.mp-block .block-box__action .action-item i{font-size:20px}
.mp-block .block-box[data-type="11"] .dropdown{display: none;}
.block-toolbar-pop{border-radius: 12px;max-height:90vh;}
.block-toolbar-pop .m-modal__header{padding: 12px 20px;text-align: center;font-size: 20px;font-weight: 600;border-bottom: 1px solid #E4E8ED;}
.block-toolbar-pop .m-modal__body{padding: 24px;max-height:calc(90vh - 56px);overflow:auto}
.block-toolbar-pop .block-toolbar__title{ margin-bottom:10px;font-size: 20px;font-weight: bold;}
.block-toolbar-pop .block-toolbar__list{display: flex;flex-wrap: wrap;margin-right: -20px;}
.block-toolbar-pop .block-toolbar__item{width: 140px;margin: 0 20px 20px 0;text-align: center;cursor: pointer;}
.block-toolbar-pop .block-toolbar__item[data-tool="shopee"]{display:none;}
.block-toolbar-pop .block-toolbar__item:nth-child(4n){margin-right:0;}
.block-toolbar-pop .block-toolbar__item .cover-block{position: relative;box-shadow: 0px 0px 12px 0px rgba(14,47,74,0.12);border-radius: 14px;}
.block-toolbar-pop .block-toolbar__item.fee .cover-block:after{content:"";width: 38px;height:24px;display: block;position: absolute;top: 4px;right: 4px;background: url(https://bio.linkcdn.cc/instabio.cc/images/pro_icon3.png) no-repeat center;background-size: cover;}
.block-toolbar-pop .block-toolbar__item.new .cover-block:after{content:"";width: 32px;height:32px;display: block;position: absolute;top: -10px;left: -10px;background: url(https://bio.linkcdn.cc/instabio.cc/images/new-cmpt-icon.png) no-repeat center;background-size: cover;}
.block-toolbar-pop .block-toolbar__item img{width: 140px;height: 140px;}
.block-toolbar-pop .block-toolbar__item .title{font-size: 16px;font-weight: 500;margin-top: 10px;}


.bioblock-toolbar-pop{display: flex;flex-direction: column;min-height: 600px;border-radius: 12px;}
.bioblock-toolbar-pop .m-modal__header{font-weight: 700;font-size: 20px;}
.bioblock-toolbar-pop .m-modal__body{display: flex;flex-direction: column;padding: 0;overflow:auto;}
.bioblock-toolbar-pop .block-menu__wrap{margin:18px 0 0;flex:none;overflow: auto}
.bioblock-toolbar-pop .block-menu__wrap::-webkit-scrollbar{display: none;}
.bioblock-toolbar-pop .block-menu__tabs{display:flex;width: max-content;min-width: 100%;border-bottom:1px solid #E4E8ED;}
.bioblock-toolbar-pop .block-menu__tabs{overflow: auto;position: relative;scroll-behavior: smooth;width: 100%;white-space: nowrap;}
.bioblock-toolbar-pop .block-menu__tabs::-webkit-scrollbar {display: none;}

.bioblock-toolbar-pop .block-toolbar__wrap {padding: 22px 24px 0;overflow-y: auto;}
.bioblock-toolbar-pop .block-toolbar:not(:first-child){display: none;}
.bioblock-toolbar-pop .tab-item:first-child{margin-left:24px;}
.bioblock-toolbar-pop .tab-item{margin-right:24px;padding-bottom: 20px;border-bottom: 2px solid transparent;font-size: 16px;font-weight: 500;color: #666666;cursor: pointer;user-select:none}
.bioblock-toolbar-pop .tab-item.active{color: var(--theme-done-color);border-bottom: 2px solid var(--theme-done-color);}
.bioblock-toolbar-pop .block-toolbar__title{ margin-bottom:10px;font-size: 20px;font-weight: 700;}
.bioblock-toolbar-pop .block-toolbar__list{display: flex;flex-wrap: wrap;margin-right: -20px;}
.bioblock-toolbar-pop .block-toolbar__item{width: 140px;margin: 0 20px 20px 0;text-align: center;cursor: pointer;}
.bioblock-toolbar-pop .block-toolbar__item.disabled{cursor: not-allowed;}
.bioblock-toolbar-pop .block-toolbar__item:nth-child(4n){margin-right:0;}
.bioblock-toolbar-pop .block-toolbar__item .cover-block{position: relative;box-shadow: 0px 0px 12px 0px rgba(14,47,74,0.12);border-radius: 14px;}
.bioblock-toolbar-pop .block-toolbar__item.fee .cover-block:after{content:"";width: 38px;height:24px;display: block;position: absolute;top: 4px;right: 4px;background: url(https://bio.linkcdn.cc/instabio.cc/images/pro_icon3.png) no-repeat center;background-size: cover;}
.bioblock-toolbar-pop .block-toolbar__item.new .cover-block:after{content:"";width: 32px;height:32px;display: block;position: absolute;top: -10px;left: -10px;background: url(https://bio.linkcdn.cc/instabio.cc/images/new-cmpt-icon.png) no-repeat center;background-size: cover;}
.bioblock-toolbar-pop .block-toolbar__item.disabled .cover-block::after{content: "";position: absolute;top: 0;left: 0;z-index: 1; width: 100%;height: 100%;background: rgba(0, 0, 0,.3);border-radius: 14px;}
.bioblock-toolbar-pop .block-toolbar__item img{width: 140px;height: 140px;}
.bioblock-toolbar-pop .block-toolbar__item .title{font-size: 16px;font-weight: 500; margin-top: 10px;}


.mypage-panel__list{width: 618px;margin: 0 auto;padding-bottom: 100px;}
.mp-blockEditor__top{display: flex;align-items: center;height: 58px;padding: 0 22px 0 25px;margin-bottom: 20px;background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2 ,27 ,57, .12);border-radius:var(--theme-corner-block);}
.mp-blockEditor__top .title{font-size:18px;font-weight: 500;}
.mp-blockEditor__top .action{margin-left:auto;display:flex;align-items:center}
.mp-blockEditor__top .action .switch-btn{margin-right:8px}
.mp-blockEditor__top .action-del,.mp-blockEditor__top .action-dropup{padding:8px;color:#666;vertical-align:middle;cursor:pointer}
.mp-blockEditor__top .action i{display: inline-block;font-size: 18px;}
.mp-blockEditor__top .action-dropup i{transform: rotate(180deg);}


.mp-blockEditor .mp-blockEditor__content.v-card{padding:24px;}
.mp-blockEditor .mp-blockEditor__content__title{font-size: 16px;font-weight: 500;}
.mp-blockEditor__content__desc{margin-bottom: 18px;color: #666666;}
.mp-blockEditor__content__hint{display: flex;align-items: center;margin-bottom: 20px;}
.mp-blockEditor__content__hint .explanation {position: relative;width: 24px;text-align: center;}
.mp-blockEditor__content__hint .explanation:hover .explanation__box {display: block;}
.mp-blockEditor__content__hint .explanation__box {display: none;position: absolute;top: 30px;left: 50%;z-index:99;width: 300px;padding: 6px 8px;margin-left: 20px;background: #FFFFFF;font-size: 12px;text-align: left;border: 1px solid #999999;border-radius: 4px;transform: translateX(-50%);}
.mp-blockEditor__content__hint .explanation__box::after {content: "";position: absolute;width: 16px;height: 10px;margin-left: -20px;background: url(https://bio.linkcdn.cc/instabio.cc/images/back/tooltip-arrow_border.png) no-repeat center center;top: -8px;left: 50%;transform: translateX(-50%);background-size: cover;overflow: hidden;}
.mp-blockEditor .mp-blockEditor__btn{position: relative;width: 100%;height: 54px;border-radius: var(--theme-corner-inner);}
.mp-blockEditor .mp-blockEditor__btn--arrow{position: absolute;top: 0;  bottom: 0; right: 0; width: 68px;  border-left: 1px solid #fff;}
.mp-blockEditor .mp-blockEditor__btn--arrow i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 20px;}
.mp-blockEditor .mp-blockEditor__action.up .mp-blockEditor__btn--arrow i{transform: translate(-50%, -50%) rotate(180deg);}
.mp-blockEditor .v-warn-tips{display:flex;width:100%;color:#333;background-color:var(--theme-warn-color-light);padding:8px 12px;border-radius:4px;}
.mp-blockEditor .v-warn-tips .warn-text{margin-right: 12px;}
.mp-blockEditor .v-warn-tips .warn-icon{color:var(--theme-warn-color-dark);margin-right:6px;line-height: normal;}
.mp-blockEditor .v-warn-tips .warn-icon::before{transform:rotate(180deg);}
.mp-blockEditor .v-warn-tips .warn-setting{display:inline-block;width: 20px;height: 20px;margin-left: auto;text-align: center;line-height: 20px;background: #666666;border-radius: 50%;color:#fff;flex:none;cursor: pointer;}
.mp-blockEditor .v-warn-tips .warn-setting i{font-size: 12px;}
.mp-blockEditor .mp-blockEditor__content #quill-editor{height: 200px;}

.block-editor__tab{border-bottom:1px solid #e4e8ed;display:flex;height:56px;align-items:center;font-weight:500;font-size:14px;color:#666}
.block-editor__tab .item{position:relative;height:100%;padding:0 8px;margin:0 16px;line-height:55px;cursor:pointer}
.block-editor__tab .item.active{color:var(--theme-color)}
.block-editor__tab .item.active::after{position:absolute;left:0;bottom:-1px;content:'';display:block;width:100%;height:4px;border-radius:6px 6px 0 0;background-color:var(--theme-color)}
.block-editor__content{padding:24px}
.block-editor__item{display:none}
.block-editor__item:first-child{display:block}
.block-editor-wrap .block__title{margin-bottom: 10px;font-weight: 500;}
.block-editor-wrap .style__subtype{display:flex;flex-wrap: wrap;margin-bottom: 6px;}
.block-editor-wrap .style__subtype .item{width:168px;height:148px;margin-right:20px;margin-bottom: 20px;text-align: center;line-height: 146px; border-radius:12px;border:1px solid #d8dbde;cursor: pointer;}
.block-editor-wrap .style__subtype .item img{width: 128px;}
.block-editor-wrap .style__subtype .item img:nth-child(2){display:none}
.block-editor-wrap .style__subtype .item.selected {outline: 2px solid var(--theme-color);border: 1px solid transparent;}
.block-editor-wrap .style__subtype .item.selected img{display:none}
.block-editor-wrap .style__subtype .item.selected img:nth-child(2){display:inline-block}
.block-gallery-wrap .style__subtype .item[data-type="cmpt-image-list"] img{width: 98px;}


.block-editor-wrap .style__path{display:flex;flex-wrap: wrap;margin-bottom: 6px;}
.block-editor-wrap .style__path .item{width:168px;height:148px;margin-right:20px;margin-bottom: 20px;text-align: center;line-height: 146px; border-radius:12px;border:1px solid #d8dbde;cursor: pointer;}
.block-editor-wrap .style__path .item img{width: 128px;}
.block-editor-wrap .style__path .item img:nth-child(2){display:none}
.block-editor-wrap .style__path .item.selected {outline: 2px solid var(--theme-color);border: 1px solid transparent;}
.block-editor-wrap .style__path .item.selected img{display:none}
.block-editor-wrap .style__path .item.selected img:nth-child(2){display:inline-block}

.block-editor-wrap .block__line{height: 1px;margin-bottom: 20px;border: none;background: #E4E8ED;}

/**     BUTTON      */
.biobutton-search {position: relative;display: flex;justify-content: space-between;vertical-align: middle;margin-bottom: 20px;padding: 16px 24px;background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.1216);border-radius: 12px;}
.biobutton-search .title{font-weight: 500;}
.biobutton-search .hint_btn{cursor:pointer;}
.biobutton-search i{margin-left: 4px;vertical-align: middle;font-size: 18px;}
.biobutton-search .hint_btn i:hover + .hint{display:block}
.biobutton-search .hint{display: none;position: absolute;padding: 16px;background: #FFFFFF;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);border-radius: 8px;z-index: 9;font-weight: 400}
.biobutton-sort {display: flex;justify-content: space-between;vertical-align: middle;margin-bottom: 20px;padding: 16px 24px;background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.1216);border-radius: 12px;}
.biobutton-sort .title{font-weight: 500;}

.button-collapsible{margin-bottom: 20px;padding: 15px 24px 24px; background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 10px;}
.button-collapsible .collapsible__top{position: relative;display: flex;justify-content: space-between;vertical-align: middle;margin-bottom: 8px;font-weight: 500;}
.button-collapsible .collapsible__top i{margin-left: 4px;vertical-align: middle;font-size: 18px;}
.button-collapsible .collapsible__top .hint_btn i:hover + .hint{display:block}
.button-collapsible .collapsible__top .hint_btn{cursor:pointer;}
.button-collapsible .hint{display: none;position: absolute;padding: 16px;background: #FFFFFF;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);border-radius: 8px;z-index: 9;left: -12px;top: 26px;}
.button-collapsible .hint img{width: 324px;}
.collapsible__desc{color: #666666;margin-bottom: 16px;}
.button-collapsible .words-length{position: absolute;right: 12px;top: 11px;color: #979BA0;}
.button-collapsible .v-input{padding-right: 60px;}
.button-collapsible .v-textarea{padding-right: 60px;}

.biobutton-wrapper .search-bar__main{margin-bottom: 20px;}
.biobutton-wrapper .search-bar__inner{position: relative;height: 44px;border-radius: 6px 6px 6px 6px;opacity: 1;border: 1px solid #D8DBDE;padding-left: 38px;}
.biobutton-wrapper .search-bar__icon{position: absolute;top: 50%;left: 6px;width: 32px;transform: translateY(-50%);font-size: 18px;color: #999999;line-height: 32px;text-align: center;cursor: pointer;}
.biobutton-wrapper .search-bar__input{height: 100%;width: 100%;border: none;background: transparent;}
.biobutton-wrapper .search-bar__close{display:none;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);color: #999999;cursor: pointer;}
.biobutton-wrapper .search-bar__blank{display:none;padding: 48px 0 56px;margin-bottom: 20px;background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.1216);border-radius: 12px;text-align: center;}
.biobutton-wrapper .search-bar__blank img{width:94px;margin-bottom: 32px;}
.biobutton-wrapper .search-bar__blank .blank__desc{font-weight:500}
.circular_box {margin:16px 0 20px 0px;}
.circular_box div{width: 20px; height: 20px;display: inline-block;border-radius: 50%;margin-right: 40px;position: relative;cursor: pointer}
.circular_box div:nth-child(1){background: #000000;border: 2px solid #000000;margin-bottom: 20px;}
.circular_box div:nth-child(2){background: #ffffff;border: 1px solid #dddddd;margin-bottom: 20px;}
.circular_box div:nth-child(3){background: #888888;border: 2px solid #888888;margin-bottom: 20px;}
.circular_box div:nth-child(4){background: #31f59d;border: 2px solid #31f59d;margin-bottom: 20px;}
.circular_box div:nth-child(5){background: #2c4ef5;border: 2px solid #2c4ef5;margin-bottom: 20px;}
.circular_box div:nth-child(6){background: #743af5;border: 2px solid #743af5;margin-bottom: 20px;}
.circular_box div:nth-child(7){background: #ff5a1f;border: 2px solid #ff5a1f;margin-bottom: 20px;}
.circular_box div:nth-child(8){background: #f8d849;border: 2px solid #f8d849;}
.circular_box div:nth-child(9){background: #ea427f;border: 1px solid #ea427f;}
.circular_box div:nth-child(10){background: #fa3737;border: 2px solid #fA3737;}
.circular_box div:nth-child(11){background: #6ab3f8;border: 2px solid #6ab3f8;}
.circular_box div:nth-child(12){background: #3777d8;border: 2px solid #3777d8;}
.circular_box div:nth-child(13){background: #77ce70;border: 2px solid #77ce70;}
.circular_box div:nth-child(14){background: #3d8730;border: 2px solid #3d8730;}
.circular_box div:nth-child(1) span{background: #000000;}
.circular_box div:nth-child(2) span{background: #ffffff;}
.circular_box div:nth-child(3) span{background: #888888;}
.circular_box div:nth-child(4) span{background: #31f59d;}
.circular_box div:nth-child(5) span{background: #2c4ef5;}
.circular_box div:nth-child(6) span{background: #743af5;}
.circular_box div:nth-child(7) span{background: #ff5a1f;}
.circular_box div:nth-child(8) span{background: #f8d849;}
.circular_box div:nth-child(9) span{background: #ea427f;}
.circular_box div:nth-child(10) span{background: #fa3737;}
.circular_box div:nth-child(11) span{background: #6ab3f8;}
.circular_box div:nth-child(12) span{background: #3777d8;}
.circular_box div:nth-child(13) span{background: #77ce70;}
.circular_box div:nth-child(14) span{background: #3d8730;}
.circular_box div.select:nth-child(2) {border: 2px solid #dddddd;}
.circular_box div.select:nth-child(2) span{border: 1px solid #dddddd;}
.circular_box div span {width: 13px;height: 13px;display:inline-block;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);}
.circular_box .select{background: #fff!important;}
.mp-blockEditor .add_link_btn{position: relative;;width: 100%;height: 52px;border-radius: 4px;margin-bottom: 20px;}
.mp-blockEditor .add_link_btn--arrow{position: absolute;top:0;right:0;width: 68px;height: 52px;line-height: 52px;border-left: 1px solid #fff;}
.mp-blockEditor .add_link_btn--arrow i{font-size: 20px;}
.mp-blockEditor .up .add_link_btn--arrow i::before{transform:rotate(180deg);}
.mp-blockEditor .add_social_btn{width: 100%;height: 52px;border-radius: 4px;margin-bottom: 20px;}
.mp-blockEditor[data-type=cover] .lpHeader-avatar__wrap{margin-bottom: 26px;font-size: 16px;}
.mp-blockEditor[data-type=cover] .lpHeader-avatar__inner{display: flex;flex-wrap: wrap;}
.mp-blockEditor[data-type=cover] .lpHeader-avatar__title{margin-bottom: 10px;}
.mp-blockEditor[data-type=cover] .lpHeader-verified{margin-left: 32px;}
.mp-blockEditor[data-type=cover] .lpHeader-avatar::after{content: "";}
.mp-blockEditor[data-type=cover] .avatar-box{position: relative;width:120px;height:120px;cursor:pointer;}
.mp-blockEditor[data-type=cover] .avatar-box[data-type="cover"]{width: 180px;height: 120px;}
.mp-blockEditor[data-type=cover] .avatar-box .img_block{width:100%;height:100%;border-radius:12px;overflow:hidden;}
.mp-blockEditor[data-type=cover] .avatar-box .img_block img{width:100%;height:100%;object-fit:cover;}
.mp-blockEditor[data-type=cover] .avatar-del{position: absolute;top: -10px;right: -8px;color: red;}
.mp-blockEditor[data-type=cover] .avatar-del img{width:20px;}
.mp-blockEditor[data-type=cover] .img_empty{width:100%;height:100%;border:1px solid #ddd;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.mp-blockEditor[data-type=cover] .img_empty i{color:rgb(255 197 187);font-size:20px;}
.mp-blockEditor[data-type=cover] .img_empty span{display:block;margin-top:8px;font-size:14px;color:#777}
.mp-blockEditor[data-type=cover] .avatar-action{margin-left:10px;background:#fff;border:1px solid #f2f2f2;box-shadow:0 4px 8px 0 rgba(142,142,142,.2);border-radius:4px;display:none}
.mp-blockEditor[data-type=cover] .avatar-action ul{padding:8px 10px}
.mp-blockEditor[data-type=cover] .avatar-action li{width:130px;height:30px;line-height:30px;border-radius:2px;padding-left:10px;cursor:pointer}
.mp-blockEditor[data-type=cover] .avatar-action li:hover{background-color:#f2f2f2}
.mp-blockEditor[data-type=cover] .avatar-action img{margin-right:18px}
.mp-blockEditor[data-type=cover] .badge__title{font-size: 16px;}
.mp-blockEditor[data-type=cover] .is-pro:before{left: 7px;top: 2px;}
.mp-blockEditor[data-type=cover] .badge-list{margin-top: 18px;}
.mp-blockEditor[data-type=cover] .badge-list li{float: left;width: 36px;height: 36px;margin-right: 6px;line-height: 30px;border: 2px solid transparent;border-radius:var(--theme-corner-inner);text-align: center;cursor: pointer;}
.mp-blockEditor[data-type=cover] .badge-list li.selected{border:2px solid var(--theme-color);}
.mp-blockEditor[data-type=cover] .badge-list img{width: 22px;}
.mp-blockEditor[data-type=cover] .badge-position {display: flex;align-items: center;margin-top: 16px;}
.mp-blockEditor[data-type=cover] .badge-position__title{margin-right: 8px;font-weight: 500}
.mp-blockEditor[data-type=cover] .badge-position__list{display: flex;height: 28px;padding:4px;background: #EBEDEF; border-radius: 8px;font-size:14px;}
.mp-blockEditor[data-type=cover] .badge-position__list .item{padding: 0 8px;height:20px;border-radius: 4px;text-align: center;cursor: pointer}
.mp-blockEditor[data-type=cover] .badge-position__list .active{color: #fff;background: var(--theme-color);}
.mp-blockEditor[data-type=cover] .lpHeader-avatar-wrap + .v-anmtLabel-control{margin-bottom: 20px}
.mp-blockEditor[data-type=cover] .lpHeader-avatar__style { display: flex; margin: 12px 0 16px 0;}
.mp-blockEditor[data-type=cover] .lpHeader-avatar__style li{ border: 1px solid #D8DBDE; border-radius: 12px; margin-right: 18px;width: 100px;  height: 100px; overflow: hidden;  cursor: pointer;}
.mp-blockEditor[data-type=cover] .lpHeader-avatar__style li.selected{ border: none;outline: 2px solid var(--theme-color)}
.mp-blockEditor__content .drags_box{border-bottom:1px solid transparent}
.mp-blockEditor[data-type="3"] .video-source{margin-bottom: 20px;}
.mp-blockEditor[data-type="3"] .video-source__title{font-size: 16px;}
.mp-blockEditor[data-type="3"] .video-source ul{display:flex}
.mp-blockEditor[data-type="3"] .video-source li{width:48px;text-align: center;line-height: 48px;}
.mp-blockEditor .embedlink-display{display: none;margin-top: 20px;}
.mp-blockEditor .link-option__item:not(:last-child){margin-bottom: 10px;}
.mp-blockEditor[data-type="16"] .v-anmtLabel-control:not(:last-child){margin-bottom: 20px;}
.mp-blockEditor[data-type="16"] .support__style li{float: left;margin-right: 20px;}
.mp-blockEditor[data-type="16"] .module-edit{border-top: 1px solid #EEEEEE;padding: 14px 0 20px;}
.mp-blockEditor[data-type="16"] .module-edit__desc {color: #999999;}
.mp-blockEditor[data-type="16"] .module-edit__btn{color: var(--theme-color);float:right;}
.mp-blockEditor[data-type="5"] .subtitle{line-height:40px;color:#666666;}
/* .mp-blockEditor .graphic-settings__top {margin-bottom: 20px;}
.mp-blockEditor .graphic-settings__tab {font-size: 18px;font-weight: 500;display: flex;}
.mp-blockEditor .graphic-settings__tab .item{margin-right: 40px;padding: 0 8px 8px 8px;border-bottom: 2px solid transparent;cursor: pointer;}
.mp-blockEditor .graphic-settings__tab .item.active{border-bottom: 2px solid var(--theme-active-color);color: var(--theme-active-color);}
.mp-blockEditor .graphic-settings__tab .item:hover{color: var(--theme-active-color);}
.graphic-settings-wrapper .graphic-settings__layout{display:none;padding: 24px;margin-top: 20px;} */
.block-graphic-wrap .mp-blockEditor__action.down{margin-bottom: 20px;}
.graphic-layout__lis{display: flex;flex-wrap: wrap;justify-content: space-between;}
.graphic-layout__item{width: 170px;height: 150px;margin-bottom: 24px;display: flex;align-items: center;justify-content: center;border: 1px solid #D8DBDE;border-radius: var(--theme-corner-block);cursor: pointer;}
.graphic-layout__item ~ i{display: block;width: 170px;}
.graphic-layout__item .square{width: 44px;height: 44px;background:var(--theme-disabled-color) url(https://bio.linkcdn.cc/instabio.cc/images/graphic_icon.png) center center no-repeat;background-size: 25px;border-radius: var(--theme-corner-inner);margin-right: 8px;margin-bottom: 8px;}
.graphic-layout__item .rectangle{width: 74px;height: 44px;background:var(--theme-disabled-color);border-radius: var(--theme-corner-inner);margin-right: 8px;margin-bottom: 8px;}
.graphic-layout__item.selected{border-color:var(--theme-active-color);}
.graphic-layout__item.selected .square{background-color:#7B8087;}
.graphic-layout__item.selected .rectangle{background:#7B8087;}
.graphic-layout__item:hover .square{background-color:#979BA0;}
.graphic-layout__item:hover .rectangle{background:#979BA0;}
.graphic-layout__item[data-subtype="cmpt-graphic-image"]{padding: 12px;}
.graphic-layout__item[data-subtype="cmpt-graphic-image1"]{padding: 12px;}
.graphic-layout__item[data-subtype="cmpt-graphic-image1"] .rectangle{width: 44px;height: 26px;}
.graphic-layout__block{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-right: -8px;margin-bottom: -8px;}
.graphic-layout__center{font-size: 16px;font-weight: 500;}
.graphic-layout__center .v-toggle{float: right;}
.graphicLink-add-pop .graphicLink-add__list{font-size: 0}
.graphicLink-add-pop .graphicLink-add__list .item{padding: 16px 0;cursor: pointer;}
.graphicLink-add-pop .graphicLink-add__list .item:first-child{border-bottom: 1px solid #E4E8ED;}
.graphicLink-add-pop .graphicLink-add__list img{width:52px;height:52px;margin-right: 16px;}
.graphicLink-add-pop .graphicLink-add__list span{font-size: 16px;vertical-align: middle;}

/* bio carousel */
/* .mp-blockEditor .carousel-settings-wrapper{border-top: 1px solid #E4E8ED;margin-top: 20px;padding-top: 20px;} */
.mp-blockEditor .carousel-settings__title{font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.mp-blockEditor .carousel-settings__add{ width: 100%;height: 52px;margin-top: 24px;}
.mp-blockEditor .carousel-settings__desc{margin-bottom: 20px;margin-top: 4px;}
.mp-blockEditor .carousel-settings__btn{width: 100%;height: 54px;border: 1px solid var(--theme-color);border-radius: var(--theme-corner-block);color: var(--theme-color);font-size: 16px;}
.carousel-settings-wrapper .carousel__blank{text-align:center;padding:28px 140px 32px}
.carousel-settings-wrapper .carousel__blank .blank__img{width:168px}
.carousel-settings-wrapper .carousel__blank .blank__text{font-weight:600;color:#3d3d3d;margin:20px 0 20px}
.carousel-settings-wrapper .carousel__blank .blank__btn{width:200px}
.mp-blockEditor .carousel-items__item{display:flex;align-items:center;height:96px;margin-bottom:12px;padding-right:10px;border-radius:10px;background:rgba(235,237 ,239,.5)}
.mp-blockEditor .carousel-items__item:last-child{margin-bottom:0}
.mp-blockEditor .carousel-items__img {flex-shrink: 0;}
.mp-blockEditor .carousel-items__img img{width:64px;height:64px;object-fit:cover;margin-right:12px;border-radius:10px}
.mp-blockEditor .carousel-items__drag{position:relative;width:42px;height:100%;flex-shrink:0;color:#999;cursor:move}
.mp-blockEditor .carousel-items__drag i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}
.mp-blockEditor .carousel-items__info{overflow: hidden;}
.mp-blockEditor .carousel-items__title{overflow-wrap: break-word;}
.mp-blockEditor .carousel-items__desc{color: #999999;margin-top: 6px;}
.mp-blockEditor .carousel-items__action{flex-shrink: 0; margin-left: auto;padding: 4px 10px;cursor: pointer}
.mp-blockEditor .carousel-items__action i{font-size: 20px;color: #7B8087;}
.mp-blockEditor .carousel-items__action .action-edit{float: left;margin-right: 10px;}
.mp-blockEditor .carousel-items__action .action-del{float: left;}
.carousel-item-pop .carousel-item__cover{ display: inline-block;width: 100px;height: 100px;margin-top: 20px;cursor: pointer;border-radius: 8px;}
.carousel-item-pop .cover__block{position:  relative;height: 100%;}
.carousel-item-pop .cover__block .cover__del-btn{width: 18px;height: 18px;display: inline-block;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%;cursor: pointer;position: absolute;top: -5px;right: -5px;}
.carousel-item-pop .cover__block img{width: 100%;height: 100%;object-fit: cover; border-radius: 8px;}
.carousel-item-pop .cover__blank{position: relative;height:100%;background:#D8DBDE url("https://bio.linkcdn.cc/instabio.cc/images/cover_blank1.png") center center no-repeat;background-size: 42px;  border-radius: 8px;}
.carousel-item-pop .cover__mask{display: none;  position:absolute;top:0;left:0;bottom: 0;right: 0;text-align: center;line-height: 100px;background: rgba(255,255,255,.5);}
.carousel-item-pop .cover__blank:hover .cover__mask{display: block;}
.carousel-item-pop .cover__mask__btn{display: inline-block;width: 36px;height: 36px;line-height: 36px;color: #fff;border-radius: 50%;vertical-align: middle;background-color: #1b85ff;cursor: pointer;}
.carousel-item-pop .cover__mask__btn svg{fill: currentColor;width: 30px;vertical-align: middle;}
.carousel-item-pop .video-source__title{font-size: 16px;margin-bottom: 10px;}
.carousel-item-pop .video-source .video-source__list{display:flex;margin-bottom: 20px;}
.carousel-item-pop .video-source .item{text-align: center;width: 48px;height: 48px;border: 2px solid transparent;border-radius: 4px;line-height: 44px;}
.carousel-item-pop .video-source .item.selected{border: 2px solid var(--theme-color);}
/* support */
.support__wrapper .support-setting__title{margin-top: 20px;margin-bottom:12px;padding-top: 16px;border-top: 1px solid #E4E8ED;font-size: 16px;font-weight: 500;}
.support__wrapper .support-setting__btn{width: 100%;}
.support-payment__title{font-size: 16px;font-weight: 500;}
.support-payment__desc{margin-top: 10px;color: #666666;}
.support-payment__info{display: inline-block;padding: 12px 16px;margin-top: 10px;margin-bottom: 20px;background-color: var(--theme-bg-color-light);border-radius: 8px;}
.support-payment__info img {width: 20px;margin-right: 6px;}
.support-payment__sync {position: relative;margin-bottom:20px;padding: 12px;border: 1px solid #999999;border-radius: 6px;}
.support-payment__sync .sync-setting{color: var(--theme-color);text-decoration: underline;cursor: pointer}
.support-payment__sync .sync-close{display: inline-block;width: 18px;height: 18px;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%;cursor: pointer;position: absolute;top: -5px;right: -5px;}
.support-payment .v-warn-tips{margin-bottom: 20px;}
.support-payment .support-payment__deleted{background: #FFE5E5;border-radius: 8px;color: #FF293B;padding: 10px 12px;margin-bottom: 20px;}
.support-payment .support-payment__deleted-setting{text-decoration: underline;cursor: pointer;}


.feature-support-pop .m-modal__body{padding-top: 8px;}
.feature-support__inner .feature-support__desc{color: #666;}
.feature-support__inner .feature-support__title{margin-bottom: 8px;font-size: 16px;font-weight: 500;}
.feature-support__inner .feature-support__desc{margin-bottom: 10px;color: #666;}
.feature-support__inner .payment-provider__input{height:40px;border:1px solid #dfdfdf;border-radius:4px;position:relative}
.feature-support__inner .payment-provider__select{height:100%;padding:0 12px;line-height: 40px;cursor:pointer}
.feature-support__inner .payment-provider__select img{height: 22px;margin-right: 8px;}
.feature-support__inner .payment-provider__select i{float: right;}
.feature-support__inner .payment-provider__option{display:none;position:absolute;top:39px;left:0;z-index:101;width:100%;background-color:#fff;border-left:1px solid #dadada;border-right:1px solid #dadada;border-radius:0 0 5px 5px}
.feature-support__inner .payment-provider__option li{height:36px;padding:0 12px;line-height: 36px;border-bottom:1px solid #dadada;cursor:pointer}
.feature-support__inner .payment-provider__option img{height: 22px;margin-right: 8px;}
.feature-support__inner .payment-provider__option .selected{color:var(--theme-color);background-color:var(--theme-hover-color-light);}
.feature-support__inner .payment-provider__option li:hover{color:var(--theme-color);}
.feature-support__inner .payment-provider__add{margin-top:10px;padding: 0;background-color: transparent;font-weight: 500;color: var(--theme-color);}
.feature-support__inner .payment-provider__add--btn{width: 100%;height: 44px;border:1px solid var(--theme-color);border-radius: var(--theme-corner-inner);color: var(--theme-color);}
.feature-support__inner .support-price{margin-top: 20px;padding-top: 18px;border-top: 1px solid #eee;}
.feature-support__inner .support-price__add{width:364px;height:40px;border:1px solid #dfdfdf;border-radius:4px;color:var(--theme-color)}
.feature-support__inner .support-price__list li{display:flex;align-items:center;margin-bottom:14px}
.feature-support__inner .support-price__list li img{cursor:pointer}
/*.feature-support__inner [name=amount]{width:364px;height:40px;border:1px solid #dfdfdf;border-radius:4px;padding:12px;margin-right:10px}*/
.feature-support__inner .support-other{border-top: 1px solid #EEEEEE;margin-top: 20px;padding-top: 20px;}
.feature-support__inner .supporters-amount{display: flex;align-items: center;margin-bottom: 16px;margin-top: 20px;cursor: pointer;}
.feature-support__inner .supporters-amount .v-checkbox{margin-right: 8px;}
.feature-support__inner .supporters-message{display: flex;align-items: center;cursor: pointer;}
.feature-support__inner .supporters-message .v-checkbox{margin-right: 8px;}
.feature-support__inner .amount{width: 364px;margin-right: 12px}
.feature-support__inner .amount__box {display: flex;height: 42px;line-height: 40px;border: 1px solid #d8dbde;border-radius: 4px;overflow: hidden}
.feature-support__inner .amount__box--error {border-color: var(--body-theme-error)}
.feature-support__inner .amount__prefix {padding-left: 16px;color: #979ba0}
.feature-support__inner .amount input {border: none;width: 100%}
.feature-support__inner .amount__error {padding: 4px 8px;color: var(--body-theme-error)}
.feature-support__inner .amount__error:empty {display: none}

.feature-support__gifts .gifts__list {display: flex;flex-wrap: wrap;}
.feature-support__gifts .gifts__item {width: 78px;height: 44px;margin-right: 12px;border: 1px solid #D8DBDE;border-radius: 12px;text-align: center;line-height: 42px;cursor: pointer;}
.feature-support__gifts .gifts__item.selected{border-color: transparent;outline: 2px solid var(--theme-color)}

/*wish list*/
.wishlist-wrapper .supporters-noteMessage{display: flex;align-items: center;margin-bottom: 20px;cursor: pointer;}
.wishlist-wrapper .supporters-noteMessage .v-checkbox {margin-right: 8px;}
.wishlist-wrapper .payment-provider__wrap{border-top: 1px solid #E4E8ED;margin-top: 22px;padding-top: 20px;}
.wishlist-wrapper .v-warn-tips{margin-bottom: 20px;}
.wishlist__title{font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.wishlist__desc{color: #666666;}
.support-provider__add--btn{ width: 100%;margin-top: 20px}
.wishlist-wrapper .payment-provider__input{height:40px;border:1px solid #dfdfdf;border-radius:4px;position:relative}
.wishlist-wrapper .payment-provider__select{height:100%;padding:0 12px;line-height: 40px;cursor:pointer}
.wishlist-wrapper .payment-provider__select img{height: 22px;margin-right: 8px;}
.wishlist-wrapper .payment-provider__select i{float: right;}
.wishlist-wrapper .payment-provider__option{display:none;position:absolute;top:39px;left:0;z-index:101;width:100%;background-color:#fff;border-left:1px solid #dadada;border-right:1px solid #dadada;border-radius:0 0 5px 5px}
.wishlist-wrapper .payment-provider__option li{height:36px;padding:0 12px;line-height: 36px;border-bottom:1px solid #dadada;cursor:pointer}
.wishlist-wrapper .payment-provider__option img{height: 22px;margin-right: 8px;}
.wishlist-wrapper .payment-provider__option .selected{color:var(--theme-color);background-color:var(--theme-hover-color-light);}
.wishlist-wrapper .payment-provider__option li:hover{color:var(--theme-color);}
.wishlist-wrapper .payment-provider__add{margin-top:10px;padding: 0;background-color: transparent;font-weight: 500;color: var(--theme-color);}
.wishlist-wrapper .payment-provider__add--btn{width: 100%;height: 44px;border:1px solid var(--theme-color);border-radius: var(--theme-corner-inner);color: var(--theme-color);}
.wishlist-wish{border-top: 1px solid #E4E8ED;margin-top: 22px;padding-top: 20px;}
.wishlist-wish__add{width:100%;margin-top: 20px;}
.wishlist-wish__list {margin-top: 20px;}
.wishlist-wrapper .wish-item{display:flex;align-items:center;height:96px;margin-bottom:12px;padding-right:10px;border-radius:10px;background:rgba(235,237 ,239,.5)}
.wishlist-wrapper .wish-item:last-child{margin-bottom:0}
.wishlist-wrapper .wish-item__img {flex-shrink: 0;}
.wishlist-wrapper .wish-item__img img{width:64px;height:64px;object-fit:cover;margin-right:12px;border-radius:10px}
.wishlist-wrapper .wish-item__drag{position:relative;width:42px;height:100%;flex-shrink:0;color:#999;cursor:move}
.wishlist-wrapper .wish-item__drag i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}
.wishlist-wrapper .wish-item__info{overflow: hidden;}
.wishlist-wrapper .wish-item__title{overflow-wrap: break-word;}
.wishlist-wrapper .wish-item__desc{color: #999999;margin-top: 6px;}
.wishlist-wrapper .wish-item__action{flex-shrink: 0; margin-left: auto;padding: 4px 10px;cursor: pointer}
.wishlist-wrapper .wish-item__action i{font-size: 20px;color: #7B8087;}
.wishlist-wrapper .wish-item__action .action-edit{float: left;margin-right: 10px;}
.wishlist-wrapper .wish-item__action .action-del{float: left;}
.wishlist-service-pop .v-anmtLabel-control.price .v-input:focus{padding-left:26px;}
.wishlist-service-pop .v-anmtLabel-control.price .v-input:not(:placeholder-shown) {padding-left:26px;}
.wishlist-service-pop .price__prefix{position: absolute;padding: 0 4px;font-size: 14px;top: 14px;left: 10px;color: #979ba0;}
.wishlist-service-pop .v-anmtLabel-control.price .v-label{left:24px;}
.wishlist-service-pop .v-anmtLabel-control.price .v-input:focus + .v-label {left:10px;}
.wishlist-service-pop .v-anmtLabel-control.price .v-input:not(:placeholder-shown) + .v-label {left:10px;}
.wishlist-service-pop .wishlist-service__cover{ display: inline-block;width: 100px;height: 100px;margin-top: 20px;cursor: pointer;border-radius: 8px;}
.wishlist-service-pop .cover__block{position:  relative;height: 100%;}
.wishlist-service-pop .cover__block .cover__del-btn{width: 18px;height: 18px;display: inline-block;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%;cursor: pointer;position: absolute;top: -5px;right: -5px;}
.wishlist-service-pop .cover__block img{width: 100%;height: 100%;object-fit: cover; border-radius: 8px;}
.wishlist-service-pop .cover__blank{position: relative;height:100%;background:#D8DBDE url("https://bio.linkcdn.cc/instabio.cc/images/cover_blank1.png") center center no-repeat;background-size: 42px;  border-radius: 8px;}
.wishlist-service-pop .cover__mask{display: none;  position:absolute;top:0;left:0;bottom: 0;right: 0;text-align: center;line-height: 100px;background: rgba(255,255,255,.5);}
.wishlist-service-pop .cover__blank:hover .cover__mask{display: block;}
.wishlist-service-pop .cover__mask__btn{display: inline-block;width: 36px;height: 36px;line-height: 36px;color: #fff;border-radius: 50%;vertical-align: middle;background-color: #1b85ff;cursor: pointer;}
.wishlist-service-pop .cover__mask__btn svg{fill: currentColor;width: 30px;vertical-align: middle;}
.wishlist-service-pop .amount__box{display: flex;height: 42px;line-height: 40px;border: 1px solid #d8dbde;border-radius: 4px;overflow: hidden;}
.wishlist-service-pop .amount__prefix {padding-left: 16px;}
.wishlist-service-pop .amount input {border: none;width: 100%;}
.wishlist-service-pop .amount__box--error {border-color: var(--body-theme-error);}
.wishlist-service-pop .amount__error {padding: 4px 8px;color: var(--body-theme-error);}


.payment-providers-pop .payment-providers__list{display:flex;justify-content:space-between;    padding: 6px 18px 26px;}
.payment-providers-pop .item{width: 82px;height: 86px;padding-top: 12px; text-align: center;border: 1px solid #DCE0E4;cursor:pointer;border-radius: 8px;}
.payment-providers-pop .item:hover{border-color:#DCE0E4;background-color: #DCE0E4;}
.payment-providers-pop .item img{width:30px;margin-bottom: 8px;}

/****************************/

.linkEditor{margin-bottom: 20px;
  color:#979BA0;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #D8D8D8;
}
.linkEditor .link__content {position: relative;padding: 20px 24px 20px 20px;}
.linkEditor.drag-item .link__content{padding:20px 24px 20px 58px;}
.linkEditor.drag-item .link__drag{display:block;}
.linkEditor .link__drag{display:none;position: absolute; left: 0;top: 0;bottom: 0;width: 58px;text-align: center;cursor: move;}
.linkEditor .link__drag i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); font-size: 18px;}
.linkEditor .input-url{display: flex;align-items: start;}
.linkEditor .input-url__prepend{position: relative;width: 154px;margin-right: 10px;flex: none;}
.linkEditor .input-url__protocol{border-radius: var(--theme-corner-inner);  border: 1px solid #D8DBDE}
.linkEditor .input-url__select {height: 36px;line-height: 36px;padding: 0 2px 0 12px;cursor: pointer;}
.linkEditor .input-url__select .text-protocol{color: #333;}
.linkEditor .protocol__list{  display: none;  position: absolute;width: 100%;background: #fff;top: 36px;left: 0;z-index: 10;border: 1px solid var(--theme-active-color); border-top: 1px solid #D2D6D9;border-bottom-left-radius: var(--theme-corner-inner);border-bottom-right-radius: var(--theme-corner-inner);}
.input-url__protocol.opened{border-color:var(--theme-active-color);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.input-url__protocol.opened .protocol__list{display: block;}
.linkEditor .protocol__item{height: 36px;padding-left: 12px;line-height: 36px;cursor: pointer}
.linkEditor .protocol__item:hover{color:var(--theme-active-color);}
.linkEditor .input-url__protocol i{float: right;padding: 0 10px;cursor: pointer;}
.linkEditor .input-url .input-url__code{width: 80px;margin-right: 6px;flex: none;}
.linkEditor .input-url .v-form-group:last-of-type{display: flex;flex:auto;}
.linkEditor .link__top{color: #333;}
.linkEditor .link__btm{display: flex;align-items: center;}
.linkEditor .link__btm .v-toggle{margin-left:auto;}

.linkEditor .link__btm .v-toggle input:disabled + .v-toggle__control{cursor: default;}
.linkEditor .link__btm .v-toggle input:disabled{pointer-events: none;}
.linkEditor .input-url__url .v-input{height:38px;padding-right: 30px;border: 1px solid #D8DBDE;border-radius: var(--theme-corner-inner);}
.linkEditor .input-url__url .v-input[type=number]{padding-right:12px;}
.linkEditor .link__top .link__schedule{display: flex;align-items: center;height: 36px;background: rgba(24, 127, 255, .1); border-radius: 4px 4px 4px 4px; padding-left: 12px; margin-bottom: 12px;color: #666666;}
.linkEditor .link__top .link__schedule .schedule-icon{font-size: 14px;margin-right: 6px;}



.linkEditor .link__expander{color: #333;}
.linkEditor .link-expander__header{position: relative;height: 40px;line-height: 40px;text-align: center;background-color:var(--theme-bg-color-light); }
.linkEditor .link-expander__title{font-size: 16px;font-weight: 500;}
.linkEditor .link-expander__close{position: absolute;width: 22px;height: 22px;right:12px;top: 50%;color:#666666;line-height:18px;transform: translateY(-50%);border-radius: 4px;border: 2px solid transparent;cursor: pointer;}
.linkEditor .link-expander__close i{font-size: 18px;}
.linkEditor .link-expander__close:hover{border: 2px solid var(--theme-active-color);color:#333333;}
.linkEditor .link__btn{width: 30px;height: 30px;position: relative;padding: 0;margin-right: 12px;border: 2px solid transparent;text-align: center;border-radius: var(--theme-corner-inner);cursor: pointer;}
.linkEditor .link__btn--active{border: 2px solid var(--theme-active-color)!important;color:var(--theme-active-color);}
.linkEditor .done{color:var(--theme-done-color);}
.linkEditor .link__btn i{font-size: 20px;}
.linkEditor .link__btn:hover{background:var(--theme-hover-color-light);border:2px solid var(--theme-hover-color-light)}
.linkEditor .link__btn__tooltip{display:none;position:absolute;z-index:9;top:38px;left:50%;background:#7b8087;border-radius:6px;padding:7px 10px;color:#fff;white-space:nowrap;transform:translate(-50%)}
.linkEditor .link__btn:hover .link__btn__tooltip{display:block}
.linkEditor .link__btn__tooltip::after{content:"";position:absolute;width:14px;height:7px;background:url(https://bio.linkcdn.cc/instabio.cc/images/tooltip-arrow.png) no-repeat center center;background-size:cover;top:-6px;left:50%;margin:0 auto;-webkit-transform:translateX(-50%);transform:translate(-50%,0)}
.linkEditor .link-expander__action {margin-top: 20px;padding-top: 20px; border-top: 1px solid #DFDFDF;}
.linkEditor .link-expander__btn{width: 128px;height: 44px;display: block;margin-left: auto;}
.linkEditor .link-thumbnail{display: flex;align-items: center;padding: 24px;}
.linkEditor .link-thumbnail__add{width: 100%;padding: 28px 0 28px;background-color: #F5F6F7;text-align: center;border-radius: 8px;cursor: pointer}
.linkEditor .link-thumbnail__add:hover{background-color:var(--theme-hover-color-light);}
.linkEditor .thumbnail__icon img{width: 40px;}
.linkEditor .thumbnail__text{margin-top: 10px;}
.link-thumbnail__block{position:relative;width: 96px;height: 96px;flex: none;margin-right: 16px;border-radius: 10px;}
.link-thumbnail .img-box{width: 100%;height: 100%;}
.link-thumbnail__block img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.link-thumbnail__block .pic_del-btn{width: 18px;height: 18px; display: inline-block;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%; cursor: pointer; position: absolute; top: -5px;  right: -5px;}
.link-thumbnail__action{flex:auto;}
.link-thumbnail__action .btn{width: 100%;height: 42px;background-color:var(--theme-bg-color-light);border-radius: 21px;color:#333}
.link-thumbnail__action .btn:first-child{margin-bottom: 12px;}
.link-thumbnail__action .btn:hover{background-color: var(--theme-active-color);color:#fff;}
.linkEditor .link-schedule{padding: 16px 24px 24px;}
.linkEditor .link-schedule__title{font-weight: 500;}
.linkEditor .link-schedule__desc{color: #666666;margin-top: 6px;}

.modal__add-thumbnail .add-thumbnail__item{padding: 16px 12px;border-radius: 8px;cursor: pointer;}
.modal__add-thumbnail .add-thumbnail__item:hover{background-color: #F5F6F7;}
.modal__add-thumbnail .add-thumbnail__item img{width: 52px;margin-right: 16px}
.modal__add-thumbnail .add-thumbnail__item span{font-size: 16px;}
.modal__add-thumbnail .add-thumbnail__action{display: flex;justify-content: space-between;margin-top: 20px;}
.modal__add-thumbnail .action-cancel{ width: 210px;}
.modal__add-thumbnail .action-delete{width: 210px;}


.btn__cancel{background:var(--theme-cancel-color);}
.btn__delete{background:var(--theme-delete-color);color:var(--theme-white);}
.linkEditor .link-delete{padding: 24px;text-align: center;}
.linkEditor .link-delete p{color: #333333;margin-bottom: 30px;}
.linkEditor .link-delete .btn{float:left;width: calc(50% - 10px);height: 42px;border-radius: 21px;}
.linkEditor .link-delete .btn__delete{float:right;}
.link-delete .btn__delete{float:right;}
.linkEditor .link-status{padding: 24px;}
.linkEditor .link-status__title{display: flex;margin-bottom: 20px;}
.linkEditor .link-status__title h6{font-size: 14px;font-weight: 400;}
/* .linkEditor .link-status.pro .link-status__title h6:after{content: "";display: inline-block;width: 40px;height: 24px;margin: 0 auto;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pro_icon2.png) center center no-repeat;background-size: cover;vertical-align: middle;margin-left: 10px;} */
.linkEditor .link-status__title img{margin-left: 12px;}
.linkEditor .link-status__title .v-toggle{margin-left: auto;}
.linkEditor .link-status__list{display: flex;flex-wrap: wrap;margin-bottom: -26px;margin-right: -11px}
.linkEditor .link-status__list .item{width: 52px;height: 52px;margin-right: 11px;margin-bottom: 12px;border-radius: 8px;border: 1px solid #D8DBDE;text-align: center;line-height: 50px;cursor: pointer;}
.linkEditor .link-status__list .item.selected{border-color: transparent;outline: 2px solid var(--theme-color)}
.linkEditor .link-status__list .item img{width: 30px;}
.linkEditor .link-status .status-name{float: left;margin-right: 10px;}
.linkEditor .link-featured{padding: 24px;}
.linkEditor .link-featured__title{display: flex;margin-bottom: 16px;}
.linkEditor .link-featured__title h6{font-size: 14px;font-weight: 400;}
.linkEditor .link-featured__title .v-toggle{margin-left: auto;}
.linkEditor .link-featured__list{display: flex;margin-bottom: -26px;flex-wrap: wrap;}
.linkEditor .link-featured__list .item{width: 45%;margin-bottom: 26px;}
.linkEditor .link-featured .featured-name{width: 96px;height: 38px;background: #878A8F;border-radius: 6px;display: inline-block;text-align: center;line-height: 38px;color: #fff;}
.linkEditor .link-featured .v-radio-label i{top: 50%;transform: translateY(-50%);}
.linkEditor .link-embed--options{padding: 24px;}
.linkEditor .link-embed__list .item{margin-bottom:24px}
.linkEditor .twitter-profile .link-embed__list .item:first-child{display:none}
.linkEditor .link-embed__list .item:last-child{margin-bottom:0}
.linkEditor .instagram-profile .link-embed__list .item:nth-child(1){display:none}
.linkEditor .instagram-post .link-embed__list .item:nth-child(2){display:none}
.linkEditor .link-schedule__time{display: flex;justify-content: space-between;}
.linkEditor .link-schedule__time .v-anmtLabel-control{width:calc(50% - 8px)}
.linkEditor .link-schedule__time .time-icon{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);}
.linkEditor .link-schedule__timezone{line-height: 36px;padding-left: 12px;margin: 16px 0 20px;background: #F5F6F7;border-radius: 4px;}
.linkEditor .link-schedule__time #time{position: absolute;top: 0;left: 0;height: 100%;  width: 100%;opacity: 0;}
.linkEditor .link-schedule__save .load_icon{display: inline-block; font-size: 18px; animation: 1s linear 0s infinite normal none running spin;}
.linkEditor .link-schedule__save[disabled]{background: #BEC1C5;color: #fff;}
.linkEditor .link-schedule__upgrade{margin-top: 20px;}
.linkEditor .link-schedule__cancel{margin-top: 20px;}
.linkEditor .link-file{padding: 24px;}
.linkEditor .link-file__upload {padding: 28px 0 28px; background: #f5f6f7; border-radius: 8px;text-align: center; cursor: pointer;}
.linkEditor .link-file__upload .upload__title{margin: 12px 0 12px;font-weight: 500;}
.linkEditor .link-file__upload .upload__desc{font-size: 12px; color: #666666;}
.linkEditor .link-file__upload .upload__icon{width: 36px;}
.linkEditor .link-file__block {display: flex; align-items: center; height: 44px; padding: 0 8px 0 12px; background: #ebedef; border-radius: 6px;}
.linkEditor .link-file__block .file__name{margin-left: 10px;}
.linkEditor .link-file__block .file__delete{margin-left:auto;cursor: pointer;}
.linkEditor .link-file__block .file__icon{width: 20px;}
.linkEditor .link-file__block .file__delete i{ padding: 0 6px; font-size: 20px; color: #7B8087;}


.linkEditor .link-file__load{padding: 50px 0;text-align: center;border: 1px solid #dfdfdf; border-radius: 10px;}
.linkEditor .link-file__load i{display: inline-block;line-height: 1;color: #acb5bf;font-size: 26px;animation: 1s linear 0s infinite normal none running spin;}

/*Button Feed*/
.link-expander__content .feed__content{padding:24px;}
.link-expander__content .feed__desc{color:#666666;}
.link-expander__content .feed__platform{margin-top: 15px;}
.link-expander__content .feed__platform .feed-title{font-size: 16px;font-weight: 500;}
.link-expander__content .platform__list{margin-top: 8px;}
.link-expander__content .platform__item{float: left;padding:4px;border-radius: 4px;border: 2px solid transparent;cursor: pointer;}
.link-expander__content .platform__item:not(:last-child){margin-right: 14px;}
.link-expander__content .platform__item img{width: 36px;}
.link-expander__content .platform__list .selected{border: 2px solid var(--theme-color);}
.link-expander__content .feed__link{margin-top: 15px;}
.link-expander__content .feed__link .msg{display: none;font-size: 12px;margin-top: 4px;color: red;}
.link-expander__content .feed__max{display: none;}
.link-expander__content .max__list {margin-top: 8px;}
.link-expander__content .max__item{float: left;width: 100px;font-size: 16px;line-height: 38px;border: 1px solid #999999;margin-right: 20px;text-align: center;cursor: pointer;}
.link-expander__content .max__list .selected{background: #666666;color: #ffffff;}
.link-expander__content .feed-youtube-channel{display:none;border:1px solid #999999}
.link-expander__content .feed__selected{display:none;}
.link-expander__content .feed-youtube-channel .channel-item{padding:10px;display:flex;align-items:center}
.link-expander__content .feed__selected .channel-item{padding:10px;display:flex;align-items:center}
.link-expander__content .feed-youtube-channel .channel-item-avatar{width:36px;height:36px;margin-right:10px;}
.link-expander__content .feed__selected .channel-item-avatar{width:80px;height:80px;margin-right:10px;}
.link-expander__content .channel-item-avatar img{border-radius:50%;}
.link-expander__content .feed-youtube-channel .title{font-size:14px;line-height:22px;}
.link-expander__content .feed-youtube-channel .desc{font-size:12px;line-height:16px;}
.link-expander__content .channel-item-info .link_btn{color: var(--theme-color);padding: 0;}
/*Button Content Details*/
.link-expander__content .contactDetails-content{padding:24px;}
.link-expander__content .desc{color: #666666;padding-top: 4px;margin-bottom: 14px;}
.link-expander__content .contactDetails__name input{width: 224px;}
.link-expander__content .contactDetails__name [name="lastName"]{float: right;}
.link-expander__content .contactDetails__occupation [name="organization"]{margin-bottom: 12px;}
.link-expander__content .contactDetails__email{margin-bottom: 2px;}
.link-expander__content .contactDetails__phone{margin-bottom: 2px;}
.link-expander__content .contactDetails__email input{float: right;width:258px;}
.link-expander__content .contactDetails__phone input{float: right;width:258px;}
.link-expander__content .selectBoxes{display: inline-block;width: 224px;height: 40px;pointer-events: all;border: 1px solid #DFDFDF;border-radius: 4px;transition: margin-bottom 0.1s linear 0s;font-size: 14px;vertical-align: middle;position: relative;margin-bottom: 12px;}
.link-expander__content .selectBoxes select{appearance:none;background-color: transparent;background-image: none;border-radius: 0;border: none;box-shadow: none;padding: 0px 48px 0px 12px;box-sizing: border-box;text-overflow: ellipsis;color: rgb(104, 109, 115);width: 100%;height: 100%;position: relative;z-index: 1;font-size: 14px;cursor: pointer}
.link-expander__content .selectBoxes i{position: absolute;right: 16px;top: 9px;color: #777;}
.link-expander__content .contactDetails__address input{margin-bottom: 12px;}
.link-expander__content .contactDetails__address {margin-bottom: 4px;}
.link-expander__content .contactDetails__address__state{float: right;}
    /*Linkpage Panel*/
.mypage-panel{width:100%;flex: 1 1 auto;padding-top: 28px;}
.mypage-panel__item{display: none;}
.mypage-panel__item[toggle=myblock]{display: block;}
.sectionEdit_box .section{position: relative;}
.sectionEdit_box .section>.back{font-size: 16px;margin-bottom: 10px;display: inline-block;cursor: pointer;}
.sectionEdit_box .section>.back i{margin-right: 6px}
.sectionEdit_box .section-top {display: flex;align-items: center; height: 64px;justify-content: space-between;padding: 0 24px;margin-bottom: 20px;border-radius: 16px;}
.sectionEdit_box .section-top .section-title{font-weight: 600;font-size: 18px;}
.sectionEdit_box .section-top .section-delete{color: #7B8087; cursor: pointer;}
.sectionEdit_box .section-top .section-delete i{font-size: 20px;}
.sectionEdit_box .section-tit {display: flex;margin-bottom: 16px;}
.sectionEdit_box .section-tit .title{color: #333333;font-size: 18px;font-weight: normal;}
.sectionEdit_box .section-tit .cmpt_custom-btn{color: #FF6541;margin-left: auto;}
.sectionEdit_box .section-tit .cmpt_custom-btn img{margin-right:6px;}
.sectionEdit_box .section-tab {margin-bottom: 20px;font-size: 0}
.sectionEdit_box .section-tab span{font-size: 18px;margin-right: 60px;border-bottom: 2px solid transparent;padding-bottom: 4px;cursor: pointer;}
.sectionEdit_box .section-tab span.active{color: var(--theme-color);border-color:var(--theme-color)}
.sectionEdit_box .section-style-tab{margin-bottom: 20px;font-size: 0}
.sectionEdit_box .section-style-tab li{display: inline-block;margin-right: 30px;font-size: 16px;cursor: pointer;}
.sectionEdit_box .section-style-tab li.active{color: var(--theme-color);}
.sectionEdit_box .section-layout {margin-bottom: 20px;}
.sectionEdit_box .section-layout .item{display: inline-block;border: 2px solid transparent;cursor: pointer;}
.sectionEdit_box .section-layout .selected{border: 2px solid var(--theme-color);}
.sectionEdit_box .section-layout img{width: 144px;}
.sectionEdit_box .sc-box{display: none;}
.sectionEdit_box .sc-box__tip{margin-bottom: 10px;font-weight: 500;}
.sectionEdit_box .nsc-box{text-align: center; padding-bottom: 50px;padding-top: 20px;display: none;}
.sectionEdit_box .nsc-box .ntex{color: #AAAAAA;}
.sectionEdit_box .nsc-box .nbtn{height: 44px;padding:0 12px;background: #FFFFFF;border: 1px solid #FF6541;border-radius: 4px;  color: #FF6541; margin-top: 26px;}
.sectionEdit_box .section-back{display: inline-flex;margin-bottom: 10px;font-size: 16px;cursor: pointer;}
.sectionEdit_box .section-back i{margin-right: 6px;color: #777;}
.section-action{text-align:right;margin-top:24px;font-size:0}
.section-action .del-btn{width:100px;height:40px;background:#fff;border:1px solid #ff6541;border-radius:4px;color:#ff6543;font-size:14px}
.section-action .save-btn{width:100px;height:40px;background:#ff6541;border-radius:4px;color:#fff;margin-left:20px;font-size:14px}

.sectionEdit_box .cont-style__tab{display:flex;margin-bottom:24px;}
.sectionEdit_box .cont-style__tab .tab__item{background: #F5F6F7; border-radius: 62px 62px 62px 62px; padding: 0 24px; line-height: 38px;margin-right: 20px;color: #666666; cursor: pointer;}
.sectionEdit_box .cont-style__tab .tab__item.active{ background: #FFEEEA;color: #333333;}
.sectionEdit_box .cont-style__item:not(:first-child){display: none;}
.sectionEdit_box .style-inner{border-radius: 12px;border: 1px solid #D8DBDE;}
.sectionEdit_box .style__top{height: 64px;padding-left: 24px;line-height: 64px;border-bottom: 1px solid #E4E8ED;font-weight: 600;font-size: 16px;}
.sectionEdit_box .style__top .style__tab{display: flex;font-weight: 500;font-size: 14px; color: #666666;}
.sectionEdit_box .style__top .style__tab .item{margin-right: 36px;cursor: pointer;}
.sectionEdit_box .style__top .style__tab .item.selected{font-weight: 700;font-size: 16px;}
.sectionEdit_box .style__body{padding: 20px;}
.sectionEdit_box .section-cont__desc{margin-bottom: 18px;color: #666666;} 
.sectionEdit_box .style-save{ width: 100%;margin-top: 24px;}


.section-custom{display: none;}
.section-custom-tit{display: flex; align-items: center;justify-content: space-between;margin-bottom: 30px;}
.section-custom-tit .back-ctm{font-size: 16px;cursor: pointer;}
.section-custom-tit .back-ctm i{margin-right: 8px;}
.section-custom-tit .title{font-size: 18px;font-weight:500}
.section-custom-tab{display: flex;margin-bottom: 20px;}
.section-custom-tab span{font-size: 16px;padding: 0 2px 2px 2px; margin-right: 40px;border-bottom: 1px solid transparent;cursor: pointer;}
.section-custom-tab .selected{color: #FF6541;border-bottom: 2px solid #FF6541;}
.section-custom-tab span:hover{color: #FF6541;}
.sectionEdit_box .section[toggle='siteinfo'] .head_upload{margin-left:22px;width: 128px;height: 128px;cursor: pointer;margin-bottom: 20px;}
.sectionEdit_box .section[toggle='siteinfo'] .head_upload img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.sectionEdit_box .section[toggle='siteinfo'] .img_empty{width:100%;height:100%;border:1px solid rgba(221,221,221,1);border-radius:50%;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.sectionEdit_box .section[toggle='siteinfo'] .img_empty i{color: #fec4bd;}
.sectionEdit_box .section[toggle='siteinfo'] .img_empty span{display:block;margin-top:8px;font-size:14px;color:rgba(119,119,119,1)}
.sectionEdit_box .section[toggle='siteinfo'] .img_box{width: 100%;height: 100%;display: none;}
.sectionEdit_box .section[toggle='siteinfo'] .head_upload__display{display:flex;justify-content: space-between;margin-bottom: 20px; font-weight: 500;}

.section[data-subtype="cmpt-button-buttonRow3BorderRadius12NoIcon"] .section-custom-tab span[data-module=thumbnail]{display: none;}
.custom-item-value .title{margin-bottom: 16px;}
.custom-item-value .title .label{font-size: 16px;}
.custom-item-value ul[data-value="buttonStyle"]{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.custom-item-value ul[data-value="buttonStyle"] li{border: 2px solid transparent;padding: 10px;}
.custom-item-value ul[data-value="buttonStyle"] li img{width: 100px;height: 34px;}
.custom-item-value ul[data-value="buttonStyle"] li.selected{border: 2px solid #ff6543;}
.section-custom ul[data-value="style"]{display: flex;margin-bottom: 20px;}
.section-custom .section-custom-item[data-module="social"] ul[data-value="style"] li {width: 64px;height: 64px;padding: 12px;margin-right: 10px;border: 3px solid transparent;cursor: pointer;}
.section-custom .section-custom-item[data-module="social"] ul[data-value="style"] li.selected{border: 3px solid #FF6541;}
.section-custom .section-custom-item.default .radius{display: none;}
.section-custom .section-custom-item.default .color{display: none;}
.section-custom .section-custom-item.origin .color{display: none;}
.section-custom .section-custom-item[data-module="thumbnail"] ul[data-value="style"] li {width: 64px;height: 64px;padding: 12px;margin-right: 10px;border: 3px solid transparent;cursor: pointer;}
.section-custom .section-custom-item[data-module="thumbnail"] ul[data-value="style"] li.selected{border: 3px solid #FF6541;}
.section-custom ul[data-value="radius"]{display: flex;margin-bottom: 20px;}
.custom-item-value ul[data-value="radius"] li {width: 64px;height: 64px;margin-right: 10px;border: 3px solid transparent;display: flex; align-items: center;justify-content: center;cursor: pointer;}
.custom-item-value ul[data-value="radius"] li.selected {border: 3px solid #FF6541;}
.custom-item-value li[data-radius="radius0"] span{width: 40px;  height: 40px; background: #626262;display: block;  }
.custom-item-value li[data-radius="radius12"] span{width: 40px;height: 40px;background: #626262;border-radius: 6px;display: block; }
.custom-item-value li[data-radius="radius50"] span{width: 44px;height: 44px;background: #626262;border-radius: 50%;display: block; }
.project_custom-color {width: 400px;}
.project_custom-color li{ position: relative; width: 26px;height: 26px;border-radius: 50%;display: inline-block;  margin-right: 20px; margin-bottom: 20px;vertical-align: middle;cursor: pointer;}
.project_custom-color li.selected:before {position: absolute;content: " ";display: block;width: 22px;height: 22px;background: #FFFFFF;top: 2px;left: 2px;border-radius: 50%;}
.project_custom-color li[data-color="ffffff"].selected:before {width: 14px;  height: 14px;  background: #dddddd; top: 5px; left: 5px;}
.project_custom-color li span{width: 12px;height: 12px;display: inline-block;border-radius: 50%;position: absolute;top: 50%; left: 50%;transform: translate(-50% ,-50%); background-color: inherit;}
.project_custom-color li.selected:before {position: absolute;content: " ";display: block;width: 22px;height: 22px;background: #FFFFFF;top: 2px;left: 2px;border-radius: 50%;}
.project_custom-font{display: flex;flex-wrap: wrap;width: 400px;margin-bottom: 20px;}
.project_custom-font li {width: 44px;height: 44px;border: 2px solid transparent;margin-right: 4px;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.project_custom-font li.selected {border: 2px solid #FF6541;}
.project_custom-font li i {width: 25px;height: 15px; display: block;margin: 0 auto;}
.add_dragbox_btn{display: block;margin-left: auto;color: #ff6541;margin-top:10px;}
/*Cmpt Button*/
.section[data-subtype="cmpt-button-buttonRow3BorderRadius12NoIcon"] .drags_box .img-block{display: none;}
/*Cmpt Product*/
.section[toggle=product] .back{display: inline-block;margin-bottom: 10px;font-size: 16px;cursor: pointer;}
.section[toggle=product] .back i{margin-right: 6px; color:#777777;font-size: 16px;vertical-align: middle;}
.section[toggle=product] .title-group{display: none;}
.section[toggle=product][data-subtype$="Button"] .title-group{display: block}
.section[toggle=product] .blc_tit {margin-bottom: 8px;display:flex;align-items: center;}
.section[toggle=product] .blc_tit .tit{font-size: 18px;}
.section[toggle=product] .images_block{margin-bottom: 20px;}
.section[toggle=product] .images_block p{color: #999999;}
.section[toggle=product] .images_block .image_box{display: flex;margin-top: 15px;}
.section[toggle=product] .images_block .img_list li{display: inline-block;float: left;width: 106px;height: 106px;margin-bottom: 20px;position: relative;}
.section[toggle=product] .images_block .img_list li .img_box img{width: 100%;height: 100%;object-fit: cover;}
.section[toggle=product] .images_block .img_list .img_item:nth-child(1){width: 232px;height: 232px; margin-right: 30px;}
.section[toggle=product] .images_block .img_list .img_item:nth-child(2){ margin-right: 30px;}
.section[toggle=product] .images_block .img_list .img_item:nth-child(4){ margin-right: 30px;}
.section[toggle=product] .images_block .img_list .img_box {width: 100%;height: 100%;}
.section[toggle=product] .delete_icon{position: absolute;top: 6px;right: 6px;color: #DFDFDF;font-size: 22px;cursor: pointer;width: 12px;height: 12px;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/back/deleteicon.png) center center no-repeat;background-size: 100%;}
.section[toggle=product] .images_block .img_list li.img_add{width: 106px;height: 106px; background-color:#F5F5F5;text-align: center;padding-top: 13px;cursor: pointer;}
.section[toggle=product] .images_block .img_list li.img_add span{width: 80px;height: 80px;display: inline-block;border-radius: 2px;border: 1px dashed #CCCCCC;position: relative;}
.section[toggle=product] .images_block .img_list li.img_add span::after{width:2px;height:26px;margin-top:-13px;margin-left:-1px}
.section[toggle=product] .images_block .img_list li.img_add span::before{width:26px;height:2px;margin-top:-1px;margin-left:-13px}
.section[toggle=product] .images_block .img_list li.img_add span::after,.images_block .img_list li.img_add span::before{content:'';display:inline-block;background:#ddd;position:absolute;top:50%;left:50%}
.section[toggle=product] .images_block .img_mask{position: absolute;top: 0;left: 0;right: 0; bottom: 0;z-index: 999;background-color: rgba(0,0,0,0.3);display:none;cursor: pointer;}
.section[toggle=product] .images_block .img_item:hover .img_mask{ display: block;  }
.section[toggle=product] .images_block .img_item:nth-child(1):hover .main-image{display: block;}
.section[toggle=product] .images_block .img-action{padding-top:4px;padding-right:4px;text-align:right}
.section[toggle=product] .images_block .img-action span{width: 26px;height: 26px;display: inline-block;text-align: center;border-radius: 50%;vertical-align: top;}
.section[toggle=product] .images_block .upload{padding-top: 1px;}
.section[toggle=product] .images_block .del{margin-left:5px;padding-top: 2px;}
.section[toggle=product] .images_block .img-action span:hover{background:rgba(242, 242, 242, .5);}
.section[toggle=product] .images_block .move{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.section[toggle=product] .images_block .main-image{position:absolute;bottom:20px;left:50%;color:#fff;font-size:16px;transform:translate(-50%);display: none;}
.section[toggle=product] .info_block{margin-bottom: 20px;}
.section[toggle=product] .l-label{margin-bottom: 20px;}
.section[toggle=product] .l-label__top {margin-bottom: 8px;display: flex;align-items: center;justify-content: space-between;}
.section[toggle=product] .l-label__title{font-size: 18px}
.section[toggle=product] .l-label__manage{margin-left: auto;color: var(--theme-color);font-size: 16px;}
.section[toggle=product] .l-label__list{display: flex;flex-wrap: wrap;}
.section[toggle=product] .l-label__item{display: flex;align-items: center;width: 50%;margin: 10px 0;padding-right: 10px;color: #333;font-size: 12px;font-weight: 500;cursor: pointer;}
.section[toggle=product] .l-label__item span{display: inline-block;padding: 0 12px;line-height: 30px;border-radius: 4px;background: #EBEDEF;color: #333333;}
.section[toggle=product] .l-label__item[data-id] span{color:#ffffff;}



.section[toggle=product] .rend_btn img{width: 30px;height: 30px;}
.section[toggle=product] .channel-show{vertical-align: middle;margin-left: 10px;}
.section[toggle=product] .desc_block .switch-btn{margin-left: auto;}
.section[toggle=product] .product-btn_box>.title{font-size: 16px;margin-bottom: 15px;}
.section[toggle=product] .btn-show{position: absolute; right: 0;top: 0}
.section[toggle=product] [name='btntext']{margin-bottom: 14px;}
.section[toggle=product] .add_channel_btn{width: 100%;height: 40px;background: rgba(255,255,255,1);border: 1px solid #ff6541;border-radius: 4px;color: #ff6541;font-size: 14px;}
.section[toggle=product] .add_channel_btn i{vertical-align:middle;margin-right:6px;font-size:17px}
/* Product Label */
.edit_label_pop .m-modal__header{padding:0;}
.edit_label_pop .title{font-size: 18px;font-weight: 500;}
.edit_label_pop .desc{margin-top: 6px;color: #666666; font-size: 14px; }
.edit_label_pop .color_block{position: relative;}
.edit_label_pop .label_edit_input {height:56px;border:1px solid #D8DBDE;border-radius:5px;margin-top:20px;display: flex; align-items: center;}
.edit_label_pop .label_edit_input .color{margin-left: 20px;}
.edit_label_pop .label_edit_input .color .tab_color{width: 22px; height: 22px;display: inline-block;border-radius: 50%; vertical-align: middle;background: #5291FF;}
.edit_label_pop .label_edit_input .color i{font-size: 20px; vertical-align: middle; margin-left: 18px;margin-right: 18px;cursor: pointer;}
.edit_label_pop .label_edit_input input{ height: 40px;width: 240px; border: none;margin-right: 10px;}
.edit_label_pop .label_edit_input button{width:112px;height:40px;background:rgba(255,101,65,1);border-radius:4px;color: #ffffff;}
.edit_label_pop .select_color{width: 280px;height: 60px;display: none;background: rgba(255,255,255,1);border: 1px solid rgba(223,223,223,1);border-radius: 3px 3px 3px 3px; position: absolute;top: 38px;left: 0px;z-index:9;}
.edit_label_pop .select_color::after,.edit_label_pop .select_color::before{content:"";position:absolute;width:0;height:0;border:8px solid transparent;border-bottom-color:rgba(223,223,223,1);left:43px;margin-left:-4px;top:-17px}
.edit_label_pop .select_color::after{border-bottom-color:#fff;top:-15px}
.edit_label_pop .select_color div {display: flex;justify-content: space-around; align-items: center; height: 100%;}
.edit_label_pop .select_color span{width: 24px;height: 24px;display: inline-block;border-radius:50%;cursor: pointer;}
.edit_label_pop .select_color span:nth-child(1){background: #F65569;}
.edit_label_pop .select_color span:nth-child(2){background: #8A73C9;}
.edit_label_pop .select_color span:nth-child(3){background: #5291FF;}
.edit_label_pop .select_color span:nth-child(4){background: #FB9240;}
.edit_label_pop .select_color span:nth-child(5){background: #72A737;}
.edit_label_pop .select_color span:nth-child(6){background: #90949C;}
.edit_label_pop .tab_list{min-height: 100px;max-height: 400px;margin-top: 20px;overflow:auto;}
.edit_label_pop .tab_list ul{border:1px solid #D8DBDE;border-radius:4px;}
.edit_label_pop .tab_list::-webkit-scrollbar {display: none;}
.edit_label_pop .tab_list ul li{height:60px;margin:0 10px;border-bottom: 1px solid #E4E8ED;}
.edit_label_pop .tab_list ul li:last-child{border-bottom: none;}

.edit_label_pop .tab_list .left{display: flex;align-items: center;}
.edit_label_pop .tab_list .tab_color{width:14px;height:14px;display:inline-block;border-radius:50%;vertical-align:middle;background:#5291ff}
.edit_label_pop .tab_list .left i{color:#333;font-size:20px;margin:0 20px;vertical-align: middle;cursor: pointer;}
.edit_label_pop .tab_list .left label{display: inline-block;padding: 0 12px;line-height: 30px;border-radius: 4px;    color: #fff;vertical-align: middle;}
.edit_label_pop .tab_list .icon-delete1{ float: right; margin-right: 20px;margin-top: 20px; cursor: pointer;}
.edit_label_pop .btn_box{float:right; margin-top: 30px;}
.edit_label_pop .btn_box button{width:100px;height:40px;border-radius:2px 2px 2px 2px;}
.edit_label_pop .btn_box .cancel{color: #FF6541;border:1px solid #FF6541;}
.edit_label_pop .btn_box .save{color: #ffffff;background: #FF6541;margin-left: 20px;}
/* cmpt slide */
.section[toggle="slide"] .banner_swiper{margin-bottom: 20px;}
.section[toggle="slide"] .banner_swiper_top {margin-bottom:20px;display:flex;justify-content:space-between;}
.section[toggle="slide"] .banner_swiper_top .edit{color:#FF6541;cursor:pointer}
.section[toggle="slide"] .banner_edit{display:none}
.section[toggle="slide"] .banner_edit .back{cursor:pointer}
.section[toggle="slide"] .banner_edit .back i{margin-right: 4px;}
.section[toggle="slide"] .banner_edit h4{font-size:16px;font-weight:500;color:rgba(102,107,125,1);margin-bottom:20px;margin-top:20px;}
.section[toggle="slide"] .banner_edit .rend_btn img{border-radius:0;max-width:100px;max-height:54px;}
.section[toggle="slide"] .banner_list{position:relative}
.section[toggle="slide"] .banner_list .banner_ul{white-space: nowrap;}
.section[toggle="slide"] .banner_list .banner_ul li{display: inline-block;text-align:center}
.section[toggle="slide"] .banner_list .banner_ul li img{height:240px;max-width:320px;object-fit:contain;}
.section[toggle="slide"] #swiper {height:240px;width:100%;overflow: hidden;}
.section[toggle="slide"] #swiper .swiper-slide img{object-position: center;}
.section[toggle="slide"] #swiper .swiper-slide{position: relative;}
.section[toggle="slide"] .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:none}
.section[toggle="slide"] .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:none}
.section[toggle="slide"] .swiper-pagination-bullet{width:6px;height:6px;}
.section[toggle="slide"] .swiper-pagination-bullet-active{background:#FF6340}
.section[toggle="slide"] .swiper-button-next .iconfont,.swiper-button-prev .iconfont{font-size:20px;}
.section[toggle="slide"] .banner_type-div{display:flex}
.section[toggle="slide"] .banner_type-div span{width:30%}
.section[toggle="slide"] .banner_type-div .is-select{margin-right: 10px;}
.section[toggle="slide"] .main-edit [toggle=typeVideo]{display:none}
.section[toggle="slide"] .banner_type-div .banner_type-image,.banner_type-div .banner_type-video{margin-top: 4px;}
.section[toggle="slide"] .banner_type-div .banner_type-btn button{width:100px;height:36px;background:rgba(255,99,64,1);border-radius:4px;color:#ffffff;}
.section[toggle="slide"] [toggle=typeVideo] .video_platform{display: inline-block; width: 46px;height: 46px; text-align: center; line-height: 42px; margin-right: 20px;cursor:pointer}
.section[toggle="slide"] [toggle=typeVideo] .video_platform.selected{border: 2px solid #FF6340;border-radius: 6px;}
.section[toggle="slide"] [toggle=typeVideo] .video_platform img{width: 24px;}
.section[toggle="slide"] [toggle=typeVideo] .iconyoutube{color:#ff001c;font-size: 28px;}
.section[toggle="slide"] [toggle=typeVideo] .iconvimeo{color:#1fb7e4;font-size: 24px;}
.section[toggle="slide"] .cont_type__item[data-type="2"] .video_platform{display: inline-block; width: 46px;height: 46px; text-align: center; line-height: 42px; margin-right: 20px;cursor:pointer}
.section[toggle="slide"] .cont_type__item[data-type="2"] .video_platform.selected{border: 2px solid #FF6340;border-radius: 6px;}
.section[toggle="slide"] .cont_type__item[data-type="2"] .video_platform img{width: 24px;}
.section[toggle="slide"] .cont_type__item[data-type="2"] .iconyoutube{color:#ff001c;font-size: 28px;}
.section[toggle="slide"] .cont_type__item[data-type="2"] .iconvimeo{color:#1fb7e4;font-size: 24px;}
.section[toggle="slide"] .banner_edit .upgrade{display: none;}
.section[toggle="slide"] .add_banner_btn{color: #ff6541;display: block;margin-left: auto;}
.section[toggle="slide"] .banner_edit .cant-more{font-size:16px;color:#666B7D;font-weight:500;line-height:18px;text-align:right;margin-bottom:20px;display:none}
.section[toggle="slide"] .con_item[toggle=banner] .upgrade{width:100%;margin-top:0;margin-bottom:18px;}
/*Cmpt Text*/
.section[toggle="text"] .title-group,.section[toggle="text"] .stitle-group,.section[toggle="text"] .desc-group{display: none;}
.section[data-subtype="cmpt-text-title1"] .title-group{display: block;}
.section[data-subtype="cmpt-text-title2"] .title-group{display: block;}
.section[data-subtype="cmpt-text-title3"] .title-group{display: block;}
.section[data-subtype="cmpt-text-title4"] .title-group{display: block;}
.section[data-subtype="cmpt-text-desc"] .desc-group{display: block;}
.section[data-subtype="cmpt-text-title3Desc"] .title-group{display: block;}
.section[data-subtype="cmpt-text-title3Desc"] .desc-group{display: block;}
.section[data-subtype="cmpt-text-title2LineDesc"] .title-group{display: block;}
.section[data-subtype="cmpt-text-title2LineDesc"] .desc-group{display: block;}
.section[data-subtype="cmpt-text-title2LineTitle3Desc"] .title-group{display: block;}
.section[data-subtype="cmpt-text-title2LineTitle3Desc"] .stitle-group{display: block;}
.section[data-subtype="cmpt-text-title2LineTitle3Desc"] .desc-group{display: block;}
.section[data-subtype="cmpt-text-title2Title3Desc"] .title-group{display: block;}
.section[data-subtype="cmpt-text-title2Title3Desc"] .stitle-group{display: block;}
.section[data-subtype="cmpt-text-title2Title3Desc"] .desc-group{display: block;}
/*Cmpt Profile*/
.section[toggle="profile"] .head_upload{margin-left:22px;width: 128px;height: 128px;cursor: pointer;margin-bottom: 20px;}
.section[toggle="profile"] .img_empty{width:100%;height:100%;border:1px solid rgba(221,221,221,1);border-radius:50%;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.section[toggle="profile"] .logo .img_empty{display: none;}
.section[toggle="profile"] .img_empty i{color: #fec4bd;}
.section[toggle="profile"] .img_empty span{display:block;margin-top:8px;font-size:14px;color:rgba(119,119,119,1)}
.section[toggle="profile"] .img_box{width: 100%;height: 100%;display: none;}
.section[toggle="profile"] .logo .img_box{display: block;}
.section[toggle="profile"] .head_upload img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
/*Cmpt Image*/
.section .section-cont-item[data-key="style"] .style__title{margin-bottom: 8px; font-size: 16px;}
.section .section-cont-item[data-key="style"] .style__subtype{display:flex;flex-wrap:wrap;margin-bottom:6px}
.section .section-cont-item[data-key="style"] .style__subtype .item{width:158px;height:140px;margin-right:20px;margin-bottom:20px;text-align:center;line-height:138px;border-radius:12px;border:1px solid #d8dbde;cursor:pointer}
.section .section-cont-item[data-key="style"] .style__subtype .item img{width:110px}
.section .section-cont-item[data-key="style"] .style__subtype .item img:nth-child(2){display:none}
.section .section-cont-item[data-key="style"] .style__subtype .item.selected{outline:2px solid var(--theme-color);border:1px solid transparent}
.section .section-cont-item[data-key="style"] .style__subtype .item.selected img{display:none}
.section .section-cont-item[data-key="style"] .style__subtype .item.selected img:nth-child(2){display:inline-block}
.section[toggle="image"] .tiptitle{margin-bottom: 16px;color: #999999;}
.section[toggle="image"] .image_list{display: flex;flex-wrap: wrap;}

.section[data-subtype="cmpt-image-listImageRect"] .image_list li{margin-bottom: 20px;cursor: pointer;}
.section[data-subtype="cmpt-image-listImageRect"] .image_list li{width: 242px;height: 160px;position: relative;}
.section[data-subtype="cmpt-image-listImageRect"] .image_list .img_box{width: 100%;height: 100%;}
.section[data-subtype="cmpt-image-listImageRect"] .image_list li:not(:nth-child(2n+2)){margin-right: 20px;}
.section[data-subtype="cmpt-image-listImageRect"] .image_list li.img_item img {width: 100%; height: 100%;border-radius: 12px; object-fit: cover;}
.section[data-subtype="cmpt-image-listImageRect"] .image_list .img_item i{position: absolute; top: -6px; right: -6px;color: #DFDFDF;font-size: 22px;cursor: pointer;width: 18px;height: 18px;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%; }
.section[data-subtype="cmpt-image-listRow2Image"] .image_list li{width:100px;height: 100px;position: relative;margin-bottom: 25px;cursor: pointer;}
.section[data-subtype="cmpt-image-listRow2Image"] .image_list li .img_box{width: 100%;height: 100%;}
.section[data-subtype="cmpt-image-listRow2Image"] .image_list li:not(:nth-child(4n+4)){margin-right: 30px;}
.section[data-subtype="cmpt-image-listRow2Image"] .image_list li.img_item img {width: 100%; height: 100%; border-radius: 12px;object-fit: cover;}
.section[data-subtype="cmpt-image-listRow2Image"] .image_list .img_item i{ position: absolute; top: -6px; right: -6px;color: #DFDFDF;font-size: 22px;cursor: pointer;width: 16px;height: 16px;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%; }
.section[data-subtype="cmpt-image-listImageFlow"] .image_list li{width:100px;height: 100px;position: relative;margin-bottom: 25px;cursor: pointer;}
.section[data-subtype="cmpt-image-listImageFlow"] .image_list li .img_box{width: 100%;height: 100%;}
.section[data-subtype="cmpt-image-listImageFlow"] .image_list li:not(:nth-child(4n+4)){margin-right: 30px;}
.section[data-subtype="cmpt-image-listImageFlow"] .image_list li.img_item img {width: 100%; height: 100%;border-radius: 12px; object-fit: cover;}
.section[data-subtype="cmpt-image-listImageFlow"] .image_list .img_item i{ position: absolute; top: -6px; right: -6px;color: #DFDFDF;font-size: 22px;cursor: pointer;width: 16px;height: 16px;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%; }
.section[data-subtype="cmpt-image-listRowImageTitleDesc"] .rend_btn img{width:52px;height: 52px;object-fit: cover;}



.section[data-subtype="cmpt-image-image"] .img_box{width: 280px;height: 280px;margin: 0 auto;cursor: pointer;}
.section[data-subtype="cmpt-image-image"] .img_box img{width: 100%;height: 100%;object-fit: cover;}
.section[data-subtype="cmpt-image-image"] .img_empty{width: 100%; height: 100%;background-color: #eeeeee; display: flex; justify-content: center;align-items: center;border-radius: 6px;}
.section[data-subtype="cmpt-image-image"] .img_empty i{font-size: 30px;color: #ff6543;}
.section[data-subtype="cmpt-image-titleImage"] .img_block{margin-bottom: 20px;}
.section[data-subtype="cmpt-image-titleImage"] .img_box{width: 280px;height: 280px;margin: 0 auto;cursor: pointer;}
.section[data-subtype="cmpt-image-titleImage"] .img_box img{width: 100%;height: 100%;object-fit: cover;}
.section[data-subtype="cmpt-image-titleImage"] .img_empty{width: 100%; height: 100%;background-color: #eeeeee; display: flex; justify-content: center;align-items: center;border-radius: 6px;}
.section[data-subtype="cmpt-image-titleImage"] .img_empty i{font-size: 30px;color: #ff6543;}
.section[data-subtype="cmpt-image-titleDescImage"] .img_block{margin-bottom: 20px;}
.section[data-subtype="cmpt-image-titleDescImage"] .img_box{width: 280px;height: 280px;margin: 0 auto;cursor: pointer;}
.section[data-subtype="cmpt-image-titleDescImage"] .img_box img{width: 100%;height: 100%;object-fit: cover;}
.section[data-subtype="cmpt-image-titleDescImage"] .img_empty{width: 100%; height: 100%;background-color: #eeeeee; display: flex; justify-content: center;align-items: center;border-radius: 6px;}
.section[data-subtype="cmpt-image-titleDescImage"] .img_empty i{font-size: 30px;color: #ff6543;}
.section[data-subtype="cmpt-image-rowTitleDescImage"] .img_block{margin-bottom: 20px;}
.section[data-subtype="cmpt-image-rowTitleDescImage"] .img_box{width: 280px;height: 280px;margin: 0 auto;cursor: pointer;}
.section[data-subtype="cmpt-image-rowTitleDescImage"] .img_box img{width: 100%;height: 100%;object-fit: cover;}
.section[data-subtype="cmpt-image-rowTitleDescImage"] .img_empty{width: 100%; height: 100%;background-color: #eeeeee; display: flex; justify-content: center;align-items: center;border-radius: 6px;}
.section[data-subtype="cmpt-image-rowTitleDescImage"] .img_empty i{font-size: 30px;color: #ff6543;}
.section[data-subtype="cmpt-image-rowImageTitleDesc"] .img_block{margin-bottom: 20px;}
.section[data-subtype="cmpt-image-rowImageTitleDesc"] .img_box{width: 280px;height: 280px;margin: 0 auto;cursor: pointer;}
.section[data-subtype="cmpt-image-rowImageTitleDesc"] .img_box img{width: 100%;height: 100%;object-fit: cover;}
.section[data-subtype="cmpt-image-rowImageTitleDesc"] .img_empty{width: 100%; height: 100%;background-color: #eeeeee; display: flex; justify-content: center;align-items: center;border-radius: 6px;}
.section[data-subtype="cmpt-image-rowImageTitleDesc"] .img_empty i{font-size: 30px;color: #ff6543;}
.section[data-subtype="cmpt-image-imageTitleDescButton"] .img_block{margin-bottom: 20px;}
.section[data-subtype="cmpt-image-imageTitleDescButton"] .img_box{width: 280px;height: 280px;margin: 0 auto;cursor: pointer;}
.section[data-subtype="cmpt-image-imageTitleDescButton"] .img_box img{width: 100%;height: 100%;object-fit: cover;}
.section[data-subtype="cmpt-image-imageTitleDescButton"] .img_empty{width: 100%; height: 100%;background-color: #eeeeee; display: flex; justify-content: center;align-items: center;border-radius: 6px;}
.section[data-subtype="cmpt-image-imageTitleDescButton"] .img_empty i{font-size: 30px;color: #ff6543;}
.section[data-subtype="cmpt-image-imageRect"] .img_block{margin-bottom: 20px;}
.section[data-subtype="cmpt-image-imageRect"] .img_box{width: 300px;height: 200px;margin: 0 auto;cursor: pointer;}
.section[data-subtype="cmpt-image-imageRect"] .img_box img{width: 100%;height: 100%;object-fit: cover;}
.section[data-subtype="cmpt-image-imageRect"] .img_empty{width: 100%; height: 100%;background-color: #eeeeee; display: flex; justify-content: center;align-items: center;border-radius: 6px;}
.section[data-subtype="cmpt-image-imageRect"] .img_empty i{font-size: 30px;color: #ff6543;}
/*Cmpt Video*/
.section[toggle="video"] .section-tit{margin-bottom: 22px;}
.section[toggle="video"] .video-type{display: flex; margin-bottom: 18px;}
.section[toggle="video"] .video-type li{margin-right: 20px;cursor: pointer;width: 46px;height: 46px;text-align: center;line-height: 42px;border-radius: 6px;border: 2px solid transparent;}
.section[toggle="video"] .video-type li.selected{border: 2px solid #FF6541;}
.section[toggle="video"] .video-type li img{width: 24px;}
.section[toggle="video"] li[data-platform="youtube"] i{font-size: 22px;color: #fd021c;}
.section[toggle="video"] li[data-platform="vimeo"]  i{color: #19b7ec;}
.section[toggle='video'] .title-group{display: none;}
.section[toggle='video'] .desc-group{display: none;}
.section[data-subtype="cmpt-video-titleVideo"] .title-group{display: block;}
.section[data-subtype="cmpt-video-videoTitle"] .title-group{display: block;}
.section[data-subtype="cmpt-video-videoTitleDesc"] .title-group{display: block;}
.section[data-subtype="cmpt-video-videoTitleDesc"] .desc-group{display: block;}
/*Cmpt Content*/
.section[toggle=subimage] .edit-image-wrap{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE;}
.section[toggle=subimage] .img-block{width:160px;height:160px;display: inline-block;cursor: pointer;}
.section[toggle=subimage] .img-box{width: 100%;height: 100%;border-radius: 5px;}
.section[toggle=subimage] .img-box img{width:100%;height: 100%;object-fit: cover}
.section[toggle=subimage] .img_empty{width: 160px;height: 160px;line-height: 160px;text-align: center;background: #eee;border-radius: 5px;}
.section[toggle=subimage] .img_empty i{font-size: 20px;color: var(--theme-color)}
.section[toggle=subimage] .title-group{display:none;}
.section[toggle=subimage][data-subtype=cmpt-image-imageRect] .img-block{width:240px;height:160px}
.section[toggle=subimage] .image-action{ margin: 10px 0 16px;padding-bottom: 10px; border-bottom: 1px solid #dddddd;}
.section[toggle=subimage] .image-action label{display: block;margin-bottom: 10px;font-size: 16px;}
.section[toggle=subimage] .image-action .list{display: flex;margin-bottom:12px;}
.section[toggle=subimage] .image-action .item:first-child{min-width: 200px;}
.section[toggle=subvideo] .video-type{display: flex;margin-bottom: 18px;}
.section[toggle=subvideo] .video-type li {width: 46px;height: 46px; margin-right: 20px;text-align: center;line-height: 42px;border-radius: 6px;border: 2px solid transparent;cursor: pointer;}
.section[toggle=subvideo] .video-type li.selected {border: 2px solid #FF6541;}
.section[toggle=subvideo] .video-type li img {width: 24px;}
.section[toggle=subcover] .banner_preview{width:352px;height:208px;border-radius: 4px;margin-bottom: 30px;cursor: pointer;}
.section[toggle=subcover] .banner {height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.section[toggle=subcover] .intro_box {color: #fff;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 4px;}
.section[toggle=subblock] .section-content__desc {margin-bottom:18px; color: #666666;}
.section[toggle=subblock] .section-content__title {display: flex;align-items: center;margin-bottom: 10px;}
.section[toggle=subblock] .section-content__title .explanation {position: relative;width: 24px;text-align: center}
.section[toggle=subblock] .section-content__title .explanation:hover .explanation__box {display: block}
.section[toggle=subblock] .section-content__title .explanation__box {display: none;position: absolute;top: 30px;left: 50%;z-index: 99;width: 300px;padding: 6px 8px;margin-left: 20px;background: #fff;font-size: 12px;text-align: left;border: 1px solid #999;border-radius: 4px;transform: translateX(-50%)}
.section[toggle=subblock] .section-content__title .explanation__box::after {content: "";position: absolute;width: 16px;height: 10px;margin-left: -20px;background: url(https://bio.linkcdn.cc/instabio.cc/images/back/tooltip-arrow_border.png) no-repeat center center;top: -8px;left: 50%;transform: translateX(-50%);background-size: cover;overflow: hidden}
.section[toggle=subblock] .embedlink-display {display: none;margin-top: 20px;}
.section[toggle=subblock] .link-option__item:first-child {margin-bottom: 10px;}

.section[toggle="form"] .formEdit-view{width: 466px;margin-right: 10px;flex-shrink: 0;}
.section[toggle="form"] .formEdit-view .iframe-box{height:500px;}
.section[toggle="form"] .style__tab{margin-bottom: 20px;}
.section[toggle="form"] .style__tab li{display: inline-block;margin-right: 30px;font-size: 16px;cursor: pointer;}
.section[toggle="form"] .style__tab .selected{color:var(--theme-color)}
.section[toggle="form"] .formEdit-style{margin-top: 10px;}
.section[toggle="form"] .form-iframe iframe{max-height: 420px;}
/* c-block-sort */
.c-block-sort__title{margin-bottom: 12px;font-size: 18px;font-weight: 500;}
.c-block-sort .block-box{height:52px;border:1px solid #DFDFDF;border-radius:2px;display:flex;align-items:center;margin-bottom:20px}
.c-block-sort .block-box__move{border-right:1px solid #DFDFDF;width:34px;text-align:center;line-height:50px;flex:none;color:#999;cursor:pointer}
.c-block-sort .block-box__text{width:100%;padding:0 12px}
/*Add Button*/
.sectionEdit_box .cmpt-button__add{width: fit-content;margin-left: auto;margin-top:10px;}
.sectionEdit_box .cmpt-button__add i{font-size: 18px;cursor: pointer}
.sectionEdit_box .cmpt-button__add.down{margin-bottom: 10px;display: none;}
.sectionEdit_box .add_button_btn{color:var(--theme-color);font-size: 16px;cursor: pointer}
.button-toolbar-pop .title{font-size: 18px;}
.button-toolbar-pop .button-toolbar{text-align: center;display: flex;flex-wrap: wrap;}
.button-toolbar-pop .button-toolbar .item{float: left;width:188px;height: 138px;line-height: normal;padding: 18px 14px;text-align: center;border: 1px solid #dfdfdf; border-radius: 4px;margin: 0 20px 20px 0;  cursor: pointer;}
.button-toolbar-pop .button-toolbar .item:hover{ background-color: #fafafa;border-color: transparent;box-shadow: 0 0 8px 0 rgb(0, 0, 0, .18);}
.button-toolbar-pop .button-toolbar i {margin: 0 7px;font-size: 28px;}
.button-toolbar-pop .toolbar__title {margin: 9px 0 8px;font-weight: 500;}
.button-toolbar-pop .toolbar__subtitle { color: #666;line-height: 18px;}
/* old */
.history_button_pop .button__tab{height: 30px;border-bottom: 1px solid #DDDDDD;margin-bottom: 20px}
.history_button_pop .button__tab .item{margin-right: 50px; height: 100%;display: inline-block;box-sizing: content-box;cursor: pointer;}
.history_button_pop .button__tab .item:hover{color: #FF6541;}
.history_button_pop .button__tab .item.active{color: #FF6541;border-bottom: 2px solid #FF6541;}
.history_button_pop .button__list{min-height: 300px; max-height: 500px;overflow: auto;}
.history_button_pop .button__list::-webkit-scrollbar {width: 6px;height: 6px; background: transparent;}
.history_button_pop .button__list::-webkit-scrollbar-thumb {background: transparent; border-radius: 4px;}
.history_button_pop .button__list:hover::-webkit-scrollbar-thumb {background: hsla(0, 0%, 53%, 0.4);}
.history_button_pop .button__list:hover::-webkit-scrollbar-track {background: hsla(0, 0%, 53%, 0.1); }
.history_button_pop .button-link .button__list{margin:0 -20px 20px;padding: 0 30px;}
.history_button_pop .button-link .item{display: flex;align-items: center;cursor: pointer;}
.history_button_pop .button-link .item:not(:last-child){margin-bottom: 20px;}
.history_button_pop .button-link .info {width:500px;height:51px;display: flex;align-items: center; padding: 0 14px; background:rgba(255,255,255,1);border:1px solid rgba(223,223,223,1);border-radius:4px;}
.history_button_pop .button-link .cover{width: 30px;height: 30px;margin-right: 10px;}
.history_button_pop .button-link .title{max-width: 300px;display: inline-block;}
.history_button_pop .button-link .link{max-width: 300px;font-size:12px; color:#A9A9A9}
.history_button_pop .button-link .remove{margin-left: auto;color: #777777;font-size: 18px;cursor: pointer;}
.history_button_pop .button-link .item__action{margin-left: 20px;}


/*.history_button_pop .button-form .button__list{display: flex;flex-wrap: wrap;justify-content: space-between;margin:20px -20px 20px;padding: 0 20px;}*/
/*.history_button_pop .button-form .item{width:256px;display: inline-block;margin-bottom: 20px;}*/
/*.history_button_pop .button-form .title{color: #333333; font-weight: bold; margin-bottom: 6px;display: flex;}*/
/*.history_button_pop .button-form .is-select{margin-left: auto;margin-right: 16px;}*/
.history_button_pop .done {width: 100px;height: 40px;background: #FF6541;border-radius: 4px;color: #ffffff; display: block;margin-left: auto;}
.history_button_pop .history__blank{padding: 90px 20px 110px;text-align: center;}
.history_button_pop .history__blank img{width: 240px;height: 200px;}
/*Button-Shopee*/

.button-shopee-pop .pop-action{margin-top: 12px;text-align: right;}
.button-shopee-pop .pop-btn-cancel{width: 100px;height: 40px;color: var(--theme-color);border: 1px solid var(--theme-color);border-radius: 4px;}
.button-shopee-pop .pop-btn-confirm{width: 100px;height: 40px;  margin-left: 20px;color: #fff;background: var(--theme-color);border-radius: 4px;}
.button-shopee-pop .title{font-size: 18px;}
.button-shopee-pop .shopee-tab{color: #777777;margin-bottom: 22px}
.button-shopee-pop .shopee-tab li{display: inline-block;margin-right: 40px;height: 26px;cursor: pointer;}
.button-shopee-pop .shopee-tab li.active{color: var(--theme-color)}
.button-shopee-pop .shopee-tab li span{border-bottom: 1px solid transparent;height: 100%;display: inline-block;}
.button-shopee-pop .shopee-tab li.active span{border-bottom-color:var(--theme-color);}
.button-shopee-pop .cont-product .radio_input_wrap{position: absolute;top: 10px;left: 10px;}
.button-shopee-pop .el-radio_input{width: 20px;height: 20px;background-color: #fff;display: inline-block;position: relative;cursor: pointer;border:1px solid #aaa;border-radius: 2px;}
.button-shopee-pop .selected .el-radio_input{border: none}
.button-shopee-pop .item.selected .el-radio_input::before {content: "";display: inline-block;width: 20px;height: 20px;background-color:#FF6541;border-radius: 2px;}
.button-shopee-pop .item.selected .el-radio_input::after{content: "";position: absolute;width: 12px;height: 6px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;top: 5px;left:4px;transform: rotate(-50deg);}
.button-shopee-pop .cont-item{display: none;}
.button-shopee-pop .cont-shopee{display: block;}
.button-shopee-pop .cont-item-style .shopee-head{background: #F2F2F2;;height: 40px;line-height: 40px;border: 1px solid #ddd;font-size: 0px;border-radius: 4px 4px 0px 0px;}
.button-shopee-pop .cont-item-style .shopee-head span{display:inline-block;text-align: center;font-size: 14px;}
.button-shopee-pop .cont-item-style .shopee-head .head_name{width: 35%;}
.button-shopee-pop .cont-item-style .shopee-head .head_period{width: 24%;}
.button-shopee-pop .cont-item-style .shopee-head .head_rate{width: 41%;}
.button-shopee-pop .cont-item-style .shopee-list{height: 404px;overflow: auto}
.button-shopee-pop .cont-item-style .shopee-list::-webkit-scrollbar{display: none}
.button-shopee-pop .cont-item-style .shopee-list .item{display: flex;height: 80px;border-bottom: 1px solid #ddd;border: 1px solid #ddd;border-top: none;align-items: center;}
.button-shopee-pop .cont-item-style .shopee-list .item:last-child{border-radius: 0 0 4px 4px;}
.button-shopee-pop .cont-item-style .shopee-list .info{font-size: 0;width: 306px}
.button-shopee-pop .cont-item-style .shopee-list .info img{width: 60px;height: 60px;margin-right: 10px}
.button-shopee-pop .cont-item-style .shopee-list .info div{display: inline-block;vertical-align: middle}
.button-shopee-pop .cont-item-style .shopee-list .info span {width: 150px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.button-shopee-pop .cont-item-style .shopee-list .time{width: 260px}
.button-shopee-pop .cont-item-style .shopee-list .rate{width: 150px}
.button-shopee-pop .cont-item-style .shopee-list .delete{cursor: pointer;}
.button-shopee-pop .cont-item-style .delete i{font-size: 20px}
.button-shopee-pop .cont-item-style .shopee-list .item .el-radio_input{margin: 0 20px;}
.button-shopee-pop .cont-product .shopee-list{display: flex;flex-wrap: wrap;margin: 0 -10px;height: 444px;overflow: auto;}
.button-shopee-pop .cont-product .item{width: 200px;margin: 0px 10px;position: relative;}
.button-shopee-pop .cont-product .img_block img{width: 100%;height: 200px}
.button-shopee-pop .cont-product .commission-block{color:#ff6541}
.button-shopee-pop .cont-product .commission-block .title{font-size: 12px;display: block;margin-bottom: 3px}
.button-shopee-pop .cont-product .commission-block .rate{display: inline-block;}
.button-shopee-pop .cont-product .commission-block .text{display: inline-block;float: right;text-align: right;}
.button-shopee-pop .cont-product .name {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 12px;margin: 10px 0 2px;}
.button-shopee-pop .cont-product .price{font-weight: bold}
.button-shopee-pop .cont-product .sales{color: #aaaaaa;font-size: 12px;    margin: 4px 0 8px;}
.button-shopee-pop .cont-product .shop{display: inline-block;}
.button-shopee-pop .cont-product .shop i{font-size: 18px;margin-right: 6px;}
.button-shopee-pop .cont-product .delete{float: right;}
.button-shopee-pop .cont-product .delete i{font-size: 20px;}
.button-shopee-pop .cont-product .shopee-list::-webkit-scrollbar{display: none}
/*link-history-pop*/
.link-history-pop .url-blank{text-align: center;font-size: 18px;padding: 16px 0 60px 0;color: #777777;}
.link-history-pop .history-url{max-height: 400px;overflow: auto;}
.link-history-pop .history-url__item{display: flex; align-items: center;}
.link-history-pop .history-url__item:not(:last-child){margin-bottom: 16px;}
.link-history-pop .history-url__item .cover{width: 30px;height: 30px;object-fit: cover;margin: 0 8px 0 15px;flex: none;border-radius: 50%;}
.link-history-pop .history-url__item .url{font-weight: bold;color: #333333;line-height: 18px;}
.link-history-pop .history-url__item .icon-radio{flex: none;}
/* Content -- blank */
.section[toggle="blank"]{padding: 60px 160px 60px;  text-align: center;}
.section[toggle="blank"]  p{ margin-top: 26px;line-height: 22px;}
.section[toggle="subblock"] .lpHeader-verified{margin-bottom: 20px;margin-left: 0;}
.section[toggle="subblock"] .badge__title {font-size: 16px;}
.section[toggle="subblock"] .is-pro:before {left: 7px;top: 2px;}
.section[toggle="subblock"] .badge-list {margin-top: 18px;}
.section[toggle="subblock"] .badge-list li {float: left;width: 36px;height: 36px;margin-right: 6px;line-height: 30px;border: 2px solid transparent;border-radius: var(--theme-corner-inner);text-align: center;cursor: pointer;}
.section[toggle="subblock"] .badge-list li.selected {border: 2px solid var(--theme-color);}
.section[toggle="subblock"] .badge-list img {width: 22px;}
.section[toggle="subblock"] .badge-position {display: flex;align-items: center;margin-top: 16px;}
.section[toggle="subblock"] .badge-position__title {margin-right: 8px;font-weight: 500}
.section[toggle="subblock"] .badge-position__list {display: flex;height: 28px;padding: 4px;background: #EBEDEF;border-radius: 8px;font-size: 14px;}
.section[toggle="subblock"] .badge-position__list .item {padding: 0 8px;height: 20px;border-radius: 4px;text-align: center;cursor: pointer}
.section[toggle="subblock"] .badge-position__list .active {color: #fff;background: var(--theme-color);}

/* new analysis */
.anl-link__info{position: relative;height: 74px;margin-bottom: 22px;}
.anl-link__inner{position: absolute;z-index: 99;width: 400px;background-color: #ffffff;border-radius:16px ;box-shadow: 0px 0px 4px 0px rgba(2,27,57,0.04);}
.anl-link__box{padding: 17px 20px; display: flex;align-items: center;min-width: 0;cursor: pointer;}
.anl-link__basic{display: flex; flex: auto;align-items: center;min-width: 0;}
.anl-link__cover{ width: 40px;height: 40px;margin-right: 8px;border-radius: 8px;    object-fit: cover;}
.anl-link__title{font-weight: 600;font-size: 16px;}
.anl-link__url{color: #999999;}
.anl-link__arrow{margin-left: 8px;}
.anl-link__arrow i{font-size: 20px;}
.anl-link__dropdown{display: none;padding: 16px 10px;border-top: 1px solid #E4E8ED;}
.anl-link__inner.opened .anl-link__dropdown{display: block;}
.anl-link__info .link__search{position:relative;margin: 0 10px;}
.anl-link__info .search-input{width: 360px;height: 44px;border-radius: 6px 6px 6px 6px; border: 1px solid #D8DBDE;padding-left: 38px;}
.anl-link__info .link__search i{position: absolute; left: 14px; top: 12px;}
.anl-link__info .link__list{margin-top:14px;}
.anl-link__info .link__info{display: flex; align-items: center;}
.anl-link__info .link__cover{width: 40px;height: 40px;margin-right: 8px;border-radius: 8px;    object-fit: cover;}
.anl-link__info .link__item{display: flex;justify-content: space-between;align-items: center;height:60px;margin-bottom: 8px;padding:0 10px;cursor: pointer;    }
.anl-link__info .link__item:hover,.anl-link__info .link__item.selected{background: #F5F6F7;border-radius: 12px;}
.anl-link__info .link__check{display: none;font-size: 20px; margin-right: 8px;}
.anl-link__info .link__item.selected .link__check{display: block;}
.anl-link__info .link__title{font-size: 16px;font-weight: 600;}
.anl-link__info .link__url{margin-top: 2px;color: #999999;}
.anl-link__info .anl-link__list{max-height: 320px;overflow: auto;margin-top: 14px;}
.anl-link__info .anl-link__list::-webkit-scrollbar{display: none;}
.anl-link__result {padding:36px 0;text-align: center;background: #F5F6F7;border-radius: 12px;margin: 20px 10px 0;}
.anl-link__result img {width: 94px;}
.anl-link__result .result__desc{ margin-top: 16px;font-weight: 500;}
/* 骨架屏样式 */
.anl-skeleton .cls-1{fill: url(#gradient); /* 应用渐变 */}
.anl-block__content{display: none;}
.anl-upgrade__wrap{ position: absolute; width: 100%; height: 100%; z-index: 10; backdrop-filter: blur(2px); background: rgba(255, 255, 255, 0.5); border-radius: 16px 16px 16px 16px; }
.bio-anl__wrapper{padding:30px 0 0 22px}
.bio-anl__inner{margin:0 auto;width:1080px; padding: 0 0 100px;}
.bio-anl__item{position: relative;margin-bottom: 20px;}
.insight-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.insight-item-top .title{font-size: 16px;font-weight: 600;}
.selDate__select{position: relative;display:inline-block;width: 144px; white-space: nowrap;font-size: 12px;}
.selDate__box{display: flex;align-items: center;justify-content: space-between;min-width: 112px;height: 36px;border: 1px solid #D8DBDE; background: #fff;padding: 0 10px;border-radius: 8px;cursor: pointer;}
.selDate__box i{margin-left: 10px;font-size: 12px}
.selDate__select.opened i{transform: rotate(90deg);}
.selDate__dropdown{display: none;position: absolute;z-index: 999;min-width:100%;padding: 6px;margin-top: 4px;background: #FFFFFF;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);border-radius: 8px;}
.selDate__dropdown li{display: flex;align-items: center;justify-content: space-between;height: 32px;  padding: 0 4px;line-height: 32px;border-radius: 6px;cursor: pointer;}
.selDate__dropdown li.selected{color:var(--theme-done-color)}
.selDate__dropdown li:hover{background: #F5F6F7;}
.selDate__select.opened .selDate__dropdown{display: block;}
.anl-upgrade {position: absolute;top: 50%;left: 50%;z-index: 9;transform: translate(-50%,-50%);width: 420px;padding: 36px 24px;text-align: center;background: rgba(255,255,255,0.8);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);border-radius: 12px;font-size: 18px;}
.anl-upgrade__title {font-size: 20px;font-weight: 700;}
.anl-upgrade__desc{font-size: 16px;margin-top: 14px;}
.anl-upgrade__upgrade{margin-top: 28px;width: 320px;position: relative;}
.anl-upgrade__upgrade img{position: absolute;top: -1px;left: -1px;border-top-left-radius: 8px;}
.subscribe__download{width: 168px; height: 44px; border-radius: 8px; border: 1px solid #FF6541;font-weight: 500;color: #FF6541;}
.subscribe__download i{font-size: 20px;vertical-align: middle;}
.subscribe__download[disabled]{background-color:var(--theme-disabled-color);color:var(--theme-disabled-font-color);border: 1px solid var(--theme-disabled-color);}
.download-subscribe{display: flex; align-items: center;justify-content: space-between;width: 100%;padding: 24px;}
.download-subscribe .subscribe__title{ font-weight: 500;margin-bottom: 10px;}
.download-subscribe .subscribe__cnt{display: flex;}
.download-subscribe .subscribe__cnt .line{padding: 0 12px;}
.download-subscribe .cnt{margin-right: 2px;}
.ov-total__icon{width:66px;height:66px;margin-right: 14px;border-radius: 16px;text-align: center;line-height: 66px;}
.ov-total__icon i{font-size:30px;font-weight:600}
.ov-total--visit .ov-total__icon{background:rgba(79, 212, 128, .2)}
.ov-total--click .ov-total__icon{background:rgba(247, 126, 102, .2)}
.ov-total--ctr .ov-total__icon{background:rgba(104, 123, 243, .2)}
.ov-total--subscriber .ov-total__icon{background:rgba(249, 180, 62, .2)}
.ov-total--visit .ov-total__icon i {color:#29633f}
.ov-total--click .ov-total__icon i {color:#733528}
.ov-total--ctr .ov-total__icon i {color:#293164}
.ov-total--subscriber .ov-total__icon i {color:#94561a}
.bio-anl--ov .ov-total__item .ov-total__title{color: #666666;font-weight: 500;font-size: 16px;}
.bio-anl--ov .ov-total__item .ov-total__num{font-weight: 700;font-size: 28px;}
.bio-anl--ov .ov-total{margin:0 0 32px;padding: 36px 40px;}
.bio-anl--ov .ov-total__content{display: none;}
.bio-anl--ov .ov-total__list{display:flex;justify-content:space-between;}
.bio-anl--ov .ov-total__item{display:flex;align-items:center;padding:20px 12px 20px 20px;width:226px;border-radius: 16px;}
.bio-anl--ov .ov-total--visit{background: rgba(79, 212, 128, .1);}
.bio-anl--ov .ov-total--click{background: rgba(247, 126, 102, .1);}
.bio-anl--ov .ov-total--ctr{background: rgba(104, 123, 243, .1);}
.bio-anl--ov .ov-total--subscriber{background: rgba(249, 180, 62, .1);}
.ov-chart{display: flex;justify-content: space-between;}
.bio-anl--ov .ov-chart--visits,.bio-anl--ov .ov-chart--clicks{padding: 12px 24px;width: 530px;}
.anl-block-item{width: 530px;padding: 22px 24px;    margin-bottom: 20px;}
.anl-chart__body{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between; align-items: flex-start;}
.subscribe-chart{display: flex;justify-content: space-between;}
.top-perform__list .perform-item .price {display: flex; align-items: start; margin-top: 6px;font-size: 14px;color: #333333;}
.top-perform__list .perform-item .marketPrice {margin-left: 8px;color: #999;font-size: 12px;font-weight: 400; text-decoration: line-through}
.top-perform__list .perform-item{ padding: 4px 0;margin-bottom: 16px;}
.top-perform__list .perform__info{display: flex;align-items: center;    margin-bottom: 12px;}
.top-perform__list .perform__index{width: 20px; height: 20px; margin-right: 16px; line-height: 20px; text-align: center; background: #EBEDEF; border-radius: 6px ; font-size: 12px; font-weight: 500;flex: none;}
.top-perform__list .perform__cover{width: 44px; height: 44px;margin-right: 12px;border-radius:8px}
.top-perform__list .perform__icon{width: 44px;height: 44px;margin-right:12px;padding: 8px 0;border-radius: 8px;text-align: center;}
.top-perform__list .perform__text{min-width: 0;margin-right: 10px;}
.top-perform__list .perform__title{font-weight: 600;}
.top-perform__list .perform__clicks{margin-left: auto;text-align: right;}
.top-perform__list .perform__url{color: #999999;}
.top-perform__list .perform__total{ font-size: 16px; font-weight: 600;}
.top-perform__list .perform__percent{font-size: 12px;color: #999999;}
.top-perform__list .perform__proportion-bar{height: 4px;margin-left: 36px;background: #D8DBDE;border-radius: 30px; position: relative;}
.top-perform__list .perform__bar{width: 308px;height: 4px;background: #666666; border-radius: 30px;}
.top-perform__modal .top-perform__head{margin-left: 4px;margin-right: 4px;}
.top-perform__modal .top-perform__body{max-height: 500px;overflow: auto;}
.top-perform__modal .top-perform__list{margin: 0 4px;}
.top-perform__modal .top-perform__body::-webkit-scrollbar{display: none;}
.top-perform__modal .top-perform__tab {display: flex;color: #666666;margin-bottom: 16px;overflow: auto;   white-space: nowrap;}
.top-perform__modal .top-perform__tab .item {margin-right:12px;background: #f5f6f7; border-radius: 86px; padding: 0px 16px;line-height: 30px;cursor: pointer;}
.top-perform__modal .top-perform__tab .item.active {color: #fff;background: var(--theme-color);}
.top-perform__modal .top-perform__tab::-webkit-scrollbar {display: none;}
.bio-anl__wrapper .link-chart__view{width: 660px;height: 360px;margin: 20px auto;}
.top-perform__head{display:flex;justify-content:space-between;align-items:center;margin-bottom: 20px;}
.top-perform__head .row-1{font-weight: 600;}
.top-perform__head .row-2{color: #666666;}
.top-perform__blank{text-align: center; background: #F5F6F7; border-radius: 12px;padding: 56px 0 52px;}
.top-perform__blank .blank__img{ width: 88px;}
.top-perform__blank .blank__title{font-weight: 500; margin-top: 20px;}
.anl-blank { padding-top: 90px;padding-bottom:20px;text-align: center;}
.anl-blank__img { width: 88px}
.anl-blank__text { margin-top: 36px;color: #666666;}
.top-perform__more{ float: right; font-weight: 500;cursor: pointer;}
.top-perform__more i{vertical-align: middle; color: #666666; font-size: 18px;margin-left: 2px;}
.anl-chart__total{position:relative;display: flex;align-items: center;}
.anl-chart__count{margin-right: 8px;font-size:28px;font-weight:700;}
.anl-chart__pct{padding: 4px;color:#FF0000;background-color: rgba(255, 0, 0, .1);border-radius: 4px; font-size: 12px;}
.anl-chart__pct:empty{display:none}
.anl-chart__pct i{margin-right: 4px;vertical-align: middle;margin-right: 4px;font-size: 14px;}
.anl-chart__pct.up{color:#0AD365;background-color: rgba(3, 165, 76, .1);}
.anl-chart__pct[data-value="0"]{display:none}
.bio-chart__view{width:480px;height:280px;margin:0 auto;}
.sel_location {color: #333333;background: #F5F6F7; border-radius: 4px;display: flex;height: 28px; padding: 4px; align-items: center;}
.sel_location .item {border-radius: 4px; padding: 0 8px;height: 20px;cursor: pointer;}
.sel_location .item.active {color: #fff;background-color: var(--theme-color);}
/*Add Product*/
.product-toolbar-pop .title{font-size: 18px;}
.product-toolbar-pop .product-toolbar{display: flex;flex-wrap: wrap;text-align: center;}
.product-toolbar-pop .product-toolbar li{width: 50%;margin-bottom: 30px;cursor: pointer;color: #141414;}
.product-toolbar-pop .product-toolbar li i{font-size: 36px}
.product-toolbar-pop .product-toolbar li span {display: block;font-size: 16px;margin-top: 8px;}
.product-toolbar-pop .product-toolbar li:hover{color:var(--theme-color);}
.product-shopee-pop{width: 900px;height: 600px;}
.product-shopee-pop .pop-action{margin-top: 12px}
.product-shopee-pop .title{font-size: 18px;}
.product-shopee-pop .shopee-content {margin-top: 20px}
.product-shopee-pop .cont-product .radio_input_wrap{position: absolute;top: 10px;left: 10px;}
.product-shopee-pop .el-radio_input{width: 20px;height: 20px;background-color: #fff;display: inline-block;position: relative;cursor: pointer;border:1px solid #aaa;border-radius: 2px;}
.product-shopee-pop .selected .el-radio_input{border: none}
.product-shopee-pop .item.selected .el-radio_input::before {content: "";display: inline-block;width: 20px;height: 20px;background: #FF6541;border-radius: 2px;}
.product-shopee-pop .item.selected .el-radio_input::after{content: "";position: absolute;width: 12px;height: 6px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;top: 5px;left:4px;transform: rotate(-50deg);}
.product-shopee-pop .cont-product .shopee-list{display: flex;flex-wrap: wrap;margin: 0 -10px;height: 470px;overflow: auto;}
.product-shopee-pop .cont-product .item{width: 200px;margin: 0px 10px;position: relative;}
.product-shopee-pop .cont-product .img_block img{width: 100%;height: 200px}
.product-shopee-pop .cont-product .commission-block{color:#ff6541}
.product-shopee-pop .cont-product .commission-block .title{font-size: 12px;display: block;margin-bottom: 3px}
.product-shopee-pop .cont-product .commission-block .rate{display: inline-block;}
.product-shopee-pop .cont-product .commission-block .text{display: inline-block;float: right;text-align: right;}
.product-shopee-pop .cont-product .name {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 12px;margin: 10px 0 2px;}
.product-shopee-pop .cont-product .price{font-weight: bold}
.product-shopee-pop .cont-product .sales{color: #aaaaaa;font-size: 12px;    margin: 4px 0 8px;}
.product-shopee-pop .cont-product .shop{display: inline-block;}
.product-shopee-pop .cont-product .shop i{font-size: 18px;margin-right: 6px;}
.product-shopee-pop .cont-product .delete{float: right;}
.product-shopee-pop .cont-product .delete i{font-size: 20px;}
.product-shopee-pop .cont-product .shopee-list::-webkit-scrollbar{display: none}
/*Theme Edit*/
.mp-appearance--page{padding: 20px 30px 20px;background: #fff;box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);border-radius: 6px;}
.mp-appearance .theme_top{display: flex;margin: 10px 0 30px;align-items: center;}
.mp-appearance .theme_title{width: 100%;font-size: 18px;}
.mp-appearance .theme_title img{width: 16px;margin-left: 10px;}
.mp-appearance .theme_top .go_theme{flex: none;width: 100px;height: 36px;line-height: 36px;background-color: #FF6541;color: #FFFFFF;border-radius: 2px;text-align: center;cursor: pointer}
.mp-appearance .theme-module{display: flex;margin-bottom: 20px;}
.mp-appearance .theme-module span{font-size: 16px;padding: 0 2px 2px 2px;margin-right: 40px;border-bottom:1px solid transparent;cursor: pointer;}
.mp-appearance .theme-module span.selected{color:#FF6541;border-bottom:2px solid #FF6541;}
.theme-edit-item{margin-bottom: 20px;}
.theme-edit-item:not(:first-child){display: none;}
.theme-edit-item label{color: #080504;}
.theme-edit-item label i{margin-right: 8px;font-size: 20px;vertical-align: middle;}
.theme-edit-item .style_lis{margin-top: 10px;}
.form-color-box{position: relative;}
.theme-edit-item .color_tmpl {font-size: 0;margin-right: -20px;width: 432px;}
.theme-edit-item .style_lis{cursor: pointer;}
.theme-edit-item .style_lis[data-value='font'] {display: flex; flex-wrap: wrap;margin-bottom: 12px;}
.theme-edit-item .style_lis[data-value="buttonStyle"] {display: flex;flex-wrap: wrap;margin-top: 10px;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li{padding: 10px;border: 2px solid transparent;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li.selected{border: 2px solid #FF6541; border-radius: 5px;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li img{width: 100px;height: 34px;}
.theme-edit-item .style_lis[data-value="buttonStyle"] span{width: 40px;height:40px;display:inline-block;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li[data-buttonStyle="backgroundColor"] span{background-color: #333333;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li[data-buttonStyle="backgroundColorRadius"] span{background-color:#333333;border-radius:20%;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li[data-buttonStyle="backgroundColorRadius50"] span{background-color:#333333;border-radius: 50%;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li[data-buttonStyle="backgroundColorBorder"] span{border:2px solid #333333;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li[data-buttonStyle="backgroundColorBorderRadius"] span{border:2px solid #333333;border-radius:20%;}
.theme-edit-item .style_lis[data-value="buttonStyle"] li[data-buttonStyle="backgroundColorBorderRadius50"] span{border:2px solid #333333;border-radius: 50%;}
.theme-edit-item .style_lis[data-value="iconStyle"] {display: flex;flex-wrap: wrap;margin-top: 10px;}
.theme-edit-item .style_lis[data-value="iconStyle"] li{padding:8px;font-size:0;border:2px solid transparent;border-radius:3px;}
.theme-edit-item .style_lis[data-value="iconStyle"] li.selected{border: 2px solid #FF6541;}
.theme-edit-item .style_lis[data-value="iconStyle"] span{width: 40px;height:40px;display: inline-block;}
.theme-edit-item .style_lis[data-value="iconStyle"] li[data-iconStyle="radius0"] span{background-color: #333333;}
.theme-edit-item .style_lis[data-value="iconStyle"] li[data-iconStyle="radius12"] span{background-color: #333333;border-radius:20%;}
.theme-edit-item .style_lis[data-value="iconStyle"] li[data-iconStyle="radius50"] span{background-color: #333333;border-radius: 50%;}
.theme-edit-item .style_lis[data-value="iconStyle"] {display: flex;flex-wrap: wrap;margin-top: 10px;width: 380px;}
.theme-edit-item .style_lis[data-value="iconStyle"] li{position: relative; width:60px;height:60px;display: inline-block;margin-right: 12px; margin-bottom: 12px;cursor: pointer;}
.theme-edit-item[data-key=thumbnail] ul[data-value=style]{display:flex;margin-bottom:20px}
.theme-edit-item[data-key=thumbnail] ul[data-value=style] li{width:64px;height:64px;padding:12px;margin-right:10px;border:2px solid transparent;cursor:pointer}
.theme-edit-item[data-key=thumbnail] ul[data-value=style] li.selected{border:2px solid #ff6541}
.theme-edit-item ul[data-value=radius]{display:flex;margin-bottom:20px}
.theme-edit-item ul[data-value=radius] li{width:64px;height:64px;margin-right:10px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}
.theme-edit-item ul[data-value=radius] li.selected{border:2px solid #ff6541}
.theme-edit-item ul[data-value=radius] li[data-radius=radius0] span{width:40px;height:40px;background:#626262;display:block}
.theme-edit-item ul[data-value=radius] li[data-radius=radius12] span{width:40px;height:40px;background:#626262;border-radius:6px;display:block}
.theme-edit-item ul[data-value=radius] li[data-radius=radius50] span{width:44px;height:44px;background:#626262;border-radius:50%;display:block}
.theme-edit-item .slider-bar-box{position: relative;cursor: pointer;}
.theme-edit-item .slider-bar-box .slider-bar{display: inline-block;width: 370px;margin-top: 14px;}
.theme-edit-item .input-stepper {display: inline-block;text-align: left;vertical-align: middle;margin-left: 14px; }
.theme-edit-item .input-stepper input{display: inline-block;border-radius: 4px;padding: 0 6px;border: 1px solid #DDDDDD;width:66px;height:28px;line-height: 36px;text-align: center;font-size: 14px;color: #17191c;background-color:transparent;}
.theme-edit-item .input-stepper input:focus{border-color: #187fff;}
.theme-edit-item .background-tab span{padding-bottom: 4px;border-bottom: 1px solid transparent;font-size: 16px;cursor: pointer;}
.theme-edit-item .background-tab span.selected{color: var(--theme-color);border-bottom: 2px solid var(--theme-color);}
.theme-edit-item .background-tab span:not(:last-child){margin-right: 40px;}
.theme-edit-item .background-cont {margin-top: 22px;}
.theme-edit-item .image-tab span{margin-right: 30px;cursor: pointer;}
.theme-edit-item .image-tab .icon-radio{ margin-right: 6px;}
.theme-edit-item .background-item:not(:first-child){display: none;}
.theme-edit-item [data-key=bgImgGradient] .style_lis[data-value="style"] {display: flex;flex-wrap: wrap;margin-top: 10px;width: 380px;}
.theme-edit-item [data-key=bgImgGradient] .style_lis[data-value="style"] li{ width:126px;height: 62px;padding: 12px;text-align: center;line-height: 40px;border: 2px solid transparent;border-radius: 2px;}
.theme-edit-item [data-key=bgImgGradient] .style_lis[data-value="style"] li.selected {border: 2px solid #FF6541;}
.theme-edit-item [data-key=bgImgGradient] .style_lis[data-value="style"] span{width: 100px;height: 40px;background: #333333;border-radius: 2px;color: #ffffff;display: inline-block;}
.theme-edit-item [data-key=pageBgGradient] .style_lis[data-value="style"] {display: flex;flex-wrap: wrap;margin-top: 10px;width: 380px;}
.theme-edit-item [data-key=pageBgGradient] .style_lis[data-value="style"] li{ width:126px;height: 62px;padding: 12px;text-align: center;line-height: 40px;border: 2px solid transparent;border-radius: 2px;}
.theme-edit-item [data-key=pageBgGradient] .style_lis[data-value="style"] li.selected {border: 2px solid #FF6541;}
.theme-edit-item [data-key=pageBgGradient] .style_lis[data-value="style"] span{width: 100px;height: 40px;background: #333333;border-radius: 2px;color: #ffffff;display: inline-block;}
.theme-edit-item .style_lis[data-value="gradient"] {display: flex;flex-wrap: wrap;margin-top: 10px;}
.theme-edit-item .style_lis[data-value="gradient"] li{padding: 10px;margin-bottom: 10px;border-radius: 2px;border: 2px solid transparent;width: 118px;height: 118px;}
.theme-edit-item .style_lis[data-value="gradient"] li:not(:nth-child(4n+4)){margin-right: 10px;}
.theme-edit-item .style_lis[data-value="gradient"] li.selected{border: 2px solid #FF6541;}
.theme-edit-item .style_lis[data-value="gradient"] li img{width: 100%;height: 100%;}
.theme-edit-item .image-item:not(:first-child){display:none;}
.theme-edit-item .style_lis[data-value="image"]{display: flex;flex-wrap: wrap;max-height:414px;min-height:200px;overflow:auto;padding-left:30px;}
.theme-edit-item .style_lis[data-value="image"]::-webkit-scrollbar {width: 6px;height: 6px; background: transparent;}
.theme-edit-item .style_lis[data-value="image"]::-webkit-scrollbar-thumb {background: transparent; border-radius: 4px;}
.theme-edit-item .style_lis[data-value="image"]:hover::-webkit-scrollbar-thumb {background: hsla(0, 0%, 53%, 0.4);}
.theme-edit-item .style_lis[data-value="image"]:hover::-webkit-scrollbar-track {background: hsla(0, 0%, 53%, 0.1); }
.theme-edit-item .style_lis[data-value="image"] li{width: 144px;height: 194px;padding: 8px;border: 2px solid transparent;}
.theme-edit-item .style_lis[data-value="image"] li.selected{border: 2px solid #FF6541;}
.theme-edit-item .style_lis[data-value="image"] li.image-upload{width:164px;height:216px;}
.theme-edit-item .style_lis[data-value="image"] img{width: 100%;height: 100%;object-fit: cover;}
.theme-edit-item .image-item .image-upload {display:none;}
.theme-edit-item .image-item li[data-id] {display:none;}
.theme-edit-item .image-item .theme_upload_box {cursor: pointer;display: inline-block;}
.theme-edit-item .theme_upload_box .img_empty{width:190px;height: 190px;border: 2px solid #DEDEDE;border-radius: 2px;display:flex;align-items: center;justify-content: center;flex-direction: column;color: #AAAAAA;}
.theme-edit-item .theme_upload_box .img_block{width:144px;height: 195px;}
.theme-edit-item .theme_upload_box .img_block img{width: 100%;height: 100%;object-fit: cover;}
.theme-edit-item .image-cont{margin-top:20px;margin-bottom:20px;}
.theme-edit-item[data-module="bgImg"] .vidow-upload__box {display: inline-block;}
.theme-edit-item[data-module="bgImg"] .vidow-upload__blank{width: 220px;line-height: 158px;border: 1px solid #d6d6d6;text-align: center;border-radius: 4px;cursor: pointer;}
.theme-edit-item[data-module="bgImg"] .vidow-upload__blank i {font-size: 40px;vertical-align: middle;color: #d6d6d6;}
.theme-edit-item[data-module="bgImg"] .vidow-upload__cover{width: 220px;height: 160px;object-fit: cover;object-position: center;border-radius: 4px;cursor: pointer;}
/* mp-appearance */
.mp-appearance__top{position: sticky; top: 90px; z-index: 99;padding:0 30px 0 38px;line-height:66px;background:#fff;box-shadow: 1px 1px 3px 0 rgba(2,27,57,.12);border-radius: 10px;}
.mp-appearance__top .title{float:left;font-size:18px;font-weight:500}
.mp-appearance__apply{float:right;height:40px;margin:13px}
/*.mp-appearance .module{padding:0 30px;margin-top:20px;background:#fff;box-shadow:0 0 10px 0 rgb(0, 0, 0, .08);border-radius:6px}*/
/*.mp-appearance .module__top{font-size:16px;line-height:60px}*/
/*.mp-appearance .module__top--dropdown{float: right;width: 30px;height: 30px;line-height: 30px;margin-top: 15px;text-align: center;transform: rotate(180deg);cursor:pointer;}*/
/*.mp-appearance .module__title{display:inline-block;font-weight: 500;}*/

.mp-appearance .module{margin-top:16px;background-color:#fff;box-shadow: 1px 1px 3px 0 rgba(2,27,57,.12);border-radius:10px;}

.mp-appearance .module__top{display: flex;justify-content: space-between;align-items: center;height: 56px;margin-bottom: 12px;padding: 0 24px;border-bottom: 1px solid #E4E8ED;}
.mp-appearance .module__title{font-size: 16px;font-weight: 500;}
.mp-appearance .module__top--dropdown{width: 32px;height: 32px;border-radius: 50%;text-align: center;line-height: 32px;color: #7B8087;transform: rotate(180deg);cursor: pointer;}
.mp-appearance .module__top--dropdown:hover{background-color: #F5F6F7;}
.mp-appearance .module.close .module__top--dropdown{transform: rotate(0deg);}
.mp-appearance .module.close .module__body{display: none;}
.mp-appearance .module[data-module=theme] .custom-value[data-value="tid"]{padding-top: 20px;}
.mp-appearance .module__cont-item{padding: 0 24px 24px;}
.mp-appearance .custom-value:not(:last-child){margin-bottom:12px}
.mp-appearance .custom-value__title{margin-bottom:8px;font-size:16px;}
.mp-appearance .custom-value__title .fee-icon {display: none;margin-left: 10px;}
.mp-appearance .custom-value__title.fee .fee-icon{display: inline-block;}

[data-value="font"] .custom-value__list {margin-bottom: 16px;}
.mp-appearance .biofont__custom{display: flex;flex-wrap: wrap;margin-right: -20px}
.mp-appearance .biofont__custom li{width: 172px;height: 54px;margin-bottom: 20px;margin-right: 20px;text-align: center;border: 1px solid #D8DBDE;border-radius: 8px;overflow: hidden;cursor: pointer}
.mp-appearance .biofont__custom li:hover{background-color:var(--theme-hover-color-light);border-color:var(--theme-hover-color-light)}
.mp-appearance .biofont__custom li.selected{outline:2px solid var(--theme-color);border-color:transparent}
.mp-appearance .biofont__custom .more{font-weight: 500;font-size: 16px;text-align: center;line-height: 52px;}
.mp-appearance .module__tab{margin-bottom:16px;font-size:16px;padding:0 24px;}
.mp-appearance .module__tab span{float:left;padding:0 2px;margin-right:38px;padding-bottom:2px;border-bottom:2px solid transparent;cursor:pointer}
.mp-appearance .module__tab span.selected{border-bottom:2px solid var(--theme-color);color:var(--theme-color)}

.mp-appearance .custom-value__subtitle{margin-bottom: 12px;}
.mp-appearance .custom-value__subtitle.fee img{display: inline-block;}
.mp-appearance .custom-value__subtitle img {display: none;margin-left: 10px;}
.font_tmpl li{float:left;width:36px;height:36px;line-height:32px;margin-right:10px;text-align:center;border:2px solid transparent;cursor:pointer}
.font_tmpl li.selected{border-color:var(--theme-color)}
.font_tmpl li img{height:22px}
.mp-appearance .o-color-block{width:432px;margin-top:-20px;font-size: 0;}
.mp-appearance .color_save{display:block;width:100px;height:40px;margin:10px auto 0;background-color:var(--theme-color);border-radius:4px;color:#fff;font-size:14px}
[data-module=theme] [data-value=tid] li{float:left;position:relative;padding:8px;border:2px solid transparent;border-radius:8px;cursor:pointer;}
[data-module=theme] [data-value=tid] li.selected{border-color:var(--theme-color);}
[data-module=theme] [data-value=tid] li.fee::after{position: absolute;top: 12px;right: 16px;content: "\f206";width: 26px;height: 26px;line-height: 26px;font-family: ibedit;font-size: 16px;background: #fff;border-radius: 50%; text-align: center; }
[data-value=tid] li img{width:88px;}
[data-value=tid] .switch-theme .bg{width:88px;height:88px;line-height:84px;border:2px dashed var(--theme-color);border-radius:8px;text-align:center;color:var(--theme-color);font-size:18px;font-weight:500}
.mp-appearance .m-switch-btn{display:inline-block;position:relative;width:46px;height:22px;margin:4px 0 4px 15px;border-radius:11px;background:#8b8584;vertical-align:middle;cursor:pointer}
.mp-appearance .m-switch-btn::before{display:inline-block;position:absolute;left:0;top:0;content:"";width:22px;height:22px;border-radius:50%;background:#fff}
.mp-appearance .m-switch-btn.opened{background-color:var(--theme-color)}
.mp-appearance .m-switch-btn.opened::before{display:inline-block;position:absolute;right:0;top:0;left:unset;content:" ";width:22px;height:22px;border-radius:50%;background:#fff}
[data-module=bgImg] .custom-value[data-value=gradient] ul{margin-top:-8px}
[data-module=bgImg] .custom-value[data-value=gradient] li{float:left;padding:8px;margin-right:8px;margin-top:8px;border:2px solid transparent;border-radius:4px;cursor:pointer}
[data-module=bgImg] .custom-value[data-value=gradient] .selected{border-color:var(--theme-color)}
[data-module=bgImg] .custom-value[data-value=gradient] img{width:74px}
.custom-value,.gradient-setcolor{position:relative}
.mp-appearance .gradient-setcolor li{float:left;position:relative;width:48px;height:48px;margin-right:20px;border-radius:50%;box-shadow:0 0 2px 0 rgb(0,0,0,.18);cursor:pointer}
.mp-appearance .rotary-btn{display:inline-block;margin:4px 0;cursor:pointer}
.mp-appearance .gradient-setdirection li{float:left;width:56px;height:56px;margin-right:26px;border-radius:4px;cursor:pointer}
.mp-appearance .gradient-setdirection .icon{display:none;float:right;width:18px;height:18px;background:var(--theme-color);border:1px solid #fff;color:#fff;line-height:17px;text-align:center}
.mp-appearance .gradient-setdirection i{font-size:12px}
.mp-appearance .gradient-setdirection li.selected .icon{display:block}
.mp-appearance .custom-image {display: flex;align-items: center;margin-bottom: -12px;}
.mp-appearance .custom-image .custom-image__upload{position: relative;width: 140px;height: 140px;margin-right: 22px;cursor: pointer;}
.mp-appearance .custom-image .custom-image__upload.fee::after {position: absolute;top: 6px;right: 6px;content: "";width: 80px;height: 26px;background: url(https://bio.linkcdn.cc/instabio.cc/images/back/upgrade-lock.png) center no-repeat;}
.mp-appearance .custom-image .custom-image__right{width: 100%;}
.mp-appearance .custom-image .img_empty{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;border:1px solid #dddddd;border-radius: 8px;}
.mp-appearance .custom-image .img_empty img{width: 40px;}
.mp-appearance .custom-image .img_block{width: 100%;height: 100%;object-fit: cover;border-radius: 8px;overflow: hidden;}
.mp-appearance .custom-image .img_block img{width:100%;height:100%;object-fit: cover;object-position: center;}
.mp-appearance .custom-video__upload{position: relative;display: inline-block;width: 200px;height: 140px;cursor: pointer;}
.mp-appearance .custom-video__upload.fee::after {position: absolute;top: 6px;right: 6px;content: "";width: 80px;height: 26px;background: url(https://bio.linkcdn.cc/instabio.cc/images/back/upgrade-lock.png) center no-repeat;}
.mp-appearance .custom-video__box{width:100%;height: 100%;}
.mp-appearance .custom-video__cover{width: 100%;height:100%;}
.mp-appearance .custom-video__cover img{width: 100%;height:100%;object-fit: cover;object-position: center;border-radius: 8px;}
.mp-appearance .custom-video__blank{display: flex;align-items: center;justify-content: center;width:100%;height:100%;border:1px solid #dddddd;text-align: center;border-radius: 4px;}
.mp-appearance .custom-video__blank img{width:50px;}
.mp-appearance [data-key=block] .custom-value__list {font-size: 0;}
.mp-appearance [data-key=block] .custom-value__list li{position:relative;display:inline-block;padding:7px 5px;color: #616161;border:2px solid transparent;border-radius:4px;cursor:pointer}
.mp-appearance [data-key=block] .custom-value__list li.selected{border:2px solid var(--theme-color);}
.mp-appearance [data-key=block] .custom-value__list li img{width: 90px;height: 50px}
.mp-appearance [data-key="block"] .custom-value__list li.fee::after{position: absolute;top: 50%;left: 50%;content: "\f206";font-family: ibedit;color: #333;font-size: 16px;transform: translate(-50%,-50%);}
.mp-appearance [data-key=thumbnail] [data-value=style] li{float:left;padding:10px;border:2px solid transparent;cursor:pointer}
.mp-appearance [data-key=thumbnail] [data-value=style] li.selected{border:2px solid var(--theme-color);border-radius:4px}
.mp-appearance [data-key=thumbnail] [data-value=style] li img{width:40px}
.mp-appearance [data-key=thumbnail] [data-value=radius] li{float:left;padding:10px;border:2px solid transparent;border-radius:6px;cursor:pointer}
.mp-appearance [data-key=thumbnail] [data-value=radius] li.selected{border:2px solid var(--theme-color)}
.mp-appearance [data-key=thumbnail] [data-value=radius] li span{display:block;width:40px;height:40px;border:4px solid #626262}
.mp-appearance [data-key=thumbnail] [data-value=radius] li[data-val=radius12] span{border-radius:8px}
.mp-appearance [data-key=thumbnail] [data-value=radius] li[data-val=radius50] span{border-radius:50%}
.mp-appearance [data-key=profile] [data-value=style] ul{width:400px;margin-top:-26px}
.mp-appearance [data-key=profile] [data-value=style] li{float:left;border:2px solid transparent;border-radius:6px;margin-right:24px;margin-top:24px;cursor: pointer;}
.mp-appearance [data-key=profile] [data-value=style] li.selected{border:2px solid var(--theme-color)}
.mp-appearance [data-key=profile] [data-value=style] img{width:136px;border:1px solid #ddd;border-radius:6px}
.mp-appearance [data-key=profile] [data-value=style] li.selected img{border:1px solid transparent}
.mp-appearance [data-key=social] [data-value=style] li{float:left;padding:10px;margin-right:8px;border:2px solid transparent;border-radius:4px;cursor: pointer;}
.mp-appearance [data-key=social] [data-value=style] li.selected{border:2px solid var(--theme-color)}
.mp-appearance [data-key=social] [data-value=style] img{width:40px}
.mp-appearance [data-key=social] [data-value=align] li{float:left;padding:4px;margin-right:26px;border:2px solid transparent;border-radius:4px;cursor: pointer;}
.mp-appearance [data-key=social] [data-value=align] li.selected{border:2px solid var(--theme-color)}
.mp-appearance [data-key=social] [data-value=align] img{width:32px}
[data-key=divider] [data-value=style] .custom-value__list li{float:left;height:24px;width:80px;text-align:center;line-height:20px;border:2px solid transparent;cursor: pointer;}
[data-key=divider] [data-value=style] .custom-value__list li:not(:last-child){margin-right: 6px;}
[data-key=divider] [data-value=style] .custom-value__list img{width:68px}
[data-key=divider] [data-value=style] .custom-value__list .selected{border:2px solid var(--theme-color)}
[data-key=divider] [data-value=width] .custom-value__list li{float:left;margin-right:50px}
.mp-appearance [data-key=divider] [data-value=align] li{float:left;padding:4px;margin-right:26px;border:2px solid transparent;border-radius:4px;cursor: pointer;}
.mp-appearance [data-key=divider] [data-value=align] li.selected{border:2px solid var(--theme-color)}
.mp-appearance [data-key=divider] [data-value=align] img{width:32px}
.mp-appearance [data-key=pageBgGradient] .custom-value[data-value=gradient] ul{margin-top:-8px}
.mp-appearance [data-key=pageBgGradient] .custom-value[data-value=gradient] li{float:left;padding:8px;margin-right:8px;margin-top:8px;border:2px solid transparent;border-radius:4px;cursor:pointer}
.mp-appearance [data-key=pageBgGradient] .custom-value[data-value=gradient] .selected{border-color:var(--theme-color)}
.mp-appearance [data-key=pageBgGradient] .custom-value[data-value=gradient] img{width:74px}
.mp-appearance [data-key=style] [data-value=align] li{float:left;padding:4px;margin-right:26px;border:2px solid transparent;border-radius:4px}
.mp-appearance [data-key=style] [data-value=align] li.selected{border:2px solid var(--theme-color)}
.mp-appearance [data-key=style] [data-value=align] img{width:32px}

.mp-appearance [data-key=pcLayout] [data-value=style] ul {display: flex;}
.mp-appearance [data-key=pcLayout] [data-value=style] li {padding: 8px;border: 2px solid transparent;cursor: pointer;}
.mp-appearance [data-key=pcLayout] [data-value=style] li:first-child {margin-right: 10px;}
.mp-appearance [data-key=pcLayout] [data-value=style] li.selected{border-radius: 16px; border: 2px solid #FF6541;}
.mp-appearance [data-key=pcLayout] [data-value=style] li .select-img {display: none;}
.mp-appearance [data-key=pcLayout] [data-value=style] li.selected .select-img {display: block;}
.mp-appearance [data-key=pcLayout] [data-value=style] li.selected .default-img {display: none;}



/* pcLayout */

/*mp-appearance-bgHeader*/
[data-key="bgImgColor"] .bgHeader-title{margin-bottom: 8px;font-size: 16px;}
[data-key="bgImgColor"] .bgHeader-tab{display:flex;margin-bottom: 16px;font-size: 16px;}
[data-key="bgImgColor"] .bgHeader-tab span{margin-right: 40px; padding: 0 2px;margin-right: 38px;padding-bottom: 2px;border-bottom: 2px solid transparent;cursor: pointer;}
[data-key="bgImgColor"] .bgHeader-tab span.selected {border-bottom: 2px solid var(--theme-color);color: var(--theme-color);}
[data-key="bgImgColor"] .bgHeader-image{width: 440px;height: 200px;margin-bottom: 10px;border-radius: 12px;overflow: hidden;cursor: pointer}
[data-key="bgImgColor"] .bgHeader-image__blank{height: 100%;background-color: #F5F6F7;text-align: center;line-height: 200px;font-size: 16px;}
[data-key="bgImgColor"] .bgHeader-image__block{height: 100%;}
[data-key="bgImgColor"] .bgHeader-image__block img{width: 100%;height: 100%;object-fit: cover;}
[data-key="bgImgColor"] .custom-value[data-value="image"] {display: none;}

/*mp-appearance-headline*/
.mp-appearance [data-key=headline] [data-value=style] li {float: left;padding: 4px; margin-right: 26px;border: 2px solid transparent;border-radius: 4px;cursor: pointer}
.mp-appearance [data-key=headline] [data-value=style] img{width: 80px;}
.mp-appearance [data-key=headline] [data-value=style] li.selected {  border: 2px solid var(--theme-color);}
/* mp-appearance page*/
.font-library-pop .font-library__list{height: 442px;margin-bottom: 10px;overflow: auto;}
.font-library-pop .font-library__item{height: 56px;padding: 0 12px;border-radius: 12px;line-height: 56px;cursor: pointer}
.font-library-pop .font-library__item:hover{background-color: #F5F6F7;}
.font-library-pop .font-library__item.selected{background-color: #EDF5FF;}
.font-library-pop .font-library__item .name{font-size: 18px;font-weight: 500;}
.font-library-pop .font-library__item .icon{display: none;float: right;color:var(--theme-active-color);}
.font-library-pop .font-library__item.selected .icon{display: block;}
.font-library-pop .font-library__done{width: 100%;height: 56px;background-color: var(--theme-done-color);color: #ffffff;font-size: 16px;font-weight: 500;border-radius: 12px;}
.font-library-pop .font-library__done[disabled] {background-color:var(--theme-disabled-color);color:var(--theme-disabled-font-color);}


/*Theme Background*/
.theme_upload_pop .img-toolbar{overflow:auto;}
.theme_upload_pop .item{display: flex;flex-direction:column;align-items: center;justify-content: center; width:180px;height:140px;margin:0 14px 28px;padding: 0 10px;text-align: center;background-color:var(--theme-bg-color-light);cursor: pointer;border-radius:8px;float:left}
.theme_upload_pop .item img{width:40px;}
.theme_upload_pop .item span{display: block;margin-top: 10px;word-break: keep-all;}
.theme-img-unsplash_pop .m-modal__header{text-align: center;}
.theme-img-unsplash_pop .unsplash-wrap{height: 620px;display: flex;flex-direction: column;position:relative}
.theme-img-unsplash_pop .pop-title{text-align: center;}
.theme-img-unsplash_pop .gallery__search{display: flex;padding: 0 46px;}
.theme-img-unsplash_pop .gallery__search__box{height: 40px;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px;padding: 0 12px;display: flex;align-items: center;flex:1;}
.theme-img-unsplash_pop .gallery__search__box i{color: #777777}
.theme-img-unsplash_pop .gallery__search__input{border: 0;outline: 0;padding: 5px 3px 5px 6px;line-height: 28px;width: 100%;}
.theme-img-unsplash_pop .gallery__search__btn{height: 40px;background-color:var(--theme-color);border-radius:4px;color:#fff;margin-left:12px;}
.theme-img-unsplash_pop .gallery_main{flex: 1 1 auto;position: relative;}
.theme-img-unsplash_pop .gallery__list{padding: 0 34px 0 40px;position: absolute;top:60px;bottom: 30px;overflow: auto;width:100%;}
.theme-img-unsplash_pop .gallery__list::-webkit-scrollbar {width: 6px;height: 6px; background: transparent;}
.theme-img-unsplash_pop .gallery__list::-webkit-scrollbar-thumb {background: transparent; border-radius: 4px;}
.theme-img-unsplash_pop .gallery__list:hover::-webkit-scrollbar-thumb {background: hsla(0, 0%, 53%, 0.4);}
.theme-img-unsplash_pop .gallery__list:hover::-webkit-scrollbar-track {background: hsla(0, 0%, 53%, 0.1); }
.theme-img-unsplash_pop .gallery__ul{display: flex;flex-wrap: wrap;}
.theme-img-unsplash_pop .gallery__ul:after{content: " ";flex-grow: 9999999}
.theme-img-unsplash_pop .image__li{margin: 6px; flex-grow: 1;position: relative;cursor: pointer;}
.theme-img-unsplash_pop .image__border{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;visibility: hidden;opacity: 0;transition-duration: .3s;border: 4px solid transparent;transition-property: border-color;}
.theme-img-unsplash_pop .selected .image__border{ visibility: visible;border-color:var(--theme-color);opacity: 1;}
.theme-img-unsplash_pop .gallery__ul .image__li img{min-width: 100%;height: 124px;object-fit: cover;}
.theme-img-unsplash_pop .gallery__ul .image__action{position: absolute;top: 0;left:0;bottom:0;right:0;z-index:101;background: #00000026;display: none;}
.theme-img-unsplash_pop .gallery__ul .image__li:hover .image__action{display: block;}
.theme-img-unsplash_pop .image__author{width: fit-content;max-width: 100%;position: absolute;bottom: 0px;left: 0px;color: #fff;padding: 0 2px 6px 8px;}
.theme-img-unsplash_pop .image__author:hover{text-decoration: underline;}
.theme-img-unsplash_pop .image__preview{float: right;top: 10px;  margin-top: 10px;  margin-right: 10px;font-size: 18px;color: #ffffff  }
.theme-img-unsplash_pop .gallery__bottom{position: absolute;left: 66px;right: 0;bottom:-16px;padding-right: 46px;height: 52px;display: flex;align-items: center;justify-content: space-between}
.theme-img-unsplash_pop .gallery__bottom span {font-size: 16px;color: #777777; }
.theme-img-unsplash_pop .gallery__bottom a{color: var(--theme-color);}
.theme-img-unsplash_pop .gallery__bottom .choose {flex-shrink: 0;}
.theme-img-unsplash_pop .gallery__bottom .choose.disabled{background: #d4d4d4;border: 1px solid #d4d4d4;}
.content__loading{display: flex;align-items: center;justify-content: center;height:120px;width: 100%;}
.content__loader{color:var(--theme-color);font-size: 42px;animation: 1s linear 0s infinite normal none running spin;}
.theme-img-unsplash_pop .content__blank{font-size: 18px;padding: 60px 100px;text-align: center;}



.unsplash_preview_pop{padding: 0;width: 998px;height: 675px;}
.unsplash_preview_pop .m-modal__body{padding:0;}
.unsplash_preview_pop .image_preview{display: flex;flex-direction: column;height: 100%}
.unsplash_preview_pop .image__preview__top{padding:0 20px 30px;}
.unsplash_preview_pop .image__author{font-size: 18px;color: #777777}
.unsplash_preview_pop .image__author a{color: #333333}
.unsplash_preview_pop .image__author a:hover{text-decoration:underline;}
.unsplash_preview_pop .image__size{font-size: 16px;color: #777777;}
.unsplash_preview_pop .image__preview__content{padding:40px 80px; background: #EEEEEE;display: flex;flex-grow: 1;width: 100%;min-height: 0;    height: 100%;}
.unsplash_preview_pop .image__preview__body{display: flex;align-items: center;justify-content: center;flex: 1 1 0;margin: 0 36px;}
.unsplash_preview_pop .image__preview__wrap img{height: 390px}
.unsplash_preview_pop .image__preview__pre{display: flex;align-items: center;width: 32px;}
.unsplash_preview_pop .image__preview__next{display: flex;align-items: center;width: 32px;}
.unsplash_preview_pop .image__preview__pre span, .unsplash_preview_pop .image__preview__next span{width: 32px;height: 32px;background-color: #fff;color: var(--theme-color); border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.unsplash_preview_pop .image__preview__pre span:hover, .unsplash_preview_pop .image__preview__next span:hover  {background-color: var(--theme-color);   color: #ffffff;}
.unsplash_preview_pop .image_preview_bottom{display: flex;align-items: center;flex: 0 0 84px;padding-right:20px }
.unsplash_preview_pop .image_preview_bottom span{flex-grow: 1;margin-left: 36px;font-size: 16px;color: #777;}
.unsplash_preview_pop .image_preview_bottom a{color:var(--theme-color)}
.unsplash_preview_pop .image_preview_bottom .choose{flex-shrink: 0;}
.theme-video-coverr_pop .coverr-wrap{height: 560px;}
.theme-video-coverr_pop .coverr_main {display: flex;flex-direction: column;height: 100%;}
.theme-video-coverr_pop .coverr__search{display: flex;}
.theme-video-coverr_pop .coverr__search__box{width: 100%;position: relative;}
.theme-video-coverr_pop .coverr__search__box .icon-links_search{position: absolute;top: 13px;left: 12px;color: #777;}
.theme-video-coverr_pop .coverr__search__input{width: 100%;height:48px;padding-left: 36px;border:1px solid transparent;outline: 0;background-color: #f5f6f8;border-radius: 4px;}
.theme-video-coverr_pop .coverr__search__input:hover{border:1px solid #d7dce1;}
.theme-video-coverr_pop .coverr__search__btn{height: 40px;background: #38e199;border-radius: 4px;color: #fff;margin-left: 12px;}
.theme-video-coverr_pop .coverr__search__clear{padding:10px;position: absolute;right: 0px;top: 2px;cursor: pointer;display: none;}
.theme-video-coverr_pop .coverr__search__clear i{font-size:18px;}
.theme-video-coverr_pop .coverr__video{height: 100%;overflow: auto;flex: auto;margin-top: 26px;}
.theme-video-coverr_pop .coverr__categories{height: 100%;overflow: auto;flex: auto;margin-top: 16px;}
.theme-video-coverr_pop .coverr__categories .desc{padding-bottom:10px;}
.theme-video-coverr_pop .categories__list{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 10px;}
.theme-video-coverr_pop .categories__item{width: 350px;margin-bottom: 10px;border-bottom: 1px solid #dfdfdf;cursor: pointer;}
.theme-video-coverr_pop .categories__box{display: flex;align-items:center;padding: 16px;border-radius: 4px;}
.theme-video-coverr_pop .categories__box:hover{background-color: #F5F6F8;}
.theme-video-coverr_pop .categories__item .categories__cover{width: 48px;height: 48px;object-fit: cover;border-radius: 4px;}
.theme-video-coverr_pop .categories__item .categories__name{margin-left: 16px;}
.theme-video-coverr_pop .categories__item i{margin-left: auto;}
.theme-video-coverr_pop .video__item{float: left;position:relative;width: 350px;height: 196px;margin-bottom: 20px;cursor: pointer;border-radius: 4px;overflow: hidden;}
.theme-video-coverr_pop .video__item:nth-child(2n+1){margin-right:20px;}
.theme-video-coverr_pop .video__bg{width:100%;height:100%}
.theme-video-coverr_pop .video__bg video{width:100%;height:100%;object-fit: cover;}
.theme-video-coverr_pop .video__action{position:absolute;bottom:10px;right:10px}
.theme-video-coverr_pop .video__action__icon{width:60px;height:48px;border-radius:4px;text-align:center}
.theme-video-coverr_pop .video__action__icon i{font-size:30px;line-height:48px;color:#fff}
.theme-video-coverr_pop .video__action__add{display:none;background-color:#000}
.theme-video-coverr_pop .video__action__selected{background-color:var(--theme-color)}
.theme-video-coverr_pop .video__item:hover .video__action__add{display: block;}
.theme-video-coverr_pop .coverr__loading{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;}
.theme-video-coverr_pop .coverr__loader{color:#acb5bf;font-size: 42px;animation: 1s linear 0s infinite normal none running spin;}
.theme-video-coverr_pop .coverr__blank{font-size: 18px;padding: 60px 100px;text-align: center;}
.theme-video-coverr_pop .coverr__bottom{position: absolute;bottom: 26px;left: calc(50% - 90px);padding: 16px 22px;border-radius: 23px;background-color: rgba(255, 255, 255,.8);}
.theme-video-coverr_pop .coverr__bottom a{width: 77px;display: inline-block;}
.theme-video-coverr_pop .coverr__bottom svg{vertical-align: middle;}
.theme_save_btn{width: 100px;height: 40px;display: block;margin-left: auto;margin-top: 10px;}
.module-save-theme {min-width: 100px;display: block;margin-left: auto;}
.theme-edit-item .style_lis[data-value='align'] .align {display: inline-block;padding: 6px 4px;cursor: pointer;border-radius: 2px;border: 1px solid transparent;}
.theme-edit-item .style_lis[data-value='align'] .align img {width: 25px;height: 16px;}
.theme-edit-item .style_lis[data-value='align'] .align:nth-child(2){margin: 0 30px;}
.theme-edit-item .style_lis[data-value='align']  li.selected{border: 1px solid var(--theme-color);}
.theme-historyImg-pop .historyImg__list{display: flex;flex-wrap: wrap;height: 600px;overflow: auto;}
.theme-historyImg-pop .historyImg__list::-webkit-scrollbar {width: 6px;height: 6px; background: transparent;}
.theme-historyImg-pop .historyImg__list::-webkit-scrollbar-thumb {background: transparent; border-radius: 4px;}
.theme-historyImg-pop .historyImg__list:hover::-webkit-scrollbar-thumb {background: hsla(0, 0%, 53%, 0.4);}
.theme-historyImg-pop .historyImg__list:hover::-webkit-scrollbar-track {background: hsla(0, 0%, 53%, 0.1); }
.theme-historyImg-pop .img_item{width: 225px;height: 289px;margin-bottom: 30px;position: relative;}
.theme-historyImg-pop .img_item:not(:nth-child(3n+3)){margin-right:29px;}
.theme-historyImg-pop .img_item img{width: 100%;height: 100%;object-fit: cover;}
.theme-historyImg-pop .img_item .btn-mask{display: none;position: absolute; top: 0;left: 0; bottom: 0; right: 0; background-color: #00000061; align-items: center; justify-content: center;}
.theme-historyImg-pop .img_item:hover .btn-mask{display: flex;}
.theme-historyImg-pop .blank_list{display: flex;flex-direction:column;align-items:center;width:fit-content;margin: 0 auto;padding: 50px 30px;}
.theme-historyImg-pop .blank_list p{color: #AAAAAA;font-size: 16px;margin-top: 22px;}
.theme-historyImg-pop .blank_list button{margin-top: 30px;}
/*link-settings-pop*/
.link-settings-pop .m-modal__header{padding:0;}
.link-settings-pop .m-modal__body{padding: 0;}
.link-settings-pop .link-settings{height: 614px;}
.link-settings-pop .link-settings__menu{float: left;width: 220px;height: 100%;padding-top:30px;border-radius: 6px 0px 0px 6px;border-right: 1px solid #dddddd;}
.link-settings-pop .el-menu__item,.link-settings-pop .el-submenu__title{height: 40px;margin-bottom: 10px;padding: 0 12px 0 28px;line-height: 40px;font-size: 16px;text-align: left;white-space: nowrap;}
.link-settings-pop .el-menu__item:hover,.link-settings-pop .el-submenu__title:hover{color:var(--theme-color);}
.link-settings-pop .el-menu__item .el-menu__text,.link-settings-pop .el-submenu__title .el-menu__text{display: block;cursor:pointer;}
.link-settings-pop .el-menu__item.active{color:var(--theme-color)}
.link-settings-pop .el-submenu .el-menu__item.active{background: rgba(255, 101, 65,.1);color:var(--theme-color);}
.link-settings-pop .el-submenu__title {position: relative;}
.link-settings-pop .el-submenu__title .el-submenu__icon-arrow{position: absolute;top: 0;right:16px;}
.link-settings-pop .el-submenu .el-menu__item{height: 40px;line-height: 40px;margin-bottom: 0px;padding-left: 40px!important;}
.link-settings-pop .link-settings__cont{float: left;width:594px;height: 100%;padding: 30px 28px 0 22px;}
.link-settings-pop .setting-item{display: none;height: 100%;}
.link-settings-pop .setting-item__title{font-size: 18px;font-weight: 500;}
.link-settings-pop .setting-item__title .hint_btn{position: relative;display: inline-block;}
.link-settings-pop .setting-item__title .hint_btn i:hover + .hint{display: block;}
.link-settings-pop .setting-item__title .hint_btn i{ margin-left: 4px;vertical-align: middle;font-size: 18px;cursor: pointer}
.link-settings-pop .setting-item__title .hint{     display: none;position: absolute;top: -2px;left: 100%;z-index: 9;width: 200px;margin-left: 12px;border-radius: 8px;}
.link-settings-pop .setting-item__desc{margin-top: 6px;margin-bottom: 18px;color: #666666;}
.link-settings-pop .setting-item__inner{display:flex;flex-direction:column;height: 100%;}
.link-settings-pop .setting-item__body{padding-right: 10px;overflow-y: auto;flex: auto;}
.link-settings-pop .setting-item[toggle="favicon"] .setting-item__body{overflow: inherit}
.link-settings-pop .setting-item__action{margin: 20px 0; text-align: right;}
.link-settings-pop .setting-item__save{width:128px;}
.link-settings-pop .ad_help{text-decoration: underline;color:#666;}
/*.link-settings-pop .ad_tit{margin-top:10px;margin-bottom: 18px;color:#666;}*/
.link-settings-pop .setting-item--advance .example{margin-top: 8px;color: #0000CC;}
.link-settings-pop .setting-item--advance .search {color:#008000;margin: 10px 0;}
.link-settings-pop .setting-item--advance .result{line-height: 18px;}
.link-settings-pop .setting-item--advance .result span {color:#CC0000;}
.link-settings-pop .setting-item--advance .advance_desc{color: #777777;}
.link-settings-pop .setting-item--advance .current-url{margin-top: 10px; margin-bottom: 20px;font-weight: 500}
.link-settings-pop .setting-item--advance .current-url__url{font-weight: 400;}
.link-settings-pop .setting-item--advance .ad_upgrade{margin-top:12px;cursor: pointer;color: #333333;display: block;text-align: right;}
.link-settings-pop .setting-item--advance .ad_upgrade span{color: var(--theme-color);}
.link-settings-pop .setting-item--advance .share_url div{display: flex;}
.link-settings-pop .setting-item--advance .share_url i{margin-left: 10px;  color: #3e4357;}
.link-settings-pop .setting-item--advance .ad_form-group{margin-bottom: 12px;}
.link-settings-pop .setting-item--advance .ad_form-group label{display: block; margin-bottom: 10px;font-weight: 500}
.link-settings-pop .setting-item--advance .ad_form-group input{width:100%;height:40px;border:1px solid rgba(223,228,237,1);border-radius:6px;padding-left: 12px;}
.link-settings-pop .setting-item--advance .ad_form-group textarea{width:100%;padding-left: 12px;padding-top: 8px; resize: none; border: 1px solid #DFDFDF;border-radius: 6px;}
.link-settings-pop .setting-item--advance .ad_item input::-webkit-input-placeholder {color:#8694A3}
.link-settings-pop .setting-item--advance textarea::-webkit-input-placeholder { color: #8694A3;}
.link-settings-pop .setting-item--advance textarea[name=title] {height: 80px;}
.link-settings-pop .setting-item--advance textarea[name=desc]{height:120px;;}
.link-settings-pop .setting-item--advance textarea[name=google]{height: 80px;}
.link-settings-pop .setting-item--advance textarea[name=pixel]{height: 80px;}
.link-settings-pop .setting-item--advance textarea[name=shareurl]{height:130px;}
.link-settings-pop .setting-item--advance textarea[readonly],
.link-settings-pop .setting-item--advance input[readonly]{background-color: #EBEDEF;border: 1px solid #D8DBDE;}
.link-settings-pop .setting-item--advance input:focus{border-color:#187fff;}
.link-settings-pop .setting-item--advance textarea:focus{border-color:#187fff;}
.link-settings-pop .setting-item--advance .advance_favicon__upload{width: 100%;height: 52px;}
.link-settings-pop .setting-item--advance .ad_line{height: 1px;background-color: #DFDFDF;margin-top: 10px;}
.link-settings-pop .favicon__box{width: 100px;height: 100px;position: relative;}
.link-settings-pop .favicon__box img{width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}
.link-settings-pop .favicon__box .del{position: absolute;top: -5px;right: -5px;z-index: 9;}
.link-settings-pop .favicon__box .delete_icon{display: inline-block;width: 16px;height: 16px;color: #DFDFDF;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%;cursor: pointer;}
.link-settings-pop .setting-item--sensitive ul {display: flex;flex-wrap: wrap;}
.link-settings-pop .setting-item--sensitive li{margin-right: 40px;    margin-bottom: 20px;}
    /*Domain*/
.custom-domain-pop .m-modal__body{padding-top: 8px;}
.custom-domain-pop .custom-domain__desc{margin-bottom: 10px;color: #666666;}
.domain-custom .domain-custom__title{margin-bottom: 10px;font-weight:500;}
.domain-custom .domain-custom__domain{overflow: hidden;}
.domain-custom .domain-list{display: flex;margin-right:-16px;flex-wrap: wrap;}
.domain-custom .domain-item{white-space: nowrap;height: 44px;margin:0 16px 20px 0;padding:0 22px;line-height: 42px;border-radius: 8px;border: 1px solid #D8DBDE;cursor: pointer;}
.domain-custom .domain-item.selected{border-color: var(--theme-color);color: #ffffff;background-color: var(--theme-color);}
.domain-custom .domain-item .pro{margin-left: 4px;}
.domain-custom  .pro{display: inline-block;width: 32px;line-height: 18px;background: var(--theme-color);font-size: 12px; color: #fff; text-align: center;border-radius: 10px;}
.domain-custom .domain-custom__list li span img{margin-left:6px;}
.domain-custom .domain-custom__list li img{display:none}
.domain-custom .domain-custom__list li.pro img{display:initial}
.domain-custom .suffix-item{margin-bottom:12px;display: flex;align-items: center;}
.domain-custom .suffix-item input{height:40px;border:1px solid rgba(223,223,223,1);border-radius:4px;text-indent:12px}
.domain-custom .suffix-item .shortcode{flex: auto}
.domain-custom .suffix-item[data-suffix="2"] .shortcode{width:206px;}
.domain-custom .suffix-item .record{width:220px;flex:auto;}
.domain-custom .suffix-item .slash{margin:0 8px 0 4px;}
.domain-custom .suffix-item .spot{margin:0 0 0 8px;}
.domain-custom .suffix-item .v-radio-label{padding-left: 24px}
.domain-custom .domain-custom__complete{border-top: 1px solid #E4E8ED;padding-top: 20px;margin-top: 20px;}
.domain-custom .complete__title{font-size: 12px;margin-bottom: 10px;}
.domain-custom .complete__url{font-weight: 500;}
.domain-custom .domain-select{position: relative;height: 48px;margin-bottom: 16px;padding-left: 12px; line-height: 46px;border-radius:6px;border: 1px solid #D8DBDE;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;}
.domain-custom .domain-select .icon-arrow{position: absolute;top: 0;right: 16px;}
.domain-custom .domain-select.opened .icon-arrow{transform: rotate(180deg);}
.domain-select.opened{border: 1px solid var(--theme-done-color);}
.domain-select__options{position: absolute;top: 100%;left: 0;display:none;width:100%;height: 228px;margin-top: 4px;border-radius: 6px;background: #FFFFFF;border: 1px solid #D8DBDE; overflow: auto;}
.domain-select__options::-webkit-scrollbar {display: none;}
.domain-select.opened .domain-select__options{display:block;}
.domain-select__option{height: 48px;line-height: 48px;border-radius: 6px 6px 6px 6px;padding: 0 12px;cursor: pointer}
.domain-select__option.selected{background-color:#F5F6F7;color:var(--theme-done-color)}
.domain-select__option:hover{color:var(--theme-done-color)}
.domain-select__option i{display:none;float:right;}
.domain-select__option.selected i{display:inline-block;}
.domain-select__list{padding:  10px;}
.domain-select__options .domain-select__action{text-align: center;margin: 0 10px;border-top: 1px solid #E4E8ED;}
.domain-select__options .action-add{color:var(--theme-done-color);cursor: pointer}
.domain-select__options .action-upgrade{margin: 10px 0;}
.add-subdomain-pop .m-modal__header {text-align: center;}
.add-subdomain-pop .subdomain__select{position:relative;height:40px;line-height:40px;margin-bottom: 12px;padding:0 12px;border:1px solid #dfdfdf;border-radius:4px;cursor:pointer;}
.add-subdomain-pop .subdomain__select .icon_up{ position: absolute;top: 0;right: 16px;}
.add-subdomain-pop .subdomain__option{position:absolute;background-color:#fff;width:100%;top:39px;left:0;border-radius:0 0 4px 4px;max-height:180px;overflow-y:auto;display:none}
.add-subdomain-pop .subdomain__option li{padding:0 14px;border:1px solid #dfdfdf;border-top:none;cursor:pointer}
.add-subdomain-pop .subdomain__option li.selected{background:#e5e5e5}
.add-subdomain-pop .subdomain__option li:hover{background-color:#dfe4ed;}
.add-subdomain-pop .subdomain__shortcode{display:flex;align-items:center;margin-bottom:12px;}
.add-subdomain-pop .subdomain__shortcode .subdomain__input{width:296px;height:40px;border:1px solid #dfdfdf;border-radius:4px;padding:0 14px;margin-right:10px}
.add-subdomain-pop .subdomain__select.down .icon_up{transform:rotate(180deg)}
.add-subdomain-pop .subdomain__select.down{border-radius:4px 4px 0 0}
.add-subdomain-pop .subdomain__select.down .subdomain__option{display:block}


/*workspace-panel*/
.workspace-panel{position: absolute;left:90px;top: 0;z-index: 1456;width:0;height: 100%;max-height: 100%;-webkit-box-shadow: 0 5px 20px rgba(18,18,18,.1);box-shadow: 0 5px 20px rgba(18,18,18,.1);box-sizing: border-box;background-color: #fff;overflow: hidden;}
.builder-panel{height: 100%;display: flex;flex-direction: column;border-left: 1px solid #dfe5eb;}
.builder-panel__head{display: flex;align-items: center;justify-content: space-between;height: 54px;flex:none;padding: 0 12px 0 30px;background-color:#ffffff;font-size: 18px;font-weight: 500;}
.builder-panel__main{display: flex;flex: 1;overflow: hidden;}
.builder-panel__tab{width: 170px;padding-top: 20px;background-color: #F0F0F0;border: 1px solid #DFDFDF;text-align: center; border-radius: 0 0 0 8px;}
.builder-panel__tab .item{margin-bottom: 10px;font-size: 0;}
.builder-panel__tab .item span{ display: inline-block;padding: 4px 14px;border-radius: 15px;font-size: 16px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 128px;}
.builder-panel__tab .item span:hover {background-color:var(--theme-color-hover);color: #fff;}
.builder-panel__tab .item.selected span{background-color:var(--theme-color);color: #fff;}
.builder-panel__cont{width: 400px;padding: 14px 0 20px;border-top: 1px solid #dfdfdf;flex: 1;background-color:#ffffff;border-radius: 0 0 8px 0;}
.builder-panel .builder-panel__list{height:100%;overflow: auto;}
.builder-panel .builder-panel__list::-webkit-scrollbar {width:8px;height: 6px; background: transparent;}
.builder-panel .builder-panel__list::-webkit-scrollbar-thumb {background: transparent; border-radius: 4px;}
.builder-panel .builder-panel__list:hover::-webkit-scrollbar-thumb {background: hsla(0, 0%, 53%, 0.4);}
.builder-panel .builder-panel__list:hover::-webkit-scrollbar-track {background: hsla(0, 0%, 53%, 0.1); }
.builder-panel .builder-panel__item:not(:first-child){display:none;}
.builder-panel__item{padding: 0 44px;}
.builder-panel__item>.title{font-size: 16px;padding-bottom: 10px;}
.builder-panel .cmpt-list{display:flex;justify-content: space-between;flex-wrap: wrap;}
.builder-panel .cmpt-item{display: inline-block;margin-bottom: 16px;position: relative;transition: transform .4s;cursor: pointer;}
.builder-panel .cmpt-item:hover{transform: scale(1.05);}
.builder-panel .cmpt-item:hover .add-btn{display: block;}
.builder-panel .cmpt-item .add-btn{position: absolute;bottom:0;width:100%; text-align: center;background-color: rgba(32,48,60,.8);color: #fff; padding: 4px 0;display: none;}
.builder-panel .image-cmpt .cmpt-item{margin-bottom: 16px;height: fit-content;}
.builder-panel .image-cmpt .cmpt-item:nth-child(1){width: 146px;}
.builder-panel .image-cmpt .cmpt-item:nth-child(2){width: 146px;}
.builder-panel .image-cmpt .cmpt-item:nth-child(3){width: 146px;margin-top:-16px;}
.builder-panel .image-cmpt .cmpt-item:nth-child(4){width: 146px;}
.builder-panel .slide-cmpt .cmpt-item{width: 144px}
.builder-panel .gallery-cmpt .cmpt-item{width: 160px;}
.builder-panel .form-cmpt .subtitle{font-size: 16px;text-align: left;font-weight:500;padding-bottom: 10px;margin-bottom: 20px; border-bottom: 1px solid #444444;text-transform: capitalize;}
.builder-panel .form-cmpt .cmpt{display: flex;flex-wrap: wrap; justify-content: space-between;}
.builder-panel .form-cmpt .cmpt-item{width: 146px;}
.builder-panel .divider-cmpt .cmpt-item{width: 300px;height: 100px;margin-bottom: 10px}
/*Cmpt Map*/
.section[toggle="map"] .map__view{width: 100%;height: 227px;border-radius: 4px;background: #fff1f1;}
.section[toggle="map"] .map__main{margin-top: 20px}
.section[toggle="map"] .add_map_btn{display: block;margin-left: auto;color: var(--theme-color)}
.section[toggle="map"] .location__list{margin-top: 14px;}
.section[toggle="map"] .location__item{margin-bottom: 14px;}
.section[toggle="map"] .box{border:1px solid #dfdfdf;border-radius:4px;padding:14px 12px;}
.section[toggle="map"] .box__top{display:flex;justify-content:space-between;align-items: center;}
.section[toggle="map"] .box__actions{font-size: 0}
.section[toggle="map"] .box__actions i{font-size: 20px;cursor: pointer}
.section[toggle="map"] .box  .edit{margin-right: 16px;}
.section[toggle="map"] .box__desc{font-size:12px;margin-top:10px;}
.section[toggle="map"] .data {display: none;padding: 12px 0 20px 0;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;}
.section[toggle="map"] .open .data{display: block;}
.section[toggle="map"] .open .box{display: none;}
.section[toggle="map"] .data__title{font-weight: bold;margin-bottom: 10px;}
/*.section[toggle="map"] .data .form-group{margin-bottom: 10px;}*/
/*.section[toggle="map"] .data .form-group>label{margin-bottom: 6px;}*/
.section[toggle="map"] .data .data__actions{margin-top: 20px;display: flex;justify-content: right;}
.section[toggle="map"] .data .data__actions .save{margin-left: 20px;}
.section[toggle="map"] .location__add {color: var(--theme-color);margin-left: auto;display: block;}
.section[toggle="map"] .style{position: relative;min-height: 100%;}
.section[toggle="map"] .style__switch{display: flex;justify-content: space-between;}
.section[toggle="map"] .style__level,.section[toggle="map"] .style__switch{margin-bottom: 20px}
.section[toggle="map"] .style__level .txt, .section[toggle="map"] .style__switch .txt{font-size: 18px;}
.section[toggle="map"] .map__save{position: absolute;bottom:0;right:0;}
.section[toggle="map"] .style__br{height: 1px; background: #eeeeee;}
/*Template Pop*/
.switch-template-modal {height: 90vh;display: flex;flex-direction: column;}
.switch-template-modal .m-modal__header{padding: 20px 30px 0;}
.switch-template-modal .m-modal__body{padding: 20px 30px;flex: 1;overflow: auto;}
.switch-template-modal .switch-template{height: 100%;display: flex;flex-direction: column;}
.switch-template-modal .switch-template__body{flex: 1;overflow: auto;}
.switch-template-modal .switch-template__body::-webkit-scrollbar{display:none;}
.switch-template-modal .switch-template__group{margin: 0 -30px;margin-bottom:16px;padding: 0 30px;border-bottom: 1px solid #EEEEEE;font-weight: 500;color: #666666;}
.switch-template-modal .group-list{display:flex;}
.switch-template-modal .group-item{margin-right: 40px;padding-bottom: 12px;border-bottom: 2px solid transparent;cursor: pointer;}
.switch-template-modal .group-item.selected{border-bottom: 2px solid var(--theme-color);color: var(--theme-color);}
.switch-template-modal .cond-list{display: flex;flex-wrap: wrap;margin-bottom: 8px}
.switch-template-modal .cond-item{padding: 8px 10px;margin-right: 12px;margin-bottom:12px;border-radius: 6px;border: 1px solid #D8DBDE;cursor: pointer }
.switch-template-modal .cond-item.selected{background-color: var(--theme-color);color: #ffffff;border: 1px solid var(--theme-color);}
.switch-template-modal .template-list{display: flex;flex-wrap: wrap;}
.switch-template-modal .template-item{position:relative;width:160px;height:344px;margin: 0 20px 20px 0;border-radius: 8px;overflow:hidden;}
.switch-template-modal .template-item:nth-child(4n+4){margin-right: 0;}
.switch-template-modal .template-item .cover{width: 100%;height: 100%;object-fit: cover;}
.switch-template-modal .mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);flex-direction:column;align-items:center;justify-content:center;display: none;}
.switch-template-modal .template-item:hover .mask{display: flex;}
.switch-template-modal .template-item:hover .current{display: none;}
.switch-template-modal .template-item .apply{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 96px;height: 40px;background-color: #FFFFFF;border-radius: 8px;font-weight: 500;}
.switch-template-modal .template-item .theme__bottom{position: absolute;width: 100%;bottom:0;}
.switch-template-modal .template-item .current{position: absolute;bottom:0px;background: rgba(0, 0, 0, 0.6);width: 100%; text-align: center;height: 30px;line-height: 30px;font-size: 12px;color: #fff;}
.switch-template-modal .template-item .mask-star{width: 28px; height: 28px; position: absolute; top: 6px;left: 6px;border-radius: 8px;cursor: pointer; background-color: #fff;text-align: center;}
.switch-template-modal .template-item .mask-star i{width: 20px;  height: 20px; background-position: -4px -90px; margin-top: 4px;}
.switch-template-modal .template-item.starred .mask-star i{background-position: -26px -90px;}
.switch-template-modal .template-item .free{display:inline-block;position:absolute;top:6px;right:6px;background:#fff;padding:2px 6px;border-radius: 6px;font-size: 12px;font-weight: 500;border:1px solid #333333;}
.switch-template-modal .template-item .bg-starred {background: rgba(255,255,255,0.4);position: absolute;top: 6px;left: 50%;transform: translate(-50%);color: #ffffff;width: 88px;height: 28px;border-radius: 112px;text-align: center;line-height: 28px;z-index: 101;}
.switch-template-modal .template__cond--color .selected {border:none;}
.switch-template-modal .template__cond--color li {display: inline-block;position: relative;width: 36px;height: 36px;margin-right: 22px;border-width:0;border-radius: 50%;vertical-align: middle;cursor: pointer}
.switch-template-modal .template__cond--color li.selected:before {display: block;content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 30px;height: 30px;background: #fff;border-radius: 50%}
.switch-template-modal .template__cond--color li span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: inherit}
.switch-template-modal .template__cond--color li.selected span {z-index: 2}
.switch-template-modal .template__cond--color li[data-type="black"] {background-color: #000000}
.switch-template-modal .template__cond--color li[data-type="grey"] {background-color: #DDDDDD}
.switch-template-modal .template__cond--color li[data-type="orange"] {background-color: #FE884A}
.switch-template-modal .template__cond--color li[data-type="yellow"] {background-color: #FCD957;}
.switch-template-modal .template__cond--color li[data-type="purple"] {background-color: #7E13F9}
.switch-template-modal .template__cond--color li[data-type="blue"] {background-color: #4A65FA}
.switch-template-modal .template__cond--color li[data-type="red"] {background-color: #FB5152}
.switch-template-modal .template__cond--color li[data-type="pink"] {background-color: #FB5DBA}
.switch-template-modal .template__cond--color li[data-type="cyan-blue"] {background-color: #54DBDF}
.switch-template-modal .template__cond--color li[data-type="green"] {background-color: #73D352}
/* Template List*/
.templateList-wrapper{width:1144px;height:100%;padding: 28px 32px 30px;margin: 0 auto 0;}
.templateList__inner{height:100%;display: flex;flex-direction: column;padding:16px 20px 0;background: #ffffff;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.1216);border-radius: 16px;}
.templateList__search{margin-bottom:20px;}
.templateList-wrapper .search__input {position: relative;}
.templateList-wrapper .icon-search {position: absolute;top: 50%;left: 16px;transform: translateY(-50%);font-size: 18px;color: #999999;}
.templateList-wrapper .icon-close {display: none;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);font-size: 18px;color: #999999;cursor: pointer;}
.templateList-wrapper [name="search"] {width: 100%;height: 44px;padding: 0 15px 0 40px;border: 1px solid #D8DBDE;border-radius: 8px;}
.templateList-wrapper [name="search"]:focus {border: 1px solid #1faaf4;}
.templateList__body {flex: auto;height: 100%;overflow: auto;}
.templateList__body::-webkit-scrollbar {display: none;}
.templateList__tab .tab-list{display: flex;border-bottom: 1px solid #E4E8ED;}
.templateList__tab .tab-item{margin-right: 34px;padding-bottom: 12px;border-bottom:2px solid transparent;cursor:pointer;}
.templateList__tab .tab-item i{display: inline-block;width: 20px;height: 20px;margin-right: 8px;vertical-align: middle}
.templateList__tab .tab-item .biolink-icon{background-position: -4px -34px; }
.templateList__tab .tab-item .page-icon{background-position: -28px -34px; }
.templateList__tab .tab-item .litesite-icon{background-position: -52px -34px; }
.templateList__tab .tab-item .starred-icon{background-position: -4px -90px; }
.templateList__tab .tab-item.selected{color: #ff6541;border-bottom:2px solid var(--theme-color);}
.templateList__tab .tab-item:hover{color: #ff6541;}
.templateList__tab .selected .biolink-icon,.templateList__tab .tab-item:hover .biolink-icon{background-position: -76px -34px; }
.templateList__tab .selected .page-icon,.templateList__tab .tab-item:hover .page-icon{background-position: -101px -34px; }
.templateList__tab .selected .litesite-icon,.templateList__tab .tab-item:hover .litesite-icon{background-position: -124px -34px; }
.templateList__tab .selected .starred-icon,.templateList__tab .tab-item:hover .starred-icon{background-position: -26px -90px; }



.templateList__main{display: flex;flex-direction: column;height: 100%;}
.templateList__content{display:flex;flex: auto;overflow: hidden;}
.templateList__group{width: 116px;padding-left:4px;border-right: 1px solid #E4E8ED;flex: none;}
.templateList__list{flex:auto;padding:20px;overflow: auto;}
.templateList__list::-webkit-scrollbar {display: none}
.templateList-wrapper .group-list{margin-top: 20px;}
.templateList-wrapper .group-item{margin-bottom: 28px;color: #666666;cursor: pointer}
.templateList-wrapper .group-item.selected{color: var(--theme-color);}
.templateList-wrapper .cond-list{display:flex;flex-wrap: wrap;margin-bottom: 8px;}
.templateList-wrapper .cond-item{padding:10px 12px;background-color: #F5F6F7;margin-right: 12px;margin-bottom:12px;color: #666666;border-radius: 6px;cursor: pointer;}
.templateList-wrapper .cond-item.selected{background-color:var(--theme-color);color:#ffffff;}
.templateList-wrapper .template-search__result{height: 100%;padding:0 10px;}
.templateList-wrapper .template-search__result .template-item{width: 240px;height: 520px;}
.templateList-wrapper .templateList__title{font-weight: 500;margin-bottom: 10px;font-size: 16px;}
.templateList-wrapper .template-list{display: flex;flex-wrap: wrap;margin-right: -20px;}
.templateList-wrapper .template-item{width:206px;height:444px;position:relative;margin-bottom:20px;margin-right:20px;border-radius:12px;overflow:hidden;}
.templateList-wrapper .template-item img{width: 100%;height: 100%;object-fit: cover;}
.templateList-wrapper .template-item .mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);display:none}
.templateList-wrapper .template-item:hover .mask{display:block}
.templateList-wrapper .template-item .create{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 96px;height: 40px;background: #FFFFFF;border-radius: 8px;font-weight: 500;}
.templateList-wrapper .template-item .mask-star{width: 28px;height: 28px;position: absolute;top: 6px;left: 6px;border-radius: 8px;cursor: pointer;background-color:#fff;text-align: center;}
.templateList-wrapper .template-item .mask-star i{width:20px;height: 20px;background-position: -4px -90px;margin-top:4px;}
.templateList-wrapper .template-item.starred .mask-star i{background-position: -26px -90px;}



.templateList-wrapper .template-item .free{display:inline-block;position:absolute;top:6px;right:6px;background:#fff;padding:2px 6px;border-radius: 6px;font-size: 12px;font-weight: 500;border:1px solid #333333;}
.templateList-wrapper .template-item .bg-starred {background: rgba(255,255,255,0.4);position: absolute;top: 6px;left: 50%;transform: translate(-50%);color: #ffffff;width: 88px;height: 28px;border-radius: 112px;text-align: center;line-height: 28px;z-index: 101;}
.templateList-wrapper .template__tab__list{display:flex }
.templateList-wrapper .template__tab__list .item{cursor:pointer;}
.templateList-wrapper .template__tab__list i{display: inline-block;width: 20px;height: 20px;margin-right: 8px; background-size: contain;background-position:center center;background-repeat: no-repeat;vertical-align: middle;}
.templateList-wrapper .template__tab__list [data-tab="biolink"] i{background-image: url(https://bio.linkcdn.cc/instabio.cc/images/icon/biolink-icon.png);}
.templateList-wrapper .template__tab__list [data-tab="onepage"] i{background-image: url(https://bio.linkcdn.cc/instabio.cc/images/icon/onepage-icon.png);}
.templateList-wrapper .template__tab__list [data-tab="site"] i{background-image: url(https://bio.linkcdn.cc/instabio.cc/images/icon/site-icon.png);}
.templateList-wrapper .template__tab__list [data-tab="starred"] i{background-image: url(https://bio.linkcdn.cc/instabio.cc/images/icon/collection-icon.png);}
.templateList-wrapper .template__tab__list .item.selected,.template__tab__list .item:hover{color: #ff6541;}
.templateList-wrapper .template__tab__list [data-tab="biolink"].selected i,.template__tab__list [data-tab="biolink"]:hover i{background-image: url(https://bio.linkcdn.cc/instabio.cc/images/icon/biolink-icon_select.png);}
.templateList-wrapper .template__tab__list [data-tab="onepage"].selected i,.template__tab__list [data-tab="onepage"]:hover i{background-image: url(https://bio.linkcdn.cc/instabio.cc/images/icon/onepage-icon_select.png);}
.templateList-wrapper .template__tab__list [data-tab="site"].selected i,.template__tab__list [data-tab="site"]:hover i{background-image: url(https://bio.linkcdn.cc/instabio.cc/images/icon/site-icon_select.png);}
.templateList-wrapper .template__tab__list [data-tab="starred"].selected i,.template__tab__list [data-tab="starred"]:hover i{background-image: url(https://bio.linkcdn.cc/instabio.cc/images/icon/collection-icon_select.png);}
.templateList__blank{text-align: center;padding-top: 100px;}
.templateList__blank img{width:88px;}
.templateList__blank .blank__text{font-size: 16px;margin-top: 32px;}
.templateList-search__blank {padding: 118px 0 126px;text-align: center;}
.templateList-search__blank img{width:94px;}
.templateList-search__blank .blank__desc{margin-top: 40px;font-size: 16px;}
.templateList-wrapper .template__cond--color .selected {border:none;}
.templateList-wrapper .template__cond--color li {display: inline-block;position: relative;width: 36px;height: 36px;margin-right: 22px;border-radius: 50%;vertical-align: middle;cursor: pointer}
.templateList-wrapper .template__cond--color li.selected:before {display: block;content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 30px;height: 30px;background: #fff;border-radius: 50%}
.templateList-wrapper .template__cond--color li span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: inherit}
.templateList-wrapper .template__cond--color li.selected span {z-index: 2}
.templateList-wrapper .template__cond--color li[data-type="black"] {background-color: #000000}
.templateList-wrapper .template__cond--color li[data-type="grey"] {background-color: #DDDDDD}
.templateList-wrapper .template__cond--color li[data-type="orange"] {background-color: #FE884A}
.templateList-wrapper .template__cond--color li[data-type="yellow"] {background-color: #FCD957;}
.templateList-wrapper .template__cond--color li[data-type="purple"] {background-color: #7E13F9}
.templateList-wrapper .template__cond--color li[data-type="blue"] {background-color: #4A65FA}
.templateList-wrapper .template__cond--color li[data-type="red"] {background-color: #FB5152}
.templateList-wrapper .template__cond--color li[data-type="pink"] {background-color: #FB5DBA}
.templateList-wrapper .template__cond--color li[data-type="cyan-blue"] {background-color: #54DBDF}
.templateList-wrapper .template__cond--color li[data-type="green"] {background-color: #73D352}
/* 分页器 */
.template__wrap .pagination{margin-top:54px;}
.template__wrap .pg_item:first-child{margin-right:10px;}
.template__wrap .pg_item:last-child{margin-left:10px;}
/*Form Editor*/
.formList-wrapper{padding: 20px 20px 100px;}
.formList{display: none;width:560px;margin:0 auto;}
.formList__cont{width: 100%;flex-direction: column;}
.formList__cont .formList__list{flex: 1 1 auto;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.formList__cont .formList__list::-webkit-scrollbar{display:none}
.formList__cont .formList__item{display:flex;align-items:center;height:80px;padding:0 10px 0 20px;border:1px solid #dfdfdf;border-radius:4px;}
.formList__cont .formList__item:not(:last-child){margin-bottom:20px}
.formList__cont .formList__item .is-select{margin-right:20px;display: none;}
.formList__cont .formList__item .icon-location1{font-size:20px;margin-right:12px}
.formList__cont .formList__item .form__info{flex:none;width:65%;display: flex;align-items: center;}
.formList__cont .formList__item .form__info i{margin-right: 14px;font-size:30px;}
.formList__cont .formList__item .form__text{width: 100%}
.formList__cont .formList__item .gray{color:#aaa}
.formList__cont .hover__actions{display:flex;align-items:center;margin-left:auto}
.formList__cont .actions__item{position: relative;display: flex; justify-content: center;margin:0 10px;}
.formList__cont .actions__item i{font-size: 22px;cursor: pointer;}
.formList__cont .actions__item span{position:absolute;display:none;top:-30px;background:#e9e9e9;border-radius:5px;color:#333;font-size:12px;padding:4px 10px;width:max-content}
.formList__cont .actions__item:hover span {display: inline;}
.formList__cont .add{margin-top: 20px;display: block;margin-left: auto;}
.formList-pop .formList__cont{max-height: 600px;}
.formList-pop .formList__item .is-select{display:inline-block;}
.formList-pop .formList__cont .apply{display: none;}
.formList-pop .add{color: var(--theme-color);font-size: 16px;}
.formList__blank{width: 100%;padding:100px 30px;text-align: center;}
.formList__blank .blank-img{padding-top: 40px;}
.form-editor-pop .m-modal__header{display: none;}
.form-editor-pop .m-modal__body{padding:0}
.form-editor-pop .formEdit__head{display: flex;align-items: center;padding: 0 40px;justify-content: space-between;height: 70px;border-bottom: 1px solid #E6E6E6;}
.form-editor-pop .formEdit__head .title{font-size: 22px;color: #070403;}
.form-editor-pop .formEdit__head .action{font-size: 0}
.form-editor-pop .formEdit__head .save{margin-left: 20px;}
.formEdit__body{display: flex;justify-content: space-between;height: 496px;padding-left:40px;}
.formEdit__view {width: 446px;}
.formEdit__view .tips{margin: 18px 0 12px;}
.formEdit__style{width: 466px;padding: 20px 0;}
.formEdit__style .style{height:100%;padding: 20px 20px 0 20px;overflow: auto;}
.formEdit__style .style__tab {margin-bottom: 20px;}
.formEdit__style .style__tab li{display: inline-block;margin-right: 30px;font-size: 16px;cursor: pointer;}
.formEdit__style .style__tab .selected{color: var(--theme-color)}
.formList__wrap .add{margin-left: auto;display: block;margin-top: 20px;}
.formEdit__style .title{margin-bottom:10px;font-size:18px;}
.form-editor-pop .link-expander__action{display:none}
.link-expander__content .formEdit__head{display:none}
.link-expander__content .formEdit__body{flex-wrap:wrap;height:auto;padding:12px;}
.link-expander__content .formEdit__body .formEdit__view{width:100%;padding:12px 12px 0;background-color:#F2F4F6}
.link-expander__content .formEdit__body .formEdit__style{width:100%}
.form-oldeditor-pop .m-modal__header{display: none;}
.form-oldeditor-pop .m-modal__body{padding:0}
.form-oldeditor-pop .formEdit__head{display: flex;align-items: center;padding: 0 40px;justify-content: space-between;height: 70px;border-bottom: 1px solid #E6E6E6;}
.form-oldeditor-pop .formEdit__head .title{font-size: 22px;color: #070403;}
.form-oldeditor-pop .formEdit__head .action{font-size: 0}
.form-oldeditor-pop .formEdit__head .save{margin-left: 20px;}
.form-template-pop .form-template__cont{display: flex;height: 600px; overflow: auto;  }
.form-template-pop .form-template__list{display: inline-block;}
.form-template-pop .item{width:300px;}
.form-template-pop .item .title{display: flex;justify-content: space-between;padding: 0 20px;font-weight: bold;}

.formEdit-select-pop .form-services__item{display:flex;padding:10px 12px;border:1px solid #dfdfdf;border-radius:4px;height:50px;line-height:30px;margin-bottom:12px;}
.formEdit-select-pop .service__drag{width:32px;text-align:left;}
.formEdit-select-pop .service__drag i{font-size:14px;color:#777777}
.formEdit-select-pop .service__text{width:100%}
.formEdit-select-pop .service__text input{width:100%;height:100%;border:none}
.formEdit-select-pop .service__remove{width:24px;cursor:pointer;}
.formEdit-select-pop .service__remove .iconfont{color:#dfdfdf}
.formEdit-select-pop .add-btn{ color: #ff6541;display: block;margin-left: auto;}
.formEdit-Servers-pop .success-message-group label{margin-bottom: 8px;}
.formEdit-Servers-pop .success-message-group .tips{line-height: 18px; color: #777777; margin-bottom: 16px;}
.formEdit-Servers-pop .required{display: flex;align-items: center;margin-bottom: 16px;}
.formEdit-Servers-pop .required .square_radio{margin-left: unset;}
.formEdit-Servers-pop .required .text{margin: 0 4px 0 8px;}

.formEdit-Servers-pop .sync-data{display: flex;align-items: center;margin-bottom: 16px;} 
.formEdit-Servers-pop .sync-data .square_radio{margin-left: unset;}
.formEdit-Servers-pop .sync-data .text{margin: 0 4px 0 8px;}

.formEdit-Servers-pop .synchronize{display: flex;align-items: center;}
.formEdit-Servers-pop .synchronize .text{margin-left:8px;}
.formEdit-Servers-pop .synchronize .question{position: relative;width: 24px;text-align: center;}
.formEdit-Servers-pop .synchronize .question:hover .tip{display: block;}
.formEdit-Servers-pop .synchronize .tip{display: none;position: absolute;top: 30px;left: 50%;width: 300px;padding: 6px 8px;margin-left: 20px;background: #FFFFFF;font-size: 12px;text-align: left;border: 1px solid #999999;border-radius: 4px;transform: translateX(-50%);}
.formEdit-Servers-pop .synchronize .tip::after{content: "";position: absolute;width: 16px;height: 10px;margin-left: -20px;background: url(https://bio.linkcdn.cc/instabio.cc/images/back/tooltip-arrow_border.png) no-repeat center center;top: -8px;left: 50%;transform: translateX(-50%);background-size: cover;overflow: hidden;}
.formEdit-Servers-pop .top{display: flex;justify-content: space-between; margin-bottom: 10px;}
.formEdit-Servers-pop .add-btn{width: 100%;height: 40px;border: 1px solid #DFDFDF;border-radius: 4px;color: var(--theme-color);}
.formEdit-Servers-pop .service-group__item{display:flex;padding:10px 12px;border:1px solid #dfdfdf;border-radius:4px;height:50px;line-height:30px;margin-bottom:12px;}
.formEdit-Servers-pop .service__drag{width:32px;text-align:left;}
.formEdit-Servers-pop .service__drag i{font-size:14px;color:#777777}
.formEdit-Servers-pop .service__text{width:100%}
.formEdit-Servers-pop .service__text input{width:100%;height:100%;border:none}
.formEdit-Servers-pop .service__remove{width:24px;cursor:pointer;}
.formEdit-Servers-pop .service__remove .iconfont{color:#dfdfdf}
.formEdit-Servers-pop .formEdit-key__list{display: flex;flex-wrap: wrap;}
.formEdit-Servers-pop .formEdit-key__item{width: 33.3%;margin-bottom: 30px;text-align: center;cursor: pointer;}
.formEdit-Servers-pop .formEdit-key__item:hover{color: var(--theme-color);}
.formEdit-Servers-pop .formEdit-key__list span{display: block;}
.formEdit-Servers-pop .formEdit-key__list i{font-size: 26px}
/* Account */
.account-wrapper{width: 600px;margin: 30px auto 0;padding: 0 20px;border-radius:8px;box-shadow: 1px 1px 3px 0 rgba(2,27,57,0.12);background-color:#fff;overflow:hidden;}
.account-wrapper .user-info{display:flex;align-items:center;height:100px;border-bottom: 1px solid #eeeeee;}
.account-wrapper .user-info img{width:47px;height:47px;border-radius:50%;object-fit:cover;object-position:center}
.account-wrapper .userAvatar{position:relative}
.account-wrapper .userAvatar__inner{cursor:pointer}
.account-wrapper .userAvatar:hover .userAvatar__mask{display:block}
.account-wrapper .userAvatar__mask{position:absolute;top:0;left:0;display:none;width:100%;height:100%;border-radius:50%;background:#00000057;cursor:pointer}
.account-wrapper .userAvatar__mask .mask-block{width:100%;height:100%;text-align:center;line-height:47px}
.account-wrapper .userAvatar__mask i{color:#fff;font-size:19px}
.account-wrapper .username{margin-left:15px}
.account-wrapper .username .edit{margin-left:8px;color:#ff6541;font-size:22px;cursor:pointer}
.account-wrapper .username__edit{display:flex;font-size:16px;align-items:center}
.account-wrapper .username__txt{max-width:300px;font-size:16px}
.account-wrapper .username__txt input{padding:0 12px;min-width:230px;border:none;border-bottom:1px solid #9e9e9e}
.account-wrapper .login_source{color:#ccc;font-size:12px}
.account-wrapper .user-email{ line-height: 60px;border-bottom: 1px solid #eeeeee;}
.account-wrapper .user-email__txt{display: inline-block;}
.account-wrapper .user-email .change-wrap{float:right;color:var(--theme-active-color)}
.account-wrapper .user-email .change{padding: 8px 0;cursor: pointer;}
.account-wrapper .user-email .arrow-wrap{float:right;}
.account-wrapper .user-email .arrow{padding:6px;cursor: pointer;}
.account-wrapper .user-email__form{display:none;border-bottom:1px solid #eee}
.account-wrapper .user-email__form .user-email__txt{margin-top:18px;margin-bottom:18px}
.account-wrapper .user-email__form .send{position:absolute;right:10px;top:10px;color:var(--theme-color)}
.account-wrapper .user-email__form .btn-change{width:100%;height:40px;margin-bottom:20px;}
.account-wrapper .user-email__form .account-title{margin:26px 0 12px}
.account-wrapper .user-email__form .account-desc{color:#777;line-height:21px;margin-bottom:12px}
.account-wrapper .user-email__form .btn-group{margin-bottom:20px;text-align:right;font-size:0}
.account-wrapper .user-email__form .btn-cancel{width:100px;height:40px;border:1px solid #aaa;color:#777}
.account-wrapper .user-email__form .btn-bind{width:100px;height:40px;margin-left:20px;border-radius:2px}
.account-wrapper .verification-code{position:relative}
.account-email-pop .reenter-password .forget{float:right;color:var(--theme-color);cursor:pointer}
.account-email-pop .reenter-password input{margin:10px 0 6px}
.account-wrapper .user-grade{position:relative;line-height:60px;border-bottom:1px solid #eeeeee;cursor:pointer;}
.account-wrapper .user-grade__subscrip{display:inline-block;}
.account-wrapper .user-grade__manage{float: right;color: var(--theme-active-color);}
.account-wrapper .user-grade__upgrade{float: right;}
.account-wrapper .user-grade__upgrade div{display: inline-block;width: 100px;height: 36px;background: linear-gradient(118deg, #FF7134 0%, #FC3748 100%);border-radius: 8px;}
.account-wrapper .user-grade__upgrade span{display:block;width: 100%;height: 100%;background: url("https://bio.linkcdn.cc/instabio.cc/static/images/decorate.png") left top no-repeat;color:#fff;text-align: center;line-height: 36px;}
.account-wrapper .account_pwd{position:relative;line-height:60px;border-bottom:1px solid #eeeeee;}
.account-wrapper .account_pwd_p{float: right;color:#3e4357;cursor:pointer;}
.account-wrapper .account_pwd_p i{display: inline-block;width:10px;height:16px;vertical-align: middle;margin-left:10px;background:url(https://bio.linkcdn.cc/static/images/back/changepassword@2x.png) center no-repeat;background-size:100%}

.account-wrapper .account_label{height:60px;border-bottom:1px solid #eeeeee;display: flex;justify-content: space-between;align-items: center;}
.account-wrapper .account_label_industry{display: none;height: 30px;background: #333333;border-radius: 6px;color: #fff;padding: 0 12px; line-height: 30px;}

.account-wrapper .pwd_title{height:52px;border-bottom:1px solid #e5e5e5;text-indent:20px;font-size:16px;line-height:52px}
.account-wrapper .pwd_form{margin:0 20px}
.account-wrapper .pwd_form .old_psd{margin-top:15px;margin-bottom:20px}
.account-wrapper .pwd_form .confirm_psd{margin-top:20px;padding-bottom:20px}
.account-wrapper .pwd_form label{width:200px}
.account-wrapper .act-form-group{display:flex;font-size:14px;justify-content:space-between;align-items:center}
.account-wrapper .act-form-group input{padding:0 12px;width:calc(100% - 200px);height:36px;outline:0;border:1px solid #e5e5e5;border-radius:2px}
.account-wrapper .act-form-group input:focus{border-color: var(--theme-active-color);caret-color: var(--theme-active-color);}
.account-wrapper .pwd_form .msg{display:none;margin-top:2px;margin-left:auto;width:358px;color:red;text-align:right;font-size:12px;word-break:break-all}
.account-wrapper .action_pwd_box{display:none}
.account-wrapper .reset_pwd{display:none;}
.account-wrapper .action_pwd_box .btn_box{display:flex;margin-bottom:16px;padding:0 20px;justify-content:flex-end}
.account-wrapper .action_pwd_box .btn_box button{width:100px;height:36px;border-radius:2px}
.account-wrapper .action_pwd_box .btn_box .btn_cancel{margin-right:30px;outline:0;border:1px solid #ff6541;background:#fff;color:#ff6541}
.account-wrapper .action_pwd_box .btn_box .btn_cancel{margin-right:30px;outline:0;border:1px solid #ff6541;background:#fff;color:#ff6541}
.account-wrapper .action_pwd_box .btn_box .btn_save{outline:0;border:1px solid transparent;background:#ff6541;color:#fff}
.set_pwd{display:none;}
.set_pwd .pwd_email{margin-top:0}
.set_pwd_tip{margin:14px 0;color:#b0afaf;text-indent:20px;font-size:12px}
.set_pwd_form{margin:15px 20px 0}
.set_pwd_form .confirm_psd{margin:20px 0}
.account-wrapper .del_account{position:relative;line-height:60px;}
.account-wrapper .del_account a{float: right}
.account-wrapper .del_account i{display:inline-block;vertical-align: middle;width:10px;height:16px;background:url(https://bio.linkcdn.cc/static/images/back/changepassword@2x.png) center center no-repeat;background-size:100%}
.account-wrapper .del_account_box{display:none}
.account-wrapper .del_account_box p{padding:0 20px;color:#666b7d;line-height:24px}
.account-wrapper .del_account_box button{display:block;margin:30px auto 20px;height:36px;border-radius:2px;background-color:#ff6541;color:#fff}
.pop_account,.set_pwd_pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:none;background-color:rgba(0,0,0,.3)}
.pop_account .pop_box{position:fixed;top:50%;left:50%;padding:50px 35px 25px;width:300px;border-radius:4px;background-color:#fff;transform:translate(-50%,-50%)}
.set_pwd_pop .set_pwd_div{position:fixed;top:50%;left:50%;padding:30px 20px 25px;width:300px;border-radius:4px;background-color:#fff;transform:translate(-50%,-50%)}
.set_pwd_div p{display:none;color:#37393d;text-align:center}
.set_pwd_div button{display:block;margin:30px auto 0;width:100px;height:36px;border-radius:2px;background-color:#ff6541;color:#fff}
.pop_account .pop_box h3{margin-bottom:50px;color:#37393d;text-align:center;font-weight:400;font-size:14px}
.pop_box .pop_btn{display:flex;justify-content:space-between}
.pop_box .pop_btn button{width:100px;height:36px;border-radius:2px;font-size:12px}
.pop_box .pop_btn .pop_cancel_btn{border:1px solid #ff6541;color:#ff6541}
.pop_box .pop_btn .pop_del_btn{background-color:#ff6541;color:#fff}
.new_psd .msg{display:none;margin-top:2px;margin-left:auto;width:358px;color:red;text-align:right;font-size:12px;word-break:break-all}
.confirm_psd .msg{display:none;margin-top:2px;margin-left:auto;width:358px;color:red;text-align:right;font-size:12px;word-break:break-all}
/*My Message*/
.message-wrapper{min-width: 1020px;height: 100%;background-color:#fff}
.message-wrapper .avatar{width: 42px;height: 42px;margin-right: 12px;background: #BEC1C5;border-radius: 50%;text-align: center;line-height: 42px;font-size: 26px;color: #FFFFFF;}
.message__body{height: 100%;}
.message__left{display: flex;float: left;flex-direction: column;width: 390px;height: 100%;}
.message-list__head{display: flex;align-items: center;flex-shrink: 0;height: 52px;padding: 0 16px; border-bottom: 1px solid #E4E8ED;}
.message-list__head .title{float: left;font-weight: 500;}
.message-list .message-download__close{display: none;}
.message-list__head .list-head__tool{display: flex;margin-left: auto;}
.message-list .date-range{position: relative;width: 196px;height: 32px;margin-left: auto;}
.message-list .date-range__inner{position: absolute;border-radius: 4px;overflow: hidden;border: 1px solid transparent;}
.message-list .date-range__inner.opened{border: 1px solid var(--theme-active-color);}
.message-list .date-range__inner.opened .date-range__list{display: block;}
.message-list .date-range__result{position: relative;width: 196px;height: 32px;background: #F3F4F5;line-height: 32px;cursor: pointer;}
.message-list .date-range__result i{position: absolute;top: 0;left: 10px;color: #7b8087;}
.message-list .date-range__result span{display: inline-block;padding-left: 34px;font-size: 12px;}
.message-list #date-custom{opacity: 0;position: absolute;top: 0;left: 0;}
.message-list .date-range__list {display: none;padding: 6px 0;background-color:#fff;}
.message-list .date-range__list .item{padding: 6px 12px;font-size: 12px;cursor: pointer;}
.message-list .date-range__list .item.selected{color: var(--theme-active-color);}
.message-list__head .download-icon{width: 32px;height: 32px;margin-left: 8px;text-align: center;line-height: 32px;background-color: #F3F4F5;color:#868a91; border-radius: 4px;cursor: pointer;}
.message-list__head .download-icon:hover{background-color:var(--theme-hover-color-light);}
.message-list .message-download__tool{display: none;padding:16px;border-bottom: 1px solid #d8dbde;flex-shrink: 0;}
.message-list .download-csv__btn{width: 358px;height: 44px;background: #FF6541;border-radius: 8px;color: #ffffff;}
.message-list .download-csv__btn[disabled]{background-color:var(--theme-disabled-color);color: var(--theme-disabled-font-color);}
.message-list .download-trigger{margin-top: 20px;font-size: 16px;font-weight: 500;}
.message-list .download-trigger__title{margin-left: 12px;vertical-align: middle;}
.message-list.message-download .message-list__head .title{display: none;}
.message-list.message-download .message-download__close{display: block;padding:4px;cursor: pointer;}
.message-list.message-download .download-icon{display: none;}
.message-list.message-download .message-download__tool{display: block;}
.message-download .message-list__item .v-checkbox{display: block;}
.message-list__body{height: 100%;padding-bottom: 150px;overflow: auto;}
.message-list__body::-webkit-scrollbar {display: none;}
.message-list__blank{padding-top: 40px;text-align: center;}
.message-list__blank img{width: 82px;margin-bottom: 32px;}
.message-list__item{color:#999999;cursor: pointer;}
.message-list__item.selected,.message-list__item:hover{background-color: #F3F4F5;}
.message-list__item .item{display: flex;align-items: center;margin: 0 16px;padding: 20px 0;border-bottom: 1px solid #E4E8ED;}
.message-list__item .text{max-width: 62%;}
.message-list__item.unread{color:#333;}
.message-list__item .name{margin-bottom: 5px;font-size: 16px;color:#666666;}
.message-list__item.unread .name{color: #333333;font-weight: 500;}
.message-list__item .otherinfo{margin-left: auto;text-align: right;}
.message-list__item .otherinfo .time{margin-bottom: 6px;font-size: 12px;font-weight: 500;}
.message-list__item .otherinfo .platform{font-size: 12px}
.message-list__item .otherinfo .platform i{margin-right: 4px;vertical-align: middle;color: #BEC1C5;}
.message-list__item.unread .otherinfo .platform i{color: #82868d;}
.message-list__item .otherinfo .platform span{vertical-align: middle;}
.message-list__item .v-checkbox{margin-right: 12px;display: none;}
.message__right{position: relative;float: left;width: calc(100% - 390px);height: 100%;border-left: 1px solid #E4E8ED;position: relative;}
.message-detail{height: 100%; overflow: auto;}
.message__right--mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);}
.message-detail__head{height: 52px;padding-left: 20px;font-weight: 500;border-bottom: 1px solid #E4E8ED;line-height: 52px;}
.message-detail__body{margin: 0 32px 0 20px;}
.message-detail__top{display: flex;padding: 16px 0;border-bottom: 1px solid #E4E8ED;}
.message-detail__top .avatar{margin-top: 4px;margin-right: 16px;}
.message-detail__top .time{margin-left: auto;font-size: 12px;color: #999;}
.message-detail__top .text i{margin-right: 8px;vertical-align: middle;}
.message-detail__top .name{font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.message-detail__top .email{margin-bottom: 10px;}
.message-detail__fields{padding: 20px 70px 0 5px;}
.message-detail__fields .field__item{display: flex;margin-bottom: 26px;color: #666666;font-size: 12px;}
.message-detail__fields .field__title{width: 140px;flex-shrink: 0;font-size: 0}
.message-detail__fields .field__title i{margin-right: 6px;vertical-align: middle;}
.message-detail__fields .field__title span{vertical-align: middle;font-size: 12px;}
.message-detail__fields .title{margin-bottom: 4px;color:#333333;font-weight: 500;}
.message-detail__fields .field__checkbox i{margin-right: 4px;vertical-align: middle;}
.message-detail__fields .file-image {display:flex;flex-wrap: wrap}
.message-detail__fields .file-image__item{margin-right: 12px;margin-bottom: 16px;flex: none;}
.message-detail__fields .file-image__item img{width: 48px;height: 48px;border-radius:6px;object-fit: cover;cursor: pointer}
.message-detail__fields .file-pdf__item{width: 228px;margin-bottom: 16px;padding:10px 6px 10px 12px;border-radius: 8px 8px 8px 8px;opacity: 1;border: 1px solid #D8DBDE;display: flex;align-items: center;}
.message-detail__fields .file-pdf__name{margin-bottom: 2px;font-weight: 500;font-size: 12px;}
.message-detail__fields .file-pdf__size{font-size: 12px;color: #666666;}
.message-detail__fields .file-pdf__icon i{ font-size: 28px;color: #FC5A5A;margin-right: 4px;}
.message-detail__fields .file-pdf__text {width:128px;}
.message-detail__fields .file-pdf__view{margin-left:auto;}
.message-detail__fields .file-pdf__view a{padding:6px;}
.message-detail__fields .file-pdf__view i{font-size:20px;color: #7B8087;}
.file-image-modal .file-image__inner{padding-top: 14px;text-align: center;user-select: none;}
.file-image-modal .image-block{background-color: #EBEDEF;border-radius: 8px;}
.file-image-modal .file-image__image{max-width:260px;height:260px;object-fit: cover;border-radius: 8px;}
.file-image-modal .file-image__download{width:260px;margin-top:20px;}
.file-image-modal .file-image__main{position: relative;width:260px;margin: 0 auto;}
.file-image-modal .image__pre {position: absolute;top: 50%;left: 8px;transform: translateY(-50%);width: 28px;height: 28px;background: rgba(255, 255, 255, .5);border-radius: 50%;text-align: center;line-height: 28px;cursor: pointer;}
.file-image-modal .image__next {position: absolute;top: 50%;right:8px;transform: translateY(-50%);width: 28px;height: 28px;background: rgba(255, 255, 255, .5);border-radius: 50%;text-align: center;line-height: 28px;cursor: pointer;}

.message-detail__bottom{display: flex;align-items: center;padding:20px 0 42px 5px;border-top: 1px solid #E4E8ED;}
.message-detail__bottom .message-detail__other {color: #666666;}
.message-detail__bottom .message-detail__other i{margin-right: 8px;vertical-align: middle;}
.message-detail__bottom .platform{margin-bottom:12px;}
.message-detail__action{margin-left: auto;}
.message-detail__action .btn{float: left;width: 128px;}
.message-detail__action .action-del{margin-right: 20px;}
.message-detail__action .action-send a{color:#ffffff}


/*Pay Provider*/
.pay-provider-wrapper{width: 600px;margin:0 auto;padding:30px 20px 100px;}
.pay-provider-wrapper .pay-provider{display:none;}
.pay-provider__body{display:none;}
.pay-provider__body .body-title{margin-bottom: 12px;}
.pay-provider__title{margin-bottom:10px;}
.pay-provider__item{display:flex;align-items:center;border:1px solid #dfdfdf;border-radius:4px;height:81px;padding:8px 20px}
.pay-provider__item:not(:last-child){margin-bottom:16px}
.provider__info{position:relative;display:flex;height:100%;align-items:center}
.provider__info-state{position:absolute;left:0;top:0}
.provider__info-img{width:30px;height:30px}
.provider__info-detail{display:flex;padding-left:12px}
.provider__info-text{padding-left:8px}
.provider__info-type{color:#aaa;font-size:12px}
.hover__actions{display:flex;margin-left:auto}
.actions__item{position:relative;display:flex;justify-content:center;margin-left:16px;}
.actions__item:first-child{margin-left:0;}
.actions__item i{font-size:20px;cursor:pointer}
.actions__item span{position:absolute;display:none;top:-30px;background:#e9e9e9;border-radius:5px;color:#333;font-size:12px;padding:4px 10px;width:max-content}
.actions__item:hover span{display:inline}
.pay-provider__item .state{background:#fff;width:12px;height:12px;border-radius:50%}
.pay-provider__item .active{background:#71dd9f}
.pay-provider__item .deactive{background:#d45650}
.pay-provider__body .add{margin-left:auto;display:block;margin-top:20px}
.pay-provider__null{text-align:left;padding:32px;display:none}
.pay-provider__null .null-desc{margin:14px 0 20px}
.pay-provider__null .btn{width:100%}
.paypal-connect-pop .m-modal__title {padding: 8px 8px 8px 4px;cursor: pointer;}
.paypal-connect-pop .m-modal__title i{font-size: 18px;}
.paypal-connect-pop .paypal-connect__title{margin-bottom: 15px;margin-top: -10px;font-size: 16px;font-weight: 500;}
.paypal-connect-pop li{margin-bottom: 20px;}
.stripe-connect-pop p{margin-bottom: 10px;color: #AAAAAA;}
.stripe-connect-pop p a{color: var(--theme-color);}
.paypal-connect-pop .connect-by-id .save{width:100%;}
.paypal-connect-pop .connect-by-authorization .authorization-btn{width:100%;}
.provider-edit-pop .provider-edit-type{background-color:rgba(56,225,153,.2);display:flex;align-items:center;height:36px;width:100%;padding:0 8px}
.provider-edit-pop .provider-edit-img{width:22px;height:22px}
.provider-edit-pop .provider-edit-title{width:100%;font-size:12px;text-align: center;}
.provider-edit-pop .provider-edit-state{width:20px;height:20px}
.provider-edit-pop .provider-edit-input{line-height:36px;margin-top:14px}
.provider-edit-pop .provider-edit-input input{height:36px;width:100%;border:1px solid #dfdfdf;border-radius:2px;text-indent:8px}
.paypal-fees-pop .m-modal__title{font-size: 16px;font-weight: 500;}
.paypal-fees-pop strong{font-weight: 500;}
.paypal-fees-pop p{margin-bottom:12px;line-height: 21px; word-break: keep-all;}
.paypal-fees-pop p:last-child{margin-bottom:0}
.paypal-explain-pop .paypal-explain__title{font-size: 16px;font-weight: 500;margin-bottom: 10px;margin-top: -10px;}
.paypal-explain-pop .m-modal__title{padding: 8px 8px 8px 4px;cursor: pointer;}
.paypal-explain-pop .m-modal__title i {font-size: 18px}
.paypal-explain-pop p {line-height: 21px;}
.paypal-explain-pop .connect-btn {width: 100%;margin: 20px 0;}
.paypal-explain-pop .create-btn {width: 100%;color: var(--theme-color);font-size: 16px;background-color: #ffffff;border-color: var(--theme-color);}
.create-paypal-account p{margin-bottom:12px}
.create-paypal-account .btn{width:100%;}
.create-paypal-account .outlink{color:#aaa}
.create-paypal-account .desc{color:#aaa}
.create-paypal-account .m-modal__title{padding: 8px 8px 8px 4px;cursor: pointer;}
.create-paypal-account .m-modal__title i{font-size: 18px;}
.provider-delete-pop p{line-height: 21px;}
.provider-delete-pop p.used--null{font-weight: 500}
.provider-unable-pop .provider-type {display: flex;align-items: center;justify-content: center;width: 100%;height: 36px;padding: 0 8px;background-color: rgba(229,74,74,.2);border-radius: 2px}
.provider-unable-pop .provider-img {width: 22px;height: 22px}
.provider-unable-pop .provider-title {margin: 0 12px 0 8px}
.provider-unable-pop .provider-state {width: 20px;height: 20px}
.provider-unable-pop p {line-height: 21px;margin-top: 10px}
.provider-unable-pop .action-group .retry {width: 100%;margin-top: 20px}
.provider-unable-pop .action-group .delete {width: 100%;border: 1px solid var(--body-theme-error);color: var(--body-theme-error);margin-top: 12px}


.shopee-remind{padding: 40px 20px 60px;text-align: center;}
.shopee-remind .title{font-size: 18px;margin-bottom: 20px;}
.shopee-remind .desc{font-size: 15px;}
.shopee-account .title{color: #AAAAAA;margin-bottom: 10px}
.disconnect-btn{width: 100%;}
/* Add Ons*/
.addon-wrapper{max-width:1070px;margin:0 auto;padding:30px 25px 20px}
.addon-wrapper .addon__list{display:flex;flex-wrap:wrap;align-items:center;margin:0 -1%}
.addon-wrapper .addon__item{position:relative;width:31.3%;margin:0 1% 25px;background:#fff;box-shadow:1px 1px 3px 0 rgba(2,27,57,.12);border-radius:8px}
.addon-wrapper .addon__item[data-key="shopeeopen"],.addon-wrapper .addon__item[data-key="shopee"]{display: none;}
.addon-wrapper .addon__item.pro::after{content: "\f206";font-family: ibedit;position: absolute;top: 6px;right: 6px;color: #333333;background: rgba(239, 241 ,244, .6);border-radius: 50%;width: 24px;height: 24px;text-align: center;font-size: 14px;line-height: 24px;}
.addon-wrapper .addon__item-logo img{width:100%;}
.addon-wrapper .addon__item-text {padding: 10px 16px 14px;}
.addon-wrapper .addon__item-text .title{margin-bottom:2px;color:#333;font-size:18px;line-height:24px;}
.addon-wrapper .addon__item-text .desc{height: 36px;color:#666;line-height:18px;}

/* Mailchimp */
.mailchimp-wrapper{width: 600px;margin: 30px auto 100px; padding: 0 20px;}
.mailchimp__body{display: none;}
.mailchimp__explain{margin-bottom:14px;color:#888}
.mailchimp__body .go_upgrade{margin-top: 10px;text-align: right;}
.mailchimp__body .go_upgrade span {color: var(--theme-color);}
.mailchimp-authorize{display: none;padding: 20px;}
.authorize-way__title{margin-bottom:20px}
.authorize-way__list{border-bottom:1px solid #eee;margin:0 -20px;padding:0 20px}
.authorize-way__list li{margin-bottom:16px}
.authorize-key .authorize-key__input{position:relative}
.authorize-key .authorize-key__input img{position:absolute;top:30px;left:14px}
.authorize-key input[name=key]{width:100%;height:40px;border:1px solid #ddd;border-radius:4px;margin-top:20px;padding-left:48px}
.authorize-key .authorize-key__input.err input[name=key]{border:1px solid red}
.authorize-key .authorize-key__input.err .msg{display:block;color:red}
.authorize-key .authorize-key__btn{width:100%;height:40px;margin-top:24px}
.authorize-code {display: none;}
.authorize-code .authorize-code__btn{position:relative;width:100%;height:40px;margin-top:24px}
.authorize-code .authorize-code__btn img{position:absolute;top:50%;left:14px;transform:translateY(-50%)}
.mailchimp-authorize__tip{margin-top:14px;color:#888;font-size:12px}
.mailchimp-list{display: none;padding:20px}
.mailchimp-list__top{display:flex;align-items:center}
.mailchimp-list__top .avatar{width:60px;height:60px;margin-right:15px;border-radius:50%}
.mailchimp-list__top .mailchimp-list__unlink{margin-left:auto}
.mailchimp-list__title{margin: 20px 0;font-weight: 600;}
.mailchimp-list__item{padding-bottom: 20px;margin-top: 20px;}
.mailchimp-list__edit{width: 100%}
.mailchimp-list__item .page__list{margin-left: 20px;}
.mailchimp-list__item .page__title{margin-top: 12px;margin-bottom: 10px;color: #888;}
.mailchimp-list__item .page__link{color: #aaa;font-size: 12px;}
.mailchimp-connect__body{min-height:200px;padding:20px 30px;margin-top:6px}
.mailchimp-connect__body .mailchimp-connect__top .title{float:left}
.mailchimp-connect__refresh{float:right;color:var(--theme-color);cursor:pointer}
.mailchimp-connect__refresh i{font-size:20px;margin-right:8px;vertical-align:middle;line-height:normal}
.mailchimp-connect .mailchimp-connect__item{padding-bottom:20px;display:flex;flex-direction:column;margin-top:20px}
.mailchimp-connect .mailchimpList__top{display:flex;justify-content:space-between}
.mailchimp-connect .mailchimpList__top button{color:#ff6541}
.mailchimp-connect .mailchimpList__top .change_btn{float:right;color:var(--theme-color)}
.mailchimp-connect .page__item{display:flex;align-items:center;justify-content:space-between;padding-left:20px}
.mailchimp-connect .page__disconnect{color:var(--theme-color)}
.mailchimp-connect .page__title{margin-top:12px;margin-bottom:10px;color:#888}
.mailchimp-connect .page__link{font-size:12px;color:#aaa;}
/* End */
/* Shopee Connect*/
.shopee-wrapper{padding-top: 30px;}
.shopee-wrapper .shopee-info{width: 360px;padding: 20px;margin:0 auto;border-radius: 5px;background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
.shopee-wrapper  .shopee-info .title{font-size: 14px;color: #AAAAAA;margin-bottom: 10px}
.shopee-wrapper  .shopee-info .item{margin-bottom: 16px;}
.shopee-wrapper  .shopee-info .item span{width: 100%;height: 40px;background: #EEEEEE;border-radius: 4px;display: inline-block;padding-left: 14px;line-height: 40px;margin-top: 6px;color: #333333;font-family: Akkurat;}
.shopee-wrapper   .disconnect_btn{width: 100%;height: 40px;background: #FF6541; border-radius: 4px;  color: #fff;margin-top: 20px;}
.shopee-wrapper  .shopee-text{width: 420px;padding: 40px 20px 60px;margin:0 auto;border-radius: 5px;background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);text-align: center;}
.shopee-wrapper .shopee-text .title{font-size: 18px;margin-bottom: 20px;}
.shopee-wrapper .shopee-text .desc{font-size: 15px;}
/*Text Foot Tool*/
.font-tool-wrapper{height: calc(100vh - 70px);padding: 40px 0;}
.font-tool-wrapper .symbol_box{margin: 0 auto 20px;width: 600px;padding: 20px;background-color: #ffffff;border: 1px solid #E5E5E5;}
.font-tool-wrapper .symbol_box .title_p{font-size: 16px;display: flex;align-items: center;}
.font-tool-wrapper .symbol_box .title_p .iconfont{font-size: 24px;margin-right: 15px;color: #8B8584;}
.font-tool-wrapper .symbol_box .input_box{margin: 20px 0;}
.font-tool-wrapper .symbol_box .input_box input{border: 1px solid #E5E5E5;padding: 0 15px;height: 36px;outline: none;width: 100%;}
.font-tool-wrapper .symbol_box .copy_p{display: flex;justify-content: space-between;margin-bottom:10px;font-size: 16px;}
.font-tool-wrapper .symbol_box .copy_p span:nth-child(2){font-size: 14px;color: #8B8584;display: flex;align-items: center;cursor: pointer;}
.font-tool-wrapper .symbol_box .copy_p .icon_copy{width: 20px;height: 20px;background: url(https://bio.linkcdn.cc/static/images/back/home_copy_btn@2x.png) center center no-repeat;background-size: 100%;cursor: pointer;margin-right:6px;}
.font-tool-wrapper .symbol_box .copy_p .icon_copy{margin-left:15px;margin-right:0;}
.font-tool-wrapper .symbol_box .copy_p .url{word-break:break-all;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
/*o-color-block*/
.o-color-block li{display:inline-block;position:relative;width:34px;height:34px;margin:20px 20px 0 0;border-radius:50%;vertical-align:middle;cursor:pointer}
.o-color-block li.selected:before{display:block;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:#fff;border-radius:50%}
.o-color-block li span{width:18px;height:18px;display:inline-block;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:inherit}
.o-color-block li.selected span{z-index:2}
.o-color-block li.newcolor{background:url(https://bio.linkcdn.cc/instabio.cc/images/back/colorpick.png) center center no-repeat;background-size:cover}
.o-color-block li.newcolor button{width:30px;height:30px;opacity:0}
.o-color-block li[data-val="ffffff"].selected:before{top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#ddd}
.o-color-block li[data-val="111111"]{background-color:#111}
.o-color-block li[data-val="ffffff"]{background-color:#fff;border:1px solid #ddd}
.o-color-block li[data-val="a6a6a6"]{background-color:#a6a6a6}
.o-color-block li[data-val="ff1515"]{background-color:#ff1515}
.o-color-block li[data-val="ff5757"]{background-color:#ff5757}
.o-color-block li[data-val="fcbcb2"]{background-color:#fcbcb2}
.o-color-block li[data-val="8c52ff"]{background-color:#8c52ff}
.o-color-block li[data-val="5e17eb"]{background-color:#5e17eb}
.o-color-block li[data-val="2c6be8"]{background-color:#2c6be8}
.o-color-block li[data-val="38b6ff"]{background-color:#38b6ff}
.o-color-block li[data-val="00c2cb"]{background-color:#00c2cb}
.o-color-block li[data-val="169758"]{background-color:#169758}
.o-color-block li[data-val="00e3aa"]{background-color:#00e3aa}
.o-color-block li[data-val="ffde59"]{background-color:#ffde59}
.o-color-block li[data-val="ff914d"]{background-color:#ff914d}
/*Chat Button*/
.chat-button-wrapper{width:640px;margin:0 auto;padding:30px 20px 100px}
.chat-button{display:none}
.chat-button .displayBox{display:flex;align-items:center;border:1px solid #dfdfdf;border-radius:4px;height:81px;padding:8px 20px}
.chat-button .displayBox:not(:last-child){margin-bottom:16px}
.chat-button .displayBox__detail{display:flex;align-items:center;padding-left:12px}
.chat-button .displayBox__img{margin-right:14px}
.chat-button .displayBox__img svg{width:48px;border-radius:50%;vertical-align:middle}
.chat-button .displayBox__platform li{display:inline-block;margin-right:8px}
.chat-button .displayBox__title{margin-bottom:5px;font-weight:500}
.chat-button .displayBox__platform img{width:22px;height:22px;border-radius:50%}
.chat-button .displayBox__platform .num{color:var(--theme-color);vertical-align:middle}
.chat-button .add{margin-left:auto;display:block;margin-top:20px}
.chat-button__blank{display:none;padding:10px 28px 32px;text-align:center}
.chat-button__blank .blank__btn{width:100%;height:50px;margin-top:46px}
.chat-button__blank .blank__btn:hover{background:var(--theme-color-hover);border-color:var(--theme-color-hover)}
.chat-button__blank .blank__list img{width:287px}
.c-button-detail__main{padding:20px 28px;margin-top:10px}
.c-button-detail__tab{margin-bottom:20px}
.c-button-detail__tab .item{margin-right:40px;font-size:18px;cursor:pointer}
.c-button-detail__tab .item.active{color:var(--theme-color)}
.c-button-detail__tab .item:hover{color:var(--theme-color)}
.c-button-detail .content__tab{margin-bottom:20px}
.c-button-detail .content__tab .item{display:inline-block;margin-right:40px;font-size:16px;color:#666;cursor:pointer}
.c-button-detail .content__tab .item span{padding-bottom:2px;border-bottom:1px solid transparent}
.c-button-detail .content__tab .pro::after{content:"\f206";font-family:ibedit;display:inline-block;margin-left:8px}
.c-button-detail .content__tab .item.active span{color:var(--theme-color);border-bottom:1px solid var(--theme-color)}
.c-button-detail .content__tab .item:hover span{color:var(--theme-color)}
.c-button-detail .buttons__add{height:50px;width:100%}
.c-button-detail .customize__logo-inner{width:80px;height:80px;cursor:pointer}
.c-button-detail .customize__logo-inner svg{fill:currentColor;width:80px;color:#aaa}
.c-button-detail .customize__logo-block{border-radius:8px;position:relative}
.c-button-detail .customize__logo-block img{border-radius:8px}
.c-button-detail .customize__logo-delete{display:none;position:absolute;top:-8px;right:-8px;width:18px}
.c-button-detail .customize__logo-block:hover .customize__logo-delete{display:block}
.c-button-detail .customize__note{color:#999;font-size:12px}
.c-button-detail .customize__save{width:100%;height:50px;margin-top:20px}
.c-button-detail .v-label{font-size:16px}
.buttons-platform-pop li{display:inline-block;width:25%;margin-bottom:34px;text-align:center;cursor:pointer}
.buttons-platform-pop li:hover{color:var(--theme-color)}
.buttons-platform-pop li.disabled{cursor:default}
.buttons-platform-pop li.disabled img{opacity:.3}
.buttons-platform-pop li.disabled p{color:#aaa}
.buttons-platform-pop p{margin-top:14px;font-size:16px}
.buttons-platform-pop img{width:50px;border-radius:50%;border:1px solid #a2b7c2;}
.c-button-detail .style__example{height:300px;margin-bottom:22px;background:#fff;border:1px solid #dfdfdf;border-radius:8px}
/**/
/*.c-button-detail .style__example iframe*/
/*滚动条样式修改*/
/*.c-button-detail .style__example iframe{overflow-y: auto}*/
/*.c-button-detail .style__example iframe::-webkit-scrollbar{width:8px;height:8px}*/
/*.c-button-detail .style__example iframe::-webkit-scrollbar-track{background:#fff}*/
/*.c-button-detail .style__example iframe::-webkit-scrollbar-thumb{background:#dfdfdf;border-radius:4px}*/
/*.c-button-detail .style__example iframe::-webkit-scrollbar-thumb:hover{background:#bfbfbf}*/
/*.c-button-detail .style__example iframe::-webkit-scrollbar-thumb:active{background:#a6a6a6}*/
/*.c-button-detail .style__example iframe::-webkit-scrollbar-corner{background:#fff}*/
/*.c-button-detail .style__example iframe::-webkit-scrollbar-button{display:none}*/


.c-button-detail .style__position .title{font-size:16px;}
.c-button-detail .style__position ul{margin:10px 0 16px;}
.c-button-detail .style__position ul li{display:inline-block;margin-right:28px;}
.c-button-detail .style__background{margin-bottom:24px}
.c-button-detail .style__background .title{font-size:16px}
.c-button-detail .style__background ul{margin-top:-6px}
.c-button-detail .style__icon{margin-bottom:24px}
.c-button-detail .style__icon .title{font-size:16px}
.c-button-detail .style__icon ul{margin-top:-6px}
.c-button-detail .style__branding{margin-bottom:28px;font-size:16px}
.c-button-detail .style__branding .switch-btn{float:right}
.c-button-detail .style__branding .pro::after{content:"\f206";font-family:ibedit;display:inline-block;margin-left:8px;font-size:14px}
.c-button-detail .style__save{width:100%;height:50px}
.c-button-detail .code__title{font-size:16px}
.c-button-detail .code__subtitle{line-height:22px;font-size:16px;color:#999}
.c-button-detail .code__code{position:relative;margin-top:20px}
.c-button-detail .code__code-inner{border:1px solid #dfdfdf;border-radius:2px}
.c-button-detail .code__copy{position:absolute;top:10px;right:10px;z-index:1;padding:8px;background-color:#fff;cursor:pointer}
.c-button-detail pre{min-height:300px;max-height:520px;margin:15px 18px 20px}
.c-button-detail pre::-webkit-scrollbar{display:none}
/* c-email-verify */
/* .c-email-verify-wrap{position: fixed;top: 70px;left: 90px;right: 0;z-index: 100;}
.c-email-verify{padding: 14px 40px 14px 20px;background-color: #fee7e3;line-height: normal;}
.c-email-verify .verify__resend{display: inline-block;position: relative;}
.c-email-verify .verify__btn{color: #E54A4A;text-decoration: underline;cursor: pointer;color: #e54a4a;}
.c-email-verify .verify__question{display: inline-block;padding:0 4px;color: #333333;vertical-align: middle;line-height: normal;}
.c-email-verify__close{position: absolute;top: 14px;right: 20px;cursor: pointer}
.c-email-verify__contact{position: absolute;right: 120px;z-index: 999;display: flex;align-items: center;width: 456px;padding: 12px 18px;background-color: #fff;box-shadow: 0 0 6px 0 rgb(0,0,0,.12);border-radius: 4px;}
.c-email-verify__contact .contact-wrap::before {content: "";position: absolute;top: -12px;left: 134px;z-index: 9;width: 0;height:0;border-bottom: 12px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.c-email-verify__contact .contact-wrap::after {content: "";position: absolute;top: -13px;left: 134px;width: 0;height: 0;border-bottom: 12px solid rgba(0,0,0,.12);border-left: 10px solid transparent;border-right: 10px solid transparent;}
.c-email-verify__contact a{color: #727AE7;text-decoration: underline;}
.c-email-verify__contact .icon-close1{margin-left: 40px;cursor: pointer;} */
.c-email-verify-wrap{position: fixed;top: 70px;left: 90px;right: 0;z-index: 11;}
.c-email-verify{padding: 8px 40px 8px 20px;background-color: #FFEDEC;line-height: normal;}
.c-email-verify .verify__resend{display: inline-block;position: relative;}
.c-email-verify .verify__btn{color: #E54A4A;text-decoration: underline;cursor: pointer;}
.c-email-verify .verify__question{display: inline-block;padding:0 4px;color: #333333;vertical-align: middle;line-height: normal;}
.c-email-verify .verify__close{position: absolute;top: 8px;right: 20px;color: #666666;cursor: pointer}
.c-email-verify .verify__contact{ position: absolute;left: -38px;top: 26px;z-index: 999;display: flex;align-items: center;width: 432px;padding: 12px 18px;background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);border-radius: 6px;}
.c-email-verify .verify__contact .contact-wrap::after {content: "";position: absolute;top: -8px;left: 134px;z-index: 9;width: 16px;height: 10px;margin-left: -20px;background: url(https://fly.linkcdn.cc/images/back/tooltip-arrow_shadow.png) no-repeat center center;background-size: cover;overflow: hidden;}
.c-email-verify .verify__contact a{color: #727AE7;text-decoration: underline;}
.c-email-verify .verify__contact .icon-close1{margin-left: 40px;cursor: pointer;}

/*tiktok-provider*/
.tiktok-provider-wrapper{width:600px;margin:0 auto;padding:30px 20px 100px}
.tiktok-provider{display:none}
.tiktok-provider__total{display:none;padding:16px 20px 24px 20px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.08);border-radius:8px}
.tiktok-provider__list{margin-top:14px}
.tiktok-provider__item{display:flex;align-items:center;border:1px solid #dfdfdf;border-radius:4px;height:80px;padding:8px 20px}
.tiktok-provider__item:not(:last-child){margin-bottom:16px}
.tiktok-provider .tiktok-provider__info{display:flex}
.tiktok-provider .info__img svg{width:30px;height:30px}
.tiktok-provider__action{display:flex;margin-left:auto}
.tiktok-provider__total .add{margin-left:auto;display:block;margin-top:20px}
.tiktok-provider__blank{display:none;padding:16px 20px 24px 20px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.08);border-radius:8px}
.tiktok-provider__blank .blank__btn{width:100%;height:54px;margin-top:20px;border-radius:var(--theme-corner-block)}
.tiktok-explain-pop .tiktok-explain p:nth-child(1){margin-bottom:20px}
.tiktok-explain-pop .tiktok-explain p:nth-child(2){font-weight:500;margin-bottom:6px}
.tiktok-explain-pop .tiktok-explain p:nth-child(3){font-weight:500}
.tiktok-edit-pop .tiktok-edit-type{display:flex;height:44px;margin-bottom:14px;background-color:rgba(56,225,153,.2);align-items:center;justify-content:center;border-radius:2px}
.tiktok-edit-pop .tiktok-edit-state img{width:18px;margin-right:15px}
.tiktok-edit-pop .tiktok-edit__tips{font-size:12px;line-height:18px;margin-top:10px}
.tiktok-settings-wrapper .tiktok-settings__title{margin:20px 0 10px;font-size:16px;font-weight:500}
.tiktok-settings-wrapper .tiktok-settings__subtitle{margin: -6px 0 10px;color: #999999;}
.tiktok-settings-wrapper .tiktok-settings__connect{width:100%;margin-top: 20px;}
.tiktok-settings-wrapper .tiktok-settings__display .item:first-child{margin-bottom: 12px;}
.tiktok-settings-wrapper .tiktok-settings__account{margin-bottom:16px;}
.tiktok-settings-wrapper .tiktok-account{position:relative;height:42px}
.tiktok-settings-wrapper .tiktok-account__inner{position:absolute;top:0;left:0;width:100%;z-index: 10;border-radius:var(--theme-corner-inner);border:1px solid #d8dbde;background:#fff;overflow: hidden;}
.tiktok-settings-wrapper .tiktok-account__inner.opened{border-color:var(--theme-active-color)}
.tiktok-settings-wrapper .tiktok-account__select{height:42px;line-height:42px;padding:0 2px 0 12px;cursor:pointer}
.tiktok-settings-wrapper .tiktok-account__select i{float:right;padding:0 10px;cursor:pointer;color:#7b8087}
.tiktok-settings-wrapper .tiktok-account__list{display:none;border-top:1px solid #d2d6d9}
.tiktok-settings-wrapper .tiktok-account__inner.opened .tiktok-account__list{display:block}
.tiktok-settings-wrapper .tiktok-account__item{padding-left:12px;height:38px;line-height:38px;cursor:pointer}
.tiktok-settings-wrapper .tiktok-account__item:hover{color:var(--theme-active-color)}
.tiktok-settings-wrapper .tiktok-account__item.active{color:var(--theme-active-color);background-color:var(--theme-hover-color-light)}
.tiktok-settings-wrapper .tiktok-account__btn{margin-top:10px;font-weight:500;color:#ff6541}
.tiktok-settings-wrapper .tiktok-settings__subtitle{margin:-6px 0 10px;color:#999}
.tiktok-settings-wrapper .tiktok-video__type{position:relative;height:42px}
.tiktok-settings-wrapper .video-type{position:absolute;top:0;left:0;z-index:9;width:100%;border-radius:var(--theme-corner-inner);border:1px solid #d8dbde;background:#fff;overflow: hidden;}
.tiktok-settings-wrapper .video-type.opened{border-color:var(--theme-active-color)}
.tiktok-settings-wrapper .video-type__select{height:42px;line-height:42px;padding:0 2px 0 12px;cursor:pointer}
.tiktok-settings-wrapper .video-type__select i{float:right;padding:0 10px;cursor:pointer;color:#7b8087}
.tiktok-settings-wrapper .video-type__list{display:none;border-top:1px solid #d2d6d9}
.tiktok-settings-wrapper .video-type.opened .video-type__list{display:block}
.tiktok-settings-wrapper .video-type__item{padding-left:12px;height:38px;line-height:38px;cursor:pointer}
.tiktok-settings-wrapper .video-type__item:hover{color:var(--theme-active-color)}
.tiktok-settings-wrapper .video-type__item.active{color:var(--theme-active-color);background-color:var(--theme-hover-color-light)}
.tiktok-settings-wrapper .select-video__btn{margin-top:10px;font-weight:500;color:#ff6541}
.tiktok-settings-wrapper .select-video__list{margin-top:20px;}
.tiktok-settings-wrapper .select-video__list:empty{display: none;}
.tiktok-settings-wrapper .select-video__item{display:flex;align-items:center;height:96px;margin-bottom:12px;padding-right:10px;border-radius:10px;background:rgba(235,237 ,239,.5)}
.tiktok-settings-wrapper .select-video__img {flex-shrink: 0;}
.tiktok-settings-wrapper .select-video__img img{width:64px;height:64px;object-fit:cover;margin-right:12px;border-radius:10px}
.tiktok-settings-wrapper .select-video__drag{position:relative;width:42px;height:100%;flex-shrink:0;color:#999;cursor:move}
.tiktok-settings-wrapper .select-video__drag i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}
.tiktok-settings-wrapper .select-video__info{overflow: hidden;}
.tiktok-settings-wrapper .select-video__title{overflow-wrap: break-word;}
.tiktok-settings-wrapper .select-video__desc{color: #999999;margin-top: 6px;}
.tiktok-settings-wrapper .select-video__delete{flex-shrink: 0; margin-left: auto;padding: 4px 10px;cursor: pointer}
.tiktok-settings-wrapper .select-video__delete i{font-size: 20px;color: #7B8087;}
.tiktok-settings-wrapper .latest-video__list{margin-top:20px}
.tiktok-settings-wrapper .latest-video__item{display: flex;align-items: center;margin-bottom: 16px;}
.tiktok-settings-wrapper .latest-video__img{width: 80px;height: 80px;margin-right: 12px;}
.tiktok-settings-wrapper .latest-video__img img{width: 100%;height: 100%;object-fit: cover;border-radius:var(--theme-corner-block);}
.tiktok-settings-wrapper .latest-video__info{overflow: hidden;}
.tiktok-settings-wrapper .last-video__title{overflow-wrap: break-word;}
.tiktok-settings-wrapper .latest-video__desc {color: #999999;margin-top: 6px;}
.tiktok-video-modal .tiktok-video__subtitle{color: #999999;margin-bottom: 8px;}
.tiktok-video-modal .tiktok-video__load{padding: 90px 0;text-align: center;}
.tiktok-video-modal .link-load{ display: inline-block;line-height: 1;color: #acb5bf;font-size: 42px;animation: 1s linear 0s infinite normal none running spin;}
.tiktok-video-modal .tiktok-video__list{height: 600px;overflow: auto;}
.tiktok-video-modal .tiktok-video__item{display:flex;align-items:center;padding: 10px 12px;cursor: pointer;border-radius: 6px;}
.tiktok-video-modal .tiktok-video__item:hover{background: rgba(235, 237, 239,.5);}
.tiktok-video-modal .tiktok-video__btn{margin-right: 12px;flex-shrink: 0;}
.tiktok-video-modal .tiktok-video__item{flex-shrink: 0;}
.tiktok-video-modal .tiktok-video__info{overflow: hidden;}
.tiktok-video-modal .tiktok-video__title{overflow-wrap: break-word;}
.tiktok-video-modal .tiktok-video__item img{width:80px;height:80px;object-fit:cover;margin-right:10px;border-radius:var(--theme-corner-block)}
.tiktok-video-modal .tiktok-video__desc{margin-top: 8px;color: #999999;}
.tiktok-video-modal .m-modal--primary[disabled]{background-color:var(--theme-cancel-color);color: #999999;border-color:var(--theme-cancel-color);}
.tiktok-video-modal .tiktok-video__blank{padding: 30px 0 50px;text-align: center;}
.tiktok-video-modal .tiktok-video__blank img{width: 188px;margin-bottom: 30px;}
/* Biolink-Social*/
.socialEditor {margin-bottom: 20px;}
.socialEditor .social__expanded{background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 10px;}
.socialEditor .social__content{position: relative;display: flex;padding: 13px 24px 13px 58px;align-items: center;}
.socialEditor .social__drag{position: absolute;width: 58px;left: 0 ;top: 0;bottom: 0; cursor: move;}
.socialEditor .social__drag i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;color: #999999;}
.socialEditor .cover{width:30px;height:30px;margin-right: 12px;object-fit: cover;border-radius: 50%;flex-shrink: 0;}
.socialEditor .text{overflow:hidden;}
.socialEditor .social__link {margin-right: 12px;}
.socialEditor .social__action {margin-left: auto;flex:none;}
.socialEditor .social__action .action-icon{float: left;width:30px;height: 30px;border: 2px solid rgba(0,0,0,0);color: #979BA0;text-align: center;line-height: 26px; border-radius:var(--theme-corner-inner);cursor: pointer;}
.socialEditor .social__action .action-icon.active{border: 2px solid var(--theme-active-color);color: var(--theme-active-color);}
.socialEditor .social__action .action-icon[data-type="edit"]{margin-right: 8px;}
.socialEditor .social-expander__header{position:relative;height:40px;line-height:40px;text-align:center;background-color:var(--theme-bg-color-light)}
.socialEditor .social-expander__title{font-size:16px;font-weight:500}
.socialEditor .social-expander__close{position:absolute;width:22px;height:22px;right:12px;top:50%;color:#666;line-height:18px;transform:translateY(-50%);border-radius:4px;border:2px solid transparent;cursor:pointer}
.socialEditor .social-expander__close i{font-size:18px}
.socialEditor .social-edit{padding: 24px}
.socialEditor .social-edit__thumbnail{display: flex;align-items: center;margin-bottom: 24px;}
.social-thumbnail__block{position:relative;width: 96px;height: 96px;flex: none;margin-right: 16px;border-radius: 10px;}
.social-thumbnail__block img{border-radius: 10px;}
.social-thumbnail__block .pic_del-btn{width: 18px;height: 18px; display: inline-block;background: url(https://bio.linkcdn.cc/instabio.cc/static/images/pic_del.png) center center no-repeat;background-size: 100%; cursor: pointer; position: absolute; top: -5px;  right: -5px;}
.social-thumbnail__action{flex:auto;}
.social-thumbnail__action .btn{width: 100%;height: 42px;background-color:var(--theme-bg-color-light);border-radius: 21px;color:#333}
.social-thumbnail__action .btn:hover{background-color: var(--theme-active-color);color:#fff;}
.social-thumbnail__action .btn__online{margin-bottom: 12px;}
.socialEditor .social-edit .save{width: 128px;height: 44px;margin-top: 20px;margin-left: auto;display: block;}
.socialEditor .social-delete{padding: 24px;text-align: center;}
.socialEditor .social-delete p{color: #333333;margin-bottom: 30px;}
.socialEditor .social-delete .btn{width: 270px;height: 42px;border-radius: 21px;}
.socialEditor .social-delete .btn__cancel{float: left;}
.socialEditor .social-delete .btn__delete{float: right;}
/*新功能提示*/
.new-feature-modal{border-radius:16px;overflow:hidden}
.new-feature-modal .m-modal__body{padding:0}
.new-feature-modal .m-modal__headerbtn{width:20px;height:20px;color:#fff;background-color:rgba(0,0,0,.3);border-radius:50%;line-height:20px;z-index:1;top:10px;right:10px}
.new-feature-modal .m-modal__headerbtn i{font-size:14px;color:#fff}
.new-feature-modal .feature-body{text-align:center;position:relative;width:440px}
.new-feature-modal .feature-body__inner{transform:translate3d(0,0,0);transition:all .5s ease 0s;width:1760px}
.new-feature-modal .feature-item{width:440px;float:left}
.new-feature-modal .feature-item video{vertical-align:top}
.new-feature-modal .feature-item .image-box img{width:100%;height: 280px;}
.new-feature-modal .feature-body .title{margin:44px 56px 18px;letter-spacing:2px;font-size:18px;font-weight:700;word-spacing:2px}
.new-feature-modal .feature-body .desc{margin:0 56px}
.new-feature-modal .feature-pagination{text-align:center;font-size:0;margin:20px 0}
.new-feature-modal .feature-pagination .bullet{display:inline-block;vertical-align: middle;width:8px;height:8px;margin:0 5px;background:var(--theme-disabled-color);border-radius:4px}
.new-feature-modal .feature-pagination .bullet.active{width:20px;height:6px;background:linear-gradient(118deg,#ff5c30,#fc3748);border-radius:3px}
.new-feature-modal .feature-footer{display:flex;align-items:center;padding:20px 24px}
.new-feature-modal .feature-help{font-weight:500}
.new-feature-modal .feature-help a{text-decoration:underline}
.new-feature-modal .feature-help i{color:#979ba0;margin-right:4px;vertical-align:middle;font-size:17px}
.new-feature-modal .feature-action{margin-left:auto;font-size:0;height: 32px;}
.new-feature-modal .feature-action button{width:78px;height:32px;background:#e4e8ed;border-radius:8px;color:#979ba0}
.new-feature-modal .feature-action .action-prev:hover,.new-feature-modal .feature-action .action-next:hover{background:#979ba0;color:#fff}
.new-feature-modal .action-prev{display:none}
.new-feature-modal .action-next{margin-left:10px}
.new-feature-modal .feature-action .action-got{display: none;margin-left: 10px;color: #fff;font-size: 14px;background: linear-gradient(118deg, #FF5C30, #FC3748);}
.new-feature-modal .feature-action i{display:block;font-size:20px}
.new-feature-modal .action-prev i{transform:rotate(-90deg)}
.new-feature-modal .action-next i{transform:rotate(90deg)}

/*Apply Successful*/
.apply-success-pop .apply-success__cont{text-align: center}
.apply-success-pop .title{font-weight: 600;margin: 10px 0 12px;}
.apply-success-pop .iframe{width: 186px; height: 308px;margin: 0 auto;}
.apply-success-pop .iframe iframe {width: 414px;height: 688px;transform: scale(0.45); transform-origin: top left;}
.apply-success-pop .link{margin:10px 0 30px;font-size: 12px}
.apply-success-pop .m-modal__footer{text-align: center;}

/*关联page 旧的*/
.linkpage-applyto-pop .linkpage{height: 520px;overflow: auto;scrollbar-width: none;-ms-overflow-style: none;}
.linkpage-applyto-pop .linkpage::-webkit-scrollbar{display: none}
.linkpage-applyto-pop .linkpage__item {display:flex;align-items:center;border-bottom:1px solid #dfdfdf;padding:20px 0;}
.linkpage-applyto-pop .linkpage__item:first-child{padding-top: 0}
.linkpage-applyto-pop .linkpage__item .img{width:60px;height:60px;margin-right:12px}
.linkpage-applyto-pop .linkpage__title{font-weight:500;font-size:16px;}
.linkpage-applyto-pop .linkpage__link{color:#aaa;margin-top:6px}
.linkpage-applyto-pop .is-select{margin-left: auto;}
.linkpage-applyto-pop .linkpage-applyto__content{display: none}
.linkpage-applyto-pop .linkpage-applyto__blank{display:none}
.linkpage-applyto-pop .linkpage-applyto__content .action{margin-top: 20px;text-align: right;font-size: 0}
.linkpage-applyto-pop .linkpage-applyto__content .confirm{margin-left: 20px;}
.linkpage-applyto-pop .blank-list{padding: 80px 0 100px;text-align: center;}
.linkpage-applyto-pop .blank-tips{color: #aaaaaa;margin-top: 30px;}
.linkpage-applyto-pop .blank-button{margin-top: 40px}

/*关联page 新的*/
/*page list 弹窗*/
.associate-page-pop .associate-page__load{padding: 90px 0;text-align: center;}
.associate-page-pop .load-icon{ display: inline-block;line-height: 1;color: #acb5bf;font-size: 42px;animation: 1s linear 0s infinite normal none running spin;}
.associate-page-pop .associate-page__list {min-height: 120px;max-height: 520px;overflow: auto;}
.associate-page-pop .associate-page__list::-webkit-scrollbar{display: none}
.associate-page-pop .associate-page__item{display: flex;padding: 20px 0;align-items: center;border-bottom: 1px solid #DFDFDF;cursor: pointer;}
.associate-page-pop .associate-page__item:first-child{padding-top: 0;}
.associate-page-pop .page__info{display: flex;flex-direction: column;margin-left: 10px;}
.associate-page-pop .page__url{color: #AAAAAA;}
.associate-page-pop .page__title{margin: 4px 0;font-weight: 500}
.associate-page-pop .associate-page__item .icon-radio{margin-left:auto;}
.associate-page-pop .associate-page__item.selected label.icon-radio::before{border:1px solid #FF6541;}
.associate-page-pop .associate-page__item.selected label.icon-radio::after{background:#FF6541;}
.associate-page__action{text-align: right;margin-top: 20px;}
.associate-page__done{width:88px;}
.associate-page__done[disabled]{background:var(--theme-disabled-color);border-color:var(--theme-disabled-color);color:var(--theme-disabled-font-color);}
.associate-page-pop .associate-page__blank{padding: 80px 0 100px;text-align: center;}
.associate-page-pop .associate-page__blank .blank__text{margin-top: 30px; color: #aaa;}
.associate-page-pop .associate-page__blank .blank__btn{margin-top: 40px;}
.associate-page-pop .associate-page__item img{width: 60px;height: 60px;margin-right: 12px;border-radius: 6px;}
/*addon-zapier*/
.zapier-wrapper{padding-top: 30px;}
.zapier__body{width: 600px;margin: 0 auto;}
.zapier__body .zapier-list,.zapier__body .zapier-add{padding: 16px 20px 20px;background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 12px;}
.zapier-add-pop .m-modal__header{padding: 0;}
.zapier__title{font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.zapier__title a{margin-left:4px; }
.zapier-add__test{width: 100%;height: 44px;}
.zapier-add__test[disabled]{background-color:var(--theme-disabled-color);color:var(--theme-disabled-font-color);border-color:var(--theme-disabled-color);}
.zapier-add__test i{display: inline-block;font-size: 20px;color: #fff;}
.zapier-add__test.loading i{animation: spin 1s linear infinite;}
.zapier-add__connect{width: 100%;height: 44px;margin-top: 20px;border: 1px solid var(--theme-color);border-radius: 8px;color: var(--theme-color);}
.zapier-list__item{display: flex;padding: 8px 0;border-bottom: 1px solid #E4E8ED;}
.zapier-list__item:last-child{border-bottom:1px solid transparent;}
.zapier-list__item .index{margin-right: 10px;}
.zapier-list__item .action{margin-left: auto}
.zapier-list__item .edit{margin-right: 8px;}
.zapier-list__item .edit, .zapier-list__item .delete{position: relative;float: left;width: 30px;height: 30px;background: #F3F4F5;border-radius: 4px;text-align: center;line-height: 30px;color: #7B8087;cursor: pointer}
.zapier-list__item .action i{font-size: 16px;}
.zapier-list__item .delete i{font-size: 20px;}
.zapier-list__item .action span{position: absolute;display: none;padding: 4px 10px;background: #e9e9e9;border-radius: 5px;color: #333;font-size: 12px;bottom: 38px;left: 50%;transform: translatex(-50%);white-space: nowrap;}
.zapier-list__item .edit:hover{background-color:var(--theme-hover-color-light);}
.zapier-list__item .delete:hover{background-color:var(--body-theme-error);color: #ffffff}
.zapier-list__item .edit:hover span{display: block;}
.zapier-list__item .delete:hover span{display: block;}
.zapier-list__item .page__list{margin-top: 6px;}
.zapier-list__item .page__item{margin-bottom: 10px;}
.zapier-list__item .page__link{margin-top: 6px;color: #999999;}
.zapier-list__item .page__unlink{margin-left: 8px;padding-left: 8px;border-left: 2px solid #E4E8ED;color: var(--theme-done-color);font-weight: 500;cursor: pointer}
.zapier-list__action{text-align: right;}
.zapier-list__add{height: 42px; margin-top:10px;}
.zapier-add__wrap .send-status{text-align: center; margin-top: 64px;}
.zapier-add__wrap .send-status__success,.send-status__fail{display: inline-block;max-width: 100%;height: 42px;padding: 0 22px;border-radius: 8px;color: #FFFFFF;line-height: 42px;}
.zapier-add__wrap .send-status__success{background: #52C51A;}
.zapier-add__wrap .send-status__fail{background:var(--theme-delete-color);}
.zapier-add__wrap .send-status__success i,.send-status__fail i{vertical-align: middle;margin-right: 6px;font-size: 20px;}
.zapier-add-pop .send-status{margin-top: 20px;}
.zapier-add-pop .send-status__success, .zapier-add-pop .send-status__fail{width: 100%;}
.zapier-wrapper .go_upgrade {display: none;margin-top: 10px;text-align: right;}
.zapier-wrapper .go_upgrade span {color: var(--theme-color);}
/*media-link*/
.link-media-pop .link-media__load {padding: 90px 0;text-align: center;}
.link-media-pop .link-media__load .load-icon {display: inline-block;line-height: 1;color: #acb5bf;font-size: 42px;animation: 1s linear 0s infinite normal none running spin;}
.link-media-pop .link-media__blank{padding: 16px 0 60px 0;text-align: center;font-size: 18px;color: #777777;}
.link-media-pop .link-media__blank img{width:198px;}
.link-media-pop .link-media__total{max-height: 400px;padding-bottom: 20px;overflow: auto;}
.link-media-pop .link-media__item{display: flex;padding: 6px 10px; align-items: center;border-bottom: 1px solid #7857572e;cursor: pointer;}
.link-media-pop .link-media__item:not(:last-child){margin-bottom:4px;}
.link-media-pop .link-media__item .cover{width: 30px;height: 30px;object-fit: cover;margin-right:8px;border-radius: 50%;}
.link-media-pop .link-media__item .url{font-weight: 500;flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.link-media-pop .link-media__item .url{font-weight: 500;flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*Choose from GIFs*/
.giphy-library-pop .m-modal__header{text-align: center;}
.giphy-library-pop .m-modal__body{padding: 20px 28px 24px;}
.giphy-library-pop .library__search{display: flex;}
.giphy-library-pop .library__search__box{position: relative;display: flex;align-items: center; flex:1;height: 48px; padding: 0 12px;background-color: #F5F6F7;border: 1px solid transparent;border-radius: 4px;}
.giphy-library-pop .library__search__box--focus{border-color: var(--theme-active-color);background-color: #ffffff;}
.giphy-library-pop .library__search__box > i{color: #777777}
.giphy-library-pop .library__search__input{width: 100%;height: 100%;padding: 5px 3px 5px 6px;line-height: 28px;background-color:rgba(255,255,255,0);border: 0;outline: 0;}
.giphy-library-pop .library__search__btn{width: 108px;height: 48px;margin-left:12px;background-color:var(--theme-color);color:#fff;border-radius: 8px;}
.giphy-library-pop .library__search__clear{padding:10px;position: absolute;right: 0px;top: 2px;cursor: pointer;display: none;}
.giphy-library-pop .library__search__clear i{font-size:18px;color:#979BA0;}
.giphy-library-pop .library__powered{margin: 14px 0;}
.giphy-library-pop .library__powered a{color: var(--theme-color);}
.giphy-library-pop .library__view{overflow: auto;height:450px;}
.giphy-library-pop .library__view::-webkit-scrollbar {width: 6px;height: 6px; background: transparent;}
.giphy-library-pop .library__view::-webkit-scrollbar-thumb {background: transparent; border-radius: 4px;}
.giphy-library-pop .library__view:hover::-webkit-scrollbar-thumb {background: hsla(0, 0%, 53%, 0.4);}
.giphy-library-pop .library__view:hover::-webkit-scrollbar-track {background: hsla(0, 0%, 53%, 0.1); }
.giphy-library-pop .giphy__list{display: flex;flex-wrap: wrap;}
.giphy-library-pop .giphy__list:after{content: " ";flex-grow: 9999999}
.giphy-library-pop .giphy__item{margin: 6px; flex-grow: 1;position: relative;cursor: pointer;}
.giphy-library-pop .giphy__item img{min-width: 100%;height: 124px;object-fit: cover;}
.giphy-library-pop .content-blank{padding-top: 80px;text-align: center;}
.giphy-library-pop .content-blank img{width: 100px;margin-bottom: 54px;}
.giphy-library-pop .content-loading{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;}
.giphy-library-pop .content-loader{color:#acb5bf;font-size: 42px;animation: 1s linear 0s infinite normal none running spin;}

/*feature-live__wrapper*/

.feature-event__wrapper .live-cover__upload{margin-top: 6px;margin-bottom: 16px;border-radius: 8px;cursor: pointer}
.feature-event__wrapper .live-cover__square .live-cover__upload{width:192px;height:192px;}
.feature-event__wrapper .live-cover__rectangle .live-cover__upload{width:320px;height:192px;}
.feature-event__wrapper .img_empty{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;text-align: center;color: #999999;border-radius: 8px;border: 1px solid #D8DBDE;}
.feature-event__wrapper .img_empty img{margin-bottom: 10px;}
.feature-event__wrapper .img_block {height:100%;border-radius: 8px;overflow: hidden;}
.feature-event__wrapper .img_block img{width:100%;height:100%;object-fit: cover;}
.feature-event__wrapper .live-date{display: flex; justify-content: space-between;}
.feature-event__wrapper .live-date__start,.feature-event__wrapper .live-date__end{width: 270px}
.feature-event__wrapper .live-platform{display: flex;align-items: center;justify-content: space-between;width:100%;height: 48px;  padding: 0 12px;margin-bottom: 16px;border: 1px solid #D8DBDE;border-radius: 8px;}
.feature-event__wrapper .live-platform__selected {cursor: pointer}
.feature-event__wrapper .live-platform__selected i{display: inline-block;margin-left: 8px;transform: rotate(-90deg);vertical-align: middle;color: #666666;font-size: 18px;}
.feature-event__wrapper .live-platform__selected img{width:20px;border-radius: 50%;}
.feature-event__wrapper .words-length__title{position: absolute;top: 16px; right: 12px;color: #979BA0;}
.feature-event__wrapper .words-length__desc{position: absolute;bottom: 10px; right: 12px;color: #979BA0;}
.feature-event__wrapper .live-link [name="link"]{padding-right: 30px}
.feature-event__wrapper input[name="title"] {padding-right: 60px;}
.feature-event__wrapper textarea[name="desc"] {padding-right: 60px;}
.feature-event__linkOption{margin-bottom: 20px;}
.feature-event__linkOption .item:first-child {margin-bottom: 10px;}
.feature-event__endAction .list{display: flex;margin-bottom: 20px;}
.feature-event__endAction .item:first-child {min-width: 120px; margin-right: 20px;}
.feature-event__wrapper .control-group__title{margin-bottom: 10px;font-weight: 500;}
.feature-event__message{display:none;margin-top: 20px;}
.feature-event__reminder {position: relative;display: flex;justify-content: space-between;align-items:center;font-weight: 500;margin-bottom: 20px;}
.feature-event__reminder .upgrade-icon{display: none;width:42px;}
.feature-event__reminder.fee .upgrade-icon{display: inline-block}
.feature-event__schedule{margin-bottom: 20px}
.feature-event__schedule .list{display: flex;}
.feature-event__schedule .item:first-child {min-width: 120px; margin-right: 20px;}
.feature-event__once{display:none;}
.feature-event__wrapper .sheduleDays__select{display:none;width: 100%;padding: 20px 20px 0 20px;background: #FFFFFF;border: 1px solid #D8DBDE;border-radius: 8px;position: absolute;z-index: 99;top: 52px;}
.feature-event__wrapper .sheduleDays__list{display: flex;flex-wrap: wrap}
.feature-event__wrapper .sheduleDays__item{display: flex;width: 120px;margin-right: 6px;margin-bottom: 20px;}
.feature-event__wrapper .sheduleDays__item span{margin-left: 8px;}
    /* tab */
.tabInfo_box .tab-list{display: flex;height: 62px;border-bottom: 1px solid #DDDDDD;padding-left: 30px;align-items: center;}
.tabInfo_box .tab-list li{display: inline-block;margin-right: 30px;padding: 0 4px;border-bottom: 2px solid transparent;font-size: 18px;cursor: pointer;}
.tabInfo_box .tab-list li.selected{border-bottom: 2px solid var(--theme-color);color: var(--theme-color);}
.tabInfo_box .tab-item[data-type=tab]{padding: 0 20px 20px;}
.tabInfo_box .tab-style{margin-bottom: 10px;}
.tabInfo_box .tab-style p{margin-top:20px;margin-bottom:18px;font-size:16px;}
.tabInfo_box .tab-style-ul{display: flex;justify-content: space-between;width: 432px}
.tabInfo_box .tab-style-ul li{width:108px;height: 82px; background: #FFFFFF;border: 1px solid #DFDFDF; border-radius: 8px;  display: flex;justify-content: center;align-items: center;flex-direction: column;color: #888888;font-size: 18px;cursor: pointer;}
.tabInfo_box .tab-style-ul li[data-position="1"] span:nth-child(1){width: 22px; height: 22px; border: 2px solid #888888;border-radius: 50%;display: inline-block;margin-bottom: 6px; }
.tabInfo_box .tab-style-ul li[data-position="2"] span{width: 30px;height: 30px;display: inline-block;border: 2px solid #888888;border-radius: 50%;}
.tabInfo_box .tab-style-ul li.selected{background-color: var(--theme-color);color: #ffffff;border: none;}
.tabInfo_box .tab-style-ul li[data-position="1"].selected span:nth-child(1){border: 2px solid #ffffff;}
.tabInfo_box .tab-style-ul li[data-position="2"].selected span{border: 2px solid #ffffff;}
.tabInfo_box .tab-drags_box {padding-top: 20px;}
.tabInfo_box .add_tab_btn{width:100%;height:40px;margin-top:20px;background:rgba(255,255,255,1);border:1px solid #ff6541;border-radius:4px;color:#ff6541;font-size:14px;}
.tabInfo_box .add_page_btn{width:100%;height:40px;margin-top:20px;background:rgba(255,255,255,1);border:1px solid #ff6541;border-radius:4px;color:#ff6541;font-size:14px;}
.tabInfo_box .add_tab_btn i{vertical-align:middle;margin-right:6px;font-size:17px}
.tabInfo_box .add_page_btn i{vertical-align:middle;margin-right:6px;font-size:17px}
.tabInfo_box .tab_save_btn{min-width: 100px;display: block;margin-left: auto;margin-top: 20px;}
.tab-drags_box .btn_move{width:26px;color: #ffffff;border-bottom-left-radius:3px;background-size:26px 52px;border-top-left-radius:2px;background:#7e858c;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;}
.tab-drags_box .btn_move span{background:#fff;display:block;width:4px;height:4px;border-radius:50%;}
.tab-drags_box .btn_move span:nth-child(2){margin:4px 0}
.tab-drags_box .rend_btn{display:flex;align-items: flex-start;width:100%;min-height:52px;border:1px solid #e5e5e5;outline:0;justify-content:space-between;padding: 20px 26px 20px 24px;}
.tab-drags_box .tab-li{display:inline-flex;align-items:stretch;position:relative;min-width:52px;width:100%;margin-bottom: 20px;}
.tab-drags_box .tabinfos{margin-right: 55px;flex-grow: 1;}
.tab-drags_box .tabinfos .top{margin-bottom: 12px;display: flex;align-items: center;position: relative;}
.tab-drags_box .icon-box{padding: 2px;margin-right: 4px;flex:none;font-size:0;cursor: pointer;}
.tab-drags_box .icon-box img{width: 22px; height: 22px;object-fit: cover;border-radius: 2px;}
.tab-drags_box .tabinfos .top input{width: 100%;height: 28px;background: #FFFFFF;border: 1px solid #DFDFDF;border-radius: 4px; padding-left: 10px;}
.tab-drags_box.tab_pst3 .icon-box{display: none;}
.tab-drags_box.tab_pst2 .tabinfos .top  input{display:none;}

.tab-drags_box .page-class-box{position: relative;}
.tab-drags_box .page-class-box i{position: absolute;right: 5px;top: 4px;color: #333;}
.tab-drags_box .page-class-input{ width: 100%; height: 28px;line-height: 27px;background: #FFFFFF;border: 1px solid #DFDFDF;border-radius: 5px 5px 5px 5px;padding-left: 10px;cursor: pointer;}
.tab-drags_box .page-class-input.disabled{background: #f1f1f1;cursor:default;}
.tab-drags_box .page-select{display:none;position:absolute;top:24px;z-index:999;width:100%;border:1px solid rgba(34,34,34,.1);overflow:hidden;background-color:#fff;box-sizing:border-box;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}
.tab-drags_box .page-select span{display:block;padding-left:10px;height:32px;cursor:pointer;line-height:32px}
.tab-drags_box .page-select span.selected{background-color:var(--theme-color);color:#fff}
.tab-drags_box .page-select span:hover{background-color: var(--theme-color-light);}
.tab-drags_box .page-select span.selected:hover{background-color: var(--theme-color-hover);}
.tab-drags_box .tabinfos .associate-page{display: flex;justify-content: space-between;align-items: center;margin-top:12px;}
.tab-drags_box .tabinfos .related-page{display: inline-block;min-width: 100px;padding: 0px 16px;background-color: #EBEDEF;border-radius: 20px;line-height: 32px;text-align: center;}
.tab-drags_box .tabinfos .related-page i{float: right;margin-left:10px;vertical-align:middle;cursor: pointer;}
.tab-drags_box .tabinfos .home-icon i{font-size: 20px; color: #666666;}
.tab-drags_box .tabinfos .c-warn{margin-top: 10px;}
.tab-drags_box .tab-action{position: relative;}
.tab-drags_box .tab-action.opened .tab-action__list{display: block;}
.tab-drags_box .tab-action__list{display: none;position: absolute;left: 50%;padding: 6px;text-align: center;white-space: nowrap;background: #FFFFFF; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12); border-radius: 8px; transform: translateX(-50%);}
.tab-drags_box .tab-action__item{padding: 0 14px;line-height: 32px; border-radius: 6px;cursor: pointer;}
.tab-drags_box .tab-action i{display: inline-block;transform: rotate(90deg);font-size: 22px; color: #666666;cursor: pointer;}
.tab-drags_box .tab-action__item:hover{background: #F5F6F7;}
.tab-drags_box .tab-action__item.disabled{color: #AAAAAA;cursor: default;}
.tab-drags_box .rend_btn .del{color:#777;font-size:18px;cursor:pointer}
.tab-drags_box .tabinfos .page-select-btn{display: inline-block;padding: 0 10px;line-height: 30px;color: var(--theme-color);text-align: center; background: #fff; border-radius: 20px;border: 1px solid var(--theme-color);cursor: pointer;}
.tab-drags_box .tabinfos input[name=link]{width:100%;height:28px;background:#fff;border:1px solid #dfdfdf;border-radius:5px 5px 5px 5px;padding-left:10px;}
.tab-drags_box .tabinfos .default-page{display: inline-block;padding: 0 16px;min-width:100px;line-height: 32px; background: #EBEDEF;border-radius: 20px;}
.tabInfo_box .tab-item[data-type='page']{padding: 0 30px 20px;display: none;}
.tabInfo_box .tab-item[data-type='page'] .page-list{margin-bottom: 20px;}
.tabInfo_box .tab-item[data-type='page'] .page-item{border-bottom: 1px solid #DDDDDD;display: flex;align-items: center;padding: 18px 0;}
.tabInfo_box .tab-item[data-type='page'] .page-item:last-child{border: none;}
.tabInfo_box .tab-item[data-type='page'] .left{display: flex; flex-direction: column;align-items: start;}
.tabInfo_box .tab-item[data-type='page'] .left span:nth-child(2){padding: 0 15px;line-height: 26px;background: #EEEEEE;border: 1px solid #DFDFDF;border-radius: 14px; margin-top: 14px;}
.tabInfo_box .tab-item[data-type='page'] .left span:nth-child(2):empty{display:none;}
.tabInfo_box .tab-item[data-type='page'] .right{margin-left: auto;}
.tabInfo_box .tab-item[data-type='page'] .right span{cursor: pointer;}
.tabInfo_box .tab-item[data-type='page'] .right .preview{margin-left: 20px;}
.tabInfo_box .tab-item[data-type='page'] .right .del{margin-left: 20px;}
.tabInfo_box .tab-item[data-type='page'] .right i{font-size: 20px;color: #777777;}
.tabInfo_box .tab-item[data-type='page'] .right .icon-eyeopen{font-size: 22px;}
.tabInfo_box .tab-item[data-type='page'] .right .icon-delete1{font-size: 18px;}
.tabInfo_box .tab-item[data-type='page'] .right i:hover{color:var(--theme-color) ;}
.tabInfo_box .page-box{display: none;}
.tabInfo_box .page-blank {text-align: center;padding: 146px 0;display: none;}
.tabInfo_box .page-blank .create-btn{display: block;margin: 0 auto;height: 44px;background: #FFFFFF; border: 1px solid var(--theme-color);border-radius: 4px;color: var(--theme-color);margin-top: 20px;padding: 0 10px;}
.tabInfo_box .tab-image-action{display:none;position: absolute;top: 40px;left: 0px;z-index:101}
.tabInfo_box .tab-image-action span{background-color: #fcfcfc;border-radius: 4px;-webkit-box-shadow: 0 1px 7px 0 rgb(32 48 60 / 40%);box-shadow: 0 1px 7px 0 rgb(32 48 60 / 40%);margin-right: 6px;padding: 6px 10px;font-size: 14px;cursor: pointer;}
.tabInfo_box .tab-item[data-type='style']{padding: 20px;display:none;}
.tabInfo_box .tab_style_save{margin-left: auto;display: block;min-width: 100px;margin-top: 20px;}
.page-related-modal .m-modal__header{display: none;}
.page-related-modal .page-select__head{font-size: 18px;}
.page-related-modal .page-add-btn{float: right;color: var(--theme-color);font-size: 16px;}
.page-related-modal .page-select__content{margin-top: 30px;max-height: 450px; overflow: auto;}
.page-related-modal .page-select__content::-webkit-scrollbar{display:none;}
.page-related-modal .page-item{display: flex;  align-items: center;border-bottom: 1px solid #DFDFDF;padding: 14px 0;   padding-right: 10px;  }
.page-related-modal .page-item .name-info{margin-left: 30px;display: flex;flex-direction: column;align-items: start;}
.page-related-modal .page-item .page_name{font-size: 14px;}
.page-related-modal .page-item .name-info .tab_name{min-width: 60px;height: 28px;background: #EEEEEE;border-radius: 14px;padding: 0 10px;    line-height: 26px;    margin-top: 14px;font-size: 12px;}
.page-related-modal .page-blank{text-align: center;padding: 40px 0;}
.page-related-modal .page-blank img{height: 178px;}


.add_newpage_pop .page-toolbar{display: flex;flex-wrap: wrap;}
.add_newpage_pop .page-toolbar .item{width: 33.3%;display: flex;flex-direction: column;align-items: center;cursor: pointer;margin-bottom: 30px;}
.add_newpage_pop .page-toolbar i{font-size: 22px;color:#141414;}
.add_newpage_pop .page-toolbar .item:hover span{color: var(--theme-color);}
.add_newpage_pop .page-toolbar .item:hover i{color: var(--theme-color);}
.page-text-pop [name=title]{width:100%;height:40px;border:1px solid #dfdfdf;border-radius:6px 6px 6px 6px;padding-left:12px;}

/*upgrade-now-pop*/
.upgrade-now-pop .m-modal__header{text-align: center;}
.upgrade-now-pop .m-modal__title{font-size: 20px;font-weight: 500}
.upgrade-now-pop .upgrade-now__banner{margin:0 -20px;}
.upgrade-now-pop .upgrade-now__h6{margin-top: 4px;margin-bottom: 20px;font-size: 16px;font-weight: 500;}
.upgrade-now-pop ul li{display: flex;align-items: center;margin-bottom: 16px;}
.upgrade-now-pop .item i{display: inline-block;width: 12px;height: 12px;margin-right: 12px;border-radius: 50%;background: #4099fb;border: 3px solid #cfe6ff;}
.upgrade-now-pop .m-modal--primary{width: 360px;height: 44px;background: linear-gradient(135deg, #FF6434, #FC3748);border-radius: 8px;}


/*feature per-save*/
.presave-settings-wrapper {padding: 20px;}
.presave-settings-wrapper .presave-settings__title{margin-bottom: 10px;font-size: 16px;font-weight: 500;}
.presave-settings-wrapper .presave-settings__subtitle{margin-bottom: 10px;color: #999999;}
.presave-settings-wrapper .presave-setting__title{margin-bottom: 10px;font-weight: 500;}
.presave-settings-wrapper .presave-setting__upload {width:120px;height: 120px;}
.presave-setting__upload .img_block{position: relative;height:100%;}
.presave-setting__upload .img_block img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.presave-setting__upload .img_clear{position: absolute;top: -10px;right: -8px;color:var(--theme-delete-color);cursor: pointer;}
.presave-setting__upload .img_empty{display: flex;align-items: center;justify-content: center;height: 100%;border: 1px solid #D8DBDE;border-radius: 8px;}
.presave-setting__upload .img_empty img{width:32px;}
.presave-settings-wrapper .presave-tiem__title {margin-bottom:10px;font-weight: 500;}
.presave-settings-wrapper .v-select{width: 100%;}
.presave-settings-wrapper .v-select .v-select__toggle-label img{height: 22px;margin-right: 8px;}
.presave-settings-wrapper .v-select__selector{border-radius: 4px;}
.presave-settings-wrapper .presave-settings__time{margin-bottom: 20px;border-bottom: 1px solid #E4E8ED;padding-bottom: 20px;}
.presave-settings-wrapper .presave-time__date .v-label{font-weight: 500;}
.presave-settings-wrapper [name="releaseDate"]{height:44px;border: 1px solid #D8DBDE;border-radius: 4px;}
.presave-settings-wrapper .v-select__dropdown{height: 302px;overflow: auto;}
.presave-settings-wrapper .v-select__menu-item i{display: none;float: right;}
.presave-settings-wrapper .v-select__menu-item.selected i{display: inline-block;}
.presave-settings-wrapper .v-select .v-select__menu{max-height: 312px;overflow: auto;}
.presave-settings-wrapper .v-select .v-select__menu::-webkit-scrollbar {display: none;}
.presave-settings-wrapper .presave-time__title{font-weight: 500;margin-bottom: 10px;}

/*music-settings-wrapper*/
.music-settings-wrapper{padding:20px}
.music-settings-wrapper .music-settings__subtitle{margin-bottom: 10px;color: #999999;}
.music-settings-wrapper .release-scan__btn{width :100%}
.music-settings-wrapper .music-release__body{margin-top: 20px;}
.music-settings-wrapper .music-release__preview{display: none;}
.music-release__preview .preview__inner{display:flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #E4E8ED;}
.music-settings-wrapper .release-source__sort{display: flex;align-items: center;justify-content: space-between;margin-bottom: 18px;}
.music-settings-wrapper .release-source__sort .sort{color:var(--theme-active-color);cursor: pointer}
.music-settings-wrapper .release-source__sort .sort-icon{margin-right: 6px;}
.music-settings-wrapper .release-source__item{margin-bottom: 12px;background-color: #F5F6F7;border-radius: 8px;}
.music-settings-wrapper .release-source__item:last-child{margin-bottom: 0;}
.music-settings-wrapper .service__cover{margin-right: 8px;}
.music-settings-wrapper .service__cover img{width: 32px;border-radius: 6px;}
.music-settings-wrapper .service__top{display: flex;align-items: center;height: 64px;padding:0 16px;}
.music-settings-wrapper .service__right{margin-left: auto;}
.music-settings-wrapper .service__move{display: none;color: #979BA0;cursor: pointer;width: 42px;line-height: 64px;text-align: center;}
.music-settings-wrapper .service__move i{font-size: 18px;vertical-align: middle;}
.music-settings-wrapper .service__content{border-top: 1px solid #E4E8ED;padding: 16px;}
.music-settings-wrapper .release-source__list-sort .service__move{display:block;}
.music-settings-wrapper .release-source__list-sort .service__content{display:none}
.music-settings-wrapper .release-source__list-sort .service__top{padding-left: 0}
.music-settings-wrapper .service__info{display:flex;align-items: start;}
.music-settings-wrapper .service__info img{width: 44px;height: 44px;flex:none;margin-right: 12px;border-radius: 8px;object-fit: cover;}
.music-settings-wrapper .service__info .v-form-group{width: 100%;margin-bottom: 0;}
.music-settings-wrapper .service__info .v-input{width: 100%;height: 44px;padding-left: 12px;border: 1px solid #D8DBDE;border-radius: 4px;background: transparent;}
.music-settings-wrapper .service__text{margin-top: 12px;}
.music-settings-wrapper .source-search__container{height: 44px;border: 1px solid #D8DBDE;border-radius: 4px;display: flex;align-items: center;padding-left: 16px;}
.music-settings-wrapper .source-search__container i{color: #979BA0;font-size: 20px;margin-right: 6px;}
.music-settings-wrapper .source-search__container input{width: 100%;height: 100%;border: 0;outline: 0;border-radius: 4px;}
.music-settings-wrapper .release-source__bottom  p{font-size: 12px;color: #AAAAAA;margin-top: 8px;}
.music-settings-wrapper .release-source__search{position: relative;margin-top:20px;}
.music-settings-wrapper .source-search__menu{display: none;position: absolute;width: 100%;background-color: #fff;border: 1px solid #D8DBDE;border-top: none;border-radius: 0 0 4px 4px;    z-index: 9;}
.music-settings-wrapper .release-source__search.active .source-search__menu{display: block;}
.music-settings-wrapper .release-source__search.active .source-search__container{border-radius: 4px 4px 0 0;}
.music-settings-wrapper .source-search__list{max-height: 302px;overflow: auto;}
.music-settings-wrapper .source-search__list::-webkit-scrollbar {display: none;}
.music-settings-wrapper .source-search__item{display: flex;height: 52px;align-items: center;padding: 0 16px;cursor: pointer;}
.music-settings-wrapper .source-search__item:hover{background-color: #EDF5FF;}
.music-settings-wrapper .source-search__item img{width: 28px;height:28px;}
.music-settings-wrapper .source-search__item .platform__icon{margin-right: 10px;}
.music-settings-wrapper .content-blank{padding: 24px 0 30px;text-align: center;}
.music-settings-wrapper .content-blank__img img {width: 72px;}
.music-settings-wrapper .content-blank__text{margin-top: 20px;}

/*Follower*/
.follower-add-modal .platform{border-radius: 6px 6px 6px 6px;border: 1px solid #D8DBDE;height: 48px;padding: 0 12px;display: flex;align-items: center;}
.follower-add-modal .platform.err{border-color: var(--body-theme-error);}
.follower-add-modal .platform__logo{display: flex;align-items: center;margin-left: auto;cursor: pointer;}
.follower-add-modal .platform__logo .logo_blank i{font-size: 24px;color: var(--theme-color);}
.follower-add-modal .platform__logo .logo_block img{width:24px;border-radius: 50%;}
.follower-add-modal .platform__arrow{display: inline-block;margin-left: 6px;transform: rotate(180deg);vertical-align: middle;color: #666666;font-size: 24px;}

/*payment setting*/
.payment-setting{padding: 20px 24px;background-color: #fff;box-shadow: 1px 1px 3px 0 rgba(2,27,57,.12);border-radius: 10px;}
.payment-setting__title{margin-bottom: 12px;font-weight: 500;}
.payment-setting__region{margin-bottom: 16px;}
.payment-setting__provider{margin-top: 20px;padding-top: 16px;border-top: 1px solid #E4E8ED;}
.payment-setting .pay-provider{margin-bottom: 8px;}
.payment-setting .provider-add{padding: 0;margin-bottom:8px;background-color: transparent;font-weight: 500;color: var(--theme-color);}
.payment-setting .provider-add__btn{width: 100%;margin-bottom: 8px;}
.payment-setting .provider-add__btn[disabled]{background-color:var(--theme-disabled-color);color:var(--theme-disabled-font-color);border-color:var(--theme-disabled-color);}
.payment-setting__save{width: 100%;margin-top: 12px;}
.payment-setting .v-select .v-select__toggle{height:48px;line-height: 48px;}
.payment-setting .v-select .v-select__menu{max-height:312px;overflow: auto}
.payment-setting .v-select .v-select__menu::-webkit-scrollbar {display: none;}
.payment-setting .v-select__toggle-label img{height: 22px;margin-right: 8px;}
.payment-setting__region .v-select__menu-item img{width: 28px;margin-right:10px;}
.payment-setting__provider .v-select__menu-item img{height:22px;}
.payment-setting .v-select__menu-item i{display: none;float: right;}
.payment-setting .v-select__menu-item.selected i{ display: inline-block;}
.payment-setting__upgrade{text-align: right;}
.payment-setting__upgrade .upgrade{font-weight: 500;}
.payment-setting__upgrade span{color:var(--theme-color);}
.modify-currency-modal p{text-align: center;font-size: 16px;}
.modify-currency-modal .modify-currency__btn{width: 100%;margin-top: 20px;}
.payment-configure-modal .m-modal__body{padding: 20px 26px 26px;}
.payment-configure-modal p{text-align: center;}
.payment-configure-modal .m-modal__footer{display: flex;justify-content: space-between;padding: 0 36px 20px;text-align: center;}
.payment-configure-modal .m-modal-button{width:148px;height: 44px;border-radius: 8px;}
/*Graphext*/
.block-graphext-wrap .graphext__title{margin-bottom: 12px;font-size:16px;font-weight: 500;}
.block-graphext-wrap .graphext-cover{margin-bottom: 24px;}
.block-graphext-wrap .graphext-cover__inner{height: 140px;border-radius: 8px;}
.block-graphext-wrap .graphext-cover .img_empty{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;width:140px;text-align: center;color: #999999;border-radius: 8px;border: 1px solid #D8DBDE;cursor: pointer;}
.block-graphext-wrap .graphext-cover .img_empty img{width: 30px;margin-bottom: 10px;}
.block-graphext-wrap .img_block {position: relative;height: 100%;width: fit-content;cursor: pointer;}
.block-graphext-wrap .img_block .img{height: 100%;object-fit: cover;border-radius: 8px;}
.block-graphext-wrap .avatar-del{position: absolute;top: -8px;right: -8px;cursor: pointer;}
.block-graphext-wrap .avatar-del img{width: 20px;}
.block-graphext-wrap .graphext-cover__help{margin-top: 6px;color: var(--body-theme-error);}
.block-graphext-wrap .words-length__title {position: absolute;top: 16px;right: 12px;color: #979BA0;}
.block-graphext-wrap .words-length__desc {position: absolute;bottom: 10px;right: 12px;color: #979BA0;}



/*TikTok Shop*/
.bioCmpt-tiktokShop__blank{padding: 32px 120px 36px 120px;text-align: center;}
.bioCmpt-tiktokShop__blank .blank__img{width: 280px;}
.bioCmpt-tiktokShop__blank .blank__text{font-weight: 500;margin: 24px 20px;}
.bioCmpt-tiktokShop__blank .blank__btn{width: 100%;}
.bioCmpt-tiktokShop__load{padding:90px 0;text-align:center}
.bioCmpt-tiktokShop__load .load_icon{display:inline-block;line-height:1;color:#acb5bf;font-size:24px;animation:1s linear 0s infinite normal none running spin}
.bioCmpt-tiktokShop__main {padding:20px;}
.bioCmpt-tiktokShop .tsp-item{display:flex;align-items:center;position:relative;margin-bottom:12px;padding:16px 20px 16px 42px;background-color:#f5f6f7;border-radius:10px}
.bioCmpt-tiktokShop .tsp-item:last-child{margin-bottom:0}
.bioCmpt-tiktokShop .tsp__handle{position:absolute;left:0;top:0;bottom:0;width:42px;text-align:center;cursor:move}
.bioCmpt-tiktokShop .tsp__handle i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#7b8087;font-size:20px}
.bioCmpt-tiktokShop .tsp__video{position:relative}
.bioCmpt-tiktokShop .tsp__video__cover{width:66px;height:110px;border-radius:8px;object-fit:cover}
.bioCmpt-tiktokShop .tsp__video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px}
.bioCmpt-tiktokShop .tsp__product{padding-left:10px;margin: 0 auto 0 8px; border-left:1px solid #d8d8d8;height:94px;}
.bioCmpt-tiktokShop .tsp__product-img{width:56px;height:56px;border-radius:8px;margin-right:12px}
.bioCmpt-tiktokShop .tsp__product__title{color:#666;margin-bottom:8px}
.bioCmpt-tiktokShop .tsp__product__list{display:flex;align-items:center}
.bioCmpt-tiktokShop .tsp__action{display:flex}
.bioCmpt-tiktokShop .tsp__action-item{padding: 2px 6px;cursor:pointer;}
.bioCmpt-tiktokShop .tsp__action-item i {font-size: 20px;color: #7B8087;}
.bioCmpt-tiktokShop .tsp__edit{margin-right:2px;}
.bioCmpt-tiktokShop .bioCmpt-tiktokShop__add{width:100%;margin-top:24px}
.l-tiktokShop-wrap{background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.1216);border-radius: 12px;padding:  0 24px 24px;}
.l-tiktokShop__head{border-bottom: 1px solid #E4E8ED;line-height: 58px;    margin-bottom: 18px;}
.l-tiktokShop__head__back{display: inline-block; padding-right: 10px;cursor: pointer;font-weight: 500;font-size: 16px;}
.l-tiktokShop__head__back i{margin-right: 6px;font-size: 18px;}
.l-tiktokShop__title{font-weight: 500;}
.l-tiktokShop__desc{color: #666666;}
.l-tiktokShop__video{margin-bottom: 20px;margin-top: 12px;}
.l-tiktokShop__upload{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 558px;height: 200px;background-color: #F5F6F7;border-radius: 8px;cursor: pointer;}
.l-tiktokShop-wrap .l-upload__text{margin-top: 8px;}
.l-tiktokShop-wrap .l-video{position: relative;text-align: center;padding: 10px 0;background: #F5F6F7;border-radius: 8px;}
.l-tiktokShop-wrap .l-video__cover{display: inline-block;position: relative;}
.l-tiktokShop-wrap .l-video__cover__img{width: 108px;height: 180px;border-radius: 8px;object-fit: cover;}
.l-tiktokShop-wrap .l-video__play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 28px;height: 28px;}
.l-tiktokShop-wrap .l-video__change{position: absolute;right: 12px;top: 12px;color: var(--theme-color);font-weight: 500;cursor: pointer;}
.l-tiktokShop-wrap .l-tiktokShop__line{height: 1px ;background-color:#E4E8ED;}
.l-tiktokShop-wrap .products__head{display: flex;align-items: center;margin-top: 18px;}
.l-tiktokShop-wrap .l-product__add{margin-left:auto;color: var(--theme-color);font-weight: 500;cursor: pointer;}
.l-tiktokShop-wrap .products__upload{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 558px;height: 200px;margin-top: 12px;background-color: #F5F6F7;border-radius: 8px;cursor: pointer;}
.l-tiktokShop-wrap .products__upload__text{margin-top: 8px;}
.l-tiktokShop-wrap .l-product__list{margin-top:16px;}
.l-tiktokShop-wrap .l-product__item{position: relative;margin-bottom: 12px;padding:12px 16px 12px 44px;background-color: #F5F6F7;border-radius: 10px;}
.l-tiktokShop-wrap .l-product__item:last-child{margin-bottom: 0;}
.l-tiktokShop-wrap .l-product__ibs-sys{padding:12px 16px;}
.l-tiktokShop-wrap .l-product__handle{position: absolute;left: 0;top: 0;bottom: 0;width: 44px;text-align: center;cursor: move;}
.l-tiktokShop-wrap .l-product__handle i {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #7B8087;font-size: 20px;}
.l-tiktokShop-wrap .l-product__inner{display:flex; align-items: center}
/*.l-tiktokShop-wrap .l-product__channel{padding: 12px;margin-top: 10px;border: 1px solid #D8DBDE;border-radius: 6px;}*/
/*.l-tiktokShop-wrap .l-product__channel .channel__title{font-size: 12px;font-weight: 500;}*/
/*.l-tiktokShop-wrap .l-product__channel .channel__add{color: var(--theme-color);font-size: 12px;font-weight: 500;cursor: pointer;}*/
/*.l-tiktokShop-wrap .l-product__channel .channel__top{display: flex;align-items: center;justify-content: space-between;margin-bottom:10px;}*/
/*.l-tiktokShop-wrap .l-product__channel .channel__item{margin-bottom:10px;font-size: 0;}*/
/*.l-tiktokShop-wrap .l-product__channel .channel__item:last-child{margin-bottom:0;}*/
/*.l-tiktokShop-wrap .l-product__channel .channel__icon{display: inline-block;width: 20px;height: 20px;margin-right: 6px;}*/
/*.l-tiktokShop-wrap .l-product__channel .channel__link{display: inline-block;width: 318px;vertical-align: middle;font-size: 14px;}*/
.l-tiktokShop-wrap .l-product__info{display: flex;align-items: center;margin-right: auto;}
.l-tiktokShop-wrap .l-product__cover {margin-right: 12px;flex: none;}
.l-tiktokShop-wrap .l-product__cover img{width: 64px;height: 64px;border-radius: 8px;}
.l-tiktokShop-wrap .l-product__text{font-weight: 500;}
.l-tiktokShop-wrap .l-product__price{display:flex;align-items: start;margin-top: 6px;}
.l-tiktokShop-wrap .l-product__marketPrice{margin-left: 8px;color: #999999;font-size: 12px;font-weight: 400;text-decoration: line-through;}
.l-tiktokShop-wrap .l-product__platform {padding: 0px 6px;display: inline-block;margin-bottom: 6px;}
.l-tiktokShop-wrap .l-product__platform img{width:20px;}
.l-tiktokShop-wrap .l-product__right{margin-left: 4px;text-align: right;}
.l-tiktokShop-wrap .l-product__action{display: flex;align-items: center;}
.l-tiktokShop-wrap .l-product__action-item {padding: 2px 6px;cursor: pointer;}
.l-tiktokShop-wrap .l-product__action-item i{font-size: 20px;color: #7B8087;}
.l-tiktokShop-wrap .l-product__edit{margin-right: 2px}
.l-tiktokShop-wrap .l-product__bottom{margin-top: 16px;}
.l-tiktokShop-wrap .l-product__bottom .v-anmtLabel-control{margin-bottom: 0}
.l-tiktokShop-wrap .l-product__bottom .v-input{background-color: #f5f6f7;}
.l-tiktokShop-wrap .l-product__bottom .v-label{background-color: #f5f6f7;}
.l-tiktokShop-wrap .l-tiktokShop__save__btn{width: 100%;margin-top: 24px;}
.l-tiktokShop-wrap .l-tiktokShop__save__btn[disabled]{background: var(--theme-disabled-color);border-color: var(--theme-disabled-color);color: var(--theme-disabled-font-color);}

.tsp-video-type-modal .tsp-video-type__item{display:flex;align-items:center;padding-bottom:16px;font-size:16px;cursor:pointer}
.tsp-video-type-modal .tsp-video-type__icon{margin-right:12px}
.tsp-video-type-modal .tsp-video-type__icon img{width:52px}
.tsp-video-type-modal .tsp-video-type__item:not(:last-child){margin-bottom:16px;border-bottom:1px solid #e4e8ed}
.tsp-tiktok-provider-modal .tiktok-account__title{font-size:16px;font-weight:500;margin-bottom:10px}
.tsp-tiktok-provider-modal .tiktok-account__btn{margin-top:8px;color:var(--theme-color)}
.tsp-tiktok-provider-modal .latest-video__wrap{margin-top:18px;border-top:1px solid #e4e8ed;padding-top:20px;border-bottom:1px solid #e4e8ed;padding-bottom:20px}
.tsp-tiktok-provider-modal .latest-video__item{display:flex;align-items:center;margin-bottom:16px;cursor:pointer}
.tsp-tiktok-provider-modal .latest-video__item:last-child{margin-bottom:0}
.tsp-tiktok-provider-modal .latest-video__img{width:74px;height:74px;margin-right:14px}
.tsp-tiktok-provider-modal .latest-video__img img{width:100%;height:100%;border-radius:8px;object-fit:cover}
.tsp-tiktok-provider-modal .v-select__menu-item.selected i{display:inline-block}
.tsp-tiktok-provider-modal .v-select__menu-item i{display:none;float:right}
.tsp-video-url-modal .v-form-group{margin-bottom:0}

.product-library-modal {display: flex;flex-direction: column;}
.product-library-modal .m-modal__body{display: flex;flex-direction: column;overflow: auto;}
.product-library-modal .l-product-library{display: flex;flex-direction: column;overflow: auto;}
.product-library-modal .l-product-library__content {display: flex;overflow: auto;}
.product-library-modal .product-list__item{display:flex;align-items:center;margin-bottom:20px;cursor:pointer}
.product-library-modal .product-list__item:last-child{margin-bottom:0}
.product-library-modal .product-list__item__cover{flex:none}
.product-library-modal .product-list__item__cover img{width:76px;height:76px;object-fit:cover;border-radius:8px;margin-right:12px}
.product-library-modal .product-list__item__info{font-weight:500;user-select:none}
.product-library-modal .product-list__item__action{margin-left:auto}
.product-library-modal .productList__physical,.product-library-modal .productList__digital,.product-library-modal .productList__request{display: flex;flex-direction: column;overflow: auto;}
.product-library-modal .l-products{cursor: pointer}
.product-library-modal .tsp-product-type__line{height:1px;background-color:#eee;margin-top:20px}
.product-library-modal .tsp-product-type__load{padding:90px 0;text-align:center}
.product-library-modal .tsp-product-type__load .load_icon{display:inline-block;line-height:1;color:#acb5bf;font-size:26px;animation:1s linear 0s infinite normal none running spin}
.product-library-modal .productList__request .l-request__info:hover{background-color:#EBEDEF}
.product-library-modal .productList__digital .l-products__item:hover{background-color:#EBEDEF}

.product-library-modal .productList__digital .l-products__item{padding: 10px 12px;border-radius: 12px;margin: 0}

.tsp-product-type__blank{padding-top:60px;padding-bottom:36px;text-align:center}
.tsp-product-type__blank img{width:100px;margin-bottom:40px}
.tsp-product-type__blank p{font-weight:500}
.tsp-product-type__blank .blank__btn{width:360px;margin-top:50px}
.tsp-product-type__btn{width:100%;margin-top:24px}
.l-myshop__wrapper{height: 100%}
.l-myshop__productLibrary{padding:20px;background-color: #fff;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 12px;}
.hor-toolbar-modal .m-modal__header{padding: 20px 24px 0;}
.hor-toolbar-modal .m-modal__body{padding: 20px 24px;}
.hor-toolbar-modal .hor-toolbar__item{display: flex;align-items: center;padding-bottom: 16px;font-size: 16px;cursor: pointer;}
.hor-toolbar-modal .hor-toolbar__icon{margin-right: 12px}
.hor-toolbar-modal .hor-toolbar__icon img{width:52px;}
.hor-toolbar-modal .hor-toolbar__item:not(:last-child){margin-bottom: 16px;border-bottom: 1px solid #E4E8ED;}
.hor-toolbar-modal .hor-toolbar__title{font-weight: 500;font-size: 16px;margin-bottom:6px;}
.hor-toolbar-modal .myshop-list .hor-toolbar__icon img{width:80px}
.third-product-modal .third-product__inner{height: 600px;display: flex;flex-direction: column;overflow: auto;}
.third-product-modal .third-product__inner::-webkit-scrollbar {display: none;}
.third-product-modal .l-products__load{padding: 90px 0;text-align: center;}
.third-product-modal .l-products__load i{display: inline-block;line-height: 1;color: #acb5bf;font-size: 26px;animation: 1s linear 0s infinite normal none running spin;}
.third-product-modal .l-product__item {display: flex;align-items: center;margin-bottom:20px;cursor: pointer;}
.third-product-modal .l-product__item:last-child{margin-bottom: 0;}
.third-product-modal .l-product__cover{height: 76px;flex: none;}
.third-product-modal .l-product__cover img{width:76px;height:76px;object-fit: cover;border-radius: 8px;margin-right: 12px;}
.third-product-modal .l-product__info{font-weight: 500;margin-right: 10px;}
.third-product-modal .l-product__action{margin-left: auto;}
.third-product-modal .l-products__error {text-align: center;padding-top: 120px;}
.third-product-modal .l-products__error img{ width: 100px;margin-bottom: 60px;}
.l-myshop__productEditor-wrap{width: 1146px;margin: 0 auto; padding: 28px 28px 150px;}
.l-myshop__productEditor{height: 100%;background-color: #fff;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 12px;}
.tsp-product-edit-modal .m-modal__header{display: none;}
.tsp-product-edit-modal .m-modal__body{padding: 0;display: flex;}
.tsp-product-edit-modal {display: flex;}
.tsp-product-edit-modal .l-productEditor{display: flex;flex-direction: column;}
.tsp-product-edit-modal .l-productEditor__body{height: calc(100% - 68px);}
.tsp-product-edit-modal .l-productEditor__left{overflow: auto;height: 100%;padding-bottom: 60px;}
.tsp-product-edit-modal .l-productEditor__left::-webkit-scrollbar {display: none;}

.l-productEditor__head{margin: 0 24px;border-bottom: 1px solid #E4E8ED;line-height: 66px;}
.l-productEditor__back{display: inline-block;font-weight: 500;font-size: 16px;cursor: pointer;}
.l-productEditor__back i{margin-right: 6px;font-size: 18px;}
.l-productEditor__action{float: right;font-size: 0}
.l-productEditor__cancel{width: 128px;height: 44px;background: #EBEDEF;border-radius: 8px;color: #333333;font-weight: 500;}
.l-productEditor__save{width: 128px;height: 44px;margin-left:20px;}
.l-productEditor__save[disabled]{background: var(--theme-disabled-color);border-color: var(--theme-disabled-color);color: var(--theme-disabled-font-color);}
.l-productEditor .l-productEditor__body{display: flex;}
.l-productEditor .l-productEditor__title{font-weight: 500;margin-bottom: 10px;}
.l-productEditor .star{color: red;}
.l-productEditor .l-productEditor__desc{margin-bottom: 16px;font-size: 12px;color: #666666;}
.l-productEditor .l-productEditor__media{margin-bottom: 20px}
.l-productEditor .l-productEditor-title .words-length{position: absolute;right: 12px;top: 50%;color: #979BA0;transform: translateY(-50%);}
.l-productEditor .l-productEditor-title .v-input{padding-right: 68px;}
.l-productEditor .v-input[disabeld]{background-color: #F5F5F5;}
.l-productEditor .v-prefix-control:has(.v-input[disabled]){background-color: #F5F5F5;}
.l-productEditor .v-textarea[disabled]{background-color: #F5F5F5!important;}
.l-productEditor .c-media{display: none;}
.l-productEditor .c-media__list{margin-bottom:-20px;}
.l-productEditor .c-media__item{position: relative;float: left;width: 106px;height: 106px;margin-right: 20px;margin-bottom: 20px;}
.l-productEditor .c-media__item--img:nth-child(1){width:232px;height:232px;}
.l-productEditor .c-media__block {width: 100%;height: 100%;}
.l-productEditor .c-media__block img{width:100%;height:100%;object-fit: cover;border-radius: 8px;}
.l-productEditor .c-media__mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background-color: rgba(0,0,0,.3);display: none;cursor: pointer;}
.l-productEditor .c-media__item--img:hover .c-media__mask{display: block;}
.l-productEditor .c-media__action{padding-top: 4px;padding-right: 4px;text-align: right;font-size: 0;}
.l-productEditor .c-media__action span{display: inline-block;width: 26px;height: 26px;line-height: 26px;text-align: center;border-radius: 50%;vertical-align: top;}
.l-productEditor .c-media__action span:hover{background-color: rgba(242,242,242,.5);}
.l-productEditor .c-media__action__upload{margin-right: 5px;}
.l-productEditor .c-media__move{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.l-productEditor .c-media__main{display: none; position: absolute;bottom: 20px;left: 50%;color: #fff;font-size: 16px;transform: translate(-50%);}
.l-productEditor .c-media__item--img:nth-child(1):hover .c-media__main {display: block;}
.l-productEditor .c-media__item--add {width: 106px;height: 106px;background-color: #f5f5f5;text-align: center;padding-top: 13px;cursor: pointer;}
.l-productEditor .c-media__item--add span{width: 80px;height: 80px;display: inline-block;border-radius: 2px;border: 1px dashed #ccc;position: relative;}
.l-productEditor .c-media__item--add span::after ,.l-productEditor .c-media__item--add span::before{content: '';display: inline-block;background: #ddd;position: absolute;top: 50%;left: 50%;}
.l-productEditor .c-media__item--add span::before {width: 26px;height: 2px;margin-top: -1px;margin-left: -13px;}
.l-productEditor .c-media__item--add span::after {width: 2px;height: 26px;margin-top: -13px;margin-left: -1px;}
.l-productEditor .l-productEditor__upload{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 200px;margin-top: 12px;background-color: #F5F6F7;border-radius: 8px;cursor: pointer;}
.l-productEditor .l-productEditor__upload__text{margin-top: 8px;}
.l-productEditor .c-channel__top{display: flex;justify-content: space-between;align-items: center;}
.l-productEditor .c-channel__edit{display: none;padding:6px;color: var(--theme-color);font-weight: 500;cursor: pointer;}
.l-productEditor .c-channel__item{display: flex;align-items: center;height: 44px;padding: 0 16px;background: #F5F6F7;border-radius: 6px;margin-bottom: 12px;}
.l-productEditor .c-channel__item:last-child{margin-bottom: 0;}
.l-productEditor .c-channel__icon{width: 28px;height: 28px;margin-right: 12px;flex:none;}
.l-productEditor .c-channel__info{overflow: hidden;}
.l-productEditor .c-channel__add{padding: 0 28px 0 16px;background: #333333;border-radius: 8px 8px 8px 8px;color: #fff;line-height: 48px;cursor: pointer;}
.l-productEditor .c-channel__add__tip{height: 24px;float: right}
/*.l-productEditor .l-productEditor__btn{margin-top: 24px;}*/
/*.l-productEditor .l-productEditor__save{width:100%;}*/
.l-productEditor__left{width: 607px;border-right: 1px solid #E4E8ED;padding: 20px 24px 20px;}
.l-productEditor__right{width: 482px;padding: 20px 24px 20px;}
.l-productEditor__label{margin-bottom:20px;}
.l-productEditor__label .l-label__top{display: flex;justify-content: space-between;}
.l-productEditor__label .l-label__manage{display:none;color: var(--theme-color);font-weight: 500;cursor: pointer;}
.l-productEditor__label .l-label__btn{border: 1px solid var(--theme-color);width: 100%;color: var(--theme-color);}
.l-productEditor__label .l-label__btn .pro{display: inline-block;width: 32px;line-height: 18px;background: var(--theme-color);font-size: 12px;color: #fff;text-align: center;border-radius: 10px;margin-left: 4px;}
.l-productEditor__label .l-label__example{padding:12px 12px 32px; margin-top: 16px;background-color: #F5F6F7;border-radius: 8px;}
.l-productEditor__label .example-title{font-size: 12px;margin-bottom: 10px;}
.l-productEditor__label .example-image{width: 136px;margin: 0 auto;}
.l-productEditor__label .l-label__list{display: flex;flex-wrap: wrap;max-height: 220px;overflow: auto;}
.l-productEditor__label .l-label__item{display: flex;align-items: center;width: 50%;margin: 10px 0;padding-right: 10px;color: #333;font-size: 12px;font-weight: 500;cursor: pointer;}
.l-productEditor__label .l-label__item span{display: inline-block;padding: 0 12px;line-height: 30px;border-radius: 4px;background: #EBEDEF;color: #333333;}
.l-productEditor__label .l-label__item[data-id] span{color:#ffffff;}
.l-productEditor__label .l-label__item span img{width: 14px;margin-right: 4px;vertical-align: text-bottom;}

/*Request/Digital*/
.l-productEditor .l-product__tab{display: flex;font-weight: 500;color: #666666;margin-bottom: 20px;}
.l-productEditor .l-product__tab .item{margin-right: 28px;    padding-bottom: 4px;border-bottom: 2px solid transparent;cursor: pointer;}
.l-productEditor .l-product__tab .item:last-child{margin-right: 0px}
.l-productEditor .l-product__tab .item.active{color: var(--theme-color);border-bottom: 2px solid var(--theme-color);}
.l-productEditor .product_limit_input{padding-right: 60px}
.l-productEditor .l-product__title{margin-bottom:10px;font-size: 16px;font-weight: 500;}
.l-productEditor .l-product__desc{margin-bottom:10px;color: #666666;}
.l-productEditor .question__item{display: flex;margin-bottom: 12px;}
.l-productEditor .question__item:last-child{margin-bottom: 0;}
.l-productEditor .question__item .row-1{display: flex;width: calc(100% - 40px);}
.l-productEditor .question__amount{width:110px;margin-right:12px}
.l-productEditor .amount__control{display:flex;height:42px;line-height:40px;border:1px solid #d8dbde;border-radius:4px;overflow:hidden}
.l-productEditor .amount__error{border-color: var(--body-theme-error);}
.l-productEditor .amount__prefix{padding-left:16px;color:#979ba0}
.l-productEditor .question__amount input{border:none;width:100%}
.l-productEditor .amount__help{ padding: 4px 0;color: var(--body-theme-error);}
.l-productEditor .amount__help:empty{display: none;}
.l-productEditor .question__title{flex:auto;}
.l-productEditor .title__control{display:flex;height:42px;border:1px solid #d8dbde;border-radius:4px;overflow:hidden}
.l-productEditor .title__control input{width:100%;padding-left:12px;border:none;}
.l-productEditor .title__error{border-color: var(--body-theme-error);}
.l-productEditor .title__help{ padding: 4px 8px;color: var(--body-theme-error);}
.l-productEditor .title__help:empty{display: none;}
.l-productEditor .question__remove{width:30px;margin-left:auto;text-align:center;line-height:42px;cursor:pointer;}
.l-productEditor .question__remove img{width:20px}
.l-productEditor .l-product__question{margin-bottom: 20px;}
.l-productEditor .question__add{width:100%;margin-top:16px;}
.l-productEditor hr{border: none;border-top: 1px solid #E4E8ED;margin: 20px 0;}
.l-productEditor [name="thanks_text"]{padding-right: 60px;}
.l-productEditor [name="subject"]{padding-right: 60px;}
.l-productEditor .words-length{position: absolute;right: 12px;top: 50%;color: #979BA0;transform: translateY(-50%);}
.l-productEditor .checkout__list{margin-bottom:26px;}
.l-productEditor .checkout__item{margin-bottom: 16px;}
.l-productEditor .checkout__item:last-child{margin-bottom: 0;}
.l-productEditor .checkout__head {display: flex;align-items: center;margin-bottom: 12px;}
.l-productEditor .checkout__title{font-weight: 500;margin-right: auto;}
.l-productEditor .checkout__add{font-weight: 500;color: var(--theme-color);}
.l-productEditor .l-field{border-radius: 8px;border: 1px solid #D8DBDE;padding: 0 12px;}
.l-productEditor .checkout__item[data-type="custom"] .l-field{padding-top:10px;padding-bottom:20px;}
.l-productEditor .l-field__control{display: flex;align-items: center;line-height: 46px;}
.l-productEditor .l-field__title{margin-right: auto;display: flex;min-width: 0;}
.l-productEditor .l-field__title .title{float: left;word-break: break-all;}
.l-productEditor .l-field__title .star{display:none;float: left;}
.l-productEditor .checkout__item.required .l-field__title .star{display:block;}
.l-productEditor .l-product__item[data-type="confirmation"] [name="body"]{height: 200px}
.l-productEditor .l-field__action{display: flex;align-items: center;justify-content: right;}
.l-productEditor .l-field__required .v-toggle{margin-right: 6px}
.l-productEditor .l-field__default{color: #979BA0;}
.l-productEditor .l-field__remove{margin-left: 16px;color:#7B8087;cursor: pointer;}
.l-productEditor .l-field__remove i{font-size: 22px;}
.l-productEditor .l-field__options{padding: 16px 0;border-top: 1px solid #E4E8ED;}
.l-productEditor .l-field__option{margin-bottom: 16px;}
.l-productEditor .l-field__option:last-child{margin-bottom: 0;}
.l-productEditor .l-field__editor{position: relative;display: flex;width: 100%;height: 44px;padding: 0 12px;margin-bottom: 12px;line-height: 44px;background: #F5F6F7;border: none;border-radius: 6px;}
.l-productEditor .l-field__editor input{width: 100%;height: 100%;border: none;background: transparent;}
.l-productEditor .l-field__editor .edit{margin-left:6px;cursor: pointer;color:#7B8087;}
.l-productEditor .l-field__editor .edit i{font-size: 20px;}
.l-productEditor .files__action{margin-bottom: 16px;font-size: 0;}
.l-productEditor .files__url,.l-productEditor .files__upload{display: inline-block;width:140px;height: 40px;line-height: 40px;margin-right: 12px; background: #EBEDEF;border-radius: 8px;text-align: center;font-size: 12px;font-weight: 500;}
.l-productEditor .files__url:hover,.l-productEditor .files__upload:hover{color:#ffffff; background: var(--theme-color);}
.l-productEditor .files__url i,
.l-productEditor .files__upload i{ margin-right: 10px;font-size: 22px;vertical-align: middle;}
.l-productEditor .files__list{margin-bottom: 16px;}
.l-productEditor .files__item{margin-bottom:12px;}
.l-productEditor .files__item:last-child{margin-bottom:0;}
.l-productEditor .l-file{position:relative;height: 76px;padding: 16px 16px 16px 16px;background: #F5F6F7;border-radius: 10px;display: flex;align-items: center;}
.l-productEditor .l-file__move{position: absolute;left: 0;top: 0;bottom: 0;width: 40px;text-align: center;cursor: move;}
.l-productEditor .l-file__move i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #7b8087;font-size: 20px;}
.l-productEditor .l-file__info{display: flex;align-items: center;margin-right: auto;min-width:0;}
.l-productEditor .l-file__text{min-width: 0;}
.l-productEditor .l-file__type{margin-right: 8px;flex:none;}
.l-productEditor .l-file__type img{width:44px;}
.l-productEditor .l-file__name{font-weight: 500;}
.l-productEditor .l-file__url{color: #999999;font-size: 12px;}
.l-productEditor .l-file__size{font-size: 12px;color: #999999;}
.l-productEditor .l-file__remove{padding: 2px 4px;cursor: pointer;}
.l-productEditor .l-file__remove i{font-size: 20px;color: #7B8087;}
.l-productEditor .l-product__media{margin-bottom: 20px}
.l-productEditor .l-product__upload{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 200px;margin-top: 12px;background-color: #F5F6F7;border-radius: 8px;cursor: pointer;}
.l-productEditor .l-product__upload__text{margin-top: 8px;}
.l-productEditor .c-media{display: none;}
.l-productEditor .c-media__list{margin-bottom:-20px;}
.l-productEditor .c-media__item{position: relative;float: left;width: 106px;height: 106px;margin-right: 20px;margin-bottom: 20px;}
.l-productEditor .c-media__item--img:nth-child(1){width:232px;height:232px;}
.l-productEditor .c-media__block {width: 100%;height: 100%;}
.l-productEditor .c-media__block img{width:100%;height:100%;object-fit: cover;border-radius: 8px;}
.l-productEditor .c-media__mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background-color: rgba(0,0,0,.3);display: none;cursor: pointer;}
.l-productEditor .c-media__item--img:hover .c-media__mask{display: block;}
.l-productEditor .c-media__action{padding-top: 4px;padding-right: 4px;text-align: right;font-size: 0;}
.l-productEditor .c-media__action span{display: inline-block;width: 26px;height: 26px;line-height: 26px;text-align: center;border-radius: 50%;vertical-align: top;}
.l-productEditor .c-media__action span:hover{background-color: rgba(242,242,242,.5);}
.l-productEditor .c-media__action__upload{margin-right: 5px;}
.l-productEditor .c-media__move{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.l-productEditor .c-media__main{display: none; position: absolute;bottom: 20px;left: 50%;color: #fff;font-size: 16px;transform: translate(-50%);}
.l-productEditor .c-media__item--img:nth-child(1):hover .c-media__main {display: block;}
.l-productEditor .c-media__item--add {width: 106px;height: 106px;background-color: #f5f5f5;text-align: center;padding-top: 13px;cursor: pointer;}
.l-productEditor .c-media__item--add span{width: 80px;height: 80px;display: inline-block;border-radius: 2px;border: 1px dashed #ccc;position: relative;}
.l-productEditor .c-media__item--add span::after ,.l-productEditor .c-media__item--add span::before{content: '';display: inline-block;background: #ddd;position: absolute;top: 50%;left: 50%;}
.l-productEditor .c-media__item--add span::before {width: 26px;height: 2px;margin-top: -1px;margin-left: -13px;}
.l-productEditor .c-media__item--add span::after {width: 2px;height: 26px;margin-top: -13px;margin-left: -1px;}
.digital-url-modal .m-modal__body{padding: 20px 24px 24px;}
.digital-url-modal .digital-url__action{display: flex;justify-content: space-between;margin-top: 20px;}
.digital-url-modal .digital-url__cancel {width: 148px;}
.digital-url-modal .digital-url__add {width: 148px;}
.digital-url-modal .digital-url__add[disabled]{background: var(--theme-disabled-color);border-color: var(--theme-disabled-color);color: var(--theme-disabled-font-color);}

.product-fieldToolbar-modal .toolbar__list{ display: flex;justify-content: center;}
.product-fieldToolbar-modal .toolbar__item{margin-right: 50px; padding: 0 10px;text-align: center;cursor: pointer}
.product-fieldToolbar-modal .toolbar__item:last-child{margin-right: 0;}
.product-fieldToolbar-modal .toolbar__item img{width: 32px;margin-bottom: 8px;}

.product-channel-modal .m-modal__header{padding:0;}
.product-channel-modal .c-channelOrder__head__title{margin-bottom: 6px;font-weight: 500;}
.product-channel-modal .c-channelOrder__head__desc{margin-bottom: 16px;font-size: 12px;}
.product-channel-modal .c-channelOrder__list{max-height: 500px;overflow: auto;}
.product-channel-modal .c-channelOrder__list::-webkit-scrollbar{display:none;}
.product-channel-modal .c-channelOrder__item{margin-bottom: 12px;}
.product-channel-modal .c-channelOrder__item:last-child{margin-bottom: 0;}
.product-channel-modal .c-channel{display: flex;align-items: center;justify-content: space-between;position: relative;padding: 16px 20px 16px 42px;background-color: #F5F6F7;border-radius: 10px;}
.product-channel-modal .c-channel__handle {position: absolute;left: 0;top: 0;bottom: 0;width: 42px;text-align: center;cursor: move;}
.product-channel-modal .c-channel__handle i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #7B8087;font-size: 20px;}
.product-channel-modal .c-channel__info{width:440px;}
.product-channel-modal .c-channel__action--del{cursor: pointer}
.product-channel-modal .c-channel__platform{display: flex;height: 44px;margin-bottom: 12px;border-radius: 6px 6px 6px 6px;border: 1px solid #D8DBDE;}
.product-channel-modal .c-channel__icon{display: flex;justify-content: center; align-items: center;float: left;width: 53px;height: 100%; border-right: 1px solid #D8D8D8;cursor: pointer}
.product-channel-modal .c-channel__icon span{width: 22px;height: 22px;}
.product-channel-modal .c-channel__icon i{font-size: 12px;color: #666666;margin-left: 2px;}
.product-channel-modal .c-channel__icon--disabled{background-color: #D8D8D8;}
.product-channel-modal .c-channel__title{float: left;flex: auto;border: none;background: transparent;padding-left: 12px;border-radius: 0px 6px 6px 0;}
.product-channel-modal .c-channel__link-wrap{display: flex;height: 44px;border-radius: 6px;border: 1px solid #D8DBDE;}
.product-channel-modal .c-channel__link-wrap.c-channel__link--error{border-color:var(--body-theme-error);}
.product-channel-modal .link-input-help{ display: block;margin-top: 6px;color: var(--body-theme-error);font-size: 14px;}
.product-channel-modal .c-channel__link--disabled .c-channel__link-wrap{background-color: #D8D8D8;}
.product-channel-modal .c-channel__link__icon{flex:none;width: 52px;height: 100%;text-align: center;line-height: 42px;color: #666666;}
.product-channel-modal .c-channel__link__input{width:100%;height:100%;padding-right:32px;border: none;background: transparent;border-radius: 0px 6px 6px 0;}
.product-channel-modal .c-channel__type{margin-bottom: 6px;font-size: 12px;font-weight: 500;}
.product-channel-modal .c-channelOrder__add{width: 100%;margin-top: 16px;background-color: #333333;color: #fff;}


/* q&a and custom */

.l-productEditor .qas-question__add{  width: 100%; margin-bottom: 16px;}
.l-productEditor .qas-question__list{margin-bottom: 16px;}
.l-productEditor .qas-question__item{margin-bottom:12px;}
.l-productEditor .qas-question__item:last-child{margin-bottom:0;}
.l-productEditor .qas-question__list .l-question{position:relative;height: 76px;padding: 16px 16px 16px 40px;background: #F5F6F7;border-radius: 10px;display: flex;align-items: center;}
.l-productEditor .qas-question__list .l-question__move{position: absolute;left: 0;top: 0;bottom: 0;width: 40px;text-align: center;cursor: move;}
.l-productEditor .qas-question__list .l-question__move i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #7b8087;font-size: 20px;}
.l-productEditor .qas-question__list .l-question__info{display: flex;align-items: center;margin-right: auto;min-width:0;}
.l-productEditor .qas-question__list .l-question__text{min-width: 0;margin-right: auto;}
.l-productEditor .qas-question__list .l-question__action{flex: none;}
.l-productEditor .qas-question__list .l-question__type{margin-right: 8px;flex:none;}
.l-productEditor .qas-question__list .l-question__type img{width:44px;}
.l-productEditor .qas-question__list .l-question__title{font-weight: 500;}
.l-productEditor .qas-question__list .l-question__type{color: #999999;font-size: 12px;}
.l-productEditor .qas-question__list .l-question__size{font-size: 12px;color: #999999;}
.l-productEditor .qas-question__list .l-question__action > div{float: left;padding: 2px 4px;cursor: pointer;}
.l-productEditor .qas-question__list .l-question__edit{margin: 0 8px 0 4px;}
.l-productEditor .qas-question__list .l-question__action i{font-size: 20px;color: #7B8087;}

 

.l-productEditor .ctm-choice__add{ width: 100%;  margin-bottom: 16px;}
.l-productEditor .ctm-choice__list{margin-bottom: 16px;}
.l-productEditor .ctm-choice__item{margin-bottom:12px;}
.l-productEditor .ctm-choice__item:last-child{margin-bottom:0;}
.l-productEditor .ctm-choice__list .l-choice{position:relative;height: 76px;padding: 16px 16px 16px 40px;background: #F5F6F7;border-radius: 10px;display: flex;align-items: center;}
.l-productEditor .ctm-choice__list .l-choice__move{position: absolute;left: 0;top: 0;bottom: 0;width: 40px;text-align: center;cursor: move;}
.l-productEditor .ctm-choice__list .l-choice__move i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #7b8087;font-size: 20px;}
.l-productEditor .ctm-choice__list .l-choice__info{display: flex;align-items: center;margin-right: auto;min-width:0;}
.l-productEditor .ctm-choice__list .l-choice__text{min-width: 0;margin-right: auto;}
.l-productEditor .ctm-choice__list .l-choice__action{flex:none;}
.l-productEditor .ctm-choice__list .l-choice__type{margin-right: 8px;flex:none;}
.l-productEditor .ctm-choice__list .l-choice__type img{width:44px;}
.l-productEditor .ctm-choice__list .l-choice__title{font-weight: 500;}
.l-productEditor .ctm-choice__list .l-choice__price{color: #999999;font-size: 12px;}
.l-productEditor .ctm-choice__list .l-choice__price.error{color:red;}
.l-productEditor .ctm-choice__list .l-choice__size{font-size: 12px;color: #999999;}
.l-productEditor .ctm-choice__list .l-choice__action > div{float: left;padding: 2px 4px;cursor: pointer;}
.l-productEditor .ctm-choice__list .l-choice__edit{margin: 0 8px 0 4px;}
.l-productEditor .ctm-choice__list .l-choice__action i{font-size: 20px;color: #7B8087;}
             
.qas-question-modal .question__required{ margin-left: auto; display: flex; align-items: center;width: fit-content;}
.qas-question-modal .question__required .text{ margin-left:8px;}

.l-myshop__inner {display: flex;align-items: flex-start;}
.l-myshop__sidebar {min-width: 160px;padding-left: 18px;padding-top: 28px;}
.l-myshop__sidebar .sidebar__item {width: max-content;margin-bottom: 20px;color: #666666;cursor: pointer;}
.l-myshop__sidebar i {margin-right: 12px;font-size: 22px;vertical-align: middle;}
.l-myshop__sidebar .sidebar__item.active {color: var(--theme-color);}
.l-myshop__sidebar .sidebar__item:hover{color: var(--theme-color);}
.l-myshop__main{width:700px;margin: 0px auto;padding: 30px 20px 100px;}
.l-myshop__head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;}
.l-myshop__head .title{font-size: 18px;font-weight: 500;}
.l-myshop__content{width:600px;background-color: #fff;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 12px;}

.l-product-library .l-products__load{padding: 90px 0;text-align: center;}
.l-product-library .l-products__load .load_icon{display: inline-block;line-height: 1;color: #acb5bf;font-size: 26px;animation: 1s linear 0s infinite normal none running spin;}
.l-product-library .l-products__blank {padding-top: 60px;padding-bottom: 36px;text-align: center;}
.l-product-library .l-products__blank .blank__img img{width:100px;margin-bottom: 40px;}
.l-product-library .l-products__blank .blank__text{font-weight: 500;}
/*.l-product-library .l-products__blank .blank__btn{margin-top: 50px;}*/
.l-product-library .l-products__add{width:360px;height:52px;margin-top: 50px;font-weight: 500;}
.l-product-library .l-products__add--tsp{background-color: #000000;color:#fff}

.l-product-library .product-sync{display: flex;align-items: center;margin-bottom: 20px; padding: 6px 12px;background: #FFE9CC;border-radius: 4px;font-size: 12px;}
.l-product-library .product-sync__text{margin-right: auto;}
.l-product-library .product-sync__btn{ height: 24px;padding: 0 14px;background: #FF6541;border-radius:4px;color: #fff;}
.l-product-library__tab {display:flex;margin-bottom:16px;color: #666666;}
.l-product-library__tab .item{margin-right: 40px;cursor: pointer;}
.l-product-library__tab .item.active{color:var(--theme-color);}
.l-product-library__tab .item[data-type^="shopee"] {display: none;}
.l-product-library__item:not([data-type="tiktokshop"]){display: none;}
.l-product-library__item{display: flex;flex-direction: column;width:100%;}
.l-product-library .l-products{display: flex;flex-direction: column;width:100%;overflow: auto;}
.l-product-library .l-products__add--tool{width:100%; margin-top: 24px;flex:none;}
.l-product-library .l-products__list {overflow: auto;}
.l-product-library .l-products__list::-webkit-scrollbar {display: none;}
.l-product-library .l-products__item {margin-bottom: 20px;}
.l-product-library .l-products__item:last-child {margin-bottom: 0;}
.l-product-library .l-product {display: flex;align-items: center;}
.l-product-library .l-product__cover{margin-right: 12px;flex: none;}
.l-product-library .l-product__cover img{width:76px;height:76px;object-fit: cover;border-radius: 8px;}
.l-product-library .l-product__info{display: flex;align-items: center;margin-right: auto;}
.l-product-library .l-product__price{display: flex;align-items: start;margin-top: 6px;}
.l-product-library .l-product__marketPrice{margin-left: 8px;color: #999999;font-size: 12px;font-weight: 400;text-decoration: line-through;}
.l-product-library .l-product__text{font-weight: 500;}
.l-product-library .l-product__action{display: flex;align-items: center;flex: none;margin-left: 12px;}
.l-product-library .l-product__action .item{color: #7B8087;margin-right: 16px;cursor: pointer;}
.l-product-library .l-product__action .item:last-child{margin-right: 0;}
.l-product-library .l-product__action .item i{font-size: 20px}
.l-product-library .l-error{display: flex;align-items: center;padding: 10px 12px;margin-top:4px;background: #FFE5E5;color:#FF293B;border-radius: 4px;}
.l-product-library .l-error__tips{display: flex;align-items: center;margin-right: auto;}
.l-product-library .l-error__icon{position: relative;margin-right: 6px;}
.l-product-library .l-error__edit{margin-left: 10px;padding: 2px;text-decoration: underline;font-weight: 500;cursor: pointer;}

.l-product-library .l-request{display: flex;align-items: center;}
.l-product-library .l-request__info{background: #F5F6F7;border-radius: 10px;padding: 16px;margin-right: auto;flex:auto;min-width: 0;}
.l-product-library .l-request__title{margin-bottom:16px;font-weight: 500;}
.l-product-library .l-request__options .options__item{display:flex;margin-bottom:12px;}
.l-product-library .l-request__options .options__item:last-child{margin-bottom: 0;}
.l-product-library .l-request__options .options__title{margin-right: auto;}
.l-product-library .l-request__options .options__value{margin-left:10px;font-weight: 500;}
.l-product-library .l-request__action{display: flex;align-items: center;flex: none;margin-left:20px;}
.l-product-library .l-request__action .item{color: #7B8087;margin-right: 16px;cursor: pointer;}
.l-product-library .l-request__action .item:last-child{margin-right: 0;}
.l-product-library .l-request__action .item i{font-size: 20px}



/*myshop currency*/
.l-myshop__currency{display: none;padding: 20px 20px 24px;background-color: #fff;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 12px;}
.c-currency .c-warn{margin-bottom: 16px;}
.c-currency__region{margin-bottom: 16px;}
.c-currency__region .v-select__menu{max-height: 312px;overflow: auto;}
.c-currency__region .v-select__menu::-webkit-scrollbar {display: none;}
.c-currency__region .v-select__menu-item img{    width: 28px;margin-right: 10px;}
.c-currency__save{width:100%;margin-top: 20px;}
.c-currency__tip{display:none;margin-top:6px;font-size: 12px;}
.c-currency__desc{margin-bottom: 20px;font-size: 12px;}
.c-currency .c-currency__currency .v-select__menu {max-height: 312px;overflow: auto;}
.c-currency .c-currency__currency .v-select__menu::-webkit-scrollbar {display: none;}
.c-currency .v-select__menu-item i{display: none;float: right;}
.c-currency .v-select__menu-item.selected i{display: inline-block;}
.c-currency .v-select__toggle-label img {height: 22px;margin-right: 8px;color: var(--theme-font-color);}
.c-product__tab{display:flex;align-items: center;height: 50px;padding: 0 20px;}
.c-product__content{padding:0 28px;}
.currency-set-modal .m-modal__header{text-align: center;}
.currency-set-modal p {text-align: center;font-size: 16px;}
.currency-set-modal .modify-currency__btn {width: 100%;margin-top: 20px;}

.l-myshop__productList{padding: 20px;background-color: #fff;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.12);border-radius: 12px;}
.l-myshop__wrapper .productList__tab {display: flex;color: #666666;margin-bottom: 16px;}
.l-myshop__wrapper .productList__tab .item{margin-right: 40px;padding-bottom: 4px;border-bottom: 2px solid transparent;cursor: pointer;}
.l-myshop__wrapper .productList__tab .item.active{color: var(--theme-color);border-bottom: 2px solid var(--theme-color);}



/* Product Label */
.manage-label-modal .m-modal__header{padding:0;}
.manage-label-modal .manage-label__title{font-size: 18px;font-weight: 500;}
.manage-label-modal .manage-label__desc{margin-top: 6px;color: #666666; font-size: 14px;}
.manage-label-modal .manage-label__editor {display: flex; align-items: center;height:56px;padding:0 12px;margin-top:16px;border:1px solid #D8DBDE;border-radius:4px;}
.manage-label-modal .c-color{position: relative;white-space: nowrap;font-size: 0}
.manage-label-modal .c-color__icon{ display: inline-block;width: 22px;height: 22px;border-radius: 50%;vertical-align: middle;background: #5291FF;}
.manage-label-modal .c-color__arrow {margin: 0 6px;padding: 4px 6px;color:#7B8087;vertical-align: middle; cursor: pointer;}
.manage-label-modal .c-color__arrow i{font-size: 20px;}
.manage-label-modal .editor__input{width: 100%}
.manage-label-modal .editor__input input{width: 100%;height: 40px;border: none;}
.manage-label-modal .editor__add{width:112px;height:40px;margin-left: 10px;background-color:var(--theme-color);border-radius:4px;color: #ffffff;}
.manage-label-modal .manage-label__list{margin-top: 16px;overflow:auto;min-height: 70px;max-height: 400px;border:1px solid #D8DBDE;border-radius:4px;}
.manage-label-modal .manage-label__list::-webkit-scrollbar {display: none;}
.manage-label-modal .label__item{display: flex;align-items: center;height:70px;margin:0 10px;border-bottom: 1px solid #E4E8ED;}
.manage-label-modal .label__item:last-child{border-bottom: none;}
.manage-label-modal .label__action{margin-left: auto;}
.manage-label-modal .label__delete{padding: 10px;margin-left: 2px;cursor: pointer}
.manage-label-modal .label__name{display: inline-block;padding: 0 12px;line-height: 30px;border-radius: 4px;    color: #fff;vertical-align: middle;}
.manage-label-modal .c-color__select{position: absolute;top: 38px;left: 0px;z-index:9;display: none;width: 218px;height: 44px;background: rgba(255,255,255,1);border: 1px solid #EBEDEF;border-radius: 4px;}
.manage-label-modal .c-color__select::after,
.manage-label-modal .c-color__select::before{content:"";position:absolute;width:0;height:0;border:8px solid transparent;border-bottom-color:rgba(223,223,223,1);left:43px;margin-left:-4px;top:-17px}
.manage-label-modal .c-color__select::after{border-bottom-color:#fff;top:-15px}
.manage-label-modal .c-color__list {display: flex;justify-content: space-around; align-items: center; height: 100%;}
.manage-label-modal .c-color__item{width: 24px;height: 24px;display: inline-block;border-radius:50%;cursor: pointer;}
.manage-label-modal .c-color__item[data-color="#F65569"]{background: #F65569;}
.manage-label-modal .c-color__item[data-color="#8A73C9"]{background: #8A73C9;}
.manage-label-modal .c-color__item[data-color="#5291FF"]{background: #5291FF;}
.manage-label-modal .c-color__item[data-color="#FB9240"]{background: #FB9240;}
.manage-label-modal .c-color__item[data-color="#72A737"]{background: #72A737;}
.manage-label-modal .c-color__item[data-color="#90949C"]{background: #90949C;}




/* bio Goods Cmp*/
.bioCmpt-goods__load{padding:90px 0;text-align:center}
.bioCmpt-goods__load .load_icon{display:inline-block;line-height:1;color:#acb5bf;font-size:24px;animation:1s linear 0s infinite normal none running spin}
.bioCmpt-goods__blank{width: 360px;margin: auto;padding: 8px 0 12px;text-align: center;}
.bioCmpt-goods__blank .blank__img{width: 100px;}
.bioCmpt-goods__blank .blank__text{font-weight: 500;margin: 24px 20px;}
.bioCmpt-goods__blank .blank__btn{width: 100%;}
.bioCmpt-goods__blank .blank__btn img{margin-right: 8px;}
.bioCmpt-goods__add{width:100%;margin-bottom:20px}
.bioCmpt-goods .l-product__item{position:relative;margin-bottom:12px;padding: 12px 16px 12px 44px;background: #F5F6F7;border-radius: 10px;}
.bioCmpt-goods .l-product__item:last-child{margin-bottom:0}
.bioCmpt-goods .l-product__inner{display:flex;align-items: center;}
.bioCmpt-goods .l-product__handle{position:absolute;left:0;top:0;bottom:0;width:44px;text-align:center;cursor:move}
.bioCmpt-goods .l-product__handle i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#7b8087;font-size:20px}
.bioCmpt-goods .l-product__info{display: flex;align-items: center;margin-right: auto}
.bioCmpt-goods .l-product__cover {flex:none;}
.bioCmpt-goods .l-product__cover img{width:76px;height:76px;margin-right: 12px;border-radius: 8px;object-fit: cover;}
.bioCmpt-goods .l-product__text{font-weight: 500;}
.bioCmpt-goods .l-product__price {display: flex;align-items: start;margin-top: 6px;}
.bioCmpt-goods .l-product__marketPrice{margin-left: 8px;color: #999999;font-size: 12px;font-weight: 400;text-decoration: line-through;}
.bioCmpt-goods .l-product__action{display:flex;align-items: center;}
.bioCmpt-goods .l-product__action i{font-size:20px;color:#7b8087}
.bioCmpt-goods .l-product__action-item{padding: 2px 6px;cursor: pointer;}
.bioCmpt-goods .l-product__edit{margin-right:2px;}
.bioCmpt-goods .l-product__ibs-sys {padding: 12px 16px;}
.bioCmpt-goods .l-product__right{margin-left: 4px;text-align: right;}
.bioCmpt-goods .l-product__platform {padding: 0px 6px;display: inline-block;margin-bottom: 6px;}
.bioCmpt-goods .l-product__platform img{width: 20px;}

.syncProd-link-modal{display: flex;flex-direction: column;}
.syncProd-link-modal .m-modal__body{display: flex;flex-direction: column;overflow: auto;}
.syncProd-link-modal .m-modal__body::-webkit-scrollbar{display:none;}
.syncProd-link__load{padding: 90px 0;text-align: center;}
.syncProd-link__load .load_icon{display: inline-block;line-height: 1;color: #acb5bf;font-size: 26px;animation: 1s linear 0s infinite normal none running spin;}
.syncProd-link__item{padding:16px;margin-bottom:20px;border: 1px solid #D8DBDE;border-radius: 8px;}
.syncProd-link__item:last-child{margin-bottom:0;}
.syncProd-link .link__inner{display:flex;align-items: center;}
.syncProd-link .link__cover{margin-right:12px;flex: none;}
.syncProd-link .link__cover img{width:76px;height:76px;border-radius: 6px;object-fit: cover;}
.syncProd-link .link__sync{padding: 0 8px;font-size: 0;flex: none;cursor: pointer;}
.syncProd-link .link__sync i{margin-right: 4px; color: var(--theme-color);font-size: 18px;}
.syncProd-link .link__sync.disabled{color: #BEC1C5;cursor: auto;}
.syncProd-link .link__sync.disabled i{color: #BEC1C5;}
.syncProd-link .link__cnt{font-weight: 500;font-size: 14px;}
.syncProd-link .link__text{margin-right: auto;overflow: hidden;}
.syncProd-link .link__title{font-weight: 500}
.syncProd-link .link__url{margin-top: 6px;color: #999999;}
.syncProd-link .link__state{display: flex;align-items: center;color: #22CE4A;margin-top: 12px;font-size: 12px;}
.syncProd-link .state__text{ margin-right: auto;}
.syncProd-link .state__text i{margin-right: 4px;vertical-align: middle;}
.syncProd-link .state__title{vertical-align: middle;}
.syncProd-link .state__view{padding: 0 4px;cursor: pointer;font-weight: 500;}

.syncProd-progress-modal .m-modal__header {text-align: center;}
.syncProd-progress__banner {display: flex;align-items: center;justify-content: center;height: 112px;margin: 0 auto;}
.syncProd-progress__banner .banner-products{text-align: center;}
.syncProd-progress__banner .banner-products__top{margin-bottom: 10px;}
.syncProd-progress__banner .banner-products__bottom img:first-child{margin-right: 10px;}
.syncProd-progress__banner .banner-sync{margin: 0 20px;}
.syncProd-progress__banner img{width:28px;}
.syncProd-progress__banner .banner-shop img{width:52px;}


.syncProd-progress__bar{background: #D8DBDE;height: 10px;border-radius: 20px;margin-top: 20px;margin-bottom: 12px;}
.syncProd-progress__fill{height: 100%;width:0;border-radius: 20px;background-color: var(--theme-color);transition: all 0.2s;}
.syncProd-progress__tips{font-size: 12px;font-weight: 500;}
.syncProd-progress__explain{font-size: 12px;margin-top: 6px;color: #666666;}
.syncProd-progress__failed{margin-top: 20px;text-align: center;}
.syncProd-progress__failed .failed__title{font-size: 12px;font-weight: 500;margin-bottom: 26px;}
.syncProd-progress__failed .failed__action{font-size: 0;}
.syncProd-progress__failed button{width:128px;}
.syncProd-progress__failed .failed__retry{margin-left: 20px;}

.syncedProd-modal .syncedProd__item{margin-bottom:20px;display: flex;align-items: center;}
.syncedProd-modal .syncedProd__item:last-child{margin-bottom:0;}
.syncedProd-modal .syncedProd__cover {flex: none;}
.syncedProd-modal .syncedProd__cover {flex: none;}
.syncedProd-modal .syncedProd__cover img{width:76px;height:76px;object-fit: cover;border-radius: 6px;margin-right: 12px}
.syncedProd-modal .syncedProd__title{font-weight: 500;}
.syncedProd-modal .syncedProd__price{ margin-top: 6px;color: #999999;}
.syncProd-exceed-modal .m-modal__header{text-align: center;}
.syncProd-exceed-modal .text{padding: 0 10px;text-align: center;}
.syncProd-exceed-modal .m-modal__footer{padding: 10px 30px 36px;}



.section[toggle="product"] .l-product__item{position:relative;margin-bottom:16px;padding:12px 16px 12px 44px;background: #F5F6F7;border-radius: 10px;}
.section[toggle="product"] .l-product__item:last-child{margin-bottom:0}
.section[toggle="product"] .l-product__ibs-sys{padding: 12px 16px;}
.section[toggle="product"] .l-product__inner{display:flex;align-items: center}
.section[toggle="product"] .l-product__item .c-warn{margin-top: 6px;}
.section[toggle="product"] .l-product__handle{position:absolute;left:0;top:0;bottom:0;width:44px;cursor:move}
.section[toggle="product"] .l-product__handle i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#7b8087;font-size:20px}
.section[toggle="product"] .l-product__info{display: flex;align-items: center;margin-right: auto;}
.section[toggle="product"] .l-product__cover {flex:none;}
.section[toggle="product"] .l-product__cover img{width:76px;height:76px;margin-right: 12px;border-radius: 8px;object-fit: cover;}
.section[toggle="product"] .l-product__text {font-weight: 500;}
.section[toggle="product"] .l-product__price {display: flex;align-items: start;margin-top: 8px;}
.section[toggle="product"] .l-product__marketPrice{margin-left: 8px;color: #999999;font-size: 12px;font-weight: 400;text-decoration: line-through;}
.section[toggle="product"] .l-product__action{display:flex;align-items: center}
.section[toggle="product"] .l-product__action-item {padding: 2px 6px;cursor: pointer;}
.section[toggle="product"] .l-product__action-item i{font-size: 20px;color: #7B8087;}
.section[toggle="product"] .l-product__edit{margin-right: 2px}
.section[toggle="product"] .l-product__del{padding: 2px 6px;}
.section[toggle="product"] .l-product__add{width:100%;margin-top: 20px;}
.section[toggle="product"] .l-product__right{margin-left: 4px;text-align: right;}
.section[toggle="product"] .l-product__platform{padding: 0px 6px;display: inline-block;margin-bottom: 6px;}
.section[toggle="product"] .l-product__platform img{width:20px;}

/*bioMedia-library-pop*/
.bioMedia-library-pop .m-modal__header{padding: 20px 24px 0;}
.bioMedia-library-pop .m-modal__body{padding: 20px 24px;}
.bioMedia-library-pop .l-media__list{display: flex;flex-wrap:wrap;align-content: flex-start;margin-right: -18px;height: 600px;overflow: auto;}
.bioMedia-library-pop .l-media__list::-webkit-scrollbar{display: none;}
.bioMedia-library-pop .l-media__item{width:126px;height: 126px;margin: 0 18px 18px 0;background: #EBEDEF;border-radius: 8px;overflow: hidden;cursor: pointer;}
.bioMedia-library-pop .l-media__cover{width: 100%;height: 100%;text-align: center;line-height: 126px;}
.bioMedia-library-pop .l-media__cover:hover{opacity: .7;}


.bioMedia-library__load{padding: 90px 0;text-align: center;}
.bioMedia-library__load .load_icon{display: inline-block;line-height: 1;color: #acb5bf;font-size: 26px;animation: 1s linear 0s infinite normal none running spin;}
.bioMedia-library__blank {padding-top: 60px;padding-bottom: 36px;text-align: center;}
.bioMedia-library__blank .blank__img img{width:100px;margin-bottom: 40px;}
.bioMedia-library__blank .blank__text{font-weight: 500;}
.productSync-tips-modal {text-align: center}
.productSync-tips-modal .is-tips{margin-top: 24px;margin-bottom: 10px;}
.productSync-tips-modal .text{margin-left:8px;}
.productSync-tips-modal .m-modal__footer{text-align: center}

/*TextRich*/
.note-modal-footer .note-btn{height: auto}
.mp-blockEditor[data-type="35"] .mp-blockEditor__action{margin-top: 20px;}

/*myShop-providerAuth*/
.myShop-providerAuth-wrapper{padding-top: 30px;}
.myShop-providerAuth-wrapper .providerAuth__inner{width: 560px;margin: 0 auto;background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.1216);border-radius: 12px;}
.myShop-providerAuth-wrapper .providerAuth__load  {padding: 100px 0;text-align: center;}
.myShop-providerAuth-wrapper .providerAuth__load .load_icon{display: inline-block;line-height: 1;color: #acb5bf;font-size: 26px;animation: 1s linear 0s infinite normal none running spin;}
.myShop-providerAuth-wrapper .providerAuth__body{height: 84px;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
.myShop-providerAuth-wrapper .providerAuth__blank{padding: 80px 0 70px;text-align: center;}
.myShop-providerAuth-wrapper .provider__icon{width: 40px;margin-right: 10px;}
.myShop-providerAuth-wrapper .provider__title{font-size: 16px;}
.myShop-providerAuth-wrapper .blank_img{width: 94px;}
.myShop-providerAuth-wrapper .provider__unlink{width:108px;}
.myShop-providerAuth-wrapper .provider__connect{width: 360px;height:52px; margin-top: 68px;}
.myShop-providerAuth-wrapper .provider__connect img{margin-right: 10px;  }
.providerAuth__inner--tsp  .provider__connect{color: #fff;background-color: #000;border-color:#000;}
.myShop-providerAuth-pop .row-tips{margin-bottom:16px;}
.myShop-providerAuth-pop .row-rights{font-weight: 700;}
.myShop-providerAuth-pop .row-rights:first-child{margin-top: 10px;}
/*cmpt digital*/
.cmpt-digital__title{margin-bottom: 12px;font-size:16px;font-weight: 500;}
.cmpt-digital__cover{margin-bottom: 24px;}
.cmpt-digital__cover .cover__inner{height: 168px;border-radius: 12px;}
.cmpt-digital__cover .img_empty{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;width:168px;text-align: center;color: #999999;border-radius: 8px;border: 1px solid #D8DBDE;cursor: pointer;}
.cmpt-digital__cover .img_empty img{width: 30px;margin-bottom: 10px;}
.cmpt-digital__cover .img_block {position: relative;height: 100%;width: fit-content;min-width:20px;}
.cmpt-digital__cover .img_block .cover{height: 100%;object-fit: cover;border-radius: 8px;}
.cmpt-digital__cover .avatar-del{position: absolute;top: -8px;right: -8px;cursor: pointer;}
.cmpt-digital__cover .avatar-del img{width: 20px;}
.cmpt-digital__cover .cover__help{margin-top: 6px;color: var(--body-theme-error);}
.cmpt-digital__add {width: 100%;margin-top: 20px;margin-bottom:20px;}
.cmpt-digital__product .cmpt-digital__title{margin-bottom: 12px;font-size: 16px;font-weight: 500;}
.cmpt-digital__product .l-product{display: flex;align-items: center;margin-bottom: 20px;}
.cmpt-digital__product .l-product__info{min-width:0;display: flex;align-items: center;margin-right: auto;}
.cmpt-digital__product .l-product__image{flex:none;}
.cmpt-digital__product .l-product__image img{width: 76px;height: 76px;border-radius: 8px;margin-right: 12px;}
.cmpt-digital__product .l-product__text {font-weight: 500;min-width:0;}
.cmpt-digital__product .l-product__title{margin-bottom: 16px;}
.cmpt-digital__product .l-product__price{display: flex;align-items: start;margin-top: 6px;}
.cmpt-digital__product .l-product__marketPrice{margin-left: 8px;color: #999999;font-size: 12px;font-weight: 400;text-decoration: line-through;}
.cmpt-digital__product .l-product__action{display: flex;align-items: center;margin-left:10px;}
.cmpt-digital__product .l-product__action .item {cursor: pointer;}
.cmpt-digital__product .l-product__action .item i{font-size: 20px;color: #7B8087;}
.cmpt-digital__product .l-product__edit {margin-left:20px;}


/*request mobile*/
.pagePreview-mobile{width: 282px;margin: 0 auto;padding:12px;background: #ffffff;border: 8px solid #000000;border-radius: 36px;overflow: hidden;height: 610px;position: relative;}
.pagePreview-mobile .l-request{width: calc(100% - 24px);background: #000000;border-radius: 22px;overflow: hidden;text-align: center;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);padding: 15px 15px 13px;}
.pagePreview-mobile .l-request__title{font-weight: 500;}
.pagePreview-mobile .l-request__description{margin-top: 4px;font-size: 12px;white-space: pre-wrap}
.pagePreview-mobile .l-request__question{margin-bottom: 16px;text-align: left;}
.pagePreview-mobile .l-request__continue{color: #000000;border-radius: 15px;width: 210px;font-weight: 500;}
.pagePreview-mobile .question__item{font-size: 12px;display: flex;margin-bottom: 12px;}
.pagePreview-mobile .question__item label{margin-right: auto;min-width: 0;}
.pagePreview-mobile .question__item label span{display: inline-block;width: 100%;}
.pagePreview-mobile .question__price{margin-left: 4px;font-weight: 500;}
.pagePreview-mobile .v-radio-label{min-width:0;display:inline-block;position:relative;padding-left:22px;vertical-align: middle; cursor:pointer;}
.pagePreview-mobile .v-radio-label input[type=radio]{position:absolute;opacity:0}
.pagePreview-mobile .v-radio-label i{display:block;position:absolute;top:0px;left:0;width:16px;height:16px;outline:0;border:2px solid #DFE1E4;border-radius:50%;transition:border-color .3s;-webkit-transition:border-color .3s}
.pagePreview-mobile .v-radio-label input:checked+i{border:2px solid #fff}
.pagePreview-mobile .v-radio-label input+i:after{position:absolute;content:'';top:50%;left:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background-color:#fff;opacity:0;transition:opacity .1s;-webkit-transition:opacity .1s}
.pagePreview-mobile .v-radio-label input:checked+i:after{opacity:1}
.pagePreview-mobile .l-checkout{margin: 10px 0;height: 100%;overflow: auto;padding-bottom: 60px;}
.pagePreview-mobile .l-checkout::-webkit-scrollbar{display: none;}
.pagePreview-mobile .l-checkout__title{font-weight: 500;margin-bottom: 12px;}
.pagePreview-mobile .l-checkout__field{width: 100%;height: 48px;padding: 0 10px 0 16px;margin-bottom:16px;border: 1px solid #d8dbde;border-radius: var(--theme-corner-inner);line-height: 48px;color: #999999;}

.pagePreview-mobile .l-checkout__phone {height: 48px;margin-bottom: 12px;border: 1px solid #D8DBDE; border-radius: 6px;}
.pagePreview-mobile .phone__country{width: 48px;border-right: 1px solid #D8D8D8; height: 24px;margin: 12px 0;display: flex;justify-content: center;align-items: center;}
.pagePreview-mobile .phone__flag{width: 20px;  margin-right: 4px;}
.pagePreview-mobile .phone__triangle{width: 8px;transform: rotate(180deg);}
.pagePreview-mobile .l-checkout__location{border: 1px solid #D8DBDE;border-radius: 6px;height: 48px;display: flex;line-height: 48px;justify-content: space-between;padding: 0 12px;color: #999999;margin-bottom:12px;}
.pagePreview-mobile .l-checkout__tips{margin-top: 30px;margin-bottom: 15px;font-size: 12px;color: #666666;}
.pagePreview-mobile .l-confirmation{height: 593px;border-radius: 8px;border: 1px solid #D8DBDE;padding:12px;}
.pagePreview-mobile .l-digital{height: 100%;position:relative;}
.pagePreview-mobile .l-digital__inner{height: calc(100% - 80px);overflow: auto;}
.pagePreview-mobile .l-digital__inner::-webkit-scrollbar{display: none;}
.pagePreview-mobile .l-digital__banner{position: relative;margin-bottom: 10px;}
.pagePreview-mobile .l-digital__banner .banner__block {width: 240px;height: 240px;}
.pagePreview-mobile .l-digital__banner .banner__block img{width: 100%;height: 100%;border-radius: 12px;}
.pagePreview-mobile .l-digital__banner .banner__blank{height: 240px;text-align: center;background: #F5F6F7;border-radius: 9px;line-height: 240px;}
.pagePreview-mobile .l-digital__banner .banner__blank img{width:76px;}
.pagePreview-mobile .l-digital__next{position: absolute;width: 22px;height: 22px;top: 50%;right: 10px;transform: translateY(-50%);background: rgb(0, 0, 0,.7);border-radius: 100%;border: 1px solid #fff;color: #fff;text-align: center;line-height: 20px;}
.pagePreview-mobile .l-digital__next i{font-size: 10px;}
.pagePreview-mobile .l-digital__pagination{position: absolute;width: 38px;height: 20px;bottom: 10px;right: 10px;border-radius: 77px;background: rgba(0 ,0 ,0,.5);color: #fff;font-size: 12px;text-align: center;line-height: 20px;}
.pagePreview-mobile .l-digital__price {display: flex;align-items: center;margin-bottom: 10px;}
.pagePreview-mobile .l-digital__salePrice{font-weight: 500}
.pagePreview-mobile .l-digital__marketPrice{font-size: 12px;color: #999999;margin-left: 8px;text-decoration: line-through;}
.pagePreview-mobile .l-digital__title{margin-bottom: 10px;font-weight: 500;}
.pagePreview-mobile .l-digital__desc{font-size: 12px;margin-bottom: 6px;white-space: pre-wrap}
.pagePreview-mobile .l-digital__tips{background: #FFF4E5;border-radius: 8px;padding: 6px;font-size: 12px;margin-bottom: 8px;}
.pagePreview-mobile .l-digital__checkout{width: 100%;position: absolute;bottom: 20px;}
.pagePreview-mobile .choice-file{background: #F5F6F7;border-radius:8px;padding: 8px;display: flex;justify-content: space-between;font-weight: 500;font-size: 12px; margin-bottom: 8px;}
.pagePreview-mobile .choice-file__name{word-break: break-all;}
.pagePreview-mobile .choice-file__price{margin-left: 10px;}
.pagePreview-confirmation{height: 100%;overflow: auto;}
.pagePreview-confirmation::-webkit-scrollbar{display: none;}
.pagePreview-confirmation__title{font-weight:500;}
.pagePreview-confirmation .l-confirmation{border-radius:8px;border: 1px solid #D8DBDE;padding: 12px;min-height: 592px;margin-top: 12px;}
.pagePreview-confirmation .l-confirmation__subject{white-space: pre-wrap;}
.pagePreview-confirmation .l-confirmation__title{margin-bottom: 12px;font-weight: 500;}
.pagePreview-confirmation .l-confirmation__order .row{margin-bottom: 6px;}
.pagePreview-confirmation .l-confirmation__order .url{display: inline-block;max-width: 100%;vertical-align: middle;}
.pagePreview-confirmation .digital-files{margin-top: 20px}
.pagePreview-confirmation .digital-file{position: relative;height: 76px;padding: 8px;border: 1px solid #CACACA;border-radius: 8px;display: flex;align-items: center;margin-bottom:12px;}
.pagePreview-confirmation .digital-file__info{display: flex;align-items: center;margin-right: auto;min-width: 0;}
.pagePreview-confirmation .digital-file__type{ margin-right: 8px;flex: none;}
.pagePreview-confirmation .digital-file__type img{width: 48px;}
.pagePreview-confirmation .digital-file__text{min-width: 0;}
.pagePreview-confirmation .digital-file__name{font-weight: 500;}
.pagePreview-confirmation .digital-file__hint{font-size: 12px;color: #999999;}
.pagePreview-confirmation .digital-file__down{padding: 2px 4px;cursor: pointer;}
.pagePreview-confirmation .digital-file__down i{font-size: 18px;color: #7B8087;}
.pagePreview-confirmation .l-confirmation__order .row-price{display: flex;}
    /*Order page*/
.order-table-wrapper{width:1080px;padding:0 20px 100px;margin:28px auto 0}
.order-table{padding:24px 24px 2px 24px;background:#fff;box-shadow:1px 1px 3px 0 rgba(2,27,57,.1216);border-radius:12px}
.order-table__blank{text-align:center;padding-top:100px;padding-bottom:120px}
.order-table__blank .blank-img img{width:100px}
.order-table__blank .blank-title{font-size:16px;font-weight:500;margin-top:48px}
.order-table .el-table__load{padding:120px 0;text-align:center}
.order-table .el-table__load .load_icon{display:inline-block;line-height:1;color:#acb5bf;font-size:24px;animation:1s linear 0s infinite normal none running spin}
.order-table__search{display:flex;align-items:center}
.order-table__search .search-bar{position:relative;flex:auto;height:44px;padding:0 12px 0 40px;margin-right:auto;border-radius:8px;border:1px solid #d8dbde}
.order-table__search .search-bar input{width:100%;height:100%;border:none}
.order-table__search .search-btn{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#979ba0;cursor:pointer}
.order-table__search .search-filter{border-radius:8px;border:1px solid #d8dbde;min-width:119px;height:44px;margin-left:20px}
.order-table__search .search-filter i{color:#666;margin-right:10px;vertical-align:middle}
.order-table .el-table{margin-top:16px}
.order-table .el-table .cell{padding-left: 10px;padding-right: 10px;box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all;}
.order-table .el-table__header{display:flex;background:#f5f6f7;border-radius:4px;line-height:36px;color:#666;width:100%;text-align:left}
.order-table .el-table_column_1{width:208px;}
.order-table .el-table_column_2{width:110px;}
.order-table .el-table_column_3{width:146px;}
.order-table .el-table_column_4{width:144px;}
.order-table .el-table_column_5{width:140px;}
.order-table .el-table_column_6{width:140px;}
.order-table .el-table_column_7{width:104px;text-align:center}

.order-table .el-table__row{display:flex;border-bottom:1px solid #e4e8ed;height:72px;align-items:center}
.order-table .el-table__row:last-child{border-bottom:none}
.order-table .el-table__cell{flex:none}
.order-table .el-table .product-info{display:flex;align-items:center}
.order-table .el-table .product-cover{width:40px;height:40px;border-radius:8px;margin-right:8px}
.order-table .el-table .order-detail{min-width:76px;height:32px;border-radius:6px;border:1px solid #d8dbde}
.order-table .el-table .state-tag{display:inline-block;padding:0 12px;border-radius:20px;line-height:30px}

.order-filter-modal .order-filter__title{margin-bottom:10px}
.order-filter__date{position:relative;margin-bottom:16px}
.order-filter__date .date-input{padding:0 32px 0 12px;border:1px solid #d8dbde;width:100%;height:40px;border-radius:4px}
.order-filter__date .date-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:#7b8087}
.order-filter__type{margin-bottom:16px}
.order-filter-modal .v-select__menu-item i{display:none;float:right}
.order-filter-modal .v-select__menu-item.selected i{display:inline-block}
.order-filter__action{margin-top:24px;display:flex;justify-content:space-between}
.order-filter__action button{width:148px;height:44px}

/*order-detail-modal*/
.order-detail-modal {display: flex;flex-direction: column;}
.order-detail-modal .m-modal__body{display: flex;flex-direction: column;overflow: auto;}
.order-detail-modal .order-detail{display: flex;flex-direction: column;overflow: auto;}
.order-detail-modal .order-detail__content{display: flex;flex-direction: column;overflow: auto;}
.order-detail-modal .order-detail__content::-webkit-scrollbar{display: none;}
.order-detail__top{display:flex;align-items:center;margin-bottom:6px}
.order-detail__title{margin-right:auto;font-size:18px;font-weight:500}
.order-detail__top .state-tag{display:inline-block;padding:0 12px;border-radius:20px;line-height:30px;margin-right:12px}
.order-detail__content{padding:20px 20px 14px;border:1px solid #d8dbde;border-radius:12px;}
.order-detail__row {margin-bottom: 16px;border-bottom: 1px solid #E4E8ED;}
.order-detail__row:last-child {border-bottom: none;margin-bottom: 0;}
.order-detail__row .label{font-size: 16px;font-weight: 500;margin-bottom: 8px;}
.order-detail__row .value{margin-bottom: 8px;}
.order-detail__row .order-id{display: flex;align-items: center;justify-content: space-between;}
.order-detail__row .order-copy {color:#7B8087;cursor: pointer}
.order-detail__row .product-type {display: flex;align-items: center;justify-content: space-between;}
.order-detail__row .product-type .type{font-size: 14px;color: #666666;}

.order-detail__row .detail-item .row{display: flex;flex-wrap: wrap;margin-bottom:6px;}
.order-detail__row .detail-item .title{color: #666666;margin-right: 6px;}
.order-detail__row .detail-item .content{overflow: hidden;}
.order-detail__row .detail-item .content .extra-choice{display: flex;}
.order-detail__row .strong{font-weight: 600;}
.order-detail__row .customer-email{display: flex;}
.order-detail__row .customer-name{display: flex;}
.order-detail__row .email-copy{margin-left:8px;color:#7B8087;cursor: pointer}
.order-detail__row .name-copy{margin-left:8px;color:#7B8087;cursor: pointer}
.order-detail__row .product-info{display: flex;align-items: center;    margin-bottom: 16px;}
.order-detail__row .product-cover{margin-right: 12px;flex: none;}
.order-detail__row .product-cover img{width: 76px;height: 76px;border-radius: 8px;}
.order-detail__complete{width: 100%;margin-top: 20px;flex:none;}
.order-detail__resend{width: 100%;margin-top: 20px;flex: none;}

/*complete-order-modal*/
.complete-order-modal{display: flex;flex-direction: column;overflow: auto;}
.complete-order-modal .m-modal__body{display: flex;overflow: auto;}
.complete-order-modal .complete-order{display: flex;flex-direction: column;overflow: auto;width:100%;}
.complete-order-modal .complete-order::-webkit-scrollbar{display: none;}
.complete-order-modal .order-perform__upload{height: 160px;padding: 40px 46px 20px;background: #F5F6F7;border-radius: 8px;text-align: center;cursor: pointer}
.complete-order-modal .order-perform__icon img{width:32px;margin-bottom: 12px;}
.complete-order-modal .order-user{margin-top: 6px;color: #666666;}
.complete-order-modal .order-name{margin-left: 4px;}
.complete-order-modal .order-custom .label {float: left;color:#666666;margin-right: 6px;margin-bottom: 6px;word-break: break-all;}
.complete-order-modal .order-custom .value {float: left;margin-bottom: 6px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;white-space: pre-wrap;}
.complete-order-modal hr{margin: 16px 0;border: none;border-bottom: 1px solid #E4E8ED;}
.complete-order-modal .order-perform {margin-top:10px;}
.complete-order-modal .order-attach .l-file{display: flex;align-items: center;margin-top: 10px;}
.complete-order-modal .l-file__info{margin-right: auto;display: flex;align-items: center;min-width: 0}
.complete-order-modal .l-file__type {margin-right: 8px;width: 44px;flex:none;}
.complete-order-modal .l-file__text{min-width: 0}
.complete-order-modal .l-file__name {font-weight: 500;}
.complete-order-modal .l-file__size {font-size: 12px;color: #999999; }
.complete-order-modal .l-file__remove {padding: 2px 4px;color: #7B8087;cursor: pointer;}
.complete-order-modal .l-file__remove i{font-size:20px;}
.completed-order-modal .m-modal__header{text-align: center;font-weight: 500;}
.completed-order-modal p{text-align: center;padding: 0px 36px;}
.completed-order-modal .check-btn{width: 100%;margin-top: 30px;}
.completed-order-modal .cancel-btn{ display: block;margin: 12px auto 0;font-weight: 500;}
/*.confirmation-email-modal*/
.confirmation-email-modal .m-modal__header{text-align: center;font-weight: 500;}
.confirmation-email-modal p{text-align: center;margin-bottom: 30px;}
.confirmation-email-modal .action-btn{display: flex;justify-content: space-between;padding: 0 12px;}
.confirmation-email-modal .action-btn button{width: 128px;height: 44px;}



/*My Wallet*/
#NotificationBanner-AccountBlocked .banner-error{position: fixed;top: 70px;left: 220px;right: 0;z-index: 11;}
#NotificationBanner-AccountBlocked .banner-inner{padding: 6px 40px 6px 12px;background-color: #FFE9EB;}
#NotificationBanner-AccountBlocked .banner-warning{margin-right: 6px;color: var(--body-theme-error);vertical-align: middle}
#NotificationBanner-AccountBlocked .banner-text{vertical-align: middle;}
#NotificationBanner-AccountBlocked .banner-text a{color: #333333}
.my-wallet-wrapper{width:1040px;padding:0 20px 100px;margin:28px auto 0}
.wallet-info-card{display: flex;flex-wrap: wrap;margin-right: -20px;}
.my-wallet .wallet-info-card .card-item{position: relative;width: 490px;margin-bottom: 20px;margin-right: 20px;padding:20px 24px 12px;background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.1216);border-radius: 12px 12px 12px 12px;opacity: 1;}
.my-wallet .card-item-header{font-size:16px;font-weight:500}
.my-wallet .card-item-header .question{display:inline-block;position:relative}
.my-wallet .card-item-header .question i{vertical-align:middle;cursor:pointer}
.my-wallet .card-item-header .question-title{display:none;position:absolute;left:-30px;top:30px;width:280px;padding:6px 10px;font-size:12px;font-weight:400;background:#fff;border:1px solid #999;border-radius:4px}
.my-wallet .card-item-header .question:hover .question-title{display:block}
.my-wallet .card-item-total{margin-top:4px;margin-bottom:2px;font-size:32px;font-weight:500;}
.my-wallet .card-item-total .total{font-size: 40px;}
.my-wallet .withdraw-btn{position:absolute;top:20px;right:24px;min-width:108px;height:36px;background:#187fff;border-radius:40px;color:#fff}
.my-wallet .withdraw-btn[disabled]{background-color:#bec1c5;color:#666}
.my-wallet .withdraw-provider{border-top: 1px solid #E4E8ED;padding-top: 8px;display: flex;}
.my-wallet .withdraw-provider .provider-unlink{color:#FF293B;margin-left: auto}
.my-wallet .withdraw-provider-block {display: flex;align-items: center;}
.my-wallet .withdraw-provider .provider-info{display: flex;align-items: center;line-height: normal;margin-left: 4px;font-weight: 500;}
.my-wallet .withdraw-provider .provider-icon{width: 16px;height: 16px;object-fit: cover;margin-right: 4px;}

.wallet-transactions{background: #FFFFFF;box-shadow: 1px 1px 3px 0px rgba(2,27,57,0.1216);border-radius: 12px;padding: 20px 24px;}
.wallet-transactions .transactions-title{font-size: 16px;font-weight: 500;}

.wallet-transactions .filter-time{display: inline-block;margin: 16px 0 16px;min-width: 140px;}
.wallet-transactions .v-select .v-select__menu{padding:0;width: auto;white-space: nowrap;overflow: hidden;}
.wallet-transactions .v-select .v-select__menu-item{padding:6px;border-radius:0;}
.wallet-transactions .el-table__header{display: flex;background: #F5F6F7;line-height: 36px;border-radius: 4px;}
.wallet-transactions .el-table_column_1{width: 420px;padding-left:12px; }
.wallet-transactions .el-table_column_2{width: 144px;padding-left:12px;}
.wallet-transactions .el-table_column_3{width: 166px;padding-left:12px;}
.wallet-transactions .el-table_column_4{width: 138px;padding-left:12px;}
.wallet-transactions .el-table_column_5{width: 84px;text-align: center;}
.wallet-transactions .el-table__load{padding:120px 0;text-align:center}
.wallet-transactions .el-table__load .load_icon{display:inline-block;line-height:1;color:#acb5bf;font-size:24px;animation:1s linear 0s infinite normal none running spin}
.wallet-transactions .el-table__row{display:flex;border-bottom:1px solid #e4e8ed;height:72px;align-items:center}
.wallet-transactions .el-table__row:last-child{border-bottom:none}
.wallet-transactions .el-table__cell{flex:none}
.wallet-transactions .el-table .product-info{display:flex;align-items:center}
.wallet-transactions .el-table .product-cover{width:40px;height:40px;border-radius:8px;margin-right:8px}
.wallet-transactions .el-table .order-detail{min-width:76px;height:32px;border-radius:6px;border:1px solid #d8dbde}
.wallet-transactions .el-table .state-tag i{vertical-align: middle;}
.wallet-transactions .el-table .state-name{vertical-align: middle;margin-left: 4px;}
.wallet-transactions .el-table__blank{text-align:center;padding-top:100px;padding-bottom:120px}
.wallet-transactions .el-table__blank .blank-img img{width:100px}
.wallet-transactions .el-table__blank .blank-title{font-size:16px;font-weight:500;margin-top:48px}
.wallet-transactions .el-table__blank .blank-desc{margin-top:10px;}

.wallet-stripe-delete-pop .m-modal__header{  text-align: center;}
.wallet-stripe-delete-pop .desc{word-break: normal;text-align: center}
.wallet-stripe-delete-pop .strong{font-weight: 600;}
.wallet-stripe-delete-pop .action-group{margin-top: 26px;margin-bottom: 8px;}
.wallet-stripe-delete-pop .cancel{background-color: #EBEDEF;border-radius: 8px;width: 128px;height: 44px;}
.wallet-stripe-delete-pop .unlink{ float: right;width: 128px;height: 44px;background: #FF293B;border-radius: 8px;color: #fff;}
.wallet-stripe-delete-pop .m-modal__body{padding: 20px 36px;}

.wallet-stripe-connect-pop .desc{color: #666666;}
.wallet-stripe-connect-pop .m-modal__footer{padding-top: 0;}
.wallet-stripe-title-pop .provider-type{display: flex;height: 40px;background: #d8f9eb;border-radius: 4px;align-items: center;justify-content: center;}
.wallet-stripe-title-pop .provider-img img{width: 16px;}
.wallet-stripe-title-pop .provider-state img{width: 16px;}
.wallet-stripe-title-pop .provider-title {margin: 0 12px 0 8px;}
.wallet-stripe-title-pop .provider-input  input{width: 100%;height: 40px;margin-top: 12px;padding-left: 12px;border: 1px solid #DFDFDF;border-radius: 4px;}
.withdraw-balance-modal .withdraw__provider{display: flex;align-items: center;padding: 10px 12px;background: #EBEDEF;border-radius: 4px;}
.withdraw-balance-modal .provider{margin-left: 10px;}
.withdraw-balance-modal .withdraw__provider .title{flex: none;margin-right: auto;}
.withdraw-balance-modal .withdraw__provider img{width: 18px;height: 18px;margin-right: 4px;}
.withdraw-balance-modal .withdraw__amount__title {margin-top: 14px;margin-bottom: 6px;}
.withdraw-balance-modal .amount__box{display: flex;height: 44px;line-height: 44px;border: 1px solid #DFDFDF;border-radius: 4px;font-size: 28px;font-weight: bold;}
.withdraw-balance-modal .amount__prefix{padding-left: 12px;padding-right: 6px;}
.withdraw-balance-modal [name=amount]{width: 100%;margin:8px 0;border: none;border-top-right-radius:4px;border-bottom-right-radius: 4px;}
.withdraw-balance-modal .amount__box--error {border-color: var(--body-theme-error);}
.withdraw-balance-modal .amount__error{padding: 4px 8px;color: var(--body-theme-error);}
.withdraw-balance-modal .amount__error:empty{display: none}
.withdraw-balance-modal .withdraw__balance{display: flex;margin-top: 12px}
.withdraw-balance-modal .balance-all{margin-left: 14px;font-weight: 500;color: var(--theme-color);cursor: pointer}
.withdraw-balance-modal .withdraw__rate{margin-top: 4px;}
.withdraw-balance-modal .rate{color: #666666}
.withdraw-balance-modal .withdraw__upgrade{padding-top: 10px;margin-top: 15px;border-top: 1px solid #E4E8ED;cursor: pointer;}
.withdraw-balance-modal .upgrade{color: var(--theme-color);font-weight: 500;}
.withdraw-balance-modal .m-modal__footer{padding-top: 0;}

.transaction-detail-pop .m-modal__header{border-bottom: 1px solid #E4E8ED;margin: 0 20px;padding: 16px 0 14px;}
.transaction-detail-pop .transaction-detail__row{display: flex;margin-bottom: 20px;}
.transaction-detail-pop .transaction-detail__row .title{width: 82px;flex-shrink: 0;color: #666666;}
.transaction-detail-pop .transaction-detail__row .value{width: 100%;font-weight: 500}
.transaction-detail-pop .status__success{color: #0FBF73;font-weight: 500;}
.transaction-detail-pop .status__pending{color: #FA9C3E;font-weight: 500;}
.transaction-detail-pop .status__failed{color: #F02A2A;font-weight: 500;}
.transaction-detail-pop .value__fail{color: #F02A2A;}
.transaction-detail-pop .value__reason{color: #F02A2A;}
.transaction-detail-pop .provider__icon{width: 18px;margin-right: 4px;}
.transaction-detail-pop .transaction-detail__action {border-top: 1px solid #E4E8ED;padding-top: 10px;}
.transaction-detail-pop .transaction-detail__refund{width: fit-content;margin-left: auto;color: #38E199;font-weight: 500;cursor: pointer}
.transaction-detail-pop .transaction-detail__refund i{margin-right: 6px; vertical-align: middle;}
.transaction-detail-pop .transaction-detail__status {border-top: 1px solid #E4E8ED;padding-top: 10px;}
.transaction-detail-pop .transaction-detail__row .state-tag i{vertical-align: middle;}
.transaction-detail-pop .transaction-detail__row .state-name{vertical-align: middle;margin-left: 4px;}

.withdraw-progress-modal .index{width: 24px;margin-right: 12px;}
.withdraw-progress-modal .bg{width: 16px;height: 16px;margin: 0 auto;border-radius: 50%;}
.withdraw-progress-modal .img{width:24px;height: 24px; }
.withdraw-progress-modal .line{width: 24px; margin: 10px 0;}
.withdraw-progress-modal .line__bg1{width: 1px;height: 16px;margin: 0 auto;background: #0FBF73;}
.withdraw-progress-modal .line__bg2{width: 1px;height: 16px;margin: 0 auto;background:#D8DBDE;}
.withdraw-progress-modal .request{display: flex;align-items: center}
.withdraw-progress-modal .request .bg{background-color:#0FBF73;}
.withdraw-progress-modal .arrive .bg{background-color:#D8DBDE;}
.withdraw-progress-modal .progress{display: flex;align-items: center;}
.withdraw-progress-modal .arrive{display: flex;align-items: center;}
.withdraw-progress-modal .explain{color: #666666;}
.withdraw-progress-modal .progress .title{font-weight: 500;}
.withdraw-progress-modal .progress .explain{color: #666666;font-size: 12px;}
.withdraw-progress-modal .amount{margin-top: 20px;padding-top: 16px;color: #666666;border-top: 1px solid #E4E8ED;}
.withdraw-progress-modal .provider{margin-top: 15px;color: #666666;}
.withdraw-progress-modal .fee{margin-top: 15px;color: #666666;}
.withdraw-progress-modal .amount__result{float: right;font-weight: 500;}
.withdraw-progress-modal .provider__result{float: right;font-weight: 500;}
.withdraw-progress-modal .provider__result img{width: 18px;}
.withdraw-progress-modal .fee__result{float: right;font-weight: 500;}


.mp-blockEditor__content .ytb-channels{position: relative;display: none;}
.mp-blockEditor__content .ytb-channels__list{position: absolute;z-index:9;width:100%;margin-top: -10px;background-color: #ffffff;border-radius: 8px;border: 1px solid #D8DBDE;overflow: hidden;}
.mp-blockEditor__content .ytb-channels__item{display: flex;align-items: center; padding: 10px 12px;cursor: pointer;}
.mp-blockEditor__content .ytb-channels__item:hover{background-color: #F5F6F7;}
.mp-blockEditor__content .ytb-channels__cover{width: 36px; height: 36px; border-radius: 50%;margin-right: 8px;}
.mp-blockEditor__content .ytb-channels__desc{font-size: 12px;color: #666666;}
.mp-blockEditor__content .ytb-channel{margin-bottom:20px;display:none;}
.mp-blockEditor__content .ytb-channel__item{display:flex;align-items: center;}
.mp-blockEditor__content .ytb-channel__item img{width: 64px;height: 64px;border-radius: 50%;margin-right: 8px;}
.mp-blockEditor__content .ytb-channel__title{font-weight: 600;}
.mp-blockEditor__content .ytb-channel__top{font-size: 16px;}
.mp-blockEditor__content .ytb-channel__change{margin-top: 6px;display: inline-block;font-weight: 600;color: var(--theme-color);cursor: pointer;}

/* biolink gallery */
.block-gallery-wrap .gallery__blank{margin:auto;padding:48px 0;text-align:center}
.block-gallery-wrap .gallery__blank .blank__img{width:120px}
.block-gallery-wrap .gallery__blank .blank__title{font-size:18px;font-weight:500;margin-top:36px}
.block-gallery-wrap .gallery__blank .blank__desc{color:#666;margin-top:10px}
.block-gallery-wrap .gallery__blank .blank__btn{width:200px;margin-top:36px}
.block-gallery-wrap .gallery__blank .blank__btn i{font-size:22px;vertical-align:middle;margin-right:10px}
.block-gallery-wrap .gallery__add{width:100%;margin-bottom:20px}
.block-gallery-wrap .gallery__list{display:flex;flex-wrap:wrap;margin-right:-24px;margin-bottom:-24px}
.block-gallery-wrap .cover__block img{width:120px;height:120px;border-radius:12px;object-fit:cover}
.block-gallery-wrap .gallery__item{width:120px;height:120px;margin-right:24px;margin-bottom:24px;}
.block-gallery-wrap .gallery-add{cursor:pointer}
.block-gallery-wrap .gallery__drag{position:relative;cursor:move}
.block-gallery-wrap .gallery__drag .del{position: absolute;top: -7px; right: -7px; width: 20px; height: 20px;color: #fff; background: var(--theme-delete-color);border-radius: 50%;text-align: center;cursor: pointer;}
.block-gallery-wrap .gallery__drag .del i{font-size: 14px;}






.import-etsy-modal .import-etsy__btn{width: 100%;}
.import-etsy-modal .import-etsy__eg{color: #666666; margin-top: 10px; font-size: 12px;}
.etsy-product-modal .l-product{width: 176px; background: #F5F6F7; border-radius: 12px;margin: 0 auto; padding: 20px 20px 16px 20px;margin-bottom: 24px;}
.etsy-product-modal .l-product__cover img{width: 136px; border-radius: 10px;}
.etsy-product-modal .l-product__title{margin-top: 8px;margin-bottom: 6px;}
.etsy-product-modal .edit-etsy__btn{width: 100%;display: block;margin-bottom: 16px;}
.etsy-product-modal .import-etsy__btn{ display: block;width: 100%;}


/* Text Rich */
.ql-redo{transform:rotateY(180deg);}
.ql-undo svg,.ql-redo svg{fill:#444}
.ql-undo:hover svg,.ql-redo:hover svg{fill:#06c;}

/*share-link-pop*/
.share-link-pop .m-modal__header{display: none;}
.share-link-pop .m-modal__body .m-modal__header{display: block;padding: 20px 0 0;}
.share-link-pop .m-modal__title{font-size: 16px;font-weight: 500;}
.shareon-item__cont .m-modal__header{text-align: center;}
.shareon-item__cont .m-modal__back{position: absolute;left: 20px;top: 20px;font-size: 13px;cursor: pointer}
.shareon-item__cont .m-modal__back:hover{color: var(--theme-color);}
.share-link-pop .m-modal__body{padding: 0 16px 20px;}
.share-link__desc{padding-top: 4px;color: #666666;margin-bottom: 20px;}
.share-link__item{border-radius: 4px;margin-bottom: 16px;padding: 20px;}
.share-link__item:hover{background-color:#F1F2F5;}
.share-link__item .title{display: flex;align-items: center;}
.share-link__item .title span{margin-left: 10px;font-size: 16px;}
.share-link__item .title i{margin-left: auto;}
.share-link__copy {padding-top: 20px;}
.share-link__copy .copy__title{font-size: 18px;}
.share-link__copy .copy__desc{color: #777777;margin-top: 4px;margin-bottom: 15px;}
.share-link__copy .copy__button__box{display: flex;align-items: center;height:52px;padding-left: 12px;margin: 0 16px;border: 1px solid #ebeef1;border-radius: 4px;cursor: pointer;}
.share-link__copy .copy__button__box:hover{border-color: #d7dce1;}
.share-link__copy .icon{width:40px;}
.share-link__copy .copy__link{margin-left:10px;font-size:16px;}
.share-link__copy .copy__btn{width: 80px;height: 100%;margin-left: auto;text-align: center;font-size: 16px;border-radius: 4px;}
.share-link__copy .copy__button__box:hover .copy__btn{background: var(--theme-color-light);}
.share-link__copy .copy__button__box:active .copy__btn{background: var(--theme-color);}
.share-link__social .social__list{margin-top: 20px;display: flex;justify-content: space-between;}
.share-link__social .social__item{border-radius: 8px;cursor: pointer;}
.share-link__social .social__item:hover{box-shadow: 0px 0px 4px 0px rgba(0,0,0,.8);}
.share-link__social .social__item img{width:40px;}
.share-link__connections{cursor: pointer}
.share-link__qr{cursor: pointer;}
.shareon-social__cont{text-align: center;}
.shareon-social__desc{margin-top: 10px;margin:30px;font-size: 18px;}
.shareon-social__btn{width: 100%;height: 64px;margin-top:40px;margin-bottom: 20px;background: var(--theme-color);border-radius: 8px;color: #ffffff;font-size: 18px;}
.shareon-social__btn i{font-size: 18px;vertical-align: middle;margin-left: 10px;}
.shareon-qr__cont #qrcode{margin-top:20px;text-align:center;}
.shareon-qr__cont #qrcode canvas{display:none}
.shareon-qr__cont #qrcode img{width:280px;}
.shareon-qr__cont .qrlink{margin: 10px 0 30px;text-align: center;font-size: 20px;font-weight: 500;color: var(--theme-color)}
.shareon-qr__cont .qrcolor {margin-bottom: 40px;}
.shareon-qr__cont .qrdownload{text-align: center;}
.shareon-qr__cont .qrdownload-btn{position:relative;width: 400px;height: 52px;margin-bottom: 20px;border-radius: 4px;font-size: 18px;font-weight: 500;}
.shareon-qr__cont .qrdownload-btn .icon-download{position: absolute;left:68px;}
.shareon-qr__cont .qrdownload-btn .qrdownload-yes-icon{font-size: 24px;}
.shareon-connection__cont .connectin___list{margin-top: 20px;}
.shareon-connection__cont .connectin___item{padding:20px;margin-bottom:16px;border-radius: 4px;cursor:pointer}
.shareon-connection__cont .connectin___item:hover{background: #F4F4F4;}
.shareon-connection__cont .connectin___item a{display:flex;align-items:center;color: #333;}
.shareon-connection__cont .connectin___item span{font-size: 18px;margin-left: 12px;}
.shareon-connection__cont .connectin___item i{font-size: 18px;margin-left:auto;vertical-align: middle;}
.shareon-connection__cont .connectin___item img{width:42px;}
.home-welcome-pop .m-modal__header{display: none;}
.home-welcome-pop .m-modal__body{text-align: center;}
.home-welcome-pop h6{font-size: 20px;}
.home-welcome-pop p{margin:10px 0 18px;font-size: 16px;}
.home-welcome-pop .btn-group{font-size: 0;}
.home-welcome-pop .btn-migration{margin-right: 20px;}
.home-welcome-pop .btn-migration button{width: 152px;height: 48px;border: 1px solid #AAAAAA;border-radius: 8px;color: #666666;}
.home-welcome-pop .btn-create button{width: 152px;height: 48px;background: #187FFF;border-radius: 8px;color: #ffffff;}

.shareon-qr__cont .qrcolor__list{text-align: center;}
.shareon-qr__cont .qrcolor__item{display: inline-block;position: relative;width: 34px;height: 34px;margin-right: 20px;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.shareon-qr__cont .qrcolor__item:last-child{margin-right: 0;}
.shareon-qr__cont .qrcolor__item.selected:before{display:block;content:"";position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;background:#fff;border-radius:50%}
.shareon-qr__cont .qrcolor__item span{width:18px;height:18px;display:inline-block;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);background-color:inherit}
.shareon-qr__cont .qrcolor__item.selected span{z-index:2}
.shareon-qr__cont .qrcolor__item.qrcolor__picker{background:url(https://fly.linkcdn.cc/images/back/colorpick.png) center center no-repeat;background-size:cover;}
.shareon-qr__cont .qrcolor__item[data-color="111111"]{background-color:#111}
.shareon-qr__cont .qrcolor__item[data-color="dddddd"]{background-color:#dddddd}
.shareon-qr__cont .qrcolor__item[data-color="888888"]{background-color:#888888}
.shareon-qr__cont .qrcolor__item[data-color="7af3a6"]{background-color:#7af3a6}
.shareon-qr__cont .qrcolor__item[data-color="3352eb"]{background-color:#3352e8}
.shareon-qr__cont .qrcolor__item[data-color="6b44eb"]{background-color:#6b44eb}



/*Guide*/
.guide__wrapper{ min-height: 100vh;background-color: #fff;} 
.guide__container{ display: flex;padding: 0 100px;}
.guide-step__wrap{ width: 60%;}

.guide-preview__inner{  position: sticky; top: 84px; margin: 0 30px;}
.guide__wrapper .guide-step{margin:0 auto;max-width: 616px;padding-top: 84px;padding-bottom: 150px;}
.guide__wrapper .step__content{display: none;} 
.guide__wrapper .step-industry{display: block;}
.guide__wrapper .title{margin-bottom:4px;font-size: 32px;font-weight: 600;}
.guide__wrapper .subtitle{color:#666;font-size: 18px;}
.guide__wrapper .industry__list{display: flex;flex-wrap: wrap;align-items: center;margin-right: -16px;margin-top: 40px;}
.guide__wrapper .industry__item{margin-right: 16px; margin-bottom: 16px;padding: 0 18px;background-color: #F5F6F7;border-radius: 40px;line-height: 40px;font-weight: 500;font-size: 16px;cursor: pointer;}
.guide__wrapper .industry__item:hover{color: #ffffff;background-color: var(--theme-active-color);}
.guide__wrapper .industry__item.selected{color: #ffffff;background-color: var(--theme-active-color);}
.guide__wrapper .step__continue{height: 50px;margin-top: 60px;background: #187fff;border-radius: 16px;color: #fff;font-size: 18px;font-weight: 500;}
.guide__wrapper .step__continue[disabled]{background:#BEC1C5;color:#666;}
.guide__wrapper .start-tab{display: flex;align-items: center;font-size: 20px;font-weight: 600;margin-bottom: 24px;margin-top: 24px;}
.guide__wrapper .start-tab .item{margin-right: 40px;border-bottom: 4px solid transparent;cursor: pointer;}
.guide__wrapper .start-tab .item:hover{color: var(--theme-active-color);}
.guide__wrapper .start-tab .item.active{border-color: var(--theme-active-color);color: var(--theme-active-color);}
.guide__wrapper .start-content .content__item{display: none;}
.guide__wrapper .start-content .start-theme{display: block;}
.guide__wrapper .theme__list{display: flex;flex-wrap: wrap; margin-right: -16px;margin-bottom: 50px;}
.guide__wrapper .theme__item{width: 144px;height: 180px; border-radius: 20px;padding: 10px;border: solid 3px transparent;cursor: pointer;}
.guide__wrapper .theme__item.selected{border-color:var(--theme-active-color);}
.guide__wrapper .theme__item img{width:100%;height: 100%;border-radius: 16px;object-fit: cover;}
.guide__wrapper .cmpt__list{margin-bottom: 26px;}
.guide__wrapper .cmpt__item{padding: 0 20px;margin-bottom: 16px;height: 64px;border-radius: 8px;border: 1px solid #D8DBDE;display: flex;justify-content: space-between;align-items: center;}
.guide__wrapper .cmpt__item .cmpt__title{font-weight: 500;font-size: 18px;}
.guide__wrapper .cmpt__item .cmpt__delete {cursor: pointer;padding: 0 2px;}
.guide__wrapper .cmpt__item .cmpt__delete i{font-size: 20px;color: #7B8087;}
.guide__wrapper .cmpt__add{width: 100%;margin-bottom: 20px;height: 60px;border-radius: 12px;}
.guide__wrapper .step__footer{display:flex;align-items:center;justify-content:space-between}
.guide__wrapper .step__prev{width:40px;height:40px;display:inline-block;border:2px solid #333;border-radius:50%;text-align:center;line-height:36px;cursor: pointer;}
.guide__wrapper .step__prev i{font-size:28px}
.guide__wrapper .step__btns{font-weight:500;font-size:18px;display:flex;align-items:center}
.guide__wrapper .step__skip{margin-right:34px}
.guide__wrapper .step__done{width:160px;height:60px;background:#187fff;border-radius:60px 60px 60px 60px;color:#fff}
.guide__wrapper .success-page{display: none;opacity:0;text-align: center;padding-top: 160px;}/* margin: 0 auto;text-align: center;padding-top: 120px; */
.guide__wrapper .success-page h6{font-weight: 600;font-size: 32px; }
.guide__wrapper .success-page p{margin-top: 20px;font-size: 20px;}
.guide__wrapper .success-page__body{width: 752px;height: 266px;padding:60px 130px 0;margin: 0 auto; background: url(https://bio.linkcdn.cc/instabio.cc/images/icon/guide/guide-success-bg.png) center / 100% no-repeat;}
.guide__wrapper .success-page__customize{display:inline-block;width:520px;height: 48px;line-height: 48px;margin-top: 24px;padding: 0;background-color: #187FFF;border-radius: 16px;font-size: 18px;font-weight: 500;color: #FFFFFF;}
.guide__wrapper .success-page__home{font-size: 18px;color: #666666;margin-top: 24px;display: inline-block;font-weight: 500;}



/* .guide__wrapper .guide-step .panel-industry .step__btn{margin-top:52px}
.guide__wrapper .guide-step .panel-theme .step__btn{margin-top:28px}
.guide__wrapper .guide-step .panel-cmpt .step__btn{margin-top:8px} */

/* .guide__wrapper .step-body .step-industry img{height:20px;margin-left:10px} */
/* .guide__wrapper .guide-step .panel-theme ul{padding:16px 0 0 14px;border:1px solid #e9edfb}
.guide__wrapper .guide-step .panel-theme li{float:left;margin:0 2px 12px 0;padding: 8px;cursor:pointer;border: 2px solid transparent;border-radius: 8px;}
.guide__wrapper .guide-step .panel-theme li:hover{border:2px solid #187fff}
.guide__wrapper .guide-step .panel-theme li.selected{border:2px solid #187fff}
.guide__wrapper .guide-step .panel-theme img{width:116px}
.guide__wrapper .guide-step .panel-footer{margin-top:22px;color:#666}
.guide__wrapper .guide-step .panel-footer i{margin-right:6px;vertical-align:bottom;font-size:14px}
.guide__wrapper .guide-step .step-next{float:right}
.guide__wrapper .guide-step .panel-cmpt .step-next{color: #187FFF;font-weight: 500;}
.guide__wrapper .guide-step .cmpt-item{height: 48px;margin-bottom: 12px; padding: 0 16px 0 12px;border: 1px solid #D0D3DF;border-radius: 2px;line-height: 46px;}
.guide__wrapper .guide-step .cmpt-item__name{float: left}
.guide__wrapper .guide-step .cmpt-item__icons{float: right;color: #9598A4;}
.guide__wrapper .guide-step .cmpt-item__del{cursor: pointer;}
.guide__wrapper .guide-step .cmpt-add{width: 100%;height: 50px;    margin-top: 8px;background: #187fff;border-radius: 6px;color: #fff;font-size: 16px;} */
.guide-block-modal {border-radius: 12px;}
.guide-block-modal .m-modal__header{ padding-bottom: 12px;text-align: center;border-bottom: 1px solid #E4E8ED;}
.guide-block-modal .m-modal__header .m-modal__title{font-size: 16px;font-weight: 500;}
.guide-block-modal ul{margin-right:-18px}
.guide-block-modal li{position:relative;float:left;text-align:center;margin-right:18px;margin-bottom:12px;}
.guide-block-modal li .cover-block{position:relative}
.guide-block-modal .cover{width:168px;height:140px}
.guide-block-modal li .title{display:inline-block;margin-top:6px;font-size:16px;font-weight: 500;}
.guide-block-modal li .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;line-height:140px;background-color:rgba(255,255,255,.6)}
.guide-block-modal li:hover .mask{display:block}
.guide-block-modal .mask span{display: inline-block;width: 36px; height: 36px;line-height: 36px;color: #fff;border-radius: 10px;vertical-align: middle;}
.guide-block-modal .adding .mask span{background: #1b85ff;cursor: pointer;}
.guide-block-modal .added .mask span{line-height: 32px;background: #48e098;border: 2px solid #fff;}
.guide-block-modal .added .mask svg{width: 22px;}
.guide-block-modal .adding .mask svg{width: 30px;}
.guide-block-modal .mask svg{fill: currentColor;vertical-align: middle;}
.guide-block-modal .add .mask span{cursor: pointer;}
.link-creating-modal{border-radius:26px}
.link-creating-modal .m-modal__header{display:none}
.link-creating-modal .link-creating__list{text-align:center}
.link-creating-modal .title{font-size:18px;font-weight:500}
.link-creating-modal .subtitle{margin-top:10px;margin-bottom:18px;font-size:16px;color:#777}
.guide__wrapper .guide-preview-wrap{ width: 40%; padding-left: 30px; padding-top: 84px;}
.guide__wrapper .guide-preview{width:360px; height:779px;
  /* transform: scale(.8); */
  --scale: 0.8;
  --translateY: calc((var(--scale) - 1) / 2);
  transform: scale(var(--scale)) translateY(calc(var(--translateY) / var(--scale)* 100%));
  border:10px solid #000000;border-radius:36px;overflow:hidden;transform: scale(var(--scale)) translateY(calc(var(--translateY) / var(--scale)* 100%));}
.guide__wrapper .guide-preview__blank{text-align: center;}
.guide__wrapper .guide-preview__blank img{margin: 86px auto 0;}
.guide__wrapper .guide-preview__blank p{padding: 0 45px; font-size: 16px; font-weight: 500;color: #000000;}
.guide__wrapper .guide-preview__iframe{width: 100%;height: 100%;}
.guide__wrapper .guide-preview__iframe iframe{border: none;}

   
/* @media (min-height: 900px) {
  .guide__wrapper .guide-preview {
      --scale: 0.8;
      --translateY: calc((var(--scale) - 1) / 2);
  }
}
@media (min-height: 700px) {
  .guide__wrapper .guide-preview {
      --scale: 0.7;
      --translateY: calc((var(--scale) - 1) / 2);
  }
}
@media (min-height: 600px) {
  .guide__wrapper .guide-preview {
      --scale: 0.6;
      --translateY: calc((var(--scale) - 1) / 2);
  }
} */
/* --scale: 0.6;
--translateY: calc((var(--scale) - 1) / 2); */


/* width: 360px;
height: 779px;
transform: scale(.6) translateY(calc(-20 / 60* 100%));
border: 10px solid #000000;
border-radius: 36px;
overflow: hidden;
transform: scale(var(--scale)) translateY(calc(var(--translateY) / var(--scale)* 100%)); */
/* user-industry */

.user-industry-modal .m-modal__header{display:none}
.user-industry-modal .user-industry{padding:10px 48px 28px}
.user-industry-modal .title{font-weight:600;font-size:32px;color:#000}
.user-industry-modal .subtitle{font-size:18px;color:#666;margin-bottom:40px;margin-top:4px}
.user-industry-modal .industry__list{display:flex;flex-wrap:wrap;margin-right:-16px;font-weight:500;font-size:16px}
.user-industry-modal .industry__item{margin-right:16px;margin-bottom:16px;background:#f5f6f7;border-radius:40px;height:40px;padding:0 18px;line-height:40px;cursor:pointer}
.user-industry-modal .industry__item.selected{background-color:#187fff;color:#fff}
.user-industry-modal .btn__continue{height:50px;margin-top:64px;background:#187fff;border-radius:16px;color:#fff;font-size:18px;font-weight:500}
.user-industry-modal .btn__continue[disabled]{background:#bec1c5;color:#666}

/* store insight */
.store-insight-wrapper{padding: 30px 0 0 22px;}
.store-insight__inner{width: 1080px;padding: 0 0 100px;margin: 28px auto 0;}
.store-insight__top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px;}
.insight-block__title{font-weight: 700;font-size: 18px;margin-bottom: 18px;}
.store-insight-wrapper .v-card{padding: 22px 24px;}
.store-insight-wrapper .insight-block-item{width: 530px; padding: 22px 24px; margin-bottom: 20px;}
.store-insight__tab{display: flex;font-weight: 500;color: #999999;}
.store-insight__tab .item{margin-right: 40px;cursor: pointer;}
.store-insight__tab .item.active{color: var(--theme-color);border-bottom: 2px solid var(--theme-color); }
/* .store-insight-wrapper .v-dropdown-toggle {height: 36px; background: #F5F6F7;line-height: 34px;border: 1px solid #f5f6f7;} */
.store-insight__sales{display: none;}
.store-insight__ctm{display: none;}
.store-insight__overview .ov-total {padding: 16px 24px;margin-bottom: 20px;}
.store-insight__overview .ov-total__list{display: flex;justify-content: space-around;}
.store-insight__overview .ov-total__list .icon{width: 60px;    margin-right: 12px;}
.store-insight__overview .ov-total__list .item{display: flex;align-items: center;}
.store-insight__overview .ov-total__list .title{font-weight: 500;color: #666666;}
.store-insight__overview .ov-total__list .value{font-weight: 600;font-size: 24px;}
.store-insight__overview .ov-chart__view{width: 480px; height: 280px;margin: 0 auto;}
.store-insight__sales .sales-product{width: 100%;}
.store-insight__ctm .customers-top {width: 100%;}
.store-insight-wrapper .top-perform__head{display:flex;justify-content:space-between;align-items:center;margin-bottom: 6px;color: #999999;}
.store-insight-wrapper .top-perform__head .row-1{font-size: 16px;font-weight: 500;color: #333333;}
.store-insight-wrapper .top-perform-item{display:flex;justify-content:space-between;height:72px;align-items:center;border-bottom: 1px solid #E4E8ED;}
.store-insight-wrapper .top-perform-item:last-child{border-bottom:none;margin-bottom: 0;}
.store-insight-wrapper .top-perform-item .row-1{display:flex;align-items:center;width:50%;text-align: left;}
.store-insight-wrapper .top-perform-item .cover{flex:none;width:44px;height:44px;border-radius:4px;object-fit:cover;object-position:center;margin-right:12px}
.store-insight-wrapper .top-perform-item .text{display:flex;flex-direction:column;width:100%}
.store-insight-wrapper .top-perform-item .index{width: 20px;margin-right: 12px; line-height: 20px;flex: none; background: #d8d8d8;border-radius: 6px;text-align: center;}
.store-insight-wrapper .top-perform-item .title{font-weight:500;overflow:hidden;}
.store-insight-wrapper .top-perform-item .link{margin-top: 2px; color: #999999;  font-size: 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
/* .store-insight-wrapper .perform-item .row-2{width:20%;text-align:right;font-weight: 700;font-size: 16px;}
.store-insight-wrapper .perform-item .row-2 .links_pct{font-weight: 400;font-size: 12px;color: #999999;} */
.store-insight-wrapper .top-perform-item .price{display: flex;align-items: start;margin-top: 6px;}
.store-insight-wrapper .top-perform-item .marketPrice{margin-left: 8px;color: #999999;font-size: 12px;font-weight: 400;text-decoration: line-through;}

.store-insight-wrapper .top-perform__top{display: flex;margin-top: 20px;font-weight: 500;color: #999999;}
.store-insight__sales .top-perform__body{text-align: center;}
.store-insight__sales .sales-product .product-info{display: flex; align-items: center;min-width: 0;}
.store-insight__sales .sales-product .row-1{width: 30%; text-align: left;padding-right: 5px;}
.store-insight__sales .sales-product .row-2{width: 26%;}
.store-insight__sales .sales-product .row-3{width: 22%;}
.store-insight__sales .sales-product .row-4{width: 22%;}

.store-insight__ctm .top-perform__body{text-align: center;}
.store-insight__ctm .customers-top .product-info{ display: flex; align-items: center;min-width: 0;}
.store-insight__ctm .customers-top .row-1{width: 30%;text-align: left;padding-right: 5px;}
.store-insight__ctm .customers-top .row-2{width: 26%;}
.store-insight__ctm .customers-top .row-3{width: 22%;}
.store-insight__ctm .customers-top .row-4{width: 22%;}
.store-insight__item{position: relative;}


.contactDetail__images{display:flex;margin-bottom:22px}
.contact-image{margin-right:50px}
.contact-image__blank{width:88px;height:88px;line-height:88px;background:#ebedef;border-radius:12px;text-align:center;cursor:pointer}
.contact-image__blank img{width:44px}
.contact-image__title{font-weight:600;margin-bottom:10px}
.contact-image__box{position:relative;width:88px;height:88px}
.contact-image__block{width:100%;height:100%;border-radius:12px;overflow:hidden}
.contact-image__block img{width:100%;height:100%;object-fit:cover}
.contact-content__top{display:flex;justify-content:space-between;margin-bottom:12px}
.contact-content__title{font-weight:600;font-size:16px}
.contact-content__add{font-weight:500;color:var(--theme-color);cursor:pointer}
.contact-content__item{position:relative;height:154px;padding:12px 24px 16px 52px;margin-bottom:16px;background:#f9fafb;border-radius:10px}
.contact-content__item .content__handle{position:absolute;left:0;top:0;bottom:0;width:42px;text-align:center;cursor:move}
.contact-content__item .content__handle i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#7b8087;font-size:20px}
.contact-content__item .content__delete{cursor:pointer;position:absolute;top:12px;right:12px}
.contact-content__item .content__delete i{color:#666}
.contact-content__item .content__title{font-weight:500;margin-bottom:10px}
.contact-content__item .v-input,.contact-content__item .v-textarea{background-color:transparent}
.contact-content__item [name="address"]{height: 100px;padding-top: 8px;}
.contact-content__add-modal .contact-content{margin:0 14px}
.contact-content__add-modal .content__list{display:flex;flex-wrap:wrap;margin-right:-24px;margin-bottom:-24px}
.contact-content__add-modal .content__item{width:200px;padding:24px 0;margin-right:24px;margin-bottom:24px;background-color:#f5f6f7;border-radius:12px;text-align:center;cursor:pointer}
.contact-content__add-modal .content__icon{width:44px}
.contact-content__add-modal .content__text{margin-top:10px;font-weight:500;font-size:16px}
.contact-image__del{position:absolute;top:-7px;right:-7px;cursor:pointer}
.contact-image__del img{width:16px}
.contactDetail-save{width: 100%;}
/* tab-switch-modal */
.tab-switch-modal .m-modal__header{display: none;}
.tab-switch-modal .tab-switch__title{font-weight: 600;}
.tab-switch-modal .tab-switch__desc{margin: 8px 0 20px;font-size: 12px;}
.tab-switch-modal .tab-switch__tips{background: #EBEDEF; border-radius: 8px 8px 8px 8px; padding: 12px 12px; color: #666666;word-wrap: break-word;}
.tab-tips-modal {text-align: center;}
.tab-tips-modal p{color: #666666;}
/* logo */
.basicInfo_box .head_upload{margin-left:22px;width: 128px;height: 128px;cursor: pointer;margin-bottom: 20px;}
.basicInfo_box .img_empty{width:100%;height:100%;border:1px solid rgba(221,221,221,1);border-radius:50%;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.basicInfo_box .img_empty i{color: #fec4bd;}
.basicInfo_box .img_empty span{display:block;margin-top:8px;font-size:14px;color:rgba(119,119,119,1)}
.basicInfo_box .img_box{width: 100%;height: 100%;display: none;}
.basicInfo_box .head_upload img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.module-save-logo{min-width: 100px;display: block; margin-left: auto;}
.c-page-sort {width: 500px;height:100%;display: flex;flex-direction: column;}
.c-page-sort .page-sort__head {margin-bottom: 20px;flex: none;}
.c-page-sort .page-sort__head .title{padding: 20px 20px 10px;font-size:18px;}
.c-page-sort .page-sort__head .close{float: right;}
.c-page-sort .page-sort__head .subtitle {line-height: 20px;padding: 0 20px;}
.c-page-sort .page-sort__main {padding-bottom: 100px;overflow-y: auto;overflow-x: visible;}
.c-page-sort .page-item{padding: 14px 0;margin:0 20px;border-top: 1px solid #EEEEEE;}
.c-page-sort .page-item__box{display: flex;align-items: center;}
.c-page-sort .page-item .btn_move{padding: 2px;color: #777777;cursor: all-scroll;}
.c-page-sort .page-item input{width: 374px;height: 44px;padding-left: 12px;margin: 0 6px 0 8px;border: 1px solid #DFDFDF;border-radius: 2px;}
.c-page-sort .page-item .home-icon{ margin-left: auto;}
.c-page-sort .page-item .home-icon i{font-size: 20px;} 
.c-page-sort .tab-action {position: relative;margin-left: auto;}
.c-page-sort .tab-action i{display: inline-block;transform: rotate(90deg);font-size: 22px;color: #666666;cursor: pointer;}
.c-page-sort .tab-action.opened .tab-action__list {display: block;}
.c-page-sort .tab-action__list {display: none;position: absolute;right:0; z-index:999;padding: 6px; text-align: center; white-space: nowrap;background: #FFFFFF;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);border-radius: 8px;}
.c-page-sort .tab-action__item { padding: 0 14px;line-height: 32px;border-radius: 6px;cursor: pointer;}
.c-page-sort .tab-action i { display: inline-block;transform: rotate(90deg); font-size: 22px; color: #666666;cursor: pointer;}
.c-page-sort .tab-action__item:hover {background: #F5F6F7;}
.c-page-sort .tab-action__item.disabled {color: #AAAAAA;cursor: default;}
.c-page-sort .page-item .message{display: none;margin-left: 28px;color: #E54A4A;margin-top: 4px;}



/* faq */

.faq-wrap .faq__blank{text-align:center;padding:28px 140px 32px}
.faq-wrap .faq__blank .blank__img{width:168px}
.faq-wrap .faq__blank .blank__text{font-weight:600;color:#3d3d3d;margin:20px 0 20px}
.faq-wrap .faq__blank .blank__btn{width:200px}
.faq-wrap .faq__item{position:relative;display: flex;height: 62px;line-height:62px;padding:0 16px 0 52px;margin-bottom:20px;border-radius:12px 12px 12px 12px;border:1px solid #d8dbde}
.faq-wrap .faq__item .drag-handle{position:absolute;top:50%;left:0;width:52px;transform:translateY(-50%);text-align:center;color: #7B8087;cursor: grab;}
.faq-wrap .faq__item .faq__content{display:flex;align-items:center}
.faq-wrap .faq__question{width:288px}
.faq-wrap .faq__action{display:flex;margin-left:auto;color:#7b8087}
.faq-wrap .faq__action>div{padding:2px 6px;cursor:pointer}
.faq-wrap .faq__edit{margin-right:2px}
.faq-wrap .faq__action>div i{font-size:20px}
.faq-wrap .faq__add{width:100%;height:52px}
.faq-add-pop .start{color:red}
.faq-add-pop .v-textarea{height:320px}
.faq-add__answer{margin-bottom:0}

/* menu */
.menu-wrap .menu-section__blank{text-align:center;padding:28px 140px 32px}
.menu-wrap .menu-section__blank .blank__img{width:168px}
.menu-wrap .menu-section__blank .blank__text{font-weight:600;color:#3d3d3d;margin:20px 0 20px}
.menu-wrap .menu-section__blank .blank__btn{width:200px}
.menu-wrap .menu-section__item {margin-bottom: 20px;}
.menu-wrap .menu-section__add{width: 100%;height: 52px;}
.menu-wrap .menu-section__top{display:flex;align-items:center;border-bottom:1px solid #e4e8ed;padding-bottom:20px;margin-bottom:20px}
.menu-wrap .menu-section__text{width: 52%;}
.menu-wrap .menu-section__title{margin-bottom:6px;font-weight:600;font-size:16px}
.menu-wrap .menu-section__desc{color:#666}
.menu-wrap .menu-section__action{flex:none;position:relative;width:28px;line-height:28px;background:#f5f6f7;border-radius:50%;margin-right:12px;cursor: pointer;}
.menu-wrap .v-dropdown-toggle {text-align: center;}
.menu-wrap .menu-section__action i{display:block;transform:rotate(90deg)}
.menu-wrap .menu-section__action .v-dropdown-menu{display:none;position:absolute;left:50%;top:100%;margin-top:8px;transform:translateX(-50%);z-index:999;padding:6px;white-space:nowrap;background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.12);border-radius:8px}
.menu-wrap .menu-section__action.opened .v-dropdown-menu{display:block}
.menu-wrap .menu-section__action .v-dropdown-menu .action-item{line-height:32px;padding:0 14px;border-radius:6px;font-size:12px}
.menu-wrap .menu-section__action .v-dropdown-menu .action-item:hover{background:#f5f6f7}
.menu-wrap .menu-section__dropdown{width:28px;height:28px;line-height:28px;background:#f5f6f7;border-radius:50%;text-align:center;cursor: pointer;transition: transform .3s;}
.menu-wrap .menu-section__item.opened .menu-section__dropdown{transform: rotate(180deg);}
.menu-wrap .menu__add{flex:none;padding:0 16px;margin-right:12px;margin-left:auto;line-height:28px;background:#f5f6f7;border-radius:64px;font-weight:500;font-size:12px;cursor: pointer;}
.menu-wrap .menu__list{border-bottom: 1px solid #E4E8ED;margin: 0 -20px;padding: 0 20px 20px;}
.menu-wrap .menu__list:empty{border-bottom: none;padding: 0;}
.menu-wrap .menu__item{position:relative;display: flex;align-items: center;padding: 20px 20px 20px 52px;margin-bottom: 16px;border-radius: 12px; border: 1px solid #D8DBDE;}
.menu-wrap .menu__content{display:flex;align-items:center}
.menu-wrap .menu__info{display:flex;min-width: 0;}
.menu-wrap .menu__cover{flex: none;}
.menu-wrap .menu__cover img{width:76px;height:76px;border-radius:8px;margin-right:12px}
.menu-wrap .menu__text{ min-width: 0;}
.menu-wrap .drag-handle{position:absolute;top:50%;left:0;width:52px;transform:translateY(-50%);text-align:center;color:#7B8087;cursor: grab;}
.menu-wrap .menu__title{font-weight:600}
.menu-wrap .menu__price{margin:6px 0 8px}
.menu-wrap .menu__variant{color:#666;font-size:12px}
.menu-wrap .menu__action{display:flex;margin-left:auto;color:#7b8087}
.menu-wrap .menu__action>div{padding:2px 6px;cursor:pointer}
.menu-wrap .menu__edit{margin-right:2px}
.menu-wrap .menu__action>div i{font-size:20px}
.menu-section__open{position: relative;width:28px;height:28px;margin-right:12px;line-height:28px;background:#bec1c5;border-radius:50%;color:#fff;text-align:center;cursor: pointer;}
.menu-section__open i{font-size:12px}
.menu-section__open .open-text{display: none;position: absolute;top: -30px;padding: 4px 10px; width: max-content; line-height: normal; background-color: #eeeeee; border-radius: 4px;color: #666666;font-size: 12px; left: 50%; transform: translateX(-50%);}
.menu-section__open:hover .open-text{display: block;}
.menu-section-reorder-pop .menu-section__item{border-radius:12px;border:1px solid #d8dbde;margin-bottom:20px;position:relative;line-height:62px;padding:0 20px 0 52px}
.menu-section-reorder-pop .drag-handle{position:absolute;top:50%;left:0;width:52px;transform:translateY(-50%);text-align:center;cursor:grab}
.menu-section-reorder-pop .menu-section__list{max-height: 600px;overflow: auto;}
.menu-section-reorder-pop .menu-section__list::-webkit-scrollbar{display: none;}


.menu-edit-pop .words-length{ position: absolute; right: 12px; top: 12px;  color: #979BA0;}
.menu-edit-pop .menu-edit__cover{width:120px;height:120px;margin-bottom:20px}
.menu-edit-pop .cover__blank{width:100%;height:100%;border-radius:12px;border:1px solid #d8dbde;text-align:center;line-height:118px;cursor:pointer}
.menu-edit-pop .cover__blank i{font-size:40px;color:#979ba0}
.menu-edit-pop .cover__block{position:relative;width:100%;height:100%;border-radius:12px}
.menu-edit-pop .cover__block img{border-radius:12px}
.menu-edit-pop .cover__del-btn{position:absolute;top:-7px;right:-7px;cursor:pointer;color:#fff;background:var(--theme-delete-color);width:20px;height:20px;border-radius:50%;text-align:center}
.menu-edit-pop  .cover__del-btn i{font-size:14px}
.menu-edit-pop .menu-edit__title{margin-bottom:16px;font-weight:600}
.menu-edit-pop .menu-edit__price{margin-top:20px}
.menu-edit-pop .price__top{display:flex;justify-content:space-between}
.menu-edit-pop .v-toggle{margin-left:8px}
.menu-edit-pop .price__variants{max-height: 360px;overflow: auto;}
.menu-edit-pop .price__variants::-webkit-scrollbar{display: none;}
.menu-edit-pop .variant__item{position:relative;padding:20px 20px 20px 52px;margin-bottom:16px;border:1px solid #d8dbde;border-radius:12px}
.menu-edit-pop .variant__item .drag-handle{position:absolute;top:50%;left:0;width:52px;transform:translateY(-50%);text-align:center;color:#7b8087;cursor: grab;}
.menu-edit-pop .variant__item .variant__content{display:flex;align-items:center}
.menu-edit-pop .variant__item .variant__name{width:262px;margin-right:12px;margin-bottom:0}
.menu-edit-pop .variant__item .variant__name .v-input{height:48px}
.menu-edit-pop .variant__price{width:184px;margin-bottom:0}
.menu-edit-pop .variant__delete{margin-left:auto;color:#7b8087;cursor:pointer}
.menu-edit-pop .variant__delete i{font-size:20px}
.menu-edit-pop .variant__add{display:inline-block;color:var(--theme-color);font-weight:500;cursor:pointer}
.menu-edit-pop .variant__name .v-form-group-help{ position: absolute;margin-top: 2px;}
.menu-edit-pop .variant__price .v-symbol-help{position: absolute;margin-top: 2px;}

.team-wrap .team__blank{display: none;padding:28px 140px 32px;text-align:center;}
.team-wrap .team__blank .blank__img{width:168px}
.team-wrap .team__blank .blank__text{font-weight:600;color:#3d3d3d;margin:20px 0 20px}
.team-wrap .team__blank .blank__btn{width:200px}
.team-wrap .team__subs{display: none;}

.team-wrap .team__item{position:relative;display: flex;align-items: center;padding:20px 16px 20px 52px;margin-bottom:20px;border-radius:12px;border:1px solid #d8dbde}
.team-wrap .team__item .drag-handle{position:absolute;top:50%;left:0;width:52px; height: 100%;transform:translateY(-50%);text-align:center;color: #7B8087;cursor: grab;}
.team-wrap .team__item .drag-handle i{position: absolute;top:50%;transform: translateY(-50%);}
.team-wrap .team__item .team__content{display:flex;align-items:center}
.team-wrap .team__cover{flex: none;}
.team-wrap .team__cover img{width: 76px;height: 76px;margin-right: 12px;border-radius: 8px;object-fit: cover;}
.team-wrap .team__text{min-width: 0;}
.team-wrap .team__title{font-weight: 500;}
.team-wrap .team__desc{margin-top: 5px;color: #999;}
.team-wrap .team__action{display:flex;margin-left:auto;color:#7b8087}
.team-wrap .team__action>div{padding:2px 6px;cursor:pointer}
.team-wrap .team__edit{margin-right:2px}
.team-wrap .team__action>div i{font-size:20px}
.team-wrap .team__add{width:100%;height:52px}
.team-add-pop{display: flex;height: 720px;}
.team-add-pop .m-modal__header{display: none;}
.team-add-pop .m-modal__body{display: flex;padding: 0;}
.team-add-pop .lpHeader-avatar__wrap{margin-bottom: 26px;font-size: 16px;}
.team-add-pop .lpHeader-avatar__inner{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.team-add-pop .lpHeader-avatar__title{margin-bottom: 10px;font-weight: 500;font-size: 16px;}
.team-add-pop .lpHeader-verified{margin-left: 32px;}
.team-add-pop .lpHeader-avatar::after{content: "";}
.team-add-pop .avatar-box{position: relative;width:120px;height:120px;}
.team-add-pop .avatar-box[data-type="cover"]{width: 180px;height: 120px;}
.team-add-pop .avatar-box .img_block{width:100%;height:100%;border-radius:12px;overflow:hidden;}
.team-add-pop .avatar-box .img_block img{width:100%;height:100%;object-fit:cover;}
.team-add-pop .avatar-del{position:absolute;top:-7px;right:-7px;cursor:pointer;color:#fff;background:var(--theme-delete-color);width:20px;height:20px;border-radius:50%;text-align:center}
.team-add-pop .avatar-del i{font-size:14px}
.team-add-pop .avatar__blank{width:100%;height:100%;background:#ebedef;border-radius:12px;text-align:center;line-height:120px;cursor:pointer}
.team-add-pop .avatar__blank i{color:#979ba0;font-size:60px}
.team-add-pop .avatar-action{margin-left:10px;background:#fff;border:1px solid #f2f2f2;box-shadow:0 4px 8px 0 rgba(142,142,142,.2);border-radius:4px;display:none}
.team-add-pop .avatar-action ul{padding:8px 10px}
.team-add-pop .avatar-action li{width:130px;height:30px;line-height:30px;border-radius:2px;padding-left:10px;cursor:pointer}
.team-add-pop .avatar-action li:hover{background-color:#f2f2f2}
.team-add-pop .avatar-action img{margin-right:18px}
.team-add-pop .badge__title{font-size: 16px;}
.team-add-pop .is-pro:before{left: 7px;top: 2px;}
.team-add-pop .badge-list{margin-top: 18px;}
.team-add-pop .badge-list li{float: left;width: 36px;height: 36px;margin-right: 6px;line-height: 30px;border: 2px solid transparent;border-radius:var(--theme-corner-inner);text-align: center;cursor: pointer;}
.team-add-pop .badge-list li.selected{border:2px solid var(--theme-color);}
.team-add-pop .badge-list img{width: 22px;}
.team-add-pop .badge-position {display: flex;align-items: center;margin-top: 16px;}
.team-add-pop .badge-position__title{margin-right: 8px;font-weight: 500}
.team-add-pop .badge-position__list{display: flex;height: 28px;padding:4px;background: #EBEDEF; border-radius: 8px;font-size:14px;}
.team-add-pop .badge-position__list .item{padding: 0 8px;height:20px;border-radius: 4px;text-align: center;cursor: pointer}
.team-add-pop .badge-position__list .active{color: #fff;background: var(--theme-color);}
.team-add-pop .lpHeader-avatar-wrap + .v-anmtLabel-control{margin-bottom: 20px}
.team-add-pop .lpHeader-avatar__style { display: flex; margin: 12px 0 16px 0;}
.team-add-pop .lpHeader-avatar__style li{ border: 1px solid #D8DBDE; border-radius: 12px; margin-right: 18px;width: 100px;  height: 100px; overflow: hidden;  cursor: pointer;}
.team-add-pop .lpHeader-avatar__style li.selected{ border: none;outline: 2px solid var(--theme-color)}


.l-teamEditor{display: flex;flex-direction: column;}
.l-teamEditor__head{margin: 0 24px;border-bottom: 1px solid #E4E8ED;line-height: 66px;}
.l-teamEditor__back{display: inline-block;font-weight: 500;font-size: 16px;cursor: pointer;}
.l-teamEditor__back i{margin-right: 6px;font-size: 18px;}
.l-teamEditor__action{float: right;font-size: 0}
.l-teamEditor__cancel{width: 128px;height: 44px;background: #EBEDEF;border-radius: 8px;color: #333333;font-weight: 500;}
.l-teamEditor__save{width: 128px;height: 44px;margin-left:20px;}
.l-teamEditor__save[disabled]{background: var(--theme-disabled-color);border-color: var(--theme-disabled-color);color: var(--theme-disabled-font-color);}
.l-teamEditor .l-teamEditor__body{display: flex;height: calc(100% - 68px);}
.l-teamEditor .l-teamEditor__title{margin-bottom: 10px;font-weight: 600;font-size: 16px;}
.l-teamEditor__links .l-links__top{display: flex;justify-content: space-between;margin-bottom: 6px;}

.l-teamEditor .l-teamEditor__desc{margin-bottom: 16px;font-size: 12px;color: #666666;}
.l-teamEditor .l-teamEditor__media{margin-bottom: 20px}
.l-teamEditor .words-length{position: absolute;right: 12px;top: 50%;color: #979BA0;transform: translateY(-50%);}
.l-teamEditor .l-teamEditor-title .v-input{padding-right: 68px;}
.l-teamEditor .v-input[disabeld]{background-color: #F5F5F5;}
.l-teamEditor .v-prefix-control:has(.v-input[disabled]){background-color: #F5F5F5;}
.l-teamEditor .v-textarea[disabled]{background-color: #F5F5F5!important;}
.l-teamEditor__left{width:545px;border-right:1px solid #e4e8ed;padding:20px 24px 20px;overflow:auto;height:100%;padding-bottom:60px}
.l-teamEditor__right{width:545px;padding:20px 24px 20px;overflow:auto;height:100%}
.l-teamEditor__right::-webkit-scrollbar{display:none}
.l-teamEditor__links .l-links__add{color:var(--theme-color);font-weight:500;cursor:pointer}
.l-teamEditor .l-links__blank{display:none;background:#f5f6f7;border-radius:12px;text-align:center;padding:40px 114px}
.l-teamEditor .l-links__blank .blank__img{width:200px}
.l-teamEditor .l-links__blank .blank__desc{margin-top:24px;font-weight:500}
.l-teamEditor .l-links__list{display:none}
.l-teamEditor .social-delete .btn-action{display:flex}
.l-teamEditor .social-delete .btn__cancel{margin-right:20px}
.import-linkbio-modal .import__btn{width:100%}
.import-linkbio-modal .import__eg{color:#666;margin-top:10px;font-size:12px}
.success-linkbio-modal .link__info{width:176px;background:#f5f6f7;border-radius:12px;margin:0 auto;padding:20px 20px 16px 20px;margin-bottom:24px}
.success-linkbio-modal .link__cover{text-align:center}
.success-linkbio-modal .link__cover img{width:136px;height:136px;border-radius:10px;object-fit:cover}
.success-linkbio-modal .link__title{margin-top:10px;text-align:center}
.success-linkbio-modal .edit__btn{display:block;width:100%;margin-bottom:16px}
.success-linkbio-modal .import__btn{display:block;width:100%}

/* biolink  */
.block-editor-wrap .style__alignment{display: flex;margin-bottom: 26px;}
.block-editor-wrap .style__alignment li{width:48px;height:48px;padding:6px;margin-right:24px;border-radius:6px;border:1px solid #e4e8ed;cursor:pointer}
.block-editor-wrap .style__alignment li.selected{border-color:transparent;outline:2px solid #ff6541}
.block-editor-wrap .style__toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:500}